@hitachivantara/uikit-react-core 3.52.5 → 3.54.1

package/dist/modern/ListContainer/ListContainer.js

@@ -62,7 +62,7 @@ const HvListContainer = /*#__PURE__*/React.forwardRef((props, externalRef) => {
     className: clsx(className, classes.root)
   }, others), renderChildren()));
 });
-HvListContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? HvListContainer.propTypes = {
   /**
    * The id of the root element
    */
@@ -103,7 +103,7 @@ HvListContainer.propTypes = {
    * The list items.
    */
   children: PropTypes.node
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvListContainer"
 })(HvListContainer);

package/dist/modern/ListContainer/ListContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListContainer/ListContainer.js"],"names":["React","useRef","useContext","useMemo","PropTypes","clsx","withStyles","useForkRef","styles","HvListContext","HvListContainer","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","topContainerRef","nesting","listContext","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","root","propTypes","string","shape","isRequired","bool","node","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":["React","useRef","useContext","useMemo","PropTypes","clsx","withStyles","useForkRef","styles","HvListContext","HvListContainer","forwardRef","props","externalRef","id","className","classes","interactive","condensed","disableGutters","children","others","containerRef","topContainerRef","nesting","listContext","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","root","propTypes","string","shape","isRequired","bool","node","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/modern/ListContainer/ListItem/ListItem.js

@@ -102,7 +102,7 @@ const HvListItem = props => {
   }, listItem) : listItem;
 };
 
-HvListItem.propTypes = {
+process.env.NODE_ENV !== "production" ? HvListItem.propTypes = {
   /**
    * The id of the root element
    */
@@ -237,7 +237,7 @@ HvListItem.propTypes = {
    * @ignore
    */
   tabIndex: PropTypes.number
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvListItem"
 })(HvListItem);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ListContainer/ListItem/ListItem.js"],"names":["React","useCallback","useContext","useMemo","PropTypes","clsx","withStyles","styles","Focus","HvListContext","applyClassNameAndStateToElement","element","selected","disabled","onClick","className","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","string","shape","isRequired","bool","node","func","number","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":["React","useCallback","useContext","useMemo","PropTypes","clsx","withStyles","styles","Focus","HvListContext","applyClassNameAndStateToElement","element","selected","disabled","onClick","className","cloneElement","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","handleOnClick","clonedStartAdornment","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","root","gutters","withStartAdornment","withEndAdornment","focus","propTypes","string","shape","isRequired","bool","node","func","number","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/modern/Loading/Loading.js

@@ -46,7 +46,7 @@ const HvLoading = _ref => {
   }, label));
 };
 
-HvLoading.propTypes = {
+process.env.NODE_ENV !== "production" ? HvLoading.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -111,7 +111,7 @@ HvLoading.propTypes = {
    * Color applied to the bars.
    */
   color: PropTypes.string
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvLoading"
 })(HvLoading);

package/dist/modern/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Loading/Loading.js"],"names":["React","PropTypes","clsx","range","useTheme","withStyles","HvTypography","styles","HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","string","shape","overlay","blur","isRequired","bool","node","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":["React","PropTypes","clsx","range","useTheme","withStyles","HvTypography","styles","HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","string","shape","overlay","blur","isRequired","bool","node","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/modern/Login/Login.js

@@ -32,7 +32,7 @@ const HvLogin = _ref => {
   }, children));
 };
 
-HvLogin.propTypes = {
+process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -67,7 +67,7 @@ HvLogin.propTypes = {
    *  The path for the background image.
    */
   background: PropTypes.string
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvLogin"
 })(HvLogin);

