@consta/uikit 4.3.1 → 4.4.1

package/__internal__/src/components/AutoCompleteCanary/AutoCompleteCanary.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{useRef}from"react";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{TextField}from"../TextField/TextField";import{useForkRef}from"../../hooks/useForkRef";import{cnCanary}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{useAutoComplete}from"./useAutoComplete";var cnAutoComplete=cnCanary("AutoComplete"),AutoCompleteRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=withDefaultGetters(a),g=f.items,h=f.groups,i=void 0===h?[]:h,j=f.disabled,k=f.getItemLabel,l=f.getItemKey,m=f.isLoading,n=f.getItemGroupKey,o=f.getGroupKey,p=f.getGroupLabel,q=f.onBlur,r=f.inputRef,s=f.onFocus,t=f.dropdownRef,u=void 0===t?c:t,v=f.dropdownClassName,w=f.dropdownForm,x=void 0===w?"default":w,y=f.value,z=f.form,A=void 0===z?defaultPropForm:z,B=f.view,C=void 0===B?defaultPropView:B,D=f.size,E=void 0===D?defaultPropSize:D,F=f.onChange,G=f.inputContainerRef,H=f.style,I=f.renderItem,J=f.searchFunction,K=f.id,L=f.name,M=f.className,N=_objectWithoutProperties(f,_excluded),O=function(a){var b=a.e,c=a.value,d=_objectSpread({},b),e=c?k(c):c;null===F||void 0===F?void 0:F({e:d,value:e,id:K,name:L})},P=useAutoComplete({items:g,groups:i,onChange:function(a){var b=a.e,c=a.value;return O({e:b,value:Array.isArray(c)?c[0]:c})},dropdownRef:u,controlRef:d,disabled:j,searchValue:null!==y&&void 0!==y?y:"",getItemLabel:k,getItemKey:l,getItemGroupKey:n,getGroupKey:o,onBlur:q,onFocus:s,searchFunction:J}),Q=P.getOptionProps,R=P.isOpen,S=P.getKeyProps,T=P.visibleItems,U=P.handleInputFocus,V=P.handleInputBlur,W=P.inputRef;return React.createElement(React.Fragment,null,React.createElement(TextField,Object.assign({},S(),{form:A,view:C,id:K,className:cnAutoComplete(null,[M]),name:L,disabled:j,ref:useForkRef([d,b]),inputRef:useForkRef([r,W]),onBlur:V,inputContainerRef:useForkRef([e,G]),onFocus:U,onChange:F,value:y,style:H},N)),React.createElement(SelectDropdown,{isOpen:R,size:E,controlRef:e,getOptionProps:Q,dropdownRef:u,form:x,className:cnAutoComplete("List",[v]),renderItem:I||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(SelectItem,{label:k(b),active:c,hovered:d,multiple:!1,disabled:j,size:E,indent:"round"===x?"increased":"normal",onClick:e,onMouseEnter:f})},getGroupLabel:p,visibleItems:T,isLoading:m,hasItems:0!==g.length,style:"number"==typeof(null===H||void 0===H?void 0:H.zIndex)?{zIndex:H.zIndex+1}:void 0}))};export var AutoComplete=React.forwardRef(AutoCompleteRender);export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{useRef}from"react";import{SelectDropdown}from"../SelectComponents/SelectDropdown/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{TextField}from"../TextField/TextField";import{useForkRef}from"../../hooks/useForkRef";import{cnCanary}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{useAutoComplete}from"./useAutoComplete";var cnAutoComplete=cnCanary("AutoComplete"),AutoCompleteRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=withDefaultGetters(a),g=f.items,h=f.groups,i=void 0===h?[]:h,j=f.disabled,k=f.getItemLabel,l=f.getItemKey,m=f.isLoading,n=f.getItemGroupKey,o=f.getGroupKey,p=f.getGroupLabel,q=f.onBlur,r=f.inputRef,s=f.onFocus,t=f.dropdownRef,u=void 0===t?c:t,v=f.dropdownClassName,w=f.dropdownForm,x=void 0===w?"default":w,y=f.value,z=f.form,A=void 0===z?defaultPropForm:z,B=f.view,C=void 0===B?defaultPropView:B,D=f.size,E=void 0===D?defaultPropSize:D,F=f.onChange,G=f.inputContainerRef,H=f.style,I=f.renderItem,J=f.searchFunction,K=f.id,L=f.name,M=f.className,N=_objectWithoutProperties(f,_excluded),O=function(a){var b=a.e,c=a.value,d=_objectSpread({},b),e=c?k(c):c;null===F||void 0===F?void 0:F({e:d,value:e,id:K,name:L})},P=useAutoComplete({items:g,groups:i,onChange:function(a){var b=a.e,c=a.value;return O({e:b,value:Array.isArray(c)?c[0]:c})},dropdownRef:u,controlRef:d,disabled:j,searchValue:null!==y&&void 0!==y?y:"",getItemLabel:k,getItemKey:l,getItemGroupKey:n,getGroupKey:o,onBlur:q,onFocus:s,searchFunction:J}),Q=P.getOptionProps,R=P.isOpen,S=P.getKeyProps,T=P.visibleItems,U=P.handleInputFocus,V=P.handleInputBlur,W=P.inputRef;return React.createElement(React.Fragment,null,React.createElement(TextField,Object.assign({},S(),{form:A,view:C,id:K,className:cnAutoComplete(null,[M]),name:L,disabled:j,ref:useForkRef([d,b]),inputRef:useForkRef([r,W]),onBlur:V,inputContainerRef:useForkRef([e,G]),onFocus:U,onChange:F,value:y,style:H,size:E},N)),React.createElement(SelectDropdown,{isOpen:R,size:E,controlRef:e,getOptionProps:Q,dropdownRef:u,form:x,className:cnAutoComplete("List",[v]),renderItem:I||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(SelectItem,{label:k(b),active:c,hovered:d,multiple:!1,disabled:j,size:E,indent:"round"===x?"increased":"normal",onClick:e,onMouseEnter:f})},getGroupLabel:p,visibleItems:T,isLoading:m,hasItems:0!==g.length,style:"number"==typeof(null===H||void 0===H?void 0:H.zIndex)?{zIndex:H.zIndex+1}:void 0}))};export var AutoComplete=React.forwardRef(AutoCompleteRender);export*from"./types";
 //# sourceMappingURL=AutoCompleteCanary.js.map

