@hitachivantara/uikit-react-core 3.52.5 → 3.53.0

package/dist/ListContainer/ListContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ListContainer/ListContainer.js"],"names":["HvListContainer","React","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","HvListContext","topContainerRef","nesting","listContext","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","root","propTypes","PropTypes","string","shape","isRequired","bool","node","styles","name"],"mappings":"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","sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport useForkRef from \"../utils/useForkRef\";\n\nimport styles from \"./styles\";\n\nimport HvListContext from \"./ListContext\";\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nconst HvListContainer = React.forwardRef((props, externalRef) => {\n  const {\n    id,\n    className,\n    classes,\n    interactive = false,\n    condensed,\n    disableGutters,\n    children,\n    ...others\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const { topContainerRef, nesting = -1 } = useContext(HvListContext);\n\n  const listContext = useMemo(\n    () => ({\n      topContainerRef: topContainerRef || containerRef,\n      condensed,\n      disableGutters,\n      interactive,\n      nesting: nesting + 1,\n    }),\n    [condensed, disableGutters, interactive, nesting, topContainerRef]\n  );\n\n  const renderChildren = () => {\n    if (!interactive) {\n      return children;\n    }\n\n    const anySelected = React.Children.toArray(children)\n      .map((child) => child.props.selected && !child.props.disabled)\n      .reduce((result, selected) => result || selected, false);\n\n    return React.Children.map(children, (child, i) => {\n      const tabIndex =\n        child.props.tabIndex ||\n        (!anySelected && i === 0) ||\n        (child.props.selected && !child.props.disabled)\n          ? 0\n          : -1;\n\n      return React.cloneElement(child, {\n        tabIndex,\n      });\n    });\n  };\n\n  const handleRef = useForkRef(externalRef, containerRef);\n\n  return (\n    <HvListContext.Provider value={listContext}>\n      <ul ref={handleRef} id={id} className={clsx(className, classes.root)} {...others}>\n        {renderChildren()}\n      </ul>\n    </HvListContext.Provider>\n  );\n});\n\nHvListContainer.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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  }).isRequired,\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compact the vertical spacing between list items.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the list items' left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The list items.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvListContainer\" })(HvListContainer);\n"],"file":"ListContainer.js"}
+{"version":3,"sources":["../../src/ListContainer/ListContainer.js"],"names":["HvListContainer","React","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","HvListContext","topContainerRef","nesting","listContext","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","root","propTypes","PropTypes","string","shape","isRequired","bool","node","styles","name"],"mappings":"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","sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport useForkRef from \"../utils/useForkRef\";\n\nimport styles from \"./styles\";\n\nimport HvListContext from \"./ListContext\";\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nconst HvListContainer = React.forwardRef((props, externalRef) => {\n  const {\n    id,\n    className,\n    classes,\n    interactive = false,\n    condensed,\n    disableGutters,\n    children,\n    ...others\n  } = props;\n\n  const containerRef = useRef(null);\n\n  const { topContainerRef, nesting = -1 } = useContext(HvListContext);\n\n  const listContext = useMemo(\n    () => ({\n      topContainerRef: topContainerRef || containerRef,\n      condensed,\n      disableGutters,\n      interactive,\n      nesting: nesting + 1,\n    }),\n    [condensed, disableGutters, interactive, nesting, topContainerRef]\n  );\n\n  const renderChildren = () => {\n    if (!interactive) {\n      return children;\n    }\n\n    const anySelected = React.Children.toArray(children)\n      .map((child) => child.props.selected && !child.props.disabled)\n      .reduce((result, selected) => result || selected, false);\n\n    return React.Children.map(children, (child, i) => {\n      const tabIndex =\n        child.props.tabIndex ||\n        (!anySelected && i === 0) ||\n        (child.props.selected && !child.props.disabled)\n          ? 0\n          : -1;\n\n      return React.cloneElement(child, {\n        tabIndex,\n      });\n    });\n  };\n\n  const handleRef = useForkRef(externalRef, containerRef);\n\n  return (\n    <HvListContext.Provider value={listContext}>\n      <ul ref={handleRef} id={id} className={clsx(className, classes.root)} {...others}>\n        {renderChildren()}\n      </ul>\n    </HvListContext.Provider>\n  );\n});\n\nHvListContainer.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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  }).isRequired,\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compact the vertical spacing between list items.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the list items' left and right padding is removed.\n   */\n  disableGutters: PropTypes.bool,\n  /**\n   * The list items.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvListContainer\" })(HvListContainer);\n"],"file":"ListContainer.js"}

package/dist/ListContainer/ListItem/ListItem.js

@@ -142,7 +142,7 @@ var HvListItem = function HvListItem(props) {
   }, listItem) : listItem;
 };
 
