@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/cssm/hooks/useCalendar.js

@@ -1,65 +1,65 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 import { addMonths, endOfDay, isAfter, isBefore, isSameDay, startOfDay, subMonths } from '../lib/date';
-export 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;
-  var _React$useState = React.useState((_ref2 = Array.isArray(value) ? value[0] : value) !== null && _ref2 !== void 0 ? _ref2 : new Date()),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    viewDate = _React$useState2[0],
-    setViewDate = _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_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(subMonths(viewDate, 1));
-  }, [viewDate, onPrevMonth]);
-  var setNextMonth = React.useCallback(function () {
-    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth();
-    setViewDate(addMonths(viewDate, 1));
-  }, [viewDate, onNextMonth]);
-  var handleSetViewDate = React.useCallback(function (value) {
-    onHeaderChange === null || onHeaderChange === void 0 ? void 0 : onHeaderChange(value);
-    setViewDate(value);
-  }, [onHeaderChange]);
-  var isDayFocused = React.useCallback(function (day) {
-    return Boolean(focusedDay && isSameDay(day, focusedDay));
-  }, [focusedDay]);
-  var isDayDisabled = React.useCallback(function (day) {
-    var now = new Date();
-    var disabled = false;
-    if (disablePast) {
-      disabled = isBefore(endOfDay(day), now);
-    }
-    if (disableFuture) {
-      disabled = isAfter(startOfDay(day), now);
-    }
-    if (shouldDisableDate) {
-      disabled = shouldDisableDate(day);
-    }
-    return disabled;
-  }, [disableFuture, disablePast, shouldDisableDate]);
-  var resetSelectedDay = React.useCallback(function () {
-    setFocusedDay(undefined);
-  }, [setFocusedDay]);
-  return {
-    viewDate: viewDate,
-    setViewDate: handleSetViewDate,
-    setPrevMonth: setPrevMonth,
-    setNextMonth: setNextMonth,
-    focusedDay: focusedDay,
-    setFocusedDay: setFocusedDay,
-    isDayFocused: isDayFocused,
-    isDayDisabled: isDayDisabled,
-    resetSelectedDay: resetSelectedDay
-  };
+export function useCalendar({ value , disablePast , disableFuture , shouldDisableDate , onHeaderChange , onNextMonth , onPrevMonth  }) {
+    const [viewDate, setViewDate] = React.useState((Array.isArray(value) ? value[0] : value) ?? new Date());
+    const [focusedDay, setFocusedDay] = React.useState();
+    const setPrevMonth = React.useCallback(()=>{
+        onPrevMonth?.();
+        setViewDate(subMonths(viewDate, 1));
+    }, [
+        viewDate,
+        onPrevMonth
+    ]);
+    const setNextMonth = React.useCallback(()=>{
+        onNextMonth?.();
+        setViewDate(addMonths(viewDate, 1));
+    }, [
+        viewDate,
+        onNextMonth
+    ]);
+    const handleSetViewDate = React.useCallback((value)=>{
+        onHeaderChange?.(value);
+        setViewDate(value);
+    }, [
+        onHeaderChange
+    ]);
+    const isDayFocused = React.useCallback((day)=>Boolean(focusedDay && isSameDay(day, focusedDay)), [
+        focusedDay
+    ]);
+    const isDayDisabled = React.useCallback((day)=>{
+        const now = new Date();
+        let disabled = false;
+        if (disablePast) {
+            disabled = isBefore(endOfDay(day), now);
+        }
+        if (disableFuture) {
+            disabled = isAfter(startOfDay(day), now);
+        }
+        if (shouldDisableDate) {
+            disabled = shouldDisableDate(day);
+        }
+        return disabled;
+    }, [
+        disableFuture,
+        disablePast,
+        shouldDisableDate
+    ]);
+    const resetSelectedDay = React.useCallback(()=>{
+        setFocusedDay(undefined);
+    }, [
+        setFocusedDay
+    ]);
+    return {
+        viewDate,
+        setViewDate: handleSetViewDate,
+        setPrevMonth,
+        setNextMonth,
+        focusedDay,
+        setFocusedDay,
+        isDayFocused,
+        isDayDisabled,
+        resetSelectedDay
+    };
 }
