npm - @hitachivantara/uikit-react-core - Versions diffs - 5.1.2 → 5.2.0 - Mend

@hitachivantara/uikit-react-core 5.1.2 → 5.2.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 (98) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \".\";\n\nexport interface StyledButtonProps {\n $radius?: HvButtonRadius;\n $size?: HvButtonSize;\n $variant?: HvButtonVariant;\n $iconOnly?: Boolean;\n $overrideIconColors?: Boolean;\n $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\",\n overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n marginRight: theme.button.marginIconRight,\n marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n whiteSpace: \"nowrap\",\n display: \"flex\",\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(\n ({\n $variant,\n $iconOnly,\n $size,\n $radius,\n $overrideIconColors,\n $disabled,\n }: StyledButtonProps) => ({\n display: \"inline-flex\",\n justifyContent: \"center\",\n textTransform: \"none\",\n cursor: $disabled ? \"not-allowed\" : \"pointer\",\n ...($disabled && {\n pointerEvents: \"auto\",\n }),\n \"&:hover\": {},\n \"&:focus\": {},\n \"&.HvIsFocusVisible\": {\n ...outlineStyles,\n },\n \"&:active\": {},\n\n // default button - no size specified\n fontFamily: theme.fontFamily.body,\n fontSize: theme.fontSizes.base,\n fontWeight: 600,\n lineHeight: \"11px\",\n letterSpacing: 0,\n height: \"32px\",\n borderRadius: theme.button.borderRadius,\n padding: theme.button.padding,\n\n ...($overrideIconColors &&\n $variant === \"primary\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.atmo1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"semantic\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.base_dark,\n },\n }),\n ...($variant === \"primary\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.atmo1,\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.primary,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.colors.primary_80,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.colors.primary_80,\n },\n }),\n ...($variant === \"primarySubtle\" && {\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.primary}`,\n color: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"primaryGhost\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondarySubtle\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.secondaryBackgroundColor,\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.atmo4}`,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n border: `1px solid ${theme.colors.atmo4}`,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondaryGhost\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"semantic\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.base_dark,\n backgroundColor: $disabled\n ? theme.button.semanticColorDisabled\n : \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.button.semanticColor,\n },\n }),\n ...($size === \"xs\" && {\n height: theme.sizes.xs,\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n fontSize: theme.fontSizes.xs,\n }),\n ...($size === \"sm\" && {\n height: theme.sizes.sm,\n paddingLeft: theme.space.sm,\n paddingRight: theme.space.sm,\n fontSize: theme.fontSizes.sm,\n }),\n ...($size === \"md\" && {\n height: theme.sizes.md,\n paddingLeft: theme.space.md,\n paddingRight: theme.space.md,\n }),\n ...($size === \"lg\" && {\n height: theme.sizes.lg,\n paddingLeft: theme.space.lg,\n paddingRight: theme.space.lg,\n fontSize: theme.fontSizes.lg,\n }),\n ...($size === \"xl\" && {\n height: theme.sizes.xl,\n paddingLeft: theme.space.xl,\n paddingRight: theme.space.xl,\n fontSize: theme.fontSizes.xl,\n }),\n ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n ...($radius === \"round\" && { borderRadius: theme.radii.round }),\n ...($radius === \"circle\" && { borderRadius: theme.radii.circle }),\n ...($radius === \"full\" && { borderRadius: theme.radii.full }),\n ...($iconOnly && {\n margin: 0,\n padding: 0,\n }),\n ...(!$iconOnly && {\n minWidth: \"70px\",\n }),\n })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontFamily","body","fontSize","fontSizes","base","fontWeight","lineHeight","letterSpacing","height","borderRadius","padding","fill","colors","secondary_60","atmo1","primary","secondary","base_dark","color","backgroundColor","atmo3","primary_80","border","atmo4","hoverColor","secondaryBackgroundColor","semanticColorDisabled","semanticColor","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","radii","none","round","circle","full","margin","minWidth"],"mappings":"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"}
1	+ {"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \".\";\n\nexport interface StyledButtonProps {\n $radius?: HvButtonRadius;\n $size?: HvButtonSize;\n $variant?: HvButtonVariant;\n $iconOnly?: Boolean;\n $overrideIconColors?: Boolean;\n $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\",\n overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n marginRight: theme.button.marginIconRight,\n marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n whiteSpace: \"nowrap\",\n display: \"flex\",\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(\n ({\n $variant,\n $iconOnly,\n $size,\n $radius,\n $overrideIconColors,\n $disabled,\n }: StyledButtonProps) => ({\n display: \"inline-flex\",\n justifyContent: \"center\",\n textTransform: \"none\",\n cursor: $disabled ? \"not-allowed\" : \"pointer\",\n ...($disabled && {\n pointerEvents: \"auto\",\n }),\n \"&:hover\": {},\n \"&:focus\": {},\n \"&.HvIsFocusVisible\": {\n ...outlineStyles,\n },\n \"&:active\": {},\n\n // default button - no size specified\n fontFamily: theme.fontFamily.body,\n fontSize: theme.fontSizes.base,\n fontWeight: 600,\n lineHeight: \"11px\",\n letterSpacing: 0,\n height: \"32px\",\n borderRadius: theme.button.borderRadius,\n padding: theme.button.padding,\n\n ...($overrideIconColors &&\n $variant === \"primary\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.atmo1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"semantic\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.secondary_60 : theme.colors.base_dark,\n },\n }),\n ...($variant === \"primary\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.atmo1,\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.primary,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.colors.primary_80,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.colors.primary_80,\n },\n }),\n ...($variant === \"primarySubtle\" && {\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.primary}`,\n color: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"primaryGhost\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.primary,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondarySubtle\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.secondaryBackgroundColor,\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.button.secondarySubtleBorderColor}`,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.button.secondarySubtleBorderColor}`,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondaryGhost\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.secondary,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"semantic\" && {\n color: $disabled ? theme.colors.secondary_60 : theme.colors.base_dark,\n backgroundColor: $disabled\n ? theme.button.semanticColorDisabled\n : \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.button.semanticColor,\n },\n }),\n ...($size === \"xs\" && {\n height: theme.sizes.xs,\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n fontSize: theme.fontSizes.xs,\n }),\n ...($size === \"sm\" && {\n height: theme.sizes.sm,\n paddingLeft: theme.space.sm,\n paddingRight: theme.space.sm,\n fontSize: theme.fontSizes.sm,\n }),\n ...($size === \"md\" && {\n height: theme.sizes.md,\n paddingLeft: theme.space.md,\n paddingRight: theme.space.md,\n }),\n ...($size === \"lg\" && {\n height: theme.sizes.lg,\n paddingLeft: theme.space.lg,\n paddingRight: theme.space.lg,\n fontSize: theme.fontSizes.lg,\n }),\n ...($size === \"xl\" && {\n height: theme.sizes.xl,\n paddingLeft: theme.space.xl,\n paddingRight: theme.space.xl,\n fontSize: theme.fontSizes.xl,\n }),\n ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n ...($radius === \"round\" && { borderRadius: theme.radii.round }),\n ...($radius === \"circle\" && { borderRadius: theme.radii.circle }),\n ...($radius === \"full\" && { borderRadius: theme.radii.full }),\n ...($iconOnly && {\n margin: 0,\n padding: 0,\n }),\n ...(!$iconOnly && {\n minWidth: \"70px\",\n }),\n })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontFamily","body","fontSize","fontSizes","base","fontWeight","lineHeight","letterSpacing","height","borderRadius","padding","fill","colors","secondary_60","atmo1","primary","secondary","base_dark","color","backgroundColor","atmo3","primary_80","border","atmo4","hoverColor","secondaryBackgroundColor","secondarySubtleBorderColor","semanticColorDisabled","semanticColor","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","radii","none","round","circle","full","margin","minWidth"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const styles: { ~~[key~~: ~~string]~~: CSSInterpolation } = {\n root: {\n overflow: \"visible\",\n position: \"relative\",\n outline: theme.card.outline,\n borderRadius: theme.card.borderRadius,\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n },\n selected: {\n outline: `1px solid ${theme.colors.secondary}`,\n \"&:hover\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n \"&:focus\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n },\n selectable: {\n \"&:hover\": {\n outline: `1px solid ${theme.card.hoverColor}`,\n },\n },\n semanticContainer: {\n position: \"relative\",\n \"& > *\": {\n position: \"absolute\",\n zIndex: 1,\n },\n },\n icon: {\n top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n },\n semanticBar: {\n width: \"100%\",\n top: -1,\n right: 0,\n },\n};\n"],"names":["styles","root","overflow","position","outline","theme","card","borderRadius","outlineStyles","selected","colors","secondary","selectable","hoverColor","semanticContainer","zIndex","icon","top","iconMargin","space","xs","right","semanticBar","width"],"mappings":";;AAIO,MAAMA,~~SAA8C~~;AAAA,~~EACzDC~~,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAASC,MAAMC,KAAKF;AAAAA,IACpBG,cAAcF,MAAMC,KAAKC;AAAAA,IACzB,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTJ,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAK,UAAU;AAAA,IACRL,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACnC,WAAW;AAAA,MACTP,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACTP,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACrC;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACV,WAAW;AAAA,MACTR,SAAU,aAAYC,MAAMC,KAAKO;AAAAA,IACnC;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,IACjBX,UAAU;AAAA,IACV,SAAS;AAAA,MACPA,UAAU;AAAA,MACVY,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJC,KAAM,QAAOZ,MAAMC,KAAKY,gBAAgBb,MAAMc,MAAMC;AAAAA,IACpDC,OAAQ,QAAOhB,MAAMC,KAAKY,gBAAgBb,MAAMc,MAAMC;AAAAA,EACxD;AAAA,EACAE,aAAa;AAAA,IACXC,OAAO;AAAA,IACPN,KAAK;AAAA,IACLI,OAAO;AAAA,EACT;AACF;"}
1	+ {"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const styles: {\n root: CSSInterpolation;\n selected: CSSInterpolation;\n selectable: CSSInterpolation;\n semanticContainer: CSSInterpolation;\n icon: CSSInterpolation;\n semanticBar: CSSInterpolation;\n} = {\n root: {\n overflow: \"visible\",\n position: \"relative\",\n outline: theme.card.outline,\n borderRadius: theme.card.borderRadius,\n \"&.focus-visible\": {\n ...outlineStyles,\n },\n \"&:focus\": {\n outline: \"none\",\n },\n },\n selected: {\n outline: `1px solid ${theme.colors.secondary}`,\n \"&:hover\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n \"&:focus\": {\n outline: `1px solid ${theme.colors.secondary}`,\n },\n },\n selectable: {\n \"&:hover\": {\n outline: `1px solid ${theme.card.hoverColor}`,\n },\n },\n semanticContainer: {\n position: \"relative\",\n \"& > *\": {\n position: \"absolute\",\n zIndex: 1,\n },\n },\n icon: {\n top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n },\n semanticBar: {\n width: \"100%\",\n top: -1,\n right: 0,\n },\n};\n"],"names":["styles","root","overflow","position","outline","theme","card","borderRadius","outlineStyles","selected","colors","secondary","selectable","hoverColor","semanticContainer","zIndex","icon","top","iconMargin","space","xs","right","semanticBar","width"],"mappings":";;AAIO,MAAMA,SAOT;AAAA,EACFC,MAAM;AAAA,IACJC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAASC,MAAMC,KAAKF;AAAAA,IACpBG,cAAcF,MAAMC,KAAKC;AAAAA,IACzB,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTJ,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAK,UAAU;AAAA,IACRL,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACnC,WAAW;AAAA,MACTP,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACTP,SAAU,aAAYC,MAAMK,OAAOC;AAAAA,IACrC;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACV,WAAW;AAAA,MACTR,SAAU,aAAYC,MAAMC,KAAKO;AAAAA,IACnC;AAAA,EACF;AAAA,EACAC,mBAAmB;AAAA,IACjBX,UAAU;AAAA,IACV,SAAS;AAAA,MACPA,UAAU;AAAA,MACVY,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJC,KAAM,QAAOZ,MAAMC,KAAKY,gBAAgBb,MAAMc,MAAMC;AAAAA,IACpDC,OAAQ,QAAOhB,MAAMC,KAAKY,gBAAgBb,MAAMc,MAAMC;AAAAA,EACxD;AAAA,EACAE,aAAa;AAAA,IACXC,OAAO;AAAA,IACPN,KAAK;AAAA,IACLI,OAAO;AAAA,EACT;AACF;"}