-HvListItem.propTypes = {
+process.env.NODE_ENV !== "production" ? HvListItem.propTypes = {
   /**
    * The id of the root element
    */
@@ -277,7 +277,7 @@ HvListItem.propTypes = {
    * @ignore
    */
   tabIndex: _propTypes.default.number
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvListItem"

package/dist/ListContainer/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListContainer/ListItem/ListItem.js"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","React","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactiveProp","interactive","condensedProp","condensed","disableGuttersProp","disableGutters","startAdornment","endAdornment","children","tabIndex","others","HvListContext","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","PropTypes","string","shape","isRequired","bool","node","func","number","styles","name"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"file":"ListItem.js"}
+{"version":3,"sources":["../../../src/ListContainer/ListItem/ListItem.js"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","React","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactiveProp","interactive","condensedProp","condensed","disableGuttersProp","disableGutters","startAdornment","endAdornment","children","tabIndex","others","HvListContext","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","PropTypes","string","shape","isRequired","bool","node","func","number","styles","name"],"mappings":"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","sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useCallback, useContext, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nimport Focus from \"../../Focus\";\n\nimport HvListContext from \"../ListContext\";\n\nconst applyClassNameAndStateToElement = (element, selected, disabled, onClick, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nconst HvListItem = (props) => {\n  const {\n    id,\n\n    className,\n    classes,\n\n    role,\n    selected,\n    disabled,\n\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n\n    startAdornment,\n    endAdornment,\n\n    onClick,\n\n    children,\n\n    tabIndex,\n\n    ...others\n  } = props;\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters = disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive = interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        classes.startAdornment\n      ),\n    [classes.startAdornment, disabled, handleOnClick, selected, startAdornment]\n  );\n  const clonedEndAdornment = useMemo(\n    () => applyClassNameToElement(endAdornment, classes.endAdornment),\n    [classes.endAdornment, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <li\n      id={id}\n      role={role}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(className, classes.root, {\n        [classes.gutters]: !disableGutters,\n        [classes.condensed]: condensed,\n        [classes.interactive]: interactive,\n        [classes.selected]: selected,\n        [classes.disabled]: disabled,\n        [classes.withStartAdornment]: startAdornment != null,\n        [classes.withEndAdornment]: endAdornment != null,\n      })}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </li>\n  );\n\n  return interactive ? (\n    <Focus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: classes.focus }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </Focus>\n  ) : (\n    listItem\n  );\n};\n\nHvListItem.propTypes = {\n  /**\n   * The id of the root element\n   */\n  id: PropTypes.string,\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    gutters: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when it's focusable and reacts to mouse over events.\n     */\n    interactive: PropTypes.string,\n\n    /**\n     * Styles applied to the selected list item.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the list item when disabled.\n     */\n    disabled: PropTypes.string,\n\n    /**\n     * Styles applied to the list item when condensed.\n     */\n    condensed: PropTypes.string,\n\n    /**\n     * @ignore\n     */\n    withStartAdornment: PropTypes.string,\n    /**\n     * @ignore\n     */\n    withEndAdornment: PropTypes.string,\n\n    /**\n     * Styles applied to the start adornment.\n     */\n    startAdornment: PropTypes.string,\n    /**\n     * Styles applied to the end adornment.\n     */\n    endAdornment: PropTypes.string,\n\n    /**\n     * Styles applied when the item is focused.\n     */\n    focus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role: PropTypes.string,\n  /**\n   * Indicates if the list item is selected.\n   */\n  selected: PropTypes.bool,\n  /**\n   * If true, the list item will be disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive: PropTypes.bool,\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed: PropTypes.bool,\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters: PropTypes.bool,\n\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment: PropTypes.node,\n\n  /**\n   * The function executed when the item is pressed.\n   * @param event React.MouseEvent<HTMLElement>\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The list item content.\n   */\n  children: PropTypes.node,\n\n  /**\n   * @ignore\n   */\n  tabIndex: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvListItem\" })(HvListItem);\n"],"file":"ListItem.js"}

package/dist/Loading/Loading.js

@@ -73,7 +73,7 @@ var HvLoading = function HvLoading(_ref) {
   }, label));
 };
 
-HvLoading.propTypes = {
+process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -138,7 +138,7 @@ HvLoading.propTypes = {
    * Color applied to the bars.
    */
   color: _propTypes.default.string
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvLoading"

package/dist/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Loading/Loading.js"],"names":["HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","PropTypes","string","shape","overlay","blur","isRequired","bool","node","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"file":"Loading.js"}
+{"version":3,"sources":["../../src/Loading/Loading.js"],"names":["HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","PropTypes","string","shape","overlay","blur","isRequired","bool","node","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"file":"Loading.js"}

package/dist/Login/Login.js

@@ -46,7 +46,7 @@ var HvLogin = function HvLogin(_ref) {
   }, children));
 };
 