package/__internal__/src/components/AutoCompleteCanary/AutoCompleteCanary.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteCanary.js","names":["React","useRef","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","TextField","useForkRef","cnCanary","withDefaultGetters","useAutoComplete","cnAutoComplete","AutoCompleteRender","props","ref","defaultDropdownRef","controlRef","containerRef","items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className","otherProps","handleSelectChange","e","copyEvent","newValue","Array","isArray","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","handleInputBlur","inputControlRef","renderItemDefault","item","active","hovered","onClick","onMouseEnter","length","zIndex","AutoComplete","forwardRef"],"sources":["../../../../../src/components/AutoCompleteCanary/AutoCompleteCanary.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem/SelectItem';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { TextField } from '##/components/TextField/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  AutoCompleteComponent,\n  AutoCompleteGroupDefault,\n  AutoCompleteItemDefault,\n  AutoCompleteProps,\n} from './types';\nimport { useAutoComplete } from './useAutoComplete';\n\nconst cnAutoComplete = cnCanary('AutoComplete');\n\nconst AutoCompleteRender = <\n  TYPE extends string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n>(\n  props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    items,\n    groups = [],\n    disabled,\n    getItemLabel,\n    getItemKey,\n    isLoading,\n    getItemGroupKey,\n    getGroupKey,\n    getGroupLabel,\n    onBlur,\n    inputRef,\n    onFocus,\n    dropdownRef = defaultDropdownRef,\n    dropdownClassName,\n    dropdownForm = 'default',\n    value,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    onChange,\n    inputContainerRef,\n    style,\n    renderItem,\n    searchFunction,\n    id,\n    name,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const handleSelectChange = ({\n    e,\n    value,\n  }: {\n    value: ITEM | null;\n    e: React.SyntheticEvent;\n  }) => {\n    const copyEvent = { ...e } as React.KeyboardEvent;\n    const newValue = (value ? getItemLabel(value) : value) as string;\n    onChange?.({ e: copyEvent, value: newValue, id, name });\n  };\n\n  const {\n    getOptionProps,\n    isOpen,\n    getKeyProps,\n    visibleItems,\n    handleInputFocus,\n    handleInputBlur,\n    inputRef: inputControlRef,\n  } = useAutoComplete({\n    items,\n    groups,\n    onChange: ({ e, value }) =>\n      handleSelectChange({ e, value: Array.isArray(value) ? value[0] : value }),\n    dropdownRef,\n    controlRef,\n    disabled,\n    searchValue: value ?? '',\n    getItemLabel,\n    getItemKey,\n    getItemGroupKey,\n    getGroupKey,\n    onBlur,\n    onFocus,\n    searchFunction,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={false}\n        disabled={disabled}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n      />\n    );\n  };\n\n  return (\n    <>\n      <TextField\n        {...getKeyProps()}\n        form={form}\n        view={view}\n        id={id}\n        className={cnAutoComplete(null, [className])}\n        name={name}\n        disabled={disabled}\n        ref={useForkRef([controlRef, ref])}\n        inputRef={useForkRef([inputRef, inputControlRef])}\n        onBlur={handleInputBlur}\n        inputContainerRef={useForkRef([containerRef, inputContainerRef])}\n        onFocus={handleInputFocus}\n        onChange={onChange}\n        value={value}\n        style={style}\n        {...otherProps}\n      />\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={containerRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        className={cnAutoComplete('List', [dropdownClassName])}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        isLoading={isLoading}\n        hasItems={items.length !== 0}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const AutoComplete = React.forwardRef(\n  AutoCompleteRender,\n) as AutoCompleteComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"AutoCompleteCanary.js","names":["React","useRef","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","TextField","useForkRef","cnCanary","withDefaultGetters","useAutoComplete","cnAutoComplete","AutoCompleteRender","props","ref","defaultDropdownRef","controlRef","containerRef","items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className","otherProps","handleSelectChange","e","copyEvent","newValue","Array","isArray","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","handleInputBlur","inputControlRef","renderItemDefault","item","active","hovered","onClick","onMouseEnter","length","zIndex","AutoComplete","forwardRef"],"sources":["../../../../../src/components/AutoCompleteCanary/AutoCompleteCanary.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem/SelectItem';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { TextField } from '##/components/TextField/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnCanary } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n  AutoCompleteComponent,\n  AutoCompleteGroupDefault,\n  AutoCompleteItemDefault,\n  AutoCompleteProps,\n} from './types';\nimport { useAutoComplete } from './useAutoComplete';\n\nconst cnAutoComplete = cnCanary('AutoComplete');\n\nconst AutoCompleteRender = <\n  TYPE extends string,\n  ITEM = AutoCompleteItemDefault,\n  GROUP = AutoCompleteGroupDefault,\n>(\n  props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement | null>(null);\n  const controlRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    items,\n    groups = [],\n    disabled,\n    getItemLabel,\n    getItemKey,\n    isLoading,\n    getItemGroupKey,\n    getGroupKey,\n    getGroupLabel,\n    onBlur,\n    inputRef,\n    onFocus,\n    dropdownRef = defaultDropdownRef,\n    dropdownClassName,\n    dropdownForm = 'default',\n    value,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    onChange,\n    inputContainerRef,\n    style,\n    renderItem,\n    searchFunction,\n    id,\n    name,\n    className,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  const handleSelectChange = ({\n    e,\n    value,\n  }: {\n    value: ITEM | null;\n    e: React.SyntheticEvent;\n  }) => {\n    const copyEvent = { ...e } as React.KeyboardEvent;\n    const newValue = (value ? getItemLabel(value) : value) as string;\n    onChange?.({ e: copyEvent, value: newValue, id, name });\n  };\n\n  const {\n    getOptionProps,\n    isOpen,\n    getKeyProps,\n    visibleItems,\n    handleInputFocus,\n    handleInputBlur,\n    inputRef: inputControlRef,\n  } = useAutoComplete({\n    items,\n    groups,\n    onChange: ({ e, value }) =>\n      handleSelectChange({ e, value: Array.isArray(value) ? value[0] : value }),\n    dropdownRef,\n    controlRef,\n    disabled,\n    searchValue: value ?? '',\n    getItemLabel,\n    getItemKey,\n    getItemGroupKey,\n    getGroupKey,\n    onBlur,\n    onFocus,\n    searchFunction,\n  });\n\n  const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n    const { item, active, hovered, onClick, onMouseEnter } = props;\n\n    return (\n      <SelectItem\n        label={getItemLabel(item)}\n        active={active}\n        hovered={hovered}\n        multiple={false}\n        disabled={disabled}\n        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n      />\n    );\n  };\n\n  return (\n    <>\n      <TextField\n        {...getKeyProps()}\n        form={form}\n        view={view}\n        id={id}\n        className={cnAutoComplete(null, [className])}\n        name={name}\n        disabled={disabled}\n        ref={useForkRef([controlRef, ref])}\n        inputRef={useForkRef([inputRef, inputControlRef])}\n        onBlur={handleInputBlur}\n        inputContainerRef={useForkRef([containerRef, inputContainerRef])}\n        onFocus={handleInputFocus}\n        onChange={onChange}\n        value={value}\n        style={style}\n        size={size}\n        {...otherProps}\n      />\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={containerRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={dropdownRef}\n        form={dropdownForm}\n        className={cnAutoComplete('List', [dropdownClassName])}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        isLoading={isLoading}\n        hasItems={items.length !== 0}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const AutoComplete = React.forwardRef(\n  AutoCompleteRender,\n) as AutoCompleteComponent;\n\nexport * from './types';\n"],"mappings":"ukCAAA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAGA,OAASC,cAAT,yDACA,OAASC,UAAT,iDACA,OACEC,eADF,CAEEC,eAFF,CAGEC,eAHF,iCAKA,OAASC,SAAT,8BACA,OAASC,UAAT,8BACA,OAASC,QAAT,uBAEA,OAASC,kBAAT,iBAOA,OAASC,eAAT,yB,GAEMC,eAAc,CAAGH,QAAQ,CAAC,cAAD,C,CAEzBI,kBAAkB,CAAG,SAKzBC,CALyB,CAMzBC,CANyB,CAOtB,IACGC,EAAkB,CAAGf,MAAM,CAAwB,IAAxB,CAD9B,CAEGgB,CAAU,CAAGhB,MAAM,CAAiB,IAAjB,CAFtB,CAGGiB,CAAY,CAAGjB,MAAM,CAAiB,IAAjB,CAHxB,GAkCCS,kBAAkB,CAACI,CAAD,CAlCnB,CAMDK,CANC,GAMDA,KANC,KAODC,MAPC,CAODA,CAPC,YAOQ,EAPR,GAQDC,CARC,GAQDA,QARC,CASDC,CATC,GASDA,YATC,CAUDC,CAVC,GAUDA,UAVC,CAWDC,CAXC,GAWDA,SAXC,CAYDC,CAZC,GAYDA,eAZC,CAaDC,CAbC,GAaDA,WAbC,CAcDC,CAdC,GAcDA,aAdC,CAeDC,CAfC,GAeDA,MAfC,CAgBDC,CAhBC,GAgBDA,QAhBC,CAiBDC,CAjBC,GAiBDA,OAjBC,KAkBDC,WAlBC,CAkBDA,CAlBC,YAkBaf,CAlBb,GAmBDgB,CAnBC,GAmBDA,iBAnBC,KAoBDC,YApBC,CAoBDA,CApBC,YAoBc,SApBd,GAqBDC,CArBC,GAqBDA,KArBC,KAsBDC,IAtBC,CAsBDA,CAtBC,YAsBM/B,eAtBN,OAuBDgC,IAvBC,CAuBDA,CAvBC,YAuBM9B,eAvBN,OAwBD+B,IAxBC,CAwBDA,CAxBC,YAwBMhC,eAxBN,GAyBDiC,CAzBC,GAyBDA,QAzBC,CA0BDC,CA1BC,GA0BDA,iBA1BC,CA2BDC,CA3BC,GA2BDA,KA3BC,CA4BDC,CA5BC,GA4BDA,UA5BC,CA6BDC,CA7BC,GA6BDA,cA7BC,CA8BDC,CA9BC,GA8BDA,EA9BC,CA+BDC,CA/BC,GA+BDA,IA/BC,CAgCDC,CAhCC,GAgCDA,SAhCC,CAiCEC,CAjCF,uCAoCGC,CAAkB,CAAG,WAMrB,IALJC,EAKI,GALJA,CAKI,CAJJd,CAII,GAJJA,KAII,CACEe,CAAS,kBAAQD,CAAR,CADX,CAEEE,CAAQ,CAAIhB,CAAK,CAAGZ,CAAY,CAACY,CAAD,CAAf,CAAyBA,CAF5C,QAGJI,CAHI,WAGJA,CAHI,QAGJA,CAAQ,CAAG,CAAEU,CAAC,CAAEC,CAAL,CAAgBf,KAAK,CAAEgB,CAAvB,CAAiCP,EAAE,CAAFA,CAAjC,CAAqCC,IAAI,CAAJA,CAArC,CAAH,CACT,CA9CE,GAwDCjC,eAAe,CAAC,CAClBQ,KAAK,CAALA,CADkB,CAElBC,MAAM,CAANA,CAFkB,CAGlBkB,QAAQ,CAAE,eAAGU,EAAH,GAAGA,CAAH,CAAMd,CAAN,GAAMA,KAAN,OACRa,EAAkB,CAAC,CAAEC,CAAC,CAADA,CAAF,CAAKd,KAAK,CAAEiB,KAAK,CAACC,OAAN,CAAclB,CAAd,EAAuBA,CAAK,CAAC,CAAD,CAA5B,CAAkCA,CAA9C,CAAD,CADV,CAHQ,CAKlBH,WAAW,CAAXA,CALkB,CAMlBd,UAAU,CAAVA,CANkB,CAOlBI,QAAQ,CAARA,CAPkB,CAQlBgC,WAAW,QAAEnB,CAAF,WAAEA,CAAF,CAAEA,CAAF,CAAW,EARJ,CASlBZ,YAAY,CAAZA,CATkB,CAUlBC,UAAU,CAAVA,CAVkB,CAWlBE,eAAe,CAAfA,CAXkB,CAYlBC,WAAW,CAAXA,CAZkB,CAalBE,MAAM,CAANA,CAbkB,CAclBE,OAAO,CAAPA,CAdkB,CAelBY,cAAc,CAAdA,CAfkB,CAAD,CAxDhB,CAiDDY,CAjDC,GAiDDA,cAjDC,CAkDDC,CAlDC,GAkDDA,MAlDC,CAmDDC,CAnDC,GAmDDA,WAnDC,CAoDDC,CApDC,GAoDDA,YApDC,CAqDDC,CArDC,GAqDDA,gBArDC,CAsDDC,CAtDC,GAsDDA,eAtDC,CAuDSC,CAvDT,GAuDD/B,QAvDC,CA4FH,MACE,yCACE,oBAAC,SAAD,kBACM2B,CAAW,EADjB,EAEE,IAAI,CAAErB,CAFR,CAGE,IAAI,CAAEC,CAHR,CAIE,EAAE,CAAEO,CAJN,CAKE,SAAS,CAAE/B,cAAc,CAAC,IAAD,CAAO,CAACiC,CAAD,CAAP,CAL3B,CAME,IAAI,CAAED,CANR,CAOE,QAAQ,CAAEvB,CAPZ,CAQE,GAAG,CAAEb,UAAU,CAAC,CAACS,CAAD,CAAaF,CAAb,CAAD,CARjB,CASE,QAAQ,CAAEP,UAAU,CAAC,CAACqB,CAAD,CAAW+B,CAAX,CAAD,CATtB,CAUE,MAAM,CAAED,CAVV,CAWE,iBAAiB,CAAEnD,UAAU,CAAC,CAACU,CAAD,CAAeqB,CAAf,CAAD,CAX/B,CAYE,OAAO,CAAEmB,CAZX,CAaE,QAAQ,CAAEpB,CAbZ,CAcE,KAAK,CAAEJ,CAdT,CAeE,KAAK,CAAEM,CAfT,CAgBE,IAAI,CAAEH,CAhBR,EAiBMS,CAjBN,EADF,CAoBE,oBAAC,cAAD,EACE,MAAM,CAAES,CADV,CAEE,IAAI,CAAElB,CAFR,CAGE,UAAU,CAAEnB,CAHd,CAIE,cAAc,CAAEoC,CAJlB,CAKE,WAAW,CAAEvB,CALf,CAME,IAAI,CAAEE,CANR,CAOE,SAAS,CAAErB,cAAc,CAAC,MAAD,CAAS,CAACoB,CAAD,CAAT,CAP3B,CAQE,UAAU,CAAES,CAAU,EA/CoB,QAA1CoB,kBAA0C,CAAC/C,CAAD,CAAW,CACzD,GAAQgD,EAAR,CAAyDhD,CAAzD,CAAQgD,IAAR,CAAcC,CAAd,CAAyDjD,CAAzD,CAAciD,MAAd,CAAsBC,CAAtB,CAAyDlD,CAAzD,CAAsBkD,OAAtB,CAA+BC,CAA/B,CAAyDnD,CAAzD,CAA+BmD,OAA/B,CAAwCC,CAAxC,CAAyDpD,CAAzD,CAAwCoD,YAAxC,CAEA,MACE,qBAAC,UAAD,EACE,KAAK,CAAE5C,CAAY,CAACwC,CAAD,CADrB,CAEE,MAAM,CAAEC,CAFV,CAGE,OAAO,CAAEC,CAHX,CAIE,QAAQ,GAJV,CAKE,QAAQ,CAAE3C,CALZ,CAME,IAAI,CAAEgB,CANR,CAOE,MAAM,CAAmB,OAAjB,GAAAJ,CAAY,CAAe,WAAf,CAA6B,QAPnD,CAQE,OAAO,CAAEgC,CARX,CASE,YAAY,CAAEC,CAThB,EAYH,CAuBG,CASE,aAAa,CAAEvC,CATjB,CAUE,YAAY,CAAE8B,CAVhB,CAWE,SAAS,CAAEjC,CAXb,CAYE,QAAQ,CAAmB,CAAjB,GAAAL,CAAK,CAACgD,MAZlB,CAaE,KAAK,CACsB,QAAzB,gBAAO3B,CAAP,WAAOA,CAAP,QAAOA,CAAK,CAAE4B,MAAd,EACI,CAAEA,MAAM,CAAE5B,CAAK,CAAC4B,MAAN,CAAe,CAAzB,CADJ,OAdJ,EApBF,CAyCH,C,CAED,MAAO,IAAMC,aAAY,CAAGrE,KAAK,CAACsE,UAAN,CAC1BzD,kBAD0B,CAArB,CAIP"}

package/__internal__/src/components/Collapse/Collapse.css