package/dist/esm/components/Card/Content/Content.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles: { ~~[key~~: ~~string]:~~ CSSInterpolation } = {\n content: {\n padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,\n \"&:last-child\": {\n paddingBottom: theme.space.sm,\n },\n },\n};\n"],"names":["styles","content","padding","theme","space","sm","paddingBottom"],"mappings":";AAGO,MAAMA,~~SAA8C~~;AAAA,~~EACzDC~~,SAAS;AAAA,IACPC,SAAU,KAAIC,MAAMC,MAAMC,WAAWF,MAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EACF;AACF;"}
1	+ {"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles: { content: CSSInterpolation } = {\n content: {\n padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,\n \"&:last-child\": {\n paddingBottom: theme.space.sm,\n },\n },\n};\n"],"names":["styles","content","padding","theme","space","sm","paddingBottom"],"mappings":";AAGO,MAAMA,SAAwC;AAAA,EACnDC,SAAS;AAAA,IACPC,SAAU,KAAIC,MAAMC,MAAMC,WAAWF,MAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EACF;AACF;"}

package/dist/esm/components/Card/Header/Header.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { ~~[key~~: ~~string]~~: CSSInterpolation } = {\n root: { padding: `15px ${theme.space.sm}`, position: \"relative\" },\n titleShort: {\n fontFamily: theme.fontFamily.body,\n marginRight: \"30px\",\n },\n title: {\n fontFamily: theme.fontFamily.body,\n },\n subheader: {\n fontFamily: theme.fontFamily.body,\n },\n action: {\n position: \"absolute\",\n right: 20,\n marginTop: 0,\n marginRight: \"0px\",\n paddingLeft: theme.space.xs,\n top: \"15px\",\n },\n};\n"],"names":["styles","root","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";AAGO,MAAMA,~~SAA8C~~;AAAA,~~EACzDC~~,MAAM;AAAA,IAAEC,SAAU,QAAOC,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAW;AAAA,EAChEC,YAAY;AAAA,IACVC,YAAYL,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACf;AAAA,EACAC,OAAO;AAAA,IACLH,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAG,WAAW;AAAA,IACTJ,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAI,QAAQ;AAAA,IACNP,UAAU;AAAA,IACVQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAab,MAAMC,MAAMa;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF;"}
1	+ {"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: {\n root: CSSInterpolation;\n titleShort: CSSInterpolation;\n title: CSSInterpolation;\n subheader: CSSInterpolation;\n action: CSSInterpolation;\n} = {\n root: { padding: `15px ${theme.space.sm}`, position: \"relative\" },\n titleShort: {\n fontFamily: theme.fontFamily.body,\n marginRight: \"30px\",\n },\n title: {\n fontFamily: theme.fontFamily.body,\n },\n subheader: {\n fontFamily: theme.fontFamily.body,\n },\n action: {\n position: \"absolute\",\n right: 20,\n marginTop: 0,\n marginRight: \"0px\",\n paddingLeft: theme.space.xs,\n top: \"15px\",\n },\n};\n"],"names":["styles","root","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";AAGO,MAAMA,SAMT;AAAA,EACFC,MAAM;AAAA,IAAEC,SAAU,QAAOC,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAW;AAAA,EAChEC,YAAY;AAAA,IACVC,YAAYL,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACf;AAAA,EACAC,OAAO;AAAA,IACLH,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAG,WAAW;AAAA,IACTJ,YAAYL,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAI,QAAQ;AAAA,IACNP,UAAU;AAAA,IACVQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAab,MAAMC,MAAMa;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF;"}

package/dist/esm/components/Card/Media/Media.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Media.styles.js","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { ~~[key~~: ~~string]:~~ CSSInterpolation } = {\n root: { width: \"100%\" },\n};\n"],"names":["styles","root","width"],"mappings":"AAEO,MAAMA,~~SAA8C~~;AAAA,~~EACzDC~~,MAAM;AAAA,IAAEC,OAAO;AAAA,EAAO;AACxB;"}
1	+ {"version":3,"file":"Media.styles.js","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { root: CSSInterpolation } = {\n root: { width: \"100%\" },\n};\n"],"names":["styles","root","width"],"mappings":"AAEO,MAAMA,SAAqC;AAAA,EAChDC,MAAM;AAAA,IAAEC,OAAO;AAAA,EAAO;AACxB;"}

package/dist/esm/components/Controls/RightControl/RightControl.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useState, useContext } from "react";
 import { StyledRoot, StyledDropdown } from "./RightControl.styles.js";
 import rightControlClasses from "./rightControlClasses.js";
 import { HvControlsContext } from "../context/ControlsContext.js";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { setId } from "../../../utils/setId.js";
 const HvRightControl = ({
   id,
@@ -28,18 +28,18 @@ const HvRightControl = ({
       selected: prevValue.id === value.id
     })));
   };
