npm - @hitachivantara/uikit-react-core - Versions diffs - 5.28.1 → 5.30.0 - Mend

@hitachivantara/uikit-react-core 5.28.1 → 5.30.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 (446) hide show

package/dist/cjs/components/EmptyState/EmptyState.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\nimport { ~~useTheme as useHvTheme } from \"@core/hooks/useTheme\";\nimport {~~ ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./EmptyState.styles\";\n\nexport { staticClasses as emptyStateClasses };\n\nexport type HvEmptyStateClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvEmptyStateProps\n extends HvBaseProps<HTMLDivElement, \"title\"> {\n /** Icon to be presented. /\n icon: React.ReactNode;\n /* The title to be shown. /\n title?: string \| React.ReactNode;\n /* The message to be shown. /\n message?: string \| React.ReactNode;\n /* The action message to be shown. /\n action?: string \| React.ReactNode;\n /* A Jss Object used to override or extend the styles applied to the empty state component. /\n classes?: HvEmptyStateClasses;\n}\n\n/\n Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n const {\n action,\n icon,\n title,\n message,\n classes: classesProp,\n className,\n ...others\n } = useDefaultProps(\"HvEmptyState\", props);\n\n const { classes, cx, css } = useClasses(classesProp);\n\n const ~~{ activeTheme } = useHvTheme();\n\n const~~ muiTheme = useTheme();\n\n const onlyXs = useMediaQuery(muiTheme.breakpoints.only(\"xs\"));\n const upSm = useMediaQuery(muiTheme.breakpoints.up(\"sm\"));\n\n const messageOnly = !!(message && !(title \|\| action));\n\n const renderNode = (\n variant?: HvTypographyProps[\"variant\"],\n node?: React.ReactNode,\n style?: string\n ) =>\n node && (\n <HvTypography variant={variant} className={style}>\n {node}\n </HvTypography>\n );\n\n return (\n <div className={cx(classes.root, className)} {...others}>\n <div\n className={cx(\n classes.container,\n onlyXs &&\n css({\n flexDirection: \"column\",\n alignItems: \"center\",\n textAlign: \"center\",\n }),\n {\n [classes.containerMessageOnly]: messageOnly,\n },\n onlyXs && messageOnly && css({ flexDirection: \"row\" })\n )}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div\n className={cx(\n classes.textContainer,\n upSm && css({ marginLeft: theme.space.xs })\n )}\n >\n {renderNode(\~~n activeTheme?.emptyState.titleVariant,\n~~ title~~,\n~~ classes.titleContainer\n )}\n {renderNode(\"body\", message, classes.messageContainer)}\n {renderNode(\"body\", action, classes.actionContainer)}\n </div>\n </div>\n </div>\n );\n};\n"],"names":["HvEmptyState","props","action","icon","title","message","classes","classesProp","className","others","useDefaultProps","cx","css","useClasses","~~activeTheme","useHvTheme","~~muiTheme","useTheme","onlyXs","useMediaQuery","breakpoints","only","upSm","up","messageOnly","renderNode","variant","node","style","jsx","HvTypography","root","container","flexDirection","alignItems","textAlign","containerMessageOnly","iconContainer","textContainer","marginLeft","theme","space","xs","~~emptyState","titleVariant","~~titleContainer","messageContainer","actionContainer"],"mappings":"~~;;;;;;;;;;;;AAoCaA~~,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,gBAAgBT,KAAK;AAEnC,QAAA;AAAA,IAAEK;AAAAA,IAASK;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,kBAAAA,WAAWN,WAAW;~~AAE7C~~,~~QAAA;AAAA~~,~~IAAEO;AAAAA,MAAgBC,SAAW,SAAA;AAEnC,QAAMC,~~WAAWC,OAAAA;AAEjB,QAAMC,SAASC,uBAAAA,QAAcH,SAASI,YAAYC,KAAK,IAAI,CAAC;AAC5D,QAAMC,OAAOH,uBAAAA,QAAcH,SAASI,YAAYG,GAAG,IAAI,CAAC;AAExD,QAAMC,cAAc,CAAC,~~EAAEnB~~,WAAW,EAAED,SAASF;~~AAEvCuB~~,QAAAA,aAAaA,CACjBC,SACAC,MACAC,UAEAD,QACEE,2BAAA,IAACC,WAAa,cAAA,EAAA,SAAkB,WAAWF,OACxCD,UACH,KAAA,CAAA;AAGJ,wCACG,OAAI,EAAA,~~WAAWhB~~,GAAGL,~~QAAQyB~~,~~MAAMvB~~,SAAS,GAAG,GAAIC,QAC/C,0CAAC,OACC,EAAA,WAAWE,GACTL,~~QAAQ0B~~,WACRd,~~UACEN~~,IAAI;AAAA,~~IACFqB~~,eAAe;AAAA,IACfC,YAAY;AAAA,IACZC,WAAW;AAAA,EAAA,CACZ,GACH;AAAA,IACE,~~CAAC7B~~,~~QAAQ8B~~,oBAAoB,GAAGZ;AAAAA,EAAAA,GAElCN,UAAUM,~~eAAeZ~~,IAAI;AAAA,~~IAAEqB~~,eAAe;AAAA,EAAA,CAAO,CACvD,GAEA,UAAA;AAAA,IAAAJ,2BAAA,IAAC,OAAI,EAAA,~~WAAWvB~~,~~QAAQ+B~~,~~eAAgBlC~~,UAAK,MAAA;AAAA,oCAC5C,OACC,EAAA,WAAWQ,GACTL,~~QAAQgC~~,eACRhB,~~QAAQV~~,IAAI;AAAA,~~MAAE2B~~,YAAYC,YAAAA,MAAMC,MAAMC;AAAAA,IAAAA,CAAI,CAC5C,GAECjB,UAAAA;AAAAA,~~MAAAA~~,~~WACCX~~,~~2CAAa6B~~,~~WAAWC~~,~~cACxBxC~~,~~OACAE,QAAQuC,cACV~~;AAAA,~~MACCpB~~,WAAW,~~QAAQpB~~,SAASC,~~QAAQwC~~,gBAAgB;AAAA,~~MACpDrB~~,WAAW,~~QAAQvB~~,QAAQI,~~QAAQyC~~,eAAe;AAAA,IAAA,GACrD;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;"}
1	+ {"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography, HvTypographyProps } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./EmptyState.styles\";\n\nexport { staticClasses as emptyStateClasses };\n\nexport type HvEmptyStateClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvEmptyStateProps\n extends HvBaseProps<HTMLDivElement, \"title\"> {\n /** Icon to be presented. /\n icon: React.ReactNode;\n /* The title to be shown. /\n title?: string \| React.ReactNode;\n /* The message to be shown. /\n message?: string \| React.ReactNode;\n /* The action message to be shown. /\n action?: string \| React.ReactNode;\n /* A Jss Object used to override or extend the styles applied to the empty state component. /\n classes?: HvEmptyStateClasses;\n}\n\n/\n Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n const {\n action,\n icon,\n title,\n message,\n classes: classesProp,\n className,\n ...others\n } = useDefaultProps(\"HvEmptyState\", props);\n\n const { classes, cx, css } = useClasses(classesProp);\n\n const muiTheme = useTheme();\n\n const onlyXs = useMediaQuery(muiTheme.breakpoints.only(\"xs\"));\n const upSm = useMediaQuery(muiTheme.breakpoints.up(\"sm\"));\n\n const messageOnly = !!(message && !(title \|\| action));\n\n const renderNode = (\n variant?: HvTypographyProps[\"variant\"],\n node?: React.ReactNode,\n style?: string\n ) =>\n node && (\n <HvTypography variant={variant} className={style}>\n {node}\n </HvTypography>\n );\n\n return (\n <div className={cx(classes.root, className)} {...others}>\n <div\n className={cx(\n classes.container,\n onlyXs &&\n css({\n flexDirection: \"column\",\n alignItems: \"center\",\n textAlign: \"center\",\n }),\n {\n [classes.containerMessageOnly]: messageOnly,\n },\n onlyXs && messageOnly && css({ flexDirection: \"row\" })\n )}\n >\n <div className={classes.iconContainer}>{icon}</div>\n <div\n className={cx(\n classes.textContainer,\n upSm && css({ marginLeft: theme.space.xs })\n )}\n >\n {renderNode(\"title4\", title, classes.titleContainer)}\n {renderNode(\"body\", message, classes.messageContainer)}\n {renderNode(\"body\", action, classes.actionContainer)}\n </div>\n </div>\n </div>\n );\n};\n"],"names":["HvEmptyState","props","action","icon","title","message","classes","classesProp","className","others","useDefaultProps","cx","css","useClasses","muiTheme","useTheme","onlyXs","useMediaQuery","breakpoints","only","upSm","up","messageOnly","renderNode","variant","node","style","jsx","HvTypography","root","container","flexDirection","alignItems","textAlign","containerMessageOnly","iconContainer","textContainer","marginLeft","theme","space","xs","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;;;AAmCaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,gBAAgBT,KAAK;AAEnC,QAAA;AAAA,IAAEK;AAAAA,IAASK;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,kBAAAA,WAAWN,WAAW;AAEnD,QAAMO,WAAWC,OAAAA;AAEjB,QAAMC,SAASC,uBAAAA,QAAcH,SAASI,YAAYC,KAAK,IAAI,CAAC;AAC5D,QAAMC,OAAOH,uBAAAA,QAAcH,SAASI,YAAYG,GAAG,IAAI,CAAC;AAExD,QAAMC,cAAc,CAAC,EAAEjB,WAAW,EAAED,SAASF;AAEvCqB,QAAAA,aAAaA,CACjBC,SACAC,MACAC,UAEAD,QACEE,2BAAA,IAACC,WAAa,cAAA,EAAA,SAAkB,WAAWF,OACxCD,UACH,KAAA,CAAA;AAGJ,wCACG,OAAI,EAAA,WAAWd,GAAGL,QAAQuB,MAAMrB,SAAS,GAAG,GAAIC,QAC/C,0CAAC,OACC,EAAA,WAAWE,GACTL,QAAQwB,WACRd,UACEJ,IAAI;AAAA,IACFmB,eAAe;AAAA,IACfC,YAAY;AAAA,IACZC,WAAW;AAAA,EAAA,CACZ,GACH;AAAA,IACE,CAAC3B,QAAQ4B,oBAAoB,GAAGZ;AAAAA,EAAAA,GAElCN,UAAUM,eAAeV,IAAI;AAAA,IAAEmB,eAAe;AAAA,EAAA,CAAO,CACvD,GAEA,UAAA;AAAA,IAAAJ,2BAAA,IAAC,OAAI,EAAA,WAAWrB,QAAQ6B,eAAgBhC,UAAK,MAAA;AAAA,oCAC5C,OACC,EAAA,WAAWQ,GACTL,QAAQ8B,eACRhB,QAAQR,IAAI;AAAA,MAAEyB,YAAYC,YAAAA,MAAMC,MAAMC;AAAAA,IAAAA,CAAI,CAC5C,GAECjB,UAAAA;AAAAA,MAAW,WAAA,UAAUnB,OAAOE,QAAQmC,cAAc;AAAA,MAClDlB,WAAW,QAAQlB,SAASC,QAAQoC,gBAAgB;AAAA,MACpDnB,WAAW,QAAQrB,QAAQI,QAAQqC,eAAe;AAAA,IAAA,GACrD;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;;"}

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs CHANGED Viewed

