@hitachivantara/uikit-react-core 3.68.0 → 3.68.3

package/dist/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","elementId","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","selectionLabel","setSelectionLabel","internalValues","setInternalValues","process","env","NODE_ENV","console","error","dropdownHeaderRef","handleToggle","_e","open","hasSelection","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","errorMessageId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object","styles"],"sources":["../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\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   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labelsProp","labels","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","Boolean","isOpen","setIsOpen","useState","getSelectionLabel","selectionLabel","setSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","clsx","selectionDisabled","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","root","labelContainer","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","join","trim","rootList","dropdownListContainer","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","arrayOf","oneOfType","number","searchValue","value","any","object","withStyles","styles"],"sources":["../../src/Dropdown/Dropdown.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvInfoMessage,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport List from \"./List\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nconst HvDropdown = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(values, labels, placeholder, multiSelect)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(getSelectionLabel(values, labels, placeholder, multiSelect));\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\"Dropdown/List in virtualized mode requires a height. Please define it.\");\n  }\n\n  const dropdownHeaderRef = useRef();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (listValues, commitChanges, toggle, notifyChanges = true) => {\n    const selected = getSelected(listValues);\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(getSelectionLabel(listValues, labels, placeholder, multiSelect));\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems = containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels.select || !multiSelect ? (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        variant={isOpen || hasSelection ? \"normalText\" : \"placeholderText\"}\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n      >\n        {selectionLabel.selected}\n      </HvTypography>\n    ) : (\n      <HvTypography\n        component=\"div\"\n        noWrap\n        className={clsx(classes.placeholder, {\n          [classes.selectionDisabled]: disabled,\n        })}\n        variant=\"normalText\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels.multiSelectionConjunction} ${selectionLabel.total}`}\n      </HvTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: classes.dropdown,\n          arrow: classes.arrow,\n          header: clsx(\n            classes.dropdownHeader,\n            isStateInvalid ? classes.dropdownHeaderInvalid : undefined\n          ),\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        expanded={isOpen}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <List\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: classes.rootList,\n            dropdownListContainer: classes.dropdownListContainer,\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDropdown.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the arrow\n     */\n    arrow: PropTypes.string,\n    /**\n     * Styles applied for truncating the list elements.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * Styles applied when the selection is disabled.\n     */\n    selectionDisabled: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    rootList: PropTypes.string,\n    /**\n     * Styles applied to the dropdown header.\n     */\n    dropdownHeader: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the dropdown is opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the dropdown list.\n     */\n    dropdownListContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Label for overwrite the default header behaviour.\n     */\n    select: PropTypes.string,\n    /**\n     * Label used for the All checkbox action.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * The label used in the middle of the multiSelection count.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth: PropTypes.bool,\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel: PropTypes.func,\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle: PropTypes.func,\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside: PropTypes.func,\n\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n\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   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps: PropTypes.object,\n  /**\n   * Extra props passed to the list.\n   */\n  listProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvDropdown\" })(HvDropdown);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","BaseDropdownContext","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","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","styles","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":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","List","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","dropdownHeight","height","virtualized","others","useState","searchStr","setSearchStr","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","useContext","BaseDropdownContext","width","theme","useTheme","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","searchContainer","setId","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","selectAllContainer","container","selection","onSelection","renderActions","applyLabel","cancelLabel","showList","maxSizeClasses","useMemo","makeStyles","root","maxWidth","maxHeight","spacing","overflow","padding","rootList","listBorderDown","listContainer","clsx","dropdownListContainer","propTypes","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","number","withStyles","styles","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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"}