-  return /* @__PURE__ */ jsx(StyledRoot, {
+  return /* @__PURE__ */ jsxs(StyledRoot, {
     id,
     className: clsx(className, rightControlClasses.root, classes == null ? void 0 : classes.root),
     ...others,
-    children: !hideSortBy && /* @__PURE__ */ jsx(StyledDropdown, {
+    children: [!hideSortBy && /* @__PURE__ */ jsx(StyledDropdown, {
       id: setId(id, "sort-by-dropdown"),
       values: dropDownValues,
       className: clsx(rightControlClasses.sortDropdown, classes == null ? void 0 : classes.sortDropdown),
       onChange: handleChangeSort,
       singleSelectionToggle: false,
       ...sortProps
-    })
+    }), children]
   });
 };
 export {

package/dist/esm/components/Controls/RightControl/RightControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightControl.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { HvDropdownProps, HvListValue } from \"@core/components\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport rightControlClasses, {\n HvRightControlClasses,\n} from \"./rightControlClasses\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\n\nexport interface HvRightListControls extends HvListValue {\n accessor: string;\n desc: boolean;\n}\n\nexport interface HvRightControlProps extends HvBaseProps {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n}\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","~~_jsx","~~StyledDropdown","setId","sortDropdown","onChange","singleSelectionToggle"],"mappings":";;;;;;;AA6BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,SAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,WAAWC,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,~~6BACGqB~~,YAAU;AAAA,IACTrB;AAAAA,IACAE,WAAWoB,KAAKpB,WAAWqB,oBAAoBC,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAChEhB;AAAAA,IAAML,~~UAET~~,CAACG,~~cACAmB~~,~~oBAACC,~~gBAAc;AAAA,~~MACb1B~~,~~IAAI2B~~,~~MAAM3B~~,IAAI,kBAAkB;AAAA,MAChCI,QAAQK;AAAAA,MACRP,WAAWoB,KACTC,~~oBAAoBK~~,~~cACpB3B~~,~~mCAAS2B~~,YAAY;AAAA,MAEvBC,~~UAAUd~~;AAAAA,~~MACVe~~,uBAAuB;AAAA,MAAM,~~GACzBvB~~;AAAAA,~~IAAAA~~,~~CAAS~~;AAAA,EAAA,~~CAGN~~;AAEjB;"}
1	+ {"version":3,"file":"RightControl.js","sources":["../../../../../src/components/Controls/RightControl/RightControl.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useContext, useState } from \"react\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\nimport { HvDropdownProps, HvListValue } from \"@core/components\";\nimport { StyledDropdown, StyledRoot } from \"./RightControl.styles\";\nimport rightControlClasses, {\n HvRightControlClasses,\n} from \"./rightControlClasses\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\n\nexport interface HvRightListControls extends HvListValue {\n accessor: string;\n desc: boolean;\n}\n\nexport interface HvRightControlProps extends HvBaseProps {\n /** if `true` the hide sort by dropdown is not rendered /\n hideSortBy?: boolean;\n /* options for the dropdown to sort /\n values?: HvRightListControls[];\n /* Callback called when a sort action occurs /\n onSort?: (selected: HvRightListControls \| undefined) => void;\n /* Extra props passed to dropdown /\n sortProps?: HvDropdownProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvRightControlClasses;\n}\n\nexport const HvRightControl = ({\n id,\n classes,\n className,\n children,\n values,\n onSort,\n hideSortBy = false,\n sortProps,\n ...others\n}: HvRightControlProps) => {\n const [dropDownValues, setDropdownValues] = useState(values);\n\n const { onSort: onSortHandler } = useContext(HvControlsContext);\n\n const handleChangeSort = (value) => {\n onSort?.(value);\n onSortHandler?.(value);\n // this should be changed when dropdown changes his \"values\" behavior\n setDropdownValues((prevValues) =>\n prevValues?.map((prevValue) => ({\n ...prevValue,\n selected: prevValue.id === value.id,\n }))\n );\n };\n\n return (\n <StyledRoot\n id={id}\n className={clsx(className, rightControlClasses.root, classes?.root)}\n {...others}\n >\n {!hideSortBy && (\n <StyledDropdown\n id={setId(id, \"sort-by-dropdown\")}\n values={dropDownValues}\n className={clsx(\n rightControlClasses.sortDropdown,\n classes?.sortDropdown\n )}\n onChange={handleChangeSort}\n singleSelectionToggle={false}\n {...sortProps}\n />\n )}\n {children}\n </StyledRoot>\n );\n};\n"],"names":["HvRightControl","id","classes","className","children","values","onSort","hideSortBy","sortProps","others","dropDownValues","setDropdownValues","useState","onSortHandler","useContext","HvControlsContext","handleChangeSort","value","prevValues","map","prevValue","selected","StyledRoot","clsx","rightControlClasses","root","StyledDropdown","setId","sortDropdown","onChange","singleSelectionToggle"],"mappings":";;;;;;;AA6BO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACgB,MAAM;AACzB,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIC,SAASP,MAAM;AAErD,QAAA;AAAA,IAAEC,QAAQO;AAAAA,EAAAA,IAAkBC,WAAWC,iBAAiB;AAE9D,QAAMC,mBAAoBC,CAAU,UAAA;AAClCX,qCAASW;AACTJ,mDAAgBI;AAEGC,sBAAAA,CAAAA,eACjBA,yCAAYC,IAAKC,CAAe,eAAA;AAAA,MAC9B,GAAGA;AAAAA,MACHC,UAAUD,UAAUnB,OAAOgB,MAAMhB;AAAAA,OAChC;AAAA,EAAA;AAIP,8BACGqB,YAAU;AAAA,IACTrB;AAAAA,IACAE,WAAWoB,KAAKpB,WAAWqB,oBAAoBC,MAAMvB,mCAASuB,IAAI;AAAA,IAAE,GAChEhB;AAAAA,IAAML,WAET,CAACG,kCACCmB,gBAAc;AAAA,MACbzB,IAAI0B,MAAM1B,IAAI,kBAAkB;AAAA,MAChCI,QAAQK;AAAAA,MACRP,WAAWoB,KACTC,oBAAoBI,cACpB1B,mCAAS0B,YAAY;AAAA,MAEvBC,UAAUb;AAAAA,MACVc,uBAAuB;AAAA,MAAM,GACzBtB;AAAAA,IAAS,CAAA,GAGhBJ,QAAQ;AAAA,EAAA,CACE;AAEjB;"}