@@ -1 +1 @@
-.Collapse{--horizontal-space:0}.Collapse_size_2xs,.Collapse_size_xs{--vertical-space:var(--space-2xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-2xs);--body-offset-bottom:var(--space-xs)}.Collapse_size_s{--vertical-space:var(--space-xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-xs);--body-offset-bottom:var(--space-m)}.Collapse_size_l,.Collapse_size_m{--vertical-space:var(--space-s);--elements-offset:var(--space-s);--body-offset-up:var(--space-s);--body-offset-bottom:var(--space-xl)}.Collapse_horizontalSpace_3xs{--horizontal-space:var(--space-3xs)}.Collapse_horizontalSpace_2xs{--horizontal-space:var(--space-2xs)}.Collapse_horizontalSpace_xs{--horizontal-space:var(--space-xs)}.Collapse_horizontalSpace_s{--horizontal-space:var(--space-s)}.Collapse_horizontalSpace_m{--horizontal-space:var(--space-m)}.Collapse_horizontalSpace_l{--horizontal-space:var(--space-l)}.Collapse_horizontalSpace_xl{--horizontal-space:var(--space-xl)}.Collapse_horizontalSpace_2xl{--horizontal-space:var(--space-2xl)}.Collapse_horizontalSpace_3xl{--horizontal-space:var(--space-3xl)}.Collapse_horizontalSpace_4xl{--horizontal-space:var(--space-4xl)}.Collapse_horizontalSpace_5xl{--horizontal-space:var(--space-5xl)}.Collapse_horizontalSpace_6xl{--horizontal-space:var(--space-6xl)}.Collapse_view_secondary{color:var(--color-typo-secondary)}.Collapse-Label{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:var(--vertical-space) var(--horizontal-space);transition:background .3s}.Collapse-Label_hoverEffect:hover{background:var(--color-control-bg-clear-hover)}.Collapse-Label_iconPosition_right{flex-direction:row-reverse}.Collapse-Body{max-height:0;overflow:hidden;transition:max-height .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.Collapse-Body_isOpen{max-height:200vh}.Collapse-Body_divider{border-bottom:1px solid var(--color-bg-border)}.Collapse-Side{line-height:0;margin-left:var(--elements-offset)}.Collapse-Content{padding:var(--body-offset-up) var(--horizontal-space) var(--body-offset-bottom) var(--horizontal-space)}.Collapse-Icon{flex:none}.Collapse-Icon_position_left{margin-right:var(--elements-offset)}.Collapse-Icon_position_right{margin-left:var(--elements-offset)}.Collapse-LabelText{flex:1}
+.Collapse{--horizontal-space:0}.Collapse_size_2xs,.Collapse_size_xs{--vertical-space:var(--space-2xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-2xs);--body-offset-bottom:var(--space-xs)}.Collapse_size_s{--vertical-space:var(--space-xs);--elements-offset:var(--space-xs);--body-offset-up:var(--space-xs);--body-offset-bottom:var(--space-m)}.Collapse_size_l,.Collapse_size_m{--vertical-space:var(--space-s);--elements-offset:var(--space-s);--body-offset-up:var(--space-s);--body-offset-bottom:var(--space-xl)}.Collapse_horizontalSpace_3xs{--horizontal-space:var(--space-3xs)}.Collapse_horizontalSpace_2xs{--horizontal-space:var(--space-2xs)}.Collapse_horizontalSpace_xs{--horizontal-space:var(--space-xs)}.Collapse_horizontalSpace_s{--horizontal-space:var(--space-s)}.Collapse_horizontalSpace_m{--horizontal-space:var(--space-m)}.Collapse_horizontalSpace_l{--horizontal-space:var(--space-l)}.Collapse_horizontalSpace_xl{--horizontal-space:var(--space-xl)}.Collapse_horizontalSpace_2xl{--horizontal-space:var(--space-2xl)}.Collapse_horizontalSpace_3xl{--horizontal-space:var(--space-3xl)}.Collapse_horizontalSpace_4xl{--horizontal-space:var(--space-4xl)}.Collapse_horizontalSpace_5xl{--horizontal-space:var(--space-5xl)}.Collapse_horizontalSpace_6xl{--horizontal-space:var(--space-6xl)}.Collapse_view_secondary{color:var(--color-typo-secondary)}.Collapse-Label{align-items:center;cursor:pointer;display:flex;flex-direction:row;padding:var(--vertical-space) var(--horizontal-space);transition:background .3s}.Collapse-Label_hoverEffect:hover{background:var(--color-control-bg-clear-hover)}.Collapse-Label_iconPosition_right{flex-direction:row-reverse}.Collapse-Body{max-height:0;overflow:hidden;transition:max-height .3s;transition-timing-function:cubic-bezier(.7,0,.5,1)}.Collapse-Body_isOpen{max-height:var(--collapse-body-max-height)}.Collapse-Body_divider{border-bottom:1px solid var(--color-bg-border)}.Collapse-Side{line-height:0;margin-left:var(--elements-offset)}.Collapse-Content{padding:var(--body-offset-up) var(--horizontal-space) var(--body-offset-bottom) var(--horizontal-space)}.Collapse-Icon{flex:none}.Collapse-Icon_position_left{margin-right:var(--elements-offset)}.Collapse-Icon_position_right{margin-left:var(--elements-offset)}.Collapse-LabelText{flex:1}

package/__internal__/src/components/Collapse/Collapse.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style"];import"./Collapse.css";import React,{useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon}from"./CollapseIcon/CollapseIcon";import{collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"./types";export var COMPONENT_NAME="Collapse";export var cnCollapse=cn("Collapse");export var sizeIconMap={"2xs":"xs",xs:"xs",s:"xs",m:"s",l:"s"};function renderSide(a){var b=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];return b.map(function(a,b){return React.createElement("div",{className:cnCollapse("Side"),key:b},a)})}export var Collapse=React.forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.label,f=d.size,g=void 0===f?collapsePropSizeDefault:f,h=d.view,i=void 0===h?collapsePropViewDefault:h,j=d.className,k=d.isOpen,l=d.children,m=d.hoverEffect,n=d.divider,o=d.icon,p=void 0===o?IconArrowDown:o,q=d.closeIcon,r=d.rightSide,s=d.horizontalSpace,t=d.iconPosition,u=void 0===t?collapsePropIconPositionDefault:t,v=d.directionIcon,w=void 0===v?collapsePropDirectionIconDefault:v,x=d.closeDirectionIcon,y=void 0===x?collapsePropCloseDirectionIconDefault:x,z=d.style,A=_objectWithoutProperties(d,_excluded);return React.createElement("div",{ref:useForkRef([b,c]),className:cnCollapse({size:g,view:i,horizontalSpace:s},[j]),style:z},React.createElement("div",Object.assign({className:cnCollapse("Label",{hoverEffect:m,iconPosition:u})},A),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:u}),size:getByMap(sizeIconMap,g),icon:p,closeIcon:q,isOpen:k,direction:w,closeDirection:y}),"object"==typeof e?React.createElement("div",{className:cnCollapse("LabelText")},e):React.createElement(Text,{className:cnCollapse("LabelText"),view:i,size:g},e),"left"===u&&renderSide(r)),React.createElement("div",{className:cnCollapse("Body",{isOpen:k,divider:n})},React.createElement("div",{className:cnCollapse("Content")},l)))});export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";var _excluded=["label","size","view","className","maxContentHeight","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style"];import"./Collapse.css";import React,{useRef}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconArrowDown}from"../../icons/IconArrowDown/IconArrowDown";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{Text}from"../Text/Text";import{CollapseIcon}from"./CollapseIcon/CollapseIcon";import{collapsePropCloseDirectionIconDefault,collapsePropDirectionIconDefault,collapsePropIconPositionDefault,collapsePropSizeDefault,collapsePropViewDefault}from"./types";export var COMPONENT_NAME="Collapse";export var cnCollapse=cn("Collapse");export var sizeIconMap={"2xs":"xs",xs:"xs",s:"xs",m:"s",l:"s"};function renderSide(a){var b=a?_toConsumableArray(Array.isArray(a)?a:[a]):[];return b.map(function(a,b){return React.createElement("div",{className:cnCollapse("Side"),key:b},a)})}var getMaxHeight=function(a,b){return b?"string"==typeof b?b:"".concat(b,"px"):"".concat(a,"px")};export var Collapse=React.forwardRef(function(a,b){var c=useRef(null),d=useRef(null),e=useComponentSize(d),f=e.height,g=usePropsHandler(COMPONENT_NAME,a,c),h=g.label,i=g.size,j=void 0===i?collapsePropSizeDefault:i,k=g.view,l=void 0===k?collapsePropViewDefault:k,m=g.className,n=g.maxContentHeight,o=g.isOpen,p=g.children,q=g.hoverEffect,r=g.divider,s=g.icon,t=void 0===s?IconArrowDown:s,u=g.closeIcon,v=g.rightSide,w=g.horizontalSpace,x=g.iconPosition,y=void 0===x?collapsePropIconPositionDefault:x,z=g.directionIcon,A=void 0===z?collapsePropDirectionIconDefault:z,B=g.closeDirectionIcon,C=void 0===B?collapsePropCloseDirectionIconDefault:B,D=g.style,E=_objectWithoutProperties(g,_excluded);return React.createElement("div",{ref:useForkRef([b,c]),className:cnCollapse({size:j,view:l,horizontalSpace:w},[m]),style:D},React.createElement("div",Object.assign({className:cnCollapse("Label",{hoverEffect:q,iconPosition:y})},E),React.createElement(CollapseIcon,{className:cnCollapse("Icon",{position:y}),size:getByMap(sizeIconMap,j),icon:t,closeIcon:u,isOpen:o,direction:A,closeDirection:C}),"object"==typeof h?React.createElement("div",{className:cnCollapse("LabelText")},h):React.createElement(Text,{className:cnCollapse("LabelText"),view:l,size:j},h),"left"===y&&renderSide(v)),React.createElement("div",{style:_defineProperty({},"--collapse-body-max-height",getMaxHeight(f,n)),className:cnCollapse("Body",{isOpen:o,divider:r})},React.createElement("div",{ref:d,className:cnCollapse("Content")},p)))});export*from"./types";
 //# sourceMappingURL=Collapse.js.map