package/dist/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":["renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","styles","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;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAOC,SAAP,EAAkBC,OAAlB;EAAA,OACjBF,IAAI,iBACF,6BAAC,mBAAD;IAAc,SAAS,EAAC,KAAxB;IAA8B,SAAS,EAAEC,SAAzC;IAAoD,OAAO,EAAEC;EAA7D,GACGF,IADH,CAFe;AAAA,CAAnB;AAOA;AACA;AACA;;;AACA,IAAMG,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;EAC5B,IAAQC,OAAR,GAAwED,KAAxE,CAAQC,OAAR;EAAA,IAAiBJ,SAAjB,GAAwEG,KAAxE,CAAiBH,SAAjB;EAAA,IAA4BK,KAA5B,GAAwEF,KAAxE,CAA4BE,KAA5B;EAAA,IAAmCC,OAAnC,GAAwEH,KAAxE,CAAmCG,OAAnC;EAAA,IAA4CC,MAA5C,GAAwEJ,KAAxE,CAA4CI,MAA5C;EAAA,IAAoDC,IAApD,GAAwEL,KAAxE,CAAoDK,IAApD;EAAA,IAA6DC,MAA7D,0CAAwEN,KAAxE;EACA,oBACE;IAAK,SAAS,EAAE,mBAAKH,SAAL,EAAgBI,OAAO,CAACM,IAAxB;EAAhB,GAAmDD,MAAnD,gBACE;IACE,SAAS,EAAE,mBAAKL,OAAO,CAACO,SAAb,EACuBL,OADvB,IACkC,EAAED,KAAK,IAAIE,MAAX,CADlC,IACRH,OAAO,CAACQ,oBADA;EADb,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,EAAEmB,mBAAUC,MAJA;;EAKrB;AACF;AACA;EACEhB,OAAO,EAAEe,mBAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,IAAI,EAAES,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIT,SAAS,EAAEQ,mBAAUC,MARE;;IASvB;AACJ;AACA;IACIR,oBAAoB,EAAEO,mBAAUC,MAZT;;IAavB;AACJ;AACA;IACIP,aAAa,EAAEM,mBAAUC,MAhBF;;IAiBvB;AACJ;AACA;IACIN,aAAa,EAAEK,mBAAUC,MApBF;;IAqBvB;AACJ;AACA;IACIL,cAAc,EAAEI,mBAAUC,MAxBH;;IAyBvB;AACJ;AACA;IACIJ,gBAAgB,EAAEG,mBAAUC,MA5BL;;IA6BvB;AACJ;AACA;IACIH,eAAe,EAAEE,mBAAUC;EAhCJ,CAAhB,EAiCNE,UAzCkB;;EA0CrB;AACF;AACA;EACEjB,KAAK,EAAEc,mBAAUpB,IA7CI;;EA8CrB;AACF;AACA;EACEO,OAAO,EAAEa,mBAAUpB,IAAV,CAAeuB,UAjDH;;EAkDrB;AACF;AACA;EACEf,MAAM,EAAEY,mBAAUpB,IArDG;;EAsDrB;AACF;AACA;EACES,IAAI,EAAEW,mBAAUI,OAAV,CAAkBD;AAzDH,CAAvB;;eA4De,sBAAWE,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA6CvB,UAA7C,C"}
+{"version":3,"file":"EmptyState.js","names":["renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","clsx","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","withStyles","styles","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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","names":["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","KeyboardCodes","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","PropTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func","styles"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAWX;EAAA,IAVJC,EAUI,QAVJA,EAUI;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,MAQI,QARJA,MAQI;EAAA,yBAPJC,QAOI;EAAA,IAPJA,QAOI,8BAPO,IAOP;EAAA,yBANJC,QAMI;EAAA,IANJA,QAMI,8BANO,KAMP;EAAA,IALJC,aAKI,QALJA,aAKI;EAAA,IAJJC,WAII,QAJJA,WAII;EAAA,IAHJC,YAGI,QAHJA,YAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,UACI,QADJA,UACI;;EACJ,gBAA6B,qBAAS,KAAT,CAA7B;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,OAAlB;;EACA,IAAMC,QAAQ,GAAG,oBAAjB;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BF,OAAO,CAAC,KAAD,CAAP;EACD,CAFD;;EAIA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,GAAM;IAC1BH,OAAO,CAAC,IAAD,CAAP;EACD,CAFD;;EAIA,IAAMI,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD,EAAS;IAC/B,IAAMC,cAAc,GAAGC,MAAM,CAACC,IAAP,CAAYH,GAAZ,EAAiBI,GAAjB,CAAqB,UAACC,CAAD;MAAA,OAAOL,GAAG,CAACK,CAAD,CAAV;IAAA,CAArB,CAAvB;IAEA,IAAMC,QAAQ,GAAG,EAAjB;IAEAL,cAAc,CAACM,OAAf,CAAuB,UAACC,IAAD,EAAU;MAC/B,IAAMC,OAAO,GAAGD,IAAhB;MAEA,IAAME,aAAa,GAAGF,IAAI,CAACG,IAAL,IAAarB,WAAnC;MACA,IAAMsB,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,CAAmB,UAACC,eAAD;QAAA,OACjB,yBAAO;UAAEC,IAAI,EAAEX,IAAI,CAACW,IAAb;UAAmBJ,IAAI,EAAEP,IAAI,CAACO;QAA9B,CAAP,EAA6CG,eAA7C,CADiB;MAAA,CAAnB,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,GAAa,uBAAS,qBAAT,CAAb;MACAsB,QAAQ,CAACkB,IAAT,CAAcf,OAAd;IACD,CArBD;IAuBAlB,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGe,QAAH,CAAZ;EACD,CA7BD;;EA+BA,oBACE,4DACG,CAACb,UAAD,iBACC;IAAK,EAAE,EAAET,EAAT;IAAa,SAAS,EAAEC,OAAO,CAACwC,mBAAhC;IAAqD,cAAW;EAAhE,gBACE,6BAAC,SAAD;IACE,EAAE,EAAE,aAAMzC,EAAN,EAAU,kBAAV,CADN;IAEE,OAAO,EAAE,aAAMA,EAAN,EAAU,YAAV,CAFX;IAGE,KAAK,EAAEE,MAAM,CAACwC,QAHhB;IAIE,SAAS,EAAEzC,OAAO,CAAC0C;EAJrB,EADF,eAOE,6BAAC,eAAD;IAAe,EAAE,EAAE,aAAM3C,EAAN,EAAU,aAAV;EAAnB,GACG4C,MAAM,CAACC,SAAP,CAAiBvC,WAAjB,eAAoCJ,MAAM,CAAC4C,WAA3C,cAA0D,0BAAaxC,WAAb,CAA1D,CADH,EAEGJ,MAAM,CAACG,aAAP,IAAwBH,MAAM,CAACG,aAFlC,EAGG,CAACH,MAAM,CAACG,aAAR,IACCA,aAAa,CAACwB,MAAd,GAAuB,CADxB,mBAEWxB,aAAa,CAAC0C,IAAd,CAAmB,IAAnB,CAFX,MAHH,CAPF,CAFJ,eAkBE;IACE,EAAE,EAAE,aAAM/C,EAAN,EAAU,QAAV,CADN;IAEE,SAAS,EAAE,mBAAKC,OAAO,CAAC+C,iBAAb,EACatC,SADb,IACRT,OAAO,CAACgD,UADA,EAE4B7C,QAF5B,IAERH,OAAO,CAACiD,yBAFA,CAFb;IAME,IAAI,EAAC,QANP;IAOE,QAAQ,EAAE,CAPZ;IAQE,WAAW,EAAE,qBAACC,KAAD,EAAW;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,EAAE,oBAACsC,KAAD,EAAW;MACrB,IAAI,CAAC/C,QAAL,EAAe;QACbU,aAAa;QACbqC,KAAK,CAACC,eAAN;QACAD,KAAK,CAACE,cAAN;MACD;IACF,CAvBH;IAwBE,MAAM,EAAE,gBAACF,KAAD,EAAW;MACjB,IAAI,CAAC/C,QAAL,EAAe;QACb,IAAQkD,KAAR,GAAkBH,KAAK,CAACI,YAAxB,CAAQD,KAAR;;QACA,IAAInD,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,EAAE,mBAACjC,CAAD,EAAO;MAChB,IAAI,uBAAWA,CAAX,EAAcmC,qBAAcC,KAA5B,KAAsC,uBAAWpC,CAAX,EAAc,EAAd,CAA1C,EAA6D;QAC3DT,QAAQ,CAAC8C,OAAT,CAAiBC,KAAjB;MACD;IACF;EAtCH,gBAwCE;IACE,EAAE,EAAE,aAAM3D,EAAN,EAAU,YAAV,CADN;IAEE,QAAQ,EAAE,CAAC,CAFb;IAGE,SAAS,EAAEC,OAAO,CAAC2D,SAHrB;IAIE,IAAI,EAAC,MAJP;IAKE,QAAQ,EAAEzD,QALZ;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,CAACA,QAAD,aAAeF,MAAM,CAAC2D,IAAtB,iBAAiC3D,MAAM,CAAC4D,WAAxC,IAAwD,EAPjE;IAQE,OAAO,EAAE,mBAAM;MACblD,QAAQ,CAAC8C,OAAT,CAAiBK,KAAjB,GAAyB,IAAzB;IACD,CAVH;IAWE,QAAQ,EAAE,oBAAM;MACd,IAAI,CAAC3D,QAAL,EAAe;QACbW,eAAe,CAACH,QAAQ,CAAC8C,OAAT,CAAiBJ,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,CAAC+D;EAAxB,GACGtD,SAAS,gBACR;IAAK,SAAS,EAAET,OAAO,CAACgE;EAAxB,gBACE,6BAAC,mBAAD;IAAc,SAAS,EAAEhE,OAAO,CAACiE;EAAjC,GAA4ChE,MAAM,CAACiE,SAAnD,CADF,CADQ,gBAKR,yEACE,6BAAC,oBAAD;IACE,QAAQ,EAAC,GADX;IAEE,SAAS,EAAElE,OAAO,CAACmE,gBAFrB;IAGE,KAAK,EAAEhE,QAAQ,GAAG,OAAH,GAAa;EAH9B,EADF,eAME;IAAK,SAAS,EAAEH,OAAO,CAACgE;EAAxB,gBACE,6BAAC,mBAAD;IAAc,SAAS,EAAEhE,OAAO,CAACiE;EAAjC,GACGhE,MAAM,CAAC2D,IADV,eAEE;IAAM,SAAS,EAAE5D,OAAO,CAACoE;EAAzB,iBAAkDnE,MAAM,CAAC4D,WAAzD,EAFF,CADF,CANF,CANJ,CA7DF,CAlBF,CADF;AAwGD,CA9JD;;AAgKA,wCAAA/D,QAAQ,CAACuE,SAAT,GAAqB;EACnB;AACF;AACA;EACEtE,EAAE,EAAEuE,mBAAUC,MAJK;;EAKnB;AACF;AACA;EACEvE,OAAO,EAAEsE,mBAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIzB,iBAAiB,EAAEuB,mBAAUC,MAJN;;IAKvB;AACJ;AACA;IACI/B,mBAAmB,EAAE8B,mBAAUC,MARR;;IASvB;AACJ;AACA;IACIvB,UAAU,EAAEsB,mBAAUC,MAZC;;IAavB;AACJ;AACA;IACItB,yBAAyB,EAAEqB,mBAAUC,MAhBd;;IAiBvB;AACJ;AACA;IACIZ,SAAS,EAAEW,mBAAUC,MApBE;;IAqBvB;AACJ;AACA;IACIR,QAAQ,EAAEO,mBAAUC,MAxBG;;IAyBvB;AACJ;AACA;IACIP,kBAAkB,EAAEM,mBAAUC,MA5BP;;IA6BvB;AACJ;AACA;IACIJ,gBAAgB,EAAEG,mBAAUC,MAhCL;;IAiCvB;AACJ;AACA;IACI7B,aAAa,EAAE4B,mBAAUC,MApCF;;IAqCvB;AACJ;AACA;IACIN,QAAQ,EAAEK,mBAAUC,MAxCG;;IAyCvB;AACJ;AACA;IACIH,eAAe,EAAEE,mBAAUC;EA5CJ,CAAhB,EA6CNE,UArDgB;;EAsDnB;AACF;AACA;EACExE,MAAM,EAAEqE,mBAAUI,UAAV,CAAqBzD,MAArB,CAzDW;;EA0DnB;AACF;AACA;EACEf,QAAQ,EAAEoE,mBAAUK,IA7DD;;EA8DnB;AACF;AACA;EACExE,QAAQ,EAAEmE,mBAAUK,IAjED;;EAkEnB;AACF;AACA;EACEvE,aAAa,EAAEkE,mBAAUM,OAAV,CAAkBN,mBAAUC,MAA5B,EAAoCE,UArEhC;;EAsEnB;AACF;AACA;EACEpE,WAAW,EAAEiE,mBAAUO,MAAV,CAAiBJ,UAzEX;;EA0EnB;AACF;AACA;EACEnE,YAAY,EAAEgE,mBAAUQ,IA7EL;;EA8EnB;AACF;AACA;EACEtE,UAAU,EAAE8D,mBAAUK,IAjFH;;EAkFnB;AACF;AACA;EACEpE,UAAU,EAAE+D,mBAAUI,UAAV,CAAqBzD,MAArB;AArFO,CAArB;;eAwFe,sBAAW8D,eAAX,EAAmB;EAAE7C,IAAI,EAAE;AAAR,CAAnB,EAAuD,qBAAOpC,QAAP,CAAvD,C"}
+{"version":3,"file":"DropZone.js","names":["DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","inputProps","hideLabels","useState","dragState","setDrag","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","evt","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","dropZoneLabelsGroup","setId","dropzone","dropZoneLabel","Number","isInteger","sizeWarning","convertUnits","join","clsx","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","isKeypress","KeyboardCodes","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","PropTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func","withStyles","styles","withId"],"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":"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"}

package/dist/FileUploader/File/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":["getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","removeButton","propTypes","PropTypes","string","shape","isRequired","oneOf","node","func","styles"],"sources":["../../../src/FileUploader/File/File.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IconButton, withStyles } from \"@material-ui/core\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes.icon} color=\"sema1\" />;\n    case \"fail\":\n      return <Fail className={classes.icon} color=\"sema4\" />;\n    default:\n      return <div className={classes.icon} />;\n  }\n};\n\nconst getProgressText = (classes, data) => {\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=\"highlightText\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n  const width = Math.round((progress * 100) / size);\n\n  return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n  const hasError = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n  const progressText = getProgressText(classes, data);\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li>\n      {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n      {!hasError && inProgress && (\n        <progress\n          className={classes.progressbar}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n      <IconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        category=\"ghost\"\n        onClick={() => onFileRemoved?.(data)}\n      >\n        <Close iconSize=\"XS\" />\n      </IconButton>\n    </li>\n  );\n};\n\nFile.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     * Style applied to the progress bar.\n     */\n    progressbar: PropTypes.string,\n    /**\n     * Style applied to the progress bar background.\n     */\n    progressbarBack: PropTypes.string,\n    /**\n     * Style applied to the file name.\n     */\n    nameText: PropTypes.string,\n    /**\n     * Style applied to the container of the progress bar.\n     */\n    progressTextContainer: PropTypes.string,\n    /**\n     * Style applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Style applied to the file preview container.\n     */\n    previewContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * File information to be displayed\n   */\n  data: PropTypes.shape({\n    /**\n     * The file id.\n     */\n    id: PropTypes.string,\n    /**\n     * The file name.\n     */\n    name: PropTypes.string,\n    /**\n     * The upload status.\n     */\n    status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n    /**\n     * Optional node representing a preview of the uploaded file.\n     */\n    preview: PropTypes.node,\n  }).isRequired,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func.isRequired,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"mappings":"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"}
+{"version":3,"file":"File.js","names":["getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","convertUnits","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","setId","removeButton","propTypes","PropTypes","string","shape","isRequired","oneOf","node","func","withStyles","styles"],"sources":["../../../src/FileUploader/File/File.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IconButton, withStyles } from \"@material-ui/core\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes.icon} color=\"sema1\" />;\n    case \"fail\":\n      return <Fail className={classes.icon} color=\"sema4\" />;\n    default:\n      return <div className={classes.icon} />;\n  }\n};\n\nconst getProgressText = (classes, data) => {\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=\"highlightText\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n  const width = Math.round((progress * 100) / size);\n\n  return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n  const hasError = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n  const progressText = getProgressText(classes, data);\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li>\n      {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n      {!hasError && inProgress && (\n        <progress\n          className={classes.progressbar}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n      <IconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        category=\"ghost\"\n        onClick={() => onFileRemoved?.(data)}\n      >\n        <Close iconSize=\"XS\" />\n      </IconButton>\n    </li>\n  );\n};\n\nFile.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     * Style applied to the progress bar.\n     */\n    progressbar: PropTypes.string,\n    /**\n     * Style applied to the progress bar background.\n     */\n    progressbarBack: PropTypes.string,\n    /**\n     * Style applied to the file name.\n     */\n    nameText: PropTypes.string,\n    /**\n     * Style applied to the container of the progress bar.\n     */\n    progressTextContainer: PropTypes.string,\n    /**\n     * Style applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Style applied to the file preview container.\n     */\n    previewContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * File information to be displayed\n   */\n  data: PropTypes.shape({\n    /**\n     * The file id.\n     */\n    id: PropTypes.string,\n    /**\n     * The file name.\n     */\n    name: PropTypes.string,\n    /**\n     * The upload status.\n     */\n    status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n    /**\n     * Optional node representing a preview of the uploaded file.\n     */\n    preview: PropTypes.node,\n  }).isRequired,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func.isRequired,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,OAAD,EAAUC,MAAV,EAAqB;EACzC,QAAQA,MAAR;IACE,KAAK,SAAL;MACE,oBAAO,6BAAC,wBAAD;QAAS,SAAS,EAAED,OAAO,CAACE,IAA5B;QAAkC,KAAK,EAAC;MAAxC,EAAP;;IACF,KAAK,MAAL;MACE,oBAAO,6BAAC,qBAAD;QAAM,SAAS,EAAEF,OAAO,CAACE,IAAzB;QAA+B,KAAK,EAAC;MAArC,EAAP;;IACF;MACE,oBAAO;QAAK,SAAS,EAAEF,OAAO,CAACE;MAAxB,EAAP;EANJ;AAQD,CATD;;AAWA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACH,OAAD,EAAUI,IAAV,EAAmB;EACzC,IAAMC,SAAS,GAAGD,IAAI,CAACH,MAAL,KAAgB,MAAlC;EACA,IAAMK,UAAU,GAAGF,IAAI,CAACH,MAAL,KAAgB,UAAnC;EAEA,oBACE,4DACGG,IAAI,CAACG,QAAL,IAAiBH,IAAI,CAACI,IAAtB,IAA8BJ,IAAI,CAACK,YAAnC,iBAAgE,IADnE,EAGGH,UAAU,IAAIF,IAAI,CAACG,QAAL,IAAiB,IAA/B,iBACC,6BAAC,mBAAD;IAAc,OAAO,EAAC;EAAtB,aACM,IAAAG,mBAAA,EAAaN,IAAI,CAACG,QAAlB,CADN,eAJJ,EASG,CAACF,SAAD,IAAcD,IAAI,CAACI,IAAnB,iBAA2B,6BAAC,mBAAD,kBAAkB,IAAAE,mBAAA,EAAaN,IAAI,CAACI,IAAlB,CAAlB,EAT9B,EAWGH,SAAS,IAAID,IAAI,CAACK,YAAlB,iBACC,6BAAC,mBAAD;IAAc,SAAS,EAAET,OAAO,CAACW;EAAjC,GAAwCP,IAAI,CAACK,YAA7C,CAZJ,CADF;AAiBD,CArBD;;AAuBA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,OAAwB;EAAA,IAArBJ,IAAqB,QAArBA,IAAqB;EAAA,IAAfD,QAAe,QAAfA,QAAe;EACjD,IAAMM,KAAK,GAAGC,IAAI,CAACC,KAAL,CAAYR,QAAQ,GAAG,GAAZ,GAAmBC,IAA9B,CAAd;EAEA,OAAOK,KAAP;AACD,CAJD;;AAMA,IAAMG,IAAI,GAAG,SAAPA,IAAO,QAAiE;EAAA,IAA9DC,EAA8D,SAA9DA,EAA8D;EAAA,IAA1DjB,OAA0D,SAA1DA,OAA0D;EAAA,IAAjDI,IAAiD,SAAjDA,IAAiD;EAAA,IAA3Cc,aAA2C,SAA3CA,aAA2C;EAAA,IAA5BC,qBAA4B,SAA5BA,qBAA4B;EAC5E,IAAMC,QAAQ,GAAGhB,IAAI,CAACH,MAAL,KAAgB,MAAjC;EACA,IAAMK,UAAU,GAAGF,IAAI,CAACH,MAAL,KAAgB,UAAnC;EACA,IAAMoB,YAAY,GAAGlB,eAAe,CAACH,OAAD,EAAUI,IAAV,CAApC;EACA,IAAMkB,UAAU,GAAGvB,aAAa,CAACC,OAAD,EAAUI,IAAI,CAACH,MAAf,CAAhC;EAEA,IAAMsB,eAAe,GAAGX,kBAAkB,CAACR,IAAD,CAA1C;EAEA,oBACE,yCACG,CAACgB,QAAD,IAAad,UAAb,iBAA2B;IAAM,SAAS,EAAEN,OAAO,CAACwB;EAAzB,EAD9B,EAGG,CAACJ,QAAD,IAAad,UAAb,iBACC;IACE,SAAS,EAAEN,OAAO,CAACyB,WADrB;IAEE,iBAAc,GAFhB;IAGE,iBAAc,KAHhB;IAIE,iBAAeF,eAJjB;IAKE,KAAK,EAAE;MAAEV,KAAK,YAAKU,eAAL;IAAP;EALT,EAJJ,EAaGD,UAbH,eAeE,6BAAC,mBAAD;IAAc,MAAM,MAApB;IAAqB,SAAS,EAAEtB,OAAO,CAAC0B,QAAxC;IAAkD,OAAO,EAAC;EAA1D,GACGtB,IAAI,CAACuB,IADR,CAfF,eAmBE;IAAM,SAAS,EAAE3B,OAAO,CAAC4B;EAAzB,GAAiDP,YAAjD,CAnBF,EAqBGjB,IAAI,CAACyB,OAAL,iBAAgB;IAAK,SAAS,EAAE7B,OAAO,CAAC8B;EAAxB,GAA2C1B,IAAI,CAACyB,OAAhD,CArBnB,eAuBE,6BAAC,gBAAD;IACE,EAAE,EAAE,IAAAE,YAAA,EAAMd,EAAN,EAAU,eAAV,CADN;IAEE,cAAYE,qBAFd;IAGE,SAAS,EAAEnB,OAAO,CAACgC,YAHrB;IAIE,QAAQ,EAAC,OAJX;IAKE,OAAO,EAAE;MAAA,OAAMd,aAAN,aAAMA,aAAN,uBAAMA,aAAa,CAAGd,IAAH,CAAnB;IAAA;EALX,oCAOE,6BAAC,sBAAD;IAAO,QAAQ,EAAC;EAAhB,EAPF,EAvBF,CADF;AAmCD,CA3CD;;AA6CA,wCAAAY,IAAI,CAACiB,SAAL,GAAiB;EACf;AACF;AACA;EACEhB,EAAE,EAAEiB,kBAAA,CAAUC,MAJC;;EAKf;AACF;AACA;EACEnC,OAAO,EAAEkC,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,WAAW,EAAES,kBAAA,CAAUC,MAJA;;IAKvB;AACJ;AACA;IACIX,eAAe,EAAEU,kBAAA,CAAUC,MARJ;;IASvB;AACJ;AACA;IACIT,QAAQ,EAAEQ,kBAAA,CAAUC,MAZG;;IAavB;AACJ;AACA;IACIP,qBAAqB,EAAEM,kBAAA,CAAUC,MAhBV;;IAiBvB;AACJ;AACA;IACIH,YAAY,EAAEE,kBAAA,CAAUC,MApBD;;IAqBvB;AACJ;AACA;IACIL,gBAAgB,EAAEI,kBAAA,CAAUC;EAxBL,CAAhB,EAyBNE,UAjCY;;EAkCf;AACF;AACA;EACEjC,IAAI,EAAE8B,kBAAA,CAAUE,KAAV,CAAgB;IACpB;AACJ;AACA;IACInB,EAAE,EAAEiB,kBAAA,CAAUC,MAJM;;IAKpB;AACJ;AACA;IACIR,IAAI,EAAEO,kBAAA,CAAUC,MARI;;IASpB;AACJ;AACA;IACIlC,MAAM,EAAEiC,kBAAA,CAAUI,KAAV,CAAgB,CAAC,UAAD,EAAa,SAAb,EAAwB,MAAxB,CAAhB,CAZY;;IAapB;AACJ;AACA;IACIT,OAAO,EAAEK,kBAAA,CAAUK;EAhBC,CAAhB,EAiBHF,UAtDY;;EAuDf;AACF;AACA;EACEnB,aAAa,EAAEgB,kBAAA,CAAUM,IAAV,CAAeH,UA1Df;;EA2Df;AACF;AACA;EACElB,qBAAqB,EAAEe,kBAAA,CAAUC,MAAV,CAAiBE;AA9DzB,CAAjB;;eAiEe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEf,IAAI,EAAE;AAAR,CAAnB,EAAmDX,IAAnD,C"}

package/dist/FileUploader/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","hasFiles","length","map","data","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","styles","name"],"sources":["../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setUid } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={id} className={classes.list}>\n      {list.map((data) => (\n        <File\n          key={data.id}\n          id={setUid(id, data.id)}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.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.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAsE;EAAA,IAAnEC,EAAmE,QAAnEA,EAAmE;EAAA,IAA/DC,OAA+D,QAA/DA,OAA+D;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,qBAA2C,QAA3CA,qBAA2C;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EACrF,IAAMC,QAAQ,GAAGH,IAAI,CAACI,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAEL,EAAR;IAAY,SAAS,EAAEC,OAAO,CAACC;EAA/B,GACGA,IAAI,CAACK,GAAL,CAAS,UAACC,IAAD;IAAA,oBACR,6BAAC,aAAD;MACE,GAAG,EAAEA,IAAI,CAACR,EADZ;MAEE,EAAE,EAAE,cAAOA,EAAP,EAAWQ,IAAI,CAACR,EAAhB,CAFN;MAGE,IAAI,EAAEQ,IAHR;MAIE,aAAa,EAAEJ,aAJjB;MAKE,qBAAqB,EAAED;IALzB,EADQ;EAAA,CAAT,CADH,CADF;AAaD,CAjBD;;AAmBA,wCAAAJ,QAAQ,CAACU,SAAT,GAAqB;EACnB;AACF;AACA;EACET,EAAE,EAAEU,mBAAUC,MAJK;;EAKnB;AACF;AACA;EACEV,OAAO,EAAES,mBAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEZ,IAAI,EAAEQ,mBAAUK,OAAV,CAAkBL,mBAAUM,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEZ,aAAa,EAAEM,mBAAUO,IAhBN;;EAiBnB;AACF;AACA;EACEd,qBAAqB,EAAEO,mBAAUC,MAAV,CAAiBG;AApBrB,CAArB;;eAuBe,sBAAWI,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuDpB,QAAvD,C"}
+{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","hasFiles","length","map","data","setUid","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","withStyles","styles","name"],"sources":["../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setUid } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={id} className={classes.list}>\n      {list.map((data) => (\n        <File\n          key={data.id}\n          id={setUid(id, data.id)}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.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.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAsE;EAAA,IAAnEC,EAAmE,QAAnEA,EAAmE;EAAA,IAA/DC,OAA+D,QAA/DA,OAA+D;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,qBAA2C,QAA3CA,qBAA2C;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EACrF,IAAMC,QAAQ,GAAGH,IAAI,CAACI,MAAL,GAAc,CAA/B;EACA,IAAI,CAACD,QAAL,EAAe,OAAO,IAAP;EAEf,oBACE;IAAI,EAAE,EAAEL,EAAR;IAAY,SAAS,EAAEC,OAAO,CAACC;EAA/B,GACGA,IAAI,CAACK,GAAL,CAAS,UAACC,IAAD;IAAA,oBACR,6BAAC,aAAD;MACE,GAAG,EAAEA,IAAI,CAACR,EADZ;MAEE,EAAE,EAAE,IAAAS,QAAA,EAAOT,EAAP,EAAWQ,IAAI,CAACR,EAAhB,CAFN;MAGE,IAAI,EAAEQ,IAHR;MAIE,aAAa,EAAEJ,aAJjB;MAKE,qBAAqB,EAAED;IALzB,EADQ;EAAA,CAAT,CADH,CADF;AAaD,CAjBD;;AAmBA,wCAAAJ,QAAQ,CAACW,SAAT,GAAqB;EACnB;AACF;AACA;EACEV,EAAE,EAAEW,kBAAA,CAAUC,MAJK;;EAKnB;AACF;AACA;EACEX,OAAO,EAAEU,kBAAA,CAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;EASnB;AACF;AACA;EACEb,IAAI,EAAES,kBAAA,CAAUK,OAAV,CAAkBL,kBAAA,CAAUM,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;EAanB;AACF;AACA;EACEb,aAAa,EAAEO,kBAAA,CAAUO,IAhBN;;EAiBnB;AACF;AACA;EACEf,qBAAqB,EAAEQ,kBAAA,CAAUC,MAAV,CAAiBG;AApBrB,CAArB;;eAuBe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAuDtB,QAAvD,C"}

package/dist/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labelsProp","labels","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","propTypes","PropTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object","styles"],"sources":["../../src/FileUploader/FileUploader.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\n// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nconst FileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  maxFileSize = Infinity,\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n\n  hideLabels = false,\n  inputProps = {},\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <DropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <FileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n\nFileUploader.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An object containing all the labels.\n   *\n   */\n  labels: PropTypes.shape({\n    /**\n     * Accepted file list label\n     */\n    acceptedFiles: PropTypes.string,\n    /**\n     * DropZone area label.\n     */\n    dropzone: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    sizeWarning: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    drag: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    selectFiles: PropTypes.string,\n    /**\n     * Theming sheet used to style components\n     * */\n    dropFiles: PropTypes.string,\n    /**\n     * Message to display when file size is greater than allowed\n     * */\n    fileSizeError: PropTypes.string,\n    /**\n     * Message to display when file type is greater than allowed\n     * */\n    fileTypeError: PropTypes.string,\n    /**\n     * Value of aria-label to apply to remove file button in filelist\n     * */\n    removeFileButtonLabel: PropTypes.string,\n  }),\n  /**\n   * The files to upload.\n   */\n  fileList: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The file name.\n       */\n      name: PropTypes.string,\n      /**\n       * The file size in bytes.\n       */\n      size: PropTypes.number,\n      /**\n       * Upload progress in bytes.\n       */\n      progress: PropTypes.number,\n      /**\n       * Upload status.\n       */\n      status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n      /**\n       * Optional node representing a preview of the uploaded file.\n       */\n      preview: PropTypes.node,\n    })\n  ).isRequired,\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   * Max upload size\n   * */\n  maxFileSize: PropTypes.number,\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Whether the DropZone should hide 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: \"HvFileUploader\" })(FileUploader);\n"],"mappings":"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"}
+{"version":3,"file":"FileUploader.js","names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labelsProp","labels","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","useLabels","setId","propTypes","PropTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object","withStyles","styles"],"sources":["../../src/FileUploader/FileUploader.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\n// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nconst FileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  maxFileSize = Infinity,\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n\n  hideLabels = false,\n  inputProps = {},\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <DropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <FileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n\nFileUploader.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An object containing all the labels.\n   *\n   */\n  labels: PropTypes.shape({\n    /**\n     * Accepted file list label\n     */\n    acceptedFiles: PropTypes.string,\n    /**\n     * DropZone area label.\n     */\n    dropzone: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    sizeWarning: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    drag: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    selectFiles: PropTypes.string,\n    /**\n     * Theming sheet used to style components\n     * */\n    dropFiles: PropTypes.string,\n    /**\n     * Message to display when file size is greater than allowed\n     * */\n    fileSizeError: PropTypes.string,\n    /**\n     * Message to display when file type is greater than allowed\n     * */\n    fileTypeError: PropTypes.string,\n    /**\n     * Value of aria-label to apply to remove file button in filelist\n     * */\n    removeFileButtonLabel: PropTypes.string,\n  }),\n  /**\n   * The files to upload.\n   */\n  fileList: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The file name.\n       */\n      name: PropTypes.string,\n      /**\n       * The file size in bytes.\n       */\n      size: PropTypes.number,\n      /**\n       * Upload progress in bytes.\n       */\n      progress: PropTypes.number,\n      /**\n       * Upload status.\n       */\n      status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n      /**\n       * Optional node representing a preview of the uploaded file.\n       */\n      preview: PropTypes.node,\n    })\n  ).isRequired,\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   * Max upload size\n   * */\n  maxFileSize: PropTypes.number,\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Whether the DropZone should hide 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: \"HvFileUploader\" })(FileUploader);\n"],"mappings":"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"}

package/dist/FileUploader/Preview/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","names":["Preview","props","children","classes","onClick","onUnload","disableOverlay","others","previewButton","overlay","propTypes","PropTypes","node","isRequired","func","bool","shape","string","styles","name"],"sources":["../../../src/FileUploader/Preview/Preview.js"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Preview as PreviewIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../..\";\n\nimport styles from \"./styles\";\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 */\nconst Preview = (props) => {\n  const { children, classes, onClick, onUnload, disableOverlay = false, ...others } = props;\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton icon className={classes.previewButton} onClick={onClick} {...others}>\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <PreviewIcon />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n\nPreview.propTypes = {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback executed when the preview is clicked.\n   *\n   * When not null, the preview content will be enclosed in a button.\n   *\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\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: PropTypes.func,\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: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles to apply to the button when present.\n     */\n    previewButton: PropTypes.string,\n    /**\n     * Styles to apply to the overlay shown on hover.\n     */\n    overlay: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderPreview\" })(Preview);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,QAAR,GAAoFD,KAApF,CAAQC,QAAR;EAAA,IAAkBC,OAAlB,GAAoFF,KAApF,CAAkBE,OAAlB;EAAA,IAA2BC,OAA3B,GAAoFH,KAApF,CAA2BG,OAA3B;EAAA,IAAoCC,QAApC,GAAoFJ,KAApF,CAAoCI,QAApC;EAAA,4BAAoFJ,KAApF,CAA8CK,cAA9C;EAAA,IAA8CA,cAA9C,sCAA+D,KAA/D;EAAA,IAAyEC,MAAzE,0CAAoFN,KAApF;EAEA,sBAAU,YAAM;IACd,OAAO,YAAM;MACXI,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;IACT,CAFD;EAGD,CAJD,EAIG,CAACA,QAAD,CAJH;;EAMA,IAAID,OAAJ,EAAa;IACX,oBACE,6BAAC,UAAD;MAAU,IAAI,MAAd;MAAe,SAAS,EAAED,OAAO,CAACK,aAAlC;MAAiD,OAAO,EAAEJ;IAA1D,GAAuEG,MAAvE,GACGL,QADH,EAEG,CAACI,cAAD,iBACC;MAAK,SAAS,EAAEH,OAAO,CAACM,OAAxB;MAAiC,eAAY;IAA7C,gDACE,6BAAC,wBAAD,OADF,EAHJ,CADF;EAUD;;EAED,OAAOP,QAAP;AACD,CAvBD;;AAyBA,wCAAAF,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACER,QAAQ,EAAES,mBAAUC,IAAV,CAAeC,UAJP;;EAKlB;AACF;AACA;AACA;AACA;AACA;AACA;EACET,OAAO,EAAEO,mBAAUG,IAZD;;EAalB;AACF;AACA;AACA;AACA;EACET,QAAQ,EAAEM,mBAAUG,IAlBF;;EAmBlB;AACF;AACA;AACA;AACA;EACER,cAAc,EAAEK,mBAAUI,IAxBR;;EAyBlB;AACF;AACA;EACEZ,OAAO,EAAEQ,mBAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,aAAa,EAAEG,mBAAUM,MAJF;;IAKvB;AACJ;AACA;IACIR,OAAO,EAAEE,mBAAUM;EARI,CAAhB,EASNJ;AArCe,CAApB;;eAwCe,sBAAWK,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAsDnB,OAAtD,C"}
+{"version":3,"file":"Preview.js","names":["Preview","props","children","classes","onClick","onUnload","disableOverlay","others","useEffect","previewButton","overlay","propTypes","PropTypes","node","isRequired","func","bool","shape","string","withStyles","styles","name"],"sources":["../../../src/FileUploader/Preview/Preview.js"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Preview as PreviewIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../..\";\n\nimport styles from \"./styles\";\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 */\nconst Preview = (props) => {\n  const { children, classes, onClick, onUnload, disableOverlay = false, ...others } = props;\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton icon className={classes.previewButton} onClick={onClick} {...others}>\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <PreviewIcon />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n\nPreview.propTypes = {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback executed when the preview is clicked.\n   *\n   * When not null, the preview content will be enclosed in a button.\n   *\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\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: PropTypes.func,\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: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles to apply to the button when present.\n     */\n    previewButton: PropTypes.string,\n    /**\n     * Styles to apply to the overlay shown on hover.\n     */\n    overlay: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderPreview\" })(Preview);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,QAAR,GAAoFD,KAApF,CAAQC,QAAR;EAAA,IAAkBC,OAAlB,GAAoFF,KAApF,CAAkBE,OAAlB;EAAA,IAA2BC,OAA3B,GAAoFH,KAApF,CAA2BG,OAA3B;EAAA,IAAoCC,QAApC,GAAoFJ,KAApF,CAAoCI,QAApC;EAAA,4BAAoFJ,KAApF,CAA8CK,cAA9C;EAAA,IAA8CA,cAA9C,sCAA+D,KAA/D;EAAA,IAAyEC,MAAzE,0CAAoFN,KAApF;EAEA,IAAAO,gBAAA,EAAU,YAAM;IACd,OAAO,YAAM;MACXH,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;IACT,CAFD;EAGD,CAJD,EAIG,CAACA,QAAD,CAJH;;EAMA,IAAID,OAAJ,EAAa;IACX,oBACE,6BAAC,UAAD;MAAU,IAAI,MAAd;MAAe,SAAS,EAAED,OAAO,CAACM,aAAlC;MAAiD,OAAO,EAAEL;IAA1D,GAAuEG,MAAvE,GACGL,QADH,EAEG,CAACI,cAAD,iBACC;MAAK,SAAS,EAAEH,OAAO,CAACO,OAAxB;MAAiC,eAAY;IAA7C,gDACE,6BAAC,wBAAD,OADF,EAHJ,CADF;EAUD;;EAED,OAAOR,QAAP;AACD,CAvBD;;AAyBA,wCAAAF,OAAO,CAACW,SAAR,GAAoB;EAClB;AACF;AACA;EACET,QAAQ,EAAEU,kBAAA,CAAUC,IAAV,CAAeC,UAJP;;EAKlB;AACF;AACA;AACA;AACA;AACA;AACA;EACEV,OAAO,EAAEQ,kBAAA,CAAUG,IAZD;;EAalB;AACF;AACA;AACA;AACA;EACEV,QAAQ,EAAEO,kBAAA,CAAUG,IAlBF;;EAmBlB;AACF;AACA;AACA;AACA;EACET,cAAc,EAAEM,kBAAA,CAAUI,IAxBR;;EAyBlB;AACF;AACA;EACEb,OAAO,EAAES,kBAAA,CAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,aAAa,EAAEG,kBAAA,CAAUM,MAJF;;IAKvB;AACJ;AACA;IACIR,OAAO,EAAEE,kBAAA,CAAUM;EARI,CAAhB,EASNJ;AArCe,CAApB;;eAwCe,IAAAK,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAsDrB,OAAtD,C"}

package/dist/FilterGroup/Counter/Counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.js","names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","FilterGroupContext","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","propTypes","PropTypes","string"],"sources":["../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\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\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    ?.flat()\n    ?.filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,GAAD,EAAMC,YAAN,EAAoBC,aAApB,EAAsC;EAAA;;EACnE,IAAIC,KAAK,GAAG,CAAZ;EACA,qBAAAF,YAAY,CAACD,GAAD,CAAZ,wEAAmBI,OAAnB,CAA2B,UAACC,EAAD,EAAQ;IAAA;;IACjC,0BAAIH,aAAa,CAACF,GAAD,CAAjB,+CAAI,mBAAoBM,IAApB,CAAyBC,IAAzB,CAA8B,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,EAAF,KAASJ,EAAhB;IAAA,CAA9B,CAAJ,EAAuD;MACrDF,KAAK,IAAI,CAAT;IACD;EACF,CAJD;EAKA,OAAOA,KAAP;AACD,CARD;;AAUA,IAAMO,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATF,EAAS,QAATA,EAAS;EACrC,IAAMG,OAAO,GAAG,sBAAhB;;EACA,kBAAkE,uBAAWC,sCAAX,CAAlE;EAAA,IAAQX,aAAR,eAAQA,aAAR;EAAA,wCAAuBD,YAAvB;EAAA,IAAuBA,YAAvB,sCAAsC,EAAtC;EAAA,wCAA0Ca,cAA1C;EAAA,IAA0CA,cAA1C,sCAA2D,EAA3D;;EAEA,IAAMC,OAAO,GAAGN,EAAE,GAAG,CAACP,aAAa,CAACK,IAAd,CAAmB,UAACS,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDP,aAA1E;EACA,IAAMe,SAAS,GAAGf,aAAa,CAACgB,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACP,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAIU,aAAa,GAAG,CAApB;EACAL,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CACVM,IADJ,gFAEIC,MAFJ,CAEW,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAFX,EAGGnB,OAHH,CAGW,UAACoB,EAAD,EAAKC,CAAL,EAAW;IAClBN,aAAa,IAAIpB,sBAAsB,CAAC0B,CAAD,EAAIxB,YAAJ,EAAkBC,aAAlB,CAAvC;EACD,CALH;EAOA,IAAMwB,cAAc,GAAGjB,EAAE,GACrBV,sBAAsB,CAACkB,SAAD,EAAYhB,YAAZ,EAA0BC,aAA1B,CAAtB,IAAkE,CAD7C,GAErBiB,aAFJ;EAGA,IAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMb,MAAN;IAAA,OAAiBa,GAAG,GAAGb,MAAM,CAACV,IAAP,CAAYwB,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAE,mBAAKlB,OAAO,CAACmB,IAAb,EAAmBpB,SAAnB;EAAhB,GACGe,cAAc,GAAG,CAAjB,gBAAqB,wCAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CA1BD;;AA4BA,wCAAAjB,OAAO,CAACsB,SAAR,GAAoB;EAClBrB,SAAS,EAAEsB,mBAAUC,MADH;EAElBzB,EAAE,EAAEwB,mBAAUC;AAFI,CAApB;eAKexB,O"}
+{"version":3,"file":"Counter.js","names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","Counter","className","classes","useStyles","useContext","FilterGroupContext","appliedFilters","options","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","clsx","root","propTypes","PropTypes","string"],"sources":["../../../src/FilterGroup/Counter/Counter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst getExistingFiltersById = (idx, filterValues, filterOptions) => {\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\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues = [], appliedFilters = [] } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    ?.flat()\n    ?.filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,GAAD,EAAMC,YAAN,EAAoBC,aAApB,EAAsC;EAAA;;EACnE,IAAIC,KAAK,GAAG,CAAZ;EACA,qBAAAF,YAAY,CAACD,GAAD,CAAZ,wEAAmBI,OAAnB,CAA2B,UAACC,EAAD,EAAQ;IAAA;;IACjC,0BAAIH,aAAa,CAACF,GAAD,CAAjB,+CAAI,mBAAoBM,IAApB,CAAyBC,IAAzB,CAA8B,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,EAAF,KAASJ,EAAhB;IAAA,CAA9B,CAAJ,EAAuD;MACrDF,KAAK,IAAI,CAAT;IACD;EACF,CAJD;EAKA,OAAOA,KAAP;AACD,CARD;;AAUA,IAAMO,OAAO,GAAG,SAAVA,OAAU,OAAuB;EAAA;;EAAA,IAApBC,SAAoB,QAApBA,SAAoB;EAAA,IAATF,EAAS,QAATA,EAAS;EACrC,IAAMG,OAAO,GAAG,IAAAC,eAAA,GAAhB;;EACA,kBAAkE,IAAAC,iBAAA,EAAWC,sCAAX,CAAlE;EAAA,IAAQb,aAAR,eAAQA,aAAR;EAAA,wCAAuBD,YAAvB;EAAA,IAAuBA,YAAvB,sCAAsC,EAAtC;EAAA,wCAA0Ce,cAA1C;EAAA,IAA0CA,cAA1C,sCAA2D,EAA3D;;EAEA,IAAMC,OAAO,GAAGR,EAAE,GAAG,CAACP,aAAa,CAACK,IAAd,CAAmB,UAACW,MAAD;IAAA,OAAYA,MAAM,CAACT,EAAP,KAAcA,EAA1B;EAAA,CAAnB,CAAD,CAAH,GAAwDP,aAA1E;EACA,IAAMiB,SAAS,GAAGjB,aAAa,CAACkB,SAAd,CAAwB,UAACF,MAAD;IAAA,OAAYA,MAAM,CAACT,EAAP,KAAcA,EAA1B;EAAA,CAAxB,CAAlB;EAEA,IAAIY,aAAa,GAAG,CAApB;EACAL,cAAc,SAAd,IAAAA,cAAc,WAAd,oCAAAA,cAAc,CACVM,IADJ,gFAEIC,MAFJ,CAEW,UAACC,IAAD;IAAA,OAAUA,IAAI,KAAKC,SAAnB;EAAA,CAFX,EAGGrB,OAHH,CAGW,UAACsB,EAAD,EAAKC,CAAL,EAAW;IAClBN,aAAa,IAAItB,sBAAsB,CAAC4B,CAAD,EAAI1B,YAAJ,EAAkBC,aAAlB,CAAvC;EACD,CALH;EAOA,IAAM0B,cAAc,GAAGnB,EAAE,GACrBV,sBAAsB,CAACoB,SAAD,EAAYlB,YAAZ,EAA0BC,aAA1B,CAAtB,IAAkE,CAD7C,GAErBmB,aAFJ;EAGA,IAAMQ,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMb,MAAN;IAAA,OAAiBa,GAAG,GAAGb,MAAM,CAACZ,IAAP,CAAY0B,MAAnC;EAAA,CAAf,EAA0D,CAA1D,CAArB;EAEA,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKrB,OAAO,CAACsB,IAAb,EAAmBvB,SAAnB;EAAhB,GACGiB,cAAc,GAAG,CAAjB,gBAAqB,wCAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CA1BD;;AA4BA,wCAAAnB,OAAO,CAACyB,SAAR,GAAoB;EAClBxB,SAAS,EAAEyB,kBAAA,CAAUC,MADH;EAElB5B,EAAE,EAAE2B,kBAAA,CAAUC;AAFI,CAApB;eAKe3B,O"}

package/dist/FilterGroup/Counter/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","height","lineHeight","margin","pointerEvents"],"sources":["../../../src/FilterGroup/Counter/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,sBAAW;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJC,MAAM,EAAE,MADJ;MAEJC,UAAU,EAAE,MAFR;MAGJC,MAAM,EAAE,QAHJ;MAIJC,aAAa,EAAE;IAJX;EADyB,CAAP;AAAA,CAAX,CAAf;eASeL,M"}
+{"version":3,"file":"styles.js","names":["styles","makeStyles","root","height","lineHeight","margin","pointerEvents"],"sources":["../../../src/FilterGroup/Counter/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n}));\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BC,IAAI,EAAE;MACJC,MAAM,EAAE,MADJ;MAEJC,UAAU,EAAE,MAFR;MAGJC,MAAM,EAAE,QAHJ;MAIJC,aAAa,EAAE;IAJX;EADyB,CAAP;AAAA,CAAX,CAAf;eASeN,M"}