maradondt

.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

maradondt

.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* JS */
/* position: 'absolute',
      top: '50%',
      left: '50%',

maradondt

const addStyles = (style: HTMLStyleElement) => {
  document.querySelector('head')?.appendChild(style);
};

const createStyleVariablesFromObject = (prefix: string, vars: { [k: string]: string }) => {
  const style = document.createElement('style');

  style.textContent = `
  :root {
    ${Object.entries(vars)

maradondt

export const separateFlie = (file: File, batchSizeMb?: number): Blob[] => {
  const batchSizeBytes = (batchSizeMb || 50) * Math.pow(10, 6);
  const sliceCount = file.size / batchSizeBytes;
  const result: Blob[] = [];

  let start = 0;
  let end = batchSizeBytes;

  for (let i = 0; i <= sliceCount; i++) {
    const slice = file.slice(start, end);

maradondt

/**
 * @description
 * https://realadmin.ru/coding/sklonenie-na-javascript.html
 * @param n number
 * @param text_forms string[]
 * @returns string
 *
 * @example
 * ```js
 * declOfNum(1, ['минута', 'минуты', 'минут']); // вернёт — минута

maradondt

import { useEffect } from 'react';
import { addStylesToHtml } from 'shared/ui/addStyles';

const createGrabbingStyles = () => {
  const style = document.createElement('style');
  style.textContent = `
  .useDragScrolling.grabbing {
    scroll-behavior: auto;
    cursor: grabbing;
  }

maradondt

export interface Color {
  50: string;
  100: string;
  200: string;
  300: string;
  400: string;
  500: string;
  600: string;
  700: string;
  800: string;

maradondt

import { DateTime } from 'luxon';

const units: Intl.RelativeTimeFormatUnit[] = ['year', 'month', 'week', 'day', 'hour', 'minute', 'second'];

/**
 * https://github.com/moment/luxon/issues/274#issuecomment-649347238
 *
 * @param dateTime DateTime.fromISO(isoString)
 * @returns string
 *

maradondt

type BaseObj = {
  id: string;
  parentId: string | null;
};

type Result<T extends BaseObj> = T & {
  children: Result<T>[];
};
export const listToTree = (
  arr: BaseObj[],

maradondt

// reference and demo https://github.com/facebook/react/issues/17596#issuecomment-565524946

import React, { ComponentProps, PropsWithChildren } from 'react';

const longPressDuration = 610;

export default class ContextMenuHandler {
  private callback: (e: any) => void;
  private longPressCountdown: NodeJS.Timeout | null;
  private shouldStopPropagation: boolean;