-HvLogin.propTypes = {
+process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -81,7 +81,7 @@ HvLogin.propTypes = {
    *  The path for the background image.
    */
   background: _propTypes.default.string
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvLogin"

package/dist/Login/Login.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Login/Login.js"],"names":["HvLogin","id","className","classes","children","background","others","root","backgroundImage","bg","formContainer","propTypes","PropTypes","string","shape","isRequired","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiE;AAAA,MAA9DC,EAA8D,QAA9DA,EAA8D;AAAA,MAA1DC,SAA0D,QAA1DA,SAA0D;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AAAA,MAA5BC,UAA4B,QAA5BA,UAA4B;AAAA,MAAbC,MAAa;AAC/E,sBACE;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,SAAS,EAAE,mBAAKC,SAAL,EAAgBC,OAAO,CAACI,IAAxB,CAFb;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,gBAASH,UAAU,IAAII,mBAAvB;AADV;AAHT,KAMMH,MANN,gBAQE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACO;AAAxB,KAAwCN,QAAxC,CARF,CADF;AAYD,CAbD;;AAeAJ,OAAO,CAACW,SAAR,GAAoB;AAClB;AACF;AACA;AACEV,EAAAA,EAAE,EAAEW,mBAAUC,MAJI;;AAKlB;AACF;AACA;AACEX,EAAAA,SAAS,EAAEU,mBAAUC,MARH;;AASlB;AACF;AACA;AACEV,EAAAA,OAAO,EAAES,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,IAAI,EAAEK,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,aAAa,EAAEE,mBAAUC;AARF,GAAhB,EASNE,UArBe;;AAsBlB;AACF;AACA;AACEX,EAAAA,QAAQ,EAAEQ,mBAAUI,IAAV,CAAeD,UAzBP;;AA0BlB;AACF;AACA;AACEV,EAAAA,UAAU,EAAEO,mBAAUC;AA7BJ,CAApB;;eAgCe,sBAAWI,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAwClB,OAAxC,C","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport bg from \"./resources/background.svg\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: `url(${background || bg})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.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   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"file":"Login.js"}
+{"version":3,"sources":["../../src/Login/Login.js"],"names":["HvLogin","id","className","classes","children","background","others","root","backgroundImage","bg","formContainer","propTypes","PropTypes","string","shape","isRequired","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiE;AAAA,MAA9DC,EAA8D,QAA9DA,EAA8D;AAAA,MAA1DC,SAA0D,QAA1DA,SAA0D;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AAAA,MAA5BC,UAA4B,QAA5BA,UAA4B;AAAA,MAAbC,MAAa;AAC/E,sBACE;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,SAAS,EAAE,mBAAKC,SAAL,EAAgBC,OAAO,CAACI,IAAxB,CAFb;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,gBAASH,UAAU,IAAII,mBAAvB;AADV;AAHT,KAMMH,MANN,gBAQE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACO;AAAxB,KAAwCN,QAAxC,CARF,CADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACW,SAAR,GAAoB;AAClB;AACF;AACA;AACEV,EAAAA,EAAE,EAAEW,mBAAUC,MAJI;;AAKlB;AACF;AACA;AACEX,EAAAA,SAAS,EAAEU,mBAAUC,MARH;;AASlB;AACF;AACA;AACEV,EAAAA,OAAO,EAAES,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,IAAI,EAAEK,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,aAAa,EAAEE,mBAAUC;AARF,GAAhB,EASNE,UArBe;;AAsBlB;AACF;AACA;AACEX,EAAAA,QAAQ,EAAEQ,mBAAUI,IAAV,CAAeD,UAzBP;;AA0BlB;AACF;AACA;AACEV,EAAAA,UAAU,EAAEO,mBAAUC;AA7BJ,CAApB;;eAgCe,sBAAWI,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAwClB,OAAxC,C","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport bg from \"./resources/background.svg\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: `url(${background || bg})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.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   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"file":"Login.js"}

package/dist/MultiButton/MultiButton.js

@@ -70,7 +70,7 @@ var HvMultiButton = function HvMultiButton(props) {
   }));
 };
 
-HvMultiButton.propTypes = {
+process.env.NODE_ENV !== "production" ? HvMultiButton.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -120,7 +120,7 @@ HvMultiButton.propTypes = {
    * Category of button to use
    */
   category: _propTypes.default.oneOf(["ghost", "icon", "primary", "secondary", "semantic"])
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvMultiButton"

package/dist/MultiButton/MultiButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/MultiButton/MultiButton.js"],"names":["HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","React","Children","map","child","childIsSelected","selected","button","propTypes","PropTypes","string","node","shape","isRequired","bool","oneOf","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,MACEC,SADF,GAQID,KARJ,CACEC,SADF;AAAA,MAEEC,QAFF,GAQIF,KARJ,CAEEE,QAFF;AAAA,MAGEC,OAHF,GAQIH,KARJ,CAGEG,OAHF;AAAA,wBAQIH,KARJ,CAIEI,QAJF;AAAA,MAIEA,QAJF,gCAIa,KAJb;AAAA,wBAQIJ,KARJ,CAKEK,QALF;AAAA,MAKEA,QALF,gCAKa,KALb;AAAA,wBAQIL,KARJ,CAMEM,QANF;AAAA,MAMEA,QANF,gCAMa,OANb;AAAA,MAOKC,MAPL,0CAQIP,KARJ;AAUA,sBACE;AACE,IAAA,SAAS,EAAE,mBAAKC,SAAL,EAAgBE,OAAO,CAACK,IAAxB,EACWH,QADX,IACRF,OAAO,CAACE,QADA;AADb,KAIME,MAJN,GAMGE,eAAMC,QAAN,CAAeC,GAAf,CAAmBT,QAAnB,EAA6B,UAACU,KAAD,EAAW;AACvC,QAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACZ,KAAN,CAAYc,QAAtC;AAEA,wBAAO,yBAAaF,KAAb,EAAoB;AACzBN,MAAAA,QAAQ,EAARA,QADyB;AAEzBF,MAAAA,QAAQ,EAAEA,QAAQ,IAAIQ,KAAK,CAACZ,KAAN,CAAYI,QAFT;AAGzBH,MAAAA,SAAS,EAAE,mBAAKW,KAAK,CAACZ,KAAN,CAAYC,SAAjB,EAA4BE,OAAO,CAACY,MAApC,EACWF,eADX,IACRV,OAAO,CAACW,QADA,CAHc;AAMzB,sBAAgBD;AANS,KAApB,CAAP;AAQD,GAXA,CANH,CADF;AAqBD,CAhCD;;AAkCAd,aAAa,CAACiB,SAAd,GAA0B;AACxB;AACF;AACA;AACEf,EAAAA,SAAS,EAAEgB,mBAAUC,MAJG;;AAKxB;AACF;AACA;AACEhB,EAAAA,QAAQ,EAAEe,mBAAUE,IARI;;AASxB;AACF;AACA;AACEhB,EAAAA,OAAO,EAAEc,mBAAUG,KAAV,CAAgB;AACvB;AACJ;AACA;AACIZ,IAAAA,IAAI,EAAES,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIb,IAAAA,QAAQ,EAAEY,mBAAUC,MARG;;AASvB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEE,mBAAUC,MAZK;;AAavB;AACJ;AACA;AACIJ,IAAAA,QAAQ,EAAEG,mBAAUC;AAhBG,GAAhB,EAiBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEa,mBAAUK,IAjCI;;AAkCxB;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEY,mBAAUK,IArCI;;AAsCxB;AACF;AACA;AACEhB,EAAAA,QAAQ,EAAEW,mBAAUM,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;;eA4Ce,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA8C1B,aAA9C,C","sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"file":"MultiButton.js"}
+{"version":3,"sources":["../../src/MultiButton/MultiButton.js"],"names":["HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","React","Children","map","child","childIsSelected","selected","button","propTypes","PropTypes","string","node","shape","isRequired","bool","oneOf","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;AAC/B,MACEC,SADF,GAQID,KARJ,CACEC,SADF;AAAA,MAEEC,QAFF,GAQIF,KARJ,CAEEE,QAFF;AAAA,MAGEC,OAHF,GAQIH,KARJ,CAGEG,OAHF;AAAA,wBAQIH,KARJ,CAIEI,QAJF;AAAA,MAIEA,QAJF,gCAIa,KAJb;AAAA,wBAQIJ,KARJ,CAKEK,QALF;AAAA,MAKEA,QALF,gCAKa,KALb;AAAA,wBAQIL,KARJ,CAMEM,QANF;AAAA,MAMEA,QANF,gCAMa,OANb;AAAA,MAOKC,MAPL,0CAQIP,KARJ;AAUA,sBACE;AACE,IAAA,SAAS,EAAE,mBAAKC,SAAL,EAAgBE,OAAO,CAACK,IAAxB,EACWH,QADX,IACRF,OAAO,CAACE,QADA;AADb,KAIME,MAJN,GAMGE,eAAMC,QAAN,CAAeC,GAAf,CAAmBT,QAAnB,EAA6B,UAACU,KAAD,EAAW;AACvC,QAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACZ,KAAN,CAAYc,QAAtC;AAEA,wBAAO,yBAAaF,KAAb,EAAoB;AACzBN,MAAAA,QAAQ,EAARA,QADyB;AAEzBF,MAAAA,QAAQ,EAAEA,QAAQ,IAAIQ,KAAK,CAACZ,KAAN,CAAYI,QAFT;AAGzBH,MAAAA,SAAS,EAAE,mBAAKW,KAAK,CAACZ,KAAN,CAAYC,SAAjB,EAA4BE,OAAO,CAACY,MAApC,EACWF,eADX,IACRV,OAAO,CAACW,QADA,CAHc;AAMzB,sBAAgBD;AANS,KAApB,CAAP;AAQD,GAXA,CANH,CADF;AAqBD,CAhCD;;AAkCA,wCAAAd,aAAa,CAACiB,SAAd,GAA0B;AACxB;AACF;AACA;AACEf,EAAAA,SAAS,EAAEgB,mBAAUC,MAJG;;AAKxB;AACF;AACA;AACEhB,EAAAA,QAAQ,EAAEe,mBAAUE,IARI;;AASxB;AACF;AACA;AACEhB,EAAAA,OAAO,EAAEc,mBAAUG,KAAV,CAAgB;AACvB;AACJ;AACA;AACIZ,IAAAA,IAAI,EAAES,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIb,IAAAA,QAAQ,EAAEY,mBAAUC,MARG;;AASvB;AACJ;AACA;AACIH,IAAAA,MAAM,EAAEE,mBAAUC,MAZK;;AAavB;AACJ;AACA;AACIJ,IAAAA,QAAQ,EAAEG,mBAAUC;AAhBG,GAAhB,EAiBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEa,mBAAUK,IAjCI;;AAkCxB;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEY,mBAAUK,IArCI;;AAsCxB;AACF;AACA;AACEhB,EAAAA,QAAQ,EAAEW,mBAAUM,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;;eA4Ce,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA8C1B,aAA9C,C","sourcesContent":["import React, { cloneElement } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Multi-buttons are grouped sets of buttons displayed horizontal or vertically in the same container.\n */\nconst HvMultiButton = (props) => {\n  const {\n    className,\n    children,\n    classes,\n    disabled = false,\n    vertical = false,\n    category = \"ghost\",\n    ...others\n  } = props;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.vertical]: vertical,\n      })}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        const childIsSelected = !!child.props.selected;\n\n        return cloneElement(child, {\n          category,\n          disabled: disabled || child.props.disabled,\n          className: clsx(child.props.className, classes.button, {\n            [classes.selected]: childIsSelected,\n          }),\n          \"aria-pressed\": childIsSelected,\n        });\n      })}\n    </div>\n  );\n};\n\nHvMultiButton.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The MultiButton's buttons.\n   */\n  children: PropTypes.node,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the MultiButton root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the MultiButton when it's vertical.\n     */\n    vertical: PropTypes.string,\n    /**\n     * Styles applied to the each button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button when it's selected.\n     */\n    selected: PropTypes.string,\n  }).isRequired,\n  /**\n   * If all the buttons are disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If the MultiButton is to be displayed vertically.\n   */\n  vertical: PropTypes.bool,\n  /**\n   * Category of button to use\n   */\n  category: PropTypes.oneOf([\"ghost\", \"icon\", \"primary\", \"secondary\", \"semantic\"]),\n};\n\nexport default withStyles(styles, { name: \"HvMultiButton\" })(HvMultiButton);\n"],"file":"MultiButton.js"}

package/dist/OverflowTooltip/OverflowTooltip.d.ts

@@ -0,0 +1,29 @@
+import { StandardProps, TooltipProps } from "@material-ui/core";
+
+export type HvOverflowTooltipKey = "tooltipData" | "tooltipAnchor" | "tooltipAnchorParagraph";
+
+export interface HvOverflowTooltipProps
+  extends StandardProps<React.HTMLAttributes<HTMLElement>, HvOverflowTooltipKey> {
+  /**
+   * Id to be applied to the tooltip.
+   */
+   id?: string;
+   /**
+    * The node that will be rendered inside the tooltip.
+    */
+   data: React.ReactNode;
+   /**
+    * Class names to be applied.
+    */
+   className?: string;
+   /**
+    * If `true` the overflow tooltip will always use the paragraph overflow style.
+    */
+   paragraphOverflow?: boolean;
+  /**
+   * Extra properties to add to the tooltip.
+   */
+   tooltipsProps?: TooltipProps;
+}
+
+export default function HvOverflowTooltip(props: HvOverflowTooltipProps): JSX.Element | null;

package/dist/OverflowTooltip/OverflowTooltip.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RawOverflowTooltip = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.regexp.to-string.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactResizeDetector = require("react-resize-detector");
+
+var _core = require("@material-ui/core");
+
+var _ = require("..");
+
+var styles = (0, _core.createStyles)({
+  tooltipData: {},
+  tooltipAnchor: {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  tooltipAnchorParagraph: {
+    overflow: "hidden",
+    display: "-webkit-box",
+    "-webkit-line-clamp": 2,
+    "-webkit-box-orient": "vertical"
+  }
+});
+
+var isParagraph = function isParagraph(children) {
+  return /\s/.test(children);
+};
+/**
+ * This component generates a tooltip whenever the text is overflowed.
+ */
+
+
+var HvOverflowTooltip = function HvOverflowTooltip(_ref) {
+  var _ref$current;
+
+  var id = _ref.id,
+      className = _ref.className,
+      classes = _ref.classes,
+      data = _ref.data,
+      paragraphOverflow = _ref.paragraphOverflow,
+      tooltipsProps = _ref.tooltipsProps;
+
+  var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)({
+    refreshMode: "debounce",
+    refreshOptions: {
+      trailing: true
+    },
+    handleHeight: false
+  }),
+      _useResizeDetector$wi = _useResizeDetector.width,
+      width = _useResizeDetector$wi === void 0 ? 0 : _useResizeDetector$wi,
+      ref = _useResizeDetector.ref;
+
+  var isOverflowing = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollWidth) > width;
+  var isParag = paragraphOverflow && isParagraph(data.toString());
+  return /*#__PURE__*/_react.default.createElement(_.HvTooltip, (0, _extends2.default)({
+    id: id,
+    disableHoverListener: !isOverflowing,
+    placement: "top-start",
+    title: /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+      className: classes.tooltipData,
+      variant: "normalText"
+    }, data)
+  }, tooltipsProps), /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    className: (0, _clsx.default)(className, isParag ? classes.tooltipAnchorParagraph : classes.tooltipAnchor)
+  }, data));
+};
+
+exports.RawOverflowTooltip = HvOverflowTooltip;
+process.env.NODE_ENV !== "production" ? HvOverflowTooltip.propTypes = {
+  /**
+   * Id to be applied to the tooltip.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * The node that will be rendered inside the tooltip.
+   */
+  data: _propTypes.default.node,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the data container in the tooltip.
+     */
+    tooltipData: _propTypes.default.string,
+
+    /**
+     * Styles applied to the anchor of the tooltip.
+     */
+    tooltipAnchor: _propTypes.default.string,
+
+    /**
+     * Styles applied to the anchor of the when it is a paragraph.
+     */
+    tooltipAnchorParagraph: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * If `true` the overflow tooltip will always use the paragraph overflow style.
+   */
+  paragraphOverflow: _propTypes.default.bool,
+
+  /**
+   * Extra properties to add to the tooltip.
+   */
+  tooltipsProps: _propTypes.default.instanceOf(Object)
+} : void 0;
+
+var _default = (0, _core.withStyles)(styles, {
+  name: "HvOverflowTooltip"
+})( /*#__PURE__*/_react.default.memo(HvOverflowTooltip));
+
+exports.default = _default;
+//# sourceMappingURL=OverflowTooltip.js.map

