197291

Алгоритм расчёта итогового размера с flex-shrink

Ниже описан механизм расчёта размеров элементов, когда места в контейнере не хватает:

1 шаг. Рассчитываем отрицательное пространство (ОП) во флекс-контейнере:

ОП = Ширина контейнера - Сумма базовых размеров элементов

2 шаг. Находим сумму произведений базовых размеров (СПБР) элементов на их коэффициенты сжатия:

СПБР = (Базовый размер1 * flex-shrink1) + (Базовый размер2 * flex-shrink2) + … + (Базовый размерn * flex-shrinkn)

3 шаг. Для каждого элемента считаем «нормированный коэффициент сжатия» (НКС), для чего произведение базового размера элемента на его коэффициент сжатия делим на СПБР:

4 шаг. Базовый размер элемента уменьшаем на часть ОП пропорциональную НКС элемента:

Итоговый размер = Базовый размер - (НКС * ОП)

197291

export interface CancelablePromise<T> {
  promise: Promise<T>;
  cancel(): void;
}

/**
 * Make a Promise cancelable
 */
export const makeCancelablePromise = <T>(promise: Promise<T>): CancelablePromise<T> => {
  let hasCanceled = false;

197291

import axios, { AxiosRequestConfig } from 'axios';
import queryString from 'query-string';
import { Store } from 'redux';
import { isNil, omitBy, flow } from 'lodash';

import { BASE_URL } from 'redux/constants';
import { showError } from 'redux/actions';
import { isIe } from 'helpers';

const processConfig = (config: AxiosRequestConfig): AxiosRequestConfig => {

197291

  calcTime(city: any, offset: any) {

    // create Date object for current location
    const d = new Date();
    
    // convert to msec
    // add local time zone offset 
    // get UTC time in msec
    const utc = d.getTime() + (d.getTimezoneOffset() * 60000);
    

197291

class LinkedList {
    constructor(...values) {
        this.head = null;
        this.length = 0;
        this.addToHead(...values);
    }
    
    _addSingleItemToHead(value) {
      const newNode = { value };
      newNode.next = this.head;

197291

export const checkChangesDidUpdate = (prevProps: any, prevState: any, curProps: any, curState: any) => {
  (Object as any).entries(curProps).forEach(([key, val]) =>
    prevProps[key] !== val && console.log(`Prop '${key}' from ${prevProps[key]} to ${curProps[key]} changed`)
  );
  (Object as any).entries(curState).forEach(([key, val]) =>
    prevState[key] !== val && console.log(`State '${key}' from ${prevState} to ${curState} changed`)
  );
};

197291

function Node(value) {
    this.data = value;
    this.previous = null;
    this.next = null;
}
function DoublyList() {
    this._length = 0;
    this.head = null;
    this.tail = null;
}

197291

let brackets = {
  "[": "]",
  "{": "}",
  "(": ")",
  "<": ">"
}

function correctBrackets (str) {
  const vals = Object.keys(brackets).map(key => brackets[key]);
  const keys = Object.keys(brackets);

197291

import React, { ChangeEvent } from 'react';
import cx from 'classnames';
import uuid from 'uuid';

import photoIcon from 'Common/assets/photo.svg';
import './index.css';

export interface IProps {
  setImgUrl(img: {
    id: string;

197291

/**
 * Definition for singly-linked list.
 * function ListNode(val) {
 *     this.val = val;
 *     this.next = null;
 * }
 */
/**
 * @param {ListNode} l1
 * @param {ListNode} l2