package/dist/modern/Login/Login.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Login/Login.js"],"names":["React","clsx","PropTypes","withStyles","styles","bg","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,EAAP,MAAe,4BAAf;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAG,QAAiE;AAAA,MAAhE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,SAAN;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,GAAgE;AAAA,MAAbC,MAAa;;AAC/E,sBACE;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACI,IAApB,CAFjB;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAG,OAAMH,UAAU,IAAIN,EAAG;AADpC;AAHT,KAMMO,MANN,gBAQE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACM;AAAxB,KAAwCL,QAAxC,CARF,CADF;AAYD,CAbD;;AAeAJ,OAAO,CAACU,SAAR,GAAoB;AAClB;AACF;AACA;AACET,EAAAA,EAAE,EAAEL,SAAS,CAACe,MAJI;;AAKlB;AACF;AACA;AACET,EAAAA,SAAS,EAAEN,SAAS,CAACe,MARH;;AASlB;AACF;AACA;AACER,EAAAA,OAAO,EAAEP,SAAS,CAACgB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEX,SAAS,CAACe,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,aAAa,EAAEb,SAAS,CAACe;AARF,GAAhB,EASNE,UArBe;;AAsBlB;AACF;AACA;AACET,EAAAA,QAAQ,EAAER,SAAS,CAACkB,IAAV,CAAeD,UAzBP;;AA0BlB;AACF;AACA;AACER,EAAAA,UAAU,EAAET,SAAS,CAACe;AA7BJ,CAApB;AAgCA,eAAed,UAAU,CAACC,MAAD,EAAS;AAAEiB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCf,OAAxC,CAAf","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":["React","clsx","PropTypes","withStyles","styles","bg","HvLogin","id","className","classes","children","background","others","root","backgroundImage","formContainer","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,EAAP,MAAe,4BAAf;AAEA;AACA;AACA;;AACA,MAAMC,OAAO,GAAG,QAAiE;AAAA,MAAhE;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,SAAN;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,GAAgE;AAAA,MAAbC,MAAa;;AAC/E,sBACE;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,SAAS,EAAEN,IAAI,CAACO,SAAD,EAAYC,OAAO,CAACI,IAApB,CAFjB;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAG,OAAMH,UAAU,IAAIN,EAAG;AADpC;AAHT,KAMMO,MANN,gBAQE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACM;AAAxB,KAAwCL,QAAxC,CARF,CADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACU,SAAR,GAAoB;AAClB;AACF;AACA;AACET,EAAAA,EAAE,EAAEL,SAAS,CAACe,MAJI;;AAKlB;AACF;AACA;AACET,EAAAA,SAAS,EAAEN,SAAS,CAACe,MARH;;AASlB;AACF;AACA;AACER,EAAAA,OAAO,EAAEP,SAAS,CAACgB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEX,SAAS,CAACe,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,aAAa,EAAEb,SAAS,CAACe;AARF,GAAhB,EASNE,UArBe;;AAsBlB;AACF;AACA;AACET,EAAAA,QAAQ,EAAER,SAAS,CAACkB,IAAV,CAAeD,UAzBP;;AA0BlB;AACF;AACA;AACER,EAAAA,UAAU,EAAET,SAAS,CAACe;AA7BJ,CAApB;AAgCA,eAAed,UAAU,CAACC,MAAD,EAAS;AAAEiB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCf,OAAxC,CAAf","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/modern/MultiButton/MultiButton.js

@@ -34,7 +34,7 @@ const HvMultiButton = props => {
   }));
 };
 