package/dist/esm/components/FilterGroup/Counter/Counter.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { useContext } from "react";
+import { HvFilterGroupContext } from "../FilterGroupContext.js";
+import { styles } from "./Counter.styles.js";
+import { ClassNames } from "@emotion/react";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+const getExistingFiltersById = (idx, filterValues, filterOptions) => {
+  var _a;
+  let total = 0;
+  (_a = filterValues[idx]) == null ? void 0 : _a.forEach((fv) => {
+    var _a2;
+    if ((_a2 = filterOptions[idx]) == null ? void 0 : _a2.data.find((f) => f.id === fv)) {
+      total += 1;
+    }
+  });
+  return total;
+};
+const HvFilterGroupCounter = ({
+  className,
+  id
+}) => {
+  var _a;
+  const {
+    filterOptions,
+    filterValues = [],
+    appliedFilters = []
+  } = useContext(HvFilterGroupContext);
+  const options = id && filterOptions.find((option) => option.id === id) ? [filterOptions.find((option) => option.id === id)] : filterOptions;
+  const optionIdx = filterOptions.findIndex((option) => option.id === id);
+  let groupsCounter = 0;
+  (_a = appliedFilters == null ? void 0 : appliedFilters.flat()) == null ? void 0 : _a.filter((elem) => elem !== void 0).forEach((fg, i) => {
+    groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);
+  });
+  const partialCounter = id ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;
+  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxs("div", {
+      className: clsx(className, css(styles.root)),
+      children: [partialCounter > 0 ? /* @__PURE__ */ jsx("p", {
+        className: css(styles.partialCounter),
+        children: partialCounter
+      }) : partialCounter, ` / ${totalCounter}`]
+    })
+  });
+};
+export {
+  HvFilterGroupCounter
+};
+//# sourceMappingURL=Counter.js.map