package/__internal__/src/components/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["React","useRef","useForkRef","IconArrowDown","cn","getByMap","usePropsHandler","Text","CollapseIcon","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","COMPONENT_NAME","cnCollapse","sizeIconMap","renderSide","side","sides","Array","isArray","map","item","index","Collapse","forwardRef","props","ref","collapseRef","label","size","view","className","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport React, { useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconPropSize } from '../../icons/Icon/Icon';\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Text } from '../Text/Text';\nimport { CollapseIcon } from './CollapseIcon/CollapseIcon';\nimport {\n  CollapseComponent,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  CollapseProps,\n  CollapsePropSize,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'Collapse' as const;\n\nexport const cnCollapse = cn('Collapse');\n\nexport const sizeIconMap: Record<CollapsePropSize, IconPropSize> = {\n  '2xs': 'xs',\n  'xs': 'xs',\n  's': 'xs',\n  'm': 's',\n  'l': 's',\n};\n\nfunction renderSide(side: React.ReactNode): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  return sides.map((item, index) => (\n    <div className={cnCollapse('Side')} key={index}>\n      {item}\n    </div>\n  ));\n}\n\nexport const Collapse: CollapseComponent = React.forwardRef<\n  HTMLDivElement,\n  CollapseProps\n>((props, ref) => {\n  const collapseRef = useRef<HTMLDivElement>(null);\n\n  const {\n    label,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    className,\n    isOpen,\n    children,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    rightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, collapseRef);\n\n  return (\n    <div\n      ref={useForkRef([ref, collapseRef])}\n      className={cnCollapse({ size, view, horizontalSpace }, [className])}\n      style={style}\n    >\n      <div\n        className={cnCollapse('Label', {\n          hoverEffect,\n          iconPosition,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={getByMap(sizeIconMap, size)}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n        />\n        {typeof label === 'object' ? (\n          <div className={cnCollapse('LabelText')}>{label}</div>\n        ) : (\n          <Text className={cnCollapse('LabelText')} view={view} size={size}>\n            {label}\n          </Text>\n        )}\n        {iconPosition === 'left' && renderSide(rightSide)}\n      </div>\n      <div className={cnCollapse('Body', { isOpen, divider })}>\n        <div className={cnCollapse('Content')}>{children}</div>\n      </div>\n    </div>\n  );\n});\n\nexport * from './types';\n"],"mappings":"yWAAA,uBAEA,MAAOA,MAAP,EAAgBC,MAAhB,KAA8B,OAA9B,CAEA,OAASC,UAAT,yCAEA,OAASC,aAAT,+CACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,eAAT,2CACA,OAASC,IAAT,oBACA,OAASC,YAAT,mCACA,OAEEC,qCAFF,CAGEC,gCAHF,CAIEC,+BAJF,CAOEC,uBAPF,CAQEC,uBARF,eAWA,MAAO,IAAMC,eAAc,CAAG,UAAvB,CAEP,MAAO,IAAMC,WAAU,CAAGX,EAAE,CAAC,UAAD,CAArB,CAEP,MAAO,IAAMY,YAAmD,CAAG,CACjE,MAAO,IAD0D,CAEjE,GAAM,IAF2D,CAGjE,EAAK,IAH4D,CAIjE,EAAK,GAJ4D,CAKjE,EAAK,GAL4D,CAA5D,CAQP,QAASC,WAAT,CAAoBC,CAApB,CAA4D,CAC1D,GAAMC,EAAK,CAAGD,CAAI,oBAAQE,KAAK,CAACC,OAAN,CAAcH,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAArC,EAAgD,EAAlE,CAEA,MAAOC,EAAK,CAACG,GAAN,CAAU,SAACC,CAAD,CAAOC,CAAP,QACf,4BAAK,SAAS,CAAET,UAAU,CAAC,MAAD,CAA1B,CAAoC,GAAG,CAAES,CAAzC,EACGD,CADH,CADe,CAAV,CAKR,CAED,MAAO,IAAME,SAA2B,CAAGzB,KAAK,CAAC0B,UAAN,CAGzC,SAACC,CAAD,CAAQC,CAAR,CAAgB,IACVC,EAAW,CAAG5B,MAAM,CAAiB,IAAjB,CADV,GAqBZK,eAAe,CAACQ,cAAD,CAAiBa,CAAjB,CAAwBE,CAAxB,CArBH,CAIdC,CAJc,GAIdA,KAJc,KAKdC,IALc,CAKdA,CALc,YAKPnB,uBALO,OAMdoB,IANc,CAMdA,CANc,YAMPnB,uBANO,GAOdoB,CAPc,GAOdA,SAPc,CAQdC,CARc,GAQdA,MARc,CASdC,CATc,GASdA,QATc,CAUdC,CAVc,GAUdA,WAVc,CAWdC,CAXc,GAWdA,OAXc,KAYdC,IAZc,CAYdA,CAZc,YAYPnC,aAZO,GAadoC,CAbc,GAadA,SAbc,CAcdC,CAdc,GAcdA,SAdc,CAedC,CAfc,GAedA,eAfc,KAgBdC,YAhBc,CAgBdA,CAhBc,YAgBC/B,+BAhBD,OAiBdgC,aAjBc,CAiBdA,CAjBc,YAiBEjC,gCAjBF,OAkBdkC,kBAlBc,CAkBdA,CAlBc,YAkBOnC,qCAlBP,GAmBdoC,CAnBc,GAmBdA,KAnBc,CAoBXC,CApBW,uCAuBhB,MACE,4BACE,GAAG,CAAE5C,UAAU,CAAC,CAAC0B,CAAD,CAAMC,CAAN,CAAD,CADjB,CAEE,SAAS,CAAEd,UAAU,CAAC,CAAEgB,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcS,eAAe,CAAfA,CAAd,CAAD,CAAkC,CAACR,CAAD,CAAlC,CAFvB,CAGE,KAAK,CAAEY,CAHT,EAKE,yCACE,SAAS,CAAE9B,UAAU,CAAC,OAAD,CAAU,CAC7BqB,WAAW,CAAXA,CAD6B,CAE7BM,YAAY,CAAZA,CAF6B,CAAV,CADvB,EAKMI,CALN,EAOE,oBAAC,YAAD,EACE,SAAS,CAAE/B,UAAU,CAAC,MAAD,CAAS,CAAEgC,QAAQ,CAAEL,CAAZ,CAAT,CADvB,CAEE,IAAI,CAAErC,QAAQ,CAACW,WAAD,CAAce,CAAd,CAFhB,CAGE,IAAI,CAAEO,CAHR,CAIE,SAAS,CAAEC,CAJb,CAKE,MAAM,CAAEL,CALV,CAME,SAAS,CAAES,CANb,CAOE,cAAc,CAAEC,CAPlB,EAPF,CAgBoB,QAAjB,QAAOd,EAAP,CACC,2BAAK,SAAS,CAAEf,UAAU,CAAC,WAAD,CAA1B,EAA0Ce,CAA1C,CADD,CAGC,oBAAC,IAAD,EAAM,SAAS,CAAEf,UAAU,CAAC,WAAD,CAA3B,CAA0C,IAAI,CAAEiB,CAAhD,CAAsD,IAAI,CAAED,CAA5D,EACGD,CADH,CAnBJ,CAuBoB,MAAjB,GAAAY,CAAY,EAAezB,UAAU,CAACuB,CAAD,CAvBxC,CALF,CA8BE,2BAAK,SAAS,CAAEzB,UAAU,CAAC,MAAD,CAAS,CAAEmB,MAAM,CAANA,CAAF,CAAUG,OAAO,CAAPA,CAAV,CAAT,CAA1B,EACE,2BAAK,SAAS,CAAEtB,UAAU,CAAC,SAAD,CAA1B,EAAwCoB,CAAxC,CADF,CA9BF,CAmCH,CA9D0C,CAApC,CAgEP"}
+{"version":3,"file":"Collapse.js","names":["React","useRef","useComponentSize","useForkRef","IconArrowDown","cn","getByMap","usePropsHandler","Text","CollapseIcon","collapsePropCloseDirectionIconDefault","collapsePropDirectionIconDefault","collapsePropIconPositionDefault","collapsePropSizeDefault","collapsePropViewDefault","COMPONENT_NAME","cnCollapse","sizeIconMap","renderSide","side","sides","Array","isArray","map","item","index","getMaxHeight","height","maxHeight","Collapse","forwardRef","props","ref","collapseRef","contentRef","contentHeight","label","size","view","className","maxContentHeight","isOpen","children","hoverEffect","divider","icon","closeIcon","rightSide","horizontalSpace","iconPosition","directionIcon","closeDirectionIcon","style","otherProps","position"],"sources":["../../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import './Collapse.css';\n\nimport React, { useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconPropSize } from '../../icons/Icon/Icon';\nimport { IconArrowDown } from '../../icons/IconArrowDown/IconArrowDown';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { Text } from '../Text/Text';\nimport { CollapseIcon } from './CollapseIcon/CollapseIcon';\nimport {\n  CollapseComponent,\n  collapsePropCloseDirectionIconDefault,\n  collapsePropDirectionIconDefault,\n  collapsePropIconPositionDefault,\n  CollapseProps,\n  CollapsePropSize,\n  collapsePropSizeDefault,\n  collapsePropViewDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'Collapse' as const;\n\nexport const cnCollapse = cn('Collapse');\n\nexport const sizeIconMap: Record<CollapsePropSize, IconPropSize> = {\n  '2xs': 'xs',\n  'xs': 'xs',\n  's': 'xs',\n  'm': 's',\n  'l': 's',\n};\n\nfunction renderSide(side: React.ReactNode): React.ReactNode {\n  const sides = side ? [...(Array.isArray(side) ? side : [side])] : [];\n\n  return sides.map((item, index) => (\n    <div className={cnCollapse('Side')} key={index}>\n      {item}\n    </div>\n  ));\n}\n\nconst getMaxHeight = (height: number, maxHeight?: number | string) => {\n  if (maxHeight) {\n    return typeof maxHeight === 'string' ? maxHeight : `${maxHeight}px`;\n  }\n  return `${height}px`;\n};\n\nexport const Collapse: CollapseComponent = React.forwardRef<\n  HTMLDivElement,\n  CollapseProps\n>((props, ref) => {\n  const collapseRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const { height: contentHeight } = useComponentSize(contentRef);\n\n  const {\n    label,\n    size = collapsePropSizeDefault,\n    view = collapsePropViewDefault,\n    className,\n    maxContentHeight,\n    isOpen,\n    children,\n    hoverEffect,\n    divider,\n    icon = IconArrowDown,\n    closeIcon,\n    rightSide,\n    horizontalSpace,\n    iconPosition = collapsePropIconPositionDefault,\n    directionIcon = collapsePropDirectionIconDefault,\n    closeDirectionIcon = collapsePropCloseDirectionIconDefault,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, collapseRef);\n\n  return (\n    <div\n      ref={useForkRef([ref, collapseRef])}\n      className={cnCollapse({ size, view, horizontalSpace }, [className])}\n      style={style}\n    >\n      <div\n        className={cnCollapse('Label', {\n          hoverEffect,\n          iconPosition,\n        })}\n        {...otherProps}\n      >\n        <CollapseIcon\n          className={cnCollapse('Icon', { position: iconPosition })}\n          size={getByMap(sizeIconMap, size)}\n          icon={icon}\n          closeIcon={closeIcon}\n          isOpen={isOpen}\n          direction={directionIcon}\n          closeDirection={closeDirectionIcon}\n        />\n        {typeof label === 'object' ? (\n          <div className={cnCollapse('LabelText')}>{label}</div>\n        ) : (\n          <Text className={cnCollapse('LabelText')} view={view} size={size}>\n            {label}\n          </Text>\n        )}\n        {iconPosition === 'left' && renderSide(rightSide)}\n      </div>\n      <div\n        style={{\n          ['--collapse-body-max-height' as string]: getMaxHeight(\n            contentHeight,\n            maxContentHeight,\n          ),\n        }}\n        className={cnCollapse('Body', { isOpen, divider })}\n      >\n        <div ref={contentRef} className={cnCollapse('Content')}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/Collapse/types.d.ts

@@ -32,6 +32,7 @@ export declare type CollapseProps = PropsWithHTMLAttributesAndRef<{
     view?: CollapsePropView;
     divider?: boolean;
     label: React.ReactNode;
+    maxContentHeight?: string | number;
     horizontalSpace?: CollapsePropHorizontalSpace;
     hoverEffect?: boolean;
     isOpen?: boolean;

package/__internal__/src/components/Collapse/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent, IconProps, IconPropSize } from '##/icons/Icon';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropView = ['primary', 'secondary'] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n  '3xs',\n  '6xl',\n  '5xl',\n  '4xl',\n  '3xl',\n  '2xl',\n  'xl',\n  'l',\n  'm',\n  's',\n  'xs',\n  '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n  typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapseIconPropDirection = [\n  'up',\n  'right',\n  'down',\n  'left',\n  'upRight',\n  'downRight',\n  'upLeft',\n  'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n  typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n  {\n    size: IconPropSize;\n    icon: React.FC<IconProps>;\n    isOpen?: boolean;\n    cildren?: never;\n    closeIcon?: React.FC<IconProps>;\n    direction?: CollapseIconPropDirection;\n    closeDirection?: CollapseIconPropDirection;\n  },\n  HTMLSpanElement\n>;\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n  collapsePropDirectionIcon[2];\n\nexport type CollapseProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: CollapsePropSize;\n    icon?: IconComponent;\n    view?: CollapsePropView;\n    divider?: boolean;\n    label: React.ReactNode;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    isOpen?: boolean;\n  } & (\n    | {\n        closeIcon?: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          rightSide?: React.ReactNode;\n        }\n      | {\n          iconPosition?: 'right';\n          rightSide?: never;\n        }\n    ),\n  HTMLDivElement\n>;\n\nexport type CollapseComponent = (\n  props: CollapseProps,\n) => React.ReactElement | null;\n"],"mappings":"AAQA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,4BAA2B,CAAG,CACzC,KADyC,CAEzC,KAFyC,CAGzC,KAHyC,CAIzC,KAJyC,CAKzC,KALyC,CAMzC,KANyC,CAOzC,IAPyC,CAQzC,GARyC,CASzC,GATyC,CAUzC,GAVyC,CAWzC,IAXyC,CAYzC,KAZyC,CAApC,CAiBP,MAAO,IAAMC,yBAAwB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE,CAEP,MAAO,IAAME,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,CA0BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB"}
+{"version":3,"file":"types.js","names":["collapsePropSize","collapsePropSizeDefault","collapsePropView","collapsePropViewDefault","collapsePropHorizontalSpace","collapsePropIconPosition","collapsePropIconPositionDefault","collapseIconPropDirection","collapsePropDirectionIcon","collapsePropDirectionIconDefault","collapsePropCloseDirectionIconDefault"],"sources":["../../../../../src/components/Collapse/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent, IconProps, IconPropSize } from '##/icons/Icon';\nimport {\n  PropsWithHTMLAttributes,\n  PropsWithHTMLAttributesAndRef,\n} from '##/utils/types/PropsWithHTMLAttributes';\n\nexport const collapsePropSize = ['m', 'l', 's', 'xs', '2xs'] as const;\nexport type CollapsePropSize = typeof collapsePropSize[number];\nexport const collapsePropSizeDefault = collapsePropSize[0];\n\nexport const collapsePropView = ['primary', 'secondary'] as const;\nexport type CollapsePropView = typeof collapsePropView[number];\nexport const collapsePropViewDefault = collapsePropView[0];\n\nexport const collapsePropHorizontalSpace = [\n  '3xs',\n  '6xl',\n  '5xl',\n  '4xl',\n  '3xl',\n  '2xl',\n  'xl',\n  'l',\n  'm',\n  's',\n  'xs',\n  '2xs',\n] as const;\nexport type CollapsePropHorizontalSpace =\n  typeof collapsePropHorizontalSpace[number];\n\nexport const collapsePropIconPosition = ['left', 'right'] as const;\nexport type CollapsePropIconPosition = typeof collapsePropIconPosition[number];\nexport const collapsePropIconPositionDefault = collapsePropIconPosition[0];\n\nexport const collapseIconPropDirection = [\n  'up',\n  'right',\n  'down',\n  'left',\n  'upRight',\n  'downRight',\n  'upLeft',\n  'downLeft',\n] as const;\nexport type CollapseIconPropDirection =\n  typeof collapseIconPropDirection[number];\n\nexport type CollapseIconProps = PropsWithHTMLAttributes<\n  {\n    size: IconPropSize;\n    icon: React.FC<IconProps>;\n    isOpen?: boolean;\n    cildren?: never;\n    closeIcon?: React.FC<IconProps>;\n    direction?: CollapseIconPropDirection;\n    closeDirection?: CollapseIconPropDirection;\n  },\n  HTMLSpanElement\n>;\n\nexport const collapsePropDirectionIcon = collapseIconPropDirection;\nexport const collapsePropDirectionIconDefault = collapsePropDirectionIcon[0];\nexport const collapsePropCloseDirectionIconDefault =\n  collapsePropDirectionIcon[2];\n\nexport type CollapseProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: CollapsePropSize;\n    icon?: IconComponent;\n    view?: CollapsePropView;\n    divider?: boolean;\n    label: React.ReactNode;\n    maxContentHeight?: string | number;\n    horizontalSpace?: CollapsePropHorizontalSpace;\n    hoverEffect?: boolean;\n    isOpen?: boolean;\n  } & (\n    | {\n        closeIcon?: IconComponent;\n        directionIcon?: never;\n        closeDirectionIcon?: never;\n      }\n    | {\n        closeIcon?: never;\n        directionIcon?: CollapseIconPropDirection;\n        closeDirectionIcon?: CollapseIconPropDirection;\n      }\n  ) &\n    (\n      | {\n          iconPosition?: 'left';\n          rightSide?: React.ReactNode;\n        }\n      | {\n          iconPosition?: 'right';\n          rightSide?: never;\n        }\n    ),\n  HTMLDivElement\n>;\n\nexport type CollapseComponent = (\n  props: CollapseProps,\n) => React.ReactElement | null;\n"],"mappings":"AAQA,MAAO,IAAMA,iBAAgB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAAsB,KAAtB,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,iBAAgB,CAAG,CAAC,SAAD,CAAY,WAAZ,CAAzB,CAEP,MAAO,IAAMC,wBAAuB,CAAGD,gBAAgB,CAAC,CAAD,CAAhD,CAEP,MAAO,IAAME,4BAA2B,CAAG,CACzC,KADyC,CAEzC,KAFyC,CAGzC,KAHyC,CAIzC,KAJyC,CAKzC,KALyC,CAMzC,KANyC,CAOzC,IAPyC,CAQzC,GARyC,CASzC,GATyC,CAUzC,GAVyC,CAWzC,IAXyC,CAYzC,KAZyC,CAApC,CAiBP,MAAO,IAAMC,yBAAwB,CAAG,CAAC,MAAD,CAAS,OAAT,CAAjC,CAEP,MAAO,IAAMC,gCAA+B,CAAGD,wBAAwB,CAAC,CAAD,CAAhE,CAEP,MAAO,IAAME,0BAAyB,CAAG,CACvC,IADuC,CAEvC,OAFuC,CAGvC,MAHuC,CAIvC,MAJuC,CAKvC,SALuC,CAMvC,WANuC,CAOvC,QAPuC,CAQvC,UARuC,CAAlC,CA0BP,MAAO,IAAMC,0BAAyB,CAAGD,yBAAlC,CACP,MAAO,IAAME,iCAAgC,CAAGD,yBAAyB,CAAC,CAAD,CAAlE,CACP,MAAO,IAAME,sCAAqC,CAChDF,yBAAyB,CAAC,CAAD,CADpB"}

package/__internal__/src/components/DatePicker/DatePicker.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["type","minDate","maxDate","multiplicityMinutes","multiplicitySeconds","multiplicityHours"];import React,{forwardRef,useMemo,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../utils/date";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{DatePickerTypeDate}from"./DatePickerTypeDate/DatePickerTypeDate";import{DatePickerTypeDateRange}from"./DatePickerTypeDateRange/DatePickerTypeDateRange";import{DatePickerTypeDateTime}from"./DatePickerTypeDateTime/DatePickerTypeDateTime";import{DatePickerTypeDateTimeRange}from"./DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange";import{DatePickerTypeMonth}from"./DatePickerTypeMonth/DatePickerTypeMonth";import{DatePickerTypeMonthRange}from"./DatePickerTypeMonthRange/DatePickerTypeMonthRange";import{DatePickerTypeTime}from"./DatePickerTypeTime/DatePickerTypeTime";import{DatePickerTypeYear}from"./DatePickerTypeYear/DatePickerTypeYear";import{DatePickerTypeYearRange}from"./DatePickerTypeYearRange/DatePickerTypeYearRange";import{isTypeWithTime}from"./helpers";import{datePickerPropTypeDefault}from"./types";var typeMap={date:DatePickerTypeDate,"date-range":DatePickerTypeDateRange,"date-time":DatePickerTypeDateTime,"date-time-range":DatePickerTypeDateTimeRange,time:DatePickerTypeTime,year:DatePickerTypeYear,"year-range":DatePickerTypeYearRange,month:DatePickerTypeMonth,"month-range":DatePickerTypeMonthRange};export var COMPONENT_NAME="DatePicker";export var DatePicker=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.type,f=void 0===e?datePickerPropTypeDefault:e,g=d.minDate,h=void 0===g?minDateDefault:g,i=d.maxDate,j=void 0===i?maxDateDefault:i,k=d.multiplicityMinutes,l=d.multiplicitySeconds,m=d.multiplicityHours,n=_objectWithoutProperties(d,_excluded),o=useMemo(function(){return isTypeWithTime(f)?{multiplicityMinutes:k,multiplicitySeconds:l,multiplicityHours:m}:void 0},[f,k,l,m]),p=getByMap(typeMap,f);return React.createElement(p,Object.assign({},n,o,{minDate:h,maxDate:j,ref:useForkRef([b,c])}))});export*from"./helpers";export*from"./types";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["type","minDate","maxDate","labelPosition","multiplicityMinutes","multiplicitySeconds","multiplicityHours"];import React,{forwardRef,useMemo,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../utils/date";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{DatePickerTypeDate}from"./DatePickerTypeDate/DatePickerTypeDate";import{DatePickerTypeDateRange}from"./DatePickerTypeDateRange/DatePickerTypeDateRange";import{DatePickerTypeDateTime}from"./DatePickerTypeDateTime/DatePickerTypeDateTime";import{DatePickerTypeDateTimeRange}from"./DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange";import{DatePickerTypeMonth}from"./DatePickerTypeMonth/DatePickerTypeMonth";import{DatePickerTypeMonthRange}from"./DatePickerTypeMonthRange/DatePickerTypeMonthRange";import{DatePickerTypeTime}from"./DatePickerTypeTime/DatePickerTypeTime";import{DatePickerTypeYear}from"./DatePickerTypeYear/DatePickerTypeYear";import{DatePickerTypeYearRange}from"./DatePickerTypeYearRange/DatePickerTypeYearRange";import{isTypeWithTime}from"./helpers";import{datePickerPropTypeDefault}from"./types";var typeMap={date:DatePickerTypeDate,"date-range":DatePickerTypeDateRange,"date-time":DatePickerTypeDateTime,"date-time-range":DatePickerTypeDateTimeRange,time:DatePickerTypeTime,year:DatePickerTypeYear,"year-range":DatePickerTypeYearRange,month:DatePickerTypeMonth,"month-range":DatePickerTypeMonthRange};export var COMPONENT_NAME="DatePicker";export var DatePicker=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.type,f=void 0===e?datePickerPropTypeDefault:e,g=d.minDate,h=void 0===g?minDateDefault:g,i=d.maxDate,j=void 0===i?maxDateDefault:i,k=d.labelPosition,l=void 0===k?"top":k,m=d.multiplicityMinutes,n=d.multiplicitySeconds,o=d.multiplicityHours,p=_objectWithoutProperties(d,_excluded),q=useMemo(function(){return isTypeWithTime(f)?{multiplicityMinutes:m,multiplicitySeconds:n,multiplicityHours:o}:void 0},[f,m,n,o]),r=getByMap(typeMap,f);return React.createElement(r,Object.assign({},p,q,{labelPosition:l,minDate:h,maxDate:j,ref:useForkRef([b,c])}))});export*from"./helpers";export*from"./types";
 //# sourceMappingURL=DatePicker.js.map