@@ -24,7 +24,7 @@ const {
   },
   iconContainer: {},
   titleContainer: {
-    marginTop: uikitStyles.theme.emptyState.titleMarginTop,
+    marginTop: "4px",
     marginBottom: uikitStyles.theme.space.sm
   },
   textContainer: {

package/dist/cjs/components/EmptyState/EmptyState.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvEmptyState\", {\n root: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n container: { display: \"flex\", flexDirection: \"row\" },\n containerMessageOnly: {\n alignItems: \"center\",\n \"& $textContainer\": {\n marginLeft: 0,\n },\n },\n iconContainer: {},\n titleContainer: {\n marginTop: ~~theme.emptyState.titleMarginTop~~,\n marginBottom: theme.space.sm,\n },\n textContainer: {\n background: \"transparent\",\n maxWidth: \"510px\",\n overflow: \"hidden\",\n },\n messageContainer: {},\n actionContainer: { marginTop: theme.space.sm },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","height","display","justifyContent","container","flexDirection","containerMessageOnly","alignItems","marginLeft","iconContainer","titleContainer","marginTop","~~theme~~","~~emptyState~~","~~titleMarginTop","marginBottom","~~space","sm","textContainer","background","maxWidth","overflow","messageContainer","actionContainer"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,WAAW;AAAA,IAAEF,SAAS;AAAA,IAAQG,eAAe;AAAA,EAAM;AAAA,EACnDC,sBAAsB;AAAA,IACpBC,YAAY;AAAA,IACZ,oBAAoB;AAAA,MAClBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,gBAAgB;AAAA,IACdC,~~WAAWC,YAAAA,MAAMC,WAAWC~~;~~AAAAA~~,~~IAC5BC~~,~~cAAcH~~,YAAAA,~~MAAMI~~,MAAMC;AAAAA,EAC5B;AAAA,EACAC,eAAe;AAAA,IACbC,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,UAAU;AAAA,EACZ;AAAA,EACAC,kBAAkB,CAAC;AAAA,EACnBC,iBAAiB;AAAA,~~IAAEZ~~,~~WAAWC~~,YAAAA,~~MAAMI~~,MAAMC;AAAAA,EAAG;AAC/C,CAAC;;;"}
1	+ {"version":3,"file":"EmptyState.styles.cjs","sources":["../../../../src/components/EmptyState/EmptyState.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvEmptyState\", {\n root: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n container: { display: \"flex\", flexDirection: \"row\" },\n containerMessageOnly: {\n alignItems: \"center\",\n \"& $textContainer\": {\n marginLeft: 0,\n },\n },\n iconContainer: {},\n titleContainer: {\n marginTop: \"4px\",\n marginBottom: theme.space.sm,\n },\n textContainer: {\n background: \"transparent\",\n maxWidth: \"510px\",\n overflow: \"hidden\",\n },\n messageContainer: {},\n actionContainer: { marginTop: theme.space.sm },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","height","display","justifyContent","container","flexDirection","containerMessageOnly","alignItems","marginLeft","iconContainer","titleContainer","marginTop","marginBottom","theme","space","sm","textContainer","background","maxWidth","overflow","messageContainer","actionContainer"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,WAAW;AAAA,IAAEF,SAAS;AAAA,IAAQG,eAAe;AAAA,EAAM;AAAA,EACnDC,sBAAsB;AAAA,IACpBC,YAAY;AAAA,IACZ,oBAAoB;AAAA,MAClBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,gBAAgB;AAAA,IACdC,WAAW;AAAA,IACXC,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC5B;AAAA,EACAC,eAAe;AAAA,IACbC,YAAY;AAAA,IACZC,UAAU;AAAA,IACVC,UAAU;AAAA,EACZ;AAAA,EACAC,kBAAkB,CAAC;AAAA,EACnBC,iBAAiB;AAAA,IAAEV,WAAWE,YAAAA,MAAMC,MAAMC;AAAAA,EAAG;AAC/C,CAAC;;;"}

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs CHANGED Viewed

@@ -9,24 +9,26 @@ const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const utils = require("../utils.cjs");
 const DropZone_styles = require("./DropZone.styles.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const Label = require("../../Forms/Label/Label.cjs");
 const InfoMessage = require("../../Forms/InfoMessage/InfoMessage.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const uniqueId__default = /* @__PURE__ */ _interopDefault(uniqueId);
 const accept__default = /* @__PURE__ */ _interopDefault(accept);
-const HvDropZone = ({
-  id: idProp,
-  classes: classesProp,
-  labels,
-  acceptedFiles,
-  maxFileSize,
-  inputProps,
-  hideLabels,
-  multiple = true,
-  disabled = false,
-  onFilesAdded
-}) => {
+const HvDropZone = (props) => {
+  const {
+    id: idProp,
+    classes: classesProp,
+    labels,
+    acceptedFiles,
+    maxFileSize,
+    inputProps,
+    hideLabels,
+    multiple = true,
+    disabled = false,
+    onFilesAdded
+  } = useDefaultProps.useDefaultProps("HvDropZone", props);
   const id = useUniqueId.useUniqueId(idProp, "dropzone");
   const {
     classes,

package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport accept from \"attr-accept\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { HvInfoMessage, HvLabel } from \"@core/components/Forms\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { convertUnits } from \"../utils\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nimport { staticClasses, useClasses } from \"./DropZone.styles\";\n\nexport { staticClasses as dropZoneClasses };\n\nexport type HvDropZoneClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDropZoneLabels {\n /*\n Extensions of the accepted file types\n /\n acceptedFiles?: string;\n /\n Dropzone area label.\n /\n dropzone?: string;\n /\n Size file warning label.\n /\n sizeWarning?: string;\n /\n Size file warning label.\n /\n drag?: string;\n /\n Size file warning label.\n /\n selectFiles?: string;\n /\n Theming sheet used to style components\n * /\n dropFiles?: string;\n /\n Message to display when file size is greater than allowed\n * /\n fileSizeError?: string;\n /\n Message to display when file type is greater than allowed\n * /\n fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n Labels to present in FileUploader.\n /\n labels?: HvDropZoneLabels;\n /\n Whether the Dropzone should accept multiple files at once.\n /\n multiple?: boolean;\n /\n If the input is disabled or not\n /\n disabled?: boolean;\n /\n Files extensions accepted for upload.\n /\n acceptedFiles: string[];\n /\n Max upload size\n * /\n maxFileSize: number;\n /\n Function responsible for processing files added to the drop zone.\n /\n onFilesAdded?: HvFilesAddedEvent;\n /\n Whether the DropZone should hide labels or not.\n /\n hideLabels?: boolean;\n /\n Attributes applied to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n A Jss Object used to override or extend the styles applied to the component.\n */\n classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = ({\n id: idProp,\n classes: classesProp,\n labels,\n acceptedFiles,\n maxFileSize,\n inputProps,\n hideLabels,\n multiple = true,\n disabled = false,\n onFilesAdded,\n}: HvDropZoneProps) => {\n const id = useUniqueId(idProp, \"dropzone\");\n\n const { classes, cx } = useClasses(classesProp);\n\n const [dragState, setDrag] = useState<boolean>(false);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const leaveDropArea = () => {\n setDrag(false);\n };\n\n const enterDropArea = () => {\n setDrag(true);\n };\n\n const onChangeHandler = (filesList: FileList) => {\n const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n const newFiles: HvFileData[] = [];\n\n filesToProcess.forEach((file: File) => {\n const newFile: HvFileData = file;\n\n const isSizeAllowed = file.size <= maxFileSize;\n const isFileAccepted =\n !acceptedFiles.length \|\|\n acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 \|\|\n acceptedFiles.some((acceptExtension) =>\n accept({ name: file.name, type: file.type }, acceptExtension)\n );\n\n if (!isFileAccepted) {\n newFile.errorMessage = labels?.fileTypeError;\n newFile.status = \"fail\";\n } else if (!isSizeAllowed) {\n newFile.errorMessage = labels?.fileSizeError;\n newFile.status = \"fail\";\n }\n\n newFile.id = uniqueId(\"uploaded-file-data-\");\n newFiles.push(newFile);\n });\n\n onFilesAdded?.(newFiles);\n };\n\n return (\n <>\n {!hideLabels && (\n <div id={id} className={classes.dropZoneLabelsGroup}>\n <HvLabel\n id={setId(id, \"input-file-label\")}\n htmlFor={setId(id, \"input-file\")}\n label={labels?.dropzone}\n className={classes.dropZoneLabel}\n />\n <HvInfoMessage id={setId(id, \"description\")}>\n {Number.isInteger(maxFileSize) &&\n `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n {labels?.acceptedFiles && labels.acceptedFiles}\n {!labels?.acceptedFiles &&\n acceptedFiles.length > 0 &&\n `\\u00A0(${acceptedFiles.join(\", \")})`}\n </HvInfoMessage>\n </div>\n )}\n <div\n id={setId(id, \"input-file-container\")}\n className={cx(classes.dropZoneContainer, {\n [classes.dragAction]: dragState,\n [classes.dropZoneContainerDisabled]: disabled,\n })}\n >\n <input\n id={setId(id, \"input-file\")}\n className={classes.inputArea}\n type=\"file\"\n multiple={multiple}\n disabled={disabled}\n title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n onClick={() => {\n if (inputRef.current) {\n inputRef.current.value = \"\";\n }\n }}\n onChange={() => {\n if (!disabled && inputRef.current?.files) {\n onChangeHandler(inputRef.current.files);\n }\n }}\n onDragEnter={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDragLeave={leaveDropArea}\n onDropCapture={leaveDropArea}\n onDragOver={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDrop={(event) => {\n if (!disabled) {\n const { files } = event.dataTransfer;\n if (multiple === true \|\| files.length === 1) {\n event.stopPropagation();\n event.preventDefault();\n onChangeHandler(files);\n }\n }\n }}\n ref={inputRef}\n accept={acceptedFiles.join(\",\")}\n {...inputProps}\n />\n <div className={classes?.dropArea}>\n {dragState ? (\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>\n {labels?.dropFiles}\n </HvTypography>\n </div>\n ) : (\n <>\n <Doc\n iconSize=\"M\"\n className={classes.dropZoneAreaIcon}\n color={disabled ? \"secondary_60\" : \"secondary\"}\n />\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>\n {labels?.drag}\n <span\n className={classes.selectFilesText}\n >{`\\xa0${labels?.selectFiles}`}</span>\n </HvTypography>\n </div>\n </>\n )}\n </div>\n </div>\n </>\n );\n};\n"],"names":["HvDropZone","id","idProp","classes","classesProp","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useUniqueId","cx","useClasses","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","jsxs","Fragment","dropZoneLabelsGroup","jsx","HvLabel","setId","dropzone","dropZoneLabel","HvInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","inputArea","drag","selectFiles","current","value","files","event","stopPropagation","preventDefault","dataTransfer","dropArea","dropZoneAreaLabels","HvTypography","dragText","dropFiles","Doc","dropZoneAreaIcon","selectFilesText"],"mappings":"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"}
1	+ {"version":3,"file":"DropZone.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nimport accept from \"attr-accept\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { HvInfoMessage, HvLabel } from \"@core/components/Forms\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { convertUnits } from \"../utils\";\nimport { HvFileData, HvFilesAddedEvent } from \"../File\";\n\nimport { staticClasses, useClasses } from \"./DropZone.styles\";\n\nexport { staticClasses as dropZoneClasses };\n\nexport type HvDropZoneClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDropZoneLabels {\n /*\n Extensions of the accepted file types\n /\n acceptedFiles?: string;\n /\n Dropzone area label.\n /\n dropzone?: string;\n /\n Size file warning label.\n /\n sizeWarning?: string;\n /\n Size file warning label.\n /\n drag?: string;\n /\n Size file warning label.\n /\n selectFiles?: string;\n /\n Theming sheet used to style components\n * /\n dropFiles?: string;\n /\n Message to display when file size is greater than allowed\n * /\n fileSizeError?: string;\n /\n Message to display when file type is greater than allowed\n * /\n fileTypeError?: string;\n}\n\nexport interface HvDropZoneProps {\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n Labels to present in FileUploader.\n /\n labels?: HvDropZoneLabels;\n /\n Whether the Dropzone should accept multiple files at once.\n /\n multiple?: boolean;\n /\n If the input is disabled or not\n /\n disabled?: boolean;\n /\n Files extensions accepted for upload.\n /\n acceptedFiles: string[];\n /\n Max upload size\n * /\n maxFileSize: number;\n /\n Function responsible for processing files added to the drop zone.\n /\n onFilesAdded?: HvFilesAddedEvent;\n /\n Whether the DropZone should hide labels or not.\n /\n hideLabels?: boolean;\n /\n Attributes applied to the input element.\n /\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n /\n A Jss Object used to override or extend the styles applied to the component.\n */\n classes?: HvDropZoneClasses;\n}\n\nexport const HvDropZone = (props: HvDropZoneProps) => {\n const {\n id: idProp,\n classes: classesProp,\n labels,\n acceptedFiles,\n maxFileSize,\n inputProps,\n hideLabels,\n multiple = true,\n disabled = false,\n onFilesAdded,\n } = useDefaultProps(\"HvDropZone\", props);\n const id = useUniqueId(idProp, \"dropzone\");\n\n const { classes, cx } = useClasses(classesProp);\n\n const [dragState, setDrag] = useState<boolean>(false);\n\n const inputRef = useRef<HTMLInputElement \| null>(null);\n\n const leaveDropArea = () => {\n setDrag(false);\n };\n\n const enterDropArea = () => {\n setDrag(true);\n };\n\n const onChangeHandler = (filesList: FileList) => {\n const filesToProcess = Object.keys(filesList).map((e) => filesList[e]);\n\n const newFiles: HvFileData[] = [];\n\n filesToProcess.forEach((file: File) => {\n const newFile: HvFileData = file;\n\n const isSizeAllowed = file.size <= maxFileSize;\n const isFileAccepted =\n !acceptedFiles.length \|\|\n acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 \|\|\n acceptedFiles.some((acceptExtension) =>\n accept({ name: file.name, type: file.type }, acceptExtension)\n );\n\n if (!isFileAccepted) {\n newFile.errorMessage = labels?.fileTypeError;\n newFile.status = \"fail\";\n } else if (!isSizeAllowed) {\n newFile.errorMessage = labels?.fileSizeError;\n newFile.status = \"fail\";\n }\n\n newFile.id = uniqueId(\"uploaded-file-data-\");\n newFiles.push(newFile);\n });\n\n onFilesAdded?.(newFiles);\n };\n\n return (\n <>\n {!hideLabels && (\n <div id={id} className={classes.dropZoneLabelsGroup}>\n <HvLabel\n id={setId(id, \"input-file-label\")}\n htmlFor={setId(id, \"input-file\")}\n label={labels?.dropzone}\n className={classes.dropZoneLabel}\n />\n <HvInfoMessage id={setId(id, \"description\")}>\n {Number.isInteger(maxFileSize) &&\n `${labels?.sizeWarning} ${convertUnits(maxFileSize)}`}\n {labels?.acceptedFiles && labels.acceptedFiles}\n {!labels?.acceptedFiles &&\n acceptedFiles.length > 0 &&\n `\\u00A0(${acceptedFiles.join(\", \")})`}\n </HvInfoMessage>\n </div>\n )}\n <div\n id={setId(id, \"input-file-container\")}\n className={cx(classes.dropZoneContainer, {\n [classes.dragAction]: dragState,\n [classes.dropZoneContainerDisabled]: disabled,\n })}\n >\n <input\n id={setId(id, \"input-file\")}\n className={classes.inputArea}\n type=\"file\"\n multiple={multiple}\n disabled={disabled}\n title={!disabled ? `${labels?.drag}\\xa0${labels?.selectFiles}` : \"\"}\n onClick={() => {\n if (inputRef.current) {\n inputRef.current.value = \"\";\n }\n }}\n onChange={() => {\n if (!disabled && inputRef.current?.files) {\n onChangeHandler(inputRef.current.files);\n }\n }}\n onDragEnter={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDragLeave={leaveDropArea}\n onDropCapture={leaveDropArea}\n onDragOver={(event) => {\n if (!disabled) {\n enterDropArea();\n event.stopPropagation();\n event.preventDefault();\n }\n }}\n onDrop={(event) => {\n if (!disabled) {\n const { files } = event.dataTransfer;\n if (multiple === true \|\| files.length === 1) {\n event.stopPropagation();\n event.preventDefault();\n onChangeHandler(files);\n }\n }\n }}\n ref={inputRef}\n accept={acceptedFiles.join(\",\")}\n {...inputProps}\n />\n <div className={classes?.dropArea}>\n {dragState ? (\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>\n {labels?.dropFiles}\n </HvTypography>\n </div>\n ) : (\n <>\n <Doc\n iconSize=\"M\"\n className={classes.dropZoneAreaIcon}\n color={disabled ? \"secondary_60\" : \"secondary\"}\n />\n <div className={classes.dropZoneAreaLabels}>\n <HvTypography className={classes.dragText}>\n {labels?.drag}\n <span\n className={classes.selectFilesText}\n >{`\\xa0${labels?.selectFiles}`}</span>\n </HvTypography>\n </div>\n </>\n )}\n </div>\n </div>\n </>\n );\n};\n"],"names":["HvDropZone","props","id","idProp","classes","classesProp","labels","acceptedFiles","maxFileSize","inputProps","hideLabels","multiple","disabled","onFilesAdded","useDefaultProps","useUniqueId","cx","useClasses","dragState","setDrag","useState","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","filesList","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","jsxs","Fragment","dropZoneLabelsGroup","jsx","HvLabel","setId","dropzone","dropZoneLabel","HvInfoMessage","Number","isInteger","sizeWarning","convertUnits","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","inputArea","drag","selectFiles","current","value","files","event","stopPropagation","preventDefault","dataTransfer","dropArea","dropZoneAreaLabels","HvTypography","dragText","dropFiles","Doc","dropZoneAreaIcon","selectFilesText"],"mappings":"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"}

package/dist/cjs/components/FileUploader/DropZone/DropZone.styles.cjs CHANGED Viewed

@@ -11,17 +11,17 @@ const {
     position: "relative",
     width: "100%",
     display: "flex",
-    border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColor}`,
+    border: `1px dashed ${uikitStyles.theme.colors.secondary_60}`,
     cursor: "pointer",
-    background: uikitStyles.theme.fileUploader.dropZone.backgroundColor,
-    borderRadius: uikitStyles.theme.fileUploader.dropZone.borderRadius,
+    background: uikitStyles.theme.colors.atmo1,
+    borderRadius: uikitStyles.theme.radii.round,
     "&:hover": {
       background: `${uikitStyles.theme.colors.atmo1}`,
-      border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.colors.secondary}`
+      border: `1px dashed ${uikitStyles.theme.colors.secondary}`
     },
     "&:focus-within": {
       background: `${uikitStyles.theme.colors.atmo1}`,
-      border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.colors.secondary}`,
+      border: `1px dashed ${uikitStyles.theme.colors.secondary}`,
       ...focusUtils.outlineStyles
     }
   },
@@ -35,15 +35,15 @@ const {
   },
   dragAction: {
     background: `${uikitStyles.theme.colors.atmo1}`,
-    border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColorDrag}`
+    border: `1px dashed ${uikitStyles.theme.colors.primary}`
   },
   dropZoneContainerDisabled: {
     background: `${uikitStyles.theme.colors.atmo3}`,
-    border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColorDisabled}`,
+    border: `1px dashed ${uikitStyles.theme.colors.secondary_60}`,
     cursor: "not-allowed",
     "&:hover": {
       background: `${uikitStyles.theme.colors.atmo3}`,
-      border: `1px ${uikitStyles.theme.fileUploader.dropZone.borderType} ${uikitStyles.theme.fileUploader.dropZone.borderColorDisabled}`
+      border: `1px dashed ${uikitStyles.theme.colors.secondary_60}`
     },
     "& $dragText": {
       color: uikitStyles.theme.colors.secondary_60

package/dist/cjs/components/FileUploader/DropZone/DropZone.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropZone.styles.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDropZone\", {\n dropZoneContainer: {\n position: \"relative\",\n width: \"100%\",\n display: \"flex\",\n border: `1px ~~${theme.fileUploader.dropZone.borderType}~~ ${theme.~~fileUploader~~.~~dropZone.borderColor~~}`,\n cursor: \"pointer\",\n background: theme.~~fileUploader~~.~~dropZone.backgroundColor~~,\n borderRadius: theme.~~fileUploader~~.~~dropZone.borderRadius~~,\n\n \"&:hover\": {\n background: `${theme.colors.atmo1}`,\n border: `1px ~~${theme.fileUploader.dropZone.borderType}~~ ${theme.colors.secondary}`,\n },\n\n \"&:focus-within\": {\n background: `${theme.colors.atmo1}`,\n border: `1px ~~${theme.fileUploader.dropZone.borderType}~~ ${theme.colors.secondary}`,\n ...outlineStyles,\n },\n },\n dropZoneLabelsGroup: {\n display: \"flex\",\n justifyContent: \"start\",\n\n \"& label:nth-of-type(1)\": {},\n\n \"& p:nth-of-type(2)\": {\n marginLeft: \"auto\",\n },\n },\n dragAction: {\n background: `${theme.colors.atmo1}`,\n border: `1px ~~${theme.fileUploader.dropZone.borderType}~~ ${theme.~~fileUploader~~.~~dropZone.borderColorDrag~~}`,\n },\n dropZoneContainerDisabled: {\n background: `${theme.colors.atmo3}`,\n border: `1px ~~${theme.fileUploader.dropZone.borderType}~~ ${theme.~~fileUploader~~.~~dropZone.borderColorDisabled~~}`,\n cursor: \"not-allowed\",\n \"&:hover\": {\n background: `${theme.colors.atmo3}`,\n border: `1px ~~${theme.fileUploader.dropZone.borderType}~~ ${theme.~~fileUploader~~.~~dropZone.borderColorDisabled~~}`,\n },\n\n \"& $dragText\": {\n color: theme.colors.secondary_60,\n },\n \"& $selectFilesText\": {\n color: theme.colors.secondary_60,\n },\n },\n inputArea: {\n opacity: 0,\n width: \"100%\",\n position: \"absolute\",\n height: \"100%\",\n cursor: \"pointer\",\n\n \"&:disabled\": {\n cursor: \"not-allowed\",\n },\n },\n dropArea: {\n display: \"flex\",\n margin: `${theme.space.md} auto`,\n minHeight: 48,\n },\n dropZoneAreaLabels: {\n display: \"flex\",\n maxWidth: 120,\n margin: \"auto\",\n },\n dropZoneAreaIcon: {\n margin: \"auto\",\n marginRight: theme.space.xs,\n },\n dropZoneLabel: {\n paddingBottom: 6,\n },\n dragText: {\n ...(theme.typography.body as CSSProperties),\n },\n selectFilesText: {\n ...(theme.typography.label as CSSProperties),\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","dropZoneContainer","position","width","display","border","theme","~~fileUploader~~","~~dropZone~~","~~borderType","borderColor","~~cursor","background","~~backgroundColor~~","borderRadius","~~colors~~","~~atmo1~~","secondary","outlineStyles","dropZoneLabelsGroup","justifyContent","marginLeft","dragAction","~~borderColorDrag~~","dropZoneContainerDisabled","atmo3","~~borderColorDisabled","~~color","~~secondary_60","~~inputArea","opacity","height","dropArea","margin","space","md","minHeight","dropZoneAreaLabels","maxWidth","dropZoneAreaIcon","marginRight","xs","dropZoneLabel","paddingBottom","dragText","typography","body","selectFilesText","label"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,mBAAmB;AAAA,IACjBC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,QAAS,~~OAAMC~~,~~YAAAA~~,~~MAAMC~~,~~aAAaC~~,~~SAASC,UAAW,IAAGH,YAAAA,MAAMC,aAAaC,SAASE,WAAY~~;AAAA,~~IACjGC~~,QAAQ;AAAA,IACRC,~~YAAYN~~,~~YAAMC~~,~~MAAAA~~,~~aAAaC,SAASK~~;AAAAA,~~IACxCC~~,~~cAAcR~~,~~YAAMC~~,~~MAAAA~~,~~aAAaC,SAASM~~;AAAAA,~~IAE1C~~,WAAW;AAAA,~~MACTF~~,YAAa,~~GAAEN~~,YAAAA,~~MAAMS~~,~~OAAOC~~,KAAM;AAAA,~~MAClCX~~,QAAS,~~OAAMC~~,YAAMC,MAAAA,~~aAAaC~~,~~SAASC,UAAW,IAAGH,YAAAA,MAAMS,OAAOE,~~SAAU;AAAA,~~IAClF~~;AAAA,IAEA,kBAAkB;AAAA,MAChBL,YAAa,~~GAAEN~~,YAAAA,~~MAAMS~~,~~OAAOC~~,KAAM;AAAA,~~MAClCX~~,QAAS,~~OAAMC~~,YAAMC,MAAAA,~~aAAaC~~,~~SAASC,UAAW,IAAGH,YAAAA,MAAMS,OAAOE,~~SAAU;AAAA,~~MAChF~~,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,qBAAqB;AAAA,~~IACnBf~~,SAAS;AAAA,~~IACTgB~~,gBAAgB;AAAA,IAEhB,0BAA0B,CAAC;AAAA,IAE3B,sBAAsB;AAAA,MACpBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACVV,YAAa,~~GAAEN~~,YAAAA,~~MAAMS~~,~~OAAOC~~,KAAM;AAAA,~~IAClCX~~,QAAS,~~OAAMC~~,~~YAAAA~~,~~MAAMC~~,~~aAAaC~~,~~SAASC,UAAW,IAAGH,YAAAA,MAAMC,aAAaC,SAASe,eAAgB~~;AAAA,~~EACvG~~;AAAA,EACAC,2BAA2B;AAAA,IACzBZ,YAAa,~~GAAEN~~,YAAAA,~~MAAMS~~,~~OAAOU~~,KAAM;AAAA,~~IAClCpB~~,QAAS,~~OAAMC~~,~~YAAAA~~,~~MAAMC~~,~~aAAaC~~,~~SAASC,UAAW,IAAGH,YAAAA,MAAMC,aAAaC,SAASkB,mBAAoB~~;AAAA,~~IACzGf~~,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,YAAa,~~GAAEN~~,YAAAA,~~MAAMS~~,~~OAAOU~~,KAAM;AAAA,~~MAClCpB~~,QAAS,~~OAAMC~~,~~YAAAA~~,~~MAAMC~~,~~aAAaC~~,~~SAASC,UAAW,IAAGH,YAAAA,MAAMC,aAAaC,SAASkB,mBAAoB~~;AAAA,~~IAC3G~~;AAAA,IAEA,eAAe;AAAA,~~MACbC~~,~~OAAOrB~~,YAAAA,~~MAAMS~~,~~OAAOa~~;AAAAA,IACtB;AAAA,IACA,sBAAsB;AAAA,~~MACpBD~~,~~OAAOrB~~,YAAAA,~~MAAMS~~,~~OAAOa~~;AAAAA,IACtB;AAAA,EACF;AAAA,~~EACAC~~,WAAW;AAAA,IACTC,SAAS;AAAA,~~IACT3B~~,OAAO;AAAA,IACPD,UAAU;AAAA,~~IACV6B~~,QAAQ;AAAA,~~IACRpB~~,QAAQ;AAAA,IAER,cAAc;AAAA,MACZA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,~~EACAqB~~,UAAU;AAAA,~~IACR5B~~,SAAS;AAAA,~~IACT6B~~,QAAS,~~GAAE3B~~,YAAAA,~~MAAM4B~~,MAAMC,EAAG;AAAA,IAC1BC,WAAW;AAAA,EACb;AAAA,EACAC,oBAAoB;AAAA,~~IAClBjC~~,SAAS;AAAA,~~IACTkC~~,UAAU;AAAA,IACVL,QAAQ;AAAA,EACV;AAAA,EACAM,kBAAkB;AAAA,IAChBN,QAAQ;AAAA,IACRO,~~aAAalC~~,YAAAA,~~MAAM4B~~,MAAMO;AAAAA,EAC3B;AAAA,EACAC,eAAe;AAAA,IACbC,eAAe;AAAA,EACjB;AAAA,EACAC,UAAU;AAAA,IACR,~~GAAItC~~,YAAAA,~~MAAMuC~~,WAAWC;AAAAA,EACvB;AAAA,EACAC,iBAAiB;AAAA,IACf,~~GAAIzC~~,YAAAA,~~MAAMuC~~,WAAWG;AAAAA,EACvB;AACF,CAAC;;;"}
1	+ {"version":3,"file":"DropZone.styles.cjs","sources":["../../../../../src/components/FileUploader/DropZone/DropZone.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDropZone\", {\n dropZoneContainer: {\n position: \"relative\",\n width: \"100%\",\n display: \"flex\",\n border: `1px dashed ${theme.colors.secondary_60}`,\n cursor: \"pointer\",\n background: theme.colors.atmo1,\n borderRadius: theme.radii.round,\n\n \"&:hover\": {\n background: `${theme.colors.atmo1}`,\n border: `1px dashed ${theme.colors.secondary}`,\n },\n\n \"&:focus-within\": {\n background: `${theme.colors.atmo1}`,\n border: `1px dashed ${theme.colors.secondary}`,\n ...outlineStyles,\n },\n },\n dropZoneLabelsGroup: {\n display: \"flex\",\n justifyContent: \"start\",\n\n \"& label:nth-of-type(1)\": {},\n\n \"& p:nth-of-type(2)\": {\n marginLeft: \"auto\",\n },\n },\n dragAction: {\n background: `${theme.colors.atmo1}`,\n border: `1px dashed ${theme.colors.primary}`,\n },\n dropZoneContainerDisabled: {\n background: `${theme.colors.atmo3}`,\n border: `1px dashed ${theme.colors.secondary_60}`,\n cursor: \"not-allowed\",\n \"&:hover\": {\n background: `${theme.colors.atmo3}`,\n border: `1px dashed ${theme.colors.secondary_60}`,\n },\n\n \"& $dragText\": {\n color: theme.colors.secondary_60,\n },\n \"& $selectFilesText\": {\n color: theme.colors.secondary_60,\n },\n },\n inputArea: {\n opacity: 0,\n width: \"100%\",\n position: \"absolute\",\n height: \"100%\",\n cursor: \"pointer\",\n\n \"&:disabled\": {\n cursor: \"not-allowed\",\n },\n },\n dropArea: {\n display: \"flex\",\n margin: `${theme.space.md} auto`,\n minHeight: 48,\n },\n dropZoneAreaLabels: {\n display: \"flex\",\n maxWidth: 120,\n margin: \"auto\",\n },\n dropZoneAreaIcon: {\n margin: \"auto\",\n marginRight: theme.space.xs,\n },\n dropZoneLabel: {\n paddingBottom: 6,\n },\n dragText: {\n ...(theme.typography.body as CSSProperties),\n },\n selectFilesText: {\n ...(theme.typography.label as CSSProperties),\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","dropZoneContainer","position","width","display","border","theme","colors","secondary_60","cursor","background","atmo1","borderRadius","radii","round","secondary","outlineStyles","dropZoneLabelsGroup","justifyContent","marginLeft","dragAction","primary","dropZoneContainerDisabled","atmo3","color","inputArea","opacity","height","dropArea","margin","space","md","minHeight","dropZoneAreaLabels","maxWidth","dropZoneAreaIcon","marginRight","xs","dropZoneLabel","paddingBottom","dragText","typography","body","selectFilesText","label"],"mappings":";;;;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,mBAAmB;AAAA,IACjBC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,QAAS,cAAaC,YAAMC,MAAAA,OAAOC,YAAa;AAAA,IAChDC,QAAQ;AAAA,IACRC,YAAYJ,YAAAA,MAAMC,OAAOI;AAAAA,IACzBC,cAAcN,YAAAA,MAAMO,MAAMC;AAAAA,IAE1B,WAAW;AAAA,MACTJ,YAAa,GAAEJ,YAAAA,MAAMC,OAAOI,KAAM;AAAA,MAClCN,QAAS,cAAaC,YAAMC,MAAAA,OAAOQ,SAAU;AAAA,IAC/C;AAAA,IAEA,kBAAkB;AAAA,MAChBL,YAAa,GAAEJ,YAAAA,MAAMC,OAAOI,KAAM;AAAA,MAClCN,QAAS,cAAaC,YAAMC,MAAAA,OAAOQ,SAAU;AAAA,MAC7C,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,qBAAqB;AAAA,IACnBb,SAAS;AAAA,IACTc,gBAAgB;AAAA,IAEhB,0BAA0B,CAAC;AAAA,IAE3B,sBAAsB;AAAA,MACpBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,YAAY;AAAA,IACVV,YAAa,GAAEJ,YAAAA,MAAMC,OAAOI,KAAM;AAAA,IAClCN,QAAS,cAAaC,YAAMC,MAAAA,OAAOc,OAAQ;AAAA,EAC7C;AAAA,EACAC,2BAA2B;AAAA,IACzBZ,YAAa,GAAEJ,YAAAA,MAAMC,OAAOgB,KAAM;AAAA,IAClClB,QAAS,cAAaC,YAAMC,MAAAA,OAAOC,YAAa;AAAA,IAChDC,QAAQ;AAAA,IACR,WAAW;AAAA,MACTC,YAAa,GAAEJ,YAAAA,MAAMC,OAAOgB,KAAM;AAAA,MAClClB,QAAS,cAAaC,YAAMC,MAAAA,OAAOC,YAAa;AAAA,IAClD;AAAA,IAEA,eAAe;AAAA,MACbgB,OAAOlB,YAAAA,MAAMC,OAAOC;AAAAA,IACtB;AAAA,IACA,sBAAsB;AAAA,MACpBgB,OAAOlB,YAAAA,MAAMC,OAAOC;AAAAA,IACtB;AAAA,EACF;AAAA,EACAiB,WAAW;AAAA,IACTC,SAAS;AAAA,IACTvB,OAAO;AAAA,IACPD,UAAU;AAAA,IACVyB,QAAQ;AAAA,IACRlB,QAAQ;AAAA,IAER,cAAc;AAAA,MACZA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAmB,UAAU;AAAA,IACRxB,SAAS;AAAA,IACTyB,QAAS,GAAEvB,YAAAA,MAAMwB,MAAMC,EAAG;AAAA,IAC1BC,WAAW;AAAA,EACb;AAAA,EACAC,oBAAoB;AAAA,IAClB7B,SAAS;AAAA,IACT8B,UAAU;AAAA,IACVL,QAAQ;AAAA,EACV;AAAA,EACAM,kBAAkB;AAAA,IAChBN,QAAQ;AAAA,IACRO,aAAa9B,YAAAA,MAAMwB,MAAMO;AAAAA,EAC3B;AAAA,EACAC,eAAe;AAAA,IACbC,eAAe;AAAA,EACjB;AAAA,EACAC,UAAU;AAAA,IACR,GAAIlC,YAAAA,MAAMmC,WAAWC;AAAAA,EACvB;AAAA,EACAC,iBAAiB;AAAA,IACf,GAAIrC,YAAAA,MAAMmC,WAAWG;AAAAA,EACvB;AACF,CAAC;;;"}

package/dist/cjs/components/FileUploader/File/File.cjs CHANGED Viewed

@@ -8,6 +8,7 @@ const utils = require("../utils.cjs");
 const File_styles = require("./File.styles.cjs");
 const ProgressBar = require("../../ProgressBar/ProgressBar.cjs");
 const Button = require("../../Button/Button.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const getStatusIcon = (classes, status) => {
   switch (status) {
@@ -36,13 +37,14 @@ const getProgressBarWith = ({
   const width = progress != null && size != null ? Math.round(progress * 100 / size) : 0;
   return width;
 };
-const HvFile = ({
-  id,
-  classes: classesProp,
-  data,
-  onFileRemoved,
-  removeFileButtonLabel
-}) => {
+const HvFile = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    data,
+    onFileRemoved,
+    removeFileButtonLabel
+  } = useDefaultProps.useDefaultProps("HvFile", props);
   const {
     classes
   } = File_styles.useClasses(classesProp);

package/dist/cjs/components/FileUploader/File/File.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"File.cjs","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close, Fail, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvProgressBar } from \"@core/components/ProgressBar\";\nimport { cx } from \"@emotion/css\";\nimport { convertUnits } from \"../utils\";\nimport { staticClasses, useClasses } from \"./File.styles\";\n\nexport { staticClasses as fileClasses };\n\nexport type HvFileClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileData extends Omit<File, \"name\" \| \"size\"> {\n /*\n The file id.\n /\n id?: string;\n /\n The file name.\n /\n name?: string;\n /\n The upload status.\n /\n status?: \"progress\" \| \"success\" \| \"fail\";\n /\n The file size in bytes.\n /\n size?: number;\n /\n Upload progress in bytes.\n /\n progress?: number;\n /\n Optional node representing a preview of the uploaded file.\n /\n preview?: React.ReactNode;\n /\n Error message when the upload failed.\n /\n errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n File information to be displayed.\n /\n data: HvFileData;\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved?: HvFileRemovedEvent;\n /\n Value of aria-label to apply to remove file button in file list.\n * /\n removeFileButtonLabel?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n classes?: HvFileClasses,\n status?: HvFileData[\"status\"]\n) => {\n switch (status) {\n case \"success\":\n return <Success className={classes?.icon} color=\"positive\" />;\n case \"fail\":\n return <Fail className={classes?.icon} color=\"negative\" />;\n default:\n return <div className={classes?.icon} />;\n }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n const hasFailed = data.status === \"fail\";\n const inProgress = data.status === \"progress\";\n\n return (\n <>\n {data.progress \|\| data.size \|\| data.errorMessage ? `\\xa0\|\\xa0` : null}\n\n {inProgress && data.progress != null && (\n <HvTypography variant=\"label\">\n {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n </HvTypography>\n )}\n\n {!hasFailed && data.size && (\n <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n )}\n\n {hasFailed && data.errorMessage && (\n <HvTypography className={classes?.fail}>\n {data.errorMessage}\n </HvTypography>\n )}\n </>\n );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n const width =\n progress != null && size != null ? Math.round((progress 100) / size) : 0;\n\n return width;\n};\n\nexport const HvFile = ({\n id,\n classes: classesProp,\n data,\n onFileRemoved,\n removeFileButtonLabel,\n}: ~~HvFileProps)~~ => {\n const { classes } = useClasses(classesProp);\n\n const hasError = data.status === \"fail\";\n\n const inProgress = data.status === \"progress\";\n\n const progressText = getProgressText(data, classes);\n\n const statusIcon = getStatusIcon(classes, data.status);\n\n const currentProgress = getProgressBarWith(data);\n\n return (\n <li className={classes.root}>\n {!hasError && inProgress && (\n <HvProgressBar\n classes={{\n root: classes.progressbar,\n progressBarContainer: cx(\n classes.progressbarContainer,\n classes.progressbarBack\n ),\n }}\n value={currentProgress}\n hideLabel\n />\n )}\n\n {statusIcon}\n\n <HvTypography className={classes.nameText} variant=\"label\">\n {data.name}\n </HvTypography>\n\n <span className={classes.progressTextContainer}>{progressText}</span>\n\n {data.preview && (\n <div className={classes.previewContainer}>{data.preview}</div>\n )}\n\n <HvButton\n id={setId(id, \"remove-button\")}\n aria-label={removeFileButtonLabel}\n className={classes.removeButton}\n onClick={() => onFileRemoved?.(data)}\n icon\n >\n <Close iconSize=\"XS\" />\n </HvButton>\n </li>\n );\n};\n"],"names":["getStatusIcon","classes","status","Success","icon","Fail","jsx","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","HvTypography","convertUnits","fail","getProgressBarWith","width","Math","round","HvFile","id","classesProp","onFileRemoved","removeFileButtonLabel","useClasses","hasError","progressText","statusIcon","currentProgress","jsxs","root","HvProgressBar","progressbar","progressBarContainer","cx","progressbarContainer","progressbarBack","nameText","name","progressTextContainer","preview","previewContainer","HvButton","setId","removeButton","Close"],"mappings":"~~;;;;;;;;;;;AAyEA~~,MAAMA,gBAAgBA,CACpBC,SACAC,WACG;AACH,UAAQA,QAAM;AAAA,IACZ,KAAK;AACH,4CAAQC,gBAAQ,SAAA,EAAA,WAAWF,mCAASG,MAAM,OAAM,WAAa,CAAA;AAAA,IAC/D,KAAK;AACH,4CAAQC,gBAAK,MAAA,EAAA,WAAWJ,mCAASG,MAAM,OAAM,WAAa,CAAA;AAAA,IAC5D;AACE,aAAQE,2BAAAA,IAAA,OAAA,EAAI,WAAWL,mCAASG,KAAQ,CAAA;AAAA,EAC5C;AACF;AAEA,MAAMG,kBAAkBA,CAACC,MAAkBP,YAA4B;AAC/DQ,QAAAA,YAAYD,KAAKN,WAAW;AAC5BQ,QAAAA,aAAaF,KAAKN,WAAW;AAEnC,SAEKM,2BAAAA,KAAAA,qBAAAA,EAAAA,UAAAA;AAAAA,IAAAA,KAAKG,YAAYH,KAAKI,QAAQJ,KAAKK,eAAgB,QAAa;AAAA,IAEhEH,cAAcF,KAAKG,YAAY,QAC7BL,2BAAA,IAAAQ,WAAA,cAAA,EAAa,SAAQ,SAClB,UAAEC,GAAAA,mBAAaP,KAAKG,QAAQ,CAAE,OAClC;AAAA,IAGD,CAACF,aAAaD,KAAKI,QAClBN,2BAAAA,IAACQ,WAAAA,cAAe,EAAA,UAAA,GAAEC,MAAAA,aAAaP,KAAKI,IAAI,CAAE,GAAE,CAAA;AAAA,IAG7CH,aAAaD,KAAKK,gBACjBP,2BAAAA,IAACQ,WAAAA,gBAAa,WAAWb,mCAASe,MAC/BR,UAAAA,KAAKK,aACR,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEA,MAAMI,qBAAqBA,CAAC;AAAA,EAAEL;AAAAA,EAAMD;AAAqB,MAAM;AACvDO,QAAAA,QACJP,YAAY,QAAQC,QAAQ,OAAOO,KAAKC,MAAOT,WAAW,MAAOC,IAAI,IAAI;AAEpEM,SAAAA;AACT;~~AAEO~~,~~MAAMG~~,SAASA,~~CAAC~~;AAAA,~~EACrBC~~;AAAAA,~~EACArB~~,~~SAASsB~~;AAAAA,~~EACTf~~;AAAAA,~~EACAgB~~;AAAAA,~~EACAC~~;~~AACW~~,~~MAAM~~;~~AACX~~,QAAA;AAAA,~~IAAExB~~;AAAAA,EAAAA,~~IAAYyB~~,YAAAA,~~WAAWH~~,WAAW;~~AAEpCI~~,QAAAA,~~WAAWnB~~,KAAKN,WAAW;AAE3BQ,QAAAA,aAAaF,KAAKN,WAAW;~~AAE7B0B~~,QAAAA,~~eAAerB~~,gBAAgBC,MAAMP,OAAO;AAElD,~~QAAM4B~~,~~aAAa7B~~,cAAcC,SAASO,KAAKN,MAAM;AAE/~~C4B~~,QAAAA,~~kBAAkBb~~,mBAAmBT,IAAI;AAE/C,~~SACGuB~~,2BAAAA,KAAA,MAAA,EAAG,~~WAAW9B~~,~~QAAQ+B~~,MACpB,UAAA;AAAA,IAAA,CAACL,~~YAAYjB~~,cACXJ,2BAAA,~~IAAA2B~~,YAAA,eAAA,EACC,SAAS;AAAA,MACPD,~~MAAM/B~~,~~QAAQiC~~;AAAAA,MACdC,sBAAsBC,IAAAA,~~GACpBnC~~,~~QAAQoC~~,~~sBACRpC~~,~~QAAQqC~~,eACV;AAAA,IAEF,GAAA,OAAOR,iBACP,WAAS,KAEZ,CAAA;AAAA,IAEAD;AAAAA,~~IAEDvB~~,2BAAAA,IAACQ,2BAAa,WAAWb,~~QAAQsC~~,UAAU,SAAQ,~~SAChD/B~~,~~eAAKgC~~,KACR,CAAA;AAAA,~~IAEClC~~,2BAAA,IAAA,QAAA,EAAK,WAAWL,~~QAAQwC~~,uBAAwBb,UAAa,cAAA;AAAA,~~IAE7DpB~~,~~KAAKkC~~,~~WACHpC~~,+BAAA,OAAA,EAAI,WAAWL,~~QAAQ0C~~,~~kBAAmBnC~~,~~eAAKkC~~,QAAQ,CAAA;AAAA,~~IAG1DpC~~,2BAAAA,~~IAACsC~~,mBACC,IAAIC,MAAAA,~~MAAMvB~~,IAAI,eAAe,GAC7B,cAAYG,uBACZ,~~WAAWxB~~,~~QAAQ6C~~,cACnB,SAAS,~~MAAMtB~~,+~~CAAgBhB~~,OAC/B,MAAI,MAEJ,UAACF,2BAAA,~~IAAAyC~~,gBAAA,OAAA,EAAM,UAAS,KAAA,CAAI,EACtB,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;;"}
1	+ {"version":3,"file":"File.cjs","sources":["../../../../../src/components/FileUploader/File/File.tsx"],"sourcesContent":["import { Close, Fail, Success } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvProgressBar } from \"@core/components/ProgressBar\";\nimport { cx } from \"@emotion/css\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { convertUnits } from \"../utils\";\nimport { staticClasses, useClasses } from \"./File.styles\";\n\nexport { staticClasses as fileClasses };\n\nexport type HvFileClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileData extends Omit<File, \"name\" \| \"size\"> {\n /*\n The file id.\n /\n id?: string;\n /\n The file name.\n /\n name?: string;\n /\n The upload status.\n /\n status?: \"progress\" \| \"success\" \| \"fail\";\n /\n The file size in bytes.\n /\n size?: number;\n /\n Upload progress in bytes.\n /\n progress?: number;\n /\n Optional node representing a preview of the uploaded file.\n /\n preview?: React.ReactNode;\n /\n Error message when the upload failed.\n /\n errorMessage?: string;\n}\n\nexport type HvFilesAddedEvent = (files: HvFileData[]) => void;\n\nexport type HvFileRemovedEvent = (file: HvFileData) => void;\n\nexport type HvFileProps = {\n /\n Id to be applied to the root node.\n /\n id?: string;\n /\n File information to be displayed.\n /\n data: HvFileData;\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved?: HvFileRemovedEvent;\n /\n Value of aria-label to apply to remove file button in file list.\n * /\n removeFileButtonLabel?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvFileClasses;\n};\n\nconst getStatusIcon = (\n classes?: HvFileClasses,\n status?: HvFileData[\"status\"]\n) => {\n switch (status) {\n case \"success\":\n return <Success className={classes?.icon} color=\"positive\" />;\n case \"fail\":\n return <Fail className={classes?.icon} color=\"negative\" />;\n default:\n return <div className={classes?.icon} />;\n }\n};\n\nconst getProgressText = (data: HvFileData, classes?: HvFileClasses) => {\n const hasFailed = data.status === \"fail\";\n const inProgress = data.status === \"progress\";\n\n return (\n <>\n {data.progress \|\| data.size \|\| data.errorMessage ? `\\xa0\|\\xa0` : null}\n\n {inProgress && data.progress != null && (\n <HvTypography variant=\"label\">\n {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n </HvTypography>\n )}\n\n {!hasFailed && data.size && (\n <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>\n )}\n\n {hasFailed && data.errorMessage && (\n <HvTypography className={classes?.fail}>\n {data.errorMessage}\n </HvTypography>\n )}\n </>\n );\n};\n\nconst getProgressBarWith = ({ size, progress }: HvFileData) => {\n const width =\n progress != null && size != null ? Math.round((progress 100) / size) : 0;\n\n return width;\n};\n\nexport const HvFile = (props: HvFileProps) => {\n const {\n id,\n classes: classesProp,\n data,\n onFileRemoved,\n removeFileButtonLabel,\n } = useDefaultProps(\"HvFile\", props);\n const { classes } = useClasses(classesProp);\n\n const hasError = data.status === \"fail\";\n\n const inProgress = data.status === \"progress\";\n\n const progressText = getProgressText(data, classes);\n\n const statusIcon = getStatusIcon(classes, data.status);\n\n const currentProgress = getProgressBarWith(data);\n\n return (\n <li className={classes.root}>\n {!hasError && inProgress && (\n <HvProgressBar\n classes={{\n root: classes.progressbar,\n progressBarContainer: cx(\n classes.progressbarContainer,\n classes.progressbarBack\n ),\n }}\n value={currentProgress}\n hideLabel\n />\n )}\n\n {statusIcon}\n\n <HvTypography className={classes.nameText} variant=\"label\">\n {data.name}\n </HvTypography>\n\n <span className={classes.progressTextContainer}>{progressText}</span>\n\n {data.preview && (\n <div className={classes.previewContainer}>{data.preview}</div>\n )}\n\n <HvButton\n id={setId(id, \"remove-button\")}\n aria-label={removeFileButtonLabel}\n className={classes.removeButton}\n onClick={() => onFileRemoved?.(data)}\n icon\n >\n <Close iconSize=\"XS\" />\n </HvButton>\n </li>\n );\n};\n"],"names":["getStatusIcon","classes","status","Success","icon","Fail","jsx","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","HvTypography","convertUnits","fail","getProgressBarWith","width","Math","round","HvFile","props","id","classesProp","onFileRemoved","removeFileButtonLabel","useDefaultProps","useClasses","hasError","progressText","statusIcon","currentProgress","jsxs","root","HvProgressBar","progressbar","progressBarContainer","cx","progressbarContainer","progressbarBack","nameText","name","progressTextContainer","preview","previewContainer","HvButton","setId","removeButton","Close"],"mappings":"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"}

package/dist/cjs/components/FileUploader/File/File.styles.cjs CHANGED Viewed

@@ -12,7 +12,7 @@ const {
     top: "-1px"
   },
   progressbarContainer: {
-    height: uikitStyles.theme.fileUploader.file.progressHeight
+    height: "4px"
   },
   progressbarBack: {},
   nameText: {
@@ -33,8 +33,8 @@ const {
   previewContainer: {
     display: "flex",
     margin: `0px ${uikitStyles.theme.space.xs}`,
-    width: uikitStyles.theme.fileUploader.file.previewContainerSize,
-    height: uikitStyles.theme.fileUploader.file.previewContainerSize,
+    width: "48px",
+    height: "48px",
     justifyContent: "center",
     alignItems: "center",
     "& span": {
@@ -45,8 +45,8 @@ const {
       height: "100%"
     },
     "& img": {
-      width: uikitStyles.theme.fileUploader.file.imageSize,
-      height: uikitStyles.theme.fileUploader.file.imageSize,
+      width: "40px",
+      height: "40px",
       objectFit: "cover",
       objectPosition: "center",
       alignSelf: "center"

package/dist/cjs/components/FileUploader/File/File.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"File.styles.cjs","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n root: {},\n progressbar: {\n position: \"absolute\",\n top: \"-1px\",\n },\n progressbarContainer: {\n height: ~~theme.fileUploader.file.progressHeight~~,\n },\n progressbarBack: {},\n nameText: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n },\n progressTextContainer: {\n display: \"flex\",\n flexGrow: 1,\n alignItems: \"center\",\n },\n removeButton: {\n width: 32,\n height: 32,\n margin: `0px ${theme.space.xs}`,\n },\n previewContainer: {\n display: \"flex\",\n margin: `0px ${theme.space.xs}`,\n width: ~~theme.fileUploader.file.previewContainerSize~~,\n height: ~~theme.fileUploader.file.previewContainerSize~~,\n justifyContent: \"center\",\n alignItems: \"center\",\n\n \"& span\": {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n },\n\n \"& img\": {\n width: ~~theme.fileUploader.file.imageSize~~,\n height: ~~theme.fileUploader.file.imageSize~~,\n objectFit: \"cover\",\n objectPosition: \"center\",\n alignSelf: \"center\",\n },\n },\n icon: {\n width: 32,\n height: 32,\n margin: `0px ${theme.space.xs}`,\n },\n fail: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","progressbar","position","top","progressbarContainer","height","~~theme","fileUploader","file","progressHeight","~~progressbarBack","nameText","overflow","textOverflow","whiteSpace","progressTextContainer","display","flexGrow","alignItems","removeButton","width","margin","space","xs","previewContainer","~~previewContainerSize","~~justifyContent","~~imageSize","~~objectFit","objectPosition","alignSelf","icon","fail"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,EACP;AAAA,EACAC,sBAAsB;AAAA,IACpBC,~~QAAQC,YAAMC,MAAAA,aAAaC,KAAKC~~;~~AAAAA~~,~~EAClC~~;AAAA,EACAC,iBAAiB,CAAC;AAAA,EAClBC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,~~IACPf~~,QAAQ;AAAA,~~IACRgB~~,QAAS,~~OAAMf~~,~~YAAMgB~~,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAC,kBAAkB;AAAA,~~IAChBR~~,SAAS;AAAA,IACTK,QAAS,~~OAAMf~~,~~YAAMgB~~,MAAAA,MAAMC,EAAG;AAAA,~~IAC9BH~~,~~OAAOd,YAAMC,MAAAA,aAAaC,KAAKiB~~;~~AAAAA~~,~~IAC/BpB~~,~~QAAQC,YAAMC,MAAAA,aAAaC,KAAKiB~~;~~AAAAA~~,~~IAChCC~~,gBAAgB;AAAA,IAChBR,YAAY;AAAA,IAEZ,UAAU;AAAA,MACRF,SAAS;AAAA,MACTU,gBAAgB;AAAA,MAChBR,YAAY;AAAA,MACZE,OAAO;AAAA,~~MACPf~~,QAAQ;AAAA,IACV;AAAA,IAEA,SAAS;AAAA,~~MACPe~~,~~OAAOd,YAAMC,MAAAA,aAAaC,KAAKmB~~;~~AAAAA~~,~~MAC/BtB~~,~~QAAQC,YAAMC,MAAAA,aAAaC,KAAKmB~~;~~AAAAA~~,~~MAChCC~~,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,~~IACJX~~,OAAO;AAAA,~~IACPf~~,QAAQ;AAAA,~~IACRgB~~,QAAS,~~OAAMf~~,~~YAAMgB~~,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,~~EACAS~~,MAAM,CAAC;AACT,CAAC;;;"}
1	+ {"version":3,"file":"File.styles.cjs","sources":["../../../../../src/components/FileUploader/File/File.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFile\", {\n root: {},\n progressbar: {\n position: \"absolute\",\n top: \"-1px\",\n },\n progressbarContainer: {\n height: \"4px\",\n },\n progressbarBack: {},\n nameText: {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n },\n progressTextContainer: {\n display: \"flex\",\n flexGrow: 1,\n alignItems: \"center\",\n },\n removeButton: {\n width: 32,\n height: 32,\n margin: `0px ${theme.space.xs}`,\n },\n previewContainer: {\n display: \"flex\",\n margin: `0px ${theme.space.xs}`,\n width: \"48px\",\n height: \"48px\",\n justifyContent: \"center\",\n alignItems: \"center\",\n\n \"& span\": {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n },\n\n \"& img\": {\n width: \"40px\",\n height: \"40px\",\n objectFit: \"cover\",\n objectPosition: \"center\",\n alignSelf: \"center\",\n },\n },\n icon: {\n width: 32,\n height: 32,\n margin: `0px ${theme.space.xs}`,\n },\n fail: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","progressbar","position","top","progressbarContainer","height","progressbarBack","nameText","overflow","textOverflow","whiteSpace","progressTextContainer","display","flexGrow","alignItems","removeButton","width","margin","theme","space","xs","previewContainer","justifyContent","objectFit","objectPosition","alignSelf","icon","fail"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,UAAU;AAAA,EACnEC,MAAM,CAAC;AAAA,EACPC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,KAAK;AAAA,EACP;AAAA,EACAC,sBAAsB;AAAA,IACpBC,QAAQ;AAAA,EACV;AAAA,EACAC,iBAAiB,CAAC;AAAA,EAClBC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,uBAAuB;AAAA,IACrBC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACAC,cAAc;AAAA,IACZC,OAAO;AAAA,IACPX,QAAQ;AAAA,IACRY,QAAS,OAAMC,YAAMC,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAC,kBAAkB;AAAA,IAChBT,SAAS;AAAA,IACTK,QAAS,OAAMC,YAAMC,MAAAA,MAAMC,EAAG;AAAA,IAC9BJ,OAAO;AAAA,IACPX,QAAQ;AAAA,IACRiB,gBAAgB;AAAA,IAChBR,YAAY;AAAA,IAEZ,UAAU;AAAA,MACRF,SAAS;AAAA,MACTU,gBAAgB;AAAA,MAChBR,YAAY;AAAA,MACZE,OAAO;AAAA,MACPX,QAAQ;AAAA,IACV;AAAA,IAEA,SAAS;AAAA,MACPW,OAAO;AAAA,MACPX,QAAQ;AAAA,MACRkB,WAAW;AAAA,MACXC,gBAAgB;AAAA,MAChBC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJV,OAAO;AAAA,IACPX,QAAQ;AAAA,IACRY,QAAS,OAAMC,YAAMC,MAAAA,MAAMC,EAAG;AAAA,EAChC;AAAA,EACAO,MAAM,CAAC;AACT,CAAC;;;"}

package/dist/cjs/components/FileUploader/FileList/FileList.cjs CHANGED Viewed

@@ -5,13 +5,15 @@ const useUniqueId = require("../../../hooks/useUniqueId.cjs");
 const setId = require("../../../utils/setId.cjs");
 const FileList_styles = require("./FileList.styles.cjs");
 const File = require("../File/File.cjs");
-const HvFileList = ({
-  id,
-  classes: classesProp,
-  list = [],
-  removeFileButtonLabel,
-  onFileRemoved
-}) => {
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
+const HvFileList = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    list = [],
+    removeFileButtonLabel,
+    onFileRemoved
+  } = useDefaultProps.useDefaultProps("HvFileList", props);
   const {
     classes
   } = FileList_styles.useClasses(classesProp);

package/dist/cjs/components/FileUploader/FileList/FileList.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileList.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport { staticClasses, useClasses } from \"./FileList.styles\";\n\nexport { staticClasses as fileListClasses };\n\nexport type HvFileListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileListProps {\n /*\n Id to be applied to the root node.\n /\n id?: string;\n /\n The files to upload.\n /\n list?: HvFileData[];\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved?: HvFileRemovedEvent;\n /\n Value of aria-label to apply to remove file button in FileList\n * /\n removeFileButtonLabel?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n */\n classes?: HvFileListClasses;\n}\n\nexport const HvFileList = ({\n id,\n classes: classesProp,\n list = [],\n removeFileButtonLabel,\n onFileRemoved,\n}: ~~HvFileListProps)~~ => {\n const { classes } = useClasses(classesProp);\n\n const elementId = useUniqueId(id, \"hvfilelist\");\n\n const hasFiles = list.length > 0;\n if (!hasFiles) return null;\n\n return (\n <ul id={setId(id, \"list\")} className={classes.list}>\n {list.map((data) => (\n <HvFile\n key={data.id}\n classes={{ root: classes?.listItem }}\n id={setId(elementId, \"values\")}\n data={data}\n onFileRemoved={onFileRemoved}\n removeFileButtonLabel={removeFileButtonLabel}\n />\n ))}\n </ul>\n );\n};\n"],"names":["HvFileList","id","classes","classesProp","list","removeFileButtonLabel","onFileRemoved","useClasses","elementId","useUniqueId","hasFiles","length","jsx","setId","map","data","HvFile","root","listItem"],"mappings":"~~;;;;;;;AAkCO~~,~~MAAMA~~,aAAaA,~~CAAC~~;AAAA,~~EACzBC~~;AAAAA,~~EACAC~~,SAASC;AAAAA,~~EACTC~~,OAAO,CAAE;AAAA,~~EACTC~~;AAAAA,~~EACAC~~;~~AACe~~,~~MAAM~~;~~AACf~~,QAAA;AAAA,~~IAAEJ~~;AAAAA,EAAAA,~~IAAYK~~,gBAAAA,~~WAAWJ~~,WAAW;~~AAEpCK~~,QAAAA,YAAYC,YAAAA,~~YAAYR~~,IAAI,YAAY;~~AAExCS~~,QAAAA,~~WAAWN~~,~~KAAKO~~,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,SACGE,2BAAA,IAAA,MAAA,EAAG,IAAIC,MAAAA,~~MAAMZ~~,IAAI,MAAM,GAAG,WAAWC,QAAQE,MAC3CA,~~UAAKU~~,KAAAA,IAAKC,CACT,SAAAH,+BAACI,KAAAA,UAEC,SAAS;AAAA,IAAEC,~~MAAMf~~,~~mCAASgB~~;AAAAA,EAC1B,GAAA,IAAIL,MAAML,MAAAA,WAAW,QAAQ,GAC7B,MACA,eACA,sBALKO,GAAAA,~~KAAKd~~,GAOb,EACH,CAAA;AAEJ;;;"}
1	+ {"version":3,"file":"FileList.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.tsx"],"sourcesContent":["import { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { HvFile, HvFileData, HvFileRemovedEvent } from \"../File\";\nimport { staticClasses, useClasses } from \"./FileList.styles\";\n\nexport { staticClasses as fileListClasses };\n\nexport type HvFileListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileListProps {\n /*\n Id to be applied to the root node.\n /\n id?: string;\n /\n The files to upload.\n /\n list?: HvFileData[];\n /\n Callback fired when file is removed from list.\n /\n onFileRemoved?: HvFileRemovedEvent;\n /\n Value of aria-label to apply to remove file button in FileList\n * /\n removeFileButtonLabel?: string;\n /\n A Jss Object used to override or extend the styles applied to the component.\n */\n classes?: HvFileListClasses;\n}\n\nexport const HvFileList = (props: HvFileListProps) => {\n const {\n id,\n classes: classesProp,\n list = [],\n removeFileButtonLabel,\n onFileRemoved,\n } = useDefaultProps(\"HvFileList\", props);\n const { classes } = useClasses(classesProp);\n\n const elementId = useUniqueId(id, \"hvfilelist\");\n\n const hasFiles = list.length > 0;\n if (!hasFiles) return null;\n\n return (\n <ul id={setId(id, \"list\")} className={classes.list}>\n {list.map((data) => (\n <HvFile\n key={data.id}\n classes={{ root: classes?.listItem }}\n id={setId(elementId, \"values\")}\n data={data}\n onFileRemoved={onFileRemoved}\n removeFileButtonLabel={removeFileButtonLabel}\n />\n ))}\n </ul>\n );\n};\n"],"names":["HvFileList","props","id","classes","classesProp","list","removeFileButtonLabel","onFileRemoved","useDefaultProps","useClasses","elementId","useUniqueId","hasFiles","length","jsx","setId","map","data","HvFile","root","listItem"],"mappings":";;;;;;;;AAmCaA,MAAAA,aAAaA,CAACC,UAA2B;AAC9C,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC,OAAO,CAAE;AAAA,IACTC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,gBAAgB,gBAAA,cAAcP,KAAK;AACjC,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYM,gBAAAA,WAAWL,WAAW;AAEpCM,QAAAA,YAAYC,YAAAA,YAAYT,IAAI,YAAY;AAExCU,QAAAA,WAAWP,KAAKQ,SAAS;AAC/B,MAAI,CAACD;AAAiB,WAAA;AAEtB,SACGE,2BAAA,IAAA,MAAA,EAAG,IAAIC,MAAAA,MAAMb,IAAI,MAAM,GAAG,WAAWC,QAAQE,MAC3CA,UAAKW,KAAAA,IAAKC,CACT,SAAAH,+BAACI,KAAAA,UAEC,SAAS;AAAA,IAAEC,MAAMhB,mCAASiB;AAAAA,EAC1B,GAAA,IAAIL,MAAML,MAAAA,WAAW,QAAQ,GAC7B,MACA,eACA,sBALKO,GAAAA,KAAKf,GAOb,EACH,CAAA;AAEJ;;;"}

package/dist/cjs/components/FileUploader/FileList/FileList.styles.cjs CHANGED Viewed

@@ -21,8 +21,8 @@ const {
     alignItems: "center",
     background: uikitStyles.theme.colors.atmo1,
     padding: `${uikitStyles.theme.space.xs} 0px`,
-    border: uikitStyles.theme.fileUploader.fileList.itemBorder,
-    borderRadius: uikitStyles.theme.fileUploader.fileList.itemBorderRadius
+    border: `1px solid ${uikitStyles.theme.colors.atmo4}`,
+    borderRadius: `0px 0px ${uikitStyles.theme.radii.round} ${uikitStyles.theme.radii.round}`
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/components/FileUploader/FileList/FileList.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileList.styles.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFileList\", {\n list: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: theme.space.xs,\n margin: 0,\n padding: 0,\n marginTop: theme.space.sm,\n listStyle: \"none\",\n },\n listItem: {\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n background: theme.colors.atmo1,\n padding: `${theme.space.xs} 0px`,\n border: theme.~~fileUploader~~.~~fileList.itemBorder,\~~n borderRadius: theme.~~fileUploader~~.~~fileList~~.~~itemBorderRadius,\~~n },\n});\n"],"names":["staticClasses","useClasses","createClasses","list","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","listItem","position","alignItems","background","colors","atmo1","border","~~fileUploader~~","~~fileList~~","~~itemBorder~~","~~borderRadius~~"~~,"itemBorderRadius"~~],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC,EAAG;AAAA,IAC3BY,~~QAAQd~~,~~YAAMe~~,MAAAA,~~aAAaC~~,~~SAASC~~;~~AAAAA~~,~~IACpCC~~,~~cAAclB~~,~~YAAMe~~,~~MAAAA~~,~~aAAaC~~,~~SAASG~~;~~AAAAA~~,~~EAC5C~~;AACF,CAAC;;;"}
1	+ {"version":3,"file":"FileList.styles.cjs","sources":["../../../../../src/components/FileUploader/FileList/FileList.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFileList\", {\n list: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: theme.space.xs,\n margin: 0,\n padding: 0,\n marginTop: theme.space.sm,\n listStyle: \"none\",\n },\n listItem: {\n position: \"relative\",\n display: \"flex\",\n alignItems: \"center\",\n background: theme.colors.atmo1,\n padding: `${theme.space.xs} 0px`,\n border: `1px solid ${theme.colors.atmo4}`,\n borderRadius: `0px 0px ${theme.radii.round} ${theme.radii.round}`,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","list","display","flexDirection","gap","theme","space","xs","margin","padding","marginTop","sm","listStyle","listItem","position","alignItems","background","colors","atmo1","border","atmo4","borderRadius","radii","round"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKC,YAAAA,MAAMC,MAAMC;AAAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,WAAWL,YAAAA,MAAMC,MAAMK;AAAAA,IACvBC,WAAW;AAAA,EACb;AAAA,EACAC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVZ,SAAS;AAAA,IACTa,YAAY;AAAA,IACZC,YAAYX,YAAAA,MAAMY,OAAOC;AAAAA,IACzBT,SAAU,GAAEJ,YAAAA,MAAMC,MAAMC,EAAG;AAAA,IAC3BY,QAAS,aAAYd,YAAMY,MAAAA,OAAOG,KAAM;AAAA,IACxCC,cAAe,WAAUhB,YAAAA,MAAMiB,MAAMC,KAAM,IAAGlB,YAAAA,MAAMiB,MAAMC,KAAM;AAAA,EAClE;AACF,CAAC;;;"}

package/dist/cjs/components/FileUploader/Preview/Preview.cjs CHANGED Viewed

@@ -5,15 +5,17 @@ const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Preview_styles = require("./Preview.styles.cjs");
 const Button = require("../../Button/Button.cjs");
-const HvFileUploaderPreview = ({
-  className,
-  children,
-  classes: classesProp,
-  disableOverlay = false,
-  onUnload,
-  onClick,
-  ...others
-}) => {
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
+const HvFileUploaderPreview = (props) => {
+  const {
+    className,
+    children,
+    classes: classesProp,
+    disableOverlay = false,
+    onUnload,
+    onClick,
+    ...others
+  } = useDefaultProps.useDefaultProps("HvFileUploaderPreview", props);
   const {
     classes,
     cx,

package/dist/cjs/components/FileUploader/Preview/Preview.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Preview.styles\";\n\nexport { staticClasses as fileUploaderPreviewClasses };\n\nexport type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileUploaderPreviewProps\n extends Omit<HvButtonProps, \"children\" \| \"classes\"> {\n /*\n Content that represents the preview of an uploaded file.\n /\n children: React.ReactElement;\n /\n Callback executed when the preview is unmounted.\n \n Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n /\n onUnload?: () => void;\n /\n If `true`, doesn't show an overlay on top of the preview when hovering.\n \n Only applies when `onClick` is set.\n /\n disableOverlay?: boolean;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvFileUploaderPreviewClasses;\n}\n\n/\n The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n className,\n children,\n classes: classesProp,\n disableOverlay = false,\n onUnload,\n onClick,\n ...others\n}: ~~HvFileUploaderPreviewProps)~~ => {\n const { classes, cx, css } = useClasses(classesProp);\n\n useEffect(() => {\n return () => {\n onUnload?.();\n };\n }, [onUnload]);\n\n if (onClick) {\n return (\n <HvButton\n icon\n className={cx(classes.previewButton, className)}\n onClick={onClick}\n {...others}\n >\n {children}\n {!disableOverlay && (\n <div className={classes.overlay} aria-hidden=\"true\">\n <Preview\n className={css({\n position: \"absolute\",\n left: \"50%\",\n top: \"50%\",\n transform: \"translate(-50%, -50%)\",\n display: \"none\",\n })}\n />\n </div>\n )}\n </HvButton>\n );\n }\n\n return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","classesProp","disableOverlay","onUnload","onClick","others","cx","css","useClasses","useEffect","jsxs","HvButton","previewButton","jsx","overlay","Preview","position","left","top","transform","display"],"mappings":"~~;;;;;;;AA0CO~~,~~MAAMA~~,wBAAwBA,~~CAAC~~;AAAA,~~EACpCC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~,SAASC;AAAAA,~~EACTC~~,iBAAiB;AAAA,~~EACjBC~~;AAAAA,~~EACAC~~;AAAAA,~~EACA~~,GAAGC;~~AACuB~~,~~MAAM~~;~~AAC1B~~,QAAA;AAAA,~~IAAEL~~;AAAAA,~~IAASM~~;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,eAAAA,~~WAAWP~~,WAAW;~~AAEnDQ~~,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,~~CAACN~~,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,~~WACGM~~,2BAAA,KAAAC,OAAA,UAAA,EACC,MAAI,MACJ,WAAWL,~~GAAGN~~,~~QAAQY~~,~~eAAed~~,SAAS,GAC9C,SACIO,GAAAA,QAEHN,UAAAA;AAAAA,MAAAA;AAAAA,MACA,CAACG,~~kBACCW~~,2BAAAA,IAAA,OAAA,EAAI,~~WAAWb~~,~~QAAQc~~,SAAS,eAAY,QAC3C,UAAAD,2BAAA,IAACE,gBACC,SAAA,EAAA,WAAWR,IAAI;AAAA,QACbS,UAAU;AAAA,QACVC,MAAM;AAAA,QACNC,KAAK;AAAA,QACLC,WAAW;AAAA,QACXC,SAAS;AAAA,MAAA,CACV,GAAE,EAEP,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;~~AAEOrB~~,SAAAA;AACT;;;"}
1	+ {"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./Preview.styles\";\n\nexport { staticClasses as fileUploaderPreviewClasses };\n\nexport type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileUploaderPreviewProps\n extends Omit<HvButtonProps, \"children\" \| \"classes\"> {\n /*\n Content that represents the preview of an uploaded file.\n /\n children: React.ReactElement;\n /\n Callback executed when the preview is unmounted.\n \n Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n /\n onUnload?: () => void;\n /\n If `true`, doesn't show an overlay on top of the preview when hovering.\n \n Only applies when `onClick` is set.\n /\n disableOverlay?: boolean;\n /\n A Jss Object used to override or extend the styles applied to the component.\n /\n classes?: HvFileUploaderPreviewClasses;\n}\n\n/\n The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = (props: HvFileUploaderPreviewProps) => {\n const {\n className,\n children,\n classes: classesProp,\n disableOverlay = false,\n onUnload,\n onClick,\n ...others\n } = useDefaultProps(\"HvFileUploaderPreview\", props);\n const { classes, cx, css } = useClasses(classesProp);\n\n useEffect(() => {\n return () => {\n onUnload?.();\n };\n }, [onUnload]);\n\n if (onClick) {\n return (\n <HvButton\n icon\n className={cx(classes.previewButton, className)}\n onClick={onClick}\n {...others}\n >\n {children}\n {!disableOverlay && (\n <div className={classes.overlay} aria-hidden=\"true\">\n <Preview\n className={css({\n position: \"absolute\",\n left: \"50%\",\n top: \"50%\",\n transform: \"translate(-50%, -50%)\",\n display: \"none\",\n })}\n />\n </div>\n )}\n </HvButton>\n );\n }\n\n return children;\n};\n"],"names":["HvFileUploaderPreview","props","className","children","classes","classesProp","disableOverlay","onUnload","onClick","others","useDefaultProps","cx","css","useClasses","useEffect","jsxs","HvButton","previewButton","jsx","overlay","Preview","position","left","top","transform","display"],"mappings":";;;;;;;;AA2CaA,MAAAA,wBAAwBA,CAACC,UAAsC;AACpE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,iBAAiB;AAAA,IACjBC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,yBAAyBT,KAAK;AAC5C,QAAA;AAAA,IAAEG;AAAAA,IAASO;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,eAAAA,WAAWR,WAAW;AAEnDS,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACP,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,WACGO,2BAAA,KAAAC,OAAA,UAAA,EACC,MAAI,MACJ,WAAWL,GAAGP,QAAQa,eAAef,SAAS,GAC9C,SACIO,GAAAA,QAEHN,UAAAA;AAAAA,MAAAA;AAAAA,MACA,CAACG,kBACCY,2BAAAA,IAAA,OAAA,EAAI,WAAWd,QAAQe,SAAS,eAAY,QAC3C,UAAAD,2BAAA,IAACE,gBACC,SAAA,EAAA,WAAWR,IAAI;AAAA,QACbS,UAAU;AAAA,QACVC,MAAM;AAAA,QACNC,KAAK;AAAA,QACLC,WAAW;AAAA,QACXC,SAAS;AAAA,MAAA,CACV,GAAE,EAEP,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AAEOtB,SAAAA;AACT;;;"}

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs CHANGED Viewed

@@ -8,8 +8,8 @@ const {
 } = classes.createClasses("HvFileUploaderPreview", {
   previewButton: {
     position: "relative",
-    width: uikitStyles.theme.fileUploader.preview.buttonSize,
-    height: uikitStyles.theme.fileUploader.preview.buttonSize,
+    width: "48px",
+    height: "48px",
     "&:hover *": {
       display: "flex"
     }
@@ -23,9 +23,9 @@ const {
     display: "none",
     justifyContent: "center",
     alignItems: "center",
-    backgroundColor: uikitStyles.theme.fileUploader.preview.overlayColor,
-    opacity: uikitStyles.theme.fileUploader.preview.overlayOpacity,
-    borderRadius: uikitStyles.theme.fileUploader.preview.overlayBorderRadius
+    backgroundColor: uikitStyles.theme.colors.primary_20,
+    opacity: "1",
+    borderRadius: uikitStyles.theme.radii.base
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Preview.styles.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvFileUploaderPreview\",\n {\n previewButton: {\n position: \"relative\",\n width: ~~theme.fileUploader.preview.buttonSize~~,\n height: ~~theme.fileUploader.preview.buttonSize~~,\n \"&:hover *\": {\n display: \"flex\",\n },\n },\n overlay: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n display: \"none\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: theme.~~fileUploader~~.~~preview.overlayColor~~,\n opacity: ~~theme.fileUploader.preview.overlayOpacity~~,\n borderRadius: theme.~~fileUploader~~.~~preview.overlayBorderRadius~~,\n },\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","previewButton","position","width","~~theme","fileUploader","preview","buttonSize","~~height","display","overlay","top","bottom","left","right","justifyContent","alignItems","backgroundColor","~~overlayColor~~","~~opacity~~","~~overlayOpacity~~","borderRadius","~~overlayBorderRadius~~"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,yBACA;AAAA,EACEC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,~~OAAOC,YAAMC,MAAAA,aAAaC,QAAQC~~;~~AAAAA~~,~~IAClCC~~,~~QAAQJ,YAAMC,MAAAA,aAAaC,QAAQC~~;~~AAAAA~~,~~IACnC~~,aAAa;AAAA,~~MACXE~~,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,~~IACPR~~,UAAU;AAAA,~~IACVS~~,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPL,SAAS;AAAA,IACTM,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,~~iBAAiBb~~,~~YAAMC~~,~~MAAAA~~,~~aAAaC,QAAQY~~;AAAAA,~~IAC5CC~~,~~SAASf,YAAMC,MAAAA,aAAaC,QAAQc~~;~~AAAAA~~,~~IACpCC~~,~~cAAcjB~~,~~YAAMC~~,~~MAAAA~~,~~aAAaC,QAAQgB~~;AAAAA,~~EAC3C~~;AACF,CACF;;;"}
1	+ {"version":3,"file":"Preview.styles.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvFileUploaderPreview\",\n {\n previewButton: {\n position: \"relative\",\n width: \"48px\",\n height: \"48px\",\n \"&:hover *\": {\n display: \"flex\",\n },\n },\n overlay: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n display: \"none\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: theme.colors.primary_20,\n opacity: \"1\",\n borderRadius: theme.radii.base,\n },\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","previewButton","position","width","height","display","overlay","top","bottom","left","right","justifyContent","alignItems","backgroundColor","theme","colors","primary_20","opacity","borderRadius","radii","base"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,yBACA;AAAA,EACEC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACR,aAAa;AAAA,MACXC,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPJ,UAAU;AAAA,IACVK,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPL,SAAS;AAAA,IACTM,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,SAAS;AAAA,IACTC,cAAcJ,YAAAA,MAAMK,MAAMC;AAAAA,EAC5B;AACF,CACF;;;"}

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs CHANGED Viewed

@@ -4,6 +4,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const FilterGroupContext = require("../FilterGroupContext.cjs");
 const Counter_styles = require("./Counter.styles.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   var _a;
   let total = 0;
@@ -15,11 +16,12 @@ const getExistingFiltersById = (idx, filterValues, filterOptions) => {
   });
   return total;
 };
-const HvFilterGroupCounter = ({
-  className,
-  id,
-  classes: classesProp
-}) => {
+const HvFilterGroupCounter = (props) => {
+  const {
+    className,
+    id,
+    classes: classesProp
+  } = useDefaultProps.useDefaultProps("HvFilterGroupCounter", props);
   const {
     classes,
     cx

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Counter.cjs","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../types\";\n\nexport { staticClasses as filterGroupCounterClasses };\n\nexport type HvFilterGroupCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupCounterProps {\n className?: string;\n id?: string;\n classes?: HvFilterGroupCounterClasses;\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 classes: classesProp,\n}: ~~HvFilterGroupCounterProps)~~ => {\n const { classes, cx } = useClasses(classesProp);\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 .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 <div className={cx(classes.root, className)}>\n {partialCounter > 0 ? (\n <p className={classes.partialCounter}>{partialCounter}</p>\n ) : (\n partialCounter\n )}\n {` / ${totalCounter}`}\n </div>\n );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","classesProp","cx","useClasses","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","jsx"],"mappings":"~~;;;;;;AAkBA~~,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~~;AAAAA,~~EACAG~~,SAASC;~~AACgB~~,~~MAAM~~;~~AACzB~~,QAAA;AAAA,~~IAAED~~;AAAAA,~~IAASE~~;AAAAA,EAAAA,IAAOC,eAAAA,~~WAAWF~~,WAAW;AACxC,QAAA;AAAA,~~IACJX~~;AAAAA,IACAD,eAAe,CAAE;AAAA,~~IACjBe~~,iBAAiB,CAAA;AAAA,EAAA,IACfC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEnC,QAAMC,~~UACJV~~,MAAMP,cAAcK,~~KAAMa~~,CAAAA,WAAWA,~~OAAOX~~,OAAOA,EAAE,IAChD,CACCP,cAAcK,~~KAAMa~~,CAAAA,WAAWA,~~OAAOX~~,OAAOA,EAAE,CAAC,IAElDP;AACN,~~QAAMmB~~,~~YAAYnB~~,~~cAAcoB~~,UAAWF,CAAWA,WAAAA,~~OAAOX~~,OAAOA,EAAE;AAEtE,~~MAAIc~~,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,~~EACnCtB~~,QAAQ,~~CAACuB~~,IAAIC,MAAM;~~AACD7B~~,qBAAAA,~~uBAAuB6B~~,~~GAAG3B~~,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,~~QAAM2B~~,~~iBAAiBpB~~,KACnBV,~~uBAAuBsB~~,~~WAAWpB~~,cAAcC,aAAa,KAAK,~~IAClEqB~~;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,~~OAAOd~~,~~KAAK2B~~,QACnC,CACF;AAEA,yCACG,OAAI,EAAA,WAAWnB,~~GAAGF~~,~~QAAQsB~~,~~MAAMvB~~,SAAS,~~GACvCkB~~,UAAAA;AAAAA,IAAAA,iBAAiB,IACfM,+BAAA,KAAA,EAAE,~~WAAWvB~~,~~QAAQiB~~,gBAAiBA,0BAAe,IAEtDA;AAAAA,IAEA,MAAKC,YAAa;AAAA,EACtB,EAAA,CAAA;AAEJ;;;"}
1	+ {"version":3,"file":"Counter.cjs","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../types\";\n\nexport { staticClasses as filterGroupCounterClasses };\n\nexport type HvFilterGroupCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupCounterProps {\n className?: string;\n id?: string;\n classes?: HvFilterGroupCounterClasses;\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 = (props: HvFilterGroupCounterProps) => {\n const {\n className,\n id,\n classes: classesProp,\n } = useDefaultProps(\"HvFilterGroupCounter\", props);\n const { classes, cx } = useClasses(classesProp);\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 .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 <div className={cx(classes.root, className)}>\n {partialCounter > 0 ? (\n <p className={classes.partialCounter}>{partialCounter}</p>\n ) : (\n partialCounter\n )}\n {` / ${totalCounter}`}\n </div>\n );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","props","className","classes","classesProp","useDefaultProps","cx","useClasses","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","jsx"],"mappings":";;;;;;;AAmBA,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;AAEaO,MAAAA,uBAAuBA,CAACC,UAAqC;AAClE,QAAA;AAAA,IACJC;AAAAA,IACAH;AAAAA,IACAI,SAASC;AAAAA,EAAAA,IACPC,gBAAgB,gBAAA,wBAAwBJ,KAAK;AAC3C,QAAA;AAAA,IAAEE;AAAAA,IAASG;AAAAA,EAAAA,IAAOC,eAAAA,WAAWH,WAAW;AACxC,QAAA;AAAA,IACJZ;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBiB,iBAAiB,CAAA;AAAA,EAAA,IACfC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEnC,QAAMC,UACJZ,MAAMP,cAAcK,KAAMe,CAAAA,WAAWA,OAAOb,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMe,CAAAA,WAAWA,OAAOb,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMqB,YAAYrB,cAAcsB,UAAWF,CAAWA,WAAAA,OAAOb,OAAOA,EAAE;AAEtE,MAAIgB,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCxB,QAAQ,CAACyB,IAAIC,MAAM;AACD/B,qBAAAA,uBAAuB+B,GAAG7B,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAM6B,iBAAiBtB,KACnBV,uBAAuBwB,WAAWtB,cAAcC,aAAa,KAAK,IAClEuB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOhB,KAAK6B,QACnC,CACF;AAEA,yCACG,OAAI,EAAA,WAAWnB,GAAGH,QAAQuB,MAAMxB,SAAS,GACvCmB,UAAAA;AAAAA,IAAAA,iBAAiB,IACfM,+BAAA,KAAA,EAAE,WAAWxB,QAAQkB,gBAAiBA,0BAAe,IAEtDA;AAAAA,IAEA,MAAKC,YAAa;AAAA,EACtB,EAAA,CAAA;AAEJ;;;"}

package/dist/cjs/components/FilterGroup/Counter/Counter.styles.cjs CHANGED Viewed

@@ -13,7 +13,7 @@ const {
   },
   partialCounter: {
     display: "inline-block",
-    fontWeight: uikitStyles.theme.filterGroup.partialCounterFontWeight
+    fontWeight: uikitStyles.theme.fontWeights.normal
   }
 });
 exports.staticClasses = staticClasses;