package/dist/esm/components/FilterGroup/Counter/Counter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Counter.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { styles } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../FilterGroup\";\nimport { ClassNames } from \"@emotion/react\";\nimport { clsx } from \"clsx\";\n\nexport interface HvFilterGroupCounterProps {\n className?: string;\n id?: string;\n}\n\nconst getExistingFiltersById = (\n idx: number,\n filterValues: HvFilterGroupValue,\n filterOptions: HvFilterGroupFilters\n) => {\n let total = 0;\n filterValues[idx]?.forEach((fv) => {\n if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n total += 1;\n }\n });\n return total;\n};\n\nexport const HvFilterGroupCounter = ({\n className,\n id,\n}: HvFilterGroupCounterProps) => {\n const {\n filterOptions,\n filterValues = [],\n appliedFilters = [],\n } = useContext(HvFilterGroupContext);\n\n const options =\n id && filterOptions.find((option) => option.id === id)\n ? ([\n filterOptions.find((option) => option.id === id),\n ] as HvFilterGroupFilters)\n : filterOptions;\n const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n let groupsCounter = 0;\n appliedFilters\n ?.flat()\n ?.filter((elem) => elem !== undefined)\n .forEach((fg, i) => {\n groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n });\n\n const partialCounter = id\n ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n : groupsCounter;\n\n const totalCounter = options.reduce(\n (acc, option) => acc + option.data.length,\n 0\n );\n\n return (\n <ClassNames>\n {({ css }) => (\n <div className={clsx(className, css(styles.root))}>\n {partialCounter > 0 ? (\n <p className={css(styles.partialCounter)}>{partialCounter}</p>\n ) : (\n partialCounter\n )}\n {` / ${totalCounter}`}\n </div>\n )}\n </ClassNames>\n );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","ClassNames","children","css","clsx","styles","root"],"mappings":";;;;;;AAYA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AACyB,MAAM;;AACzB,QAAA;AAAA,IACJP;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBW,iBAAiB,CAAA;AAAA,EAAA,IACfC,WAAWC,oBAAoB;AAEnC,QAAMC,UACJN,MAAMP,cAAcK,KAAMS,CAAAA,WAAWA,OAAOP,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMS,CAAAA,WAAWA,OAAOP,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMe,YAAYf,cAAcgB,UAAWF,CAAWA,WAAAA,OAAOP,OAAOA,EAAE;AAEtE,MAAIU,gBAAgB;AAEhBC,yDAAAA,WAAAA,mBACAC,OAAQC,CAASA,SAAAA,SAASC,QAC3BnB,QAAQ,CAACoB,IAAIC,MAAM;AACD1B,qBAAAA,uBAAuB0B,GAAGxB,cAAcC,aAAa;AAAA,EAAA;AAG1E,QAAMwB,iBAAiBjB,KACnBV,uBAAuBkB,WAAWhB,cAAcC,aAAa,KAAK,IAClEiB;AAEEQ,QAAAA,eAAeZ,QAAQa,OAC3B,CAACC,KAAKb,WAAWa,MAAMb,OAAOV,KAAKwB,QACnC,CAAC;AAGH,6BACGC,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,2BACF,OAAA;AAAA,MAAKtB,WAAWuB,KAAKvB,WAAWsB,IAAIE,OAAOC,IAAI,CAAC;AAAA,MAAEJ,UAC/CN,CAAAA,iBAAiB,wBAChB,KAAA;AAAA,QAAGf,WAAWsB,IAAIE,OAAOT,cAAc;AAAA,QAAEM,UAAEN;AAAAA,MAAc,CAAA,IAEzDA,gBAEA,MAAKC,cAAc;AAAA,IAAA,CAAA;AAAA,EAAA,CAGd;AAEjB;"}

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { theme } from "@hitachivantara/uikit-styles";
+const styles = {
+  root: {
+    height: "100%",
+    lineHeight: "32px",
+    margin: "0 10px",
+    pointerEvents: "none"
+  },
+  partialCounter: {
+    display: "inline-block",
+    fontWeight: theme.filterGroup.partialCounterFontWeight
+  }
+};
+export {
+  styles
+};
+//# sourceMappingURL=Counter.styles.js.map

package/dist/esm/components/FilterGroup/Counter/Counter.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Counter.styles.js","sources":["../../../../../src/components/FilterGroup/Counter/Counter.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles: {\n root: CSSInterpolation;\n partialCounter: CSSInterpolation;\n} = {\n root: {\n height: \"100%\",\n lineHeight: \"32px\",\n margin: \"0 10px\",\n pointerEvents: \"none\",\n },\n partialCounter: {\n display: \"inline-block\",\n fontWeight: theme.filterGroup.partialCounterFontWeight,\n },\n};\n"],"names":["styles","root","height","lineHeight","margin","pointerEvents","partialCounter","display","fontWeight","theme","filterGroup","partialCounterFontWeight"],"mappings":";AAGO,MAAMA,SAGT;AAAA,EACFC,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,eAAe;AAAA,EACjB;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAYC,MAAMC,YAAYC;AAAAA,EAChC;AACF;"}

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js ADDED Viewed