package/dist/OverflowTooltip/OverflowTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/OverflowTooltip/OverflowTooltip.js"],"names":["styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","paragraphOverflow","tooltipsProps","refreshMode","refreshOptions","trailing","handleHeight","width","ref","isOverflowing","current","scrollWidth","isParag","toString","propTypes","PropTypes","string","node","shape","root","isRequired","bool","instanceOf","Object","name","React","memo"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { createStyles, withStyles } from \"@material-ui/core\";\n\nimport { HvTooltip, HvTypography } from \"..\";\n\nconst styles = createStyles({\n  tooltipData: {},\n  tooltipAnchor: {\n    whiteSpace: \"nowrap\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  tooltipAnchorParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n});\n\nconst isParagraph = (children) => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nconst HvOverflowTooltip = ({ id, className, classes, data, paragraphOverflow, tooltipsProps }) => {\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n\n  const isOverflowing = ref.current?.scrollWidth > width;\n\n  const isParag = paragraphOverflow && isParagraph(data.toString());\n  return (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      placement=\"top-start\"\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"normalText\">\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      <div\n        ref={ref}\n        className={clsx(className, {\n          [classes.tooltipAnchor]: !isParag,\n          [classes.tooltipAnchorParagraph]: isParag,\n        })}\n      >\n        {data}\n      </div>\n    </HvTooltip>\n  );\n};\n\nHvOverflowTooltip.propTypes = {\n  /**\n   * Id to be applied to the tooltip.\n   */\n  id: PropTypes.string,\n  /**\n   * The node that will be rendered inside the tooltip.\n   */\n  data: PropTypes.node,\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.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the data container in the tooltip.\n     */\n    tooltipData: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the tooltip.\n     */\n    tooltipAnchor: PropTypes.string,\n    /**\n     * Styles applied to the anchor of the when it is a paragraph.\n     */\n    tooltipAnchorParagraph: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true` the overflow tooltip will always use the paragraph overflow style.\n   */\n  paragraphOverflow: PropTypes.bool,\n  /**\n   * Extra properties to add to the tooltip.\n   */\n  tooltipsProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, {\n  name: \"HvOverflowTooltip\",\n})(React.memo(HvOverflowTooltip));\n\nexport { HvOverflowTooltip as RawOverflowTooltip };\n"],"file":"OverflowTooltip.js"}