package/__internal__/src/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["React","forwardRef","useMemo","useRef","useForkRef","maxDateDefault","minDateDefault","getByMap","usePropsHandler","DatePickerTypeDate","DatePickerTypeDateRange","DatePickerTypeDateTime","DatePickerTypeDateTimeRange","DatePickerTypeMonth","DatePickerTypeMonthRange","DatePickerTypeTime","DatePickerTypeYear","DatePickerTypeYearRange","isTypeWithTime","datePickerPropTypeDefault","typeMap","COMPONENT_NAME","DatePicker","props","ref","datePickerRef","type","minDate","maxDate","multiplicityMinutes","multiplicitySeconds","multiplicityHours","otherProps","timeProps","Component"],"sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '../../utils/date';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { DatePickerTypeDate } from './DatePickerTypeDate/DatePickerTypeDate';\nimport { DatePickerTypeDateRange } from './DatePickerTypeDateRange/DatePickerTypeDateRange';\nimport { DatePickerTypeDateTime } from './DatePickerTypeDateTime/DatePickerTypeDateTime';\nimport { DatePickerTypeDateTimeRange } from './DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange';\nimport { DatePickerTypeMonth } from './DatePickerTypeMonth/DatePickerTypeMonth';\nimport { DatePickerTypeMonthRange } from './DatePickerTypeMonthRange/DatePickerTypeMonthRange';\nimport { DatePickerTypeTime } from './DatePickerTypeTime/DatePickerTypeTime';\nimport { DatePickerTypeYear } from './DatePickerTypeYear/DatePickerTypeYear';\nimport { DatePickerTypeYearRange } from './DatePickerTypeYearRange/DatePickerTypeYearRange';\nimport { isTypeWithTime } from './helpers';\nimport {\n  DatePickerComponent,\n  DatePickerPropType,\n  datePickerPropTypeDefault,\n  DatePickerTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n  DatePickerPropType,\n  DatePickerTypeComponent<DatePickerPropType>\n> = {\n  'date': DatePickerTypeDate,\n  'date-range': DatePickerTypeDateRange,\n  'date-time': DatePickerTypeDateTime,\n  'date-time-range': DatePickerTypeDateTimeRange,\n  'time': DatePickerTypeTime,\n  'year': DatePickerTypeYear,\n  'year-range': DatePickerTypeYearRange,\n  'month': DatePickerTypeMonth,\n  'month-range': DatePickerTypeMonthRange,\n};\n\nexport const COMPONENT_NAME = 'DatePicker' as const;\n\nexport const DatePicker: DatePickerComponent = forwardRef((props, ref) => {\n  const datePickerRef = useRef<HTMLDivElement>(null);\n  const {\n    type = datePickerPropTypeDefault,\n    minDate = minDateDefault,\n    maxDate = maxDateDefault,\n    multiplicityMinutes,\n    multiplicitySeconds,\n    multiplicityHours,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, datePickerRef);\n\n  const timeProps = useMemo(\n    () =>\n      isTypeWithTime(type)\n        ? {\n            multiplicityMinutes,\n            multiplicitySeconds,\n            multiplicityHours,\n          }\n        : undefined,\n    [type, multiplicityMinutes, multiplicitySeconds, multiplicityHours],\n  );\n\n  const Component = getByMap(typeMap, type);\n\n  return (\n    <Component\n      {...otherProps}\n      {...timeProps}\n      minDate={minDate}\n      maxDate={maxDate}\n      ref={useForkRef([ref, datePickerRef])}\n    />\n  );\n});\n\nexport * from './helpers';\nexport * from './types';\n"],"mappings":"gMAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,KAAmD,OAAnD,CAEA,OAASC,UAAT,yCACA,OAASC,cAAT,CAAyBC,cAAzB,wBACA,OAASC,QAAT,4BACA,OAASC,eAAT,2CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,sBAAT,uDACA,OAASC,2BAAT,iEACA,OAASC,mBAAT,iDACA,OAASC,wBAAT,2DACA,OAASC,kBAAT,+CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,cAAT,iBACA,OAGEC,yBAHF,eAOA,GAAMC,QAGL,CAAG,CACF,KAAQX,kBADN,CAEF,aAAcC,uBAFZ,CAGF,YAAaC,sBAHX,CAIF,kBAAmBC,2BAJjB,CAKF,KAAQG,kBALN,CAMF,KAAQC,kBANN,CAOF,aAAcC,uBAPZ,CAQF,MAASJ,mBARP,CASF,cAAeC,wBATb,CAHJ,CAeA,MAAO,IAAMO,eAAc,CAAG,YAAvB,CAEP,MAAO,IAAMC,WAA+B,CAAGrB,UAAU,CAAC,SAACsB,CAAD,CAAQC,CAAR,CAAgB,IAClEC,EAAa,CAAGtB,MAAM,CAAiB,IAAjB,CAD4C,GAUpEK,eAAe,CAACa,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CAVqD,KAGtEC,IAHsE,CAGtEA,CAHsE,YAG/DP,yBAH+D,OAItEQ,OAJsE,CAItEA,CAJsE,YAI5DrB,cAJ4D,OAKtEsB,OALsE,CAKtEA,CALsE,YAK5DvB,cAL4D,GAMtEwB,CANsE,GAMtEA,mBANsE,CAOtEC,CAPsE,GAOtEA,mBAPsE,CAQtEC,CARsE,GAQtEA,iBARsE,CASnEC,CATmE,uCAYlEC,CAAS,CAAG/B,OAAO,CACvB,iBACEgB,eAAc,CAACQ,CAAD,CAAd,CACI,CACEG,mBAAmB,CAAnBA,CADF,CAEEC,mBAAmB,CAAnBA,CAFF,CAGEC,iBAAiB,CAAjBA,CAHF,CADJ,OADF,CADuB,CASvB,CAACL,CAAD,CAAOG,CAAP,CAA4BC,CAA5B,CAAiDC,CAAjD,CATuB,CAZ+C,CAwBlEG,CAAS,CAAG3B,QAAQ,CAACa,OAAD,CAAUM,CAAV,CAxB8C,CA0BxE,MACE,qBAAC,CAAD,kBACMM,CADN,CAEMC,CAFN,EAGE,OAAO,CAAEN,CAHX,CAIE,OAAO,CAAEC,CAJX,CAKE,GAAG,CAAExB,UAAU,CAAC,CAACoB,CAAD,CAAMC,CAAN,CAAD,CALjB,GAQH,CAnCwD,CAAlD,CAqCP,uBACA"}
+{"version":3,"file":"DatePicker.js","names":["React","forwardRef","useMemo","useRef","useForkRef","maxDateDefault","minDateDefault","getByMap","usePropsHandler","DatePickerTypeDate","DatePickerTypeDateRange","DatePickerTypeDateTime","DatePickerTypeDateTimeRange","DatePickerTypeMonth","DatePickerTypeMonthRange","DatePickerTypeTime","DatePickerTypeYear","DatePickerTypeYearRange","isTypeWithTime","datePickerPropTypeDefault","typeMap","COMPONENT_NAME","DatePicker","props","ref","datePickerRef","type","minDate","maxDate","labelPosition","multiplicityMinutes","multiplicitySeconds","multiplicityHours","otherProps","timeProps","Component"],"sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '../../utils/date';\nimport { getByMap } from '../../utils/getByMap';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { DatePickerTypeDate } from './DatePickerTypeDate/DatePickerTypeDate';\nimport { DatePickerTypeDateRange } from './DatePickerTypeDateRange/DatePickerTypeDateRange';\nimport { DatePickerTypeDateTime } from './DatePickerTypeDateTime/DatePickerTypeDateTime';\nimport { DatePickerTypeDateTimeRange } from './DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange';\nimport { DatePickerTypeMonth } from './DatePickerTypeMonth/DatePickerTypeMonth';\nimport { DatePickerTypeMonthRange } from './DatePickerTypeMonthRange/DatePickerTypeMonthRange';\nimport { DatePickerTypeTime } from './DatePickerTypeTime/DatePickerTypeTime';\nimport { DatePickerTypeYear } from './DatePickerTypeYear/DatePickerTypeYear';\nimport { DatePickerTypeYearRange } from './DatePickerTypeYearRange/DatePickerTypeYearRange';\nimport { isTypeWithTime } from './helpers';\nimport {\n  DatePickerComponent,\n  DatePickerPropType,\n  datePickerPropTypeDefault,\n  DatePickerTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n  DatePickerPropType,\n  DatePickerTypeComponent<DatePickerPropType>\n> = {\n  'date': DatePickerTypeDate,\n  'date-range': DatePickerTypeDateRange,\n  'date-time': DatePickerTypeDateTime,\n  'date-time-range': DatePickerTypeDateTimeRange,\n  'time': DatePickerTypeTime,\n  'year': DatePickerTypeYear,\n  'year-range': DatePickerTypeYearRange,\n  'month': DatePickerTypeMonth,\n  'month-range': DatePickerTypeMonthRange,\n};\n\nexport const COMPONENT_NAME = 'DatePicker' as const;\n\nexport const DatePicker: DatePickerComponent = forwardRef((props, ref) => {\n  const datePickerRef = useRef<HTMLDivElement>(null);\n  const {\n    type = datePickerPropTypeDefault,\n    minDate = minDateDefault,\n    maxDate = maxDateDefault,\n    labelPosition = 'top',\n    multiplicityMinutes,\n    multiplicitySeconds,\n    multiplicityHours,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, datePickerRef);\n\n  const timeProps = useMemo(\n    () =>\n      isTypeWithTime(type)\n        ? {\n            multiplicityMinutes,\n            multiplicitySeconds,\n            multiplicityHours,\n          }\n        : undefined,\n    [type, multiplicityMinutes, multiplicitySeconds, multiplicityHours],\n  );\n\n  const Component = getByMap(typeMap, type);\n\n  return (\n    <Component\n      {...otherProps}\n      {...timeProps}\n      labelPosition={labelPosition}\n      minDate={minDate}\n      maxDate={maxDate}\n      ref={useForkRef([ref, datePickerRef])}\n    />\n  );\n});\n\nexport * from './helpers';\nexport * from './types';\n"],"mappings":"gNAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,KAAmD,OAAnD,CAEA,OAASC,UAAT,yCACA,OAASC,cAAT,CAAyBC,cAAzB,wBACA,OAASC,QAAT,4BACA,OAASC,eAAT,2CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,sBAAT,uDACA,OAASC,2BAAT,iEACA,OAASC,mBAAT,iDACA,OAASC,wBAAT,2DACA,OAASC,kBAAT,+CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,cAAT,iBACA,OAGEC,yBAHF,eAOA,GAAMC,QAGL,CAAG,CACF,KAAQX,kBADN,CAEF,aAAcC,uBAFZ,CAGF,YAAaC,sBAHX,CAIF,kBAAmBC,2BAJjB,CAKF,KAAQG,kBALN,CAMF,KAAQC,kBANN,CAOF,aAAcC,uBAPZ,CAQF,MAASJ,mBARP,CASF,cAAeC,wBATb,CAHJ,CAeA,MAAO,IAAMO,eAAc,CAAG,YAAvB,CAEP,MAAO,IAAMC,WAA+B,CAAGrB,UAAU,CAAC,SAACsB,CAAD,CAAQC,CAAR,CAAgB,IAClEC,EAAa,CAAGtB,MAAM,CAAiB,IAAjB,CAD4C,GAWpEK,eAAe,CAACa,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CAXqD,KAGtEC,IAHsE,CAGtEA,CAHsE,YAG/DP,yBAH+D,OAItEQ,OAJsE,CAItEA,CAJsE,YAI5DrB,cAJ4D,OAKtEsB,OALsE,CAKtEA,CALsE,YAK5DvB,cAL4D,OAMtEwB,aANsE,CAMtEA,CANsE,YAMtD,KANsD,GAOtEC,CAPsE,GAOtEA,mBAPsE,CAQtEC,CARsE,GAQtEA,mBARsE,CAStEC,CATsE,GAStEA,iBATsE,CAUnEC,CAVmE,uCAalEC,CAAS,CAAGhC,OAAO,CACvB,iBACEgB,eAAc,CAACQ,CAAD,CAAd,CACI,CACEI,mBAAmB,CAAnBA,CADF,CAEEC,mBAAmB,CAAnBA,CAFF,CAGEC,iBAAiB,CAAjBA,CAHF,CADJ,OADF,CADuB,CASvB,CAACN,CAAD,CAAOI,CAAP,CAA4BC,CAA5B,CAAiDC,CAAjD,CATuB,CAb+C,CAyBlEG,CAAS,CAAG5B,QAAQ,CAACa,OAAD,CAAUM,CAAV,CAzB8C,CA2BxE,MACE,qBAAC,CAAD,kBACMO,CADN,CAEMC,CAFN,EAGE,aAAa,CAAEL,CAHjB,CAIE,OAAO,CAAEF,CAJX,CAKE,OAAO,CAAEC,CALX,CAME,GAAG,CAAExB,UAAU,CAAC,CAACoB,CAAD,CAAMC,CAAN,CAAD,CANjB,GASH,CArCwD,CAAlD,CAuCP,uBACA"}

