@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

package/dist/modern/Dropdown/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","withStyles","makeStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { withStyles, makeStyles, useTheme } from \"@material-ui/core\";\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")}px - ${theme.spacing(\n            \"sm\"\n          )}px)`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":"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"}
+{"version":3,"file":"List.js","names":["React","useContext","useEffect","useMemo","useState","clsx","PropTypes","isNil","makeStyles","withStyles","useTheme","setId","HvActionBar","HvButton","HvCheckBox","HvList","HvInput","HvTypography","getSelected","styles","BaseDropdownContext","clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","theme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","hasSelection","allSelect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","dropdownListContainer","propTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","name"],"sources":["../../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { makeStyles, withStyles, useTheme } from \"@mui/styles\";\n\nimport { setId } from \"../../utils\";\nimport { HvActionBar, HvButton, HvCheckBox, HvList, HvInput, HvTypography } from \"../..\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values) => !isNil(values) && values?.length > 0;\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  virtualized = false,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [list, setList] = useState(clone(values));\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const { width, height } = useContext(BaseDropdownContext);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter(({ searchValue, label, value }) => {\n          let stringValue = \"\";\n          if (typeof searchValue === \"string\" || searchValue instanceof String) {\n            stringValue = searchValue.toLowerCase();\n          } else if (typeof label === \"string\" || label instanceof String) {\n            stringValue = label.toLowerCase();\n          } else if (typeof value === \"string\" || value instanceof String) {\n            stringValue = value.toLowerCase();\n          }\n\n          return stringValue.indexOf(str.toLowerCase()) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const { applyLabel, cancelLabel } = labels;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          category=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"actions-cancel\")} onClick={onCancel} category=\"ghost\">\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  const maxSizeClasses = useMemo(\n    () =>\n      makeStyles({\n        root: {\n          ...(dropdownHeight && { height: dropdownHeight }),\n          maxWidth: width,\n          maxHeight: `calc(${height}px - 32px - ${theme.spacing(\"xs\")} - ${theme.spacing(\"sm\")})`,\n          overflow: \"auto\",\n          padding: 5,\n        },\n        virtualized: {\n          maxWidth: \"inherit\",\n          maxHeight: \"inherit\",\n          overflow: \"inherit\",\n          padding: 0,\n        },\n      }),\n    [width, height, dropdownHeight, theme]\n  )();\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                classes.dropdownListContainer,\n                dropdownHeight && maxSizeClasses.root,\n                virtualized && maxSizeClasses.virtualized\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: PropTypes.func,\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height: PropTypes.number,\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,SAA5B,EAAuCC,OAAvC,EAAgDC,QAAhD,QAAgE,OAAhE;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,cAAlB;AACA,SAASC,UAAT,EAAqBC,UAArB,EAAiCC,QAAjC,QAAiD,aAAjD;AAEA,SAASC,KAAT,QAAsB,aAAtB;AACA,SAASC,WAAT,EAAsBC,QAAtB,EAAgCC,UAAhC,EAA4CC,MAA5C,EAAoDC,OAApD,EAA6DC,YAA7D,QAAiF,OAAjF;AACA,SAASC,WAAT,QAA4B,UAA5B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,mBAAP,MAAgC,wCAAhC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;AACA,MAAMC,KAAK,GAAIC,MAAD,IAAYA,MAAM,CAACC,GAAP,CAAYC,KAAD,sBAAiBA,KAAjB,CAAX,CAA1B;AAEA;AACA;AACA;;;AACA,MAAMC,WAAW,GAAIC,GAAD,IAASA,GAAG,CAACH,GAAJ,CAASI,IAAD,oCAAgBA,IAAhB;EAAsBC,QAAQ,EAAE;AAAhC,EAAR,CAA7B;;AAEA,MAAMC,WAAW,GAAIP,MAAD,IAAY,CAACf,KAAK,CAACe,MAAD,CAAN,IAAkB,CAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEQ,MAAR,IAAiB,CAAnE;;AAEA,MAAMC,IAAI,GAAG,QAeP;EAAA,IAfQ;IACZC,EADY;IAEZC,OAFY;IAGZX,MAAM,GAAG,EAHG;IAIZY,WAAW,GAAG,KAJF;IAKZC,UAAU,GAAG,KALD;IAMZC,QANY;IAOZC,QAPY;IAQZC,MARY;IASZC,0BAA0B,GAAG,KATjB;IAUZC,WAAW,GAAG,KAVF;IAWZC,qBAXY;IAYZC,MAAM,EAAEC,cAZI;IAaZC,WAAW,GAAG;EAbF,CAeR;EAAA,IADDC,MACC;;EACJ,MAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4B3C,QAAQ,CAAC,EAAD,CAA1C;EACA,MAAM,CAAC4C,IAAD,EAAOC,OAAP,IAAkB7C,QAAQ,CAACiB,KAAK,CAACC,MAAD,CAAN,CAAhC;EACA,MAAM,CAAC4B,WAAD,EAAcC,cAAd,IAAgC/C,QAAQ,CAAC,KAAD,CAA9C;EACA,MAAM,CAACgD,WAAD,EAAcC,cAAd,IAAgCjD,QAAQ,CAAC,KAAD,CAA9C;EACA,MAAM;IAAEkD,KAAF;IAASZ;EAAT,IAAoBzC,UAAU,CAACmB,mBAAD,CAApC;EACA,MAAMmC,KAAK,GAAG7C,QAAQ,EAAtB;EAEA,MAAM8C,SAAS,GAAG;IAChBC,SAAS,EAAEnB,MAAM,CAACmB,SADF;IAEhBC,oBAAoB,EAAEpB,MAAM,CAACqB;EAFb,CAAlB;EAKA;AACF;AACA;;EACE,MAAMC,eAAe,GAAIC,UAAD,IAAgB;IACtC,IAAI,CAACA,UAAL,EAAiB;IACjB,MAAMC,WAAW,GAAG5C,WAAW,CAAC2C,UAAD,CAAX,CAAwB/B,MAA5C;IACA,MAAMiC,YAAY,GAAGD,WAAW,GAAG,CAAnC;IACA,MAAME,SAAS,GAAGF,WAAW,KAAKD,UAAU,CAAC/B,MAA7C;IAEAuB,cAAc,CAACU,YAAD,CAAd;IACAZ,cAAc,CAACY,YAAY,IAAIC,SAAjB,CAAd;EACD,CARD;EAUA;AACF;AACA;;;EACE9D,SAAS,CAAC,MAAM;IACd,IAAI,CAAC2B,WAAW,CAACP,MAAD,CAAhB,EAA0B;IAC1B2B,OAAO,CAAC5B,KAAK,CAACC,MAAD,CAAN,CAAP;IACAsC,eAAe,CAACtC,MAAD,CAAf;;IACA,IAAIiB,0BAAJ,EAAgC;MAC9BH,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGd,MAAH,EAAW,KAAX,EAAkB,KAAlB,EAAyB,IAAzB,CAAR;IACD,CANa,CAOd;;EACD,CARQ,EAQN,CAACA,MAAD,CARM,CAAT;EAUA;AACF;AACA;AACA;AACA;;EACE,MAAM2C,YAAY,GAAIC,GAAD,IAAS;IAC5B,MAAMC,OAAO,GAAGnB,IAAI,GAChBA,IAAI,CAACoB,MAAL,CAAY,CAAC;MAAEC,WAAF;MAAeC,KAAf;MAAsB9C;IAAtB,CAAD,KAAmC;MAC7C,IAAI+C,WAAW,GAAG,EAAlB;;MACA,IAAI,OAAOF,WAAP,KAAuB,QAAvB,IAAmCA,WAAW,YAAYG,MAA9D,EAAsE;QACpED,WAAW,GAAGF,WAAW,CAACI,WAAZ,EAAd;MACD,CAFD,MAEO,IAAI,OAAOH,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,YAAYE,MAAlD,EAA0D;QAC/DD,WAAW,GAAGD,KAAK,CAACG,WAAN,EAAd;MACD,CAFM,MAEA,IAAI,OAAOjD,KAAP,KAAiB,QAAjB,IAA6BA,KAAK,YAAYgD,MAAlD,EAA0D;QAC/DD,WAAW,GAAG/C,KAAK,CAACiD,WAAN,EAAd;MACD;;MAED,OAAOF,WAAW,CAACG,OAAZ,CAAoBR,GAAG,CAACO,WAAJ,EAApB,KAA0C,CAAjD;IACD,CAXD,CADgB,GAahB,IAbJ;;IAeA,IAAI,CAAClE,KAAK,CAAC4D,OAAD,CAAV,EAAqB;MACnB,MAAMQ,OAAO,GAAG3B,IAAI,CAACzB,GAAL,CAAUqD,IAAD,IAAU;QACjC,MAAMC,QAAQ,GAAGV,OAAO,CAACW,IAAR,CAAcC,MAAD,IAAYA,MAAM,CAACT,KAAP,KAAiBM,IAAI,CAACN,KAA/C,CAAjB;QACA,uCAAYM,IAAZ;UAAkBhD,QAAQ,EAAE,CAACiD;QAA7B;MACD,CAHe,CAAhB;MAKA5B,OAAO,CAAC0B,OAAD,CAAP;MACA5B,YAAY,CAACmB,GAAD,CAAZ;IACD;;IACD,OAAOA,GAAP;EACD,CA1BD;EA4BA;AACF;AACA;AACA;AACA;;;EACE,MAAMc,YAAY,GAAG,mBACnB;IAAK,SAAS,EAAE/C,OAAO,CAACgD,eAAxB;IAAA,uBACE,KAAC,OAAD;MACE,EAAE,EAAEtE,KAAK,CAACqB,EAAD,EAAK,QAAL,CADX;MAEE,IAAI,EAAC,QAFP;MAGE,KAAK,EAAEc,SAHT;MAIE,WAAW,EAAER,MAAM,CAAC4C,iBAJtB;MAKE,QAAQ,EAAE,CAACC,KAAD,EAAQjB,GAAR,KAAgBD,YAAY,CAACC,GAAD;IALxC;EADF,EADF;EAYA;AACF;AACA;AACA;;;EACE,MAAMkB,eAAe,GAAG,MAAM;IAC5B,MAAMT,OAAO,GAAG3B,IAAI,CAACzB,GAAL,CAAUqD,IAAD,oCAAgBA,IAAhB;MAAsBS,QAAQ,EAAE,CAACjC;IAAjC,EAAT,CAAhB;IACAH,OAAO,CAAC0B,OAAD,CAAP;IACAf,eAAe,CAACe,OAAD,CAAf;EACD,CAJD;EAMA;AACF;AACA;AACA;AACA;;;EACE,MAAMW,eAAe,GAAG,MAAM;IAC5B,MAAM;MAAE7B,SAAF;MAAaE;IAAb,IAA2CrB,MAAjD;IACA,MAAMwB,WAAW,GAAG5C,WAAW,CAAC8B,IAAD,CAAX,CAAkBlB,MAAtC;;IAEA,MAAMyD,YAAY,gBAChB,KAAC,YAAD;MAAc,SAAS,EAAC,MAAxB;MAAA,UACGzB,WAAW,GAAG,CAAd,gBACC;QAAA,wBACE;UAAA,UAAIA;QAAJ,EADF,EAEI,IAAGH,yBAA0B,IAAGX,IAAI,CAAClB,MAAO,EAFhD;MAAA,EADD,gBAMC;QAAA,wBACE;UAAA,UAAI2B;QAAJ,EADF,EAEI,KAAIT,IAAI,CAAClB,MAAO,GAFpB;MAAA;IAPJ,EADF;;IAgBA,oBACE;MAAK,SAAS,EAAEG,OAAO,CAACuD,kBAAxB;MAAA,uBACE,KAAC,UAAD;QACE,EAAE,EAAE7E,KAAK,CAACqB,EAAD,EAAK,YAAL,CADX;QAEE,KAAK,EAAEuD,YAFT;QAGE,QAAQ,EAAE,MAAMH,eAAe,EAHjC;QAIE,OAAO,EAAE;UAAEK,SAAS,EAAExD,OAAO,CAACyD;QAArB,CAJX;QAKE,SAAS,EAAEzD,OAAO,CAACwB,SALrB;QAME,aAAa,EAAEL,WAAW,IAAI,CAACF,WANjC;QAOE,OAAO,EAAEA;MAPX;IADF,EADF;EAaD,CAjCD;EAmCA;AACF;AACA;AACA;AACA;;;EACE,MAAMyC,WAAW,GAAI9B,UAAD,IAAgB;IAClC,IAAI,CAAC3B,WAAL,EAAkB;MAChBE,QAAQ,CAACX,WAAW,CAACoC,UAAD,CAAZ,EAA0B,IAA1B,EAAgC,IAAhC,EAAsC,IAAtC,CAAR;IACD,CAFD,MAEO;MACLD,eAAe,CAACC,UAAD,CAAf;MACAZ,OAAO,CAAC5B,KAAK,CAACwC,UAAD,CAAN,CAAP;IACD;EACF,CAPD;EASA;AACF;AACA;;;EACE,MAAM+B,aAAa,GAAG,MAAM;IAC1B,MAAM;MAAEC,UAAF;MAAcC;IAAd,IAA8BxD,MAApC;IACA,oBACE,MAAC,WAAD;MAAa,EAAE,EAAE3B,KAAK,CAACqB,EAAD,EAAK,SAAL,CAAtB;MAAA,wBACE,KAAC,QAAD;QACE,EAAE,EAAErB,KAAK,CAACqB,EAAD,EAAK,eAAL,CADX;QAEE,OAAO,EAAE,MAAMI,QAAQ,CAACX,WAAW,CAACuB,IAAD,CAAZ,EAAoB,IAApB,EAA0B,IAA1B,EAAgC,IAAhC,CAFzB;QAGE,QAAQ,EAAC,OAHX;QAAA,UAKG6C;MALH,EADF,eAQE,KAAC,QAAD;QAAU,EAAE,EAAElF,KAAK,CAACqB,EAAD,EAAK,gBAAL,CAAnB;QAA2C,OAAO,EAAEK,QAApD;QAA8D,QAAQ,EAAC,OAAvE;QAAA,UACGyD;MADH,EARF;IAAA,EADF;EAcD,CAhBD;;EAkBA,MAAMC,QAAQ,GAAGlE,WAAW,CAACP,MAAD,CAA5B;EAEA,MAAM0E,cAAc,GAAG7F,OAAO,CAC5B,MACEK,UAAU,CAAC;IACTyF,IAAI,kCACEtD,cAAc,IAAI;MAAED,MAAM,EAAEC;IAAV,CADpB;MAEFuD,QAAQ,EAAE5C,KAFR;MAGF6C,SAAS,EAAG,QAAOzD,MAAO,eAAca,KAAK,CAAC6C,OAAN,CAAc,IAAd,CAAoB,MAAK7C,KAAK,CAAC6C,OAAN,CAAc,IAAd,CAAoB,GAHnF;MAIFC,QAAQ,EAAE,MAJR;MAKFC,OAAO,EAAE;IALP,EADK;IAQT1D,WAAW,EAAE;MACXsD,QAAQ,EAAE,SADC;MAEXC,SAAS,EAAE,SAFA;MAGXE,QAAQ,EAAE,SAHC;MAIXC,OAAO,EAAE;IAJE;EARJ,CAAD,CAFgB,EAiB5B,CAAChD,KAAD,EAAQZ,MAAR,EAAgBC,cAAhB,EAAgCY,KAAhC,CAjB4B,CAAP,EAAvB;EAoBA,oBACE;IAAK,SAAS,EAAEtB,OAAO,CAACsE,QAAxB;IAAA,wBACE;MAAK,SAAS,EAAEtE,OAAO,CAACuE;IAAxB,EADF,eAEE;MAAK,SAAS,EAAEvE,OAAO,CAACwE,aAAxB;MAAA,WACGtE,UAAU,IAAI6C,YAAY,EAD7B,EAEGe,QAAQ,IAAI7D,WAAZ,IAA2BoD,eAAe,EAF7C,EAGGS,QAAQ,iBACP,KAAC,MAAD;QACE,EAAE,EAAEpF,KAAK,CAACqB,EAAD,EAAK,MAAL,CADX;QAEE,OAAO,EAAE;UACPiE,IAAI,EAAE5F,IAAI,CACR4B,OAAO,CAACyE,qBADA,EAER/D,cAFQ,IAEUqD,cAAc,CAACC,IAFzB,EAGRrD,WAHQ,IAGOoD,cAAc,CAACpD,WAHtB;QADH,CAFX;QASE,MAAM,EAAEI,IATV;QAUE,WAAW,EAAEd,WAVf;QAWE,WAAW,EAAEA,WAXf;QAYE,aAAa,EAAE,KAZjB;QAaE,QAAQ,EAAEyD,WAbZ;QAcE,MAAM,EAAEnC,SAdV;QAeE,WAAW,EAAEhB,WAff;QAgBE,UAAU,MAhBZ;QAiBE,SAAS,MAjBX;QAkBE,qBAAqB,EAAEC,qBAlBzB;QAmBE,MAAM,EAAEE,cAnBV;QAoBE,WAAW,EAAEC;MApBf,GAqBMC,MArBN,EAJJ;IAAA,EAFF,EA+BGkD,QAAQ,IAAI7D,WAAZ,GAA0B0D,aAAa,EAAvC,GAA4C,IA/B/C;EAAA,EADF;AAmCD,CAtPD;;AAwPA,wCAAA7D,IAAI,CAAC4E,SAAL,GAAiB;EACf;AACF;AACA;EACE3E,EAAE,EAAE1B,SAAS,CAACsG,MAAV,CAAiBC,UAJN;;EAKf;AACF;AACA;EACE5E,OAAO,EAAE3B,SAAS,CAACwG,UAAV,CAAqBC,MAArB,EAA6BF,UARvB;;EASf;AACF;AACA;EACEvF,MAAM,EAAEhB,SAAS,CAACwG,UAAV,CAAqBE,KAArB,CAZO;;EAaf;AACF;AACA;EACE9E,WAAW,EAAE5B,SAAS,CAAC2G,IAhBR;;EAiBf;AACF;AACA;EACE9E,UAAU,EAAE7B,SAAS,CAAC2G,IApBP;;EAqBf;AACF;AACA;AACA;EACE7E,QAAQ,EAAE9B,SAAS,CAAC4G,IAzBL;;EA0Bf;AACF;AACA;EACE7E,QAAQ,EAAE/B,SAAS,CAAC4G,IA7BL;;EA8Bf;AACF;AACA;EACE5E,MAAM,EAAEhC,SAAS,CAACwG,UAAV,CAAqBC,MAArB,EAA6BF,UAjCtB;;EAkCf;AACF;AACA;EACEtE,0BAA0B,EAAEjC,SAAS,CAAC2G,IArCvB;;EAsCf;AACF;AACA;EACEzE,WAAW,EAAElC,SAAS,CAAC2G,IAzCR;;EA0Cf;AACF;AACA;EACExE,qBAAqB,EAAEnC,SAAS,CAAC2G,IAAV,CAAeJ,UA7CvB;;EA8Cf;AACF;AACA;EACEnE,MAAM,EAAEpC,SAAS,CAAC6G,MAjDH;;EAkDf;AACF;AACA;EACEvE,WAAW,EAAEtC,SAAS,CAAC2G;AArDR,CAAjB;AAwDA,eAAexG,UAAU,CAACU,MAAD,EAAS;EAAEiG,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CrF,IAA/C,CAAf"}

package/dist/modern/EmptyState/EmptyState.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvEmptyStateClassKey =
   | "root"

package/dist/modern/EmptyState/EmptyState.js

@@ -1,18 +1,26 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "title", "message", "action", "icon"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import HvTypography from "../Typography";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
-const renderNode = (node, className, variant) => node && /*#__PURE__*/React.createElement(HvTypography, {
+const renderNode = (node, className, variant) => node && /*#__PURE__*/_jsx(HvTypography, {
   component: "div",
   className: className,
-  variant: variant
-}, node);
+  variant: variant,
+  children: node
+});
 /**
  * Empty states communicate that there’s no information, data or values to display in a given context.
  */
@@ -29,15 +37,20 @@ const EmptyState = props => {
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root)
-  }, others), /*#__PURE__*/React.createElement("div", {
-    className: clsx(classes.container, message && !(title || action) && classes.containerMessageOnly)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.iconContainer
-  }, icon), /*#__PURE__*/React.createElement("div", {
-    className: classes.textContainer
-  }, renderNode(title, classes.titleContainer, "xxsTitle"), renderNode(message, classes.messageContainer, "normalText"), renderNode(action, classes.actionContainer, "normalText"))));
+  }, others), {}, {
+    children: /*#__PURE__*/_jsxs("div", {
+      className: clsx(classes.container, message && !(title || action) && classes.containerMessageOnly),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: classes.iconContainer,
+        children: icon
+      }), /*#__PURE__*/_jsxs("div", {
+        className: classes.textContainer,
+        children: [renderNode(title, classes.titleContainer, "xxsTitle"), renderNode(message, classes.messageContainer, "normalText"), renderNode(action, classes.actionContainer, "normalText")]
+      })]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? EmptyState.propTypes = {

package/dist/modern/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":["React","clsx","PropTypes","withStyles","HvTypography","styles","renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","string","shape","isRequired","element","name"],"sources":["../../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <HvTypography component=\"div\" className={className} variant={variant}>\n      {node}\n    </HvTypography>\n  );\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !(title || action),\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"xxsTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,UAAU,GAAG,CAACC,IAAD,EAAOC,SAAP,EAAkBC,OAAlB,KACjBF,IAAI,iBACF,oBAAC,YAAD;EAAc,SAAS,EAAC,KAAxB;EAA8B,SAAS,EAAEC,SAAzC;EAAoD,OAAO,EAAEC;AAA7D,GACGF,IADH,CAFJ;AAOA;AACA;AACA;;;AACA,MAAMG,UAAU,GAAIC,KAAD,IAAW;EAC5B,MAAM;IAAEC,OAAF;IAAWJ,SAAX;IAAsBK,KAAtB;IAA6BC,OAA7B;IAAsCC,MAAtC;IAA8CC;EAA9C,IAAkEL,KAAxE;EAAA,MAA6DM,MAA7D,4BAAwEN,KAAxE;;EACA,oBACE;IAAK,SAAS,EAAEV,IAAI,CAACO,SAAD,EAAYI,OAAO,CAACM,IAApB;EAApB,GAAmDD,MAAnD,gBACE;IACE,SAAS,EAAEhB,IAAI,CAACW,OAAO,CAACO,SAAT,EACmBL,OADnB,IAC8B,EAAED,KAAK,IAAIE,MAAX,CAD9B,IACZH,OAAO,CAACQ,oBADI;EADjB,gBAKE;IAAK,SAAS,EAAER,OAAO,CAACS;EAAxB,GAAwCL,IAAxC,CALF,eAME;IAAK,SAAS,EAAEJ,OAAO,CAACU;EAAxB,GACGhB,UAAU,CAACO,KAAD,EAAQD,OAAO,CAACW,cAAhB,EAAgC,UAAhC,CADb,EAEGjB,UAAU,CAACQ,OAAD,EAAUF,OAAO,CAACY,gBAAlB,EAAoC,YAApC,CAFb,EAGGlB,UAAU,CAACS,MAAD,EAASH,OAAO,CAACa,eAAjB,EAAkC,YAAlC,CAHb,CANF,CADF,CADF;AAgBD,CAlBD;;AAoBA,wCAAAf,UAAU,CAACgB,SAAX,GAAuB;EACrB;AACF;AACA;EACElB,SAAS,EAAEN,SAAS,CAACyB,MAJA;;EAKrB;AACF;AACA;EACEf,OAAO,EAAEV,SAAS,CAAC0B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEhB,SAAS,CAACyB,MAJO;;IAKvB;AACJ;AACA;IACIR,SAAS,EAAEjB,SAAS,CAACyB,MARE;;IASvB;AACJ;AACA;IACIP,oBAAoB,EAAElB,SAAS,CAACyB,MAZT;;IAavB;AACJ;AACA;IACIN,aAAa,EAAEnB,SAAS,CAACyB,MAhBF;;IAiBvB;AACJ;AACA;IACIL,aAAa,EAAEpB,SAAS,CAACyB,MApBF;;IAqBvB;AACJ;AACA;IACIJ,cAAc,EAAErB,SAAS,CAACyB,MAxBH;;IAyBvB;AACJ;AACA;IACIH,gBAAgB,EAAEtB,SAAS,CAACyB,MA5BL;;IA6BvB;AACJ;AACA;IACIF,eAAe,EAAEvB,SAAS,CAACyB;EAhCJ,CAAhB,EAiCNE,UAzCkB;;EA0CrB;AACF;AACA;EACEhB,KAAK,EAAEX,SAAS,CAACK,IA7CI;;EA8CrB;AACF;AACA;EACEO,OAAO,EAAEZ,SAAS,CAACK,IAAV,CAAesB,UAjDH;;EAkDrB;AACF;AACA;EACEd,MAAM,EAAEb,SAAS,CAACK,IArDG;;EAsDrB;AACF;AACA;EACES,IAAI,EAAEd,SAAS,CAAC4B,OAAV,CAAkBD;AAzDH,CAAvB;AA4DA,eAAe1B,UAAU,CAACE,MAAD,EAAS;EAAE0B,IAAI,EAAE;AAAR,CAAT,CAAV,CAA6CrB,UAA7C,CAAf"}
+{"version":3,"file":"EmptyState.js","names":["React","clsx","PropTypes","withStyles","HvTypography","styles","renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","string","shape","isRequired","element","name"],"sources":["../../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <HvTypography component=\"div\" className={className} variant={variant}>\n      {node}\n    </HvTypography>\n  );\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !(title || action),\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"xxsTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":"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"}

package/dist/modern/FileUploader/DropZone/DropZone.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import { FilesAddedEvent } from "../File";
 
 export interface HvDropZoneLabelsProp {

package/dist/modern/FileUploader/DropZone/DropZone.js

@@ -1,11 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useRef, useState } from "react";
 import PropTypes from "prop-types";
 import uniqueId from "lodash/uniqueId";
 import clsx from "clsx";
 import accept from "attr-accept";
-import { withStyles } from "@material-ui/core";
+import { withStyles } from "@mui/styles";
 import { Doc } from "@hitachivantara/uikit-react-icons";
 import { isKeypress, KeyboardCodes } from "../../utils";
 import HvTypography from "../../Typography";
@@ -13,6 +18,9 @@ import { convertUnits } from "../utils";
 import { setId, HvLabel, HvInfoMessage } from "../..";
 import withId from "../../withId";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 
 const DropZone = ({
   id,
@@ -62,91 +70,104 @@ const DropZone = ({
     onFilesAdded === null || onFilesAdded === void 0 ? void 0 : onFilesAdded(newFiles);
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !hideLabels && /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: classes.dropZoneLabelsGroup,
-    "aria-label": "File Dropzone"
-  }, /*#__PURE__*/React.createElement(HvLabel, {
-    id: setId(id, "input-file-label"),
-    htmlFor: setId(id, "input-file"),
-    label: labels.dropzone,
-    className: classes.dropZoneLabel
-  }), /*#__PURE__*/React.createElement(HvInfoMessage, {
-    id: setId(id, "description")
-  }, Number.isInteger(maxFileSize) && `${labels.sizeWarning} ${convertUnits(maxFileSize)}`, labels.acceptedFiles && labels.acceptedFiles, !labels.acceptedFiles && acceptedFiles.length > 0 && `\u00A0(${acceptedFiles.join(", ")})`)), /*#__PURE__*/React.createElement("div", {
-    id: setId(id, "button"),
-    className: clsx(classes.dropZoneContainer, dragState && classes.dragAction, disabled && classes.dropZoneContainerDisabled),
-    role: "button",
-    tabIndex: 0,
-    onDragEnter: event => {
-      if (!disabled) {
-        enterDropArea();
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    },
-    onDragLeave: leaveDropArea,
-    onDropCapture: leaveDropArea,
-    onDragOver: event => {
-      if (!disabled) {
-        enterDropArea();
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    },
-    onDrop: event => {
-      if (!disabled) {
-        const {
-          files
-        } = event.dataTransfer;
-
-        if (multiple === true || files.length === 1) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!hideLabels && /*#__PURE__*/_jsxs("div", {
+      id: id,
+      className: classes.dropZoneLabelsGroup,
+      "aria-label": "File Dropzone",
+      children: [/*#__PURE__*/_jsx(HvLabel, {
+        id: setId(id, "input-file-label"),
+        htmlFor: setId(id, "input-file"),
+        label: labels.dropzone,
+        className: classes.dropZoneLabel
+      }), /*#__PURE__*/_jsxs(HvInfoMessage, {
+        id: setId(id, "description"),
+        children: [Number.isInteger(maxFileSize) && `${labels.sizeWarning} ${convertUnits(maxFileSize)}`, labels.acceptedFiles && labels.acceptedFiles, !labels.acceptedFiles && acceptedFiles.length > 0 && `\u00A0(${acceptedFiles.join(", ")})`]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      id: setId(id, "button"),
+      className: clsx(classes.dropZoneContainer, dragState && classes.dragAction, disabled && classes.dropZoneContainerDisabled),
+      role: "button",
+      tabIndex: 0,
+      onDragEnter: event => {
+        if (!disabled) {
+          enterDropArea();
           event.stopPropagation();
           event.preventDefault();
-          onChangeHandler(files);
         }
-      }
-    },
-    onKeyDown: e => {
-      if (isKeypress(e, KeyboardCodes.Enter) || isKeypress(e, 32)) {
-        inputRef.current.click();
-      }
-    }
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    id: setId(id, "input-file"),
-    tabIndex: -1,
-    className: classes.inputArea,
-    type: "file",
-    multiple: multiple,
-    disabled: disabled,
-    title: !disabled ? `${labels.drag}\xa0${labels.selectFiles}` : "",
-    onClick: () => {
-      inputRef.current.value = null;
-    },
-    onChange: () => {
-      if (!disabled) {
-        onChangeHandler(inputRef.current.files);
-      }
-    },
-    ref: inputRef,
-    accept: acceptedFiles.join(",")
-  }, inputProps)), /*#__PURE__*/React.createElement("div", {
-    className: classes.dropArea
-  }, dragState ? /*#__PURE__*/React.createElement("div", {
-    className: classes.dropZoneAreaLabels
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    className: classes.dragText
-  }, labels.dropFiles)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Doc, {
-    iconSize: "M",
-    className: classes.dropZoneAreaIcon,
-    color: disabled ? "atmo4" : "acce1"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.dropZoneAreaLabels
-  }, /*#__PURE__*/React.createElement(HvTypography, {
-    className: classes.dragText
-  }, labels.drag, /*#__PURE__*/React.createElement("span", {
-    className: classes.selectFilesText
-  }, `\xa0${labels.selectFiles}`)))))));
+      },
+      onDragLeave: leaveDropArea,
+      onDropCapture: leaveDropArea,
+      onDragOver: event => {
+        if (!disabled) {
+          enterDropArea();
+          event.stopPropagation();
+          event.preventDefault();
+        }
+      },
+      onDrop: event => {
+        if (!disabled) {
+          const {
+            files
+          } = event.dataTransfer;
+
+          if (multiple === true || files.length === 1) {
+            event.stopPropagation();
+            event.preventDefault();
+            onChangeHandler(files);
+          }
+        }
+      },
+      onKeyDown: e => {
+        if (isKeypress(e, KeyboardCodes.Enter) || isKeypress(e, 32)) {
+          inputRef.current.click();
+        }
+      },
+      children: [/*#__PURE__*/_jsx("input", _objectSpread({
+        id: setId(id, "input-file"),
+        tabIndex: -1,
+        className: classes.inputArea,
+        type: "file",
+        multiple: multiple,
+        disabled: disabled,
+        title: !disabled ? `${labels.drag}\xa0${labels.selectFiles}` : "",
+        onClick: () => {
+          inputRef.current.value = null;
+        },
+        onChange: () => {
+          if (!disabled) {
+            onChangeHandler(inputRef.current.files);
+          }
+        },
+        ref: inputRef,
+        accept: acceptedFiles.join(",")
+      }, inputProps)), /*#__PURE__*/_jsx("div", {
+        className: classes.dropArea,
+        children: dragState ? /*#__PURE__*/_jsx("div", {
+          className: classes.dropZoneAreaLabels,
+          children: /*#__PURE__*/_jsx(HvTypography, {
+            className: classes.dragText,
+            children: labels.dropFiles
+          })
+        }) : /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Doc, {
+            iconSize: "M",
+            className: classes.dropZoneAreaIcon,
+            color: disabled ? "atmo4" : "acce1"
+          }), /*#__PURE__*/_jsx("div", {
+            className: classes.dropZoneAreaLabels,
+            children: /*#__PURE__*/_jsxs(HvTypography, {
+              className: classes.dragText,
+              children: [labels.drag, /*#__PURE__*/_jsx("span", {
+                className: classes.selectFilesText,
+                children: `\xa0${labels.selectFiles}`
+              })]
+            })
+          })]
+        })
+      })]
+    })]
+  });
 };
 
 process.env.NODE_ENV !== "production" ? DropZone.propTypes = {

package/dist/modern/FileUploader/DropZone/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","names":["React","useRef","useState","PropTypes","uniqueId","clsx","accept","withStyles","Doc","isKeypress","KeyboardCodes","HvTypography","convertUnits","setId","HvLabel","HvInfoMessage","withId","styles","DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","inputProps","hideLabels","dragState","setDrag","inputRef","leaveDropArea","enterDropArea","onChangeHandler","evt","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","name","errorMessage","fileTypeError","status","fileSizeError","push","dropZoneLabelsGroup","dropzone","dropZoneLabel","Number","isInteger","sizeWarning","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func"],"sources":["../../../../src/FileUploader/DropZone/DropZone.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport clsx from \"clsx\";\nimport accept from \"attr-accept\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport { convertUnits } from \"../utils\";\nimport { setId, HvLabel, HvInfoMessage } from \"../..\";\nimport withId from \"../../withId\";\nimport styles from \"./styles\";\n\nconst DropZone = ({\n  id,\n  classes,\n  labels,\n  multiple = true,\n  disabled = false,\n  acceptedFiles,\n  maxFileSize,\n  onFilesAdded,\n  inputProps,\n  hideLabels,\n}) => {\n  const [dragState, setDrag] = useState(false);\n  const inputRef = useRef();\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (evt) => {\n    const filesToProcess = Object.keys(evt).map((e) => evt[e]);\n\n    const newFiles = [];\n\n    filesToProcess.forEach((file) => {\n      const newFile = 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} aria-label=\"File Dropzone\">\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) && `${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, \"button\")}\n        className={clsx(classes.dropZoneContainer, {\n          [classes.dragAction]: dragState,\n          [classes.dropZoneContainerDisabled]: disabled,\n        })}\n        role=\"button\"\n        tabIndex={0}\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        onKeyDown={(e) => {\n          if (isKeypress(e, KeyboardCodes.Enter) || isKeypress(e, 32)) {\n            inputRef.current.click();\n          }\n        }}\n      >\n        <input\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={classes.inputArea}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels.drag}\\xa0${labels.selectFiles}` : \"\"}\n          onClick={() => {\n            inputRef.current.value = null;\n          }}\n          onChange={() => {\n            if (!disabled) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n\n        <div className={classes.dropArea}>\n          {dragState ? (\n            <div className={classes.dropZoneAreaLabels}>\n              <HvTypography className={classes.dragText}>{labels.dropFiles}</HvTypography>\n            </div>\n          ) : (\n            <>\n              <Doc\n                iconSize=\"M\"\n                className={classes.dropZoneAreaIcon}\n                color={disabled ? \"atmo4\" : \"acce1\"}\n              />\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>\n                  {labels.drag}\n                  <span className={classes.selectFilesText}>{`\\xa0${labels.selectFiles}`}</span>\n                </HvTypography>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nDropZone.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the container element.\n     */\n    dropZoneContainer: PropTypes.string,\n    /**\n     * Styles applied to the labels group.\n     */\n    dropZoneLabelsGroup: PropTypes.string,\n    /**\n     * Style applied when dragging.\n     */\n    dragAction: PropTypes.string,\n    /**\n     * Style applied when the component is disabled.\n     */\n    dropZoneContainerDisabled: PropTypes.string,\n    /**\n     * Style applied to the input area.\n     */\n    inputArea: PropTypes.string,\n    /**\n     * Style applied to the drop area.\n     */\n    dropArea: PropTypes.string,\n    /**\n     * Style applied to the labels area.\n     */\n    dropZoneAreaLabels: PropTypes.string,\n    /**\n     * Style applied to the icon area.\n     */\n    dropZoneAreaIcon: PropTypes.string,\n    /**\n     * Style applied to the dropzone label.\n     */\n    dropZoneLabel: PropTypes.string,\n    /**\n     * Style applied to the typography when dragging.\n     */\n    dragText: PropTypes.string,\n    /**\n     * Style applied to the selected files.\n     */\n    selectFilesText: PropTypes.string,\n  }).isRequired,\n  /**\n   * Labels to present in Fileuploader.\n   */\n  labels: PropTypes.instanceOf(Object),\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If the input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string).isRequired,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number.isRequired,\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Whether the DropZone should show labels or not.\n   */\n  hideLabels: PropTypes.bool,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderDropZone\" })(withId(DropZone));\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,QAAxB,QAAwC,OAAxC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,MAAP,MAAmB,aAAnB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,GAAT,QAAoB,mCAApB;AACA,SAASC,UAAT,EAAqBC,aAArB,QAA0C,aAA1C;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,SAASC,YAAT,QAA6B,UAA7B;AACA,SAASC,KAAT,EAAgBC,OAAhB,EAAyBC,aAAzB,QAA8C,OAA9C;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;EAChBC,EADgB;EAEhBC,OAFgB;EAGhBC,MAHgB;EAIhBC,QAAQ,GAAG,IAJK;EAKhBC,QAAQ,GAAG,KALK;EAMhBC,aANgB;EAOhBC,WAPgB;EAQhBC,YARgB;EAShBC,UATgB;EAUhBC;AAVgB,CAAD,KAWX;EACJ,MAAM,CAACC,SAAD,EAAYC,OAAZ,IAAuB5B,QAAQ,CAAC,KAAD,CAArC;EACA,MAAM6B,QAAQ,GAAG9B,MAAM,EAAvB;;EAEA,MAAM+B,aAAa,GAAG,MAAM;IAC1BF,OAAO,CAAC,KAAD,CAAP;EACD,CAFD;;EAIA,MAAMG,aAAa,GAAG,MAAM;IAC1BH,OAAO,CAAC,IAAD,CAAP;EACD,CAFD;;EAIA,MAAMI,eAAe,GAAIC,GAAD,IAAS;IAC/B,MAAMC,cAAc,GAAGC,MAAM,CAACC,IAAP,CAAYH,GAAZ,EAAiBI,GAAjB,CAAsBC,CAAD,IAAOL,GAAG,CAACK,CAAD,CAA/B,CAAvB;IAEA,MAAMC,QAAQ,GAAG,EAAjB;IAEAL,cAAc,CAACM,OAAf,CAAwBC,IAAD,IAAU;MAC/B,MAAMC,OAAO,GAAGD,IAAhB;MAEA,MAAME,aAAa,GAAGF,IAAI,CAACG,IAAL,IAAarB,WAAnC;MACA,MAAMsB,cAAc,GAClB,CAACvB,aAAa,CAACwB,MAAf,IACAxB,aAAa,CAACyB,OAAd,CAAsBN,IAAI,CAACO,IAAL,CAAUC,KAAV,CAAgB,GAAhB,EAAqB,CAArB,CAAtB,IAAiD,CAAC,CADlD,IAEA3B,aAAa,CAAC4B,IAAd,CAAoBC,eAAD,IACjB/C,MAAM,CAAC;QAAEgD,IAAI,EAAEX,IAAI,CAACW,IAAb;QAAmBJ,IAAI,EAAEP,IAAI,CAACO;MAA9B,CAAD,EAAuCG,eAAvC,CADR,CAHF;;MAOA,IAAI,CAACN,cAAL,EAAqB;QACnBH,OAAO,CAACW,YAAR,GAAuBlC,MAAM,CAACmC,aAA9B;QACAZ,OAAO,CAACa,MAAR,GAAiB,MAAjB;MACD,CAHD,MAGO,IAAI,CAACZ,aAAL,EAAoB;QACzBD,OAAO,CAACW,YAAR,GAAuBlC,MAAM,CAACqC,aAA9B;QACAd,OAAO,CAACa,MAAR,GAAiB,MAAjB;MACD;;MAEDb,OAAO,CAACzB,EAAR,GAAaf,QAAQ,CAAC,qBAAD,CAArB;MACAqC,QAAQ,CAACkB,IAAT,CAAcf,OAAd;IACD,CArBD;IAuBAlB,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGe,QAAH,CAAZ;EACD,CA7BD;;EA+BA,oBACE,0CACG,CAACb,UAAD,iBACC;IAAK,EAAE,EAAET,EAAT;IAAa,SAAS,EAAEC,OAAO,CAACwC,mBAAhC;IAAqD,cAAW;EAAhE,gBACE,oBAAC,OAAD;IACE,EAAE,EAAE/C,KAAK,CAACM,EAAD,EAAK,kBAAL,CADX;IAEE,OAAO,EAAEN,KAAK,CAACM,EAAD,EAAK,YAAL,CAFhB;IAGE,KAAK,EAAEE,MAAM,CAACwC,QAHhB;IAIE,SAAS,EAAEzC,OAAO,CAAC0C;EAJrB,EADF,eAOE,oBAAC,aAAD;IAAe,EAAE,EAAEjD,KAAK,CAACM,EAAD,EAAK,aAAL;EAAxB,GACG4C,MAAM,CAACC,SAAP,CAAiBvC,WAAjB,KAAkC,GAAEJ,MAAM,CAAC4C,WAAY,IAAGrD,YAAY,CAACa,WAAD,CAAc,EADvF,EAEGJ,MAAM,CAACG,aAAP,IAAwBH,MAAM,CAACG,aAFlC,EAGG,CAACH,MAAM,CAACG,aAAR,IACCA,aAAa,CAACwB,MAAd,GAAuB,CADxB,IAEE,UAASxB,aAAa,CAAC0C,IAAd,CAAmB,IAAnB,CAAyB,GALvC,CAPF,CAFJ,eAkBE;IACE,EAAE,EAAErD,KAAK,CAACM,EAAD,EAAK,QAAL,CADX;IAEE,SAAS,EAAEd,IAAI,CAACe,OAAO,CAAC+C,iBAAT,EACStC,SADT,IACZT,OAAO,CAACgD,UADI,EAEwB7C,QAFxB,IAEZH,OAAO,CAACiD,yBAFI,CAFjB;IAME,IAAI,EAAC,QANP;IAOE,QAAQ,EAAE,CAPZ;IAQE,WAAW,EAAGC,KAAD,IAAW;MACtB,IAAI,CAAC/C,QAAL,EAAe;QACbU,aAAa;QACbqC,KAAK,CAACC,eAAN;QACAD,KAAK,CAACE,cAAN;MACD;IACF,CAdH;IAeE,WAAW,EAAExC,aAff;IAgBE,aAAa,EAAEA,aAhBjB;IAiBE,UAAU,EAAGsC,KAAD,IAAW;MACrB,IAAI,CAAC/C,QAAL,EAAe;QACbU,aAAa;QACbqC,KAAK,CAACC,eAAN;QACAD,KAAK,CAACE,cAAN;MACD;IACF,CAvBH;IAwBE,MAAM,EAAGF,KAAD,IAAW;MACjB,IAAI,CAAC/C,QAAL,EAAe;QACb,MAAM;UAAEkD;QAAF,IAAYH,KAAK,CAACI,YAAxB;;QACA,IAAIpD,QAAQ,KAAK,IAAb,IAAqBmD,KAAK,CAACzB,MAAN,KAAiB,CAA1C,EAA6C;UAC3CsB,KAAK,CAACC,eAAN;UACAD,KAAK,CAACE,cAAN;UACAtC,eAAe,CAACuC,KAAD,CAAf;QACD;MACF;IACF,CAjCH;IAkCE,SAAS,EAAGjC,CAAD,IAAO;MAChB,IAAI/B,UAAU,CAAC+B,CAAD,EAAI9B,aAAa,CAACiE,KAAlB,CAAV,IAAsClE,UAAU,CAAC+B,CAAD,EAAI,EAAJ,CAApD,EAA6D;QAC3DT,QAAQ,CAAC6C,OAAT,CAAiBC,KAAjB;MACD;IACF;EAtCH,gBAwCE;IACE,EAAE,EAAEhE,KAAK,CAACM,EAAD,EAAK,YAAL,CADX;IAEE,QAAQ,EAAE,CAAC,CAFb;IAGE,SAAS,EAAEC,OAAO,CAAC0D,SAHrB;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAExD,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,CAACA,QAAD,GAAa,GAAEF,MAAM,CAAC0D,IAAK,OAAM1D,MAAM,CAAC2D,WAAY,EAApD,GAAwD,EAPjE;IAQE,OAAO,EAAE,MAAM;MACbjD,QAAQ,CAAC6C,OAAT,CAAiBK,KAAjB,GAAyB,IAAzB;IACD,CAVH;IAWE,QAAQ,EAAE,MAAM;MACd,IAAI,CAAC1D,QAAL,EAAe;QACbW,eAAe,CAACH,QAAQ,CAAC6C,OAAT,CAAiBH,KAAlB,CAAf;MACD;IACF,CAfH;IAgBE,GAAG,EAAE1C,QAhBP;IAiBE,MAAM,EAAEP,aAAa,CAAC0C,IAAd,CAAmB,GAAnB;EAjBV,GAkBMvC,UAlBN,EAxCF,eA6DE;IAAK,SAAS,EAAEP,OAAO,CAAC8D;EAAxB,GACGrD,SAAS,gBACR;IAAK,SAAS,EAAET,OAAO,CAAC+D;EAAxB,gBACE,oBAAC,YAAD;IAAc,SAAS,EAAE/D,OAAO,CAACgE;EAAjC,GAA4C/D,MAAM,CAACgE,SAAnD,CADF,CADQ,gBAKR,uDACE,oBAAC,GAAD;IACE,QAAQ,EAAC,GADX;IAEE,SAAS,EAAEjE,OAAO,CAACkE,gBAFrB;IAGE,KAAK,EAAE/D,QAAQ,GAAG,OAAH,GAAa;EAH9B,EADF,eAME;IAAK,SAAS,EAAEH,OAAO,CAAC+D;EAAxB,gBACE,oBAAC,YAAD;IAAc,SAAS,EAAE/D,OAAO,CAACgE;EAAjC,GACG/D,MAAM,CAAC0D,IADV,eAEE;IAAM,SAAS,EAAE3D,OAAO,CAACmE;EAAzB,GAA4C,OAAMlE,MAAM,CAAC2D,WAAY,EAArE,CAFF,CADF,CANF,CANJ,CA7DF,CAlBF,CADF;AAwGD,CA9JD;;AAgKA,wCAAA9D,QAAQ,CAACsE,SAAT,GAAqB;EACnB;AACF;AACA;EACErE,EAAE,EAAEhB,SAAS,CAACsF,MAJK;;EAKnB;AACF;AACA;EACErE,OAAO,EAAEjB,SAAS,CAACuF,KAAV,CAAgB;IACvB;AACJ;AACA;IACIvB,iBAAiB,EAAEhE,SAAS,CAACsF,MAJN;;IAKvB;AACJ;AACA;IACI7B,mBAAmB,EAAEzD,SAAS,CAACsF,MARR;;IASvB;AACJ;AACA;IACIrB,UAAU,EAAEjE,SAAS,CAACsF,MAZC;;IAavB;AACJ;AACA;IACIpB,yBAAyB,EAAElE,SAAS,CAACsF,MAhBd;;IAiBvB;AACJ;AACA;IACIX,SAAS,EAAE3E,SAAS,CAACsF,MApBE;;IAqBvB;AACJ;AACA;IACIP,QAAQ,EAAE/E,SAAS,CAACsF,MAxBG;;IAyBvB;AACJ;AACA;IACIN,kBAAkB,EAAEhF,SAAS,CAACsF,MA5BP;;IA6BvB;AACJ;AACA;IACIH,gBAAgB,EAAEnF,SAAS,CAACsF,MAhCL;;IAiCvB;AACJ;AACA;IACI3B,aAAa,EAAE3D,SAAS,CAACsF,MApCF;;IAqCvB;AACJ;AACA;IACIL,QAAQ,EAAEjF,SAAS,CAACsF,MAxCG;;IAyCvB;AACJ;AACA;IACIF,eAAe,EAAEpF,SAAS,CAACsF;EA5CJ,CAAhB,EA6CNE,UArDgB;;EAsDnB;AACF;AACA;EACEtE,MAAM,EAAElB,SAAS,CAACyF,UAAV,CAAqBvD,MAArB,CAzDW;;EA0DnB;AACF;AACA;EACEf,QAAQ,EAAEnB,SAAS,CAAC0F,IA7DD;;EA8DnB;AACF;AACA;EACEtE,QAAQ,EAAEpB,SAAS,CAAC0F,IAjED;;EAkEnB;AACF;AACA;EACErE,aAAa,EAAErB,SAAS,CAAC2F,OAAV,CAAkB3F,SAAS,CAACsF,MAA5B,EAAoCE,UArEhC;;EAsEnB;AACF;AACA;EACElE,WAAW,EAAEtB,SAAS,CAAC4F,MAAV,CAAiBJ,UAzEX;;EA0EnB;AACF;AACA;EACEjE,YAAY,EAAEvB,SAAS,CAAC6F,IA7EL;;EA8EnB;AACF;AACA;EACEpE,UAAU,EAAEzB,SAAS,CAAC0F,IAjFH;;EAkFnB;AACF;AACA;EACElE,UAAU,EAAExB,SAAS,CAACyF,UAAV,CAAqBvD,MAArB;AArFO,CAArB;AAwFA,eAAe9B,UAAU,CAACU,MAAD,EAAS;EAAEqC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDtC,MAAM,CAACE,QAAD,CAA7D,CAAf"}
+{"version":3,"file":"DropZone.js","names":["React","useRef","useState","PropTypes","uniqueId","clsx","accept","withStyles","Doc","isKeypress","KeyboardCodes","HvTypography","convertUnits","setId","HvLabel","HvInfoMessage","withId","styles","DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","inputProps","hideLabels","dragState","setDrag","inputRef","leaveDropArea","enterDropArea","onChangeHandler","evt","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","name","errorMessage","fileTypeError","status","fileSizeError","push","dropZoneLabelsGroup","dropzone","dropZoneLabel","Number","isInteger","sizeWarning","join","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func"],"sources":["../../../../src/FileUploader/DropZone/DropZone.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport clsx from \"clsx\";\nimport accept from \"attr-accept\";\nimport { withStyles } from \"@mui/styles\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport { convertUnits } from \"../utils\";\nimport { setId, HvLabel, HvInfoMessage } from \"../..\";\nimport withId from \"../../withId\";\nimport styles from \"./styles\";\n\nconst DropZone = ({\n  id,\n  classes,\n  labels,\n  multiple = true,\n  disabled = false,\n  acceptedFiles,\n  maxFileSize,\n  onFilesAdded,\n  inputProps,\n  hideLabels,\n}) => {\n  const [dragState, setDrag] = useState(false);\n  const inputRef = useRef();\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (evt) => {\n    const filesToProcess = Object.keys(evt).map((e) => evt[e]);\n\n    const newFiles = [];\n\n    filesToProcess.forEach((file) => {\n      const newFile = 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} aria-label=\"File Dropzone\">\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) && `${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, \"button\")}\n        className={clsx(classes.dropZoneContainer, {\n          [classes.dragAction]: dragState,\n          [classes.dropZoneContainerDisabled]: disabled,\n        })}\n        role=\"button\"\n        tabIndex={0}\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        onKeyDown={(e) => {\n          if (isKeypress(e, KeyboardCodes.Enter) || isKeypress(e, 32)) {\n            inputRef.current.click();\n          }\n        }}\n      >\n        <input\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={classes.inputArea}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels.drag}\\xa0${labels.selectFiles}` : \"\"}\n          onClick={() => {\n            inputRef.current.value = null;\n          }}\n          onChange={() => {\n            if (!disabled) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n          {...inputProps}\n        />\n\n        <div className={classes.dropArea}>\n          {dragState ? (\n            <div className={classes.dropZoneAreaLabels}>\n              <HvTypography className={classes.dragText}>{labels.dropFiles}</HvTypography>\n            </div>\n          ) : (\n            <>\n              <Doc\n                iconSize=\"M\"\n                className={classes.dropZoneAreaIcon}\n                color={disabled ? \"atmo4\" : \"acce1\"}\n              />\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>\n                  {labels.drag}\n                  <span className={classes.selectFilesText}>{`\\xa0${labels.selectFiles}`}</span>\n                </HvTypography>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nDropZone.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the container element.\n     */\n    dropZoneContainer: PropTypes.string,\n    /**\n     * Styles applied to the labels group.\n     */\n    dropZoneLabelsGroup: PropTypes.string,\n    /**\n     * Style applied when dragging.\n     */\n    dragAction: PropTypes.string,\n    /**\n     * Style applied when the component is disabled.\n     */\n    dropZoneContainerDisabled: PropTypes.string,\n    /**\n     * Style applied to the input area.\n     */\n    inputArea: PropTypes.string,\n    /**\n     * Style applied to the drop area.\n     */\n    dropArea: PropTypes.string,\n    /**\n     * Style applied to the labels area.\n     */\n    dropZoneAreaLabels: PropTypes.string,\n    /**\n     * Style applied to the icon area.\n     */\n    dropZoneAreaIcon: PropTypes.string,\n    /**\n     * Style applied to the dropzone label.\n     */\n    dropZoneLabel: PropTypes.string,\n    /**\n     * Style applied to the typography when dragging.\n     */\n    dragText: PropTypes.string,\n    /**\n     * Style applied to the selected files.\n     */\n    selectFilesText: PropTypes.string,\n  }).isRequired,\n  /**\n   * Labels to present in Fileuploader.\n   */\n  labels: PropTypes.instanceOf(Object),\n  /**\n   * Whether the Dropzone should accept multiple files at once.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If the input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Files extensions accepted for upload. Follows https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string).isRequired,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number.isRequired,\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Whether the DropZone should show labels or not.\n   */\n  hideLabels: PropTypes.bool,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderDropZone\" })(withId(DropZone));\n"],"mappings":"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"}

package/dist/modern/FileUploader/File/File.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export interface File {
   /**