+
 //# sourceMappingURL=useCalendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["React","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n  extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {\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,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n  addMonths,\n  endOfDay,\n  isAfter,\n  isBefore,\n  isSameDay,\n  startOfDay,\n  subMonths,\n} from '../lib/date';\n\nexport interface UseCalendarDependencies\n  extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {\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"],"names":["React","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","viewDate","setViewDate","useState","Array","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SACEC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,SAAS,QACJ,cAAc;AAUrB,OAAO,SAASC,YAAY,EAC1BC,MAAK,EACLC,YAAW,EACXC,cAAa,EACbC,kBAAiB,EACjBC,eAAc,EACdC,YAAW,EACXC,YAAW,EACa,EAAE;IAC1B,MAAM,CAACC,UAAUC,YAAY,GAAGjB,MAAMkB,QAAQ,CAC5C,AAACC,CAAAA,MAAMC,OAAO,CAACX,SAASA,KAAK,CAAC,EAAE,GAAGA,KAAK,AAAD,KAAM,IAAIY;IAEnD,MAAM,CAACC,YAAYC,cAAc,GAAGvB,MAAMkB,QAAQ;IAElD,MAAMM,eAAexB,MAAMyB,WAAW,CAAC,IAAM;QAC3CV;QACAE,YAAYV,UAAUS,UAAU;IAClC,GAAG;QAACA;QAAUD;KAAY;IAC1B,MAAMW,eAAe1B,MAAMyB,WAAW,CAAC,IAAM;QAC3CX;QACAG,YAAYhB,UAAUe,UAAU;IAClC,GAAG;QAACA;QAAUF;KAAY;IAE1B,MAAMa,oBAAoB3B,MAAMyB,WAAW,CACzC,CAAChB,QAAgB;QACfI,iBAAiBJ;QACjBQ,YAAYR;IACd,GACA;QAACI;KAAe;IAGlB,MAAMe,eAAe5B,MAAMyB,WAAW,CACpC,CAACI,MAAcC,QAAQR,cAAcjB,UAAUwB,KAAKP,cACpD;QAACA;KAAW;IAGd,MAAMS,gBAAgB/B,MAAMyB,WAAW,CACrC,CAACI,MAAc;QACb,MAAMG,MAAM,IAAIX;QAChB,IAAIY,WAAW,KAAK;QACpB,IAAIvB,aAAa;YACfuB,WAAW7B,SAASF,SAAS2B,MAAMG;QACrC,CAAC;QACD,IAAIrB,eAAe;YACjBsB,WAAW9B,QAAQG,WAAWuB,MAAMG;QACtC,CAAC;QACD,IAAIpB,mBAAmB;YACrBqB,WAAWrB,kBAAkBiB;QAC/B,CAAC;QAED,OAAOI;IACT,GACA;QAACtB;QAAeD;QAAaE;KAAkB;IAGjD,MAAMsB,mBAAmBlC,MAAMyB,WAAW,CAAC,IAAM;QAC/CF,cAAcY;IAChB,GAAG;QAACZ;KAAc;IAElB,OAAO;QACLP;QACAC,aAAaU;QACbH;QACAE;QACAJ;QACAC;QACAK;QACAG;QACAG;IACF;AACF,CAAC"}

package/dist/cssm/hooks/useChipsInput.js

