MarekZeman91

import { useState } from "react";

export function useUpdate(): [number, () => void] {
  const [state, setState] = useState(0);
  return [state, () => setState(Date.now())];
}

MarekZeman91

import { useMemo } from "react";

import { useArrayHash } from "./useArrayHash";

export function useMemoizedArray<T1, T2 = T1>(
  array: T1[],
  hashKey: keyof T1,
): [T2[], string];

export function useMemoizedArray<T1, T2 = T1>(

MarekZeman91

export function useArrayHash<T>(array: T[], key: keyof T): string {
  return array.map((x) => x[key]).join("");
}

MarekZeman91

import type { Dispatch } from "react";
import { useState } from "react";

export function useAutoResetState<S>(
  initialState: S | (() => S),
): [S, Dispatch<S>] {
  const [state, setState] = useState(initialState);
  return [
    state,
    (temporaryState: S) => {

MarekZeman91

export const el = (nodeName, props = {}, children = []) => {
  const $el = (el.cache[nodeName] || (
    el.cache[nodeName] = document.createElement(nodeName)
  )).cloneNode(true);
  Object.assign($el, props).append(...children);
  return $el;
};
el.cache = {};

MarekZeman91

const triggerDownload = (blob: Blob, filename: string) => {
  const url = window.URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.download = filename;
  link.href = url;

  document.body.appendChild(link);

  link.dispatchEvent(new MouseEvent('click', {
    bubbles: true,

MarekZeman91

import { createRef, ForwardedRef, forwardRef, useImperativeHandle, useRef } from 'react';

interface ForwardedHandlers<T> {
  getValue(): T;
}

interface ForwardedProps<T> {
  value: T;
  children?: never;
}

MarekZeman91

const setText = (input: HTMLInputElement, value: string): void =>  {
  const prototype = Object.getPrototypeOf(input);
  const valueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;

  valueSetter.call(input, value);

  const init = { bubbles: true, cancelable: true };
  input.dispatchEvent(new Event('change', init));
};

MarekZeman91

class ExpandedPromise<T> extends Promise<T> {
    resolve: (value: T | PromiseLike<T>) => void;
    reject: (reason?: any) => void;

    status: 'pending' | 'fulfilled' | 'rejected' = 'pending';

    constructor() {
        const callbacks: {
            resolve?: ExpandedPromise<T>['resolve'],
            reject?: ExpandedPromise<T>['reject'],

MarekZeman91

import { createElement, CSSProperties, FC } from 'react';

export type CSSBoxProps = CSSProperties & { className?: string };
export const CSSBox: FC<CSSBoxProps> = ({ children, className, ...style }) => {
  return createElement('div', { className, style }, children);
};