@@ -0,0 +1,168 @@
+import { styles } from "./FilterContent.styles.js";
+import filterGroupContentClasses from "./filterContentClasses.js";
+import { HvFilterGroupContext } from "../FilterGroupContext.js";
+import { useState, useContext, useRef, useMemo } from "react";
+import { Filters } from "@hitachivantara/uikit-react-icons";
+import { clsx } from "clsx";
+import { ClassNames } from "@emotion/react";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { HvFilterGroupLeftPanel } from "../LeftPanel/LeftPanel.js";
+import { HvFilterGroupRightPanel } from "../RightPanel/RightPanel.js";
+import { useTheme } from "../../../hooks/useTheme.js";
+import { HvTypography } from "../../Typography/Typography.js";
+import { HvBaseDropdown } from "../../BaseDropdown/BaseDropdown.js";
+import { setId } from "../../../utils/setId.js";
+import { HvFilterGroupCounter } from "../Counter/Counter.js";
+import { HvActionBar } from "../../ActionBar/ActionBar.js";
+import { HvButton } from "../../Button/Button.js";
+const HvFilterGroupContent = ({
+  id,
+  status,
+  disabled = false,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  description,
+  "aria-describedby": ariaDescribedBy,
+  onChange,
+  onCancel,
+  onClear,
+  labels,
+  horizontalPlacement = "right",
+  disablePortal = true,
+  escapeWithReference = true,
+  height,
+  leftEmptyElement,
+  rightEmptyElement,
+  classes,
+  ...others
+}) => {
+  const {
+    activeTheme
+  } = useTheme();
+  const [filterGroupOpen, setFilterGroupOpen] = useState(false);
+  const {
+    defaultValue,
+    filterValues,
+    rollbackFilters,
+    clearFilters,
+    applyFilters,
+    applyDisabled
+  } = useContext(HvFilterGroupContext);
+  const focusTarget = useRef(null);
+  const focusOnContainer = () => {
+    var _a;
+    (_a = focusTarget.current) == null ? void 0 : _a.focus();
+  };
+  const onApplyHandler = (event) => {
+    applyFilters();
+    onChange == null ? void 0 : onChange(event, filterValues);
+    setFilterGroupOpen(false);
+  };
+  const onCancelHandler = (event) => {
+    rollbackFilters();
+    onCancel == null ? void 0 : onCancel(event);
+    setFilterGroupOpen(false);
+  };
+  const onClearHandler = (event) => {
+    clearFilters();
+    onClear == null ? void 0 : onClear(event);
+  };
+  const handleToggle = (event, open) => {
+    if (event === null)
+      return;
+    setFilterGroupOpen(open);
+    if (!open)
+      onCancelHandler == null ? void 0 : onCancelHandler(event);
+  };
+  const Header = useMemo(() => /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx(Filters, {}), /* @__PURE__ */ jsx(HvTypography, {
+      variant: "label",
+      children: labels == null ? void 0 : labels.placeholder
+    })]
+  }), [labels == null ? void 0 : labels.placeholder]);
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxs(HvBaseDropdown, {
+      id: setId(id, "dropdown"),
+      role: "combobox",
+      classes: {
+        root: clsx(classes == null ? void 0 : classes.dropdown, filterGroupContentClasses.dropdown),
+        panel: clsx(classes == null ? void 0 : classes.panel, filterGroupContentClasses.panel, css(styles.panel)),
+        selection: clsx(classes == null ? void 0 : classes.baseDropdownSelection, filterGroupContentClasses.baseDropdownSelection, css(styles.baseDropdownSelection)),
+        header: clsx(classes == null ? void 0 : classes.header, filterGroupContentClasses.header, css(styles.header))
+      },
+      disabled,
+      disablePortal,
+      variableWidth: true,
+      placement: horizontalPlacement,
+      expanded: filterGroupOpen,
+      onToggle: handleToggle,
+      onClickOutside: onCancelHandler,
+      onContainerCreation: focusOnContainer,
+      placeholder: Header,
+      adornment: /* @__PURE__ */ jsx(HvFilterGroupCounter, {}),
+      popperProps: {
+        modifiers: [{
+          name: "preventOverflow",
+          enabled: escapeWithReference
+        }]
+      },
+      "aria-haspopup": "dialog",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-invalid": status === "invalid" ? true : void 0,
+      "aria-errormessage": status === "invalid" ? setId(id, "error") : void 0,
+      "aria-describedby": [description && setId(id, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+      ...others,
+      children: [/* @__PURE__ */ jsx("div", {
+        ref: focusTarget,
+        tabIndex: -1
+      }), /* @__PURE__ */ jsxs("div", {
+        className: clsx(classes == null ? void 0 : classes.root, filterGroupContentClasses.root, css(styles.root)),
+        style: {
+          height
+        },
+        children: [/* @__PURE__ */ jsx(HvFilterGroupLeftPanel, {
+          id,
+          className: clsx(classes == null ? void 0 : classes.leftSidePanel, filterGroupContentClasses.leftSidePanel, css(styles.leftSidePanel)),
+          emptyElement: leftEmptyElement
+        }), /* @__PURE__ */ jsx(HvFilterGroupRightPanel, {
+          id,
+          className: clsx(classes == null ? void 0 : classes.rightSidePanel, filterGroupContentClasses.rightSidePanel, css(styles.rightSidePanel)),
+          emptyElement: rightEmptyElement,
+          labels
+        })]
+      }), /* @__PURE__ */ jsxs(HvActionBar, {
+        className: clsx(classes == null ? void 0 : classes.actionBar, filterGroupContentClasses.actionBar, css(styles.actionBar)),
+        children: [/* @__PURE__ */ jsx(HvButton, {
+          id: setId(id, "clearFilters-button"),
+          disabled: defaultValue ? (defaultValue == null ? void 0 : defaultValue.flat().length) === (filterValues == null ? void 0 : filterValues.flat().length) : (filterValues == null ? void 0 : filterValues.flat().length) === 0,
+          variant: "secondaryGhost",
+          onClick: onClearHandler,
+          children: labels == null ? void 0 : labels.clearLabel
+        }), /* @__PURE__ */ jsx("div", {
+          "aria-hidden": "true",
+          className: clsx(classes == null ? void 0 : classes.space, filterGroupContentClasses.space, css(styles.space)),
+          children: " "
+        }), /* @__PURE__ */ jsx(HvButton, {
+          id: setId(id, "apply-button"),
+          disabled: applyDisabled,
+          variant: activeTheme == null ? void 0 : activeTheme.filterGroup.applyButtonVariant,
+          onClick: onApplyHandler,
+          className: css(styles.applyButton),
+          children: labels == null ? void 0 : labels.applyLabel
+        }), /* @__PURE__ */ jsx(HvButton, {
+          id: setId(id, "cancel-button"),
+          variant: activeTheme == null ? void 0 : activeTheme.filterGroup.cancelButtonVariant,
+          onClick: onCancelHandler,
+          children: labels == null ? void 0 : labels.cancelLabel
+        })]
+      })]
+    })
+  });
+};
+export {
+  HvFilterGroupContent
+};
+//# sourceMappingURL=FilterContent.js.map

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FilterContent.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.tsx"],"sourcesContent":["import {\n HvActionBar,\n HvBaseDropdown,\n HvBaseDropdownProps,\n HvButton,\n HvButtonVariant,\n HvFormStatus,\n HvTypography,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport {\n HvFilterGroupLabels,\n HvFilterGroupValue,\n HvFilterGroupHorizontalPlacement,\n} from \"../FilterGroup\";\nimport { styles } from \"./FilterContent.styles\";\nimport filterGroupContentClasses, {\n HvFilterGroupContentClasses,\n} from \"./filterContentClasses\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { useContext, useMemo, useRef, useState } from \"react\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvFilterGroupCounter } from \"../Counter\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvFilterGroupLeftPanel } from \"../LeftPanel\";\nimport { HvFilterGroupRightPanel } from \"../RightPanel\";\nimport { useTheme } from \"@core/hooks\";\n\nexport interface HvFilterGroupContentProps\n extends Omit<HvBaseDropdownProps, \"onChange\"> {\n description?: React.ReactNode;\n status?: HvFormStatus;\n onChange?: (\n event: React.MouseEvent<HTMLButtonElement>,\n value?: HvFilterGroupValue\n ) => void;\n onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n labels?: HvFilterGroupLabels;\n horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n disablePortal?: boolean;\n escapeWithReference?: boolean;\n height?: string | number;\n leftEmptyElement?: React.ReactNode;\n rightEmptyElement?: React.ReactNode;\n disabled?: boolean;\n classes?: HvFilterGroupContentClasses;\n}\n\nexport const HvFilterGroupContent = ({\n id,\n status,\n disabled = false,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n onChange,\n onCancel,\n onClear,\n labels,\n horizontalPlacement = \"right\",\n disablePortal = true,\n escapeWithReference = true,\n height,\n leftEmptyElement,\n rightEmptyElement,\n classes,\n ...others\n}: HvFilterGroupContentProps) => {\n const { activeTheme } = useTheme();\n\n const [filterGroupOpen, setFilterGroupOpen] = useState<boolean>(false);\n\n const {\n defaultValue,\n filterValues,\n rollbackFilters,\n clearFilters,\n applyFilters,\n applyDisabled,\n } = useContext(HvFilterGroupContext);\n\n const focusTarget = useRef<HTMLDivElement>(null);\n\n const focusOnContainer = () => {\n focusTarget.current?.focus();\n };\n\n const onApplyHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n applyFilters();\n onChange?.(event, filterValues);\n setFilterGroupOpen(false);\n };\n\n const onCancelHandler = (\n event: React.MouseEvent<HTMLButtonElement> | Event\n ) => {\n rollbackFilters();\n onCancel?.(event);\n setFilterGroupOpen(false);\n };\n\n const onClearHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n clearFilters();\n onClear?.(event);\n };\n\n const handleToggle = (event: Event, open: boolean) => {\n /* \n If evt is null this toggle wasn't triggered by the user.\n instead it was triggered by the baseDropdown useEffect after\n the datepicker changed the expanded value this baseDropdown behavior needs a review\n */\n if (event === null) return;\n setFilterGroupOpen(open);\n if (!open) onCancelHandler?.(event);\n };\n\n const Header = useMemo(\n () => (\n <>\n <Filters />\n <HvTypography variant=\"label\">{labels?.placeholder}</HvTypography>\n </>\n ),\n [labels?.placeholder]\n );\n\n return (\n <ClassNames>\n {({ css }) => (\n <HvBaseDropdown\n id={setId(id, \"dropdown\")}\n role=\"combobox\"\n classes={{\n root: clsx(classes?.dropdown, filterGroupContentClasses.dropdown),\n panel: clsx(\n classes?.panel,\n filterGroupContentClasses.panel,\n css(styles.panel)\n ),\n selection: clsx(\n classes?.baseDropdownSelection,\n filterGroupContentClasses.baseDropdownSelection,\n css(styles.baseDropdownSelection)\n ),\n header: clsx(\n classes?.header,\n filterGroupContentClasses.header,\n css(styles.header)\n ),\n }}\n disabled={disabled}\n disablePortal={disablePortal}\n variableWidth\n placement={horizontalPlacement}\n expanded={filterGroupOpen}\n onToggle={handleToggle}\n onClickOutside={onCancelHandler}\n onContainerCreation={focusOnContainer}\n placeholder={Header}\n adornment={<HvFilterGroupCounter />}\n popperProps={{\n modifiers: [\n { name: \"preventOverflow\", enabled: escapeWithReference },\n ],\n }}\n aria-haspopup=\"dialog\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-invalid={status === \"invalid\" ? true : undefined}\n aria-errormessage={\n status === \"invalid\" ? setId(id, \"error\") : undefined\n }\n aria-describedby={\n [description && setId(id, \"description\"), ariaDescribedBy]\n .join(\" \")\n .trim() || undefined\n }\n {...others}\n >\n <div ref={focusTarget} tabIndex={-1} />\n <div\n className={clsx(\n classes?.root,\n filterGroupContentClasses.root,\n css(styles.root)\n )}\n style={{ height }}\n >\n <HvFilterGroupLeftPanel\n id={id}\n className={clsx(\n classes?.leftSidePanel,\n filterGroupContentClasses.leftSidePanel,\n css(styles.leftSidePanel)\n )}\n emptyElement={leftEmptyElement}\n />\n <HvFilterGroupRightPanel\n id={id}\n className={clsx(\n classes?.rightSidePanel,\n filterGroupContentClasses.rightSidePanel,\n css(styles.rightSidePanel)\n )}\n emptyElement={rightEmptyElement}\n labels={labels}\n />\n </div>\n <HvActionBar\n className={clsx(\n classes?.actionBar,\n filterGroupContentClasses.actionBar,\n css(styles.actionBar)\n )}\n >\n <HvButton\n id={setId(id, \"clearFilters-button\")}\n disabled={\n defaultValue\n ? defaultValue?.flat().length === filterValues?.flat().length\n : filterValues?.flat().length === 0\n }\n variant=\"secondaryGhost\"\n onClick={onClearHandler}\n >\n {labels?.clearLabel}\n </HvButton>\n <div\n aria-hidden=\"true\"\n className={clsx(\n classes?.space,\n filterGroupContentClasses.space,\n css(styles.space)\n )}\n >\n  \n </div>\n <HvButton\n id={setId(id, \"apply-button\")}\n disabled={applyDisabled}\n variant={\n activeTheme?.filterGroup.applyButtonVariant as HvButtonVariant\n }\n onClick={onApplyHandler}\n className={css(styles.applyButton)}\n >\n {labels?.applyLabel}\n </HvButton>\n <HvButton\n id={setId(id, \"cancel-button\")}\n variant={\n activeTheme?.filterGroup.cancelButtonVariant as HvButtonVariant\n }\n onClick={onCancelHandler}\n >\n {labels?.cancelLabel}\n </HvButton>\n </HvActionBar>\n </HvBaseDropdown>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvFilterGroupContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","leftEmptyElement","rightEmptyElement","classes","others","activeTheme","useTheme","filterGroupOpen","setFilterGroupOpen","useState","defaultValue","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","useContext","HvFilterGroupContext","focusTarget","useRef","focusOnContainer","current","focus","onApplyHandler","event","onCancelHandler","onClearHandler","handleToggle","open","Header","useMemo","_jsxs","_Fragment","children","Filters","HvTypography","variant","placeholder","ClassNames","css","HvBaseDropdown","setId","role","root","clsx","dropdown","filterGroupContentClasses","panel","styles","selection","baseDropdownSelection","header","variableWidth","placement","expanded","onToggle","onClickOutside","onContainerCreation","adornment","_jsx","HvFilterGroupCounter","popperProps","modifiers","name","enabled","undefined","join","trim","ref","tabIndex","className","style","HvFilterGroupLeftPanel","leftSidePanel","emptyElement","HvFilterGroupRightPanel","rightSidePanel","HvActionBar","actionBar","HvButton","flat","length","onClick","clearLabel","space","filterGroup","applyButtonVariant","applyButton","applyLabel","cancelButtonVariant","cancelLabel"],"mappings":"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"}

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js ADDED Viewed