package/dist/OverflowTooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./OverflowTooltip";

package/dist/OverflowTooltip/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _OverflowTooltip.default;
+  }
+});
+
+var _OverflowTooltip = _interopRequireDefault(require("./OverflowTooltip"));
+//# sourceMappingURL=index.js.map

package/dist/OverflowTooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/OverflowTooltip/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from \"./OverflowTooltip\";\n"],"file":"index.js"}

package/dist/Pagination/Pagination.js

@@ -259,7 +259,7 @@ var Pagination = function Pagination(_ref) {
   }))));
 };
 
-Pagination.propTypes = {
+process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
   /**
    * A JSS Object used to override or extend the styles applied.
    */
@@ -469,7 +469,7 @@ Pagination.propTypes = {
    * Extra properties passed to the input component representing the current pages.
    */
   currentPageInputProps: _propTypes.default.instanceOf(Object)
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvPagination"

package/dist/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Pagination/Pagination.js"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","KeyboardCodes","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labelsProp","labels","showPageProps","navigationProps","currentPageInputProps","others","pageInput","handleInputChange","changePage","newPage","safePage","renderPageJump","pageJump","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","pageSizeTextContainer","pageSizeOptionsSelect","val","map","option","pageNavigator","iconContainer","icon","pageInfo","propTypes","PropTypes","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","styles","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Hidden } from \"@material-ui/core\";\nimport { Start, End, Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\nimport { HvInput, HvTypography } from \"..\";\nimport { setId, useLabels } from \"../utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport Select, { Option } from \"./Select\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nconst Pagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externaly or when internally commited - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controling of the `page` property.\n    // fixing it some other way would potentialy introduce a breaking change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels.paginationInputLabel,\n          // we really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: classes.pageSizeInputContainer,\n          input: classes.pageSizeInput,\n          inputRoot: classes.pageSizeInputRoot,\n        }}\n        onChange={handleInputChange}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(value - 1)}\n        onKeyDown={(evt, value) => isKeypress(evt, Enter) && changePage(value - 1)}\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizePrev}</HvTypography>\n              </div>\n            </Hidden>\n            <Select\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels.pageSizeSelectorDescription}\n              onChange={(evt, val) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </Select>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizeEntryName}</HvTypography>\n              </div>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  /**\n   * A JSS Object used to override or extend the styles applied.\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 page size selector container.\n     */\n    pageSizeOptions: PropTypes.string,\n    /**\n     * Styles applied to the page size selector dropdown element.\n     */\n    pageSizeOptionsSelect: PropTypes.string,\n    /**\n     * Styles applied to the element that holds the labels for the page size selector\n     */\n    pageSizeTextContainer: PropTypes.string,\n    /**\n     * Styles applied to the page navigation container.\n     */\n    pageNavigator: PropTypes.string,\n    /**\n     * Styles applied to the central page information container.\n     */\n    pageInfo: PropTypes.string,\n    /**\n     * Styles applied to the page selector input container.\n     */\n    pageJump: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `input`.\n     */\n    pageSizeInput: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input root.\n     */\n    pageSizeInputRoot: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `container`.\n     */\n    pageSizeInputContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation `HvButton` icon container.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation icon.\n     */\n    icon: PropTypes.string,\n  }).isRequired,\n  /**\n   * The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * Controls whether the left page size mechanism should be visible.\n   */\n  showPageSizeOptions: PropTypes.bool,\n  /**\n   * The array of possible page sizes for the dropdown.\n   */\n  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The currently selected page size.\n   */\n  pageSize: PropTypes.number,\n  /**\n   * Controls whether the central page changing mechanism should be visible.\n   */\n  showPageJump: PropTypes.bool,\n  /**\n   * Controls whether the previous/first page buttons are enabled.\n   */\n  canPrevious: PropTypes.bool,\n  /**\n   * Controls whether the next/last page buttons are enabled.\n   */\n  canNext: PropTypes.bool,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called when the page size changes.\n   */\n  onPageSizeChange: PropTypes.func,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing all the labels for the component.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The show label.\n     */\n    pageSizePrev: PropTypes.string,\n    /**\n     * Indicate the units of the page size selection.\n     */\n    pageSizeEntryName: PropTypes.string,\n    /**\n     * Used for the aria-label of the selection of number of unit.s\n     */\n    pageSizeSelectorDescription: PropTypes.string,\n    /**\n     * Separator of current page and total pages.\n     */\n    pagesSeparator: PropTypes.string,\n    /**\n     * Title of button `firstPage`.\n     */\n    paginationFirstPageTitle: PropTypes.string,\n    /**\n     * Title of button `previousPage`.\n     */\n    paginationPreviousPageTitle: PropTypes.string,\n    /**\n     * Title of button `nextPage`.\n     */\n    paginationNextPageTitle: PropTypes.string,\n    /**\n     * Title of button `lastPage`.\n     */\n    paginationLastPageTitle: PropTypes.string,\n    /**\n     * Aria-label passed to the page input.\n     */\n    paginationInputLabel: PropTypes.string,\n    /**\n     * Aria-label of the first page button\n     */\n    firstPage: PropTypes.string,\n    /**\n     * Aria-label of the previous page button\n     */\n    previousPage: PropTypes.string,\n    /**\n     * Aria-label of the next page button\n     */\n    nextPage: PropTypes.string,\n    /**\n     * Aria-label of the last page button\n     */\n    lastPage: PropTypes.string,\n  }),\n  /**\n   * Other props to show page component.\n   */\n  showPageProps: PropTypes.instanceOf(Object),\n  /**\n   * Other props to pagination component.\n   */\n  navigationProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties passed to the input component representing the current pages.\n   */\n  currentPageInputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvPagination\" })(Pagination);\n"],"file":"Pagination.js"}
+{"version":3,"sources":["../../src/Pagination/Pagination.js"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","KeyboardCodes","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labelsProp","labels","showPageProps","navigationProps","currentPageInputProps","others","pageInput","handleInputChange","changePage","newPage","safePage","renderPageJump","pageJump","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","pageSizeTextContainer","pageSizeOptionsSelect","val","map","option","pageNavigator","iconContainer","icon","pageInfo","propTypes","PropTypes","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","styles","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, Hidden } from \"@material-ui/core\";\nimport { Start, End, Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\nimport { HvInput, HvTypography } from \"..\";\nimport { setId, useLabels } from \"../utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\nimport Select, { Option } from \"./Select\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = KeyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nconst Pagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externaly or when internally commited - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controling of the `page` property.\n    // fixing it some other way would potentialy introduce a breaking change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels.paginationInputLabel,\n          // we really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: classes.pageSizeInputContainer,\n          input: classes.pageSizeInput,\n          inputRoot: classes.pageSizeInputRoot,\n        }}\n        onChange={handleInputChange}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(value - 1)}\n        onKeyDown={(evt, value) => isKeypress(evt, Enter) && changePage(value - 1)}\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizePrev}</HvTypography>\n              </div>\n            </Hidden>\n            <Select\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels.pageSizeSelectorDescription}\n              onChange={(evt, val) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </Select>\n            <Hidden xsDown>\n              <div className={classes.pageSizeTextContainer}>\n                <HvTypography component=\"span\">{labels.pageSizeEntryName}</HvTypography>\n              </div>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n\nPagination.propTypes = {\n  /**\n   * A JSS Object used to override or extend the styles applied.\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 page size selector container.\n     */\n    pageSizeOptions: PropTypes.string,\n    /**\n     * Styles applied to the page size selector dropdown element.\n     */\n    pageSizeOptionsSelect: PropTypes.string,\n    /**\n     * Styles applied to the element that holds the labels for the page size selector\n     */\n    pageSizeTextContainer: PropTypes.string,\n    /**\n     * Styles applied to the page navigation container.\n     */\n    pageNavigator: PropTypes.string,\n    /**\n     * Styles applied to the central page information container.\n     */\n    pageInfo: PropTypes.string,\n    /**\n     * Styles applied to the page selector input container.\n     */\n    pageJump: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `input`.\n     */\n    pageSizeInput: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input root.\n     */\n    pageSizeInputRoot: PropTypes.string,\n    /**\n     * Styles passed down to the page selector Input component as `container`.\n     */\n    pageSizeInputContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation `HvButton` icon container.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to each navigation icon.\n     */\n    icon: PropTypes.string,\n  }).isRequired,\n  /**\n   * The number of pages the component has.\n   */\n  pages: PropTypes.number,\n  /**\n   * The currently selected page (0-indexed).\n   */\n  page: PropTypes.number,\n  /**\n   * Controls whether the left page size mechanism should be visible.\n   */\n  showPageSizeOptions: PropTypes.bool,\n  /**\n   * The array of possible page sizes for the dropdown.\n   */\n  pageSizeOptions: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The currently selected page size.\n   */\n  pageSize: PropTypes.number,\n  /**\n   * Controls whether the central page changing mechanism should be visible.\n   */\n  showPageJump: PropTypes.bool,\n  /**\n   * Controls whether the previous/first page buttons are enabled.\n   */\n  canPrevious: PropTypes.bool,\n  /**\n   * Controls whether the next/last page buttons are enabled.\n   */\n  canNext: PropTypes.bool,\n  /**\n   * Function called when the page changes.\n   */\n  onPageChange: PropTypes.func,\n  /**\n   * Function called when the page size changes.\n   */\n  onPageSizeChange: PropTypes.func,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing all the labels for the component.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The show label.\n     */\n    pageSizePrev: PropTypes.string,\n    /**\n     * Indicate the units of the page size selection.\n     */\n    pageSizeEntryName: PropTypes.string,\n    /**\n     * Used for the aria-label of the selection of number of unit.s\n     */\n    pageSizeSelectorDescription: PropTypes.string,\n    /**\n     * Separator of current page and total pages.\n     */\n    pagesSeparator: PropTypes.string,\n    /**\n     * Title of button `firstPage`.\n     */\n    paginationFirstPageTitle: PropTypes.string,\n    /**\n     * Title of button `previousPage`.\n     */\n    paginationPreviousPageTitle: PropTypes.string,\n    /**\n     * Title of button `nextPage`.\n     */\n    paginationNextPageTitle: PropTypes.string,\n    /**\n     * Title of button `lastPage`.\n     */\n    paginationLastPageTitle: PropTypes.string,\n    /**\n     * Aria-label passed to the page input.\n     */\n    paginationInputLabel: PropTypes.string,\n    /**\n     * Aria-label of the first page button\n     */\n    firstPage: PropTypes.string,\n    /**\n     * Aria-label of the previous page button\n     */\n    previousPage: PropTypes.string,\n    /**\n     * Aria-label of the next page button\n     */\n    nextPage: PropTypes.string,\n    /**\n     * Aria-label of the last page button\n     */\n    lastPage: PropTypes.string,\n  }),\n  /**\n   * Other props to show page component.\n   */\n  showPageProps: PropTypes.instanceOf(Object),\n  /**\n   * Other props to pagination component.\n   */\n  navigationProps: PropTypes.instanceOf(Object),\n  /**\n   * Extra properties passed to the input component representing the current pages.\n   */\n  currentPageInputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvPagination\" })(Pagination);\n"],"file":"Pagination.js"}

package/dist/Panel/Panel.js

@@ -40,7 +40,7 @@ var HvPanel = function HvPanel(props) {
   }, others), children);
 };
 
-HvPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? HvPanel.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -65,7 +65,7 @@ HvPanel.propTypes = {
      */
     root: _propTypes.default.string
   }).isRequired
-};
+} : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {
   name: "HvPanel"