package/__internal__/src/hooks/useBreakpoints/getLastPoint.d.ts

@@ -0,0 +1 @@
+export declare const getLastPoint: <POINT extends string>(map: Record<POINT, boolean>) => POINT | undefined;

package/__internal__/src/hooks/useBreakpoints/getLastPoint.js

@@ -0,0 +1,2 @@
+export var getLastPoint=function(a){for(var b=Object.keys(a),c=b.length-1;0<=c;c--)if(a[b[c]])return b[c]};
+//# sourceMappingURL=getLastPoint.js.map

package/__internal__/src/hooks/useBreakpoints/getLastPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLastPoint.js","names":["getLastPoint","map","keys","Object","index","length"],"sources":["../../../../../src/hooks/useBreakpoints/getLastPoint.ts"],"sourcesContent":["export const getLastPoint = <POINT extends string>(\n  map: Record<POINT, boolean>,\n) => {\n  const keys = Object.keys(map) as POINT[];\n\n  for (let index = keys.length - 1; index >= 0; index--) {\n    if (map[keys[index]]) {\n      return keys[index];\n    }\n  }\n};\n"],"mappings":"AAAA,MAAO,IAAMA,aAAY,CAAG,SAC1BC,CAD0B,CAEvB,CAGH,OAFMC,EAAI,CAAGC,MAAM,CAACD,IAAP,CAAYD,CAAZ,CAEb,CAASG,CAAK,CAAGF,CAAI,CAACG,MAAL,CAAc,CAA/B,CAA2C,CAAT,EAAAD,CAAlC,CAA8CA,CAAK,EAAnD,CACE,GAAIH,CAAG,CAACC,CAAI,CAACE,CAAD,CAAL,CAAP,CACE,MAAOF,EAAI,CAACE,CAAD,CAGhB,CAVM"}