@@ -0,0 +1,60 @@
+import { theme } from "@hitachivantara/uikit-styles";
+const styles = {
+  panel: {
+    maxHeight: 500,
+    minHeight: 370
+  },
+  header: {
+    display: "flex",
+    justifyContent: "space-between",
+    height: 32
+  },
+  baseDropdownSelection: {
+    padding: theme.spacing(["0px", "30px", "0px", "0px"])
+  },
+  root: {
+    width: 640,
+    backgroundColor: theme.colors.atmo1,
+    maxHeight: "calc(500px - 75px)",
+    minHeight: "calc(370px - 75px)",
+    border: theme.filterGroup.panelsBorder,
+    borderBottom: theme.filterGroup.panelsBorderBottom
+  },
+  rightSidePanel: {
+    display: "inline-block",
+    width: "50%",
+    height: "100%",
+    maxHeight: "calc(500px - 75px)",
+    minHeight: "calc(370px - 75px)",
+    verticalAlign: "top",
+    overflow: "visible",
+    boxShadow: theme.filterGroup.rightPanelShadow,
+    borderLeft: theme.filterGroup.rightPanelBorderLeft
+  },
+  leftSidePanel: {
+    display: "inline-block",
+    width: `calc(50% - ${theme.spacing("sm")} - ${theme.spacing("sm")} + 8px)`,
+    height: `calc(100% - ${theme.spacing("sm")} - ${theme.spacing("sm")} + 8px)`,
+    verticalAlign: "top",
+    maxHeight: "calc(500px - 75px)",
+    minHeight: "calc(370px - 75px)",
+    padding: 4,
+    margin: `calc(${theme.spacing("sm")} - 4px)`
+  },
+  actionBar: {
+    backgroundColor: theme.colors.atmo1,
+    border: theme.filterGroup.actionBarBorder,
+    borderTop: theme.filterGroup.actionBarBorderTop,
+    alignItems: "center"
+  },
+  space: {
+    flex: 1
+  },
+  applyButton: {
+    marginRight: theme.filterGroup.applyButtonMarginRight
+  }
+};
+export {
+  styles
+};
+//# sourceMappingURL=FilterContent.styles.js.map

