npm - @hitachivantara/uikit-react-core - Versions diffs - 5.14.1 → 5.16.0 - Mend

@hitachivantara/uikit-react-core 5.14.1 → 5.16.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.

Files changed (767) hide show

package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvFocus } from \"@core/components\";\nimport { outlineStyles } from \"@core/utils\";\nimport { CSSProperties } from \"react\";\nimport listItemClasses from \"./listItemClasses\";\n\nexport const StyledListItem = styled(\n \"li\",\n transientOptions\n)(\n ({\n $gutters,\n $interactive,\n $selected,\n $disabled,\n $startAdornment,\n $endAdornment,\n }: {\n $gutters: boolean;\n $interactive: boolean;\n $selected: boolean;\n $disabled: boolean;\n $startAdornment: boolean;\n $endAdornment: boolean;\n }) => ({\n ...(theme.typography.body as CSSProperties),\n padding: 0,\n display: \"block\",\n height: \"32px\",\n lineHeight: \"32px\",\n listStyleType: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n position: \"relative\",\n\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n [`&.${listItemClasses.condensed}`]: {\n marginBottom: 0,\n },\n\n ...($gutters && {\n padding: `0 ${theme.space.xs}`,\n\n [`&.${listItemClasses.withStartAdornment}`]: {\n paddingLeft: 0,\n },\n [`&.${listItemClasses.withEndAdornment}`]: {\n paddingRight: 0,\n },\n }),\n ...($interactive && {\n cursor: \"pointer\",\n [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n {\n backgroundColor: theme.list.hoverColor,\n },\n [`&.${listItemClasses.disabled}`]: {\n cursor: \"not-allowed\",\n },\n }),\n ...($selected && {\n backgroundColor: theme.list.hoverColor,\n }),\n ...($disabled && {\n color: theme.colors.secondary_60,\n backgroundColor: theme.list.disabledBackgroundColor,\n }),\n ...($startAdornment && {\n \"& > div\": {\n float: \"left\",\n },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n [`.${listItemClasses.disabled} > svg .color0`]: {\n fill: theme.colors.secondary_60,\n },\n }),\n ...($endAdornment && {\n \"& > div\": { float: \"right\" },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n [`.${listItemClasses.disabled} > svg .color0`]: {\n fill: theme.colors.secondary_60,\n },\n }),\n \"&.HvIsFocused\": {\n ...outlineStyles,\n backgroundColor: theme.colors.atmo3,\n zIndex: 2,\n },\n })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n backgroundColor: theme.colors.atmo3,\n zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","secondary_60","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,yCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,~~CACjB~~,~~EACC~~,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,gBAAgBC,WAAW,GAAG;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,gBAAgBI,oBAAoB,GAAG;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,gBAAgBM,kBAAkB,GAAG;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAgBS,kBAAkBT,gBAAgBU,iBAAiB,GAC5E;AAAA,MACEC,iBAAiBxB,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,gBAAgBS,UAAU,GAAG;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM;AAAAA,IACHX,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,~~aACH,eAAA,KAAA,ipIAAA~~;~~AAEM~~,MAAMiD,cAAqBC,wBAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,qpIAAA;"}
1	+ {"version":3,"file":"ListItem.styles.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvFocus } from \"@core/components\";\nimport { outlineStyles } from \"@core/utils\";\nimport { CSSProperties } from \"react\";\nimport listItemClasses from \"./listItemClasses\";\n\nexport const StyledListItem = styled(\n \"li\",\n transientOptions\n)(\n ({\n $gutters,\n $interactive,\n $selected,\n $disabled,\n $startAdornment,\n $endAdornment,\n }: {\n $gutters: boolean;\n $interactive: boolean;\n $selected: boolean;\n $disabled: boolean;\n $startAdornment: boolean;\n $endAdornment: boolean;\n }) => ({\n ...(theme.typography.body as CSSProperties),\n padding: 0,\n display: \"block\",\n height: \"32px\",\n lineHeight: \"32px\",\n listStyleType: \"none\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n position: \"relative\",\n\n \"&:not(:last-child)\": {\n marginBottom: \"8px\",\n },\n [`&.${listItemClasses.condensed}`]: {\n marginBottom: 0,\n },\n\n ...($gutters && {\n padding: `0 ${theme.space.xs}`,\n\n [`&.${listItemClasses.withStartAdornment}`]: {\n paddingLeft: 0,\n },\n [`&.${listItemClasses.withEndAdornment}`]: {\n paddingRight: 0,\n },\n }),\n ...($interactive && {\n cursor: \"pointer\",\n [`&:not(.${listItemClasses.disabled}):not(.${listItemClasses.selected}):hover`]:\n {\n backgroundColor: theme.list.hoverColor,\n },\n [`&.${listItemClasses.disabled}`]: {\n cursor: \"not-allowed\",\n },\n }),\n ...($selected && {\n backgroundColor: theme.list.hoverColor,\n }),\n ...($disabled && {\n color: theme.colors.secondary_60,\n backgroundColor: theme.list.disabledBackgroundColor,\n }),\n ...($startAdornment && {\n \"& > div\": {\n float: \"left\",\n },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n [`.${listItemClasses.disabled} > svg .color0`]: {\n fill: theme.colors.secondary_60,\n },\n }),\n ...($endAdornment && {\n \"& > div\": { float: \"right\" },\n\n \"& svg\": {\n boxShadow: \"none !important\",\n outline: \"none !important\",\n },\n [`.${listItemClasses.disabled} > svg .color0`]: {\n fill: theme.colors.secondary_60,\n },\n }),\n \"&.HvIsFocused\": {\n ...outlineStyles,\n backgroundColor: theme.colors.atmo3,\n zIndex: 2,\n },\n })\n);\n\nexport const StyledFocus = styled(HvFocus)({\n backgroundColor: theme.colors.atmo3,\n zIndex: 2,\n});\n"],"names":["StyledListItem","process","env","NODE_ENV","_extends","target","transientOptions","label","$gutters","$interactive","$selected","$disabled","$startAdornment","$endAdornment","theme","typography","body","padding","display","height","lineHeight","listStyleType","overflow","textOverflow","whiteSpace","position","marginBottom","listItemClasses","condensed","space","xs","withStartAdornment","paddingLeft","withEndAdornment","paddingRight","cursor","disabled","selected","backgroundColor","list","hoverColor","color","colors","secondary_60","disabledBackgroundColor","float","boxShadow","outline","fill","outlineStyles","atmo3","zIndex","StyledFocus","HvFocus"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,yCACX,MAAIC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACJC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAQF,OAAO;AAAA,EACL,GAAIC,MAAMC,WAAWC;AAAAA,EACrBC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,YAAY;AAAA,EACZC,UAAU;AAAA,EAEV,sBAAsB;AAAA,IACpBC,cAAc;AAAA,EAChB;AAAA,EACA,CAAE,KAAIC,gBAAgBC,WAAW,GAAG;AAAA,IAClCF,cAAc;AAAA,EAChB;AAAA,EAEA,GAAIlB,YAAY;AAAA,IACdS,SAAU,KAAIH,MAAMe,MAAMC;AAAAA,IAE1B,CAAE,KAAIH,gBAAgBI,oBAAoB,GAAG;AAAA,MAC3CC,aAAa;AAAA,IACf;AAAA,IACA,CAAE,KAAIL,gBAAgBM,kBAAkB,GAAG;AAAA,MACzCC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,GAAIzB,gBAAgB;AAAA,IAClB0B,QAAQ;AAAA,IACR,CAAE,UAASR,gBAAgBS,kBAAkBT,gBAAgBU,iBAAiB,GAC5E;AAAA,MACEC,iBAAiBxB,MAAMyB,KAAKC;AAAAA,IAC9B;AAAA,IACF,CAAE,KAAIb,gBAAgBS,UAAU,GAAG;AAAA,MACjCD,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIzB,aAAa;AAAA,IACf4B,iBAAiBxB,MAAMyB,KAAKC;AAAAA,EAC9B;AAAA,EACA,GAAI7B,aAAa;AAAA,IACf8B,OAAO3B,MAAM4B,OAAOC;AAAAA,IACpBL,iBAAiBxB,MAAMyB,KAAKK;AAAAA,EAC9B;AAAA,EACA,GAAIhC,mBAAmB;AAAA,IACrB,WAAW;AAAA,MACTiC,OAAO;AAAA,IACT;AAAA,IAEA,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,GAAI9B,iBAAiB;AAAA,IACnB,WAAW;AAAA,MAAEgC,OAAO;AAAA,IAAQ;AAAA,IAE5B,SAAS;AAAA,MACPC,WAAW;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,IAAGpB,gBAAgBS,yBAAyB,GAAG;AAAA,MAC/CY,MAAMlC,MAAM4B,OAAOC;AAAAA,IACrB;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,GAAGM;AAAAA,IACHX,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,IAC9BC,QAAQ;AAAA,EACV;AACF,IAAElD,QAAAC,IAAAC,krIACJ;AAEO,MAAMiD,cAAqBC,wBAAAA,SAAOpD,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACzC+B,iBAAiBxB,MAAM4B,OAAOQ;AAAAA,EAC9BC,QAAQ;AACV,GAAClD,QAAAC,IAAAC,aAAC,eAAA,KAAA,qpIAAA;"}

package/dist/esm/components/Loading/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { clsx } from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledBar,\n StyledBarContainer,\n StyledLabel,\n StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps {\n /** Indicates if the component should be render in a small size. /\n small?: boolean;\n /* The label to be displayed. /\n label?: string \| React.ReactNode;\n /* Whether the loading animation is hidden. /\n hidden?: boolean;\n /* Color applied to the bars. /\n color?: string;\n classes?: HvLoadingClasses;\n}\n\n/\n Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n const { color, hidden, small, label, classes, className, ...others } = props;\n\n const getColor = (colorName) => {\n return color ? theme.colors[color] \|\| color : theme.colors[colorName];\n };\n\n const size = small ? \"small\" : \"regular\";\n const colorVariant = color ? \"Color\" : \"\";\n const variant = `${size}${colorVariant}`;\n\n const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n return (\n <StyledRoot\n hidden={!!hidden}\n className={clsx(\n className,\n loadingClasses.root,\n classes?.root,\n hidden && clsx(classes?.hidden, loadingClasses.hidden)\n )}\n {...others}\n >\n <StyledBarContainer\n className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n >\n {range(0, 3).map((e) => (\n <StyledBar\n key={e}\n style={inline}\n className={clsx(\n loadingClasses.loadingBar,\n classes?.loadingBar,\n loadingClasses[variant],\n classes?.[variant]\n )}\n $variant={variant}\n />\n ))}\n </StyledBarContainer>\n {label && (\n <StyledLabel\n variant=\"caption1\"\n className={clsx(loadingClasses.label, classes?.label)}\n >\n {label}\n </StyledLabel>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,~~CAAC~~;AAAA,~~IACtD~~,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,~~QAAQ~~;AAAA,~~QAEpBiB~~,UAAUjB;AAAAA,MAAQ,GARba,~~CAAC~~,~~CAUT~~;AAAA,IAAA,~~CAAC~~,~~GAEHvB~~,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,~~CAEJ~~,~~CAAA~~;AAAA,EAAA,~~CACU~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { clsx } from \"clsx\";\nimport range from \"lodash/range\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n StyledBar,\n StyledBarContainer,\n StyledLabel,\n StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps {\n /** Indicates if the component should be render in a small size. /\n small?: boolean;\n /* The label to be displayed. /\n label?: string \| React.ReactNode;\n /* Whether the loading animation is hidden. /\n hidden?: boolean;\n /* Color applied to the bars. /\n color?: string;\n classes?: HvLoadingClasses;\n}\n\n/\n Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n const { color, hidden, small, label, classes, className, ...others } = props;\n\n const getColor = (colorName) => {\n return color ? theme.colors[color] \|\| color : theme.colors[colorName];\n };\n\n const size = small ? \"small\" : \"regular\";\n const colorVariant = color ? \"Color\" : \"\";\n const variant = `${size}${colorVariant}`;\n\n const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n return (\n <StyledRoot\n hidden={!!hidden}\n className={clsx(\n className,\n loadingClasses.root,\n classes?.root,\n hidden && clsx(classes?.hidden, loadingClasses.hidden)\n )}\n {...others}\n >\n <StyledBarContainer\n className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n >\n {range(0, 3).map((e) => (\n <StyledBar\n key={e}\n style={inline}\n className={clsx(\n loadingClasses.loadingBar,\n classes?.loadingBar,\n loadingClasses[variant],\n classes?.[variant]\n )}\n $variant={variant}\n />\n ))}\n </StyledBarContainer>\n {label && (\n <StyledLabel\n variant=\"caption1\"\n className={clsx(loadingClasses.label, classes?.label)}\n >\n {label}\n </StyledLabel>\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA2BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEvE,QAAMQ,WAAYC,CAAc,cAAA;AACvBR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CACvD;AAAA,IAAE,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QACZ;AAAA,QACAiB,UAAUjB;AAAAA,MAAQ,GARba,CASN,CACF;AAAA,IAAA,CACiB,GACnBvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CACU,CACd;AAAA,EAAA,CACS;AAEhB;"}

package/dist/esm/components/Loading/Loading.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nconst interval = 0.11;\n\nconst bars = {\n \"&:nth-of-type(1)\": {\n animationDelay: \"0\",\n },\n \"&:nth-of-type(2)\": {\n animationDelay: `${interval * 2}s`,\n },\n \"&:nth-of-type(3)\": {\n animationDelay: `${interval * 4}s`,\n },\n};\n\nconst small = {\n width: \"2px\",\n height: \"18px\",\n margin: \"0px 2px\",\n ...bars,\n};\n\nconst regular = {\n width: \"4px\",\n height: \"30px\",\n margin: \"0 3px\",\n ...bars,\n};\n\nconst regularAnimation = keyframes`\n 0% { \n transform: scale(1);\n background-color: ${theme.colors.brand};\n }\n 50% { \n transform: scale(1, 0.6); \n background-color: ${theme.colors.secondary};\n }\n`;\n\nconst regularColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.6); \n }\n`;\n\nconst smallAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n 100%: {},\n`;\n\nconst smallColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n`;\n\nexport const StyledRoot = styled(\"div\")(({ hidden }: { hidden: boolean }) => ({\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n\n ...(hidden && {\n display: \"none\",\n }),\n}));\n\nexport const StyledBarContainer = styled(\"div\")({\n display: \"flex\",\n});\n\nexport const StyledLabel = styled(HvTypography)({\n marginTop: \"15px\",\n});\n\nexport const StyledBar = styled(\n \"div\",\n transientOptions\n)(({ $variant }: { $variant: string }) => ({\n display: \"inline-block\",\n\n ...($variant === \"regular\" && {\n animation: `${regularAnimation} 1s ease-in-out infinite`,\n ...regular,\n }),\n ...($variant === \"regularColor\" && {\n animation: `${regularColorAnimation} 1s ease-in-out infinite`,\n ...regular,\n }),\n ...($variant === \"small\" && {\n animation: `${smallAnimation} 1s ease-in-out infinite`,\n ...small,\n }),\n ...($variant === \"smallColor\" && {\n animation: `${smallColorAnimation} 1s ease-in-out infinite`,\n ...small,\n }),\n\n \"@keyframes loading-small\": {\n \"0%\": {\n transform: \"scale(1)\",\n },\n \"50%\": {\n transform: \"scale(1,0.223)\",\n },\n \"100%\": {},\n },\n}));\n"],"names":["interval","bars","animationDelay","small","width","height","margin","regular","regularAnimation","keyframes","theme","colors","brand","secondary","regularColorAnimation","smallAnimation","smallColorAnimation","StyledRoot","process","env","NODE_ENV","target","label","hidden","display","flexDirection","alignItems","justifyContent","StyledBarContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvTypography","StyledBar","_extends","transientOptions","$variant","animation","transform"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,WAAW;AAEjB,MAAMC,OAAO;AAAA,EACX,oBAAoB;AAAA,IAClBC,gBAAgB;AAAA,EAClB;AAAA,EACA,oBAAoB;AAAA,IAClBA,gBAAiB,GAAEF,WAAW;AAAA,EAChC;AAAA,EACA,oBAAoB;AAAA,IAClBE,gBAAiB,GAAEF,WAAW;AAAA,EAChC;AACF;AAEA,MAAMG,QAAQ;AAAA,EACZC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMM,UAAU;AAAA,EACdH,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACR,GAAGL;AACL;AAEA,MAAMO,mBAAmBC;AAAAA;AAAAA;AAAAA,wBAGDC,MAAMC,OAAOC;AAAAA;AAAAA;AAAAA;AAAAA,wBAIbF,MAAMC,OAAOE;AAAAA;AAAAA;AAIrC,MAAMC,wBAAwBL;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAS9B,MAAMM,iBAAiBN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAUvB,MAAMO,sBAAsBP;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AASrB,MAAMQ,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE,CAAC;AAAA,EAAEC;AAA4B,OAAO;AAAA,EAC5EC,SAAS;AAAA,EACTC,eAAe;AAAA,EACfC,YAAY;AAAA,EACZC,gBAAgB;AAAA,EAEhB,GAAIJ,UAAU;AAAA,IACZC,SAAS;AAAA,EACX;AACF,IAAEN,QAAAC,IAAAC,aAAC,eAAA,KAAA,62HAAA;AAEI,MAAMQ,qBAA4B,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAE7C~~;~~AAEK~~,MAAMC,cAAqBC,wBAAAA,cAAYjB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAS,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAE7C~~;~~AAEWG~~,MAAAA,oCACX,OAAKlB,QAAAC,IAAAC,4BAAAiB,SAAA,IAAA;AAAA,EAAAhB,QAAA;AAAA,GACLiB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAhB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBgB,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEC;AAA+B,OAAO;AAAA,EACzCf,SAAS;AAAA,EAET,GAAIe,aAAa,aAAa;AAAA,IAC5BC,WAAY,GAAEhC;AAAAA,IACd,GAAGD;AAAAA,EACL;AAAA,EACA,GAAIgC,aAAa,kBAAkB;AAAA,IACjCC,WAAY,GAAE1B;AAAAA,IACd,GAAGP;AAAAA,EACL;AAAA,EACA,GAAIgC,aAAa,WAAW;AAAA,IAC1BC,WAAY,GAAEzB;AAAAA,IACd,GAAGZ;AAAAA,EACL;AAAA,EACA,GAAIoC,aAAa,gBAAgB;AAAA,IAC/BC,WAAY,GAAExB;AAAAA,IACd,GAAGb;AAAAA,EACL;AAAA,EAEA,4BAA4B;AAAA,IAC1B,MAAM;AAAA,MACJsC,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACLA,WAAW;AAAA,IACb;AAAA,IACA,QAAQ,CAAC;AAAA,EACX;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,62HAAA;"}
1	+ {"version":3,"file":"Loading.styles.js","sources":["../../../../src/components/Loading/Loading.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nconst interval = 0.11;\n\nconst bars = {\n \"&:nth-of-type(1)\": {\n animationDelay: \"0\",\n },\n \"&:nth-of-type(2)\": {\n animationDelay: `${interval * 2}s`,\n },\n \"&:nth-of-type(3)\": {\n animationDelay: `${interval * 4}s`,\n },\n};\n\nconst small = {\n width: \"2px\",\n height: \"18px\",\n margin: \"0px 2px\",\n ...bars,\n};\n\nconst regular = {\n width: \"4px\",\n height: \"30px\",\n margin: \"0 3px\",\n ...bars,\n};\n\nconst regularAnimation = keyframes`\n 0% { \n transform: scale(1);\n background-color: ${theme.colors.brand};\n }\n 50% { \n transform: scale(1, 0.6); \n background-color: ${theme.colors.secondary};\n }\n`;\n\nconst regularColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.6); \n }\n`;\n\nconst smallAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n 100%: {},\n`;\n\nconst smallColorAnimation = keyframes`\n 0% { \n transform: scale(1);\n }\n 50% { \n transform: scale(1, 0.223); \n }\n`;\n\nexport const StyledRoot = styled(\"div\")(({ hidden }: { hidden: boolean }) => ({\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n\n ...(hidden && {\n display: \"none\",\n }),\n}));\n\nexport const StyledBarContainer = styled(\"div\")({\n display: \"flex\",\n});\n\nexport const StyledLabel = styled(HvTypography)({\n marginTop: \"15px\",\n});\n\nexport const StyledBar = styled(\n \"div\",\n transientOptions\n)(({ $variant }: { $variant: string }) => ({\n display: \"inline-block\",\n\n ...($variant === \"regular\" && {\n animation: `${regularAnimation} 1s ease-in-out infinite`,\n ...regular,\n }),\n ...($variant === \"regularColor\" && {\n animation: `${regularColorAnimation} 1s ease-in-out infinite`,\n ...regular,\n }),\n ...($variant === \"small\" && {\n animation: `${smallAnimation} 1s ease-in-out infinite`,\n ...small,\n }),\n ...($variant === \"smallColor\" && {\n animation: `${smallColorAnimation} 1s ease-in-out infinite`,\n ...small,\n }),\n\n \"@keyframes loading-small\": {\n \"0%\": {\n transform: \"scale(1)\",\n },\n \"50%\": {\n transform: \"scale(1,0.223)\",\n },\n \"100%\": {},\n },\n}));\n"],"names":["interval","bars","animationDelay","small","width","height","margin","regular","regularAnimation","keyframes","theme","colors","brand","secondary","regularColorAnimation","smallAnimation","smallColorAnimation","StyledRoot","process","env","NODE_ENV","target","label","hidden","display","flexDirection","alignItems","justifyContent","StyledBarContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvTypography","StyledBar","_extends","transientOptions","$variant","animation","transform"],"mappings":"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"}

package/dist/esm/components/Login/Login.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\n\nexport interface HvLoginProps extends HvBaseProps {\n /*\n The path for the background image.\n /\n background?: string;\n /\n Class names to be applied.\n /\n classes?: HvLoginClasses;\n}\n\n/\n Container layout for the login form.\n */\nexport const HvLogin = ({\n id,\n className,\n classes,\n children,\n background,\n ...others\n}: HvLoginProps) => {\n return (\n <StyledRoot\n id={id}\n className={clsx(className, loginClasses.root, classes?.root)}\n style={{\n backgroundImage: background && `url(${background})`,\n }}\n {...others}\n >\n <StyledFormContainer\n className={clsx(loginClasses.formContainer, classes?.formContainer)}\n >\n {children}\n </StyledFormContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","StyledRoot","clsx","loginClasses","root","style","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;;AAmBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACS,MAAM;AAClB,6BACGC,YAAU;AAAA,IACTN;AAAAA,IACAC,WAAWM,KAAKN,WAAWO,aAAaC,MAAMP,mCAASO,IAAI;AAAA,IAC3DC,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA;AAAAA,IACxC;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAETS,qBAAmB;AAAA,MAClBX,WAAWM,KAAKC,aAAaK,eAAeX,mCAASW,aAAa;AAAA,MAAEV;AAAAA,IAAAA,~~CAE3D~~;AAAA,EAAA,~~CAEA~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\n\nexport interface HvLoginProps extends HvBaseProps {\n /*\n The path for the background image.\n /\n background?: string;\n /\n Class names to be applied.\n /\n classes?: HvLoginClasses;\n}\n\n/\n Container layout for the login form.\n */\nexport const HvLogin = ({\n id,\n className,\n classes,\n children,\n background,\n ...others\n}: HvLoginProps) => {\n return (\n <StyledRoot\n id={id}\n className={clsx(className, loginClasses.root, classes?.root)}\n style={{\n backgroundImage: background && `url(${background})`,\n }}\n {...others}\n >\n <StyledFormContainer\n className={clsx(loginClasses.formContainer, classes?.formContainer)}\n >\n {children}\n </StyledFormContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","StyledRoot","clsx","loginClasses","root","style","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;;AAmBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACS,MAAM;AAClB,6BACGC,YAAU;AAAA,IACTN;AAAAA,IACAC,WAAWM,KAAKN,WAAWO,aAAaC,MAAMP,mCAASO,IAAI;AAAA,IAC3DC,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA;AAAAA,IACxC;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAETS,qBAAmB;AAAA,MAClBX,WAAWM,KAAKC,aAAaK,eAAeX,mCAASW,aAAa;AAAA,MAAEV;AAAAA,IAAAA,CAGjD;AAAA,EAAA,CACX;AAEhB;"}

package/dist/esm/components/Login/Login.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Login.styles.js","sources":["../../../../src/components/Login/Login.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n backgroundRepeat: \"no-repeat\",\n backgroundPosition: \"bottom\",\n backgroundSize: \"cover\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: \"-1px 0 0 0\",\n});\n\nexport const StyledFormContainer = styled(\"div\")({\n background: theme.colors.atmo2,\n marginLeft: \"auto\",\n maxWidth: 500,\n height: \"100%\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledFormContainer","background","theme","colors","atmo2","marginLeft","maxWidth","height"],"mappings":";;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAQrC~~;~~AAEK~~,MAAMC,sBAA6B,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CO,YAAYC,MAAMC,OAAOC;AAAAA,EACzBC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AACV,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylCAAA;"}
1	+ {"version":3,"file":"Login.styles.js","sources":["../../../../src/components/Login/Login.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n backgroundRepeat: \"no-repeat\",\n backgroundPosition: \"bottom\",\n backgroundSize: \"cover\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: \"-1px 0 0 0\",\n});\n\nexport const StyledFormContainer = styled(\"div\")({\n background: theme.colors.atmo2,\n marginLeft: \"auto\",\n maxWidth: 500,\n height: \"100%\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledFormContainer","background","theme","colors","atmo2","marginLeft","maxWidth","height"],"mappings":";;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAQtC;AAEM,MAAMC,sBAA6B,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CO,YAAYC,MAAMC,OAAOC;AAAAA,EACzBC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AACV,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylCAAA;"}

package/dist/esm/components/MultiButton/MultiButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiButton.js","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\n\nexport interface HvMultiButtonProps extends HvBaseProps {\n /** If all the buttons are disabled. /\n disabled?: boolean;\n /* If the MultiButton is to be displayed vertically. /\n vertical?: boolean;\n /* Category of button to use /\n variant?: HvButtonVariant;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvMultiButtonClasses;\n}\n\nexport const HvMultiButton = ({\n className,\n children,\n classes,\n disabled = false,\n vertical = false,\n variant = \"secondarySubtle\",\n ...others\n}: HvMultiButtonProps) => {\n return (\n <StyledRoot\n className={clsx(\n className,\n multiButtonClasses.root,\n classes?.root,\n vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n )}\n $vertical={vertical}\n {...others}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childIsSelected = !!child.props.selected;\n\n const btn = cloneElement(child as React.ReactElement, {\n variant,\n disabled: disabled \|\| child.props.disabled,\n \"aria-pressed\": childIsSelected,\n className: clsx(\n child.props.className,\n multiButtonClasses.button,\n classes?.button,\n childIsSelected &&\n clsx(multiButtonClasses.selected, classes?.selected)\n ),\n });\n\n const StyledBtn = StyledButton(btn);\n\n return React.createElement(StyledBtn);\n }\n })}\n </StyledRoot>\n );\n};\n"],"names":["HvMultiButton","className","children","classes","disabled","vertical","variant","others","StyledRoot","clsx","multiButtonClasses","root","$vertical","React","Children","map","child","isValidElement","childIsSelected","props","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;AAkBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU;AAAA,EACV,GAAGC;AACe,MAAM;AACxB,6BACGC,YAAU;AAAA,IACTP,WAAWQ,KACTR,WACAS,mBAAmBC,MACnBR,mCAASQ,MACTN,YAAYI,KAAKN,mCAASE,UAAUK,mBAAmBL,QAAQ,~~CAAC~~;AAAA,~~IAElEO~~,WAAWP;AAAAA,IAAS,GAChBE;AAAAA,IAAML,UAETW,eAAMC,SAASC,IAAIb,UAAWc,CAAU,UAAA;AACnCH,UAAAA,eAAMI,eAAeD,KAAK,GAAG;AAC/B,cAAME,kBAAkB,CAAC,CAACF,MAAMG,MAAMC;AAEhCC,cAAAA,MAAMC,aAAaN,OAA6B;AAAA,UACpDV;AAAAA,UACAF,UAAUA,YAAYY,MAAMG,MAAMf;AAAAA,UAClC,gBAAgBc;AAAAA,UAChBjB,WAAWQ,KACTO,MAAMG,MAAMlB,WACZS,mBAAmBa,QACnBpB,mCAASoB,QACTL,mBACET,KAAKC,mBAAmBU,UAAUjB,mCAASiB,QAAQ,~~CAAC~~;AAAA,QAAA,~~CAEzD~~;AAEKI,cAAAA,YAAYC,aAAaJ,GAAG;AAE3BR,eAAAA,eAAMa,cAAcF,SAAS;AAAA,MACtC;AAAA,IAAA,CACD;AAAA,EAAA,~~CACU~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"MultiButton.js","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\n\nexport interface HvMultiButtonProps extends HvBaseProps {\n /** If all the buttons are disabled. /\n disabled?: boolean;\n /* If the MultiButton is to be displayed vertically. /\n vertical?: boolean;\n /* Category of button to use /\n variant?: HvButtonVariant;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvMultiButtonClasses;\n}\n\nexport const HvMultiButton = ({\n className,\n children,\n classes,\n disabled = false,\n vertical = false,\n variant = \"secondarySubtle\",\n ...others\n}: HvMultiButtonProps) => {\n return (\n <StyledRoot\n className={clsx(\n className,\n multiButtonClasses.root,\n classes?.root,\n vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n )}\n $vertical={vertical}\n {...others}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n const childIsSelected = !!child.props.selected;\n\n const btn = cloneElement(child as React.ReactElement, {\n variant,\n disabled: disabled \|\| child.props.disabled,\n \"aria-pressed\": childIsSelected,\n className: clsx(\n child.props.className,\n multiButtonClasses.button,\n classes?.button,\n childIsSelected &&\n clsx(multiButtonClasses.selected, classes?.selected)\n ),\n });\n\n const StyledBtn = StyledButton(btn);\n\n return React.createElement(StyledBtn);\n }\n })}\n </StyledRoot>\n );\n};\n"],"names":["HvMultiButton","className","children","classes","disabled","vertical","variant","others","StyledRoot","clsx","multiButtonClasses","root","$vertical","React","Children","map","child","isValidElement","childIsSelected","props","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;AAkBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU;AAAA,EACV,GAAGC;AACe,MAAM;AACxB,6BACGC,YAAU;AAAA,IACTP,WAAWQ,KACTR,WACAS,mBAAmBC,MACnBR,mCAASQ,MACTN,YAAYI,KAAKN,mCAASE,UAAUK,mBAAmBL,QAAQ,CACjE;AAAA,IACAO,WAAWP;AAAAA,IAAS,GAChBE;AAAAA,IAAML,UAETW,eAAMC,SAASC,IAAIb,UAAWc,CAAU,UAAA;AACnCH,UAAAA,eAAMI,eAAeD,KAAK,GAAG;AAC/B,cAAME,kBAAkB,CAAC,CAACF,MAAMG,MAAMC;AAEhCC,cAAAA,MAAMC,aAAaN,OAA6B;AAAA,UACpDV;AAAAA,UACAF,UAAUA,YAAYY,MAAMG,MAAMf;AAAAA,UAClC,gBAAgBc;AAAAA,UAChBjB,WAAWQ,KACTO,MAAMG,MAAMlB,WACZS,mBAAmBa,QACnBpB,mCAASoB,QACTL,mBACET,KAAKC,mBAAmBU,UAAUjB,mCAASiB,QAAQ,CACvD;AAAA,QAAA,CACD;AAEKI,cAAAA,YAAYC,aAAaJ,GAAG;AAE3BR,eAAAA,eAAMa,cAAcF,SAAS;AAAA,MACtC;AAAA,IAAA,CACD;AAAA,EAAA,CACS;AAEhB;"}

package/dist/esm/components/MultiButton/MultiButton.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiButton.styles.js","sources":["../../../../src/components/MultiButton/MultiButton.styles.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $vertical }: { $vertical: boolean }) => ({\n display: \"flex\",\n height: 32,\n alignItems: \"center\",\n transition: \"none\",\n background: theme.colors.atmo2,\n position: \"relative\",\n zIndex: 0,\n\n // prevent the focus ring to be hidden by sibling hover background\n \"&>.HvIsFocusVisible\": {\n zIndex: 5,\n },\n\n ...($vertical && {\n flexDirection: \"column\",\n height: \"auto\",\n btnSecondary: {\n flex: \"1 1 20px\",\n },\n \"& button.button\": {\n width: \"100%\",\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:hover\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n },\n },\n \"&:first-of-type\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: \"2px\",\n borderTopRightRadius: \"2px\",\n \"&:disabled:hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:last-child\": {\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderBottomLeftRadius: \"2px\",\n borderBottomRightRadius: \"2px\",\n \"&:disabled:hover\": {\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:not(:first-of-type)\": {\n marginLeft: 0,\n marginTop: -1,\n },\n \"&.selected\": {\n height: 32,\n width: `calc(100% + 2px) !important`,\n background: theme.colors.atmo1,\n ...(theme.typography.label as CSSProperties),\n borderRadius: theme.radii.base,\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover, &:focus\": {\n background: theme.colors.atmo3,\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n },\n }),\n}));\n\nexport const StyledButton = (Element) =>\n styled(({ className }) => (\n // eslint-disable-next-line react/jsx-pascal-case\n <Element.type\n {...Element.props}\n className={clsx(\n \"button\",\n Element.props.selected && \"selected\",\n className\n )}\n />\n ))({\n height: 32,\n width: \"100%\",\n minWidth: 32,\n maxWidth: 200,\n transition: \"none\",\n flex: \"1 0 0px\",\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n borderRadius: 0,\n backgroundColor: theme.colors.atmo2,\n \":disabled\": { backgroundColor: theme.multiButton.disabledBackgroundColor },\n \":hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n },\n ...(theme.typography.body as CSSProperties),\n \"&:active\": {\n backgroundColor: `${theme.colors.atmo3}`,\n },\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n \"&:hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n },\n },\n \"&:first-of-type\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: theme.radii.base,\n borderBottomLeftRadius: theme.radii.base,\n \"&:disabled:hover\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:last-child\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTopRightRadius: theme.radii.base,\n borderBottomRightRadius: theme.radii.base,\n \"&:disabled:hover\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:not(:first-of-type)\": {\n marginLeft: \"-1px\",\n },\n \"&.selected\": {\n background: theme.colors.atmo1,\n height: 34,\n ...(theme.typography.label as CSSProperties),\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover\": {\n background: theme.colors.atmo3,\n \"&:not(:disabled)\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n \"&:disabled\": {\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:first-of-type, &:last-child\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n\n // prevent the focus ring to be hidden by sibling hover background\n // even when selected\n \"&.HvIsFocusVisible\": {\n zIndex: 5,\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n });\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$vertical","display","height","alignItems","transition","background","theme","colors","atmo2","position","zIndex","flexDirection","btnSecondary","flex","width","borderLeft","atmo4","borderRight","borderTop","borderBottom","color","secondary_60","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginLeft","marginTop","atmo1","typography","borderRadius","radii","base","border","secondary","atmo3","StyledButton","Element","_styled","className","_jsx","type","props","clsx","selected","minWidth","maxWidth","backgroundColor","multiButton","disabledBackgroundColor","body"],"mappings":"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"}
1	+ {"version":3,"file":"MultiButton.styles.js","sources":["../../../../src/components/MultiButton/MultiButton.styles.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $vertical }: { $vertical: boolean }) => ({\n display: \"flex\",\n height: 32,\n alignItems: \"center\",\n transition: \"none\",\n background: theme.colors.atmo2,\n position: \"relative\",\n zIndex: 0,\n\n // prevent the focus ring to be hidden by sibling hover background\n \"&>.HvIsFocusVisible\": {\n zIndex: 5,\n },\n\n ...($vertical && {\n flexDirection: \"column\",\n height: \"auto\",\n btnSecondary: {\n flex: \"1 1 20px\",\n },\n \"& button.button\": {\n width: \"100%\",\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n \"&:hover\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTop: \"solid 1px transparent\",\n borderBottom: \"solid 1px transparent\",\n },\n },\n \"&:first-of-type\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: \"2px\",\n borderTopRightRadius: \"2px\",\n \"&:disabled:hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:last-child\": {\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderBottomLeftRadius: \"2px\",\n borderBottomRightRadius: \"2px\",\n \"&:disabled:hover\": {\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:not(:first-of-type)\": {\n marginLeft: 0,\n marginTop: -1,\n },\n \"&.selected\": {\n height: 32,\n width: `calc(100% + 2px) !important`,\n background: theme.colors.atmo1,\n ...(theme.typography.label as CSSProperties),\n borderRadius: theme.radii.base,\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover, &:focus\": {\n background: theme.colors.atmo3,\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n },\n }),\n}));\n\nexport const StyledButton = (Element) =>\n styled(({ className }) => (\n // eslint-disable-next-line react/jsx-pascal-case\n <Element.type\n {...Element.props}\n className={clsx(\n \"button\",\n Element.props.selected && \"selected\",\n className\n )}\n />\n ))({\n height: 32,\n width: \"100%\",\n minWidth: 32,\n maxWidth: 200,\n transition: \"none\",\n flex: \"1 0 0px\",\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n borderRadius: 0,\n backgroundColor: theme.colors.atmo2,\n \":disabled\": { backgroundColor: theme.multiButton.disabledBackgroundColor },\n \":hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n },\n ...(theme.typography.body as CSSProperties),\n \"&:active\": {\n backgroundColor: `${theme.colors.atmo3}`,\n },\n \"&:disabled\": {\n color: theme.colors.secondary_60,\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n \"&:hover\": {\n borderTop: `solid 1px ${theme.colors.atmo4}`,\n borderBottom: `solid 1px ${theme.colors.atmo4}`,\n borderLeft: \"solid 1px transparent\",\n borderRight: \"solid 1px transparent\",\n },\n },\n \"&:first-of-type\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n borderTopLeftRadius: theme.radii.base,\n borderBottomLeftRadius: theme.radii.base,\n \"&:disabled:hover\": {\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:last-child\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n borderTopRightRadius: theme.radii.base,\n borderBottomRightRadius: theme.radii.base,\n \"&:disabled:hover\": {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:not(:first-of-type)\": {\n marginLeft: \"-1px\",\n },\n \"&.selected\": {\n background: theme.colors.atmo1,\n height: 34,\n ...(theme.typography.label as CSSProperties),\n border: `solid 1px ${theme.colors.secondary}`,\n zIndex: 2,\n \"&:hover\": {\n background: theme.colors.atmo3,\n \"&:not(:disabled)\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n \"&:disabled\": {\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n \"&:first-of-type, &:last-child\": {\n border: `solid 1px ${theme.colors.secondary}`,\n },\n\n // prevent the focus ring to be hidden by sibling hover background\n // even when selected\n \"&.HvIsFocusVisible\": {\n zIndex: 5,\n },\n \"&:disabled\": {\n zIndex: 1,\n color: theme.colors.secondary_60,\n background: theme.colors.atmo1,\n border: `solid 1px ${theme.colors.atmo4}`,\n },\n },\n });\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$vertical","display","height","alignItems","transition","background","theme","colors","atmo2","position","zIndex","flexDirection","btnSecondary","flex","width","borderLeft","atmo4","borderRight","borderTop","borderBottom","color","secondary_60","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","marginLeft","marginTop","atmo1","typography","borderRadius","radii","base","border","secondary","atmo3","StyledButton","Element","_styled","className","_jsx","type","props","clsx","selected","minWidth","maxWidth","backgroundColor","multiButton","disabledBackgroundColor","body"],"mappings":";;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA,EAC5CC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,YAAYC,MAAMC,OAAOC;AAAAA,EACzBC,UAAU;AAAA,EACVC,QAAQ;AAAA;AAAA,EAGR,uBAAuB;AAAA,IACrBA,QAAQ;AAAA,EACV;AAAA,EAEA,GAAIV,aAAa;AAAA,IACfW,eAAe;AAAA,IACfT,QAAQ;AAAA,IACRU,cAAc;AAAA,MACZC,MAAM;AAAA,IACR;AAAA,IACA,mBAAmB;AAAA,MACjBC,OAAO;AAAA,MACPC,YAAa,aAAYT,MAAMC,OAAOS;AAAAA,MACtCC,aAAc,aAAYX,MAAMC,OAAOS;AAAAA,MACvCE,WAAW;AAAA,MACXC,cAAc;AAAA,MACd,cAAc;AAAA,QACZC,OAAOd,MAAMC,OAAOc;AAAAA,QACpBN,YAAa,aAAYT,MAAMC,OAAOS;AAAAA,QACtCC,aAAc,aAAYX,MAAMC,OAAOS;AAAAA,QACvCE,WAAW;AAAA,QACXC,cAAc;AAAA,QACd,WAAW;AAAA,UACTJ,YAAa,aAAYT,MAAMC,OAAOS;AAAAA,UACtCC,aAAc,aAAYX,MAAMC,OAAOS;AAAAA,UACvCE,WAAW;AAAA,UACXC,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,MACA,mBAAmB;AAAA,QACjBD,WAAY,aAAYZ,MAAMC,OAAOS;AAAAA,QACrCM,qBAAqB;AAAA,QACrBC,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,UAClBL,WAAY,aAAYZ,MAAMC,OAAOS;AAAAA,QACvC;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA,QACdG,cAAe,aAAYb,MAAMC,OAAOS;AAAAA,QACxCQ,wBAAwB;AAAA,QACxBC,yBAAyB;AAAA,QACzB,oBAAoB;AAAA,UAClBN,cAAe,aAAYb,MAAMC,OAAOS;AAAAA,QAC1C;AAAA,MACF;AAAA,MACA,yBAAyB;AAAA,QACvBU,YAAY;AAAA,QACZC,WAAW;AAAA,MACb;AAAA,MACA,cAAc;AAAA,QACZzB,QAAQ;AAAA,QACRY,OAAQ;AAAA,QACRT,YAAYC,MAAMC,OAAOqB;AAAAA,QACzB,GAAItB,MAAMuB,WAAW9B;AAAAA,QACrB+B,cAAcxB,MAAMyB,MAAMC;AAAAA,QAC1BC,QAAS,aAAY3B,MAAMC,OAAO2B;AAAAA,QAClCxB,QAAQ;AAAA,QACR,oBAAoB;AAAA,UAClBL,YAAYC,MAAMC,OAAO4B;AAAAA,QAC3B;AAAA,QACA,cAAc;AAAA,UACZzB,QAAQ;AAAA,UACRU,OAAOd,MAAMC,OAAOc;AAAAA,UACpBhB,YAAYC,MAAMC,OAAOqB;AAAAA,UACzBK,QAAS,aAAY3B,MAAMC,OAAOS;AAAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i0QAAA;AAEUyC,MAAAA,eAAgBC,CAC3BC,YAAAA,wBAAO,CAAC;AAAA,EAAEC;AAAU;AAAA;AAAA,EAElBC,oBAACH,QAAQI,MAAI;AAAA,IAAA,GACPJ,QAAQK;AAAAA,IACZH,WAAWI,KACT,UACAN,QAAQK,MAAME,YAAY,YAC1BL,SACF;AAAA,EAAA,CACD;AAAA,GACF9C,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACDG,QAAQ;AAAA,EACRY,OAAO;AAAA,EACP+B,UAAU;AAAA,EACVC,UAAU;AAAA,EACV1C,YAAY;AAAA,EACZS,MAAM;AAAA,EACNK,WAAY,aAAYZ,MAAMC,OAAOS;AAAAA,EACrCG,cAAe,aAAYb,MAAMC,OAAOS;AAAAA,EACxCD,YAAY;AAAA,EACZE,aAAa;AAAA,EACba,cAAc;AAAA,EACdiB,iBAAiBzC,MAAMC,OAAOC;AAAAA,EAC9B,aAAa;AAAA,IAAEuC,iBAAiBzC,MAAM0C,YAAYC;AAAAA,EAAwB;AAAA,EAC1E,UAAU;AAAA,IACR/B,WAAY,aAAYZ,MAAMC,OAAOS;AAAAA,IACrCG,cAAe,aAAYb,MAAMC,OAAOS;AAAAA,IACxCD,YAAY;AAAA,IACZE,aAAa;AAAA,EACf;AAAA,EACA,GAAIX,MAAMuB,WAAWqB;AAAAA,EACrB,YAAY;AAAA,IACVH,iBAAkB,GAAEzC,MAAMC,OAAO4B;AAAAA,EACnC;AAAA,EACA,cAAc;AAAA,IACZf,OAAOd,MAAMC,OAAOc;AAAAA,IACpBH,WAAY,aAAYZ,MAAMC,OAAOS;AAAAA,IACrCG,cAAe,aAAYb,MAAMC,OAAOS;AAAAA,IACxC,WAAW;AAAA,MACTE,WAAY,aAAYZ,MAAMC,OAAOS;AAAAA,MACrCG,cAAe,aAAYb,MAAMC,OAAOS;AAAAA,MACxCD,YAAY;AAAA,MACZE,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,mBAAmB;AAAA,IACjBF,YAAa,aAAYT,MAAMC,OAAOS;AAAAA,IACtCM,qBAAqBhB,MAAMyB,MAAMC;AAAAA,IACjCR,wBAAwBlB,MAAMyB,MAAMC;AAAAA,IACpC,oBAAoB;AAAA,MAClBjB,YAAa,aAAYT,MAAMC,OAAOS;AAAAA,IACxC;AAAA,EACF;AAAA,EACA,gBAAgB;AAAA,IACdC,aAAc,aAAYX,MAAMC,OAAOS;AAAAA,IACvCO,sBAAsBjB,MAAMyB,MAAMC;AAAAA,IAClCP,yBAAyBnB,MAAMyB,MAAMC;AAAAA,IACrC,oBAAoB;AAAA,MAClBf,aAAc,aAAYX,MAAMC,OAAOS;AAAAA,IACzC;AAAA,EACF;AAAA,EACA,yBAAyB;AAAA,IACvBU,YAAY;AAAA,EACd;AAAA,EACA,cAAc;AAAA,IACZrB,YAAYC,MAAMC,OAAOqB;AAAAA,IACzB1B,QAAQ;AAAA,IACR,GAAII,MAAMuB,WAAW9B;AAAAA,IACrBkC,QAAS,aAAY3B,MAAMC,OAAO2B;AAAAA,IAClCxB,QAAQ;AAAA,IACR,WAAW;AAAA,MACTL,YAAYC,MAAMC,OAAO4B;AAAAA,MACzB,oBAAoB;AAAA,QAClBF,QAAS,aAAY3B,MAAMC,OAAO2B;AAAAA,MACpC;AAAA,MACA,cAAc;AAAA,QACZD,QAAS,aAAY3B,MAAMC,OAAOS;AAAAA,MACpC;AAAA,IACF;AAAA,IACA,iCAAiC;AAAA,MAC/BiB,QAAS,aAAY3B,MAAMC,OAAO2B;AAAAA,IACpC;AAAA;AAAA;AAAA,IAIA,sBAAsB;AAAA,MACpBxB,QAAQ;AAAA,IACV;AAAA,IACA,cAAc;AAAA,MACZA,QAAQ;AAAA,MACRU,OAAOd,MAAMC,OAAOc;AAAAA,MACpBhB,YAAYC,MAAMC,OAAOqB;AAAAA,MACzBK,QAAS,aAAY3B,MAAMC,OAAOS;AAAAA,IACpC;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i0QAAA;"}

package/dist/esm/components/OverflowTooltip/OverflowTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"@core/types/index\";\nimport { HvTooltip, HvTooltipProps, HvTypography } from \"@core/components\";\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n /** The node that will be rendered inside the tooltip. /\n data: React.ReactNode;\n /* If true, the tooltip is shown. /\n open?: boolean;\n /* If `true` the overflow tooltip will always use the paragraph overflow style. /\n paragraphOverflow?: boolean;\n /* Tooltip placement. /\n placement?:\n \| \"bottom-end\"\n \| \"bottom-start\"\n \| \"bottom\"\n \| \"left-end\"\n \| \"left-start\"\n \| \"left\"\n \| \"right-end\"\n \| \"right-start\"\n \| \"right\"\n \| \"top-end\"\n \| \"top-start\"\n \| \"top\";\n /* Extra properties to add to the tooltip. /\n tooltipsProps?: Partial<HvTooltipProps>;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvOverflowTooltipClasses;\n}\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/\n This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = ({\n id,\n classes,\n className,\n data,\n open,\n paragraphOverflow,\n placement = \"top-start\",\n tooltipsProps,\n}: HvOverflowTooltipProps) => {\n const { width = 0, ref } = useResizeDetector({\n refreshMode: \"debounce\",\n refreshOptions: {\n trailing: true,\n },\n handleHeight: false,\n });\n const scrollWidth = ref.current?.scrollWidth \|\| 0;\n // The difference should be higher than a pixel to be considered as overflowing\n const isOverflowing = scrollWidth - width >= 1;\n\n const isParag = useMemo(\n () => paragraphOverflow && isParagraph(data?.toString()),\n [data, paragraphOverflow]\n );\n\n const content = useMemo(\n () => (\n <StyledDataContainer\n ref={ref}\n className={clsx(\n className,\n !isParag &&\n clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n isParag &&\n clsx(\n overflowTooltipClasses.tooltipAnchorParagraph,\n classes?.tooltipAnchorParagraph\n )\n )}\n $isParag={isParag}\n >\n {data}\n </StyledDataContainer>\n ),\n [\n className,\n classes?.tooltipAnchor,\n classes?.tooltipAnchorParagraph,\n data,\n isParag,\n ref,\n ]\n );\n\n return open \|\| isOverflowing ? (\n <HvTooltip\n id={id}\n disableHoverListener={!isOverflowing}\n open={open}\n placement={placement}\n title={\n <HvTypography\n className={clsx(\n overflowTooltipClasses.tooltipData,\n classes?.tooltipData\n )}\n variant=\"body\"\n >\n {data}\n </HvTypography>\n }\n {...tooltipsProps}\n >\n {content}\n </HvTooltip>\n ) : (\n content\n );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","$isParag","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;AAqCA,MAAMA,cAAeC,CAAAA,aAAa,KAAKC,KAAKD,QAAQ;AAK7C,MAAME,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AACsB,MAAM;;AACtB,QAAA;AAAA,IAAEC,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,kBAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,QACd,MAAMd,qBAAqBT,YAAYO,6BAAMiB,UAAU,GACvD,CAACjB,MAAME,iBAAiB,~~CAAC~~;~~AAG3B~~,QAAMgB,UAAUF,QACd,MACEG,oBAACC,qBAAmB;AAAA,IAClBd;AAAAA,IACAP,WAAWsB,KACTtB,WACA,CAACgB,WACCM,KAAKC,uBAAuBC,eAAezB,mCAASyB,aAAa,GACnER,WACEM,KACEC,uBAAuBE,wBACvB1B,mCAAS0B,~~sBAAsB~~,~~CAChC~~;AAAA,~~IAELC~~,UAAUV;AAAAA,IAAQrB,UAEjBM;AAAAA,~~EAAI~~,CAAA,~~GAGT~~,CACED,WACAD,mCAASyB,eACTzB,mCAAS0B,wBACTxB,MACAe,SACAT,GAAG,~~CACJ~~;~~AAGIL~~,SAAAA,QAAQa,gBACbK,oBAACO,WAAS;AAAA,IACR7B;AAAAA,IACA8B,sBAAsB,CAACb;AAAAA,IACvBb;AAAAA,IACAE;AAAAA,IACAyB,2BACGC,cAAY;AAAA,MACX9B,WAAWsB,KACTC,uBAAuBQ,aACvBhC,mCAASgC,~~WAAW~~;AAAA,~~MAEtBC~~,SAAQ;AAAA,MAAMrC,UAEbM;AAAAA,IAAAA,~~CAEJ~~;AAAA,~~IAAA~~,GACGI;AAAAA,IAAaV,UAEhBwB;AAAAA,~~EAAO~~,CAAA,~~IAGVA~~;AAEJ;"}
1	+ {"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"@core/types/index\";\nimport { HvTooltip, HvTooltipProps, HvTypography } from \"@core/components\";\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n /** The node that will be rendered inside the tooltip. /\n data: React.ReactNode;\n /* If true, the tooltip is shown. /\n open?: boolean;\n /* If `true` the overflow tooltip will always use the paragraph overflow style. /\n paragraphOverflow?: boolean;\n /* Tooltip placement. /\n placement?:\n \| \"bottom-end\"\n \| \"bottom-start\"\n \| \"bottom\"\n \| \"left-end\"\n \| \"left-start\"\n \| \"left\"\n \| \"right-end\"\n \| \"right-start\"\n \| \"right\"\n \| \"top-end\"\n \| \"top-start\"\n \| \"top\";\n /* Extra properties to add to the tooltip. /\n tooltipsProps?: Partial<HvTooltipProps>;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvOverflowTooltipClasses;\n}\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/\n This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = ({\n id,\n classes,\n className,\n data,\n open,\n paragraphOverflow,\n placement = \"top-start\",\n tooltipsProps,\n}: HvOverflowTooltipProps) => {\n const { width = 0, ref } = useResizeDetector({\n refreshMode: \"debounce\",\n refreshOptions: {\n trailing: true,\n },\n handleHeight: false,\n });\n const scrollWidth = ref.current?.scrollWidth \|\| 0;\n // The difference should be higher than a pixel to be considered as overflowing\n const isOverflowing = scrollWidth - width >= 1;\n\n const isParag = useMemo(\n () => paragraphOverflow && isParagraph(data?.toString()),\n [data, paragraphOverflow]\n );\n\n const content = useMemo(\n () => (\n <StyledDataContainer\n ref={ref}\n className={clsx(\n className,\n !isParag &&\n clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n isParag &&\n clsx(\n overflowTooltipClasses.tooltipAnchorParagraph,\n classes?.tooltipAnchorParagraph\n )\n )}\n $isParag={isParag}\n >\n {data}\n </StyledDataContainer>\n ),\n [\n className,\n classes?.tooltipAnchor,\n classes?.tooltipAnchorParagraph,\n data,\n isParag,\n ref,\n ]\n );\n\n return open \|\| isOverflowing ? (\n <HvTooltip\n id={id}\n disableHoverListener={!isOverflowing}\n open={open}\n placement={placement}\n title={\n <HvTypography\n className={clsx(\n overflowTooltipClasses.tooltipData,\n classes?.tooltipData\n )}\n variant=\"body\"\n >\n {data}\n </HvTypography>\n }\n {...tooltipsProps}\n >\n {content}\n </HvTooltip>\n ) : (\n content\n );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","$isParag","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;AAqCA,MAAMA,cAAeC,CAAAA,aAAa,KAAKC,KAAKD,QAAQ;AAK7C,MAAME,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AACsB,MAAM;;AACtB,QAAA;AAAA,IAAEC,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,kBAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,QACd,MAAMd,qBAAqBT,YAAYO,6BAAMiB,UAAU,GACvD,CAACjB,MAAME,iBAAiB,CAC1B;AAEA,QAAMgB,UAAUF,QACd,MACEG,oBAACC,qBAAmB;AAAA,IAClBd;AAAAA,IACAP,WAAWsB,KACTtB,WACA,CAACgB,WACCM,KAAKC,uBAAuBC,eAAezB,mCAASyB,aAAa,GACnER,WACEM,KACEC,uBAAuBE,wBACvB1B,mCAAS0B,sBACX,CACJ;AAAA,IACAC,UAAUV;AAAAA,IAAQrB,UAEjBM;AAAAA,EACkB,CAAA,GAEvB,CACED,WACAD,mCAASyB,eACTzB,mCAAS0B,wBACTxB,MACAe,SACAT,GAAG,CAEP;AAEOL,SAAAA,QAAQa,gBACbK,oBAACO,WAAS;AAAA,IACR7B;AAAAA,IACA8B,sBAAsB,CAACb;AAAAA,IACvBb;AAAAA,IACAE;AAAAA,IACAyB,2BACGC,cAAY;AAAA,MACX9B,WAAWsB,KACTC,uBAAuBQ,aACvBhC,mCAASgC,WACX;AAAA,MACAC,SAAQ;AAAA,MAAMrC,UAEbM;AAAAA,IAAAA,CACW;AAAA,IACf,GACGI;AAAAA,IAAaV,UAEhBwB;AAAAA,EACQ,CAAA,IAEXA;AAEJ;"}

package/dist/esm/components/OverflowTooltip/OverflowTooltip.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OverflowTooltip.styles.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledDataContainer = styled(\n \"div\",\n transientOptions\n)(({ $isParag }: { $isParag?: boolean }) => ({\n ...($isParag && {\n overflow: \"hidden\",\n display: \"-webkit-box\",\n // \"-webkit-line-clamp\": \"2\",\n // \"-webkit-box-orient\": \"vertical\",\n }),\n ...(!$isParag && {\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n }),\n}));\n"],"names":["StyledDataContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$isParag","overflow","display","whiteSpace","textOverflow"],"mappings":";;;;;;;;;;;;;;;;AAGaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,~~CACjB~~,~~EAAC~~,CAAC;AAAA,EAAEE;AAAiC,OAAO;AAAA,EAC3C,GAAIA,YAAY;AAAA,IACdC,UAAU;AAAA,IACVC,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAI,CAACF,YAAY;AAAA,IACfG,YAAY;AAAA,IACZF,UAAU;AAAA,IACVG,cAAc;AAAA,EAChB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,6rCAAA;"}
1	+ {"version":3,"file":"OverflowTooltip.styles.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledDataContainer = styled(\n \"div\",\n transientOptions\n)(({ $isParag }: { $isParag?: boolean }) => ({\n ...($isParag && {\n overflow: \"hidden\",\n display: \"-webkit-box\",\n // \"-webkit-line-clamp\": \"2\",\n // \"-webkit-box-orient\": \"vertical\",\n }),\n ...(!$isParag && {\n whiteSpace: \"nowrap\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n }),\n}));\n"],"names":["StyledDataContainer","process","env","NODE_ENV","_extends","target","transientOptions","label","$isParag","overflow","display","whiteSpace","textOverflow"],"mappings":";;;;;;;;;;;;;;;;AAGaA,MAAAA,8CACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAiC,OAAO;AAAA,EAC3C,GAAIA,YAAY;AAAA,IACdC,UAAU;AAAA,IACVC,SAAS;AAAA;AAAA;AAAA,EAGX;AAAA,EACA,GAAI,CAACF,YAAY;AAAA,IACfG,YAAY;AAAA,IACZF,UAAU;AAAA,IACVG,cAAc;AAAA,EAChB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,6rCAAA;"}

package/dist/esm/components/Pagination/ButtonIconTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonIconTooltip.js","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { HvButton, HvTooltip, HvTypography } from \"@core/components\";\n\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => {\n return (\n <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n <div>\n <HvButton icon variant=\"secondaryGhost\" {...buttonProps}>\n {children}\n </HvButton>\n </div>\n </HvTooltip>\n );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps","HvTooltip","title","HvTypography","HvButton","icon","variant"],"mappings":";;;;AAEA,MAAMA,oBAAoBA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAU,GAAGC;AAAY,MAAM;AACnE,6BACGC,WAAS;AAAA,IAACC,2BAAQC,cAAY;AAAA,MAAAJ,UAAED;AAAAA,IAAAA,~~CAAwB~~;AAAA,~~IAAAC~~,8BACvD,OAAA;AAAA,MAAAA,8BACGK,UAAQ;AAAA,QAACC,MAAI;AAAA,QAACC,SAAQ;AAAA,QAAgB,GAAKN;AAAAA,QAAWD;AAAAA,MAAAA,~~CAC5C~~;AAAA,IAAA,~~CACA~~;AAAA,EAAA,~~CAEH~~;~~AAEhB~~;AACA,MAAA,sBAAeF;"}
1	+ {"version":3,"file":"ButtonIconTooltip.js","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { HvButton, HvTooltip, HvTypography } from \"@core/components\";\n\nconst ButtonIconTooltip = ({ tooltip, children, ...buttonProps }) => {\n return (\n <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n <div>\n <HvButton icon variant=\"secondaryGhost\" {...buttonProps}>\n {children}\n </HvButton>\n </div>\n </HvTooltip>\n );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps","HvTooltip","title","HvTypography","HvButton","icon","variant"],"mappings":";;;;AAEA,MAAMA,oBAAoBA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAU,GAAGC;AAAY,MAAM;AACnE,6BACGC,WAAS;AAAA,IAACC,2BAAQC,cAAY;AAAA,MAAAJ,UAAED;AAAAA,IAAAA,CAAsB;AAAA,IAAEC,8BACvD,OAAA;AAAA,MAAAA,8BACGK,UAAQ;AAAA,QAACC,MAAI;AAAA,QAACC,SAAQ;AAAA,QAAgB,GAAKN;AAAAA,QAAWD;AAAAA,MAAAA,CAE7C;AAAA,IAAA,CACP;AAAA,EAAA,CACI;AAEf;AACA,MAAA,sBAAeF;"}

package/dist/esm/components/Pagination/Pagination.js CHANGED Viewed

@@ -113,7 +113,6 @@ const HvPagination = ({
           id: setId(id, "pageSize"),
           disabled: pageSize === 0,
           className: clsx(paginationClasses.pageSizeOptionsSelect, classes == null ? void 0 : classes.pageSizeOptionsSelect),
-          classes: {},
           "aria-label": labels == null ? void 0 : labels.pageSizeSelectorDescription,
           onChange: (_, val) => onPageSizeChange == null ? void 0 : onPageSizeChange(val),
           value: pageSize,

package/dist/esm/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n Start,\n End,\n Backwards,\n Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport { Option } from \"./Select\";\nimport {\n StyledRoot,\n StyledPageSizeOptions,\n StyledPageSizePrev,\n StyledSelect,\n StyledPageSizeTextContainer,\n StyledPageNavigator,\n StyledButtonIconTooltip,\n StyledPageJump,\n StyledPageInfo,\n} from \"./Pagination.styles\";\nimport paginationClasses, { HvPaginationClasses } from \"./paginationClasses\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\n\nexport interface HvPaginationLabels {\n /** The show label. /\n pageSizePrev?: string;\n /* Indicate the units of the page size selection. /\n pageSizeEntryName?: string;\n /* Used for the aria-label of the selection of number of unit.s /\n pageSizeSelectorDescription?: string;\n /* Separator of current page and total pages. /\n pagesSeparator?: string;\n /* Title of button `firstPage`. /\n paginationFirstPageTitle?: string;\n /* Title of button `previousPage`. /\n paginationPreviousPageTitle?: string;\n /* Title of button `nextPage`. /\n paginationNextPageTitle?: string;\n /* Title of button `lastPage`. /\n paginationLastPageTitle?: string;\n /* Aria-label passed to the page input. /\n paginationInputLabel?: string;\n /* Aria-label of the first page button /\n firstPage?: string;\n /* Aria-label of the previous page button /\n previousPage?: string;\n /* Aria-label of the next page button /\n nextPage?: string;\n /* Aria-label of the last page button /\n lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n /* The number of pages the component has. /\n pages?: number;\n /* The currently selected page (0-indexed). /\n page?: number;\n /* Controls whether the left page size mechanism should be visible. /\n showPageSizeOptions?: boolean;\n /* The array of possible page sizes for the dropdown. /\n pageSizeOptions?: number[];\n /* The currently selected page size. /\n pageSize?: number;\n /* Controls whether the central page changing mechanism should be visible. /\n showPageJump?: boolean;\n /* Controls whether the previous/first page buttons are enabled. /\n canPrevious?: boolean;\n /* Controls whether the next/last page buttons are enabled. /\n canNext?: boolean;\n /* Function called when the page changes. /\n onPageChange?: (page: number) => void;\n /* Function called when the page size changes. /\n onPageSizeChange?: (pageSize: number) => void;\n /* An object containing all the labels for the component. /\n labels?: HvPaginationLabels;\n /* Other props to show page component. /\n showPageProps?: HTMLAttributes<HTMLDivElement>;\n /* Other props to pagination component. /\n navigationProps?: HTMLAttributes<HTMLDivElement>;\n /* Extra properties passed to the input component representing the current pages. /\n currentPageInputProps?: HvInputProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvPaginationClasses;\n}\n\nconst DEFAULT_LABELS = {\n pageSizePrev: \"Show\",\n pageSizeEntryName: \"rows\",\n pageSizeSelectorDescription: \"Select how many to display\",\n pagesSeparator: \"/\",\n paginationFirstPageTitle: \"First page\",\n paginationPreviousPageTitle: \"Previous page\",\n paginationNextPageTitle: \"Next page\",\n paginationLastPageTitle: \"Last page\",\n paginationInputLabel: \"Current page\",\n firstPage: \"First Page\",\n previousPage: \"Previous Page\",\n nextPage: \"Next Page\",\n lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\n/\n Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n classes,\n className,\n id,\n pages = 1,\n page = 0,\n showPageSizeOptions = true,\n pageSizeOptions = [5, 10, 20, 25, 50, 100],\n pageSize = 1,\n showPageJump = true,\n canPrevious = false,\n canNext = false,\n onPageChange,\n onPageSizeChange,\n labels: labelsProp,\n showPageProps,\n navigationProps,\n currentPageInputProps,\n ...others\n}: HvPaginationProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const [pageInput, handleInputChange] = usePageInput(page);\n\n const changePage = useCallback(\n (newPage) => {\n const safePage: number = getSafePage(newPage, page, pages);\n\n onPageChange?.(safePage);\n handleInputChange(null, safePage + 1);\n },\n [page, pages, onPageChange, handleInputChange]\n );\n\n useEffect(() => {\n if (page >= pages && pages > 0) {\n changePage(page);\n }\n }, [changePage, page, pages]);\n\n useEffect(() => {\n if (pageInput !== page + 1) {\n handleInputChange(null, page + 1);\n }\n\n // we only want to \"fix\" the input's display value when `page` property changed\n // (either externally or when internally committed - onBlur or Enter),\n // not while editing the input.\n // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n // a bug preventing properly controlling of the `page` property.\n // fixing it some other way would potentially introduce a breaking change.\n }, [handleInputChange, page]);\n\n const renderPageJump = () => (\n <StyledPageJump\n className={clsx(paginationClasses.pageJump, classes?.pageJump)}\n >\n <HvInput\n id={setId(id, \"currentPage\")}\n labels={labels}\n inputProps={{\n \"aria-label\": labels?.paginationInputLabel,\n // We really want the native number input\n type: \"number\",\n }}\n classes={{\n root: clsx(\n paginationClasses.pageSizeInputContainer,\n classes?.pageSizeInputContainer\n ),\n input: clsx(paginationClasses.pageSizeInput, classes?.pageSizeInput),\n inputRoot: clsx(\n paginationClasses.pageSizeInputRoot,\n classes?.pageSizeInputRoot\n ),\n }}\n onChange={(event, value) => handleInputChange(event, Number(value))}\n value={String(pageInput)}\n onBlur={(evt, value) => changePage(Number(value) - 1)}\n onKeyDown={(evt, value) =>\n isKeypress(evt, Enter) && changePage(Number(value) - 1)\n }\n disabled={pageSize === 0}\n disableClear\n {...currentPageInputProps}\n />\n </StyledPageJump>\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, paginationClasses.root, classes?.root)}\n {...others}\n >\n <StyledPageSizeOptions\n className={clsx(\n paginationClasses.pageSizeOptions,\n classes?.pageSizeOptions\n )}\n {...showPageProps}\n >\n {showPageSizeOptions && (\n <>\n <Hidden xsDown>\n <StyledPageSizePrev\n className={clsx(\n paginationClasses.pageSizeTextContainer,\n classes?.pageSizeTextContainer\n )}\n >\n <HvTypography component=\"span\">\n {labels?.pageSizePrev}\n </HvTypography>\n </StyledPageSizePrev>\n </Hidden>\n <StyledSelect\n id={setId(id, \"pageSize\")}\n disabled={pageSize === 0}\n className={clsx(\n paginationClasses.pageSizeOptionsSelect,\n classes?.pageSizeOptionsSelect\n )}\n classes={{}}\n aria-label={labels?.pageSizeSelectorDescription}\n onChange={(_, val: number) => onPageSizeChange?.(val)}\n value={pageSize}\n >\n {pageSizeOptions.map((option) => (\n <Option key={option} value={option}>\n {option}\n </Option>\n ))}\n </StyledSelect>\n <Hidden xsDown>\n <StyledPageSizeTextContainer\n className={clsx(\n paginationClasses.pageSizeTextContainer,\n classes?.pageSizeTextContainer\n )}\n >\n <HvTypography component=\"span\">\n {labels?.pageSizeEntryName}\n </HvTypography>\n </StyledPageSizeTextContainer>\n </Hidden>\n </>\n )}\n </StyledPageSizeOptions>\n <StyledPageNavigator\n className={clsx(\n paginationClasses.pageNavigator,\n classes?.pageNavigator\n )}\n {...navigationProps}\n >\n <StyledButtonIconTooltip\n id={setId(id, \"firstPage-button\")}\n aria-label={labels?.firstPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canPrevious}\n onClick={() => changePage(0)}\n tooltip={labels?.paginationFirstPageTitle}\n >\n <Start\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canPrevious)}\n />\n </StyledButtonIconTooltip>\n <StyledButtonIconTooltip\n id={setId(id, \"previousPage-button\")}\n aria-label={labels?.previousPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canPrevious}\n onClick={() => changePage(page - 1)}\n tooltip={labels?.paginationPreviousPageTitle}\n >\n <Backwards\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canPrevious)}\n />\n </StyledButtonIconTooltip>\n <StyledPageInfo\n className={clsx(paginationClasses.pageInfo, classes?.pageInfo)}\n >\n {showPageJump ? (\n renderPageJump()\n ) : (\n <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n )}\n <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n {pages}\n </HvTypography>\n </StyledPageInfo>\n <StyledButtonIconTooltip\n id={setId(id, \"nextPage-button\")}\n aria-label={labels?.nextPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canNext}\n onClick={() => changePage(page + 1)}\n tooltip={labels?.paginationNextPageTitle}\n >\n <Forwards\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canNext)}\n />\n </StyledButtonIconTooltip>\n <StyledButtonIconTooltip\n id={setId(id, \"lastPage-button\")}\n aria-label={labels?.lastPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canNext}\n onClick={() => changePage(pages - 1)}\n tooltip={labels?.paginationLastPageTitle}\n >\n <End\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canNext)}\n />\n </StyledButtonIconTooltip>\n </StyledPageNavigator>\n </StyledRoot>\n );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","HvPagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","StyledPageJump","clsx","paginationClasses","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","StyledRoot","StyledPageSizeOptions","_jsxs","_Fragment","Hidden","xsDown","StyledPageSizePrev","pageSizeTextContainer","HvTypography","component","StyledSelect","pageSizeOptionsSelect","_","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"@core/components\";\nimport {\n Start,\n End,\n Backwards,\n Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useLabels } from \"@core/hooks\";\nimport { Option } from \"./Select\";\nimport {\n StyledRoot,\n StyledPageSizeOptions,\n StyledPageSizePrev,\n StyledSelect,\n StyledPageSizeTextContainer,\n StyledPageNavigator,\n StyledButtonIconTooltip,\n StyledPageJump,\n StyledPageInfo,\n} from \"./Pagination.styles\";\nimport paginationClasses, { HvPaginationClasses } from \"./paginationClasses\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\n\nexport interface HvPaginationLabels {\n /** The show label. /\n pageSizePrev?: string;\n /* Indicate the units of the page size selection. /\n pageSizeEntryName?: string;\n /* Used for the aria-label of the selection of number of unit.s /\n pageSizeSelectorDescription?: string;\n /* Separator of current page and total pages. /\n pagesSeparator?: string;\n /* Title of button `firstPage`. /\n paginationFirstPageTitle?: string;\n /* Title of button `previousPage`. /\n paginationPreviousPageTitle?: string;\n /* Title of button `nextPage`. /\n paginationNextPageTitle?: string;\n /* Title of button `lastPage`. /\n paginationLastPageTitle?: string;\n /* Aria-label passed to the page input. /\n paginationInputLabel?: string;\n /* Aria-label of the first page button /\n firstPage?: string;\n /* Aria-label of the previous page button /\n previousPage?: string;\n /* Aria-label of the next page button /\n nextPage?: string;\n /* Aria-label of the last page button /\n lastPage?: string;\n}\n\nexport interface HvPaginationProps extends HvBaseProps {\n /* The number of pages the component has. /\n pages?: number;\n /* The currently selected page (0-indexed). /\n page?: number;\n /* Controls whether the left page size mechanism should be visible. /\n showPageSizeOptions?: boolean;\n /* The array of possible page sizes for the dropdown. /\n pageSizeOptions?: number[];\n /* The currently selected page size. /\n pageSize?: number;\n /* Controls whether the central page changing mechanism should be visible. /\n showPageJump?: boolean;\n /* Controls whether the previous/first page buttons are enabled. /\n canPrevious?: boolean;\n /* Controls whether the next/last page buttons are enabled. /\n canNext?: boolean;\n /* Function called when the page changes. /\n onPageChange?: (page: number) => void;\n /* Function called when the page size changes. /\n onPageSizeChange?: (pageSize: number) => void;\n /* An object containing all the labels for the component. /\n labels?: HvPaginationLabels;\n /* Other props to show page component. /\n showPageProps?: HTMLAttributes<HTMLDivElement>;\n /* Other props to pagination component. /\n navigationProps?: HTMLAttributes<HTMLDivElement>;\n /* Extra properties passed to the input component representing the current pages. /\n currentPageInputProps?: HvInputProps;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvPaginationClasses;\n}\n\nconst DEFAULT_LABELS = {\n pageSizePrev: \"Show\",\n pageSizeEntryName: \"rows\",\n pageSizeSelectorDescription: \"Select how many to display\",\n pagesSeparator: \"/\",\n paginationFirstPageTitle: \"First page\",\n paginationPreviousPageTitle: \"Previous page\",\n paginationNextPageTitle: \"Next page\",\n paginationLastPageTitle: \"Last page\",\n paginationInputLabel: \"Current page\",\n firstPage: \"First Page\",\n previousPage: \"Previous Page\",\n nextPage: \"Next Page\",\n lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\n/\n Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n classes,\n className,\n id,\n pages = 1,\n page = 0,\n showPageSizeOptions = true,\n pageSizeOptions = [5, 10, 20, 25, 50, 100],\n pageSize = 1,\n showPageJump = true,\n canPrevious = false,\n canNext = false,\n onPageChange,\n onPageSizeChange,\n labels: labelsProp,\n showPageProps,\n navigationProps,\n currentPageInputProps,\n ...others\n}: HvPaginationProps) => {\n const labels = useLabels(DEFAULT_LABELS, labelsProp);\n const [pageInput, handleInputChange] = usePageInput(page);\n\n const changePage = useCallback(\n (newPage) => {\n const safePage: number = getSafePage(newPage, page, pages);\n\n onPageChange?.(safePage);\n handleInputChange(null, safePage + 1);\n },\n [page, pages, onPageChange, handleInputChange]\n );\n\n useEffect(() => {\n if (page >= pages && pages > 0) {\n changePage(page);\n }\n }, [changePage, page, pages]);\n\n useEffect(() => {\n if (pageInput !== page + 1) {\n handleInputChange(null, page + 1);\n }\n\n // we only want to \"fix\" the input's display value when `page` property changed\n // (either externally or when internally committed - onBlur or Enter),\n // not while editing the input.\n // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n // a bug preventing properly controlling of the `page` property.\n // fixing it some other way would potentially introduce a breaking change.\n }, [handleInputChange, page]);\n\n const renderPageJump = () => (\n <StyledPageJump\n className={clsx(paginationClasses.pageJump, classes?.pageJump)}\n >\n <HvInput\n id={setId(id, \"currentPage\")}\n labels={labels}\n inputProps={{\n \"aria-label\": labels?.paginationInputLabel,\n // We really want the native number input\n type: \"number\",\n }}\n classes={{\n root: clsx(\n paginationClasses.pageSizeInputContainer,\n classes?.pageSizeInputContainer\n ),\n input: clsx(paginationClasses.pageSizeInput, classes?.pageSizeInput),\n inputRoot: clsx(\n paginationClasses.pageSizeInputRoot,\n classes?.pageSizeInputRoot\n ),\n }}\n onChange={(event, value) => handleInputChange(event, Number(value))}\n value={String(pageInput)}\n onBlur={(evt, value) => changePage(Number(value) - 1)}\n onKeyDown={(evt, value) =>\n isKeypress(evt, Enter) && changePage(Number(value) - 1)\n }\n disabled={pageSize === 0}\n disableClear\n {...currentPageInputProps}\n />\n </StyledPageJump>\n );\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, paginationClasses.root, classes?.root)}\n {...others}\n >\n <StyledPageSizeOptions\n className={clsx(\n paginationClasses.pageSizeOptions,\n classes?.pageSizeOptions\n )}\n {...showPageProps}\n >\n {showPageSizeOptions && (\n <>\n <Hidden xsDown>\n <StyledPageSizePrev\n className={clsx(\n paginationClasses.pageSizeTextContainer,\n classes?.pageSizeTextContainer\n )}\n >\n <HvTypography component=\"span\">\n {labels?.pageSizePrev}\n </HvTypography>\n </StyledPageSizePrev>\n </Hidden>\n <StyledSelect\n id={setId(id, \"pageSize\")}\n disabled={pageSize === 0}\n className={clsx(\n paginationClasses.pageSizeOptionsSelect,\n classes?.pageSizeOptionsSelect\n )}\n aria-label={labels?.pageSizeSelectorDescription}\n onChange={(_, val: number) => onPageSizeChange?.(val)}\n value={pageSize}\n >\n {pageSizeOptions.map((option) => (\n <Option key={option} value={option}>\n {option}\n </Option>\n ))}\n </StyledSelect>\n <Hidden xsDown>\n <StyledPageSizeTextContainer\n className={clsx(\n paginationClasses.pageSizeTextContainer,\n classes?.pageSizeTextContainer\n )}\n >\n <HvTypography component=\"span\">\n {labels?.pageSizeEntryName}\n </HvTypography>\n </StyledPageSizeTextContainer>\n </Hidden>\n </>\n )}\n </StyledPageSizeOptions>\n <StyledPageNavigator\n className={clsx(\n paginationClasses.pageNavigator,\n classes?.pageNavigator\n )}\n {...navigationProps}\n >\n <StyledButtonIconTooltip\n id={setId(id, \"firstPage-button\")}\n aria-label={labels?.firstPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canPrevious}\n onClick={() => changePage(0)}\n tooltip={labels?.paginationFirstPageTitle}\n >\n <Start\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canPrevious)}\n />\n </StyledButtonIconTooltip>\n <StyledButtonIconTooltip\n id={setId(id, \"previousPage-button\")}\n aria-label={labels?.previousPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canPrevious}\n onClick={() => changePage(page - 1)}\n tooltip={labels?.paginationPreviousPageTitle}\n >\n <Backwards\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canPrevious)}\n />\n </StyledButtonIconTooltip>\n <StyledPageInfo\n className={clsx(paginationClasses.pageInfo, classes?.pageInfo)}\n >\n {showPageJump ? (\n renderPageJump()\n ) : (\n <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n )}\n <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n {pages}\n </HvTypography>\n </StyledPageInfo>\n <StyledButtonIconTooltip\n id={setId(id, \"nextPage-button\")}\n aria-label={labels?.nextPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canNext}\n onClick={() => changePage(page + 1)}\n tooltip={labels?.paginationNextPageTitle}\n >\n <Forwards\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canNext)}\n />\n </StyledButtonIconTooltip>\n <StyledButtonIconTooltip\n id={setId(id, \"lastPage-button\")}\n aria-label={labels?.lastPage}\n className={clsx(\n paginationClasses.iconContainer,\n classes?.iconContainer\n )}\n disabled={!canNext}\n onClick={() => changePage(pages - 1)}\n tooltip={labels?.paginationLastPageTitle}\n >\n <End\n className={clsx(paginationClasses.icon, classes?.icon)}\n color={setColor(!canNext)}\n />\n </StyledButtonIconTooltip>\n </StyledPageNavigator>\n </StyledRoot>\n );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","HvPagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","StyledPageJump","clsx","paginationClasses","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","StyledRoot","StyledPageSizeOptions","_jsxs","_Fragment","Hidden","xsDown","StyledPageSizePrev","pageSizeTextContainer","HvTypography","component","StyledSelect","pageSizeOptionsSelect","_","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":"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"}

package/dist/esm/components/Pagination/Pagination.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { inputClasses } from \"@core/components\";\nimport { CSSProperties } from \"react\";\nimport Select from \"./Select\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport paginationClasses from \"./paginationClasses\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const StyledRoot = styled(\"div\")({\n position: \"relative\",\n zIndex: 1,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"stretch\",\n flexWrap: \"wrap\",\n marginTop: theme.space.sm,\n [`& .${paginationClasses.pageSizeInput}`]: {\n ...(theme.typography.label as CSSProperties),\n },\n [`& .${paginationClasses.pageSizeInputContainer}`]: {\n width: 40,\n minWidth: 40,\n maxWidth: theme.spacing(8),\n },\n [`&& .${paginationClasses.pageSizeInputRoot}`]: {\n backgroundColor: \"transparent\",\n \"&:focus, &:focus-within, &:hover\": {\n backgroundColor: hoverColor,\n },\n },\n});\n\nexport const StyledPageSizeOptions = styled(\"div\")({\n display: \"flex\",\n position: \"absolute\",\n height: 32,\n marginRight: 40,\n top: \"50%\",\n transform: \"translateY(-50%)\",\n left: \"0\",\n});\n\nexport const StyledPageSizePrev = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"32px\",\n padding: \"8px 0\",\n});\n\nexport const StyledSelect = styled(Select)({\n display: \"inline-block\",\n margin: `0px ${theme.space.xs}`,\n width: \"auto\",\n});\n\nexport const StyledPageSizeTextContainer = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"32px\",\n padding: \"8px 0\",\n});\n\nexport const StyledPageNavigator = styled(\"div\")({\n display: \"flex\",\n alignItems: \"stretch\",\n height: \"32px\",\n \"&>*\": {\n margin: `0 4px`,\n },\n});\n\nexport const StyledButtonIconTooltip = styled(ButtonIconTooltip)({\n padding: 0,\n});\n\nexport const StyledPageInfo = styled(\"div\")({\n display: \"inline-block\",\n whiteSpace: \"nowrap\",\n height: \"32px\",\n lineHeight: \"32px\",\n});\n\nexport const StyledPageJump = styled(\"div\")({\n display: \"inline-block\",\n marginRight: `4px`,\n [`& .${inputClasses.inputRoot}`]: {\n [`& .${paginationClasses.pageSizeInput}`]: {\n paddingLeft: `4px`,\n paddingRight: `4px`,\n margin: 0,\n textAlign: \"center\",\n borderRadius: theme.radii.base,\n MozAppearance: \"textfield\",\n \"&:focus\": {\n backgroundColor: hoverColor,\n },\n \"&:hover\": {\n cursor: \"pointer\",\n },\n },\n },\n});\n"],"names":["hoverColor","theme","colors","atmo3","StyledRoot","process","env","NODE_ENV","target","label","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","space","sm","paginationClasses","pageSizeInput","typography","pageSizeInputContainer","width","minWidth","maxWidth","spacing","pageSizeInputRoot","backgroundColor","StyledPageSizeOptions","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPageSizePrev","StyledSelect","Select","margin","xs","StyledPageSizeTextContainer","StyledPageNavigator","height","StyledButtonIconTooltip","ButtonIconTooltip","StyledPageInfo","StyledPageJump","marginRight","inputClasses","inputRoot","paddingLeft","paddingRight","textAlign","borderRadius","radii","base","MozAppearance","cursor"],"mappings":";;;;;;;;;AAQA,MAAMA,aAAaC,MAAMC,OAAOC;AAEzB,MAAMC,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,WAAWf,MAAMgB,MAAMC;AAAAA,EACvB,CAAE,MAAKC,kBAAkBC,eAAe,GAAG;AAAA,IACzC,GAAInB,MAAMoB,WAAWZ;AAAAA,EACvB;AAAA,EACA,CAAE,MAAKU,kBAAkBG,wBAAwB,GAAG;AAAA,IAClDC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,UAAUxB,MAAMyB,QAAQ,CAAC;AAAA,EAC3B;AAAA,EACA,CAAE,OAAMP,kBAAkBQ,mBAAmB,GAAG;AAAA,IAC9CC,iBAAiB;AAAA,IACjB,oCAAoC;AAAA,MAClCA,iBAAiB5B;AAAAA,IACnB;AAAA,EACF;AACF,GAACK,QAAAC,IAAAC,aAAC,eAAA,KAAA,6/HAAA;AAEK,MAAMsB,wBAA+B,wBAAA,OAAKxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAuB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAQhD~~;~~AAEK~~,MAAMC,qBAA4B,wBAAA,OAAK9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAuB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAM7C~~;~~AAEK~~,MAAME,eAAsBC,wBAAAA,UAAMhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCG,SAAS;AAAA,EACT0B,QAAS,OAAMrC,MAAMgB,MAAMsB;AAAAA,EAC3BhB,OAAO;AACT,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6/HAAA;AAEK,MAAMiC,8BAAqC,wBAAA,OAAKnC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAuB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAMtD~~;~~AAEK~~,MAAMO,sBAA6B,wBAAA,OAAKpC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CG,SAAS;AAAA,EACTE,YAAY;AAAA,EACZ4B,QAAQ;AAAA,EACR,OAAO;AAAA,IACLJ,QAAS;AAAA,EACX;AACF,GAACjC,QAAAC,IAAAC,aAAC,eAAA,KAAA,6/HAAA;AAEK,MAAMoC,0BAAiCC,wBAAAA,mBAAiBvC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAuB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAE9D~~;~~AAEK~~,MAAMW,iBAAwB,wBAAA,OAAKxC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAuB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,~~CAKzC~~;~~AAEK~~,MAAMY,iBAAwB,wBAAA,OAAKzC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CG,SAAS;AAAA,EACTmC,aAAc;AAAA,EACd,CAAE,MAAKC,aAAaC,WAAW,GAAG;AAAA,IAChC,CAAE,MAAK9B,kBAAkBC,eAAe,GAAG;AAAA,MACzC8B,aAAc;AAAA,MACdC,cAAe;AAAA,MACfb,QAAQ;AAAA,MACRc,WAAW;AAAA,MACXC,cAAcpD,MAAMqD,MAAMC;AAAAA,MAC1BC,eAAe;AAAA,MACf,WAAW;AAAA,QACT5B,iBAAiB5B;AAAAA,MACnB;AAAA,MACA,WAAW;AAAA,QACTyD,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF,GAACpD,QAAAC,IAAAC,aAAC,eAAA,KAAA,6/HAAA;"}
1	+ {"version":3,"file":"Pagination.styles.js","sources":["../../../../src/components/Pagination/Pagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { inputClasses } from \"@core/components\";\nimport { CSSProperties } from \"react\";\nimport Select from \"./Select\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport paginationClasses from \"./paginationClasses\";\n\nconst hoverColor = theme.colors.atmo3;\n\nexport const StyledRoot = styled(\"div\")({\n position: \"relative\",\n zIndex: 1,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"stretch\",\n flexWrap: \"wrap\",\n marginTop: theme.space.sm,\n [`& .${paginationClasses.pageSizeInput}`]: {\n ...(theme.typography.label as CSSProperties),\n },\n [`& .${paginationClasses.pageSizeInputContainer}`]: {\n width: 40,\n minWidth: 40,\n maxWidth: theme.spacing(8),\n },\n [`&& .${paginationClasses.pageSizeInputRoot}`]: {\n backgroundColor: \"transparent\",\n \"&:focus, &:focus-within, &:hover\": {\n backgroundColor: hoverColor,\n },\n },\n});\n\nexport const StyledPageSizeOptions = styled(\"div\")({\n display: \"flex\",\n position: \"absolute\",\n height: 32,\n marginRight: 40,\n top: \"50%\",\n transform: \"translateY(-50%)\",\n left: \"0\",\n});\n\nexport const StyledPageSizePrev = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"32px\",\n padding: \"8px 0\",\n});\n\nexport const StyledSelect = styled(Select)({\n display: \"inline-block\",\n margin: `0px ${theme.space.xs}`,\n width: \"auto\",\n});\n\nexport const StyledPageSizeTextContainer = styled(\"div\")({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: \"32px\",\n padding: \"8px 0\",\n});\n\nexport const StyledPageNavigator = styled(\"div\")({\n display: \"flex\",\n alignItems: \"stretch\",\n height: \"32px\",\n \"&>*\": {\n margin: `0 4px`,\n },\n});\n\nexport const StyledButtonIconTooltip = styled(ButtonIconTooltip)({\n padding: 0,\n});\n\nexport const StyledPageInfo = styled(\"div\")({\n display: \"inline-block\",\n whiteSpace: \"nowrap\",\n height: \"32px\",\n lineHeight: \"32px\",\n});\n\nexport const StyledPageJump = styled(\"div\")({\n display: \"inline-block\",\n marginRight: `4px`,\n [`& .${inputClasses.inputRoot}`]: {\n [`& .${paginationClasses.pageSizeInput}`]: {\n paddingLeft: `4px`,\n paddingRight: `4px`,\n margin: 0,\n textAlign: \"center\",\n borderRadius: theme.radii.base,\n MozAppearance: \"textfield\",\n \"&:focus\": {\n backgroundColor: hoverColor,\n },\n \"&:hover\": {\n cursor: \"pointer\",\n },\n },\n },\n});\n"],"names":["hoverColor","theme","colors","atmo3","StyledRoot","process","env","NODE_ENV","target","label","position","zIndex","display","justifyContent","alignItems","flexWrap","marginTop","space","sm","paginationClasses","pageSizeInput","typography","pageSizeInputContainer","width","minWidth","maxWidth","spacing","pageSizeInputRoot","backgroundColor","StyledPageSizeOptions","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPageSizePrev","StyledSelect","Select","margin","xs","StyledPageSizeTextContainer","StyledPageNavigator","height","StyledButtonIconTooltip","ButtonIconTooltip","StyledPageInfo","StyledPageJump","marginRight","inputClasses","inputRoot","paddingLeft","paddingRight","textAlign","borderRadius","radii","base","MozAppearance","cursor"],"mappings":"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"}

package/dist/esm/components/Pagination/Select.js CHANGED Viewed

@@ -1,10 +1,8 @@
 import { useState } from "react";
-import { clsx } from "clsx";
-import { StyledRoot } from "./Select.styles.js";
+import { useClasses } from "./Select.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvListItem } from "../ListContainer/ListItem/ListItem.js";
 import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
-import { HvTypography } from "../Typography/Typography.js";
 import { HvPanel } from "../Panel/Panel.js";
 import { HvSelectionList } from "../SelectionList/SelectionList.js";
 const Option = ({
@@ -16,13 +14,16 @@ const Option = ({
 });
 const HvSelect = ({
   className,
-  classes,
+  classes: classesProp = {},
   onChange,
   disabled,
   value,
   children,
   ...others
 }) => {
+  const {
+    classes
+  } = useClasses(classesProp);
   const [open, setOpen] = useState(false);
   const handleSelect = (evt, val) => {
     onChange == null ? void 0 : onChange(evt, val);
@@ -41,30 +42,25 @@ const HvSelect = ({
       return true;
     });
   };
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    children: /* @__PURE__ */ jsx(HvBaseDropdown, {
-      className,
-      classes: {
-        root: clsx(classes.base, classes.root),
-        anchor: classes.anchor,
-        header: classes.header,
-        headerOpen: classes.headerOpen
-      },
-      expanded: open,
-      onToggle: handleToggle,
-      onContainerCreation: setFocusToContent,
-      placeholder: /* @__PURE__ */ jsx(HvTypography, {
-        children: value
-      }),
-      disabled,
-      variableWidth: true,
-      ...others,
-      children: /* @__PURE__ */ jsx(HvPanel, {
-        children: /* @__PURE__ */ jsx(HvSelectionList, {
-          value,
-          onChange: handleSelect,
-          children
-        })
+  return /* @__PURE__ */ jsx(HvBaseDropdown, {
+    className,
+    classes: {
+      selection: classes.selection,
+      header: classes.header,
+      headerOpen: classes.headerOpen
+    },
+    expanded: open,
+    onToggle: handleToggle,
+    onContainerCreation: setFocusToContent,
+    placeholder: value,
+    disabled,
+    variableWidth: true,
+    ...others,
+    children: /* @__PURE__ */ jsx(HvPanel, {
+      children: /* @__PURE__ */ jsx(HvSelectionList, {
+        value,
+        onChange: handleSelect,
+        children
       })
     })
   });

package/dist/esm/components/Pagination/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { ~~clsx~~ } ~~from~~ ~~\"clsx\";\nimport~~ ~~{\n HvBaseDropdown,\n HvSelectionList,\n HvListItem,\n HvPanel,\n HvTypography,\n~~} from \"~~../index\~~";\nimport { ~~StyledRoot~~ } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n className,\n classes,\n onChange,\n disabled,\n value,\n children,\n ...others\n}) => {\n const [open, setOpen] = useState(false);\n\n const handleSelect = (evt, val) => {\n onChange?.(evt, val);\n setOpen(false);\n };\n\n const handleToggle = (_evt, s) => {\n setOpen(s);\n };\n\n const setFocusToContent = (containerRef) => {\n const listItems =\n containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n return (\n <~~StyledRoot>\n <~~HvBaseDropdown\n className={className}\n classes={{\n ~~root~~: ~~clsx(~~classes.~~base, classes.root)~~,\n ~~anchor: classes.anchor,\n~~ header: classes.header,\n headerOpen: classes.headerOpen,\n }}\n expanded={open}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={~~<HvTypography>{~~value}~~</HvTypography>}~~\n disabled={disabled}\n variableWidth\n {...others}\n >\n <HvPanel>\n <HvSelectionList value={value} onChange={handleSelect}>\n {children}\n </HvSelectionList>\n </HvPanel>\n </HvBaseDropdown>\n ~~</StyledRoot>\n~~ );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvListItem","HvSelect","className","classes","onChange","disabled","value","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","~~StyledRoot","~~HvBaseDropdown","~~root~~","~~clsx","base","anchor","~~header","headerOpen","expanded","onToggle","onContainerCreation","placeholder","~~HvTypography","~~variableWidth","HvPanel","HvSelectionList"],"mappings":"~~;;;;;;;;;AAWO~~,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAU,GAAGC;AAAO,0BAC1CC,YAAU;AAAA,EAAA,GAAKD;AAAAA,EAAMD;AAAW,~~CAClC~~;~~AAED~~,MAAMG,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC;~~AAAAA~~,~~EACAC~~;AAAAA,EACAC;AAAAA,EACAC;AAAAA,~~EACAR~~;AAAAA,EACA,GAAGC;AACL,MAAM;~~AACJ~~,QAAM,~~CAACQ~~,MAAMC,OAAO,IAAIC,SAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;~~AACjCR~~,~~yCAAWO~~,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAeA,CAACC,MAAMC,MAAM;AAChCP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,~~MAAO~~;~~AACT~~,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,6BACGC,~~YAAU;AAAA,IAAA1B,8BACR2B,~~gBAAc;AAAA,~~MACbvB~~;AAAAA,~~MACAC~~,SAAS;AAAA,~~QACPuB~~,~~MAAMC~~,~~KAAKxB,QAAQyB,MAAMzB,QAAQuB,IAAI~~;~~AAAA,QACrCG,QAAQ1B,QAAQ0B;~~AAAAA,~~QAChBC~~,~~QAAQ3B~~,~~QAAQ2B~~;AAAAA,~~QAChBC~~,~~YAAY5B~~,~~QAAQ4B~~;AAAAA,~~MACtB~~;AAAA,~~MACAC~~,~~UAAUzB~~;AAAAA,~~MACV0B~~,~~UAAUpB~~;AAAAA,~~MACVqB~~,~~qBAAqBlB~~;AAAAA,~~MACrBmB~~,~~iCAAcC,cAAY~~;~~AAAA,QAAAtC,UAAEQ;~~AAAAA,~~MAAAA,CAAsB~~;~~AAAA,MAClDD;~~AAAAA,~~MACAgC~~,eAAa;AAAA,~~MAAA~~,~~GACTtC~~;AAAAA,~~MAAMD~~,~~8BAETwC~~,SAAO;AAAA,~~QAAAxC~~,~~8BACLyC~~,iBAAe;AAAA,~~UAACjC~~;AAAAA,~~UAAcF~~,~~UAAUM~~;AAAAA,~~UAAaZ~~;AAAAA,~~QAAAA~~,~~CAC3C~~;AAAA,~~MAAA,CACO;AAAA,~~IAAA,CACV;AAAA,EAAA,~~CAED~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"Select.js","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { HvBaseDropdown, HvSelectionList, HvListItem, HvPanel } from \"..\";\nimport { useClasses } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n className,\n classes: classesProp = {},\n onChange,\n disabled,\n value,\n children,\n ...others\n}) => {\n const { classes } = useClasses(classesProp);\n const [open, setOpen] = useState(false);\n\n const handleSelect = (evt, val) => {\n onChange?.(evt, val);\n setOpen(false);\n };\n\n const handleToggle = (_evt, s) => {\n setOpen(s);\n };\n\n const setFocusToContent = (containerRef) => {\n const listItems =\n containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n return (\n <HvBaseDropdown\n className={className}\n classes={{\n selection: classes.selection,\n header: classes.header,\n headerOpen: classes.headerOpen,\n }}\n expanded={open}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={value}\n disabled={disabled}\n variableWidth\n {...others}\n >\n <HvPanel>\n <HvSelectionList value={value} onChange={handleSelect}>\n {children}\n </HvSelectionList>\n </HvPanel>\n </HvBaseDropdown>\n );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvListItem","HvSelect","className","classes","classesProp","onChange","disabled","value","useClasses","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","HvBaseDropdown","selection","header","headerOpen","expanded","onToggle","onContainerCreation","placeholder","variableWidth","HvPanel","HvSelectionList"],"mappings":";;;;;;;AAIO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,EAAU,GAAGC;AAAO,0BAC1CC,YAAU;AAAA,EAAA,GAAKD;AAAAA,EAAMD;AAAW,CAAa;AAGhD,MAAMG,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAT;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IAAEI;AAAAA,EAAAA,IAAYK,WAAWJ,WAAW;AAC1C,QAAM,CAACK,MAAMC,OAAO,IAAIC,SAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCT,yCAAWQ,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAeA,CAACC,MAAMC,MAAM;AAChCP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAM;AACR,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,6BACGC,gBAAc;AAAA,IACbxB;AAAAA,IACAC,SAAS;AAAA,MACPwB,WAAWxB,QAAQwB;AAAAA,MACnBC,QAAQzB,QAAQyB;AAAAA,MAChBC,YAAY1B,QAAQ0B;AAAAA,IACtB;AAAA,IACAC,UAAUrB;AAAAA,IACVsB,UAAUhB;AAAAA,IACViB,qBAAqBd;AAAAA,IACrBe,aAAa1B;AAAAA,IACbD;AAAAA,IACA4B,eAAa;AAAA,IAAA,GACTnC;AAAAA,IAAMD,8BAETqC,SAAO;AAAA,MAAArC,8BACLsC,iBAAe;AAAA,QAAC7B;AAAAA,QAAcF,UAAUO;AAAAA,QAAad;AAAAA,MAAAA,CAErC;AAAA,IAAA,CACV;AAAA,EAAA,CACK;AAEpB;"}

package/dist/esm/components/Pagination/Select.styles.js CHANGED Viewed

@@ -1,32 +1,23 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import baseDropdownClasses from "../BaseDropdown/baseDropdownClasses.js";
-const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eakxe9u0"
-} : {
-  target: "eakxe9u0",
-  label: "StyledRoot"
-})({
-  [`& .${baseDropdownClasses.root}`]: {
-    width: "auto",
-    [`& > div.${baseDropdownClasses.anchor}`]: {
-      width: "auto"
-    },
-    [`& .${baseDropdownClasses.header}`]: {
-      backgroundColor: "transparent",
-      borderColor: "transparent"
-    },
-    [`& .${baseDropdownClasses.headerOpen}`]: {
-      backgroundColor: theme.colors.atmo1,
-      borderColor: theme.colors.atmo1
-    },
-    [`& .${baseDropdownClasses.selection}`]: {
-      borderRadius: theme.pagination.pageSizeBorderRadius,
-      border: `1px solid ${theme.pagination.pageSizeBorderColor}`
+import { createClasses } from "../../utils/classes.js";
+const {
+  useClasses
+} = createClasses("HvPaginationSelect", {
+  header: {
+    backgroundColor: "transparent",
+    borderColor: theme.pagination.pageSizeBorderColor,
+    "&:hover": {
+      borderColor: theme.pagination.pageSizeHoverBorderColor
     }
+  },
+  selection: {
+    padding: theme.spacing([0, "md", 0, "xs"])
+  },
+  headerOpen: {
+    backgroundColor: theme.colors.atmo1
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9TZWxlY3Quc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1NlbGVjdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBiYXNlRHJvcGRvd25DbGFzc2VzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBbYCYgLiR7YmFzZURyb3Bkb3duQ2xhc3Nlcy5yb290fWBdOiB7XG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuXG4gICAgW2AmID4gZGl2LiR7YmFzZURyb3Bkb3duQ2xhc3Nlcy5hbmNob3J9YF06IHtcbiAgICAgIHdpZHRoOiBcImF1dG9cIixcbiAgICB9LFxuICAgIFtgJiAuJHtiYXNlRHJvcGRvd25DbGFzc2VzLmhlYWRlcn1gXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0sXG4gICAgW2AmIC4ke2Jhc2VEcm9wZG93bkNsYXNzZXMuaGVhZGVyT3Blbn1gXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIH0sXG4gICAgW2AmIC4ke2Jhc2VEcm9wZG93bkNsYXNzZXMuc2VsZWN0aW9ufWBdOiB7XG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnBhZ2luYXRpb24ucGFnZVNpemVCb3JkZXJSYWRpdXMsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5wYWdpbmF0aW9uLnBhZ2VTaXplQm9yZGVyQ29sb3J9YCxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+});
 export {
-  StyledRoot
+  useClasses
 };
 //# sourceMappingURL=Select.styles.js.map

package/dist/esm/components/Pagination/Select.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Pagination/Select.styles.tsx"],"sourcesContent":["import ~~styled~~ from \"@~~emotion~~/~~styled~~\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\~~nimport { baseDropdownClasses } from \"@core/components\";\~~n\nexport const ~~StyledRoot~~ = ~~styled~~(\"~~div~~\")({\n ~~[`& .${baseDropdownClasses.root}`]~~: {\n ~~width~~: \"~~auto~~\",\n\n ~~[`&~~ ~~> div.${baseDropdownClasses~~.~~anchor}`]~~: {\n ~~width~~: ~~\"auto\"~~,\n },\n ~~[`& .${baseDropdownClasses.header~~}`]: {\n ~~backgroundColor~~: \"~~transparent~~\"~~,\n borderColor:~~ \"~~transparent~~\",\n },\n ~~[`& .${baseDropdownClasses.~~headerOpen~~}`]~~: {\n backgroundColor: theme.colors.atmo1,\n borderColor: theme.colors.atmo1,\n },\n [`& .${baseDropdownClasses.selection}`]: {\n borderRadius: theme.pagination.pageSizeBorderRadius,\n border: `1px solid ${theme.pagination.pageSizeBorderColor}`,\n },\n },\n});\n"],"names":["~~StyledRoot~~","~~process~~","~~env","NODE_ENV","target","label","baseDropdownClasses","root","width","anchor","~~header","backgroundColor","borderColor","~~headerOpen~~","~~theme~~","~~colors~~","~~atmo1~~","selection","~~borderRadius~~","~~pagination~~","~~pageSizeBorderRadius~~","~~border~~","~~pageSizeBorderColor~~"],"mappings":"~~;;;AAIO~~,~~MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA~~;AAAA,~~EAAAC,QAAA~~;~~AAAA~~,~~IAAA;AAAA~~,~~EAAAA~~,~~QAAA~~;AAAA,~~EAAAC~~,~~OAAA~~;AAAA,~~CAAA~~,~~EAAE~~;AAAA,~~EACtC~~,~~CAAE~~,~~MAAKC~~,~~oBAAoBC,MAAM,GAAG~~;~~AAAA~~,~~IAClCC~~,~~OAAO~~;AAAA,~~IAEP~~,~~CAAE~~,~~WAAUF~~,~~oBAAoBG~~,~~QAAQ,GAAG~~;AAAA,~~MACzCD,OAAO~~;AAAA,~~IACT~~;AAAA,~~IACA~~,~~CAAE~~,~~MAAKF~~,~~oBAAoBI,~~QAAQ,GAAG~~;AAAA~~,~~MACpCC~~,~~iBAAiB;AAAA~~,~~MACjBC~~,~~aAAa~~;AAAA,~~IACf~~;AAAA,~~IACA~~,~~CAAE,MAAKN,oBAAoBO,~~YAAY~~,GAAG~~;AAAA,~~MACxCF~~,~~iBAAiBG~~,~~MAAMC~~,OAAOC;AAAAA,~~MAC9BJ,aAAaE,MAAMC,OAAOC~~;~~AAAAA,IAC5B;AAAA,IACA,CAAE,MAAKV,oBAAoBW,WAAW,GAAG;AAAA,MACvCC,cAAcJ,MAAMK,WAAWC;AAAAA,MAC/BC,QAAS,aAAYP,MAAMK,WAAWG;AAAAA,IACxC;AAAA,EACF;~~AACF,~~GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,yhDAAA~~;"}
1	+ {"version":3,"file":"Select.styles.js","sources":["../../../../src/components/Pagination/Select.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { useClasses } = createClasses(\"HvPaginationSelect\", {\n header: {\n backgroundColor: \"transparent\",\n borderColor: theme.pagination.pageSizeBorderColor,\n \"&:hover\": {\n borderColor: theme.pagination.pageSizeHoverBorderColor,\n },\n },\n selection: {\n padding: theme.spacing([0, \"md\", 0, \"xs\"]),\n },\n headerOpen: {\n backgroundColor: theme.colors.atmo1,\n },\n});\n"],"names":["useClasses","createClasses","header","backgroundColor","borderColor","theme","pagination","pageSizeBorderColor","pageSizeHoverBorderColor","selection","padding","spacing","headerOpen","colors","atmo1"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAW,IAAIC,cAAc,sBAAsB;AAAA,EAChEC,QAAQ;AAAA,IACNC,iBAAiB;AAAA,IACjBC,aAAaC,MAAMC,WAAWC;AAAAA,IAC9B,WAAW;AAAA,MACTH,aAAaC,MAAMC,WAAWE;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTC,SAASL,MAAMM,QAAQ,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC;AAAA,EAC3C;AAAA,EACAC,YAAY;AAAA,IACVT,iBAAiBE,MAAMQ,OAAOC;AAAAA,EAChC;AACF,CAAC;"}

package/dist/esm/components/Pagination/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition: boolean): string \| undefined =>\n condition ? \"secondary_60\" : undefined;\n\nexport const getSafePage = (\n inPage: number,\n page: number,\n pages: number\n): number =>\n Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage: number) => {\n const [page, setPage] = useState<number>(initialPage + 1);\n\n const handleChange = useCallback(\n (evt, newPage: number) => setPage(newPage),\n []\n );\n\n return [page, handleChange] as const;\n};\n"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","useState","handleChange","useCallback","evt","newPage"],"mappings":";AAEO,MAAMA,WAAWA,CAACC,cACvBA,YAAY,iBAAiBC;AAExB,MAAMC,cAAcA,CACzBC,QACAC,MACAC,UAEAC,OAAOC,MAAMJ,MAAM,IAAIC,OAAOI,KAAKC,IAAID,KAAKE,IAAIP,QAAQ,CAAC,GAAGE,QAAQ,CAAC;AAE1DM,MAAAA,eAAeA,CAACC,gBAAwB;AACnD,QAAM,CAACR,MAAMS,OAAO,IAAIC,SAAiBF,cAAc,CAAC;AAElDG,QAAAA,eAAeC,YACnB,CAACC,KAAKC,YAAoBL,QAAQK,OAAO,GACzC,CAAA,~~CAAE~~;~~AAGG~~,SAAA,CAACd,MAAMW,YAAY;AAC5B;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition: boolean): string \| undefined =>\n condition ? \"secondary_60\" : undefined;\n\nexport const getSafePage = (\n inPage: number,\n page: number,\n pages: number\n): number =>\n Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage: number) => {\n const [page, setPage] = useState<number>(initialPage + 1);\n\n const handleChange = useCallback(\n (evt, newPage: number) => setPage(newPage),\n []\n );\n\n return [page, handleChange] as const;\n};\n"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","useState","handleChange","useCallback","evt","newPage"],"mappings":";AAEO,MAAMA,WAAWA,CAACC,cACvBA,YAAY,iBAAiBC;AAExB,MAAMC,cAAcA,CACzBC,QACAC,MACAC,UAEAC,OAAOC,MAAMJ,MAAM,IAAIC,OAAOI,KAAKC,IAAID,KAAKE,IAAIP,QAAQ,CAAC,GAAGE,QAAQ,CAAC;AAE1DM,MAAAA,eAAeA,CAACC,gBAAwB;AACnD,QAAM,CAACR,MAAMS,OAAO,IAAIC,SAAiBF,cAAc,CAAC;AAElDG,QAAAA,eAAeC,YACnB,CAACC,KAAKC,YAAoBL,QAAQK,OAAO,GACzC,CAAA,CACF;AAEO,SAAA,CAACd,MAAMW,YAAY;AAC5B;"}