package/__internal__/src/hooks/useBreakpoints/index.d.ts

@@ -1 +1,2 @@
 export * from './useBreakpoints';
+export * from './getLastPoint';

package/__internal__/src/hooks/useBreakpoints/index.js

@@ -1,2 +1,2 @@
-export*from"./useBreakpoints";
+export*from"./useBreakpoints";export*from"./getLastPoint";
 //# sourceMappingURL=index.js.map

package/__internal__/src/hooks/useBreakpoints/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":["export * from './useBreakpoints';\n"],"mappings":"AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useBreakpoints/index.ts"],"sourcesContent":["export * from './useBreakpoints';\nexport * from './getLastPoint';\n"],"mappings":"AAAA,8BACA"}

package/__internal__/src/hooks/useBreakpoints/isEq.d.ts

@@ -0,0 +1,2 @@
+import { Returned } from './types';
+export declare const isEq: <POINTS extends string>(state: Returned<POINTS>, newState: Returned<POINTS>) => boolean;

package/__internal__/src/hooks/useBreakpoints/isEq.js

@@ -0,0 +1,2 @@
+export var isEq=function(a,b){for(var c in b)if(a[c]!==b[c])return!1;return!0};
+//# sourceMappingURL=isEq.js.map

package/__internal__/src/hooks/useBreakpoints/isEq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEq.js","names":["isEq","state","newState","key"],"sources":["../../../../../src/hooks/useBreakpoints/isEq.ts"],"sourcesContent":["import { Returned } from './types';\n\nexport const isEq = <POINTS extends string>(\n  state: Returned<POINTS>,\n  newState: Returned<POINTS>,\n) => {\n  for (const key in newState) {\n    if (state[key] !== newState[key]) {\n      return false;\n    }\n  }\n  return true;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,KAAI,CAAG,SAClBC,CADkB,CAElBC,CAFkB,CAGf,CACH,IAAK,GAAMC,EAAX,GAAkBD,EAAlB,CACE,GAAID,CAAK,CAACE,CAAD,CAAL,GAAeD,CAAQ,CAACC,CAAD,CAA3B,CACE,SAGJ,QACD,CAVM"}

package/__internal__/src/hooks/useBreakpoints/mapping.d.ts

@@ -0,0 +1,2 @@
+import { Map, Returned } from './types';
+export declare const mapping: <POINTS extends string>(width: number, map: Map<POINTS>) => Returned<POINTS>;

package/__internal__/src/hooks/useBreakpoints/mapping.js

@@ -0,0 +1,2 @@
+export var mapping=function(a,b){var c={};for(var d in b)Object.prototype.hasOwnProperty.call(b,d)&&(c[d]=a>=b[d]);return c};
+//# sourceMappingURL=mapping.js.map

package/__internal__/src/hooks/useBreakpoints/mapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping.js","names":["mapping","width","map","points","key","Object","prototype","hasOwnProperty","call"],"sources":["../../../../../src/hooks/useBreakpoints/mapping.ts"],"sourcesContent":["import { Map, Returned } from './types';\n\nexport const mapping = <POINTS extends string>(\n  width: number,\n  map: Map<POINTS>,\n): Returned<POINTS> => {\n  const points = {} as Returned<POINTS>;\n\n  for (const key in map) {\n    if (Object.prototype.hasOwnProperty.call(map, key)) {\n      points[key] = width >= map[key];\n    }\n  }\n\n  return points;\n};\n"],"mappings":"AAEA,MAAO,IAAMA,QAAO,CAAG,SACrBC,CADqB,CAErBC,CAFqB,CAGA,CACrB,GAAMC,EAAM,CAAG,EAAf,CAEA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACMG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAA0CE,CAA1C,CADN,GAEID,CAAM,CAACC,CAAD,CAAN,CAAcH,CAAK,EAAIC,CAAG,CAACE,CAAD,CAF9B,EAMA,MAAOD,EACR,CAbM"}

package/__internal__/src/hooks/useBreakpoints/types.d.ts

@@ -0,0 +1,2 @@
+export declare type Map<POINTS extends string> = Record<POINTS, number>;
+export declare type Returned<POINTS extends string> = Record<POINTS, boolean>;

package/__internal__/src/hooks/useBreakpoints/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/__internal__/src/hooks/useBreakpoints/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/hooks/useBreakpoints/types.ts"],"sourcesContent":["export type Map<POINTS extends string> = Record<POINTS, number>;\nexport type Returned<POINTS extends string> = Record<POINTS, boolean>;\n"],"mappings":""}

package/__internal__/src/hooks/useBreakpoints/useBreakpoints.d.ts

@@ -1,4 +1,2 @@
-declare type Map<POINTS extends string> = Record<POINTS, number>;
-declare type Returned<POINTS extends string> = Record<POINTS, boolean>;
+import { Map, Returned } from './types';
 export declare const useBreakpoints: <POINTS extends string = "m" | "s" | "xs" | "l" | "2xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "3xs" | "5xs" | "4xs">(map?: Map<POINTS> | undefined) => Returned<POINTS>;
-export {};

package/__internal__/src/hooks/useBreakpoints/useBreakpoints.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useLayoutEffect,useState}from"react";var defaultPoints=["5xs","4xs","3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl"],defaultMap={"5xs":320,"4xs":360,"3xs":480,"2xs":720,xs:960,s:1020,m:1200,l:1400,xl:1600,"2xl":1800,"3xl":2e3,"4xl":2200,"5xl":2400},mapping=function(a,b){var c={};for(var d in b)Object.prototype.hasOwnProperty.call(b,d)&&(c[d]=a>=b[d]);return c},isEq=function(a,b){var c=!0;for(var d in b)if(a[d]!==b[d])return c=!1,c;return c};export var useBreakpoints=function(a){var b=a||defaultMap,c=useState(function(){return mapping(window.innerWidth,b)}),d=_slicedToArray(c,2),e=d[0],f=d[1];return useLayoutEffect(function(){var a=function(){var a=mapping(window.innerWidth,b);f(function(b){return isEq(b,a)?b:a})};return window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}},[]),e};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useLayoutEffect,useState}from"react";import{isEq}from"./isEq";import{mapping}from"./mapping";var defaultPoints=["5xs","4xs","3xs","2xs","xs","s","m","l","xl","2xl","3xl","4xl","5xl"],defaultMap={"5xs":320,"4xs":360,"3xs":480,"2xs":720,xs:960,s:1020,m:1200,l:1400,xl:1600,"2xl":1800,"3xl":2e3,"4xl":2200,"5xl":2400};export var useBreakpoints=function(a){var b=a||defaultMap,c=useState(function(){return mapping(window.innerWidth,b)}),d=_slicedToArray(c,2),e=d[0],f=d[1];return useLayoutEffect(function(){var a=function(){var a=mapping(window.innerWidth,b);f(function(b){return isEq(b,a)?b:a})};return window.addEventListener("resize",a),function(){return window.removeEventListener("resize",a)}},[]),e};
 //# sourceMappingURL=useBreakpoints.js.map