@@ -1,77 +1,82 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
-export var useChipsInput = function useChipsInput(props) {
-  var value = props.value,
-    getOptionValue = props.getOptionValue,
-    onChange = props.onChange,
-    onInputChange = props.onInputChange,
-    getNewOptionData = props.getNewOptionData;
-  var _React$useState = React.useState(props.inputValue),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    fieldValue = _React$useState2[0],
-    setFieldValue = _React$useState2[1];
-  var _React$useState3 = React.useState(value !== null && value !== void 0 ? value : []),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    selectedOptions = _React$useState4[0],
-    setSelectedOptions = _React$useState4[1];
-  var clearInput = React.useCallback(function () {
-    setFieldValue('');
-    onInputChange({
-      target: {
-        value: ''
-      }
-    });
-  }, [onInputChange]);
-  var handleInputChange = React.useCallback(function (e) {
-    setFieldValue(e.target.value);
-    onInputChange(e);
-  }, [onInputChange]);
-  var toggleOption = React.useCallback(function (newOption, value) {
-    var newSelectedOptions = selectedOptions.filter(function (option) {
-      return getOptionValue(newOption) !== getOptionValue(option);
-    });
-    if (value === true) {
-      newSelectedOptions.push(newOption);
-    }
-    setSelectedOptions(newSelectedOptions);
-    onChange(newSelectedOptions);
-  }, [selectedOptions, getOptionValue, onChange]);
-  var addOption = React.useCallback(function (newOption) {
-    return toggleOption(newOption, true);
-  }, [toggleOption]);
-  var addOptionFromInput = React.useCallback(function () {
-    var trimmedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
-    if (trimmedValue) {
-      addOption(getNewOptionData(undefined, trimmedValue));
-      clearInput();
-    }
-  }, [addOption, clearInput, getNewOptionData, fieldValue]);
-  var removeOption = React.useCallback(function (value) {
-    toggleOption(getNewOptionData(undefined, value), false);
-  }, [toggleOption, getNewOptionData]);
-  React.useEffect(function () {
-    setSelectedOptions(value);
-    return function () {
-      return setSelectedOptions([]);
+export const useChipsInput = (props)=>{
+    const { value , getOptionValue , onChange , onInputChange , getNewOptionData  } = props;
+    const [fieldValue, setFieldValue] = React.useState(props.inputValue);
+    const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);
+    const clearInput = React.useCallback(()=>{
+        setFieldValue('');
+        onInputChange({
+            target: {
+                value: ''
+            }
+        });
+    }, [
+        onInputChange
+    ]);
+    const handleInputChange = React.useCallback((e)=>{
+        setFieldValue(e.target.value);
+        onInputChange(e);
+    }, [
+        onInputChange
+    ]);
+    const toggleOption = React.useCallback((newOption, value)=>{
+        const newSelectedOptions = selectedOptions.filter((option)=>getOptionValue(newOption) !== getOptionValue(option));
+        if (value === true) {
+            newSelectedOptions.push(newOption);
+        }
+        setSelectedOptions(newSelectedOptions);
+        onChange(newSelectedOptions);
+    }, [
+        selectedOptions,
+        getOptionValue,
+        onChange
+    ]);
+    const addOption = React.useCallback((newOption)=>toggleOption(newOption, true), [
+        toggleOption
+    ]);
+    const addOptionFromInput = React.useCallback(()=>{
+        const trimmedValue = fieldValue?.trim();
+        if (trimmedValue) {
+            addOption(getNewOptionData(undefined, trimmedValue));
+            clearInput();
+        }
+    }, [
+        addOption,
+        clearInput,
+        getNewOptionData,
+        fieldValue
+    ]);
+    const removeOption = React.useCallback((value)=>{
+        toggleOption(getNewOptionData(undefined, value), false);
+    }, [
+        toggleOption,
+        getNewOptionData
+    ]);
+    React.useEffect(()=>{
+        setSelectedOptions(value);
+        return ()=>setSelectedOptions([]);
+    }, [
+        props.value,
+        value
+    ]);
+    React.useEffect(()=>{
+        setFieldValue(props.inputValue);
+        return ()=>setFieldValue('');
+    }, [
+        props.inputValue
+    ]);
+    return {
+        fieldValue,
+        setFieldValue,
+        selectedOptions,
+        setSelectedOptions,
+        clearInput,
+        toggleOption,
+        addOption,
+        addOptionFromInput,
+        removeOption,
+        handleInputChange
     };
-  }, [props.value, value]);
-  React.useEffect(function () {
-    setFieldValue(props.inputValue);
-    return function () {
-      return setFieldValue('');
-    };
-  }, [props.inputValue]);
-  return {
-    fieldValue: fieldValue,
-    setFieldValue: setFieldValue,
-    selectedOptions: selectedOptions,
-    setSelectedOptions: setSelectedOptions,
-    clearInput: clearInput,
-    toggleOption: toggleOption,
-    addOption: addOption,
-    addOptionFromInput: addOptionFromInput,
-    removeOption: removeOption,
-    handleInputChange: handleInputChange
-  };
 };
+
 //# sourceMappingURL=useChipsInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.js","names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","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 } = 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) => 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,"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 } = 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) => 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"],"names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","fieldValue","setFieldValue","useState","inputValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,OAAO,MAAMC,gBAAgB,CAC3BC,QACG;IACH,MAAM,EAAEC,MAAK,EAAEC,eAAc,EAAEC,SAAQ,EAAEC,cAAa,EAAEC,iBAAgB,EAAE,GAAGL;IAE7E,MAAM,CAACM,YAAYC,cAAc,GAAGT,MAAMU,QAAQ,CAACR,MAAMS,UAAU;IACnE,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGb,MAAMU,QAAQ,CAACP,SAAS,EAAE;IAExE,MAAMW,aAAad,MAAMe,WAAW,CAAC,IAAM;QACzCN,cAAc;QACdH,cAAe;YAAEU,QAAQ;gBAAEb,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,MAAMW,oBAAoBjB,MAAMe,WAAW,CACzC,CAACG,IAA2C;QAC1CT,cAAcS,EAAEF,MAAM,CAACb,KAAK;QAC5BG,cAAeY;IACjB,GACA;QAACZ;KAAc;IAGjB,MAAMa,eAAenB,MAAMe,WAAW,CACpC,CAACK,WAAmBjB,QAAoB;QACtC,MAAMkB,qBAAqBT,gBAAgBU,MAAM,CAC/C,CAACC,SAAmBnB,eAAgBgB,eAAehB,eAAgBmB;QAGrE,IAAIpB,UAAU,IAAI,EAAE;YAClBkB,mBAAmBG,IAAI,CAACJ;QAC1B,CAAC;QAEDP,mBAAmBQ;QACnBhB,SAAUgB;IACZ,GACA;QAACT;QAAiBR;QAAgBC;KAAS;IAG7C,MAAMoB,YAAYzB,MAAMe,WAAW,CACjC,CAACK,YAAsBD,aAAaC,WAAW,IAAI,GACnD;QAACD;KAAa;IAEhB,MAAMO,qBAAqB1B,MAAMe,WAAW,CAAC,IAAM;QACjD,MAAMY,eAAenB,YAAYoB;QAEjC,IAAID,cAAc;YAChBF,UAAUlB,iBAAkBsB,WAAWF;YACvCb;QACF,CAAC;IACH,GAAG;QAACW;QAAWX;QAAYP;QAAkBC;KAAW;IACxD,MAAMsB,eAAe9B,MAAMe,WAAW,CACpC,CAACZ,QAAU;QACTgB,aAAaZ,iBAAkBsB,WAAW1B,QAAkB,KAAK;IACnE,GACA;QAACgB;QAAcZ;KAAiB;IAGlCP,MAAM+B,SAAS,CAAC,IAAM;QACpBlB,mBAAmBV;QAEnB,OAAO,IAAMU,mBAAmB,EAAE;IACpC,GAAG;QAACX,MAAMC,KAAK;QAAEA;KAAM;IAEvBH,MAAM+B,SAAS,CAAC,IAAM;QACpBtB,cAAcP,MAAMS,UAAU;QAE9B,OAAO,IAAMF,cAAc;IAC7B,GAAG;QAACP,MAAMS,UAAU;KAAC;IAErB,OAAO;QACLH;QACAC;QACAG;QACAC;QACAC;QACAK;QACAM;QACAC;QACAI;QACAb;IACF;AACF,EAAE"}

package/dist/cssm/hooks/useChipsSelect.js

@@ -1,82 +1,61 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["fieldValue", "selectedOptions"];
 import * as React from 'react';
 import { useChipsInput } from './useChipsInput';
-export var useChipsSelect = function useChipsSelect(props) {
-  var options = props.options,
-    filterFn = props.filterFn,
-    getOptionLabel = props.getOptionLabel,
-    getOptionValue = props.getOptionValue;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    opened = _React$useState2[0],
-    setOpened = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    focusedOptionIndex = _React$useState4[0],
-    setFocusedOptionIndex = _React$useState4[1];
-  var _React$useState5 = React.useState(null),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    focusedOption = _React$useState6[0],
-    setFocusedOption = _React$useState6[1];
-  var _useChipsInput = useChipsInput(props),
-    fieldValue = _useChipsInput.fieldValue,
-    selectedOptions = _useChipsInput.selectedOptions,
-    chipsInputState = _objectWithoutProperties(_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);
-    }) : options;
-  }, [options, filterFn, fieldValue, getOptionLabel]);
-  filteredOptions = React.useMemo(function () {
-    if (!filteredOptions.length) {
-      return filteredOptions;
-    }
-    var filteredSet = new Set(filteredOptions);
-    var selected = selectedOptions.map(function (item) {
-      return getOptionValue(item);
-    });
-    var _iterator = _createForOfIteratorHelper(filteredSet),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var item = _step.value;
-        if (selected.includes(getOptionValue(item))) {
-          filteredSet.delete(item);
+export const useChipsSelect = (props)=>{
+    const { options , filterFn , getOptionLabel , getOptionValue  } = props;
+    const [opened, setOpened] = React.useState(false);
+    const [focusedOptionIndex, setFocusedOptionIndex] = React.useState(0);
+    const [focusedOption, setFocusedOption] = React.useState(null);
+    const { fieldValue , selectedOptions , ...chipsInputState } = useChipsInput(props);
+    const handleInputChange = (e)=>{
+        if (!e) {
+            return;
         }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return _toConsumableArray(filteredSet);
-  }, [filteredOptions, selectedOptions, getOptionValue]);
-  return _objectSpread(_objectSpread({}, chipsInputState), {}, {
-    fieldValue: fieldValue,
-    handleInputChange: handleInputChange,
-    opened: opened,
-    setOpened: setOpened,
-    filteredOptions: filteredOptions,
-    focusedOptionIndex: focusedOptionIndex,
-    setFocusedOptionIndex: setFocusedOptionIndex,
-    focusedOption: focusedOption,
-    setFocusedOption: setFocusedOption,
-    selectedOptions: selectedOptions
-  });
+        chipsInputState.handleInputChange(e);
+        if (!opened) {
+            setOpened(true);
+            setFocusedOptionIndex(0);
+        }
+    };
+    let filteredOptions = React.useMemo(()=>{
+        return filterFn ? options.filter((option)=>filterFn(fieldValue, option, getOptionLabel)) : options;
+    }, [
+        options,
+        filterFn,
+        fieldValue,
+        getOptionLabel
+    ]);
+    filteredOptions = React.useMemo(()=>{
+        if (!filteredOptions.length) {
+            return filteredOptions;
+        }
+        const filteredSet = new Set(filteredOptions);
+        const selected = selectedOptions.map((item)=>getOptionValue(item));
+        for (const item of filteredSet){
+            if (selected.includes(getOptionValue(item))) {
+                filteredSet.delete(item);
+            }
+        }
+        return [
+            ...filteredSet
+        ];
+    }, [
+        filteredOptions,
+        selectedOptions,
+        getOptionValue
+    ]);
+    return {
+        ...chipsInputState,
+        fieldValue,
+        handleInputChange,
+        opened,
+        setOpened,
+        filteredOptions,
+        focusedOptionIndex,
+        setFocusedOptionIndex,
+        focusedOption,
+        setFocusedOption,
+        selectedOptions
+    };
 };
+
 //# sourceMappingURL=useChipsSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","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 { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\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<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\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) => filterFn(fieldValue, option, getOptionLabel))\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,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,IAAMC,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,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4Db,aAAa,CAACE,KAAK,CAAC;IAAxEY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,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,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}
+{"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\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<number | null>(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> | undefined) => {\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) => filterFn(fieldValue, option, getOptionLabel))\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"],"names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","opened","setOpened","useState","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,iBAAiB,CAC5BC,QACG;IACH,MAAM,EAAEC,QAAO,EAAEC,SAAQ,EAAEC,eAAc,EAAEC,eAAc,EAAE,GAAGJ;IAE9D,MAAM,CAACK,QAAQC,UAAU,GAAGT,MAAMU,QAAQ,CAAC,KAAK;IAChD,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGZ,MAAMU,QAAQ,CAAgB;IAClF,MAAM,CAACG,eAAeC,iBAAiB,GAAGd,MAAMU,QAAQ,CAAgB,IAAI;IAE5E,MAAM,EAAEK,WAAU,EAAEC,gBAAe,EAAE,GAAGC,iBAAiB,GAAGhB,cAAcE;IAE1E,MAAMe,oBAAoB,CAACC,IAAuD;QAChF,IAAI,CAACA,GAAG;YACN;QACF,CAAC;QACDF,gBAAgBC,iBAAiB,CAACC;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU,IAAI;YACdG,sBAAsB;QACxB,CAAC;IACH;IAEA,IAAIQ,kBAAkBpB,MAAMqB,OAAO,CAAC,IAAM;QACxC,OAAOhB,WACHD,QAASkB,MAAM,CAAC,CAACC,SAAWlB,SAASU,YAAYQ,QAAQjB,mBACxDF,OAAoB;IAC3B,GAAG;QAACA;QAASC;QAAUU;QAAYT;KAAe;IAElDc,kBAAkBpB,MAAMqB,OAAO,CAAC,IAAM;QACpC,IAAI,CAACD,gBAAgBI,MAAM,EAAE;YAC3B,OAAOJ;QACT,CAAC;QAED,MAAMK,cAAc,IAAIC,IAAIN;QAC5B,MAAMO,WAAWX,gBAAgBY,GAAG,CAAC,CAACC,OAAStB,eAAgBsB;QAE/D,KAAK,MAAMA,QAAQJ,YAAa;YAC9B,IAAIE,SAASG,QAAQ,CAACvB,eAAgBsB,QAAQ;gBAC5CJ,YAAYM,MAAM,CAACF;YACrB,CAAC;QACH;QAEA,OAAO;eAAIJ;SAAY;IACzB,GAAG;QAACL;QAAiBJ;QAAiBT;KAAe;IAErD,OAAO;QACL,GAAGU,eAAe;QAClBF;QACAG;QACAV;QACAC;QACAW;QACAT;QACAC;QACAC;QACAC;QACAE;IACF;AACF,EAAE"}