@consta/uikit 5.26.0 → 5.27.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/__internal__/src/components/Banner/Banner.d.ts +20 -8
  2. package/__internal__/src/components/Banner/Banner.js +1 -1
  3. package/__internal__/src/components/Banner/Banner.js.map +1 -1
  4. package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js +1 -1
  5. package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js.map +1 -1
  6. package/__internal__/src/components/FieldComponents/FieldWrapper/types.d.ts +1 -0
  7. package/__internal__/src/components/FieldComponents/FieldWrapper/types.js.map +1 -1
  8. package/__internal__/src/components/Modal/Modal.css +1 -1
  9. package/__internal__/src/components/Modal/Modal.d.ts +8 -13
  10. package/__internal__/src/components/Modal/Modal.js +1 -1
  11. package/__internal__/src/components/Modal/Modal.js.map +1 -1
  12. package/__internal__/src/components/Modal/ModalHeader/ModalHeader.css +1 -0
  13. package/__internal__/src/components/Modal/ModalHeader/ModalHeader.d.ts +14 -0
  14. package/__internal__/src/components/Modal/ModalHeader/ModalHeader.js +2 -0
  15. package/__internal__/src/components/Modal/ModalHeader/ModalHeader.js.map +1 -0
  16. package/__internal__/src/components/Modal/ModalHeader/index.d.ts +1 -0
  17. package/__internal__/src/components/Modal/ModalHeader/index.js +2 -0
  18. package/__internal__/src/components/Modal/ModalHeader/index.js.map +1 -0
  19. package/__internal__/src/components/Modal/ModalLayout/ModalLayout.css +5 -0
  20. package/__internal__/src/components/Modal/ModalLayout/ModalLayout.d.ts +10 -0
  21. package/__internal__/src/components/Modal/ModalLayout/ModalLayout.js +2 -0
  22. package/__internal__/src/components/Modal/ModalLayout/ModalLayout.js.map +1 -0
  23. package/__internal__/src/components/Modal/ModalLayout/index.d.ts +1 -0
  24. package/__internal__/src/components/Modal/ModalLayout/index.js +2 -0
  25. package/__internal__/src/components/Modal/ModalLayout/index.js.map +1 -0
  26. package/__internal__/src/components/Modal/index.d.ts +3 -0
  27. package/__internal__/src/components/Modal/index.js +1 -1
  28. package/__internal__/src/components/Modal/index.js.map +1 -1
  29. package/__internal__/src/components/Modal/types.d.ts +23 -0
  30. package/__internal__/src/components/Modal/types.js +2 -0
  31. package/__internal__/src/components/Modal/types.js.map +1 -0
  32. package/__internal__/src/components/Modal/useModal.d.ts +20 -0
  33. package/__internal__/src/components/Modal/useModal.js +2 -0
  34. package/__internal__/src/components/Modal/useModal.js.map +1 -0
  35. package/__internal__/src/components/PortalWithTheme/PortalWithTheme.js +1 -1
  36. package/__internal__/src/components/PortalWithTheme/PortalWithTheme.js.map +1 -1
  37. package/__internal__/src/components/RadioGroup/RadioGroup.js +1 -1
  38. package/__internal__/src/components/RadioGroup/RadioGroup.js.map +1 -1
  39. package/__internal__/src/components/Sidebar/Sidebar.css +1 -1
  40. package/__internal__/src/components/Sidebar/Sidebar.d.ts +1 -36
  41. package/__internal__/src/components/Sidebar/Sidebar.js +1 -1
  42. package/__internal__/src/components/Sidebar/Sidebar.js.map +1 -1
  43. package/__internal__/src/components/Sidebar/index.d.ts +1 -0
  44. package/__internal__/src/components/Sidebar/index.js +1 -1
  45. package/__internal__/src/components/Sidebar/index.js.map +1 -1
  46. package/__internal__/src/components/Sidebar/types.d.ts +47 -0
  47. package/__internal__/src/components/Sidebar/types.js +2 -0
  48. package/__internal__/src/components/Sidebar/types.js.map +1 -0
  49. package/__internal__/src/components/Sidebar/useAnimateTimeout.d.ts +2 -0
  50. package/__internal__/src/components/Sidebar/useAnimateTimeout.js +2 -0
  51. package/__internal__/src/components/Sidebar/useAnimateTimeout.js.map +1 -0
  52. package/__internal__/src/components/Slider/Slider.js +1 -1
  53. package/__internal__/src/components/Slider/Slider.js.map +1 -1
  54. package/__internal__/src/components/Slider/useSlider/useSlider.js +1 -1
  55. package/__internal__/src/components/Slider/useSlider/useSlider.js.map +1 -1
  56. package/__internal__/src/hooks/useComponentSize/useComponentSize.d.ts +1 -1
  57. package/__internal__/src/hooks/useComponentSize/useComponentSize.js +1 -1
  58. package/__internal__/src/hooks/useComponentSize/useComponentSize.js.map +1 -1
  59. package/__internal__/src/mixs/MixFlex/MixFlex.d.ts +2 -2
  60. package/__internal__/src/mixs/MixFlex/MixFlex.js.map +1 -1
  61. package/__internal__/src/mixs/MixSpace/MixSpace.d.ts +1 -1
  62. package/__internal__/src/mixs/MixSpace/MixSpace.js +1 -1
  63. package/__internal__/src/mixs/MixSpace/MixSpace.js.map +1 -1
  64. package/__internal__/src/utils/state/useComponentSizeAtom/getElementSize.d.ts +4 -0
  65. package/__internal__/src/utils/state/useComponentSizeAtom/getElementSize.js +2 -0
  66. package/__internal__/src/utils/state/useComponentSizeAtom/getElementSize.js.map +1 -0
  67. package/__internal__/src/utils/state/useComponentSizeAtom/index.d.ts +3 -0
  68. package/__internal__/src/utils/state/useComponentSizeAtom/index.js +2 -0
  69. package/__internal__/src/utils/state/useComponentSizeAtom/index.js.map +1 -0
  70. package/__internal__/src/utils/state/useComponentSizeAtom/types.d.ts +4 -0
  71. package/__internal__/src/utils/state/useComponentSizeAtom/types.js +2 -0
  72. package/__internal__/src/utils/state/useComponentSizeAtom/types.js.map +1 -0
  73. package/__internal__/src/utils/state/useComponentSizeAtom/useComponentSize.d.ts +2 -0
  74. package/__internal__/src/utils/state/useComponentSizeAtom/useComponentSize.js +2 -0
  75. package/__internal__/src/utils/state/useComponentSizeAtom/useComponentSize.js.map +1 -0
  76. package/__internal__/src/utils/state/useResizeObservedAtom/index.d.ts +1 -0
  77. package/__internal__/src/utils/state/useResizeObservedAtom/index.js +2 -0
  78. package/__internal__/src/utils/state/useResizeObservedAtom/index.js.map +1 -0
  79. package/__internal__/src/utils/state/useResizeObservedAtom/useResizeObservedAtom.d.ts +2 -0
  80. package/__internal__/src/utils/state/useResizeObservedAtom/useResizeObservedAtom.js +2 -0
  81. package/__internal__/src/utils/state/useResizeObservedAtom/useResizeObservedAtom.js.map +1 -0
  82. package/package.json +3 -2
