@snack-uikit/fields 0.31.0 → 0.32.0

package/src/utils/dateFields.ts

@@ -0,0 +1,75 @@
+import { SLOT_ORDER, SlotKey, SLOTS } from '../constants';
+import { Mode, NoSecondsMode, TimeMode } from '../types';
+
+export function getSlotKeyFromIndexHandler(mode: Mode | TimeMode | NoSecondsMode) {
+  return (index: number | null): SlotKey | undefined => {
+    if (index !== null) {
+      for (const key in SLOTS[mode]) {
+        if (index >= SLOTS[mode][key].start && index <= SLOTS[mode][key].end) {
+          return key as SlotKey;
+        }
+      }
+    }
+
+    return undefined;
+  };
+}
+
+export function getNextSlotKeyHandler(mode: Mode | TimeMode | NoSecondsMode) {
+  const order = SLOT_ORDER[mode];
+
+  return (slotKey: SlotKey | undefined) => {
+    const defaultIndex = order.length - 1;
+    const defaultSLot = order[defaultIndex];
+    const currentIndex = order.indexOf(slotKey as SlotKey);
+    return currentIndex === -1 || currentIndex === defaultIndex ? defaultSLot : order[currentIndex + 1];
+  };
+}
+
+export function getPrevSlotKeyHandler(mode: Mode | TimeMode | NoSecondsMode) {
+  const order = SLOT_ORDER[mode];
+
+  return (slotKey: SlotKey | undefined) => {
+    const defaultIndex = 0;
+    const defaultSLot = order[defaultIndex];
+    const currentIndex = order.indexOf(slotKey as SlotKey);
+    return currentIndex === -1 || currentIndex === defaultIndex ? defaultSLot : order[currentIndex - 1];
+  };
+}
+
+const DATE_STUB = new Date();
+
+/**
+ * Преобразует строковое значение поля FieldDate в тип Date
+ * @function  helper
+ */
+export function parseDate(value: string) {
+  if (!value) {
+    return undefined;
+  }
+
+  const splittedValue = value.split(', ');
+  const date = splittedValue[0];
+  let time = splittedValue[1];
+
+  let [day, month, year] = date.split('.').map(Number);
+  month -= 1;
+
+  if (date.includes(':')) {
+    time = date;
+  }
+
+  if (time) {
+    if (isNaN(year) || isNaN(month) || isNaN(day)) {
+      year = DATE_STUB.getFullYear();
+      month = DATE_STUB.getMonth();
+      day = DATE_STUB.getDay();
+    }
+
+    const [hours = 0, minutes = 0, seconds = 0] = time.split(':').map(str => Number(str) ?? 0);
+
+    return new Date(year, month, day, hours, minutes, seconds);
+  }
+
+  return new Date(year, month, day);
+}

package/dist/cjs/components/FieldDate/constants.d.ts

@@ -1,10 +0,0 @@
-import { Slot } from './types';
-export declare enum SlotKey {
-    Day = "D",
-    Month = "M",
-    Year = "Y"
-}
-export declare const MASK: Record<string, string>;
-export declare const DEFAULT_LOCALE: Intl.Locale;
-export declare const SLOTS: Record<SlotKey | string, Slot>;
-export declare const SLOTS_PLACEHOLDER: Record<string, Record<string, string>>;

package/dist/cjs/components/FieldDate/constants.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SLOTS_PLACEHOLDER = exports.SLOTS = exports.DEFAULT_LOCALE = exports.MASK = exports.SlotKey = void 0;
-var SlotKey;
-(function (SlotKey) {
-  SlotKey["Day"] = "D";
-  SlotKey["Month"] = "M";
-  SlotKey["Year"] = "Y";
-})(SlotKey || (exports.SlotKey = SlotKey = {}));
-exports.MASK = {
-  'ru-RU': 'ДД.ММ.ГГГГ',
-  'en-US': 'DD.MM.YYYY'
-};
-exports.DEFAULT_LOCALE = new Intl.Locale('ru-RU');
-exports.SLOTS = {
-  [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
-  }
-};
-exports.SLOTS_PLACEHOLDER = {
-  'ru-RU': {
-    [SlotKey.Day]: 'ДД',
-    [SlotKey.Month]: 'ММ',
-    [SlotKey.Year]: 'ГГГГ'
-  },
-  'en-US': {
-    [SlotKey.Day]: 'DD',
-    [SlotKey.Month]: 'MM',
-    [SlotKey.Year]: 'YYYY'
-  }
-};

package/dist/cjs/components/FieldDate/hooks/index.d.ts

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

