@snack-uikit/fields 0.30.0 → 0.32.0

package/dist/esm/components/FieldDate/hooks/useDateFieldHelpers.js

@@ -1,66 +0,0 @@
-import { useCallback } from 'react';
-import { SlotKey, SLOTS } from '../constants';
-export function useDateFieldHelpers(inputRef) {
-    const setFocus = useCallback((slotKey) => {
-        if (inputRef.current) {
-            const { start, end } = SLOTS[slotKey];
-            inputRef.current.setSelectionRange(start, end);
-        }
-    }, [inputRef]);
-    const isAllSelected = useCallback(() => { var _a, _b, _c; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length) === ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) && ((_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.selectionStart) === 0; }, [inputRef]);
-    const getSlot = useCallback((slotKey) => {
-        if (inputRef.current) {
-            return inputRef.current.value.slice(SLOTS[slotKey].start, SLOTS[slotKey].end);
-        }
-        return '';
-    }, [inputRef]);
-    const isLikeDate = useCallback(() => {
-        if (inputRef.current) {
-            return Object.keys(SLOTS).every(slotKey => getSlot(slotKey) && Number.isInteger(Number(getSlot(slotKey))));
-        }
-        return false;
-    }, [getSlot, inputRef]);
-    const isValidInput = useCallback(() => {
-        const day = parseInt(getSlot(SlotKey.Day), 10);
-        const month = parseInt(getSlot(SlotKey.Month), 10);
-        const year = parseInt(getSlot(SlotKey.Year), 10);
-        if (!month || !day) {
-            return true;
-        }
-        const date = new Date(year || /* високосный год = */ 2020, month - 1, day);
-        return date.getDate() === day;
-    }, [getSlot]);
-    const tryToCompleteInput = useCallback(() => {
-        var _a;
-        const day = parseInt(getSlot(SlotKey.Day), 10);
-        const month = parseInt(getSlot(SlotKey.Month), 10);
-        const year = parseInt(getSlot(SlotKey.Year), 10);
-        const { min, max } = SLOTS[SlotKey.Year];
-        const isCompleted = Boolean(day && month && year >= min && year <= max);
-        if (isCompleted && inputRef.current) {
-            const lastPosition = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value.length;
-            inputRef.current.selectionStart = lastPosition;
-            inputRef.current.selectionEnd = lastPosition;
-        }
-        return isCompleted;
-    }, [getSlot, inputRef]);
-    const updateSlot = useCallback((slotKey, slotValue) => {
-        if (inputRef.current) {
-            const { start, end, max } = SLOTS[slotKey];
-            inputRef.current.value =
-                inputRef.current.value.slice(0, start) +
-                    slotValue.toString().padStart(max.toString().length, '0') +
-                    inputRef.current.value.slice(end);
-            setFocus(slotKey);
-        }
-    }, [inputRef, setFocus]);
-    return {
-        isAllSelected,
-        isValidInput,
-        tryToCompleteInput,
-        getSlot,
-        updateSlot,
-        setFocus,
-        isLikeDate,
-    };
-}

package/dist/esm/components/FieldDate/types.d.ts

@@ -1,6 +0,0 @@
-export type Slot = {
-    start: number;
-    end: number;
-    max: number;
-    min: number;
-};

package/dist/esm/components/FieldDate/utils.d.ts

@@ -1,9 +0,0 @@
-import { SlotKey } from './constants';
-export declare function getSlotKey(index: number | null): string | null;
-export declare function getNextSlotKey(slotKey: string | null): SlotKey.Month | SlotKey.Year;
-export declare function getPrevSlotKey(slotKey: string | null): SlotKey.Day | SlotKey.Month;
-/**
- * Преобразует строковое значение поля FieldDate в тип Date
- * @function  helper
- */
-export declare function parseDate(date: string): Date;

package/dist/esm/components/FieldDate/utils.js

@@ -1,43 +0,0 @@
-import { SlotKey, SLOTS } from './constants';
-export function getSlotKey(index) {
-    if (index !== null) {
-        for (const key in SLOTS) {
-            if (index >= SLOTS[key].start && index <= SLOTS[key].end) {
-                return key;
-            }
-        }
-    }
-    return null;
-}
-export function getNextSlotKey(slotKey) {
-    switch (slotKey) {
-        case SlotKey.Day: {
-            return SlotKey.Month;
-        }
-        case SlotKey.Month:
-        case SlotKey.Year:
-        default: {
-            return SlotKey.Year;
-        }
-    }
-}
-export function getPrevSlotKey(slotKey) {
-    switch (slotKey) {
-        case SlotKey.Year: {
-            return SlotKey.Month;
-        }
-        case SlotKey.Month:
-        case SlotKey.Day:
-        default: {
-            return SlotKey.Day;
-        }
-    }
-}
-/**
- * Преобразует строковое значение поля FieldDate в тип Date
- * @function  helper
- */
-export function parseDate(date) {
-    const values = date.split('.');
-    return new Date(Number(values[2]), Number(values[1]) - 1, Number(values[0]));
-}

package/src/components/FieldDate/constants.ts