package/__internal__/src/hooks/useBreakpoints/useBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.js","names":["useLayoutEffect","useState","defaultPoints","defaultMap","mapping","width","map","points","key","Object","prototype","hasOwnProperty","call","isEq","state","newState","eq","useBreakpoints","pointsMap","window","innerWidth","setSetPoints","subscribe","newPoints","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useBreakpoints/useBreakpoints.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\ntype Map<POINTS extends string> = Record<POINTS, number>;\ntype Returned<POINTS extends string> = Record<POINTS, boolean>;\n\nconst defaultPoints = [\n  '5xs',\n  '4xs',\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n] as const;\n\ntype DefaultPoints = typeof defaultPoints[number];\n\nconst defaultMap: Map<DefaultPoints> = {\n  '5xs': 320,\n  '4xs': 360,\n  '3xs': 480,\n  '2xs': 720,\n  'xs': 960,\n  's': 1020,\n  'm': 1200,\n  'l': 1400,\n  'xl': 1600,\n  '2xl': 1800,\n  '3xl': 2000,\n  '4xl': 2200,\n  '5xl': 2400,\n};\n\nconst mapping = <POINTS extends string>(\n  width: number,\n  map: Map<POINTS>,\n): Returned<POINTS> => {\n  const points = {} as Returned<POINTS>;\n\n  for (const key in map) {\n    if (Object.prototype.hasOwnProperty.call(map, key)) {\n      points[key] = width >= map[key];\n    }\n  }\n\n  return points;\n};\n\nconst isEq = <POINTS extends string>(\n  state: Returned<POINTS>,\n  newState: Returned<POINTS>,\n) => {\n  let eq = true;\n  for (const key in newState) {\n    if (state[key] !== newState[key]) {\n      eq = false;\n      return eq;\n    }\n  }\n  return eq;\n};\n\nexport const useBreakpoints = <POINTS extends string = DefaultPoints>(\n  map?: Map<POINTS>,\n) => {\n  const pointsMap = map || (defaultMap as Map<POINTS>);\n\n  const [points, setSetPoints] = useState<Returned<POINTS>>(() =>\n    mapping(window.innerWidth, pointsMap),\n  );\n\n  useLayoutEffect(() => {\n    const subscribe = () => {\n      const newPoints = mapping(window.innerWidth, pointsMap);\n\n      setSetPoints((state) => (isEq(state, newPoints) ? state : newPoints));\n    };\n\n    window.addEventListener('resize', subscribe);\n\n    return () => window.removeEventListener('resize', subscribe);\n  }, []);\n\n  return points;\n};\n"],"mappings":"iEAAA,OAASA,eAAT,CAA0BC,QAA1B,KAA0C,OAA1C,C,GAKMC,cAAa,CAAG,CACpB,KADoB,CAEpB,KAFoB,CAGpB,KAHoB,CAIpB,KAJoB,CAKpB,IALoB,CAMpB,GANoB,CAOpB,GAPoB,CAQpB,GARoB,CASpB,IAToB,CAUpB,KAVoB,CAWpB,KAXoB,CAYpB,KAZoB,CAapB,KAboB,C,CAkBhBC,UAA8B,CAAG,CACrC,MAAO,GAD8B,CAErC,MAAO,GAF8B,CAGrC,MAAO,GAH8B,CAIrC,MAAO,GAJ8B,CAKrC,GAAM,GAL+B,CAMrC,EAAK,IANgC,CAOrC,EAAK,IAPgC,CAQrC,EAAK,IARgC,CASrC,GAAM,IAT+B,CAUrC,MAAO,IAV8B,CAWrC,MAAO,GAX8B,CAYrC,MAAO,IAZ8B,CAarC,MAAO,IAb8B,C,CAgBjCC,OAAO,CAAG,SACdC,CADc,CAEdC,CAFc,CAGO,CACrB,GAAMC,EAAM,CAAG,EAAf,CAEA,IAAK,GAAMC,EAAX,GAAkBF,EAAlB,CACMG,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCN,CAArC,CAA0CE,CAA1C,CADN,GAEID,CAAM,CAACC,CAAD,CAAN,CAAcH,CAAK,EAAIC,CAAG,CAACE,CAAD,CAF9B,EAMA,MAAOD,EACR,C,CAEKM,IAAI,CAAG,SACXC,CADW,CAEXC,CAFW,CAGR,CACH,GAAIC,EAAE,GAAN,CACA,IAAK,GAAMR,EAAX,GAAkBO,EAAlB,CACE,GAAID,CAAK,CAACN,CAAD,CAAL,GAAeO,CAAQ,CAACP,CAAD,CAA3B,CAEE,MADAQ,EAAE,GACF,CAAOA,CAAP,CAGJ,MAAOA,EACR,C,CAED,MAAO,IAAMC,eAAc,CAAG,SAC5BX,CAD4B,CAEzB,IACGY,EAAS,CAAGZ,CAAG,EAAKH,UADvB,GAG4BF,QAAQ,CAAmB,iBACxDG,QAAO,CAACe,MAAM,CAACC,UAAR,CAAoBF,CAApB,CADiD,CAAnB,CAHpC,uBAGIX,CAHJ,MAGYc,CAHZ,MAmBH,MAZArB,gBAAe,CAAC,UAAM,CACpB,GAAMsB,EAAS,CAAG,UAAM,CACtB,GAAMC,EAAS,CAAGnB,OAAO,CAACe,MAAM,CAACC,UAAR,CAAoBF,CAApB,CAAzB,CAEAG,CAAY,CAAC,SAACP,CAAD,QAAYD,KAAI,CAACC,CAAD,CAAQS,CAAR,CAAJ,CAAyBT,CAAzB,CAAiCS,CAA7C,CAAD,CACb,CAJD,CAQA,MAFAJ,OAAM,CAACK,gBAAP,CAAwB,QAAxB,CAAkCF,CAAlC,CAEA,CAAO,iBAAMH,OAAM,CAACM,mBAAP,CAA2B,QAA3B,CAAqCH,CAArC,CAAN,CACR,CAVc,CAUZ,EAVY,CAYf,CAAOf,CACR,CAtBM"}
+{"version":3,"file":"useBreakpoints.js","names":["useLayoutEffect","useState","isEq","mapping","defaultPoints","defaultMap","useBreakpoints","map","pointsMap","window","innerWidth","points","setSetPoints","subscribe","newPoints","state","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useBreakpoints/useBreakpoints.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\nimport { isEq } from './isEq';\nimport { mapping } from './mapping';\nimport { Map, Returned } from './types';\n\nconst defaultPoints = [\n  '5xs',\n  '4xs',\n  '3xs',\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n] as const;\n\ntype DefaultPoints = typeof defaultPoints[number];\n\nconst defaultMap: Map<DefaultPoints> = {\n  '5xs': 320,\n  '4xs': 360,\n  '3xs': 480,\n  '2xs': 720,\n  'xs': 960,\n  's': 1020,\n  'm': 1200,\n  'l': 1400,\n  'xl': 1600,\n  '2xl': 1800,\n  '3xl': 2000,\n  '4xl': 2200,\n  '5xl': 2400,\n};\n\nexport const useBreakpoints = <POINTS extends string = DefaultPoints>(\n  map?: Map<POINTS>,\n) => {\n  const pointsMap = map || (defaultMap as Map<POINTS>);\n\n  const [points, setSetPoints] = useState<Returned<POINTS>>(() =>\n    mapping(window.innerWidth, pointsMap),\n  );\n\n  useLayoutEffect(() => {\n    const subscribe = () => {\n      const newPoints = mapping(window.innerWidth, pointsMap);\n\n      setSetPoints((state) => (isEq(state, newPoints) ? state : newPoints));\n    };\n\n    window.addEventListener('resize', subscribe);\n\n    return () => window.removeEventListener('resize', subscribe);\n  }, []);\n\n  return points;\n};\n"],"mappings":"iEAAA,OAASA,eAAT,CAA0BC,QAA1B,KAA0C,OAA1C,CAEA,OAASC,IAAT,cACA,OAASC,OAAT,iB,GAGMC,cAAa,CAAG,CACpB,KADoB,CAEpB,KAFoB,CAGpB,KAHoB,CAIpB,KAJoB,CAKpB,IALoB,CAMpB,GANoB,CAOpB,GAPoB,CAQpB,GARoB,CASpB,IAToB,CAUpB,KAVoB,CAWpB,KAXoB,CAYpB,KAZoB,CAapB,KAboB,C,CAkBhBC,UAA8B,CAAG,CACrC,MAAO,GAD8B,CAErC,MAAO,GAF8B,CAGrC,MAAO,GAH8B,CAIrC,MAAO,GAJ8B,CAKrC,GAAM,GAL+B,CAMrC,EAAK,IANgC,CAOrC,EAAK,IAPgC,CAQrC,EAAK,IARgC,CASrC,GAAM,IAT+B,CAUrC,MAAO,IAV8B,CAWrC,MAAO,GAX8B,CAYrC,MAAO,IAZ8B,CAarC,MAAO,IAb8B,C,CAgBvC,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAEzB,IACGC,EAAS,CAAGD,CAAG,EAAKF,UADvB,GAG4BJ,QAAQ,CAAmB,iBACxDE,QAAO,CAACM,MAAM,CAACC,UAAR,CAAoBF,CAApB,CADiD,CAAnB,CAHpC,uBAGIG,CAHJ,MAGYC,CAHZ,MAmBH,MAZAZ,gBAAe,CAAC,UAAM,CACpB,GAAMa,EAAS,CAAG,UAAM,CACtB,GAAMC,EAAS,CAAGX,OAAO,CAACM,MAAM,CAACC,UAAR,CAAoBF,CAApB,CAAzB,CAEAI,CAAY,CAAC,SAACG,CAAD,QAAYb,KAAI,CAACa,CAAD,CAAQD,CAAR,CAAJ,CAAyBC,CAAzB,CAAiCD,CAA7C,CAAD,CACb,CAJD,CAQA,MAFAL,OAAM,CAACO,gBAAP,CAAwB,QAAxB,CAAkCH,CAAlC,CAEA,CAAO,iBAAMJ,OAAM,CAACQ,mBAAP,CAA2B,QAA3B,CAAqCJ,CAArC,CAAN,CACR,CAVc,CAUZ,EAVY,CAYf,CAAOF,CACR,CAtBM"}

package/__internal__/src/hooks/useComponentBreakpoints/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useComponentBreakpoints';
+export * from "../useBreakpoints/getLastPoint";

package/__internal__/src/hooks/useComponentBreakpoints/index.js

@@ -0,0 +1,2 @@
+export*from"./useComponentBreakpoints";export*from"../useBreakpoints/getLastPoint";
+//# sourceMappingURL=index.js.map

package/__internal__/src/hooks/useComponentBreakpoints/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/hooks/useComponentBreakpoints/index.ts"],"sourcesContent":["export * from './useComponentBreakpoints';\nexport * from '##/hooks/useBreakpoints/getLastPoint';\n"],"mappings":"AAAA,uCACA"}

package/__internal__/src/hooks/useComponentBreakpoints/useComponentBreakpoints.d.ts

@@ -0,0 +1,2 @@
+import { Map, Returned } from "../useBreakpoints/types";
+export declare const useComponentBreakpoints: <POINTS extends string>(ref: React.RefObject<HTMLElement | SVGGraphicsElement>, map: Map<POINTS>) => Returned<POINTS>;

package/__internal__/src/hooks/useComponentBreakpoints/useComponentBreakpoints.js

@@ -0,0 +1,2 @@
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useLayoutEffect,useState}from"react";import{isEq}from"../useBreakpoints/isEq";import{mapping}from"../useBreakpoints/mapping";import{useMutableRef}from"../useMutableRef";var getWidth=function(a){var b;return(null===(b=a.current)||void 0===b?void 0:b.getBoundingClientRect().width)||0};export var useComponentBreakpoints=function(a,b){var c=useState(function(){return mapping(getWidth(a),b)}),d=_slicedToArray(c,2),e=d[0],f=d[1],g=useMutableRef(b);return useLayoutEffect(function(){var b=new ResizeObserver(function(){var b=mapping(getWidth(a),g.current);f(function(a){return isEq(a,b)?a:b})});return a.current&&b.observe(a.current),function(){b.disconnect()}},[a.current]),e};
+//# sourceMappingURL=useComponentBreakpoints.js.map

package/__internal__/src/hooks/useComponentBreakpoints/useComponentBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentBreakpoints.js","names":["useLayoutEffect","useState","isEq","mapping","useMutableRef","getWidth","ref","current","getBoundingClientRect","width","useComponentBreakpoints","map","points","setSetPoints","mapRef","resizeObserver","ResizeObserver","newPoints","state","observe","disconnect"],"sources":["../../../../../src/hooks/useComponentBreakpoints/useComponentBreakpoints.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\n\nimport { isEq } from '##/hooks/useBreakpoints/isEq';\nimport { mapping } from '##/hooks/useBreakpoints/mapping';\nimport { Map, Returned } from '##/hooks/useBreakpoints/types';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nconst getWidth = (ref: React.RefObject<HTMLElement | SVGGraphicsElement>) =>\n  ref.current?.getBoundingClientRect().width || 0;\n\nexport const useComponentBreakpoints = <POINTS extends string>(\n  ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n  map: Map<POINTS>,\n) => {\n  const [points, setSetPoints] = useState<Returned<POINTS>>(() =>\n    mapping(getWidth(ref), map),\n  );\n\n  const mapRef = useMutableRef(map);\n\n  useLayoutEffect(() => {\n    const resizeObserver = new ResizeObserver(() => {\n      const newPoints = mapping(getWidth(ref), mapRef.current);\n      setSetPoints((state) => (isEq(state, newPoints) ? state : newPoints));\n    });\n\n    ref.current && resizeObserver.observe(ref.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [ref.current]);\n\n  return points;\n};\n"],"mappings":"iEAAA,OAASA,eAAT,CAA0BC,QAA1B,KAA0C,OAA1C,CAEA,OAASC,IAAT,8BACA,OAASC,OAAT,iCAEA,OAASC,aAAT,wBAEA,GAAMC,SAAQ,CAAG,SAACC,CAAD,cACf,WAAAA,CAAG,CAACC,OAAJ,uBAAaC,qBAAb,GAAqCC,KAArC,GAA8C,CAD/B,CAAjB,CAGA,MAAO,IAAMC,wBAAuB,CAAG,SACrCJ,CADqC,CAErCK,CAFqC,CAGlC,OAC4BV,QAAQ,CAAmB,iBACxDE,QAAO,CAACE,QAAQ,CAACC,CAAD,CAAT,CAAgBK,CAAhB,CADiD,CAAnB,CADpC,uBACIC,CADJ,MACYC,CADZ,MAKGC,CAAM,CAAGV,aAAa,CAACO,CAAD,CALzB,CAoBH,MAbAX,gBAAe,CAAC,UAAM,CACpB,GAAMe,EAAc,CAAG,GAAIC,eAAJ,CAAmB,UAAM,CAC9C,GAAMC,EAAS,CAAGd,OAAO,CAACE,QAAQ,CAACC,CAAD,CAAT,CAAgBQ,CAAM,CAACP,OAAvB,CAAzB,CACAM,CAAY,CAAC,SAACK,CAAD,QAAYhB,KAAI,CAACgB,CAAD,CAAQD,CAAR,CAAJ,CAAyBC,CAAzB,CAAiCD,CAA7C,CAAD,CACb,CAHsB,CAAvB,CAOA,MAFAX,EAAG,CAACC,OAAJ,EAAeQ,CAAc,CAACI,OAAf,CAAuBb,CAAG,CAACC,OAA3B,CAEf,CAAO,UAAM,CACXQ,CAAc,CAACK,UAAf,EACD,CACF,CAXc,CAWZ,CAACd,CAAG,CAACC,OAAL,CAXY,CAaf,CAAOK,CACR,CAxBM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "4.3.1",
+  "version": "4.4.1",
   "keywords": [
     "ui-kit",
     "design-system",

package/useComponentBreakpoints/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useComponentBreakpoints";

package/useComponentBreakpoints/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/hooks/useComponentBreakpoints";