package/dist/cjs/components/FieldDate/hooks/useDateFieldHelpers.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from 'react';
-export declare function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>): {
-    isAllSelected: () => boolean;
-    isValidInput: () => boolean;
-    tryToCompleteInput: () => boolean;
-    getSlot: (slotKey: string) => string;
-    updateSlot: (slotKey: string, slotValue: number | string) => void;
-    setFocus: (slotKey: string) => void;
-    isLikeDate: () => boolean;
-};

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

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDateFieldHelpers = useDateFieldHelpers;
-const react_1 = require("react");
-const constants_1 = require("../constants");
-function useDateFieldHelpers(inputRef) {
-  const setFocus = (0, react_1.useCallback)(slotKey => {
-    if (inputRef.current) {
-      const {
-        start,
-        end
-      } = constants_1.SLOTS[slotKey];
-      inputRef.current.setSelectionRange(start, end);
-    }
-  }, [inputRef]);
-  const isAllSelected = (0, react_1.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 = (0, react_1.useCallback)(slotKey => {
-    if (inputRef.current) {
-      return inputRef.current.value.slice(constants_1.SLOTS[slotKey].start, constants_1.SLOTS[slotKey].end);
-    }
-    return '';
-  }, [inputRef]);
-  const isLikeDate = (0, react_1.useCallback)(() => {
-    if (inputRef.current) {
-      return Object.keys(constants_1.SLOTS).every(slotKey => getSlot(slotKey) && Number.isInteger(Number(getSlot(slotKey))));
-    }
-    return false;
-  }, [getSlot, inputRef]);
-  const isValidInput = (0, react_1.useCallback)(() => {
-    const day = parseInt(getSlot(constants_1.SlotKey.Day), 10);
-    const month = parseInt(getSlot(constants_1.SlotKey.Month), 10);
-    const year = parseInt(getSlot(constants_1.SlotKey.Year), 10);
-    if (!month || !day) {
-      return true;
-    }
-    const date = new Date(year || /* високосный год = */2020, month - 1, day);
-    return date.getDate() === day;
-  }, [getSlot]);
-  const tryToCompleteInput = (0, react_1.useCallback)(() => {
-    var _a;
-    const day = parseInt(getSlot(constants_1.SlotKey.Day), 10);
-    const month = parseInt(getSlot(constants_1.SlotKey.Month), 10);
-    const year = parseInt(getSlot(constants_1.SlotKey.Year), 10);
-    const {
-      min,
-      max
-    } = constants_1.SLOTS[constants_1.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 = (0, react_1.useCallback)((slotKey, slotValue) => {
-    if (inputRef.current) {
-      const {
-        start,
-        end,
-        max
-      } = constants_1.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/cjs/components/FieldDate/types.d.ts

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

package/dist/cjs/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/cjs/components/FieldDate/utils.js

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

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

@@ -1,10 +0,0 @@
-import { Slot } from './types';
-export declare enum SlotKey {
-    Day = "D",
-    Month = "M",
-    Year = "Y"
-}
-export declare const MASK: Record<string, string>;
-export declare const DEFAULT_LOCALE: Intl.Locale;
-export declare const SLOTS: Record<SlotKey | string, Slot>;
-export declare const SLOTS_PLACEHOLDER: Record<string, Record<string, string>>;

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

@@ -1,28 +0,0 @@
-export var SlotKey;
-(function (SlotKey) {
-    SlotKey["Day"] = "D";
-    SlotKey["Month"] = "M";
-    SlotKey["Year"] = "Y";
-})(SlotKey || (SlotKey = {}));
-export const MASK = {
-    'ru-RU': 'ДД.ММ.ГГГГ',
-    'en-US': 'DD.MM.YYYY',
-};
-export const DEFAULT_LOCALE = new Intl.Locale('ru-RU');
-export const SLOTS = {
-    [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 },
-};
-export const SLOTS_PLACEHOLDER = {
-    'ru-RU': {
-        [SlotKey.Day]: 'ДД',
-        [SlotKey.Month]: 'ММ',
-        [SlotKey.Year]: 'ГГГГ',
-    },
-    'en-US': {
-        [SlotKey.Day]: 'DD',
-        [SlotKey.Month]: 'MM',
-        [SlotKey.Year]: 'YYYY',
-    },
-};

package/dist/esm/components/FieldDate/hooks/index.d.ts

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

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

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

package/dist/esm/components/FieldDate/hooks/useDateFieldHelpers.d.ts

@@ -1,10 +0,0 @@
-import { RefObject } from 'react';
-export declare function useDateFieldHelpers(inputRef: RefObject<HTMLInputElement>): {
-    isAllSelected: () => boolean;
-    isValidInput: () => boolean;
-    tryToCompleteInput: () => boolean;
-    getSlot: (slotKey: string) => string;
-    updateSlot: (slotKey: string, slotValue: number | string) => void;
-    setFocus: (slotKey: string) => void;
-    isLikeDate: () => boolean;
-};

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;
-};