@vkontakte/vkui 5.0.0 → 5.0.2

package/dist/cjs/hooks/useCalendar.js

@@ -1,41 +1,31 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCalendar = useCalendar;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _date = require("../lib/date");
-
 function useCalendar(_ref) {
   var _ref2;
-
   var value = _ref.value,
-      disablePast = _ref.disablePast,
-      disableFuture = _ref.disableFuture,
-      shouldDisableDate = _ref.shouldDisableDate,
-      onHeaderChange = _ref.onHeaderChange,
-      onNextMonth = _ref.onNextMonth,
-      onPrevMonth = _ref.onPrevMonth;
-
+    disablePast = _ref.disablePast,
+    disableFuture = _ref.disableFuture,
+    shouldDisableDate = _ref.shouldDisableDate,
+    onHeaderChange = _ref.onHeaderChange,
+    onNextMonth = _ref.onNextMonth,
+    onPrevMonth = _ref.onPrevMonth;
   var _React$useState = React.useState((_ref2 = Array.isArray(value) ? value[0] : value) !== null && _ref2 !== void 0 ? _ref2 : new Date()),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      viewDate = _React$useState2[0],
-      setViewDate = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    viewDate = _React$useState2[0],
+    setViewDate = _React$useState2[1];
   var _React$useState3 = React.useState(),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      focusedDay = _React$useState4[0],
-      setFocusedDay = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    focusedDay = _React$useState4[0],
+    setFocusedDay = _React$useState4[1];
   var setPrevMonth = React.useCallback(function () {
     onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
     setViewDate((0, _date.subMonths)(viewDate, 1));
@@ -54,19 +44,15 @@ function useCalendar(_ref) {
   var isDayDisabled = React.useCallback(function (day) {
     var now = new Date();
     var disabled = false;
-
     if (disablePast) {
       disabled = (0, _date.isBefore)((0, _date.endOfDay)(day), now);
     }
-
     if (disableFuture) {
       disabled = (0, _date.isAfter)((0, _date.startOfDay)(day), now);
     }
-
     if (shouldDisableDate) {
       disabled = shouldDisableDate(day);
     }
-
     return disabled;
   }, [disableFuture, disablePast, shouldDisableDate]);
   var resetSelectedDay = React.useCallback(function () {

package/dist/cjs/hooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\nimport { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    \"onHeaderChange\" | \"onNextMonth\" | \"onPrevMonth\"\n  > {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\nimport { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    \"onHeaderChange\" | \"onNextMonth\" | \"onPrevMonth\"\n  > {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/useChipsInput.js

@@ -1,35 +1,27 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChipsInput = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var useChipsInput = function useChipsInput(props) {
   var value = props.value,
-      getOptionValue = props.getOptionValue,
-      onChange = props.onChange,
-      onInputChange = props.onInputChange,
-      getNewOptionData = props.getNewOptionData;
-
+    getOptionValue = props.getOptionValue,
+    onChange = props.onChange,
+    onInputChange = props.onInputChange,
+    getNewOptionData = props.getNewOptionData;
   var _React$useState = React.useState(props.inputValue),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      fieldValue = _React$useState2[0],
-      setFieldValue = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    fieldValue = _React$useState2[0],
+    setFieldValue = _React$useState2[1];
   var _React$useState3 = React.useState(value !== null && value !== void 0 ? value : []),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      selectedOptions = _React$useState4[0],
-      setSelectedOptions = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    selectedOptions = _React$useState4[0],
+    setSelectedOptions = _React$useState4[1];
   var clearInput = React.useCallback(function () {
     setFieldValue("");
     onInputChange({
@@ -46,11 +38,9 @@ var useChipsInput = function useChipsInput(props) {
     var newSelectedOptions = selectedOptions.filter(function (option) {
       return getOptionValue(newOption) !== getOptionValue(option);
     });
-
     if (value === true) {
       newSelectedOptions.push(newOption);
     }
-
     setSelectedOptions(newSelectedOptions);
     onChange(newSelectedOptions);
   }, [selectedOptions, getOptionValue, onChange]);
@@ -59,7 +49,6 @@ var useChipsInput = function useChipsInput(props) {
   }, [toggleOption]);
   var addOptionFromInput = React.useCallback(function () {
     var trimmedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
-
     if (trimmedValue) {
       addOption(getNewOptionData(undefined, trimmedValue));
       clearInput();
@@ -93,6 +82,5 @@ var useChipsInput = function useChipsInput(props) {
     handleInputChange: handleInputChange
   };
 };
-
 exports.useChipsInput = useChipsInput;
 //# sourceMappingURL=useChipsInput.js.map

package/dist/cjs/hooks/useChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.js","names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useChipsInput.js","names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}

package/dist/cjs/hooks/useChipsSelect.js

@@ -1,69 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChipsSelect = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _useChipsInput2 = require("./useChipsInput");
-
 var _excluded = ["fieldValue", "selectedOptions"];
-
 var useChipsSelect = function useChipsSelect(props) {
   var options = props.options,
-      filterFn = props.filterFn,
-      getOptionLabel = props.getOptionLabel,
-      getOptionValue = props.getOptionValue;
-
+    filterFn = props.filterFn,
+    getOptionLabel = props.getOptionLabel,
+    getOptionValue = props.getOptionValue;
   var _React$useState = React.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      opened = _React$useState2[0],
-      setOpened = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    opened = _React$useState2[0],
+    setOpened = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      focusedOptionIndex = _React$useState4[0],
-      setFocusedOptionIndex = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    focusedOptionIndex = _React$useState4[0],
+    setFocusedOptionIndex = _React$useState4[1];
   var _React$useState5 = React.useState(null),
-      _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
-      focusedOption = _React$useState6[0],
-      setFocusedOption = _React$useState6[1];
-
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    focusedOption = _React$useState6[0],
+    setFocusedOption = _React$useState6[1];
   var _useChipsInput = (0, _useChipsInput2.useChipsInput)(props),
-      fieldValue = _useChipsInput.fieldValue,
-      selectedOptions = _useChipsInput.selectedOptions,
-      chipsInputState = (0, _objectWithoutProperties2.default)(_useChipsInput, _excluded);
-
+    fieldValue = _useChipsInput.fieldValue,
+    selectedOptions = _useChipsInput.selectedOptions,
+    chipsInputState = (0, _objectWithoutProperties2.default)(_useChipsInput, _excluded);
   var handleInputChange = function handleInputChange(e) {
     if (!e) {
       return;
     }
-
     chipsInputState.handleInputChange(e);
-
     if (!opened) {
       setOpened(true);
       setFocusedOptionIndex(0);
     }
   };
-
   var filteredOptions = React.useMemo(function () {
     return filterFn ? options.filter(function (option) {
       return filterFn(fieldValue, option, getOptionLabel);
@@ -73,19 +54,15 @@ var useChipsSelect = function useChipsSelect(props) {
     if (!filteredOptions.length) {
       return filteredOptions;
     }
-
     var filteredSet = new Set(filteredOptions);
     var selected = selectedOptions.map(function (item) {
       return getOptionValue(item);
     });
-
     var _iterator = (0, _createForOfIteratorHelper2.default)(filteredSet),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var item = _step.value;
-
         if (selected.includes(getOptionValue(item))) {
           filteredSet.delete(item);
         }
@@ -95,7 +72,6 @@ var useChipsSelect = function useChipsSelect(props) {
     } finally {
       _iterator.f();
     }
-
     return (0, _toConsumableArray2.default)(filteredSet);
   }, [filteredOptions, selectedOptions, getOptionValue]);
   return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, chipsInputState), {}, {
@@ -111,6 +87,5 @@ var useChipsSelect = function useChipsSelect(props) {
     selectedOptions: selectedOptions
   });
 };
-
 exports.useChipsSelect = useChipsSelect;
 //# sourceMappingURL=useChipsSelect.js.map

package/dist/cjs/hooks/useChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAIO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,KAD4B,EAEzB;EACH,IAAQC,OAAR,GAA8DD,KAA9D,CAAQC,OAAR;EAAA,IAAiBC,QAAjB,GAA8DF,KAA9D,CAAiBE,QAAjB;EAAA,IAA2BC,cAA3B,GAA8DH,KAA9D,CAA2BG,cAA3B;EAAA,IAA2CC,cAA3C,GAA8DJ,KAA9D,CAA2CI,cAA3C;;EAEA,sBAA4BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,uBAAoDH,KAAK,CAACC,QAAN,CAElD,CAFkD,CAApD;EAAA;EAAA,IAAOG,kBAAP;EAAA,IAA2BC,qBAA3B;;EAGA,uBAA0CL,KAAK,CAACC,QAAN,CAA8B,IAA9B,CAA1C;EAAA;EAAA,IAAOK,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,qBACE,IAAAC,6BAAA,EAAcb,KAAd,CADF;EAAA,IAAQc,UAAR,kBAAQA,UAAR;EAAA,IAAoBC,eAApB,kBAAoBA,eAApB;EAAA,IAAwCC,eAAxC;;EAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBC,CADwB,EAErB;IACH,IAAI,CAACA,CAAL,EAAQ;MACN;IACD;;IACDF,eAAe,CAACC,iBAAhB,CAAkCC,CAAlC;;IAEA,IAAI,CAACX,MAAL,EAAa;MACXC,SAAS,CAAC,IAAD,CAAT;MACAE,qBAAqB,CAAC,CAAD,CAArB;IACD;EACF,CAZD;;EAcA,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAN,CAAc,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAT,CAAgB,UAACC,MAAD;MAAA,OACdpB,QAAQ,CAACY,UAAD,EAAaQ,MAAb,EAAqBnB,cAArB,CADM;IAAA,CAAhB,CADW,GAIVF,OAJL;EAKD,CANqB,EAMnB,CAACA,OAAD,EAAUC,QAAV,EAAoBY,UAApB,EAAgCX,cAAhC,CANmB,CAAtB;EAQAgB,eAAe,GAAGd,KAAK,CAACe,OAAN,CAAc,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAArB,EAA6B;MAC3B,OAAOJ,eAAP;IACD;;IAED,IAAMK,WAAW,GAAG,IAAIC,GAAJ,CAAQN,eAAR,CAApB;IACA,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAhB,CAAoB,UAACC,IAAD;MAAA,OAAUxB,cAAc,CAAEwB,IAAF,CAAxB;IAAA,CAApB,CAAjB;;IANoC,yDAQjBJ,WARiB;IAAA;;IAAA;MAQpC,oDAAgC;QAAA,IAArBI,IAAqB;;QAC9B,IAAIF,QAAQ,CAACG,QAAT,CAAkBzB,cAAc,CAAEwB,IAAF,CAAhC,CAAJ,EAA8C;UAC5CJ,WAAW,CAACM,MAAZ,CAAmBF,IAAnB;QACD;MACF;IAZmC;MAAA;IAAA;MAAA;IAAA;;IAcpC,wCAAWJ,WAAX;EACD,CAfiB,EAef,CAACL,eAAD,EAAkBJ,eAAlB,EAAmCX,cAAnC,CAfe,CAAlB;EAiBA,mEACKY,eADL;IAEEF,UAAU,EAAVA,UAFF;IAGEG,iBAAiB,EAAjBA,iBAHF;IAIEV,MAAM,EAANA,MAJF;IAKEC,SAAS,EAATA,SALF;IAMEW,eAAe,EAAfA,eANF;IAOEV,kBAAkB,EAAlBA,kBAPF;IAQEC,qBAAqB,EAArBA,qBARF;IASEC,aAAa,EAAbA,aATF;IAUEC,gBAAgB,EAAhBA,gBAVF;IAWEG,eAAe,EAAfA;EAXF;AAaD,CAlEM"}
+{"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AAAgD;AAIzC,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,CAEhE,CAAC,CAAC;IAAA;IAFGG,kBAAkB;IAAEC,qBAAqB;EAGhD,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBACE,IAAAC,6BAAa,EAACb,KAAK,CAAC;IADdc,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAGvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CACrBC,CAAkD,EAC/C;IACH,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,OACrBpB,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,EAC7C,GACAF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}

package/dist/cjs/hooks/useDateInput.js

@@ -1,65 +1,48 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDateInput = useDateInput;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _useBooleanState2 = require("./useBooleanState");
-
 var _useGlobalEventListener = require("./useGlobalEventListener");
-
 var _dom = require("../lib/dom");
-
 function useDateInput(_ref) {
   var maxElement = _ref.maxElement,
-      refs = _ref.refs,
-      autoFocus = _ref.autoFocus,
-      disabled = _ref.disabled,
-      elementsConfig = _ref.elementsConfig,
-      onChange = _ref.onChange,
-      onInternalValueChange = _ref.onInternalValueChange,
-      getInternalValue = _ref.getInternalValue,
-      value = _ref.value;
-
+    refs = _ref.refs,
+    autoFocus = _ref.autoFocus,
+    disabled = _ref.disabled,
+    elementsConfig = _ref.elementsConfig,
+    onChange = _ref.onChange,
+    onInternalValueChange = _ref.onInternalValueChange,
+    getInternalValue = _ref.getInternalValue,
+    value = _ref.value;
   var _useDOM = (0, _dom.useDOM)(),
-      document = _useDOM.document;
-
+    document = _useDOM.document;
   var _useBooleanState = (0, _useBooleanState2.useBooleanState)(false),
-      open = _useBooleanState.value,
-      openCalendar = _useBooleanState.setTrue,
-      closeCalendar = _useBooleanState.setFalse;
-
+    open = _useBooleanState.value,
+    openCalendar = _useBooleanState.setTrue,
+    closeCalendar = _useBooleanState.setFalse;
   var rootRef = React.useRef(null);
   var calendarRef = React.useRef(null);
-
   var _React$useState = React.useState([]),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      internalValue = _React$useState2[0],
-      setInternalValue = _React$useState2[1];
-
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    internalValue = _React$useState2[0],
+    setInternalValue = _React$useState2[1];
   var _React$useState3 = React.useState(null),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      focusedElement = _React$useState4[0],
-      setFocusedElement = _React$useState4[1];
-
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    focusedElement = _React$useState4[0],
+    setFocusedElement = _React$useState4[1];
   var _useDOM2 = (0, _dom.useDOM)(),
-      window = _useDOM2.window;
-
+    window = _useDOM2.window;
   var removeFocusFromField = React.useCallback(function () {
     if (open) {
       var _getSelection;
-
       setFocusedElement(null);
       closeCalendar();
       (_getSelection = window.getSelection()) === null || _getSelection === void 0 ? void 0 : _getSelection.removeAllRanges();
@@ -68,7 +51,6 @@ function useDateInput(_ref) {
   }, [closeCalendar, getInternalValue, open, value, window]);
   var handleClickOutside = React.useCallback(function (e) {
     var _rootRef$current, _calendarRef$current;
-
     if (!((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(e.target)) && !((_calendarRef$current = calendarRef.current) !== null && _calendarRef$current !== void 0 && _calendarRef$current.contains(e.target))) {
       removeFocusFromField();
     }
@@ -91,10 +73,8 @@ function useDateInput(_ref) {
     if (disabled || focusedElement === null) {
       return;
     }
-
     var range = window.document.createRange();
     var element = refs[focusedElement].current;
-
     if (element) {
       element.focus();
       openCalendar();
@@ -117,17 +97,13 @@ function useDateInput(_ref) {
     if (focusedElement === null) {
       return;
     }
-
     var _value = (0, _toConsumableArray2.default)(internalValue);
-
     var config = elementsConfig(focusedElement);
-
     if (/^\d+$/.test(e.key)) {
       if (_value[focusedElement].length >= config.length) {
         _value[focusedElement] = e.key;
       } else {
         _value[focusedElement] += e.key;
-
         if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {
           setFocusedElement(focusedElement + 1);
         }
@@ -143,7 +119,6 @@ function useDateInput(_ref) {
       _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, "0");
     } else if (e.key === "ArrowUp" || e.key === "Up") {
       var _currentValue = Number(_value[focusedElement]);
-
       _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, "0");
     } else if (e.key === "Enter" || e.key === "Tab" && focusedElement === maxElement || e.key === "Tab" && e.shiftKey && focusedElement === 0) {
       removeFocusFromField();
@@ -157,7 +132,6 @@ function useDateInput(_ref) {
     } else {
       return;
     }
-
     e.preventDefault();
     setInternalValue(_value);
     onInternalValueChange(_value);

package/dist/cjs/hooks/useDateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useBooleanState } from \"./useBooleanState\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\nimport { useDOM } from \"../lib/dom\";\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const {\n    value: open,\n    setTrue: openCalendar,\n    setFalse: closeCalendar,\n  } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(\n    null\n  );\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField]\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, \"click\", handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (\n            _value[focusedElement].length >= config.length &&\n            focusedElement < maxElement\n          ) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === \"Backspace\") {\n        if (!_value[focusedElement]) {\n          setFocusedElement(\n            focusedElement <= 0 ? maxElement : focusedElement - 1\n          );\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === \"ArrowDown\" || e.key === \"Down\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1\n        ).padStart(config.length, \"0\");\n      } else if (e.key === \"ArrowUp\" || e.key === \"Up\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1\n        ).padStart(config.length, \"0\");\n      } else if (\n        e.key === \"Enter\" ||\n        (e.key === \"Tab\" && focusedElement === maxElement) ||\n        (e.key === \"Tab\" && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (\n        e.key === \"ArrowLeft\" ||\n        e.key === \"Left\" ||\n        (e.key === \"Tab\" && e.shiftKey)\n      ) {\n        setFocusedElement(\n          focusedElement <= 0 ? maxElement : focusedElement - 1\n        );\n      } else if (\n        e.key === \"ArrowRight\" ||\n        e.key === \"Right\" ||\n        e.key === \"Tab\"\n      ) {\n        setFocusedElement(\n          focusedElement >= maxElement ? 0 : focusedElement + 1\n        );\n      } else if (e.key === \"Delete\" || e.key === \"Del\") {\n        _value[focusedElement] = \"\";\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ]\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAkBO,SAASA,YAAT,OAU4B;EAAA,IATjCC,UASiC,QATjCA,UASiC;EAAA,IARjCC,IAQiC,QARjCA,IAQiC;EAAA,IAPjCC,SAOiC,QAPjCA,SAOiC;EAAA,IANjCC,QAMiC,QANjCA,QAMiC;EAAA,IALjCC,cAKiC,QALjCA,cAKiC;EAAA,IAJjCC,QAIiC,QAJjCA,QAIiC;EAAA,IAHjCC,qBAGiC,QAHjCA,qBAGiC;EAAA,IAFjCC,gBAEiC,QAFjCA,gBAEiC;EAAA,IADjCC,KACiC,QADjCA,KACiC;;EACjC,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EACA,uBAII,IAAAC,iCAAA,EAAgB,KAAhB,CAJJ;EAAA,IACSC,IADT,oBACEJ,KADF;EAAA,IAEWK,YAFX,oBAEEC,OAFF;EAAA,IAGYC,aAHZ,oBAGEC,QAHF;;EAKA,IAAMC,OAAO,GAAGC,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAAhB;EACA,IAAMC,WAAW,GAAGF,KAAK,CAACC,MAAN,CAA6B,IAA7B,CAApB;;EACA,sBAA0CD,KAAK,CAACG,QAAN,CAAyB,EAAzB,CAA1C;EAAA;EAAA,IAAOC,aAAP;EAAA,IAAsBC,gBAAtB;;EACA,uBAA4CL,KAAK,CAACG,QAAN,CAC1C,IAD0C,CAA5C;EAAA;EAAA,IAAOG,cAAP;EAAA,IAAuBC,iBAAvB;;EAGA,eAAmB,IAAAhB,WAAA,GAAnB;EAAA,IAAQiB,MAAR,YAAQA,MAAR;;EAEA,IAAMC,oBAAoB,GAAGT,KAAK,CAACU,WAAN,CAAkB,YAAM;IACnD,IAAIhB,IAAJ,EAAU;MAAA;;MACRa,iBAAiB,CAAC,IAAD,CAAjB;MACAV,aAAa;MACb,iBAAAW,MAAM,CAAEG,YAAR,kEAAwBC,eAAxB;MACAP,gBAAgB,CAAChB,gBAAgB,CAACC,KAAD,CAAjB,CAAhB;IACD;EACF,CAP4B,EAO1B,CAACO,aAAD,EAAgBR,gBAAhB,EAAkCK,IAAlC,EAAwCJ,KAAxC,EAA+CkB,MAA/C,CAP0B,CAA7B;EASA,IAAMK,kBAAkB,GAAGb,KAAK,CAACU,WAAN,CACzB,UAACI,CAAD,EAAmB;IAAA;;IACjB,IACE,sBAACf,OAAO,CAACgB,OAAT,6CAAC,iBAAiBC,QAAjB,CAA0BF,CAAC,CAACG,MAA5B,CAAD,KACA,0BAACf,WAAW,CAACa,OAAb,iDAAC,qBAAqBC,QAArB,CAA8BF,CAAC,CAACG,MAAhC,CAAD,CAFF,EAGE;MACAR,oBAAoB;IACrB;EACF,CARwB,EASzB,CAACA,oBAAD,CATyB,CAA3B;EAYA,IAAMS,WAAW,GAAGlB,KAAK,CAACU,WAAN,CAAkB,YAAM;IAC1CH,iBAAiB,CAAC,CAAD,CAAjB;EACD,CAFmB,EAEjB,EAFiB,CAApB;EAIA,IAAAY,8CAAA,EAAuB3B,QAAvB,EAAiC,OAAjC,EAA0CqB,kBAA1C,EAA8D;IAC5DO,OAAO,EAAE;EADmD,CAA9D;EAIApB,KAAK,CAACqB,SAAN,CAAgB,YAAM;IACpBhB,gBAAgB,CAAChB,gBAAgB,CAACC,KAAD,CAAjB,CAAhB;EACD,CAFD,EAEG,CAACD,gBAAD,EAAmBC,KAAnB,CAFH;EAIAU,KAAK,CAACqB,SAAN,CAAgB,YAAM;IACpB,IAAIrC,SAAJ,EAAe;MACbkC,WAAW;IACZ;EACF,CAJD,EAIG,CAAClC,SAAD,EAAYkC,WAAZ,CAJH;EAMAlB,KAAK,CAACqB,SAAN,CAAgB,YAAM;IACpB,IAAIpC,QAAQ,IAAIqB,cAAc,KAAK,IAAnC,EAAyC;MACvC;IACD;;IAED,IAAMgB,KAAK,GAAGd,MAAM,CAAEhB,QAAR,CAAiB+B,WAAjB,EAAd;IAEA,IAAIC,OAAO,GAAGzC,IAAI,CAACuB,cAAD,CAAJ,CAAqBS,OAAnC;;IAEA,IAAIS,OAAJ,EAAa;MACXA,OAAO,CAACC,KAAR;MACA9B,YAAY;MACZ2B,KAAK,CAACI,kBAAN,CAAyBF,OAAzB;MAEA,IAAMG,SAAS,GAAGnB,MAAM,CAAEG,YAAR,EAAlB;MACAgB,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEf,eAAX;MACAe,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEC,QAAX,CAAoBN,KAApB;IACD;EACF,CAlBD,EAkBG,CAACrC,QAAD,EAAWqB,cAAX,EAA2BX,YAA3B,EAAyCZ,IAAzC,EAA+CyB,MAA/C,CAlBH;EAoBA,IAAMqB,KAAK,GAAG7B,KAAK,CAACU,WAAN,CAAkB,YAAM;IACpCvB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAG2C,SAAH,CAAR;IACAZ,WAAW;EACZ,CAHa,EAGX,CAAC/B,QAAD,EAAW+B,WAAX,CAHW,CAAd;EAKA,IAAMa,gBAAgB,GAAG/B,KAAK,CAACU,WAAN,CAAkB,YAAM;IAC/C,IAAI,CAAChB,IAAL,EAAW;MACTwB,WAAW;IACZ;EACF,CAJwB,EAItB,CAACxB,IAAD,EAAOwB,WAAP,CAJsB,CAAzB;EAMA,IAAMc,aAAa,GAAGhC,KAAK,CAACU,WAAN,CACpB,UAACI,CAAD,EAA6C;IAC3C,IAAIR,cAAc,KAAK,IAAvB,EAA6B;MAC3B;IACD;;IAED,IAAM2B,MAAM,oCAAO7B,aAAP,CAAZ;;IACA,IAAM8B,MAAM,GAAGhD,cAAc,CAACoB,cAAD,CAA7B;;IAEA,IAAI,QAAQ6B,IAAR,CAAarB,CAAC,CAACsB,GAAf,CAAJ,EAAyB;MACvB,IAAIH,MAAM,CAAC3B,cAAD,CAAN,CAAuB+B,MAAvB,IAAiCH,MAAM,CAACG,MAA5C,EAAoD;QAClDJ,MAAM,CAAC3B,cAAD,CAAN,GAAyBQ,CAAC,CAACsB,GAA3B;MACD,CAFD,MAEO;QACLH,MAAM,CAAC3B,cAAD,CAAN,IAA0BQ,CAAC,CAACsB,GAA5B;;QACA,IACEH,MAAM,CAAC3B,cAAD,CAAN,CAAuB+B,MAAvB,IAAiCH,MAAM,CAACG,MAAxC,IACA/B,cAAc,GAAGxB,UAFnB,EAGE;UACAyB,iBAAiB,CAACD,cAAc,GAAG,CAAlB,CAAjB;QACD;MACF;IACF,CAZD,MAYO,IAAIQ,CAAC,CAACsB,GAAF,KAAU,WAAd,EAA2B;MAChC,IAAI,CAACH,MAAM,CAAC3B,cAAD,CAAX,EAA6B;QAC3BC,iBAAiB,CACfD,cAAc,IAAI,CAAlB,GAAsBxB,UAAtB,GAAmCwB,cAAc,GAAG,CADrC,CAAjB;MAGD,CAJD,MAIO;QACL2B,MAAM,CAAC3B,cAAD,CAAN,GAAyB2B,MAAM,CAAC3B,cAAD,CAAN,CAAuBgC,KAAvB,CAA6B,CAA7B,EAAgC,CAAC,CAAjC,CAAzB;MACD;IACF,CARM,MAQA,IAAIxB,CAAC,CAACsB,GAAF,KAAU,WAAV,IAAyBtB,CAAC,CAACsB,GAAF,KAAU,MAAvC,EAA+C;MACpD,IAAIG,YAAY,GAAGC,MAAM,CAACP,MAAM,CAAC3B,cAAD,CAAP,CAAzB;MACA2B,MAAM,CAAC3B,cAAD,CAAN,GAAyBmC,MAAM,CAC7BF,YAAY,IAAIL,MAAM,CAACQ,GAAvB,GAA6BR,MAAM,CAACS,GAApC,GAA0CJ,YAAY,GAAG,CAD5B,CAAN,CAEvBK,QAFuB,CAEdV,MAAM,CAACG,MAFO,EAEC,GAFD,CAAzB;IAGD,CALM,MAKA,IAAIvB,CAAC,CAACsB,GAAF,KAAU,SAAV,IAAuBtB,CAAC,CAACsB,GAAF,KAAU,IAArC,EAA2C;MAChD,IAAIG,aAAY,GAAGC,MAAM,CAACP,MAAM,CAAC3B,cAAD,CAAP,CAAzB;;MACA2B,MAAM,CAAC3B,cAAD,CAAN,GAAyBmC,MAAM,CAC7BF,aAAY,IAAIL,MAAM,CAACS,GAAvB,GAA6BT,MAAM,CAACQ,GAApC,GAA0CH,aAAY,GAAG,CAD5B,CAAN,CAEvBK,QAFuB,CAEdV,MAAM,CAACG,MAFO,EAEC,GAFD,CAAzB;IAGD,CALM,MAKA,IACLvB,CAAC,CAACsB,GAAF,KAAU,OAAV,IACCtB,CAAC,CAACsB,GAAF,KAAU,KAAV,IAAmB9B,cAAc,KAAKxB,UADvC,IAECgC,CAAC,CAACsB,GAAF,KAAU,KAAV,IAAmBtB,CAAC,CAAC+B,QAArB,IAAiCvC,cAAc,KAAK,CAHhD,EAIL;MACAG,oBAAoB;MACpB;IACD,CAPM,MAOA,IACLK,CAAC,CAACsB,GAAF,KAAU,WAAV,IACAtB,CAAC,CAACsB,GAAF,KAAU,MADV,IAECtB,CAAC,CAACsB,GAAF,KAAU,KAAV,IAAmBtB,CAAC,CAAC+B,QAHjB,EAIL;MACAtC,iBAAiB,CACfD,cAAc,IAAI,CAAlB,GAAsBxB,UAAtB,GAAmCwB,cAAc,GAAG,CADrC,CAAjB;IAGD,CARM,MAQA,IACLQ,CAAC,CAACsB,GAAF,KAAU,YAAV,IACAtB,CAAC,CAACsB,GAAF,KAAU,OADV,IAEAtB,CAAC,CAACsB,GAAF,KAAU,KAHL,EAIL;MACA7B,iBAAiB,CACfD,cAAc,IAAIxB,UAAlB,GAA+B,CAA/B,GAAmCwB,cAAc,GAAG,CADrC,CAAjB;IAGD,CARM,MAQA,IAAIQ,CAAC,CAACsB,GAAF,KAAU,QAAV,IAAsBtB,CAAC,CAACsB,GAAF,KAAU,KAApC,EAA2C;MAChDH,MAAM,CAAC3B,cAAD,CAAN,GAAyB,EAAzB;IACD,CAFM,MAEA;MACL;IACD;;IAEDQ,CAAC,CAACgC,cAAF;IACAzC,gBAAgB,CAAC4B,MAAD,CAAhB;IACA7C,qBAAqB,CAAC6C,MAAD,CAArB;EACD,CAvEmB,EAwEpB,CACE/C,cADF,EAEEoB,cAFF,EAGEF,aAHF,EAIEtB,UAJF,EAKEM,qBALF,EAMEqB,oBANF,CAxEoB,CAAtB;EAkFA,OAAO;IACLV,OAAO,EAAPA,OADK;IAELG,WAAW,EAAXA,WAFK;IAGLR,IAAI,EAAJA,IAHK;IAILC,YAAY,EAAZA,YAJK;IAKLE,aAAa,EAAbA,aALK;IAMLO,aAAa,EAAbA,aANK;IAOLE,cAAc,EAAdA,cAPK;IAQLC,iBAAiB,EAAjBA,iBARK;IASLyB,aAAa,EAAbA,aATK;IAULH,KAAK,EAALA,KAVK;IAWLE,gBAAgB,EAAhBA,gBAXK;IAYLtB,oBAAoB,EAApBA;EAZK,CAAP;AAcD"}
+{"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useBooleanState } from \"./useBooleanState\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\nimport { useDOM } from \"../lib/dom\";\n\nexport interface UseDateInputDependencies<T, D> {\n  maxElement: number;\n  refs: Array<React.RefObject<T>>;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  value?: D;\n  elementsConfig(index: number): {\n    length: number;\n    min: number;\n    max: number;\n  };\n  onInternalValueChange(value: string[]): void;\n  getInternalValue(value?: D | undefined): string[];\n  onChange?(value?: D | undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n  maxElement,\n  refs,\n  autoFocus,\n  disabled,\n  elementsConfig,\n  onChange,\n  onInternalValueChange,\n  getInternalValue,\n  value,\n}: UseDateInputDependencies<T, D>) {\n  const { document } = useDOM();\n  const {\n    value: open,\n    setTrue: openCalendar,\n    setFalse: closeCalendar,\n  } = useBooleanState(false);\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const calendarRef = React.useRef<HTMLDivElement>(null);\n  const [internalValue, setInternalValue] = React.useState<string[]>([]);\n  const [focusedElement, setFocusedElement] = React.useState<number | null>(\n    null\n  );\n  const { window } = useDOM();\n\n  const removeFocusFromField = React.useCallback(() => {\n    if (open) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [closeCalendar, getInternalValue, open, value, window]);\n\n  const handleClickOutside = React.useCallback(\n    (e: MouseEvent) => {\n      if (\n        !rootRef.current?.contains(e.target as Node | null) &&\n        !calendarRef.current?.contains(e.target as Node | null)\n      ) {\n        removeFocusFromField();\n      }\n    },\n    [removeFocusFromField]\n  );\n\n  const selectFirst = React.useCallback(() => {\n    setFocusedElement(0);\n  }, []);\n\n  useGlobalEventListener(document, \"click\", handleClickOutside, {\n    capture: true,\n  });\n\n  React.useEffect(() => {\n    setInternalValue(getInternalValue(value));\n  }, [getInternalValue, value]);\n\n  React.useEffect(() => {\n    if (autoFocus) {\n      selectFirst();\n    }\n  }, [autoFocus, selectFirst]);\n\n  React.useEffect(() => {\n    if (disabled || focusedElement === null) {\n      return;\n    }\n\n    const range = window!.document.createRange();\n\n    let element = refs[focusedElement].current;\n\n    if (element) {\n      element.focus();\n      openCalendar();\n      range.selectNodeContents(element as Node);\n\n      const selection = window!.getSelection();\n      selection?.removeAllRanges();\n      selection?.addRange(range);\n    }\n  }, [disabled, focusedElement, openCalendar, refs, window]);\n\n  const clear = React.useCallback(() => {\n    onChange?.(undefined);\n    selectFirst();\n  }, [onChange, selectFirst]);\n\n  const handleFieldEnter = React.useCallback(() => {\n    if (!open) {\n      selectFirst();\n    }\n  }, [open, selectFirst]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      if (focusedElement === null) {\n        return;\n      }\n\n      const _value = [...internalValue];\n      const config = elementsConfig(focusedElement);\n\n      if (/^\\d+$/.test(e.key)) {\n        if (_value[focusedElement].length >= config.length) {\n          _value[focusedElement] = e.key;\n        } else {\n          _value[focusedElement] += e.key;\n          if (\n            _value[focusedElement].length >= config.length &&\n            focusedElement < maxElement\n          ) {\n            setFocusedElement(focusedElement + 1);\n          }\n        }\n      } else if (e.key === \"Backspace\") {\n        if (!_value[focusedElement]) {\n          setFocusedElement(\n            focusedElement <= 0 ? maxElement : focusedElement - 1\n          );\n        } else {\n          _value[focusedElement] = _value[focusedElement].slice(0, -1);\n        }\n      } else if (e.key === \"ArrowDown\" || e.key === \"Down\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue <= config.min ? config.max : currentValue - 1\n        ).padStart(config.length, \"0\");\n      } else if (e.key === \"ArrowUp\" || e.key === \"Up\") {\n        let currentValue = Number(_value[focusedElement]);\n        _value[focusedElement] = String(\n          currentValue >= config.max ? config.min : currentValue + 1\n        ).padStart(config.length, \"0\");\n      } else if (\n        e.key === \"Enter\" ||\n        (e.key === \"Tab\" && focusedElement === maxElement) ||\n        (e.key === \"Tab\" && e.shiftKey && focusedElement === 0)\n      ) {\n        removeFocusFromField();\n        return;\n      } else if (\n        e.key === \"ArrowLeft\" ||\n        e.key === \"Left\" ||\n        (e.key === \"Tab\" && e.shiftKey)\n      ) {\n        setFocusedElement(\n          focusedElement <= 0 ? maxElement : focusedElement - 1\n        );\n      } else if (\n        e.key === \"ArrowRight\" ||\n        e.key === \"Right\" ||\n        e.key === \"Tab\"\n      ) {\n        setFocusedElement(\n          focusedElement >= maxElement ? 0 : focusedElement + 1\n        );\n      } else if (e.key === \"Delete\" || e.key === \"Del\") {\n        _value[focusedElement] = \"\";\n      } else {\n        return;\n      }\n\n      e.preventDefault();\n      setInternalValue(_value);\n      onInternalValueChange(_value);\n    },\n    [\n      elementsConfig,\n      focusedElement,\n      internalValue,\n      maxElement,\n      onInternalValueChange,\n      removeFocusFromField,\n    ]\n  );\n\n  return {\n    rootRef,\n    calendarRef,\n    open,\n    openCalendar,\n    closeCalendar,\n    internalValue,\n    focusedElement,\n    setFocusedElement,\n    handleKeyDown,\n    clear,\n    handleFieldEnter,\n    removeFocusFromField,\n  };\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/useEffectDev.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useEffectDev = void 0;
-
 var _react = require("react");
-
 var _utils = require("../lib/utils");
-
 var useEffectDev = process.env.NODE_ENV === "development" ? _react.useEffect : _utils.noop;
 exports.useEffectDev = useEffectDev;
 //# sourceMappingURL=useEffectDev.js.map

package/dist/cjs/hooks/useEffectDev.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEffectDev.js","names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { noop } from \"../lib/utils\";\n\nexport const useEffectDev =\n  process.env.NODE_ENV === \"development\" ? useEffect : noop;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,YAAY,GACvBC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,GAAyCC,gBAAzC,GAAqDC,WADhD"}
+{"version":3,"file":"useEffectDev.js","names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { noop } from \"../lib/utils\";\n\nexport const useEffectDev =\n  process.env.NODE_ENV === \"development\" ? useEffect : noop;\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,YAAY,GACvBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGC,gBAAS,GAAGC,WAAI;AAAC"}