-HvMultiButton.propTypes = {
+process.env.NODE_ENV !== "production" ? HvMultiButton.propTypes = {
   /**
    * Class names to be applied.
    */
@@ -84,7 +84,7 @@ HvMultiButton.propTypes = {
    * Category of button to use
    */
   category: PropTypes.oneOf(["ghost", "icon", "primary", "secondary", "semantic"])
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvMultiButton"
 })(HvMultiButton);

package/dist/modern/MultiButton/MultiButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/MultiButton/MultiButton.js"],"names":["React","cloneElement","PropTypes","clsx","withStyles","styles","HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","Children","map","child","childIsSelected","selected","button","propTypes","string","node","shape","isRequired","bool","oneOf","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,YAAhB,QAAoC,OAApC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;AAC/B,QAAM;AACJC,IAAAA,SADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,QAAQ,GAAG,KAJP;AAKJC,IAAAA,QAAQ,GAAG,KALP;AAMJC,IAAAA,QAAQ,GAAG;AANP,MAQFN,KARJ;AAAA,QAOKO,MAPL,4BAQIP,KARJ;;AAUA,sBACE;AACE,IAAA,SAAS,EAAEJ,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACK,IAApB,EACOH,QADP,IACZF,OAAO,CAACE,QADI;AADjB,KAIME,MAJN,GAMGd,KAAK,CAACgB,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA8BS,KAAD,IAAW;AACvC,UAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACX,KAAN,CAAYa,QAAtC;AAEA,wBAAOnB,YAAY,CAACiB,KAAD,EAAQ;AACzBL,MAAAA,QADyB;AAEzBF,MAAAA,QAAQ,EAAEA,QAAQ,IAAIO,KAAK,CAACX,KAAN,CAAYI,QAFT;AAGzBH,MAAAA,SAAS,EAAEL,IAAI,CAACe,KAAK,CAACX,KAAN,CAAYC,SAAb,EAAwBE,OAAO,CAACW,MAAhC,EACOF,eADP,IACZT,OAAO,CAACU,QADI,CAHU;AAMzB,sBAAgBD;AANS,KAAR,CAAnB;AAQD,GAXA,CANH,CADF;AAqBD,CAhCD;;AAkCAb,aAAa,CAACgB,SAAd,GAA0B;AACxB;AACF;AACA;AACEd,EAAAA,SAAS,EAAEN,SAAS,CAACqB,MAJG;;AAKxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAEP,SAAS,CAACsB,IARI;;AASxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,IAAI,EAAEb,SAAS,CAACqB,MAJO;;AAKvB;AACJ;AACA;AACIX,IAAAA,QAAQ,EAAEV,SAAS,CAACqB,MARG;;AASvB;AACJ;AACA;AACIF,IAAAA,MAAM,EAAEnB,SAAS,CAACqB,MAZK;;AAavB;AACJ;AACA;AACIH,IAAAA,QAAQ,EAAElB,SAAS,CAACqB;AAhBG,GAAhB,EAiBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAET,SAAS,CAACyB,IAjCI;;AAkCxB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAEV,SAAS,CAACyB,IArCI;;AAsCxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;AA4CA,eAAexB,UAAU,CAACC,MAAD,EAAS;AAAEwB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CvB,aAA9C,CAAf","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":["React","cloneElement","PropTypes","clsx","withStyles","styles","HvMultiButton","props","className","children","classes","disabled","vertical","category","others","root","Children","map","child","childIsSelected","selected","button","propTypes","string","node","shape","isRequired","bool","oneOf","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,YAAhB,QAAoC,OAApC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,MAAMC,aAAa,GAAIC,KAAD,IAAW;AAC/B,QAAM;AACJC,IAAAA,SADI;AAEJC,IAAAA,QAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,QAAQ,GAAG,KAJP;AAKJC,IAAAA,QAAQ,GAAG,KALP;AAMJC,IAAAA,QAAQ,GAAG;AANP,MAQFN,KARJ;AAAA,QAOKO,MAPL,4BAQIP,KARJ;;AAUA,sBACE;AACE,IAAA,SAAS,EAAEJ,IAAI,CAACK,SAAD,EAAYE,OAAO,CAACK,IAApB,EACOH,QADP,IACZF,OAAO,CAACE,QADI;AADjB,KAIME,MAJN,GAMGd,KAAK,CAACgB,QAAN,CAAeC,GAAf,CAAmBR,QAAnB,EAA8BS,KAAD,IAAW;AACvC,UAAMC,eAAe,GAAG,CAAC,CAACD,KAAK,CAACX,KAAN,CAAYa,QAAtC;AAEA,wBAAOnB,YAAY,CAACiB,KAAD,EAAQ;AACzBL,MAAAA,QADyB;AAEzBF,MAAAA,QAAQ,EAAEA,QAAQ,IAAIO,KAAK,CAACX,KAAN,CAAYI,QAFT;AAGzBH,MAAAA,SAAS,EAAEL,IAAI,CAACe,KAAK,CAACX,KAAN,CAAYC,SAAb,EAAwBE,OAAO,CAACW,MAAhC,EACOF,eADP,IACZT,OAAO,CAACU,QADI,CAHU;AAMzB,sBAAgBD;AANS,KAAR,CAAnB;AAQD,GAXA,CANH,CADF;AAqBD,CAhCD;;AAkCA,wCAAAb,aAAa,CAACgB,SAAd,GAA0B;AACxB;AACF;AACA;AACEd,EAAAA,SAAS,EAAEN,SAAS,CAACqB,MAJG;;AAKxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAEP,SAAS,CAACsB,IARI;;AASxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,IAAI,EAAEb,SAAS,CAACqB,MAJO;;AAKvB;AACJ;AACA;AACIX,IAAAA,QAAQ,EAAEV,SAAS,CAACqB,MARG;;AASvB;AACJ;AACA;AACIF,IAAAA,MAAM,EAAEnB,SAAS,CAACqB,MAZK;;AAavB;AACJ;AACA;AACIH,IAAAA,QAAQ,EAAElB,SAAS,CAACqB;AAhBG,GAAhB,EAiBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAET,SAAS,CAACyB,IAjCI;;AAkCxB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAEV,SAAS,CAACyB,IArCI;;AAsCxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,SAAlB,EAA6B,WAA7B,EAA0C,UAA1C,CAAhB;AAzCc,CAA1B;AA4CA,eAAexB,UAAU,CAACC,MAAD,EAAS;AAAEwB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CvB,aAA9C,CAAf","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/modern/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/modern/OverflowTooltip/OverflowTooltip.js

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

package/dist/modern/OverflowTooltip/OverflowTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/OverflowTooltip/OverflowTooltip.js"],"names":["React","clsx","PropTypes","useResizeDetector","createStyles","withStyles","HvTooltip","HvTypography","styles","tooltipData","tooltipAnchor","whiteSpace","overflow","textOverflow","tooltipAnchorParagraph","display","isParagraph","children","test","HvOverflowTooltip","id","className","classes","data","paragraphOverflow","tooltipsProps","width","ref","refreshMode","refreshOptions","trailing","handleHeight","isOverflowing","current","scrollWidth","isParag","toString","propTypes","string","node","shape","root","isRequired","bool","instanceOf","Object","name","memo","RawOverflowTooltip"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,iBAAT,QAAkC,uBAAlC;AAEA,SAASC,YAAT,EAAuBC,UAAvB,QAAyC,mBAAzC;AAEA,SAASC,SAAT,EAAoBC,YAApB,QAAwC,IAAxC;AAEA,MAAMC,MAAM,GAAGJ,YAAY,CAAC;AAC1BK,EAAAA,WAAW,EAAE,EADa;AAE1BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE,QADC;AAEbC,IAAAA,QAAQ,EAAE,QAFG;AAGbC,IAAAA,YAAY,EAAE;AAHD,GAFW;AAO1BC,EAAAA,sBAAsB,EAAE;AACtBF,IAAAA,QAAQ,EAAE,QADY;AAEtBG,IAAAA,OAAO,EAAE,aAFa;AAGtB,0BAAsB,CAHA;AAItB,0BAAsB;AAJA;AAPE,CAAD,CAA3B;;AAeA,MAAMC,WAAW,GAAIC,QAAD,IAAc,KAAKC,IAAL,CAAUD,QAAV,CAAlC;AAEA;AACA;AACA;;;AACA,MAAME,iBAAiB,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,SAAN;AAAiBC,EAAAA,OAAjB;AAA0BC,EAAAA,IAA1B;AAAgCC,EAAAA,iBAAhC;AAAmDC,EAAAA;AAAnD,CAAD,KAAwE;AAAA;;AAChG,QAAM;AAAEC,IAAAA,KAAK,GAAG,CAAV;AAAaC,IAAAA;AAAb,MAAqBxB,iBAAiB,CAAC;AAC3CyB,IAAAA,WAAW,EAAE,UAD8B;AAE3CC,IAAAA,cAAc,EAAE;AACdC,MAAAA,QAAQ,EAAE;AADI,KAF2B;AAK3CC,IAAAA,YAAY,EAAE;AAL6B,GAAD,CAA5C;AAQA,QAAMC,aAAa,GAAG,iBAAAL,GAAG,CAACM,OAAJ,8DAAaC,WAAb,IAA2BR,KAAjD;AAEA,QAAMS,OAAO,GAAGX,iBAAiB,IAAIR,WAAW,CAACO,IAAI,CAACa,QAAL,EAAD,CAAhD;AACA,sBACE,oBAAC,SAAD;AACE,IAAA,EAAE,EAAEhB,EADN;AAEE,IAAA,oBAAoB,EAAE,CAACY,aAFzB;AAGE,IAAA,SAAS,EAAC,WAHZ;AAIE,IAAA,KAAK,eACH,oBAAC,YAAD;AAAc,MAAA,SAAS,EAAEV,OAAO,CAACb,WAAjC;AAA8C,MAAA,OAAO,EAAC;AAAtD,OACGc,IADH;AALJ,KASME,aATN,gBAWE;AACE,IAAA,GAAG,EAAEE,GADP;AAEE,IAAA,SAAS,EAAE1B,IAAI,CAACoB,SAAD,EAEqBc,OAFrB,GAEZb,OAAO,CAACR,sBAFI,GACZQ,OAAO,CAACZ,aADI;AAFjB,KAOGa,IAPH,CAXF,CADF;AAuBD,CAnCD;;AAqCA,wCAAAJ,iBAAiB,CAACkB,SAAlB,GAA8B;AAC5B;AACF;AACA;AACEjB,EAAAA,EAAE,EAAElB,SAAS,CAACoC,MAJc;;AAK5B;AACF;AACA;AACEf,EAAAA,IAAI,EAAErB,SAAS,CAACqC,IARY;;AAS5B;AACF;AACA;AACElB,EAAAA,SAAS,EAAEnB,SAAS,CAACoC,MAZO;;AAa5B;AACF;AACA;AACEhB,EAAAA,OAAO,EAAEpB,SAAS,CAACsC,KAAV,CAAgB;AACvB;AACJ;AACA;AACIC,IAAAA,IAAI,EAAEvC,SAAS,CAACoC,MAJO;;AAKvB;AACJ;AACA;AACI7B,IAAAA,WAAW,EAAEP,SAAS,CAACoC,MARA;;AASvB;AACJ;AACA;AACI5B,IAAAA,aAAa,EAAER,SAAS,CAACoC,MAZF;;AAavB;AACJ;AACA;AACIxB,IAAAA,sBAAsB,EAAEZ,SAAS,CAACoC;AAhBX,GAAhB,EAiBNI,UAjCyB;;AAkC5B;AACF;AACA;AACElB,EAAAA,iBAAiB,EAAEtB,SAAS,CAACyC,IArCD;;AAsC5B;AACF;AACA;AACElB,EAAAA,aAAa,EAAEvB,SAAS,CAAC0C,UAAV,CAAqBC,MAArB;AAzCa,CAA9B;AA4CA,eAAexC,UAAU,CAACG,MAAD,EAAS;AAChCsC,EAAAA,IAAI,EAAE;AAD0B,CAAT,CAAV,eAEZ9C,KAAK,CAAC+C,IAAN,CAAW5B,iBAAX,CAFY,CAAf;AAIA,SAASA,iBAAiB,IAAI6B,kBAA9B","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/modern/OverflowTooltip/index.d.ts

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

package/dist/modern/OverflowTooltip/index.js

@@ -0,0 +1,2 @@
+export { default } from "./OverflowTooltip";
+//# sourceMappingURL=index.js.map

package/dist/modern/OverflowTooltip/index.js.map

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

package/dist/modern/Pagination/Pagination.js

@@ -188,7 +188,7 @@ const Pagination = _ref => {
   }))));
 };
 