package/dist/esm/components/FilterGroup/FilterContent/FilterContent.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FilterContent.styles.js","sources":["../../../../../src/components/FilterGroup/FilterContent/FilterContent.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles: {\n panel: CSSInterpolation;\n header: CSSInterpolation;\n baseDropdownSelection: CSSInterpolation;\n root: CSSInterpolation;\n actionBar: CSSInterpolation;\n space: CSSInterpolation;\n rightSidePanel: CSSInterpolation;\n leftSidePanel: CSSInterpolation;\n applyButton: CSSInterpolation;\n} = {\n panel: {\n maxHeight: 500,\n minHeight: 370,\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n height: 32,\n },\n baseDropdownSelection: {\n padding: theme.spacing([\"0px\", \"30px\", \"0px\", \"0px\"]),\n },\n root: {\n width: 640,\n backgroundColor: theme.colors.atmo1,\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n border: theme.filterGroup.panelsBorder,\n borderBottom: theme.filterGroup.panelsBorderBottom,\n },\n rightSidePanel: {\n display: \"inline-block\",\n width: \"50%\",\n height: \"100%\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n verticalAlign: \"top\",\n overflow: \"visible\",\n boxShadow: theme.filterGroup.rightPanelShadow,\n borderLeft: theme.filterGroup.rightPanelBorderLeft,\n },\n leftSidePanel: {\n display: \"inline-block\",\n width: `calc(50% - ${theme.spacing(\"sm\")} - ${theme.spacing(\"sm\")} + 8px)`,\n height: `calc(100% - ${theme.spacing(\"sm\")} - ${theme.spacing(\n \"sm\"\n )} + 8px)`,\n verticalAlign: \"top\",\n maxHeight: \"calc(500px - 75px)\",\n minHeight: \"calc(370px - 75px)\",\n padding: 4,\n margin: `calc(${theme.spacing(\"sm\")} - 4px)`,\n },\n actionBar: {\n backgroundColor: theme.colors.atmo1,\n border: theme.filterGroup.actionBarBorder,\n borderTop: theme.filterGroup.actionBarBorderTop,\n alignItems: \"center\",\n },\n space: {\n flex: 1,\n },\n applyButton: {\n marginRight: theme.filterGroup.applyButtonMarginRight,\n },\n};\n"],"names":["styles","panel","maxHeight","minHeight","header","display","justifyContent","height","baseDropdownSelection","padding","theme","spacing","root","width","backgroundColor","colors","atmo1","border","filterGroup","panelsBorder","borderBottom","panelsBorderBottom","rightSidePanel","verticalAlign","overflow","boxShadow","rightPanelShadow","borderLeft","rightPanelBorderLeft","leftSidePanel","margin","actionBar","actionBarBorder","borderTop","actionBarBorderTop","alignItems","space","flex","applyButton","marginRight","applyButtonMarginRight"],"mappings":";AAGO,MAAMA,SAUT;AAAA,EACFC,OAAO;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,QAAQ;AAAA,EACV;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAASC,MAAMC,QAAQ,CAAC,OAAO,QAAQ,OAAO,KAAK,CAAC;AAAA,EACtD;AAAA,EACAC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBJ,MAAMK,OAAOC;AAAAA,IAC9Bd,WAAW;AAAA,IACXC,WAAW;AAAA,IACXc,QAAQP,MAAMQ,YAAYC;AAAAA,IAC1BC,cAAcV,MAAMQ,YAAYG;AAAAA,EAClC;AAAA,EACAC,gBAAgB;AAAA,IACdjB,SAAS;AAAA,IACTQ,OAAO;AAAA,IACPN,QAAQ;AAAA,IACRL,WAAW;AAAA,IACXC,WAAW;AAAA,IACXoB,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,WAAWf,MAAMQ,YAAYQ;AAAAA,IAC7BC,YAAYjB,MAAMQ,YAAYU;AAAAA,EAChC;AAAA,EACAC,eAAe;AAAA,IACbxB,SAAS;AAAA,IACTQ,OAAQ,cAAaH,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QAAQ,IAAI;AAAA,IAChEJ,QAAS,eAAcG,MAAMC,QAAQ,IAAI,OAAOD,MAAMC,QACpD,IAAI;AAAA,IAENY,eAAe;AAAA,IACfrB,WAAW;AAAA,IACXC,WAAW;AAAA,IACXM,SAAS;AAAA,IACTqB,QAAS,QAAOpB,MAAMC,QAAQ,IAAI;AAAA,EACpC;AAAA,EACAoB,WAAW;AAAA,IACTjB,iBAAiBJ,MAAMK,OAAOC;AAAAA,IAC9BC,QAAQP,MAAMQ,YAAYc;AAAAA,IAC1BC,WAAWvB,MAAMQ,YAAYgB;AAAAA,IAC7BC,YAAY;AAAA,EACd;AAAA,EACAC,OAAO;AAAA,IACLC,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,aAAa7B,MAAMQ,YAAYsB;AAAAA,EACjC;AACF;"}

package/dist/esm/components/FilterGroup/FilterContent/filterContentClasses.js ADDED Viewed

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["dropdown", "panel", "baseDropdownSelection", "header", "root", "leftSidePanel", "rightSidePanel", "actionBar", "space"];
+const filterGroupContentClasses = getClasses(classKeys, "HvFilterGroupContent");
+const filterGroupContentClasses$1 = filterGroupContentClasses;
+export {
+  filterGroupContentClasses$1 as default
+};
+//# sourceMappingURL=filterContentClasses.js.map

package/dist/esm/components/FilterGroup/FilterContent/filterContentClasses.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"filterContentClasses.js","sources":["../../../../../src/components/FilterGroup/FilterContent/filterContentClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvFilterGroupContentClasses {\n dropdown?: string;\n panel?: string;\n baseDropdownSelection?: string;\n header?: string;\n root?: string;\n leftSidePanel?: string;\n rightSidePanel?: string;\n actionBar?: string;\n space?: string;\n}\n\nconst classKeys: string[] = [\n \"dropdown\",\n \"panel\",\n \"baseDropdownSelection\",\n \"header\",\n \"root\",\n \"leftSidePanel\",\n \"rightSidePanel\",\n \"actionBar\",\n \"space\",\n];\n\nconst filterGroupContentClasses = getClasses<HvFilterGroupContentClasses>(\n classKeys,\n \"HvFilterGroupContent\"\n);\n\nexport default filterGroupContentClasses;\n"],"names":["classKeys","filterGroupContentClasses","getClasses"],"mappings":";AAcA,MAAMA,YAAsB,CAC1B,YACA,SACA,yBACA,UACA,QACA,iBACA,kBACA,aACA,OAAO;AAGT,MAAMC,4BAA4BC,WAChCF,WACA,sBAAsB;AAGxB,MAAA,8BAAeC;"}