@@ -1,33 +0,0 @@
-import { Slot } from './types';
-
-export enum SlotKey {
-  Day = 'D',
-  Month = 'M',
-  Year = 'Y',
-}
-
-export const MASK: Record<string, string> = {
-  'ru-RU': 'ДД.ММ.ГГГГ',
-  'en-US': 'DD.MM.YYYY',
-};
-
-export const DEFAULT_LOCALE = new Intl.Locale('ru-RU');
-
-export const SLOTS: Record<SlotKey | string, Slot> = {
-  [SlotKey.Day]: { start: 0, end: 2, max: 31, min: 1 },
-  [SlotKey.Month]: { start: 3, end: 5, max: 12, min: 1 },
-  [SlotKey.Year]: { start: 6, end: 10, max: 2100, min: 1900 },
-} as const;
-
-export const SLOTS_PLACEHOLDER: Record<string, Record<string, string>> = {
-  'ru-RU': {
-    [SlotKey.Day]: 'ДД',
-    [SlotKey.Month]: 'ММ',
-    [SlotKey.Year]: 'ГГГГ',
-  },
-  'en-US': {
-    [SlotKey.Day]: 'DD',
-    [SlotKey.Month]: 'MM',
-    [SlotKey.Year]: 'YYYY',
-  },
-};

package/src/components/FieldDate/hooks/index.ts

@@ -1 +0,0 @@
-export * from './useDateField';

package/src/components/FieldDate/hooks/useDateFieldHelpers.ts

@@ -1,96 +0,0 @@
-import { RefObject, useCallback } from 'react';
-
-import { SlotKey, SLOTS } from '../constants';
-
-export function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>) {
-  const setFocus = useCallback(
-    (slotKey: string) => {
-      if (inputRef.current) {
-        const { start, end } = SLOTS[slotKey];
-
-        inputRef.current.setSelectionRange(start, end);
-      }
-    },
-    [inputRef],
-  );
-
-  const isAllSelected = useCallback(
-    () => inputRef.current?.value.length === inputRef.current?.selectionEnd && inputRef.current?.selectionStart === 0,
-    [inputRef],
-  );
-
-  const getSlot = useCallback(
-    (slotKey: string) => {
-      if (inputRef.current) {
-        return inputRef.current.value.slice(SLOTS[slotKey].start, SLOTS[slotKey].end);
-      }
-
-      return '';
-    },
-    [inputRef],
-  );
-
-  const isLikeDate = useCallback(() => {
-    if (inputRef.current) {
-      return Object.keys(SLOTS).every(slotKey => getSlot(slotKey) && Number.isInteger(Number(getSlot(slotKey))));
-    }
-    return false;
-  }, [getSlot, inputRef]);
-
-  const isValidInput = useCallback((): boolean => {
-    const day = parseInt(getSlot(SlotKey.Day), 10);
-    const month = parseInt(getSlot(SlotKey.Month), 10);
-    const year = parseInt(getSlot(SlotKey.Year), 10);
-
-    if (!month || !day) {
-      return true;
-    }
-
-    const date = new Date(year || /* високосный год = */ 2020, month - 1, day);
-
-    return date.getDate() === day;
-  }, [getSlot]);
-
-  const tryToCompleteInput = useCallback((): boolean => {
-    const day = parseInt(getSlot(SlotKey.Day), 10);
-    const month = parseInt(getSlot(SlotKey.Month), 10);
-    const year = parseInt(getSlot(SlotKey.Year), 10);
-
-    const { min, max } = SLOTS[SlotKey.Year];
-
-    const isCompleted = Boolean(day && month && year >= min && year <= max);
-
-    if (isCompleted && inputRef.current) {
-      const lastPosition = inputRef.current?.value.length;
-      inputRef.current.selectionStart = lastPosition;
-      inputRef.current.selectionEnd = lastPosition;
-    }
-
-    return isCompleted;
-  }, [getSlot, inputRef]);
-
-  const updateSlot = useCallback(
-    (slotKey: string, slotValue: number | string) => {
-      if (inputRef.current) {
-        const { start, end, max } = SLOTS[slotKey];
-
-        inputRef.current.value =
-          inputRef.current.value.slice(0, start) +
-          slotValue.toString().padStart(max.toString().length, '0') +
-          inputRef.current.value.slice(end);
-        setFocus(slotKey);
-      }
-    },
-    [inputRef, setFocus],
-  );
-
-  return {
-    isAllSelected,
-    isValidInput,
-    tryToCompleteInput,
-    getSlot,
-    updateSlot,
-    setFocus,
-    isLikeDate,
-  };
-}

package/src/components/FieldDate/types.ts

@@ -1,6 +0,0 @@
-export type Slot = {
-  start: number;
-  end: number;
-  max: number;
-  min: number;
-};

package/src/components/FieldDate/utils.ts

@@ -1,49 +0,0 @@
-import { SlotKey, SLOTS } from './constants';
-
-export function getSlotKey(index: number | null) {
-  if (index !== null) {
-    for (const key in SLOTS) {
-      if (index >= SLOTS[key].start && index <= SLOTS[key].end) {
-        return key;
-      }
-    }
-  }
-
-  return null;
-}
-
-export function getNextSlotKey(slotKey: string | null) {
-  switch (slotKey) {
-    case SlotKey.Day: {
-      return SlotKey.Month;
-    }
-    case SlotKey.Month:
-    case SlotKey.Year:
-    default: {
-      return SlotKey.Year;
-    }
-  }
-}
-
-export function getPrevSlotKey(slotKey: string | null) {
-  switch (slotKey) {
-    case SlotKey.Year: {
-      return SlotKey.Month;
-    }
-    case SlotKey.Month:
-    case SlotKey.Day:
-    default: {
-      return SlotKey.Day;
-    }
-  }
-}
-
-/**
- * Преобразует строковое значение поля FieldDate в тип Date
- * @function  helper
- */
-
-export function parseDate(date: string) {
-  const values = date.split('.');
-  return new Date(Number(values[2]), Number(values[1]) - 1, Number(values[0]));
-}