-Pagination.propTypes = {
+process.env.NODE_ENV !== "production" ? Pagination.propTypes = {
   /**
    * A JSS Object used to override or extend the styles applied.
    */
@@ -398,7 +398,7 @@ Pagination.propTypes = {
    * Extra properties passed to the input component representing the current pages.
    */
   currentPageInputProps: PropTypes.instanceOf(Object)
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvPagination"
 })(Pagination);

package/dist/modern/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Pagination/Pagination.js"],"names":["React","useCallback","useEffect","PropTypes","clsx","withStyles","Hidden","Start","End","Backwards","Forwards","isKeypress","KeyboardCodes","HvInput","HvTypography","setId","useLabels","ButtonIconTooltip","Select","Option","usePageInput","getSafePage","setColor","styles","DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","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","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","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":["React","useCallback","useEffect","PropTypes","clsx","withStyles","Hidden","Start","End","Backwards","Forwards","isKeypress","KeyboardCodes","HvInput","HvTypography","setId","useLabels","ButtonIconTooltip","Select","Option","usePageInput","getSafePage","setColor","styles","DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","Pagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","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","shape","string","isRequired","number","bool","arrayOf","func","instanceOf","Object","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/modern/Panel/Panel.js

@@ -27,7 +27,7 @@ const HvPanel = props => {
   }, others), children);
 };
 
-HvPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? HvPanel.propTypes = {
   /**
    * Id to be applied to the root node.
    */
@@ -52,7 +52,7 @@ HvPanel.propTypes = {
      */
     root: PropTypes.string
   }).isRequired
-};
+} : void 0;
 export default withStyles(styles, {
   name: "HvPanel"
 })(HvPanel);

package/dist/modern/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Panel/Panel.js"],"names":["React","clsx","PropTypes","Box","withStyles","styles","HvPanel","props","id","className","classes","children","others","root","propTypes","string","node","shape","isRequired","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,GAAT,EAAcC,UAAd,QAAgC,mBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,OAAO,GAAIC,KAAD,IAAW;AACzB,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,SAAN;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,MAAkDJ,KAAxD;AAAA,QAA6CK,MAA7C,4BAAwDL,KAAxD;;AAEA,sBACE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAEC,EAAT;AAAa,IAAA,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACG,IAApB;AAA5B,KAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CARD;;AAUAL,OAAO,CAACQ,SAAR,GAAoB;AAClB;AACF;AACA;AACEN,EAAAA,EAAE,EAAEN,SAAS,CAACa,MAJI;;AAKlB;AACF;AACA;AACEJ,EAAAA,QAAQ,EAAET,SAAS,CAACc,IARF;;AASlB;AACF;AACA;AACEP,EAAAA,SAAS,EAAEP,SAAS,CAACa,MAZH;;AAalB;AACF;AACA;AACEL,EAAAA,OAAO,EAAER,SAAS,CAACe,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEX,SAAS,CAACa;AAJO,GAAhB,EAKNG;AArBe,CAApB;AAwBA,eAAed,UAAU,CAACC,MAAD,EAAS;AAAEc,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCb,OAAxC,CAAf","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Box, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nconst HvPanel = (props) => {\n  const { id, className, classes, children, ...others } = props;\n\n  return (\n    <Box id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </Box>\n  );\n};\n\nHvPanel.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The content of the panel.\n   */\n  children: 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 component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvPanel\" })(HvPanel);\n"],"file":"Panel.js"}
+{"version":3,"sources":["../../../src/Panel/Panel.js"],"names":["React","clsx","PropTypes","Box","withStyles","styles","HvPanel","props","id","className","classes","children","others","root","propTypes","string","node","shape","isRequired","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,GAAT,EAAcC,UAAd,QAAgC,mBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;;AACA,MAAMC,OAAO,GAAIC,KAAD,IAAW;AACzB,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,SAAN;AAAiBC,IAAAA,OAAjB;AAA0BC,IAAAA;AAA1B,MAAkDJ,KAAxD;AAAA,QAA6CK,MAA7C,4BAAwDL,KAAxD;;AAEA,sBACE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAEC,EAAT;AAAa,IAAA,SAAS,EAAEP,IAAI,CAACQ,SAAD,EAAYC,OAAO,CAACG,IAApB;AAA5B,KAA2DD,MAA3D,GACGD,QADH,CADF;AAKD,CARD;;AAUA,wCAAAL,OAAO,CAACQ,SAAR,GAAoB;AAClB;AACF;AACA;AACEN,EAAAA,EAAE,EAAEN,SAAS,CAACa,MAJI;;AAKlB;AACF;AACA;AACEJ,EAAAA,QAAQ,EAAET,SAAS,CAACc,IARF;;AASlB;AACF;AACA;AACEP,EAAAA,SAAS,EAAEP,SAAS,CAACa,MAZH;;AAalB;AACF;AACA;AACEL,EAAAA,OAAO,EAAER,SAAS,CAACe,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEX,SAAS,CAACa;AAJO,GAAhB,EAKNG;AArBe,CAApB;AAwBA,eAAed,UAAU,CAACC,MAAD,EAAS;AAAEc,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCb,OAAxC,CAAf","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Box, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nconst HvPanel = (props) => {\n  const { id, className, classes, children, ...others } = props;\n\n  return (\n    <Box id={id} className={clsx(className, classes.root)} {...others}>\n      {children}\n    </Box>\n  );\n};\n\nHvPanel.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The content of the panel.\n   */\n  children: 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 component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvPanel\" })(HvPanel);\n"],"file":"Panel.js"}