@@ -1 +1 @@
1
- {"version":3,"file":"useComponentSize.js","names":["useMemo","getElementSize","useResizeObserved","useComponentSize","ref","current"],"sources":["../../../../../src/hooks/useComponentSize/useComponentSize.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getElementSize, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { ComponentSize } from './types';\n\nexport const useComponentSize = (\n ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n): ComponentSize =>\n useResizeObserved(\n useMemo(\n () => [ref],\n // Если реф начал указывать на другой элемент, нужно обновить подписки\n [ref.current],\n ),\n getElementSize,\n )[0];\n"],"mappings":"AAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,cAAT,CAAyBC,iBAAzB,4BAIA,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,QAG9BF,kBAAiB,CACfF,OAAO,CACL,iBAAM,CAACI,CAAD,CAAN,CADK,CAGL,CAACA,CAAG,CAACC,OAAL,CAHK,CADQ,CAMfJ,cANe,CAAjB,CAOE,CAPF,CAH8B,CAAzB"}
1
+ {"version":3,"file":"useComponentSize.js","names":["useMemo","getElementSize","useResizeObserved","useComponentSize","ref","deps","current"],"sources":["../../../../../src/hooks/useComponentSize/useComponentSize.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getElementSize, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { ComponentSize } from './types';\n\nexport const useComponentSize = (\n ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n deps: unknown[] = [],\n): ComponentSize =>\n useResizeObserved(\n useMemo(\n () => [ref],\n // Если реф начал указывать на другой элемент, нужно обновить подписки\n [ref.current, ...deps],\n ),\n getElementSize,\n )[0];\n"],"mappings":"yEAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,cAAT,CAAyBC,iBAAzB,4BAIA,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,KAE9BC,EAF8B,wDAEZ,EAFY,OAI9BH,kBAAiB,CACfF,OAAO,CACL,iBAAM,CAACI,CAAD,CAAN,CADK,EAGJA,CAAG,CAACE,OAHA,4BAGYD,CAHZ,GADQ,CAMfJ,cANe,CAAjB,CAOE,CAPF,CAJ8B,CAAzB"}
@@ -10,7 +10,7 @@ export declare const mixFlexPropWrap: readonly ["nowrap", "wrap", "wrap-reverse"
10
10
  export type MixFlexPropWrap = typeof mixFlexPropWrap[number];
11
11
  export declare const mixFlexPropDirection: readonly ["row", "row-reverse", "column", "column-reverse"];
12
12
  export type MixFlexPropDirection = typeof mixFlexPropDirection[number];
13
- type Props = {
13
+ export type CnMixFlexProps = {
14
14
  align?: MixFlexPropAlign;
15
15
  justify?: MixFlexPropJustify;
16
16
  flex?: MixFlexPropFlex;
@@ -19,6 +19,6 @@ type Props = {
19
19
  gap?: Space;
20
20
  order?: -1 | 0 | 1;
21
21
  };
22
- type CnMixFlex = (props: Props, classNames?: Array<string | undefined>) => string;
22
+ type CnMixFlex = (props: CnMixFlexProps, classNames?: Array<string | undefined>) => string;
23
23
  export declare const cnMixFlex: CnMixFlex;
24
24
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"MixFlex.js","names":["cn","mixFlexPropAlign","mixFlexPropJustify","mixFlexPropFlex","mixFlexPropWrap","mixFlexPropDirection","cnFlex","cnMixFlex","props","classNames"],"sources":["../../../../../src/mixs/MixFlex/MixFlex.ts"],"sourcesContent":["import './MixFlex.css';\n\nimport { cn } from '##/utils/bem';\n\nimport { Space } from '../MixSpace';\n\nexport const mixFlexPropAlign = [\n 'flex-start',\n 'flex-end',\n 'center',\n 'baseline',\n 'stretch',\n] as const;\nexport type MixFlexPropAlign = typeof mixFlexPropAlign[number];\n\nexport const mixFlexPropJustify = [\n 'flex-start',\n 'flex-end',\n 'center',\n 'space-between',\n 'space-around',\n 'space-evenly',\n] as const;\nexport type MixFlexPropJustify = typeof mixFlexPropJustify[number];\n\nexport const mixFlexPropFlex = ['flex', 'inline-flex'] as const;\nexport type MixFlexPropFlex = typeof mixFlexPropFlex[number];\n\nexport const mixFlexPropWrap = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nexport type MixFlexPropWrap = typeof mixFlexPropWrap[number];\n\nexport const mixFlexPropDirection = [\n 'row',\n 'row-reverse',\n 'column',\n 'column-reverse',\n] as const;\nexport type MixFlexPropDirection = typeof mixFlexPropDirection[number];\n\ntype Props = {\n align?: MixFlexPropAlign;\n justify?: MixFlexPropJustify;\n flex?: MixFlexPropFlex;\n wrap?: MixFlexPropWrap;\n direction?: MixFlexPropDirection;\n gap?: Space;\n order?: -1 | 0 | 1;\n};\n\ntype CnMixFlex = (\n props: Props,\n classNames?: Array<string | undefined>,\n) => string;\n\nconst cnFlex = cn('MixFlex');\n\nexport const cnMixFlex: CnMixFlex = (props, classNames = []) =>\n cnFlex(props, classNames);\n"],"mappings":"AAAA,sBAEA,OAASA,EAAT,uBAIA,MAAO,IAAMC,iBAAgB,CAAG,CAC9B,YAD8B,CAE9B,UAF8B,CAG9B,QAH8B,CAI9B,UAJ8B,CAK9B,SAL8B,CAAzB,CASP,MAAO,IAAMC,mBAAkB,CAAG,CAChC,YADgC,CAEhC,UAFgC,CAGhC,QAHgC,CAIhC,eAJgC,CAKhC,cALgC,CAMhC,cANgC,CAA3B,CAUP,MAAO,IAAMC,gBAAe,CAAG,CAAC,MAAD,CAAS,aAAT,CAAxB,CAGP,MAAO,IAAMC,gBAAe,CAAG,CAAC,QAAD,CAAW,MAAX,CAAmB,cAAnB,CAAxB,CAGP,MAAO,IAAMC,qBAAoB,CAAG,CAClC,KADkC,CAElC,aAFkC,CAGlC,QAHkC,CAIlC,gBAJkC,CAA7B,CAuBP,GAAMC,OAAM,CAAGN,EAAE,CAAC,SAAD,CAAjB,CAEA,MAAO,IAAMO,UAAoB,CAAG,SAACC,CAAD,KAAQC,EAAR,wDAAqB,EAArB,OAClCH,OAAM,CAACE,CAAD,CAAQC,CAAR,CAD4B,CAA7B"}
1
+ {"version":3,"file":"MixFlex.js","names":["cn","mixFlexPropAlign","mixFlexPropJustify","mixFlexPropFlex","mixFlexPropWrap","mixFlexPropDirection","cnFlex","cnMixFlex","props","classNames"],"sources":["../../../../../src/mixs/MixFlex/MixFlex.ts"],"sourcesContent":["import './MixFlex.css';\n\nimport { cn } from '##/utils/bem';\n\nimport { Space } from '../MixSpace';\n\nexport const mixFlexPropAlign = [\n 'flex-start',\n 'flex-end',\n 'center',\n 'baseline',\n 'stretch',\n] as const;\nexport type MixFlexPropAlign = typeof mixFlexPropAlign[number];\n\nexport const mixFlexPropJustify = [\n 'flex-start',\n 'flex-end',\n 'center',\n 'space-between',\n 'space-around',\n 'space-evenly',\n] as const;\nexport type MixFlexPropJustify = typeof mixFlexPropJustify[number];\n\nexport const mixFlexPropFlex = ['flex', 'inline-flex'] as const;\nexport type MixFlexPropFlex = typeof mixFlexPropFlex[number];\n\nexport const mixFlexPropWrap = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nexport type MixFlexPropWrap = typeof mixFlexPropWrap[number];\n\nexport const mixFlexPropDirection = [\n 'row',\n 'row-reverse',\n 'column',\n 'column-reverse',\n] as const;\nexport type MixFlexPropDirection = typeof mixFlexPropDirection[number];\n\nexport type CnMixFlexProps = {\n align?: MixFlexPropAlign;\n justify?: MixFlexPropJustify;\n flex?: MixFlexPropFlex;\n wrap?: MixFlexPropWrap;\n direction?: MixFlexPropDirection;\n gap?: Space;\n order?: -1 | 0 | 1;\n};\n\ntype CnMixFlex = (\n props: CnMixFlexProps,\n classNames?: Array<string | undefined>,\n) => string;\n\nconst cnFlex = cn('MixFlex');\n\nexport const cnMixFlex: CnMixFlex = (props, classNames = []) =>\n cnFlex(props, classNames);\n"],"mappings":"AAAA,sBAEA,OAASA,EAAT,uBAIA,MAAO,IAAMC,iBAAgB,CAAG,CAC9B,YAD8B,CAE9B,UAF8B,CAG9B,QAH8B,CAI9B,UAJ8B,CAK9B,SAL8B,CAAzB,CASP,MAAO,IAAMC,mBAAkB,CAAG,CAChC,YADgC,CAEhC,UAFgC,CAGhC,QAHgC,CAIhC,eAJgC,CAKhC,cALgC,CAMhC,cANgC,CAA3B,CAUP,MAAO,IAAMC,gBAAe,CAAG,CAAC,MAAD,CAAS,aAAT,CAAxB,CAGP,MAAO,IAAMC,gBAAe,CAAG,CAAC,QAAD,CAAW,MAAX,CAAmB,cAAnB,CAAxB,CAGP,MAAO,IAAMC,qBAAoB,CAAG,CAClC,KADkC,CAElC,aAFkC,CAGlC,QAHkC,CAIlC,gBAJkC,CAA7B,CAuBP,GAAMC,OAAM,CAAGN,EAAE,CAAC,SAAD,CAAjB,CAEA,MAAO,IAAMO,UAAoB,CAAG,SAACC,CAAD,KAAQC,EAAR,wDAAqB,EAArB,OAClCH,OAAM,CAACE,CAAD,CAAQC,CAAR,CAD4B,CAA7B"}
@@ -1,5 +1,5 @@
1
1
  import './MixSpace.css';
2
2
  import { MixSpaceProps } from './types';
3
- type CnMixSpace = (props: MixSpaceProps) => string;
3
+ type CnMixSpace = (props?: MixSpaceProps) => string;
4
4
  export declare const cnMixSpace: CnMixSpace;
5
5
  export {};
@@ -1,2 +1,2 @@
1
- import"./MixSpace.css";import{cn}from"../../utils/bem";var cnSpace=cn("MixSpace");export var cnMixSpace=function(a){var b=a.p,c=a.m,d=a.pV,e=a.pH,f=a.mV,g=a.mH,h=a.mT,i=a.mL,j=a.mR,k=a.mB,l=a.pT,m=a.pL,n=a.pR,o=a.pB;return cnSpace({pT:l||d||b,pL:m||e||b,pR:n||e||b,pB:o||d||b,mT:h||f||c,mL:i||g||c,mR:j||g||c,mB:k||f||c})};
1
+ import"./MixSpace.css";import{cn}from"../../utils/bem";var cnSpace=cn("MixSpace");export var cnMixSpace=function(a){if(!a)return"";var b=a.p,c=a.m,d=a.pV,e=a.pH,f=a.mV,g=a.mH,h=a.mT,i=a.mL,j=a.mR,k=a.mB,l=a.pT,m=a.pL,n=a.pR,o=a.pB;return cnSpace({pT:l||d||b,pL:m||e||b,pR:n||e||b,pB:o||d||b,mT:h||f||c,mL:i||g||c,mR:j||g||c,mB:k||f||c})};
2
2
  //# sourceMappingURL=MixSpace.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MixSpace.js","names":["cn","cnSpace","cnMixSpace","p","m","pV","pH","mV","mH","mT","mL","mR","mB","pT","pL","pR","pB"],"sources":["../../../../../src/mixs/MixSpace/MixSpace.tsx"],"sourcesContent":["import './MixSpace.css';\n\nimport { cn } from '##/utils/bem';\n\nimport { MixSpaceProps } from './types';\n\ntype CnMixSpace = (props: MixSpaceProps) => string;\n\nconst cnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = ({\n p,\n m,\n pV,\n pH,\n mV,\n mH,\n mT,\n mL,\n mR,\n mB,\n pT,\n pL,\n pR,\n pB,\n}) =>\n cnSpace({\n pT: pT || pV || p,\n pL: pL || pH || p,\n pR: pR || pH || p,\n pB: pB || pV || p,\n mT: mT || mV || m,\n mL: mL || mH || m,\n mR: mR || mH || m,\n mB: mB || mV || m,\n });\n"],"mappings":"AAAA,uBAEA,OAASA,EAAT,uBAMA,GAAMC,QAAO,CAAGD,EAAE,CAAC,UAAD,CAAlB,CAEA,MAAO,IAAME,WAAsB,CAAG,eACpCC,EADoC,GACpCA,CADoC,CAEpCC,CAFoC,GAEpCA,CAFoC,CAGpCC,CAHoC,GAGpCA,EAHoC,CAIpCC,CAJoC,GAIpCA,EAJoC,CAKpCC,CALoC,GAKpCA,EALoC,CAMpCC,CANoC,GAMpCA,EANoC,CAOpCC,CAPoC,GAOpCA,EAPoC,CAQpCC,CARoC,GAQpCA,EARoC,CASpCC,CAToC,GASpCA,EAToC,CAUpCC,CAVoC,GAUpCA,EAVoC,CAWpCC,CAXoC,GAWpCA,EAXoC,CAYpCC,CAZoC,GAYpCA,EAZoC,CAapCC,CAboC,GAapCA,EAboC,CAcpCC,CAdoC,GAcpCA,EAdoC,OAgBpCf,QAAO,CAAC,CACNY,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYF,CADV,CAENW,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYH,CAFV,CAGNY,EAAE,CAAEA,CAAE,EAAIT,CAAN,EAAYH,CAHV,CAINa,EAAE,CAAEA,CAAE,EAAIX,CAAN,EAAYF,CAJV,CAKNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYH,CALV,CAMNM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYJ,CANV,CAONO,EAAE,CAAEA,CAAE,EAAIH,CAAN,EAAYJ,CAPV,CAQNQ,EAAE,CAAEA,CAAE,EAAIL,CAAN,EAAYH,CARV,CAAD,CAhB6B,CAA/B"}
1
+ {"version":3,"file":"MixSpace.js","names":["cn","cnSpace","cnMixSpace","props","p","m","pV","pH","mV","mH","mT","mL","mR","mB","pT","pL","pR","pB"],"sources":["../../../../../src/mixs/MixSpace/MixSpace.tsx"],"sourcesContent":["import './MixSpace.css';\n\nimport { cn } from '##/utils/bem';\n\nimport { MixSpaceProps } from './types';\n\ntype CnMixSpace = (props?: MixSpaceProps) => string;\n\nconst cnSpace = cn('MixSpace');\n\nexport const cnMixSpace: CnMixSpace = (props) => {\n if (!props) return '';\n const { p, m, pV, pH, mV, mH, mT, mL, mR, mB, pT, pL, pR, pB } = props;\n return cnSpace({\n pT: pT || pV || p,\n pL: pL || pH || p,\n pR: pR || pH || p,\n pB: pB || pV || p,\n mT: mT || mV || m,\n mL: mL || mH || m,\n mR: mR || mH || m,\n mB: mB || mV || m,\n });\n};\n"],"mappings":"AAAA,uBAEA,OAASA,EAAT,uBAMA,GAAMC,QAAO,CAAGD,EAAE,CAAC,UAAD,CAAlB,CAEA,MAAO,IAAME,WAAsB,CAAG,SAACC,CAAD,CAAW,CAC/C,GAAI,CAACA,CAAL,CAAY,MAAO,EAAP,CACZ,GAAQC,EAAR,CAAiED,CAAjE,CAAQC,CAAR,CAAWC,CAAX,CAAiEF,CAAjE,CAAWE,CAAX,CAAcC,CAAd,CAAiEH,CAAjE,CAAcG,EAAd,CAAkBC,CAAlB,CAAiEJ,CAAjE,CAAkBI,EAAlB,CAAsBC,CAAtB,CAAiEL,CAAjE,CAAsBK,EAAtB,CAA0BC,CAA1B,CAAiEN,CAAjE,CAA0BM,EAA1B,CAA8BC,CAA9B,CAAiEP,CAAjE,CAA8BO,EAA9B,CAAkCC,CAAlC,CAAiER,CAAjE,CAAkCQ,EAAlC,CAAsCC,CAAtC,CAAiET,CAAjE,CAAsCS,EAAtC,CAA0CC,CAA1C,CAAiEV,CAAjE,CAA0CU,EAA1C,CAA8CC,CAA9C,CAAiEX,CAAjE,CAA8CW,EAA9C,CAAkDC,CAAlD,CAAiEZ,CAAjE,CAAkDY,EAAlD,CAAsDC,CAAtD,CAAiEb,CAAjE,CAAsDa,EAAtD,CAA0DC,CAA1D,CAAiEd,CAAjE,CAA0Dc,EAA1D,CACA,MAAOhB,QAAO,CAAC,CACba,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYF,CADH,CAEbW,EAAE,CAAEA,CAAE,EAAIR,CAAN,EAAYH,CAFH,CAGbY,EAAE,CAAEA,CAAE,EAAIT,CAAN,EAAYH,CAHH,CAIba,EAAE,CAAEA,CAAE,EAAIX,CAAN,EAAYF,CAJH,CAKbM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYH,CALH,CAMbM,EAAE,CAAEA,CAAE,EAAIF,CAAN,EAAYJ,CANH,CAObO,EAAE,CAAEA,CAAE,EAAIH,CAAN,EAAYJ,CAPH,CAQbQ,EAAE,CAAEA,CAAE,EAAIL,CAAN,EAAYH,CARH,CAAD,CAUf,CAbM"}
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @deprecated use import { getElementSize } from '@consta/uikit/useResizeObserved'
3
+ */
4
+ export declare const getElementSize: (el: HTMLElement | SVGGraphicsElement | null) => import("../../../hooks/useResizeObserved/getElementSize").ComponentSize;
@@ -0,0 +1,2 @@
1
+ import{getElementSize as fn}from"../../../hooks/useResizeObserved/getElementSize";export var getElementSize=fn;
2
+ //# sourceMappingURL=getElementSize.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getElementSize.js","names":["getElementSize","fn"],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/getElementSize.ts"],"sourcesContent":["import { getElementSize as fn } from '##/hooks/useResizeObserved/getElementSize';\n\n/**\n * @deprecated use import { getElementSize } from '@consta/uikit/useResizeObserved'\n */\nexport const getElementSize = fn;\n"],"mappings":"AAAA,OAASA,cAAc,GAAIC,GAA3B,uDAKA,MAAO,IAAMD,eAAc,CAAGC,EAAvB"}
@@ -0,0 +1,3 @@
1
+ export * from './useComponentSize';
2
+ export * from './getElementSize';
3
+ export * from './types';
@@ -0,0 +1,2 @@
1
+ export*from"./useComponentSize";export*from"./getElementSize";export*from"./types";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/index.ts"],"sourcesContent":["export * from './useComponentSize';\nexport * from './getElementSize';\nexport * from './types';\n"],"mappings":"AAAA,gCACA,8BACA"}
@@ -0,0 +1,4 @@
1
+ export type ComponentSize = {
2
+ width: number;
3
+ height: number;
4
+ };
@@ -0,0 +1,2 @@
1
+ export{};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/types.ts"],"sourcesContent":["export type ComponentSize = {\n width: number;\n height: number;\n};\n"],"mappings":""}
@@ -0,0 +1,2 @@
1
+ import { ComponentSize } from './types';
2
+ export declare const useComponentSize: (ref: React.RefObject<HTMLElement | SVGGraphicsElement>, deps?: unknown[]) => ComponentSize;
@@ -0,0 +1,2 @@
1
+ import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import{useMemo}from"react";import{getElementSize,useResizeObserved}from"../../../hooks/useResizeObserved";export var useComponentSize=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:[];return useResizeObserved(useMemo(function(){return[a]},[a.current].concat(_toConsumableArray(b))),getElementSize)[0]};
2
+ //# sourceMappingURL=useComponentSize.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useComponentSize.js","names":["useMemo","getElementSize","useResizeObserved","useComponentSize","ref","deps","current"],"sources":["../../../../../../src/utils/state/useComponentSizeAtom/useComponentSize.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { getElementSize, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { ComponentSize } from './types';\n\nexport const useComponentSize = (\n ref: React.RefObject<HTMLElement | SVGGraphicsElement>,\n deps: unknown[] = [],\n): ComponentSize =>\n useResizeObserved(\n useMemo(\n () => [ref],\n // Если реф начал указывать на другой элемент, нужно обновить подписки\n [ref.current, ...deps],\n ),\n getElementSize,\n )[0];\n"],"mappings":"yEAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,cAAT,CAAyBC,iBAAzB,wCAIA,MAAO,IAAMC,iBAAgB,CAAG,SAC9BC,CAD8B,KAE9BC,EAF8B,wDAEZ,EAFY,OAI9BH,kBAAiB,CACfF,OAAO,CACL,iBAAM,CAACI,CAAD,CAAN,CADK,EAGJA,CAAG,CAACE,OAHA,4BAGYD,CAHZ,GADQ,CAMfJ,cANe,CAAjB,CAOE,CAPF,CAJ8B,CAAzB"}
@@ -0,0 +1 @@
1
+ export * from './useResizeObservedAtom';
@@ -0,0 +1,2 @@
1
+ export*from"./useResizeObservedAtom";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/utils/state/useResizeObservedAtom/index.ts"],"sourcesContent":["export * from './useResizeObservedAtom';\n"],"mappings":"AAAA"}
@@ -0,0 +1,2 @@
1
+ import { AtomMut } from '@reatom/framework';
2
+ export declare const useResizeObservedAtom: <ELEMENT extends HTMLElement | null, RETURN_TYPE>(elementsAtom: AtomMut<ELEMENT[]>, mapper: (el: ELEMENT | null) => RETURN_TYPE) => AtomMut<(RETURN_TYPE | undefined)[]>;
@@ -0,0 +1,2 @@
1
+ function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useAction,useUpdate}from"@reatom/npm-react";import{useEffect,useMemo}from"react";import{useCreateAtom}from"../useCreateAtom";import{useSendToAtom}from"../useSendToAtom";export var useResizeObservedAtom=function(a,b){var c=useSendToAtom([b]),d=useCreateAtom([]),e=useAction(function(b){return d(b,b.get(a).map(function(a){return b.get(c)[0](a)}))}),f=useMemo(function(){return new ResizeObserver(e)},[]);return useUpdate(function(a,b){e(),f.disconnect();var c,d=_createForOfIteratorHelper(b);try{for(d.s();!(c=d.n()).done;){var g=c.value;g&&f.observe(g)}}catch(a){d.e(a)}finally{d.f()}},[a]),useEffect(function(){return function(){f.disconnect()}},[]),d};
2
+ //# sourceMappingURL=useResizeObservedAtom.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useResizeObservedAtom.js","names":["useAction","useUpdate","useEffect","useMemo","useCreateAtom","useSendToAtom","useResizeObservedAtom","elementsAtom","mapper","mapperAtom","stateAtom","update","ctx","get","map","el","resizeObserver","ResizeObserver","elements","disconnect","observe"],"sources":["../../../../../../src/utils/state/useResizeObservedAtom/useResizeObservedAtom.ts"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useUpdate } from '@reatom/npm-react';\nimport { useEffect, useMemo } from 'react';\n\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { useSendToAtom } from '##/utils/state/useSendToAtom';\n\nexport const useResizeObservedAtom = <\n ELEMENT extends HTMLElement | null,\n RETURN_TYPE,\n>(\n elementsAtom: AtomMut<ELEMENT[]>,\n mapper: (el: ELEMENT | null) => RETURN_TYPE,\n) => {\n const mapperAtom = useSendToAtom([mapper]);\n const stateAtom = useCreateAtom<(RETURN_TYPE | undefined)[]>([]);\n\n const update = useAction((ctx) =>\n stateAtom(\n ctx,\n ctx.get(elementsAtom).map((el) => ctx.get(mapperAtom)[0](el)),\n ),\n );\n\n const resizeObserver = useMemo(() => new ResizeObserver(update), []);\n\n useUpdate(\n (ctx, elements) => {\n update();\n resizeObserver.disconnect();\n for (const el of elements) {\n el && resizeObserver.observe(el);\n }\n },\n [elementsAtom],\n );\n\n useEffect(() => {\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n return stateAtom;\n};\n"],"mappings":"qpCACA,OAASA,SAAT,CAAoBC,SAApB,KAAqC,mBAArC,CACA,OAASC,SAAT,CAAoBC,OAApB,KAAmC,OAAnC,CAEA,OAASC,aAAT,wBACA,OAASC,aAAT,wBAEA,MAAO,IAAMC,sBAAqB,CAAG,SAInCC,CAJmC,CAKnCC,CALmC,CAMhC,IACGC,EAAU,CAAGJ,aAAa,CAAC,CAACG,CAAD,CAAD,CAD7B,CAEGE,CAAS,CAAGN,aAAa,CAA8B,EAA9B,CAF5B,CAIGO,CAAM,CAAGX,SAAS,CAAC,SAACY,CAAD,QACvBF,EAAS,CACPE,CADO,CAEPA,CAAG,CAACC,GAAJ,CAAQN,CAAR,EAAsBO,GAAtB,CAA0B,SAACC,CAAD,QAAQH,EAAG,CAACC,GAAJ,CAAQJ,CAAR,EAAoB,CAApB,EAAuBM,CAAvB,CAAR,CAA1B,CAFO,CADc,CAAD,CAJrB,CAWGC,CAAc,CAAGb,OAAO,CAAC,iBAAM,IAAIc,eAAJ,CAAmBN,CAAnB,CAAN,CAAD,CAAmC,EAAnC,CAX3B,CA8BH,MAjBAV,UAAS,CACP,SAACW,CAAD,CAAMM,CAAN,CAAmB,CACjBP,CAAM,EADW,CAEjBK,CAAc,CAACG,UAAf,EAFiB,oCAGAD,CAHA,MAGjB,2BAA2B,IAAhBH,EAAgB,SACzBA,CAAE,EAAIC,CAAc,CAACI,OAAf,CAAuBL,CAAvB,CACP,CALgB,+BAMlB,CAPM,CAQP,CAACR,CAAD,CARO,CAiBT,CANAL,SAAS,CAAC,UAAM,CACd,MAAO,WAAM,CACXc,CAAc,CAACG,UAAf,EACD,CACF,CAJQ,CAIN,EAJM,CAMT,CAAOT,CACR,CArCM"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@consta/uikit",
3
- "version": "5.26.0",
3
+ "version": "5.27.1",
4
4
  "keywords": [
5
5
  "ui-kit",
6
6
  "design-system",
@@ -16,7 +16,8 @@
16
16
  "peerDependencies": {
17
17
  "@bem-react/classname": "^1.6.0",
18
18
  "@bem-react/classnames": "^1.3.10",
19
- "@consta/icons": "^1.0.0",
19
+ "@consta/icons": "^1.3.0",
20
+ "@consta/table": "^0.7.0",
20
21
  "@reatom/core": "^3.10.1",
21
22
  "@reatom/npm-react": "^3.10.6",
22
23
  "compute-scroll-into-view": "^3.1.1",