@vkontakte/vkui 8.0.2 → 8.1.0

package/dist/components/CustomSelect/hooks/useSelectedOptionController.d.ts

@@ -5,7 +5,7 @@ import type { SelectProps } from '../CustomSelect';
 type UseSelectedOptionControllerProps = Pick<SelectProps, 'value' | 'defaultValue'> & {
     isControlledOutside: boolean;
     allowClearButton: boolean;
-    onChange?: (e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void;
+    onChange?: ((e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void) | undefined;
 };
 export declare function useSelectedOptionController({ value, defaultValue, isControlledOutside, allowClearButton, onChange, }: UseSelectedOptionControllerProps): {
     selectedOptionValue: SelectValue;

package/dist/components/CustomSelect/hooks/useSelectedOptionController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectedOptionController.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/hooks/useSelectedOptionController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,KAAK,iBAAiB,EAItB,KAAK,WAAW,EACjB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,KAAK,gCAAgC,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,CAAC,GAAG;IACpF,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;CAC/E,CAAC;AAGF,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACT,EAAE,gCAAgC;;;;qCAkBpB,iBAAiB;;EAuF/B"}
+{"version":3,"file":"useSelectedOptionController.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomSelect/hooks/useSelectedOptionController.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,KAAK,iBAAiB,EAItB,KAAK,WAAW,EACjB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,KAAK,gCAAgC,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,cAAc,CAAC,GAAG;IACpF,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC7F,CAAC;AAGF,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACT,EAAE,gCAAgC;;;;qCAkBpB,iBAAiB;;EAuF/B"}

package/dist/components/CustomSelect/hooks/useSelectedOptionController.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useSelectedOptionController.ts"],"sourcesContent":["import type { ChangeEvent } from 'react';\nimport * as React from 'react';\nimport { useStateWithPrev } from '../../../hooks/useStateWithPrev';\nimport {\n  type NativeSelectValue,\n  NOT_SELECTED,\n  remapFromNativeValueToSelectValue,\n  remapFromSelectValueToNativeValue,\n  type SelectValue,\n} from '../../NativeSelect/NativeSelect';\nimport type { SelectProps } from '../CustomSelect';\n\n/* eslint-disable jsdoc/require-jsdoc */\ntype UseSelectedOptionControllerProps = Pick<SelectProps, 'value' | 'defaultValue'> & {\n  isControlledOutside: boolean;\n  allowClearButton: boolean;\n  onChange?: (e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void;\n};\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport function useSelectedOptionController({\n  value,\n  defaultValue,\n  isControlledOutside,\n  allowClearButton,\n  onChange,\n}: UseSelectedOptionControllerProps) {\n  const [[nativeSelectValue, prevNativeSelectValue], setNativeSelectValue] =\n    useStateWithPrev<NativeSelectValue>(() => {\n      if (value !== undefined) {\n        return remapFromSelectValueToNativeValue(value);\n      }\n      if (defaultValue !== undefined) {\n        return remapFromSelectValueToNativeValue(defaultValue);\n      }\n      return NOT_SELECTED.NATIVE;\n    });\n  const nativeSelectValueRef = React.useRef<NativeSelectValue>(nativeSelectValue);\n\n  const [selectedOptionValue, setSelectedOptionValue] = React.useState<SelectValue>(() =>\n    remapFromNativeValueToSelectValue(nativeSelectValue),\n  );\n\n  const _setNativeSelectValue = React.useCallback(\n    (newValue: NativeSelectValue) => {\n      setNativeSelectValue(newValue);\n      nativeSelectValueRef.current = newValue;\n    },\n    [setNativeSelectValue],\n  );\n\n  React.useEffect(\n    function syncNativeSelectValueWithPropValue() {\n      if (value !== undefined) {\n        _setNativeSelectValue(remapFromSelectValueToNativeValue(value));\n      }\n    },\n    [value, _setNativeSelectValue],\n  );\n\n  React.useEffect(\n    function syncNativeSelectValueWithSelectedOptionValue() {\n      const remappedSelectedValue = remapFromSelectValueToNativeValue(selectedOptionValue);\n      if (nativeSelectValueRef.current !== remappedSelectedValue) {\n        setNativeSelectValue(remappedSelectedValue);\n      }\n    },\n    [selectedOptionValue, setNativeSelectValue],\n  );\n\n  const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    // для ситуаций, когда в опциях value это string а value/defaultValue это number\n    // и наоборот, приводим значение nativeSelectValue из стейта к строке.\n    // ведь nativeSelect всегда возвращает string в onChange, а пользователь\n    // может использовать number для опций\n    //\n    // native select всегда возвращает string в качестве value в onChange\n    // Когда селект контролируемый, то пользователь, в onChange может сохранить в свой стейт строку (например '3'), хотя\n    // в качестве value опции может использовать число (3),\n    // тогда строчное значение value ('3') из стейта пользователя\n    // будет передано в CustomSelect, и после синхронизации nativeSelectValue (3) и props.value ('3') и после клика на уже выбранную опцию (3),\n    // когда nativeSelectValue обновится на значение опции (число 3),\n    // сравнение nativeSelectValue (3) и prevNativeSelectValue ('3') может не сработать лишь из-за того, что они в разных типах.\n    const convertedNativeSelectValue =\n      typeof nativeSelectValue === 'number' &&\n      (typeof value === 'string' || typeof prevNativeSelectValue === 'string')\n        ? String(nativeSelectValue)\n        : nativeSelectValue;\n\n    const isCalledWithSameControlledOptionValue =\n      isControlledOutside &&\n      value === remapFromNativeValueToSelectValue(convertedNativeSelectValue);\n\n    const isNativeValueChanged =\n      convertedNativeSelectValue !== prevNativeSelectValue && prevNativeSelectValue !== undefined;\n\n    const isTriggeredByClearButton =\n      allowClearButton &&\n      // Проверяем, что новое значение NOT_SELECTED.NATIVE\n      nativeSelectValue === NOT_SELECTED.NATIVE &&\n      // Проверяем, что предыдущее значение не undefined(кейс с первой отрисовкой, когда предыдущего значения не было)\n      prevNativeSelectValue !== undefined &&\n      // Проверяем, что предыдущее значение не NOT_SELECTED.NATIVE(если до этого было уже сброшенное значение)\n      prevNativeSelectValue !== NOT_SELECTED.NATIVE;\n\n    const shouldCallOnChange =\n      !isCalledWithSameControlledOptionValue && (isNativeValueChanged || isTriggeredByClearButton);\n\n    if (!shouldCallOnChange) {\n      return;\n    }\n\n    const remappedNativeValue = remapFromNativeValueToSelectValue(e.currentTarget.value);\n\n    if (e.target.value === NOT_SELECTED.NATIVE) {\n      e.target.value = '';\n    }\n    if (e.currentTarget.value === NOT_SELECTED.NATIVE) {\n      e.currentTarget.value = '';\n    }\n\n    onChange?.(e, remappedNativeValue);\n  };\n\n  return {\n    selectedOptionValue,\n    setSelectedOptionValue,\n    nativeSelectValue,\n    setNativeSelectValue: _setNativeSelectValue,\n    onNativeSelectChange,\n  };\n}\n"],"names":["React","useStateWithPrev","NOT_SELECTED","remapFromNativeValueToSelectValue","remapFromSelectValueToNativeValue","useSelectedOptionController","value","defaultValue","isControlledOutside","allowClearButton","onChange","nativeSelectValue","prevNativeSelectValue","setNativeSelectValue","undefined","NATIVE","nativeSelectValueRef","useRef","selectedOptionValue","setSelectedOptionValue","useState","_setNativeSelectValue","useCallback","newValue","current","useEffect","syncNativeSelectValueWithPropValue","syncNativeSelectValueWithSelectedOptionValue","remappedSelectedValue","onNativeSelectChange","e","convertedNativeSelectValue","String","isCalledWithSameControlledOptionValue","isNativeValueChanged","isTriggeredByClearButton","shouldCallOnChange","remappedNativeValue","currentTarget","target"],"mappings":"AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qCAAkC;AACnE,SAEEC,YAAY,EACZC,iCAAiC,EACjCC,iCAAiC,QAE5B,qCAAkC;AASzC,qCAAqC,GAErC,OAAO,SAASC,4BAA4B,EAC1CC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,QAAQ,EACyB;IACjC,MAAM,CAAC,CAACC,mBAAmBC,sBAAsB,EAAEC,qBAAqB,GACtEZ,iBAAoC;QAClC,IAAIK,UAAUQ,WAAW;YACvB,OAAOV,kCAAkCE;QAC3C;QACA,IAAIC,iBAAiBO,WAAW;YAC9B,OAAOV,kCAAkCG;QAC3C;QACA,OAAOL,aAAaa,MAAM;IAC5B;IACF,MAAMC,uBAAuBhB,MAAMiB,MAAM,CAAoBN;IAE7D,MAAM,CAACO,qBAAqBC,uBAAuB,GAAGnB,MAAMoB,QAAQ,CAAc,IAChFjB,kCAAkCQ;IAGpC,MAAMU,wBAAwBrB,MAAMsB,WAAW,CAC7C,CAACC;QACCV,qBAAqBU;QACrBP,qBAAqBQ,OAAO,GAAGD;IACjC,GACA;QAACV;KAAqB;IAGxBb,MAAMyB,SAAS,CACb,SAASC;QACP,IAAIpB,UAAUQ,WAAW;YACvBO,sBAAsBjB,kCAAkCE;QAC1D;IACF,GACA;QAACA;QAAOe;KAAsB;IAGhCrB,MAAMyB,SAAS,CACb,SAASE;QACP,MAAMC,wBAAwBxB,kCAAkCc;QAChE,IAAIF,qBAAqBQ,OAAO,KAAKI,uBAAuB;YAC1Df,qBAAqBe;QACvB;IACF,GACA;QAACV;QAAqBL;KAAqB;IAG7C,MAAMgB,uBAAoE,CAACC;QACzE,gFAAgF;QAChF,sEAAsE;QACtE,wEAAwE;QACxE,sCAAsC;QACtC,EAAE;QACF,qEAAqE;QACrE,oHAAoH;QACpH,uDAAuD;QACvD,6DAA6D;QAC7D,2IAA2I;QAC3I,iEAAiE;QACjE,4HAA4H;QAC5H,MAAMC,6BACJ,OAAOpB,sBAAsB,YAC5B,CAAA,OAAOL,UAAU,YAAY,OAAOM,0BAA0B,QAAO,IAClEoB,OAAOrB,qBACPA;QAEN,MAAMsB,wCACJzB,uBACAF,UAAUH,kCAAkC4B;QAE9C,MAAMG,uBACJH,+BAA+BnB,yBAAyBA,0BAA0BE;QAEpF,MAAMqB,2BACJ1B,oBACA,oDAAoD;QACpDE,sBAAsBT,aAAaa,MAAM,IACzC,gHAAgH;QAChHH,0BAA0BE,aAC1B,wGAAwG;QACxGF,0BAA0BV,aAAaa,MAAM;QAE/C,MAAMqB,qBACJ,CAACH,yCAA0CC,CAAAA,wBAAwBC,wBAAuB;QAE5F,IAAI,CAACC,oBAAoB;YACvB;QACF;QAEA,MAAMC,sBAAsBlC,kCAAkC2B,EAAEQ,aAAa,CAAChC,KAAK;QAEnF,IAAIwB,EAAES,MAAM,CAACjC,KAAK,KAAKJ,aAAaa,MAAM,EAAE;YAC1Ce,EAAES,MAAM,CAACjC,KAAK,GAAG;QACnB;QACA,IAAIwB,EAAEQ,aAAa,CAAChC,KAAK,KAAKJ,aAAaa,MAAM,EAAE;YACjDe,EAAEQ,aAAa,CAAChC,KAAK,GAAG;QAC1B;QAEAI,WAAWoB,GAAGO;IAChB;IAEA,OAAO;QACLnB;QACAC;QACAR;QACAE,sBAAsBQ;QACtBQ;IACF;AACF"}
+{"version":3,"sources":["../../../../src/components/CustomSelect/hooks/useSelectedOptionController.ts"],"sourcesContent":["import type { ChangeEvent } from 'react';\nimport * as React from 'react';\nimport { useStateWithPrev } from '../../../hooks/useStateWithPrev';\nimport {\n  type NativeSelectValue,\n  NOT_SELECTED,\n  remapFromNativeValueToSelectValue,\n  remapFromSelectValueToNativeValue,\n  type SelectValue,\n} from '../../NativeSelect/NativeSelect';\nimport type { SelectProps } from '../CustomSelect';\n\n/* eslint-disable jsdoc/require-jsdoc */\ntype UseSelectedOptionControllerProps = Pick<SelectProps, 'value' | 'defaultValue'> & {\n  isControlledOutside: boolean;\n  allowClearButton: boolean;\n  onChange?: ((e: ChangeEvent<HTMLSelectElement>, newValue: SelectValue) => void) | undefined;\n};\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport function useSelectedOptionController({\n  value,\n  defaultValue,\n  isControlledOutside,\n  allowClearButton,\n  onChange,\n}: UseSelectedOptionControllerProps) {\n  const [[nativeSelectValue, prevNativeSelectValue], setNativeSelectValue] =\n    useStateWithPrev<NativeSelectValue>(() => {\n      if (value !== undefined) {\n        return remapFromSelectValueToNativeValue(value);\n      }\n      if (defaultValue !== undefined) {\n        return remapFromSelectValueToNativeValue(defaultValue);\n      }\n      return NOT_SELECTED.NATIVE;\n    });\n  const nativeSelectValueRef = React.useRef<NativeSelectValue>(nativeSelectValue);\n\n  const [selectedOptionValue, setSelectedOptionValue] = React.useState<SelectValue>(() =>\n    remapFromNativeValueToSelectValue(nativeSelectValue),\n  );\n\n  const _setNativeSelectValue = React.useCallback(\n    (newValue: NativeSelectValue) => {\n      setNativeSelectValue(newValue);\n      nativeSelectValueRef.current = newValue;\n    },\n    [setNativeSelectValue],\n  );\n\n  React.useEffect(\n    function syncNativeSelectValueWithPropValue() {\n      if (value !== undefined) {\n        _setNativeSelectValue(remapFromSelectValueToNativeValue(value));\n      }\n    },\n    [value, _setNativeSelectValue],\n  );\n\n  React.useEffect(\n    function syncNativeSelectValueWithSelectedOptionValue() {\n      const remappedSelectedValue = remapFromSelectValueToNativeValue(selectedOptionValue);\n      if (nativeSelectValueRef.current !== remappedSelectedValue) {\n        setNativeSelectValue(remappedSelectedValue);\n      }\n    },\n    [selectedOptionValue, setNativeSelectValue],\n  );\n\n  const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    // для ситуаций, когда в опциях value это string а value/defaultValue это number\n    // и наоборот, приводим значение nativeSelectValue из стейта к строке.\n    // ведь nativeSelect всегда возвращает string в onChange, а пользователь\n    // может использовать number для опций\n    //\n    // native select всегда возвращает string в качестве value в onChange\n    // Когда селект контролируемый, то пользователь, в onChange может сохранить в свой стейт строку (например '3'), хотя\n    // в качестве value опции может использовать число (3),\n    // тогда строчное значение value ('3') из стейта пользователя\n    // будет передано в CustomSelect, и после синхронизации nativeSelectValue (3) и props.value ('3') и после клика на уже выбранную опцию (3),\n    // когда nativeSelectValue обновится на значение опции (число 3),\n    // сравнение nativeSelectValue (3) и prevNativeSelectValue ('3') может не сработать лишь из-за того, что они в разных типах.\n    const convertedNativeSelectValue =\n      typeof nativeSelectValue === 'number' &&\n      (typeof value === 'string' || typeof prevNativeSelectValue === 'string')\n        ? String(nativeSelectValue)\n        : nativeSelectValue;\n\n    const isCalledWithSameControlledOptionValue =\n      isControlledOutside &&\n      value === remapFromNativeValueToSelectValue(convertedNativeSelectValue);\n\n    const isNativeValueChanged =\n      convertedNativeSelectValue !== prevNativeSelectValue && prevNativeSelectValue !== undefined;\n\n    const isTriggeredByClearButton =\n      allowClearButton &&\n      // Проверяем, что новое значение NOT_SELECTED.NATIVE\n      nativeSelectValue === NOT_SELECTED.NATIVE &&\n      // Проверяем, что предыдущее значение не undefined(кейс с первой отрисовкой, когда предыдущего значения не было)\n      prevNativeSelectValue !== undefined &&\n      // Проверяем, что предыдущее значение не NOT_SELECTED.NATIVE(если до этого было уже сброшенное значение)\n      prevNativeSelectValue !== NOT_SELECTED.NATIVE;\n\n    const shouldCallOnChange =\n      !isCalledWithSameControlledOptionValue && (isNativeValueChanged || isTriggeredByClearButton);\n\n    if (!shouldCallOnChange) {\n      return;\n    }\n\n    const remappedNativeValue = remapFromNativeValueToSelectValue(e.currentTarget.value);\n\n    if (e.target.value === NOT_SELECTED.NATIVE) {\n      e.target.value = '';\n    }\n    if (e.currentTarget.value === NOT_SELECTED.NATIVE) {\n      e.currentTarget.value = '';\n    }\n\n    onChange?.(e, remappedNativeValue);\n  };\n\n  return {\n    selectedOptionValue,\n    setSelectedOptionValue,\n    nativeSelectValue,\n    setNativeSelectValue: _setNativeSelectValue,\n    onNativeSelectChange,\n  };\n}\n"],"names":["React","useStateWithPrev","NOT_SELECTED","remapFromNativeValueToSelectValue","remapFromSelectValueToNativeValue","useSelectedOptionController","value","defaultValue","isControlledOutside","allowClearButton","onChange","nativeSelectValue","prevNativeSelectValue","setNativeSelectValue","undefined","NATIVE","nativeSelectValueRef","useRef","selectedOptionValue","setSelectedOptionValue","useState","_setNativeSelectValue","useCallback","newValue","current","useEffect","syncNativeSelectValueWithPropValue","syncNativeSelectValueWithSelectedOptionValue","remappedSelectedValue","onNativeSelectChange","e","convertedNativeSelectValue","String","isCalledWithSameControlledOptionValue","isNativeValueChanged","isTriggeredByClearButton","shouldCallOnChange","remappedNativeValue","currentTarget","target"],"mappings":"AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,qCAAkC;AACnE,SAEEC,YAAY,EACZC,iCAAiC,EACjCC,iCAAiC,QAE5B,qCAAkC;AASzC,qCAAqC,GAErC,OAAO,SAASC,4BAA4B,EAC1CC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,QAAQ,EACyB;IACjC,MAAM,CAAC,CAACC,mBAAmBC,sBAAsB,EAAEC,qBAAqB,GACtEZ,iBAAoC;QAClC,IAAIK,UAAUQ,WAAW;YACvB,OAAOV,kCAAkCE;QAC3C;QACA,IAAIC,iBAAiBO,WAAW;YAC9B,OAAOV,kCAAkCG;QAC3C;QACA,OAAOL,aAAaa,MAAM;IAC5B;IACF,MAAMC,uBAAuBhB,MAAMiB,MAAM,CAAoBN;IAE7D,MAAM,CAACO,qBAAqBC,uBAAuB,GAAGnB,MAAMoB,QAAQ,CAAc,IAChFjB,kCAAkCQ;IAGpC,MAAMU,wBAAwBrB,MAAMsB,WAAW,CAC7C,CAACC;QACCV,qBAAqBU;QACrBP,qBAAqBQ,OAAO,GAAGD;IACjC,GACA;QAACV;KAAqB;IAGxBb,MAAMyB,SAAS,CACb,SAASC;QACP,IAAIpB,UAAUQ,WAAW;YACvBO,sBAAsBjB,kCAAkCE;QAC1D;IACF,GACA;QAACA;QAAOe;KAAsB;IAGhCrB,MAAMyB,SAAS,CACb,SAASE;QACP,MAAMC,wBAAwBxB,kCAAkCc;QAChE,IAAIF,qBAAqBQ,OAAO,KAAKI,uBAAuB;YAC1Df,qBAAqBe;QACvB;IACF,GACA;QAACV;QAAqBL;KAAqB;IAG7C,MAAMgB,uBAAoE,CAACC;QACzE,gFAAgF;QAChF,sEAAsE;QACtE,wEAAwE;QACxE,sCAAsC;QACtC,EAAE;QACF,qEAAqE;QACrE,oHAAoH;QACpH,uDAAuD;QACvD,6DAA6D;QAC7D,2IAA2I;QAC3I,iEAAiE;QACjE,4HAA4H;QAC5H,MAAMC,6BACJ,OAAOpB,sBAAsB,YAC5B,CAAA,OAAOL,UAAU,YAAY,OAAOM,0BAA0B,QAAO,IAClEoB,OAAOrB,qBACPA;QAEN,MAAMsB,wCACJzB,uBACAF,UAAUH,kCAAkC4B;QAE9C,MAAMG,uBACJH,+BAA+BnB,yBAAyBA,0BAA0BE;QAEpF,MAAMqB,2BACJ1B,oBACA,oDAAoD;QACpDE,sBAAsBT,aAAaa,MAAM,IACzC,gHAAgH;QAChHH,0BAA0BE,aAC1B,wGAAwG;QACxGF,0BAA0BV,aAAaa,MAAM;QAE/C,MAAMqB,qBACJ,CAACH,yCAA0CC,CAAAA,wBAAwBC,wBAAuB;QAE5F,IAAI,CAACC,oBAAoB;YACvB;QACF;QAEA,MAAMC,sBAAsBlC,kCAAkC2B,EAAEQ,aAAa,CAAChC,KAAK;QAEnF,IAAIwB,EAAES,MAAM,CAACjC,KAAK,KAAKJ,aAAaa,MAAM,EAAE;YAC1Ce,EAAES,MAAM,CAACjC,KAAK,GAAG;QACnB;QACA,IAAIwB,EAAEQ,aAAa,CAAChC,KAAK,KAAKJ,aAAaa,MAAM,EAAE;YACjDe,EAAEQ,aAAa,CAAChC,KAAK,GAAG;QAC1B;QAEAI,WAAWoB,GAAGO;IAChB;IAEA,OAAO;QACLnB;QACAC;QACAR;QACAE,sBAAsBQ;QACtBQ;IACF;AACF"}

package/dist/components/CustomSelect/types.d.ts

@@ -18,7 +18,7 @@ export interface CustomSelectOptionInterface {
     /**
      * Блокировка взаимодействия с компонентом.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     [index: string]: any;
 }
 export interface CustomSelectRenderOption<T extends CustomSelectOptionInterface> extends CustomSelectOptionProps {

package/dist/components/CustomSelect/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAGF,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,2BAA2B,CAC7E,SAAQ,uBAAuB;IAC/B;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;CACX;AAED,KAAK,kBAAkB,GAAG,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,GAAG,kBAAkB,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAGF,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,2BAA2B,CAC7E,SAAQ,uBAAuB;IAC/B;;OAEG;IACH,MAAM,EAAE,CAAC,CAAC;CACX;AAED,KAAK,kBAAkB,GAAG,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,GAAG,kBAAkB,IAAI,SAAS,EAAE,CAAC"}

package/dist/components/CustomSelect/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CustomSelect/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { Alignment, Side } from '../../lib/floating';\nimport type { CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';\nimport type { SelectValue } from '../NativeSelect/NativeSelect';\n\n/* eslint-disable jsdoc/require-jsdoc */\nexport type MousePosition = {\n  x: React.MouseEvent['clientX'];\n  y: React.MouseEvent['clientY'];\n};\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport interface CustomSelectOptionInterface {\n  /**\n   * Значение.\n   */\n  value: Exclude<SelectValue, null>;\n  /**\n   * Отображаемый текст.\n   */\n  label: React.ReactElement | string;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  [index: string]: any;\n}\n\nexport interface CustomSelectRenderOption<T extends CustomSelectOptionInterface>\n  extends CustomSelectOptionProps {\n  /**\n   * Данные об опции.\n   */\n  option: T;\n}\n\ntype PopupDirectionSide = Extract<Side, 'top' | 'bottom'>;\nexport type PopupDirection = PopupDirectionSide | `${PopupDirectionSide}-${Alignment}`;\n"],"names":[],"mappings":"AAqCA,WAAuF"}
+{"version":3,"sources":["../../../src/components/CustomSelect/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { Alignment, Side } from '../../lib/floating';\nimport type { CustomSelectOptionProps } from '../CustomSelectOption/CustomSelectOption';\nimport type { SelectValue } from '../NativeSelect/NativeSelect';\n\n/* eslint-disable jsdoc/require-jsdoc */\nexport type MousePosition = {\n  x: React.MouseEvent['clientX'];\n  y: React.MouseEvent['clientY'];\n};\n/* eslint-enable jsdoc/require-jsdoc */\n\nexport interface CustomSelectOptionInterface {\n  /**\n   * Значение.\n   */\n  value: Exclude<SelectValue, null>;\n  /**\n   * Отображаемый текст.\n   */\n  label: React.ReactElement | string;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean | undefined;\n  [index: string]: any;\n}\n\nexport interface CustomSelectRenderOption<T extends CustomSelectOptionInterface>\n  extends CustomSelectOptionProps {\n  /**\n   * Данные об опции.\n   */\n  option: T;\n}\n\ntype PopupDirectionSide = Extract<Side, 'top' | 'bottom'>;\nexport type PopupDirection = PopupDirectionSide | `${PopupDirectionSide}-${Alignment}`;\n"],"names":[],"mappings":"AAqCA,WAAuF"}

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts

@@ -4,20 +4,20 @@ import type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';
 import { type CustomScrollViewProps } from '../CustomScrollView/CustomScrollView';
 export interface CustomSelectDropdownProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Pick<CustomScrollViewProps, 'overscrollBehavior'>, HasDataAttribute {
     targetRef: React.RefObject<HTMLElement | null>;
-    placement?: Placement;
-    scrollBoxRef?: React.Ref<HTMLDivElement>;
-    fetching?: boolean;
-    offsetDistance?: number;
+    placement?: Placement | undefined;
+    scrollBoxRef?: React.Ref<HTMLDivElement> | undefined;
+    fetching?: boolean | undefined;
+    offsetDistance?: number | undefined;
     /**
      * Ширина раскрывающегося списка зависит от контента.
      */
-    autoWidth?: boolean;
-    forcePortal?: boolean;
-    onPlacementChange?: (placement: Placement) => void;
+    autoWidth?: boolean | undefined;
+    forcePortal?: boolean | undefined;
+    onPlacementChange?: ((placement: Placement) => void) | undefined;
     /**
      * Отключает максимальную высоту по умолчанию.
      */
-    noMaxHeight?: boolean;
+    noMaxHeight?: boolean | undefined;
 }
 export declare const CustomSelectDropdown: ({ children, targetRef, scrollBoxRef, placement, fetching, offsetDistance, autoWidth, forcePortal, className, noMaxHeight, overscrollBehavior, ...restProps }: CustomSelectDropdownProps) => React.ReactNode;
 //# sourceMappingURL=CustomSelectDropdown.d.ts.map

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAKpG,MAAM,WAAW,yBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,EACjD,gBAAgB;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,oBAAoB,GAAI,8JAclC,yBAAyB,KAAG,KAAK,CAAC,SAoCpC,CAAC"}
+{"version":3,"file":"CustomSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAKpG,MAAM,WAAW,yBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,IAAI,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,EACjD,gBAAgB;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACjE;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,oBAAoB,GAAI,8JAclC,yBAAyB,KAAG,KAAK,CAAC,SAoCpC,CAAC"}

package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';\nimport { CustomScrollView, type CustomScrollViewProps } from '../CustomScrollView/CustomScrollView';\nimport { Popper } from '../Popper/Popper';\nimport { Spinner } from '../Spinner/Spinner';\nimport styles from './CustomSelectDropdown.module.css';\n\nexport interface CustomSelectDropdownProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    Pick<CustomScrollViewProps, 'overscrollBehavior'>,\n    HasDataAttribute {\n  targetRef: React.RefObject<HTMLElement | null>;\n  placement?: Placement;\n  scrollBoxRef?: React.Ref<HTMLDivElement>;\n  fetching?: boolean;\n  offsetDistance?: number;\n  /**\n   * Ширина раскрывающегося списка зависит от контента.\n   */\n  autoWidth?: boolean;\n  forcePortal?: boolean;\n  onPlacementChange?: (placement: Placement) => void;\n  /**\n   * Отключает максимальную высоту по умолчанию.\n   */\n  noMaxHeight?: boolean;\n}\n\nexport const CustomSelectDropdown = ({\n  children,\n  targetRef,\n  scrollBoxRef,\n  placement = 'bottom',\n  fetching,\n  offsetDistance = 0,\n  autoWidth = false,\n  forcePortal = true,\n  className,\n  noMaxHeight = false,\n  // CustomScrollView\n  overscrollBehavior,\n  ...restProps\n}: CustomSelectDropdownProps): React.ReactNode => {\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetByMainAxis={offsetDistance}\n      sameWidth={!autoWidth}\n      placement={placement}\n      className={classNames(\n        styles.host,\n        'vkuiInternalCustomSelectDropdown',\n        offsetDistance === 0 && (placement.includes('top') ? styles.top : styles.bottom),\n        autoWidth && classNames(styles.wide, 'vkuiInternalCustomSelectDropdown--wide'),\n        className,\n      )}\n      usePortal={forcePortal}\n      autoUpdateOnTargetResize\n      flipMiddlewareFallbackAxisSideDirection=\"none\"\n      {...restProps}\n    >\n      <CustomScrollView\n        getRootRef={scrollBoxRef}\n        className={noMaxHeight ? undefined : styles.inWithMaxHeight}\n        overscrollBehavior={overscrollBehavior}\n        tabIndex={-1}\n        aria-busy={fetching}\n      >\n        {fetching ? (\n          <div className={styles.fetching}>\n            <Spinner size=\"s\" />\n          </div>\n        ) : (\n          children\n        )}\n      </CustomScrollView>\n    </Popper>\n  );\n};\n"],"names":["classNames","CustomScrollView","Popper","Spinner","CustomSelectDropdown","children","targetRef","scrollBoxRef","placement","fetching","offsetDistance","autoWidth","forcePortal","className","noMaxHeight","overscrollBehavior","restProps","offsetByMainAxis","sameWidth","includes","usePortal","autoUpdateOnTargetResize","flipMiddlewareFallbackAxisSideDirection","getRootRef","undefined","tabIndex","aria-busy","div","size"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,gBAAgB,QAAoC,0CAAuC;AACpG,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,OAAO,QAAQ,wBAAqB;AAwB7C,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,YAAY,QAAQ,EACpBC,QAAQ,EACRC,iBAAiB,CAAC,EAClBC,YAAY,KAAK,EACjBC,cAAc,IAAI,EAClBC,SAAS,EACTC,cAAc,KAAK,EACnB,mBAAmB;AACnBC,kBAAkB,EAClB,GAAGC,WACuB;IAC1B,qBACE,KAACd;QACCI,WAAWA;QACXW,kBAAkBP;QAClBQ,WAAW,CAACP;QACZH,WAAWA;QACXK,WAAWb,6CAET,oCACAU,mBAAmB,KAAMF,CAAAA,UAAUW,QAAQ,CAAC,6EAAkC,GAC9ER,aAAaX,6CAAwB,2CACrCa;QAEFO,WAAWR;QACXS,wBAAwB;QACxBC,yCAAwC;QACvC,GAAGN,SAAS;kBAEb,cAAA,KAACf;YACCsB,YAAYhB;YACZM,WAAWC,cAAcU;YACzBT,oBAAoBA;YACpBU,UAAU,CAAC;YACXC,aAAWjB;sBAEVA,yBACC,KAACkB;gBAAId,SAAS;0BACZ,cAAA,KAACV;oBAAQyB,MAAK;;iBAGhBvB;;;AAKV,EAAE"}
+{"version":3,"sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';\nimport { CustomScrollView, type CustomScrollViewProps } from '../CustomScrollView/CustomScrollView';\nimport { Popper } from '../Popper/Popper';\nimport { Spinner } from '../Spinner/Spinner';\nimport styles from './CustomSelectDropdown.module.css';\n\nexport interface CustomSelectDropdownProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    Pick<CustomScrollViewProps, 'overscrollBehavior'>,\n    HasDataAttribute {\n  targetRef: React.RefObject<HTMLElement | null>;\n  placement?: Placement | undefined;\n  scrollBoxRef?: React.Ref<HTMLDivElement> | undefined;\n  fetching?: boolean | undefined;\n  offsetDistance?: number | undefined;\n  /**\n   * Ширина раскрывающегося списка зависит от контента.\n   */\n  autoWidth?: boolean | undefined;\n  forcePortal?: boolean | undefined;\n  onPlacementChange?: ((placement: Placement) => void) | undefined;\n  /**\n   * Отключает максимальную высоту по умолчанию.\n   */\n  noMaxHeight?: boolean | undefined;\n}\n\nexport const CustomSelectDropdown = ({\n  children,\n  targetRef,\n  scrollBoxRef,\n  placement = 'bottom',\n  fetching,\n  offsetDistance = 0,\n  autoWidth = false,\n  forcePortal = true,\n  className,\n  noMaxHeight = false,\n  // CustomScrollView\n  overscrollBehavior,\n  ...restProps\n}: CustomSelectDropdownProps): React.ReactNode => {\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetByMainAxis={offsetDistance}\n      sameWidth={!autoWidth}\n      placement={placement}\n      className={classNames(\n        styles.host,\n        'vkuiInternalCustomSelectDropdown',\n        offsetDistance === 0 && (placement.includes('top') ? styles.top : styles.bottom),\n        autoWidth && classNames(styles.wide, 'vkuiInternalCustomSelectDropdown--wide'),\n        className,\n      )}\n      usePortal={forcePortal}\n      autoUpdateOnTargetResize\n      flipMiddlewareFallbackAxisSideDirection=\"none\"\n      {...restProps}\n    >\n      <CustomScrollView\n        getRootRef={scrollBoxRef}\n        className={noMaxHeight ? undefined : styles.inWithMaxHeight}\n        overscrollBehavior={overscrollBehavior}\n        tabIndex={-1}\n        aria-busy={fetching}\n      >\n        {fetching ? (\n          <div className={styles.fetching}>\n            <Spinner size=\"s\" />\n          </div>\n        ) : (\n          children\n        )}\n      </CustomScrollView>\n    </Popper>\n  );\n};\n"],"names":["classNames","CustomScrollView","Popper","Spinner","CustomSelectDropdown","children","targetRef","scrollBoxRef","placement","fetching","offsetDistance","autoWidth","forcePortal","className","noMaxHeight","overscrollBehavior","restProps","offsetByMainAxis","sameWidth","includes","usePortal","autoUpdateOnTargetResize","flipMiddlewareFallbackAxisSideDirection","getRootRef","undefined","tabIndex","aria-busy","div","size"],"mappings":"AAAA,sCAAsC;AAGtC,SAASA,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,gBAAgB,QAAoC,0CAAuC;AACpG,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,OAAO,QAAQ,wBAAqB;AAwB7C,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,YAAY,QAAQ,EACpBC,QAAQ,EACRC,iBAAiB,CAAC,EAClBC,YAAY,KAAK,EACjBC,cAAc,IAAI,EAClBC,SAAS,EACTC,cAAc,KAAK,EACnB,mBAAmB;AACnBC,kBAAkB,EAClB,GAAGC,WACuB;IAC1B,qBACE,KAACd;QACCI,WAAWA;QACXW,kBAAkBP;QAClBQ,WAAW,CAACP;QACZH,WAAWA;QACXK,WAAWb,6CAET,oCACAU,mBAAmB,KAAMF,CAAAA,UAAUW,QAAQ,CAAC,6EAAkC,GAC9ER,aAAaX,6CAAwB,2CACrCa;QAEFO,WAAWR;QACXS,wBAAwB;QACxBC,yCAAwC;QACvC,GAAGN,SAAS;kBAEb,cAAA,KAACf;YACCsB,YAAYhB;YACZM,WAAWC,cAAcU;YACzBT,oBAAoBA;YACpBU,UAAU,CAAC;YACXC,aAAWjB;sBAEVA,yBACC,KAACkB;gBAAId,SAAS;0BACZ,cAAA,KAACV;oBAAQyB,MAAK;;iBAGhBvB;;;AAKV,EAAE"}

package/dist/components/CustomSelectOption/CustomSelectOption.d.ts

@@ -4,33 +4,33 @@ export interface CustomSelectOptionProps extends HTMLAttributesWithRootRef<HTMLD
     /**
      * Добавляет описание под основным блоком.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Вставляет элемент в начало блока перед основным контентом.
      * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Вставляет элемент в конец блока после основного контента.
      * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Позволяет создавать вложенность.
      */
-    hierarchy?: number;
+    hierarchy?: number | undefined;
     /**
      * Включает состояние выбранного элемента списка.
      */
-    selected?: boolean;
+    selected?: boolean | undefined;
     /**
      * Включает состояние наведения.
      */
-    hovered?: boolean;
+    hovered?: boolean | undefined;
     /**
      * Включает состояние фокуса.
      */
-    focused?: boolean;
+    focused?: boolean | undefined;
     /**
      * Блокирует весь блок.
      *
@@ -38,11 +38,11 @@ export interface CustomSelectOptionProps extends HTMLAttributesWithRootRef<HTMLD
      * > Запрещается выставлять `disabled` проп опциям в обход `options`, иначе [CustomSelect](https://vkui.io/components/custom-select) и [ChipsSelect](https://vkui.io/components/chips-select) не будут знать об актуальном состоянии
      * опции.
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Предотвращает перенос текста внутри опции.
      */
-    textNoWrap?: boolean;
+    textNoWrap?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/custom-select#custom-select-option

package/dist/components/CustomSelectOption/CustomSelectOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSelectOption.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAuB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAWlF,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,+JAchC,uBAAuB,KAAG,KAAK,CAAC,SAkDlC,CAAC"}
+{"version":3,"file":"CustomSelectOption.d.ts","sourceRoot":"","sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAuB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAWlF,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACxF;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,+JAchC,uBAAuB,KAAG,KAAK,CAAC,SAkDlC,CAAC"}

package/dist/components/CustomSelectOption/CustomSelectOption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport type { CSSCustomProperties, HTMLAttributesWithRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './CustomSelectOption.module.css';\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  regular: styles.densityRegular,\n};\n\nexport interface CustomSelectOptionProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Добавляет описание под основным блоком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Вставляет элемент в начало блока перед основным контентом.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  before?: React.ReactNode;\n  /**\n   * Вставляет элемент в конец блока после основного контента.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  after?: React.ReactNode;\n  /**\n   * Позволяет создавать вложенность.\n   */\n  hierarchy?: number;\n  /**\n   * Включает состояние выбранного элемента списка.\n   */\n  selected?: boolean;\n  /**\n   * Включает состояние наведения.\n   */\n  hovered?: boolean;\n  /**\n   * Включает состояние фокуса.\n   */\n  focused?: boolean;\n  /**\n   * Блокирует весь блок.\n   *\n   * > ⚠️  Важно: если CustomSelectOption используется внутри [Select](https://vkui.io/components/select), [CustomSelect](https://vkui.io/components/custom-select) или [ChipsSelect](https://vkui.io/components/chips-select), то свойство явно должно выставляться только через структуру `options`.\n   * > Запрещается выставлять `disabled` проп опциям в обход `options`, иначе [CustomSelect](https://vkui.io/components/custom-select) и [ChipsSelect](https://vkui.io/components/chips-select) не будут знать об актуальном состоянии\n   * опции.\n   */\n  disabled?: boolean;\n  /**\n   * Предотвращает перенос текста внутри опции.\n   */\n  textNoWrap?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/custom-select#custom-select-option\n */\nexport const CustomSelectOption = ({\n  children,\n  hierarchy = 0,\n  hovered: hoveredProp,\n  selected,\n  before,\n  after,\n  description,\n  disabled,\n  textNoWrap,\n  style: styleProp,\n  className,\n  onClick,\n  ...restProps\n}: CustomSelectOptionProps): React.ReactNode => {\n  const { density = 'none' } = useAdaptivity();\n  const style: (React.CSSProperties & CSSCustomProperties<number>) | undefined = React.useMemo(\n    () =>\n      hierarchy > 0\n        ? {\n            '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n          }\n        : undefined,\n    [hierarchy],\n  );\n  const hovered = hoveredProp && !disabled ? true : false;\n\n  return (\n    <Paragraph\n      {...restProps}\n      onClick={disabled ? undefined : onClick}\n      Component=\"div\"\n      role=\"option\"\n      aria-disabled={disabled}\n      aria-selected={selected}\n      data-hovered={hovered}\n      className={classNames(\n        styles.host,\n        density !== 'compact' && densityClassNames[density],\n        hovered && styles.hover,\n        disabled && styles.disabled,\n        hierarchy > 0 && styles.hierarchy,\n        className,\n      )}\n      style={mergeStyle(style, styleProp)}\n    >\n      {hasReactNode(before) && <div className={styles.before}>{before}</div>}\n      <div className={styles.main}>\n        <div className={classNames(styles.children, textNoWrap && styles.textNoWrap)}>\n          {children}\n        </div>\n        {hasReactNode(description) && (\n          <Footnote className={styles.description}>\n            <VisuallyHidden>&nbsp;</VisuallyHidden>\n            {description}\n          </Footnote>\n        )}\n      </div>\n      <div className={styles.after}>\n        {hasReactNode(after) && <div>{after}</div>}\n        {selected && <Icon16Done className={styles.selectedIcon} />}\n      </div>\n    </Paragraph>\n  );\n};\n"],"names":["React","Icon16Done","classNames","hasReactNode","mergeStyle","useAdaptivity","Footnote","Paragraph","VisuallyHidden","densityClassNames","none","regular","CustomSelectOption","children","hierarchy","hovered","hoveredProp","selected","before","after","description","disabled","textNoWrap","style","styleProp","className","onClick","restProps","density","useMemo","undefined","Component","role","aria-disabled","aria-selected","data-hovered","div"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,aAAa,QAAQ,+BAA4B;AAE1D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,SAAS,QAAQ,uCAAoC;AAC9D,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AA+CA;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,QAAQ,EACRC,YAAY,CAAC,EACbC,SAASC,WAAW,EACpBC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,OAAOC,SAAS,EAChBC,SAAS,EACTC,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAGvB;IAC7B,MAAMkB,QAAyEvB,MAAM6B,OAAO,CAC1F,IACEf,YAAY,IACR;YACE,yDAAyDA;QAC3D,IACAgB,WACN;QAAChB;KAAU;IAEb,MAAMC,UAAUC,eAAe,CAACK,WAAW,OAAO;IAElD,qBACE,MAACd;QACE,GAAGoB,SAAS;QACbD,SAASL,WAAWS,YAAYJ;QAChCK,WAAU;QACVC,MAAK;QACLC,iBAAeZ;QACfa,iBAAejB;QACfkB,gBAAcpB;QACdU,WAAWvB,2CAET0B,YAAY,aAAanB,iBAAiB,CAACmB,QAAQ,EACnDb,4CACAM,gDACAP,YAAY,0CACZW;QAEFF,OAAOnB,WAAWmB,OAAOC;;YAExBrB,aAAae,yBAAW,KAACkB;gBAAIX,SAAS;0BAAkBP;;0BACzD,MAACkB;gBAAIX,SAAS;;kCACZ,KAACW;wBAAIX,WAAWvB,+CAA4BoB;kCACzCT;;oBAEFV,aAAaiB,8BACZ,MAACd;wBAASmB,SAAS;;0CACjB,KAACjB;0CAAe;;4BACfY;;;;;0BAIP,MAACgB;gBAAIX,SAAS;;oBACXtB,aAAagB,wBAAU,KAACiB;kCAAKjB;;oBAC7BF,0BAAY,KAAChB;wBAAWwB,SAAS;;;;;;AAI1C,EAAE"}
+{"version":3,"sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport type { CSSCustomProperties, HTMLAttributesWithRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './CustomSelectOption.module.css';\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  regular: styles.densityRegular,\n};\n\nexport interface CustomSelectOptionProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Добавляет описание под основным блоком.\n   */\n  description?: React.ReactNode | undefined;\n  /**\n   * Вставляет элемент в начало блока перед основным контентом.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Вставляет элемент в конец блока после основного контента.\n   * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Позволяет создавать вложенность.\n   */\n  hierarchy?: number | undefined;\n  /**\n   * Включает состояние выбранного элемента списка.\n   */\n  selected?: boolean | undefined;\n  /**\n   * Включает состояние наведения.\n   */\n  hovered?: boolean | undefined;\n  /**\n   * Включает состояние фокуса.\n   */\n  focused?: boolean | undefined;\n  /**\n   * Блокирует весь блок.\n   *\n   * > ⚠️  Важно: если CustomSelectOption используется внутри [Select](https://vkui.io/components/select), [CustomSelect](https://vkui.io/components/custom-select) или [ChipsSelect](https://vkui.io/components/chips-select), то свойство явно должно выставляться только через структуру `options`.\n   * > Запрещается выставлять `disabled` проп опциям в обход `options`, иначе [CustomSelect](https://vkui.io/components/custom-select) и [ChipsSelect](https://vkui.io/components/chips-select) не будут знать об актуальном состоянии\n   * опции.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Предотвращает перенос текста внутри опции.\n   */\n  textNoWrap?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/custom-select#custom-select-option\n */\nexport const CustomSelectOption = ({\n  children,\n  hierarchy = 0,\n  hovered: hoveredProp,\n  selected,\n  before,\n  after,\n  description,\n  disabled,\n  textNoWrap,\n  style: styleProp,\n  className,\n  onClick,\n  ...restProps\n}: CustomSelectOptionProps): React.ReactNode => {\n  const { density = 'none' } = useAdaptivity();\n  const style: (React.CSSProperties & CSSCustomProperties<number>) | undefined = React.useMemo(\n    () =>\n      hierarchy > 0\n        ? {\n            '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n          }\n        : undefined,\n    [hierarchy],\n  );\n  const hovered = hoveredProp && !disabled ? true : false;\n\n  return (\n    <Paragraph\n      {...restProps}\n      onClick={disabled ? undefined : onClick}\n      Component=\"div\"\n      role=\"option\"\n      aria-disabled={disabled}\n      aria-selected={selected}\n      data-hovered={hovered}\n      className={classNames(\n        styles.host,\n        density !== 'compact' && densityClassNames[density],\n        hovered && styles.hover,\n        disabled && styles.disabled,\n        hierarchy > 0 && styles.hierarchy,\n        className,\n      )}\n      style={mergeStyle(style, styleProp)}\n    >\n      {hasReactNode(before) && <div className={styles.before}>{before}</div>}\n      <div className={styles.main}>\n        <div className={classNames(styles.children, textNoWrap && styles.textNoWrap)}>\n          {children}\n        </div>\n        {hasReactNode(description) && (\n          <Footnote className={styles.description}>\n            <VisuallyHidden>&nbsp;</VisuallyHidden>\n            {description}\n          </Footnote>\n        )}\n      </div>\n      <div className={styles.after}>\n        {hasReactNode(after) && <div>{after}</div>}\n        {selected && <Icon16Done className={styles.selectedIcon} />}\n      </div>\n    </Paragraph>\n  );\n};\n"],"names":["React","Icon16Done","classNames","hasReactNode","mergeStyle","useAdaptivity","Footnote","Paragraph","VisuallyHidden","densityClassNames","none","regular","CustomSelectOption","children","hierarchy","hovered","hoveredProp","selected","before","after","description","disabled","textNoWrap","style","styleProp","className","onClick","restProps","density","useMemo","undefined","Component","role","aria-disabled","aria-selected","data-hovered","div"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,aAAa,QAAQ,+BAA4B;AAE1D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,SAAS,QAAQ,uCAAoC;AAC9D,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AA+CA;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,QAAQ,EACRC,YAAY,CAAC,EACbC,SAASC,WAAW,EACpBC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,OAAOC,SAAS,EAChBC,SAAS,EACTC,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAGvB;IAC7B,MAAMkB,QAAyEvB,MAAM6B,OAAO,CAC1F,IACEf,YAAY,IACR;YACE,yDAAyDA;QAC3D,IACAgB,WACN;QAAChB;KAAU;IAEb,MAAMC,UAAUC,eAAe,CAACK,WAAW,OAAO;IAElD,qBACE,MAACd;QACE,GAAGoB,SAAS;QACbD,SAASL,WAAWS,YAAYJ;QAChCK,WAAU;QACVC,MAAK;QACLC,iBAAeZ;QACfa,iBAAejB;QACfkB,gBAAcpB;QACdU,WAAWvB,2CAET0B,YAAY,aAAanB,iBAAiB,CAACmB,QAAQ,EACnDb,4CACAM,gDACAP,YAAY,0CACZW;QAEFF,OAAOnB,WAAWmB,OAAOC;;YAExBrB,aAAae,yBAAW,KAACkB;gBAAIX,SAAS;0BAAkBP;;0BACzD,MAACkB;gBAAIX,SAAS;;kCACZ,KAACW;wBAAIX,WAAWvB,+CAA4BoB;kCACzCT;;oBAEFV,aAAaiB,8BACZ,MAACd;wBAASmB,SAAS;;0CACjB,KAACjB;0CAAe;;4BACfY;;;;;0BAIP,MAACgB;gBAAIX,SAAS;;oBACXtB,aAAagB,wBAAU,KAACiB;kCAAKjB;;oBAC7BF,0BAAY,KAAChB;wBAAWwB,SAAS;;;;;;AAI1C,EAAE"}

package/dist/components/DateInput/DateInput.d.ts

@@ -8,86 +8,86 @@ export type DateInputPropsTestsProps = {
     /**
      * Передает атрибут `data-testid` для поля ввода дня.
      */
-    dayFieldTestId?: string;
+    dayFieldTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для поля ввода месяца.
      */
-    monthFieldTestId?: string;
+    monthFieldTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для поля ввода года.
      */
-    yearFieldTestId?: string;
+    yearFieldTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для поля ввода часа.
      */
-    hourFieldTestId?: string;
+    hourFieldTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для поля ввода минут.
      */
-    minuteFieldTestId?: string;
+    minuteFieldTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки показа календаря.
      */
-    showCalendarButtonTestId?: string;
+    showCalendarButtonTestId?: string | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки очистки даты.
      */
-    clearButtonTestId?: string;
+    clearButtonTestId?: string | undefined;
 };
 export interface DateInputProps extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange' | 'size'>, Pick<CalendarProps, 'disablePast' | 'disableFuture' | 'enableTime' | 'shouldDisableDate' | 'value' | 'defaultValue' | 'doneButtonText' | 'DoneButton' | 'weekStartsOn' | 'disablePickers' | 'changeHoursLabel' | 'changeMinutesLabel' | 'prevMonthLabel' | 'nextMonthLabel' | 'changeMonthLabel' | 'changeYearLabel' | 'showNeighboringMonth' | 'size' | 'viewDate' | 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth' | 'prevMonthIcon' | 'nextMonthIcon' | 'minDateTime' | 'maxDateTime' | 'renderDayContent'>, HasRootRef<HTMLDivElement>, Omit<FormFieldProps, 'maxHeight'>, DateInputPropsTestsProps {
     /**
      * Обработчик изменения выбранной даты.
      */
-    onChange?: (value: Date | null) => void;
+    onChange?: ((value: Date | null) => void) | undefined;
     /**
      * Передает атрибуты `data-testid` для интерактивных элементов в календаре.
      */
-    calendarTestsProps?: CalendarTestsProps;
+    calendarTestsProps?: CalendarTestsProps | undefined;
     /**
      * Расположение календаря относительно поля ввода.
      */
-    calendarPlacement?: PlacementWithAuto;
+    calendarPlacement?: PlacementWithAuto | undefined;
     /**
      * Автоматически закрывать календарь при изменениях.
      */
-    closeOnChange?: boolean;
+    closeOnChange?: boolean | undefined;
     /**
      * `aria-label` для календаря.
      */
-    calendarLabel?: string;
+    calendarLabel?: string | undefined;
     /**
      * Label для кнопки очистки. Делает доступным для ассистивных технологий.
      */
-    clearFieldLabel?: string;
+    clearFieldLabel?: string | undefined;
     /**
      * Label для кнопки открытия календаря. Делает доступным для ассистивных технологий.
      */
-    showCalendarLabel?: string;
+    showCalendarLabel?: string | undefined;
     /**
      * Отключение открытия календаря.
      */
-    disableCalendar?: boolean;
+    disableCalendar?: boolean | undefined;
     /**
      * Обработчик изменения состояния открытия календаря.
      */
-    onCalendarOpenChanged?: (opened: boolean) => void;
+    onCalendarOpenChanged?: ((opened: boolean) => void) | undefined;
     /**
      * `aria-label` для поля изменения дня.
      */
-    changeDayLabel?: string;
+    changeDayLabel?: string | undefined;
     /**
      * Обработчик нажатия на кнопку `"Done"`. Используется совместно с флагом `enableTime`.
      */
-    onApply?: (value?: Date) => void;
+    onApply?: ((value?: Date) => void) | undefined;
     /**
      * Функция для кастомного форматирования отображаемого значения даты.
      * Позволяет переопределить стандартное отображение даты и вернуть собственное представление.
      */
-    renderCustomValue?: (date: Date | undefined) => React.ReactNode;
+    renderCustomValue?: ((date: Date | undefined) => React.ReactNode) | undefined;
     /**
      * Часовой пояс для отображения даты.
      */
-    timezone?: string;
+    timezone?: string | undefined;
     /**
      * @deprecated Since 8.0.0. Будет удалено в 9.0.0.
      *
@@ -100,16 +100,16 @@ export interface DateInputProps extends Omit<React.InputHTMLAttributes<HTMLDivEl
      * - календарь при открытии получает фокус, клавиатурный
      * фокус зациклен и не выходит за пределы календаря пока календарь не закрыт.
      */
-    accessible?: boolean;
+    accessible?: boolean | undefined;
     /**
      * Позволяет отключить захват фокуса при появлении календаря.
      */
-    disableFocusTrap?: boolean;
+    disableFocusTrap?: boolean | undefined;
     /**
      * Управление поведением возврата фокуса при закрытии всплывающего окна.
      * @default true
      */
-    restoreFocus?: boolean | (() => boolean | HTMLElement);
+    restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
 }
 /**
  * @see https://vkui.io/components/date-input

package/dist/components/DateInput/DateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/DateInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/DateInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/DateInput/DateInput.js

@@ -12,7 +12,7 @@ import { cacheDateTimeFormat } from "../../lib/intlCache.js";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect.js";
 import { Calendar } from "../Calendar/Calendar.js";
 import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext.js";
-import { FocusTrapInternal } from "../FocusTrap/FocusTrap.js";
+import { FocusTrap } from "../FocusTrap/FocusTrap.js";
 import { FormField } from "../FormField/FormField.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { InputLikeDivider } from "../InputLike/InputLikeDivider.js";
@@ -78,14 +78,6 @@ const getInternalValue = (value)=>{
     }
     return newValue;
 };
-const CALENDAR_MUTATION_OBSERVER_OPTIONS = {
-    childList: true,
-    subtree: true,
-    attributes: true,
-    attributeFilter: [
-        'tabindex'
-    ]
-};
 /**
  * @see https://vkui.io/components/date-input
  */ export const DateInput = ({ enableTime, shouldDisableDate, disableFuture, disablePast, minDateTime, maxDateTime, 'value': valueProp, defaultValue, onChange, 'calendarPlacement': calendarPlacementProp = 'bottom-start', style, className, doneButtonText, DoneButton, closeOnChange = true, disablePickers, getRootRef, name, autoFocus, disabled, accessible = true, calendarLabel = 'Календарь', prevMonthLabel = 'Предыдущий месяц', nextMonthLabel = 'Следующий месяц', changeDayLabel = 'День', changeMonthLabel = 'Месяц', changeYearLabel = 'Год', changeHoursLabel = 'Час', changeMinutesLabel = 'Минута', clearFieldLabel = 'Очистить поле', showCalendarLabel = 'Показать календарь', showNeighboringMonth, size, viewDate, onHeaderChange, onNextMonth, onPrevMonth, prevMonthIcon, nextMonthIcon, renderDayContent, onCalendarOpenChanged, calendarTestsProps, dayFieldTestId, monthFieldTestId, yearFieldTestId, hourFieldTestId, minuteFieldTestId, showCalendarButtonTestId, clearButtonTestId, id, onApply, renderCustomValue, timezone, restoreFocus, disableFocusTrap, readOnly, 'disableCalendar': disableCalendarProp = false, 'aria-label': ariaLabel = '', before, ...props })=>{
@@ -380,11 +372,10 @@ const CALENDAR_MUTATION_OBSERVER_OPTIONS = {
                 placement: calendarPlacement,
                 onPlacementChange: setCalendarPlacement,
                 autoUpdateOnTargetResize: true,
-                children: /*#__PURE__*/ _jsx(FocusTrapInternal, {
+                children: /*#__PURE__*/ _jsx(FocusTrap, {
                     rootRef: focusTrapRootRef,
                     disabled: disableFocusTrap ?? !accessible,
                     restoreFocus: restoreFocus ?? (Boolean(accessible) && handleRestoreFocus),
-                    mutationObserverOptions: CALENDAR_MUTATION_OBSERVER_OPTIONS,
                     children: /*#__PURE__*/ _jsx("div", {
                         ref: focusTrapRootRef,
                         children: /*#__PURE__*/ _jsx(Calendar, {
@@ -419,7 +410,7 @@ const CALENDAR_MUTATION_OBSERVER_OPTIONS = {
                             minDateTime: minDateTime,
                             maxDateTime: maxDateTime,
                             timezone: timezone,
-                            ...calendarTestsProps
+                            ...calendarTestsProps ?? {}
                         })
                     })
                 })