@lidofinance/lido-ui 3.19.0 → 3.20.0

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.
@@ -12,6 +12,8 @@ const Accordion = /*#__PURE__*/React.forwardRef((_ref, ref) => {
12
12
  defaultExpanded,
13
13
  summary,
14
14
  children,
15
+ onExpand,
16
+ onCollapse,
15
17
  ...rest
16
18
  } = _ref;
17
19
  const {
@@ -19,7 +21,9 @@ const Accordion = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
21
  collapseProps,
20
22
  isExpanded
21
23
  } = useExpanded.useExpanded({
22
- defaultExpanded
24
+ defaultExpanded,
25
+ onExpand,
26
+ onCollapse
23
27
  });
24
28
  return /*#__PURE__*/jsxRuntime.jsxs(AccordionStyles.AccordionStyle, { ...rest,
25
29
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n AccordionStyle,\n AccordionSummaryStyle,\n AccordionTitleStyle,\n AccordionArrowStyle,\n AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n (\n { defaultExpanded, summary, children, ...rest }: AccordionProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const { toggleProps, collapseProps, isExpanded } = useExpanded({\n defaultExpanded,\n })\n\n return (\n <AccordionStyle {...rest} ref={ref}>\n <AccordionSummaryStyle {...toggleProps}>\n <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n <AccordionArrowStyle $expanded={isExpanded} />\n </AccordionSummaryStyle>\n <div {...collapseProps}>\n <AccordionContentStyle>{children}</AccordionContentStyle>\n </div>\n </AccordionStyle>\n )\n },\n)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionStyle","AccordionSummaryStyle","_jsx","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","displayName"],"mappings":";;;;;;;;;MAWaA,SAAS,gBAAGC,gBAAU,CACjC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,eAAF;IAAmBC,OAAnB;IAA4BC,QAA5B;IAAsC,GAAGC,IAAAA;GAEtC,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;IAAeC,aAAf;AAA8BC,IAAAA,UAAAA;AAA9B,GAAA,GAA6CC,uBAAW,CAAC;AAC7DP,IAAAA,eAAAA;AAD6D,GAAD,CAA9D,CAAA;EAIA,oBACEQ,eAAA,CAACC,8BAAD,EAAA,EAAA,GAAoBN,IAApB;AAA0B,IAAA,GAAG,EAAEJ,GAA/B;IAAA,QACE,EAAA,cAAAS,eAAA,CAACE,qCAAD,EAAA,EAAA,GAA2BN,WAA3B;AAAA,MAAA,QAAA,EAAA,cACEO,eAACC,mCAAD,EAAA;QAAA,QAAsBX,EAAAA,OAAAA;OADxB,CAAA,eAEEU,eAACE,mCAAD,EAAA;AAAqB,QAAA,SAAS,EAAEP,UAAAA;OAFlC,CAAA,CAAA;KADF,CAAA,eAKEK,2BAASN,aAAT;AAAA,MAAA,QAAA,eACEM,eAACG,qCAAD,EAAA;QAAA,QAAwBZ,EAAAA,QAAAA;AAAxB,OAAA,CAAA;KANJ,CAAA,CAAA;GADF,CAAA,CAAA;AAWD,CApBgC,EAA5B;AAsBPL,SAAS,CAACkB,WAAV,GAAwB,WAAxB;;;;"}
1
+ {"version":3,"file":"Accordion.js","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n AccordionStyle,\n AccordionSummaryStyle,\n AccordionTitleStyle,\n AccordionArrowStyle,\n AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n (\n {\n defaultExpanded,\n summary,\n children,\n onExpand,\n onCollapse,\n ...rest\n }: AccordionProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const { toggleProps, collapseProps, isExpanded } = useExpanded({\n defaultExpanded,\n onExpand,\n onCollapse,\n })\n\n return (\n <AccordionStyle {...rest} ref={ref}>\n <AccordionSummaryStyle {...toggleProps}>\n <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n <AccordionArrowStyle $expanded={isExpanded} />\n </AccordionSummaryStyle>\n <div {...collapseProps}>\n <AccordionContentStyle>{children}</AccordionContentStyle>\n </div>\n </AccordionStyle>\n )\n },\n)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","ref","defaultExpanded","summary","children","onExpand","onCollapse","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","AccordionStyle","AccordionSummaryStyle","_jsx","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","displayName"],"mappings":";;;;;;;;;MAWaA,SAAS,gBAAGC,gBAAU,CACjC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;IACEC,eADF;IAEEC,OAFF;IAGEC,QAHF;IAIEC,QAJF;IAKEC,UALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;IAAeC,aAAf;AAA8BC,IAAAA,UAAAA;AAA9B,GAAA,GAA6CC,uBAAW,CAAC;IAC7DT,eAD6D;IAE7DG,QAF6D;AAG7DC,IAAAA,UAAAA;AAH6D,GAAD,CAA9D,CAAA;EAMA,oBACEM,eAAA,CAACC,8BAAD,EAAA,EAAA,GAAoBN,IAApB;AAA0B,IAAA,GAAG,EAAEN,GAA/B;IAAA,QACE,EAAA,cAAAW,eAAA,CAACE,qCAAD,EAAA,EAAA,GAA2BN,WAA3B;AAAA,MAAA,QAAA,EAAA,cACEO,eAACC,mCAAD,EAAA;QAAA,QAAsBb,EAAAA,OAAAA;OADxB,CAAA,eAEEY,eAACE,mCAAD,EAAA;AAAqB,QAAA,SAAS,EAAEP,UAAAA;OAFlC,CAAA,CAAA;KADF,CAAA,eAKEK,2BAASN,aAAT;AAAA,MAAA,QAAA,eACEM,eAACG,qCAAD,EAAA;QAAA,QAAwBd,EAAAA,QAAAA;AAAxB,OAAA,CAAA;KANJ,CAAA,CAAA;GADF,CAAA,CAAA;AAWD,CA7BgC,EAA5B;AA+BPL,SAAS,CAACoB,WAAV,GAAwB,WAAxB;;;;"}
@@ -9,7 +9,9 @@ const _useCollapse = require('react-collapsed');
9
9
  const useCollapse = _useCollapse.default || _useCollapse;
10
10
  const useExpanded = _ref => {
11
11
  let {
12
- defaultExpanded = false
12
+ defaultExpanded = false,
13
+ onExpand,
14
+ onCollapse
13
15
  } = _ref;
14
16
  const [isExpanded, setExpanded] = React.useState(defaultExpanded);
15
17
  React.useEffect(() => {
@@ -20,7 +22,9 @@ const useExpanded = _ref => {
20
22
  getToggleProps,
21
23
  getCollapseProps
22
24
  } = useCollapse({
23
- isExpanded
25
+ isExpanded,
26
+ onExpandEnd: onExpand,
27
+ onCollapseEnd: onCollapse
24
28
  });
25
29
  return {
26
30
  toggleProps: getToggleProps({
@@ -1 +1 @@
1
- {"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded'>) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n useEffect(() => {\n setExpanded(defaultExpanded)\n }, [defaultExpanded])\n\n const handleToggle = useCallback(\n () => setExpanded((previous) => !previous),\n [],\n )\n\n const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","toggleProps","onClick","collapseProps"],"mappings":";;;;;;;AAQA;AACA,MAAMA,WAAW,GAAGC,YAAY,CAACC,OAAb,IAAwBD,YAA5C,CAAA;AAQO,MAAME,WAAwB,GAAG,IAAiC,IAAA;EAAA,IAAhC;AAAEC,IAAAA,eAAe,GAAG,KAAA;GAAY,GAAA,IAAA,CAAA;EACvE,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BC,cAAQ,CAACH,eAAD,CAA1C,CAAA;AAEAI,EAAAA,eAAS,CAAC,MAAM;IACdF,WAAW,CAACF,eAAD,CAAX,CAAA;AACD,GAFQ,EAEN,CAACA,eAAD,CAFM,CAAT,CAAA;AAIA,EAAA,MAAMK,YAAY,GAAGC,iBAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAD,IAAc,CAACA,QAAhB,CADa,EAE9B,EAF8B,CAAhC,CAAA;EAKA,MAAM;IAAEC,cAAF;AAAkBC,IAAAA,gBAAAA;AAAlB,GAAA,GAAuCb,WAAW,CAAC;AAAEK,IAAAA,UAAAA;AAAF,GAAD,CAAxD,CAAA;EAEA,OAAO;IACLS,WAAW,EAAEF,cAAc,CAAC;AAAEG,MAAAA,OAAO,EAAEN,YAAAA;AAAX,KAAD,CADtB;IAELO,aAAa,EAAEH,gBAAgB,EAF1B;AAGLR,IAAAA,UAAAA;GAHF,CAAA;AAKD;;;;"}
1
+ {"version":3,"file":"useExpanded.js","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\n) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n defaultExpanded = false,\n onExpand,\n onCollapse,\n}) => {\n const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n useEffect(() => {\n setExpanded(defaultExpanded)\n }, [defaultExpanded])\n\n const handleToggle = useCallback(\n () => setExpanded((previous) => !previous),\n [],\n )\n\n const { getToggleProps, getCollapseProps } = useCollapse({\n isExpanded,\n onExpandEnd: onExpand,\n onCollapseEnd: onCollapse,\n })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;;;;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,OAAb,IAAwBD,YAAjE,CAAA;AAUO,MAAME,WAAwB,GAAG,IAIlC,IAAA;EAAA,IAJmC;AACvCC,IAAAA,eAAe,GAAG,KADqB;IAEvCC,QAFuC;AAGvCC,IAAAA,UAAAA;GACI,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BC,cAAQ,CAACL,eAAD,CAA1C,CAAA;AAEAM,EAAAA,eAAS,CAAC,MAAM;IACdF,WAAW,CAACJ,eAAD,CAAX,CAAA;AACD,GAFQ,EAEN,CAACA,eAAD,CAFM,CAAT,CAAA;AAIA,EAAA,MAAMO,YAAY,GAAGC,iBAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAD,IAAc,CAACA,QAAhB,CADa,EAE9B,EAF8B,CAAhC,CAAA;EAKA,MAAM;IAAEC,cAAF;AAAkBC,IAAAA,gBAAAA;AAAlB,GAAA,GAAuCf,WAAW,CAAC;IACvDO,UADuD;AAEvDS,IAAAA,WAAW,EAAEX,QAF0C;AAGvDY,IAAAA,aAAa,EAAEX,UAAAA;AAHwC,GAAD,CAAxD,CAAA;EAMA,OAAO;IACLY,WAAW,EAAEJ,cAAc,CAAC;AAAEK,MAAAA,OAAO,EAAER,YAAAA;AAAX,KAAD,CADtB;IAELS,aAAa,EAAEL,gBAAgB,EAF1B;AAGLR,IAAAA,UAAAA;GAHF,CAAA;AAKD;;;;"}
@@ -8,6 +8,8 @@ const Accordion = /*#__PURE__*/forwardRef((_ref, ref) => {
8
8
  defaultExpanded,
9
9
  summary,
10
10
  children,
11
+ onExpand,
12
+ onCollapse,
11
13
  ...rest
12
14
  } = _ref;
13
15
  const {
@@ -15,7 +17,9 @@ const Accordion = /*#__PURE__*/forwardRef((_ref, ref) => {
15
17
  collapseProps,
16
18
  isExpanded
17
19
  } = useExpanded({
18
- defaultExpanded
20
+ defaultExpanded,
21
+ onExpand,
22
+ onCollapse
19
23
  });
20
24
  return /*#__PURE__*/jsxs(AccordionStyle, { ...rest,
21
25
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.mjs","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n AccordionStyle,\n AccordionSummaryStyle,\n AccordionTitleStyle,\n AccordionArrowStyle,\n AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n (\n { defaultExpanded, summary, children, ...rest }: AccordionProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const { toggleProps, collapseProps, isExpanded } = useExpanded({\n defaultExpanded,\n })\n\n return (\n <AccordionStyle {...rest} ref={ref}>\n <AccordionSummaryStyle {...toggleProps}>\n <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n <AccordionArrowStyle $expanded={isExpanded} />\n </AccordionSummaryStyle>\n <div {...collapseProps}>\n <AccordionContentStyle>{children}</AccordionContentStyle>\n </div>\n </AccordionStyle>\n )\n },\n)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","_jsx","displayName"],"mappings":";;;;;MAWaA,SAAS,gBAAGC,UAAU,CACjC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,eAAF;IAAmBC,OAAnB;IAA4BC,QAA5B;IAAsC,GAAGC,IAAAA;GAEtC,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;IAAeC,aAAf;AAA8BC,IAAAA,UAAAA;AAA9B,GAAA,GAA6CC,WAAW,CAAC;AAC7DP,IAAAA,eAAAA;AAD6D,GAAD,CAA9D,CAAA;EAIA,oBACEQ,IAAA,CAAC,cAAD,EAAA,EAAA,GAAoBL,IAApB;AAA0B,IAAA,GAAG,EAAEJ,GAA/B;IAAA,QACE,EAAA,cAAAS,IAAA,CAAC,qBAAD,EAAA,EAAA,GAA2BJ,WAA3B;AAAA,MAAA,QAAA,EAAA,cACEK,IAAC,mBAAD,EAAA;QAAA,QAAsBR,EAAAA,OAAAA;OADxB,CAAA,eAEEQ,IAAC,mBAAD,EAAA;AAAqB,QAAA,SAAS,EAAEH,UAAAA;OAFlC,CAAA,CAAA;KADF,CAAA,eAKEG,gBAASJ,aAAT;AAAA,MAAA,QAAA,eACEI,IAAC,qBAAD,EAAA;QAAA,QAAwBP,EAAAA,QAAAA;AAAxB,OAAA,CAAA;KANJ,CAAA,CAAA;GADF,CAAA,CAAA;AAWD,CApBgC,EAA5B;AAsBPL,SAAS,CAACa,WAAV,GAAwB,WAAxB;;;;"}
1
+ {"version":3,"file":"Accordion.mjs","sources":["../../../packages/accordion/Accordion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types.js'\nimport {\n AccordionStyle,\n AccordionSummaryStyle,\n AccordionTitleStyle,\n AccordionArrowStyle,\n AccordionContentStyle,\n} from './AccordionStyles.js'\nimport { useExpanded } from './useExpanded.js'\n\nexport const Accordion = forwardRef(\n (\n {\n defaultExpanded,\n summary,\n children,\n onExpand,\n onCollapse,\n ...rest\n }: AccordionProps,\n ref?: ForwardedRef<HTMLDivElement>,\n ) => {\n const { toggleProps, collapseProps, isExpanded } = useExpanded({\n defaultExpanded,\n onExpand,\n onCollapse,\n })\n\n return (\n <AccordionStyle {...rest} ref={ref}>\n <AccordionSummaryStyle {...toggleProps}>\n <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n <AccordionArrowStyle $expanded={isExpanded} />\n </AccordionSummaryStyle>\n <div {...collapseProps}>\n <AccordionContentStyle>{children}</AccordionContentStyle>\n </div>\n </AccordionStyle>\n )\n },\n)\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","ref","defaultExpanded","summary","children","onExpand","onCollapse","rest","toggleProps","collapseProps","isExpanded","useExpanded","_jsxs","_jsx","displayName"],"mappings":";;;;;MAWaA,SAAS,gBAAGC,UAAU,CACjC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;IACEC,eADF;IAEEC,OAFF;IAGEC,QAHF;IAIEC,QAJF;IAKEC,UALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAM;IAAEC,WAAF;IAAeC,aAAf;AAA8BC,IAAAA,UAAAA;AAA9B,GAAA,GAA6CC,WAAW,CAAC;IAC7DT,eAD6D;IAE7DG,QAF6D;AAG7DC,IAAAA,UAAAA;AAH6D,GAAD,CAA9D,CAAA;EAMA,oBACEM,IAAA,CAAC,cAAD,EAAA,EAAA,GAAoBL,IAApB;AAA0B,IAAA,GAAG,EAAEN,GAA/B;IAAA,QACE,EAAA,cAAAW,IAAA,CAAC,qBAAD,EAAA,EAAA,GAA2BJ,WAA3B;AAAA,MAAA,QAAA,EAAA,cACEK,IAAC,mBAAD,EAAA;QAAA,QAAsBV,EAAAA,OAAAA;OADxB,CAAA,eAEEU,IAAC,mBAAD,EAAA;AAAqB,QAAA,SAAS,EAAEH,UAAAA;OAFlC,CAAA,CAAA;KADF,CAAA,eAKEG,gBAASJ,aAAT;AAAA,MAAA,QAAA,eACEI,IAAC,qBAAD,EAAA;QAAA,QAAwBT,EAAAA,QAAAA;AAAxB,OAAA,CAAA;KANJ,CAAA,CAAA;GADF,CAAA,CAAA;AAWD,CA7BgC,EAA5B;AA+BPL,SAAS,CAACe,WAAV,GAAwB,WAAxB;;;;"}
@@ -5,7 +5,9 @@ import _useCollapse from 'react-collapsed';
5
5
  const useCollapse = _useCollapse.default || _useCollapse;
6
6
  const useExpanded = _ref => {
7
7
  let {
8
- defaultExpanded = false
8
+ defaultExpanded = false,
9
+ onExpand,
10
+ onCollapse
9
11
  } = _ref;
10
12
  const [isExpanded, setExpanded] = useState(defaultExpanded);
11
13
  useEffect(() => {
@@ -16,7 +18,9 @@ const useExpanded = _ref => {
16
18
  getToggleProps,
17
19
  getCollapseProps
18
20
  } = useCollapse({
19
- isExpanded
21
+ isExpanded,
22
+ onExpandEnd: onExpand,
23
+ onCollapseEnd: onCollapse
20
24
  });
21
25
  return {
22
26
  toggleProps: getToggleProps({
@@ -1 +1 @@
1
- {"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded'>) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n useEffect(() => {\n setExpanded(defaultExpanded)\n }, [defaultExpanded])\n\n const handleToggle = useCallback(\n () => setExpanded((previous) => !previous),\n [],\n )\n\n const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","toggleProps","onClick","collapseProps"],"mappings":";;;AAQA;AACA,MAAMA,WAAW,GAAGC,YAAY,CAACC,OAAb,IAAwBD,YAA5C,CAAA;AAQO,MAAME,WAAwB,GAAG,IAAiC,IAAA;EAAA,IAAhC;AAAEC,IAAAA,eAAe,GAAG,KAAA;GAAY,GAAA,IAAA,CAAA;EACvE,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BC,QAAQ,CAACH,eAAD,CAA1C,CAAA;AAEAI,EAAAA,SAAS,CAAC,MAAM;IACdF,WAAW,CAACF,eAAD,CAAX,CAAA;AACD,GAFQ,EAEN,CAACA,eAAD,CAFM,CAAT,CAAA;AAIA,EAAA,MAAMK,YAAY,GAAGC,WAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAD,IAAc,CAACA,QAAhB,CADa,EAE9B,EAF8B,CAAhC,CAAA;EAKA,MAAM;IAAEC,cAAF;AAAkBC,IAAAA,gBAAAA;AAAlB,GAAA,GAAuCb,WAAW,CAAC;AAAEK,IAAAA,UAAAA;AAAF,GAAD,CAAxD,CAAA;EAEA,OAAO;IACLS,WAAW,EAAEF,cAAc,CAAC;AAAEG,MAAAA,OAAO,EAAEN,YAAAA;AAAX,KAAD,CADtB;IAELO,aAAa,EAAEH,gBAAgB,EAF1B;AAGLR,IAAAA,UAAAA;GAHF,CAAA;AAKD;;;;"}
1
+ {"version":3,"file":"useExpanded.mjs","sources":["../../../packages/accordion/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types.js'\nimport _useCollapse from 'react-collapsed'\nimport {\n GetCollapsePropsOutput,\n GetTogglePropsOutput,\n} from 'react-collapsed/dist/types.js'\n\n//@ts-expect-error Property default doesn't exist on type\nconst useCollapse: typeof _useCollapse = _useCollapse.default || _useCollapse\n\ntype UseExpanded = (\n props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>,\n) => {\n toggleProps: GetTogglePropsOutput\n collapseProps: GetCollapsePropsOutput\n isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({\n defaultExpanded = false,\n onExpand,\n onCollapse,\n}) => {\n const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n useEffect(() => {\n setExpanded(defaultExpanded)\n }, [defaultExpanded])\n\n const handleToggle = useCallback(\n () => setExpanded((previous) => !previous),\n [],\n )\n\n const { getToggleProps, getCollapseProps } = useCollapse({\n isExpanded,\n onExpandEnd: onExpand,\n onCollapseEnd: onCollapse,\n })\n\n return {\n toggleProps: getToggleProps({ onClick: handleToggle }),\n collapseProps: getCollapseProps(),\n isExpanded,\n }\n}\n"],"names":["useCollapse","_useCollapse","default","useExpanded","defaultExpanded","onExpand","onCollapse","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","onExpandEnd","onCollapseEnd","toggleProps","onClick","collapseProps"],"mappings":";;;AAQA;AACA,MAAMA,WAAgC,GAAGC,YAAY,CAACC,OAAb,IAAwBD,YAAjE,CAAA;AAUO,MAAME,WAAwB,GAAG,IAIlC,IAAA;EAAA,IAJmC;AACvCC,IAAAA,eAAe,GAAG,KADqB;IAEvCC,QAFuC;AAGvCC,IAAAA,UAAAA;GACI,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,UAAD,EAAaC,WAAb,IAA4BC,QAAQ,CAACL,eAAD,CAA1C,CAAA;AAEAM,EAAAA,SAAS,CAAC,MAAM;IACdF,WAAW,CAACJ,eAAD,CAAX,CAAA;AACD,GAFQ,EAEN,CAACA,eAAD,CAFM,CAAT,CAAA;AAIA,EAAA,MAAMO,YAAY,GAAGC,WAAW,CAC9B,MAAMJ,WAAW,CAAEK,QAAD,IAAc,CAACA,QAAhB,CADa,EAE9B,EAF8B,CAAhC,CAAA;EAKA,MAAM;IAAEC,cAAF;AAAkBC,IAAAA,gBAAAA;AAAlB,GAAA,GAAuCf,WAAW,CAAC;IACvDO,UADuD;AAEvDS,IAAAA,WAAW,EAAEX,QAF0C;AAGvDY,IAAAA,aAAa,EAAEX,UAAAA;AAHwC,GAAD,CAAxD,CAAA;EAMA,OAAO;IACLY,WAAW,EAAEJ,cAAc,CAAC;AAAEK,MAAAA,OAAO,EAAER,YAAAA;AAAX,KAAD,CADtB;IAELS,aAAa,EAAEL,gBAAgB,EAF1B;AAGLR,IAAAA,UAAAA;GAHF,CAAA;AAKD;;;;"}
@@ -2,8 +2,10 @@
2
2
  export declare const Accordion: import("react").ForwardRefExoticComponent<{
3
3
  defaultExpanded?: boolean | undefined;
4
4
  summary: import("react").ReactNode;
5
+ onExpand?: (() => void) | undefined;
6
+ onCollapse?: (() => void) | undefined;
5
7
  } & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
6
8
  as?: keyof JSX.IntrinsicElements | undefined;
7
9
  forwardedAs?: keyof JSX.IntrinsicElements | undefined;
8
- }, "summary" | "ref" | "defaultExpanded"> & import("react").RefAttributes<HTMLDivElement>>;
10
+ }, "summary" | "ref" | "defaultExpanded" | "onExpand" | "onCollapse"> & import("react").RefAttributes<HTMLDivElement>>;
9
11
  //# sourceMappingURL=Accordion.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../packages/accordion/Accordion.tsx"],"names":[],"mappings":";AAWA,eAAO,MAAM,SAAS;;;;;;0FAqBrB,CAAA"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../packages/accordion/Accordion.tsx"],"names":[],"mappings":";AAWA,eAAO,MAAM,SAAS;;;;;;;;sHA8BrB,CAAA"}
@@ -4,5 +4,7 @@ export type { Theme } from '../theme/index.js';
4
4
  export declare type AccordionProps = LidoComponentProps<'div', {
5
5
  defaultExpanded?: boolean;
6
6
  summary: ReactNode;
7
+ onExpand?: () => void;
8
+ onCollapse?: () => void;
7
9
  }>;
8
10
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,cAAc,GAAG,kBAAkB,CAC7C,KAAK,EACL;IACE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,EAAE,SAAS,CAAA;CACnB,CACF,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,cAAc,GAAG,kBAAkB,CAC7C,KAAK,EACL;IACE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB,CACF,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { AccordionProps } from './types.js';
2
2
  import { GetCollapsePropsOutput, GetTogglePropsOutput } from 'react-collapsed/dist/types.js';
3
- declare type UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded'>) => {
3
+ declare type UseExpanded = (props: Pick<AccordionProps, 'defaultExpanded' | 'onExpand' | 'onCollapse'>) => {
4
4
  toggleProps: GetTogglePropsOutput;
5
5
  collapseProps: GetCollapsePropsOutput;
6
6
  isExpanded: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"useExpanded.d.ts","sourceRoot":"","sources":["../../../packages/accordion/useExpanded.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,+BAA+B,CAAA;AAKtC,aAAK,WAAW,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC,KAAK;IACrE,WAAW,EAAE,oBAAoB,CAAA;IACjC,aAAa,EAAE,sBAAsB,CAAA;IACrC,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,WAmBzB,CAAA"}
1
+ {"version":3,"file":"useExpanded.d.ts","sourceRoot":"","sources":["../../../packages/accordion/useExpanded.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,+BAA+B,CAAA;AAKtC,aAAK,WAAW,GAAG,CACjB,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAAC,KACvE;IACH,WAAW,EAAE,oBAAoB,CAAA;IACjC,aAAa,EAAE,sBAAsB,CAAA;IACrC,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,WA2BzB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lidofinance/lido-ui",
3
- "version": "3.19.0",
3
+ "version": "3.20.0",
4
4
  "homepage": "https://github.com/lidofinance/ui",
5
5
  "repository": {
6
6
  "type": "git",