@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":["List","id","classes","values","multiSelect","showSearch","onChange","labels","selectDefault","notifyChangesOnFirstRender","hasTooltips","disablePortal","isOpen","anchorEl","singleSelectionToggle","placement","popperProps","headerRef","others","useState","searchStr","setSearchStr","clone","list","setList","prevList","setPrevList","positionUp","setPositionUp","created","setCreated","allSelected","setAllSelected","anySelected","setAnySelected","selectAll","selectionLabel","setSelectionLabel","theme","useTheme","newLabels","selectionConjunction","multiSelectionConjunction","applyFocusRef","useCallback","node","dropdownHeader","current","focusableList","getFocusableList","length","focus","preventScroll","useEffect","updateSelectionLabel","handleSearch","str","results","filter","value","valNormalized","label","toLowerCase","strNormalized","indexOf","isNil","newList","map","elem","newElem","isResult","find","result","isHidden","renderSearch","searchContainer","setId","event","selection","selected","getSelected","sendOnChange","commitChanges","toggle","notifyChanges","updateSelectAll","hasSelection","allSelect","anySelect","handleSelectAll","renderSelectAll","selectAllContainer","container","cleanHidden","lst","forEach","item","onSelection","handleCancel","target","handleApply","handleKeyDown","evt","isKeypress","KeyboardCodes","Esc","renderActions","actions","cancelLabel","applyLabel","handleListFlip","data","position","flipped","handleListCreate","showList","renderInnerList","clsx","inputExtensionOpen","inputExtensionLeftPosition","listClosed","listOpenUp","listOpenDown","listBorderDown","rootList","marginTop","listContainer","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","bottom","onUpdate","onCreate","zIndex","tooltip","e","propTypes","PropTypes","string","isRequired","instanceOf","Object","Array","bool","func","oneOfType","object","oneOf","shape","withStyles","styles","name"],"sources":["../../../src/Dropdown/List/List.js"],"sourcesContent":["import React, { useEffect, useState, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clone from \"lodash/cloneDeep\";\nimport isNil from \"lodash/isNil\";\nimport clsx from \"clsx\";\nimport { Popper, useTheme, withStyles } from \"@material-ui/core\";\nimport OutsideClickHandler from \"react-outside-click-handler\";\nimport { setId, isKeypress, KeyboardCodes } from \"../../utils\";\nimport InnerList from \"../../List\";\nimport Search from \"../../SearchBox\";\nimport Actions from \"../Actions\";\nimport HvCheckBox from \"../../Selectors/CheckBox\";\nimport { getSelected } from \"../utils\";\nimport styles from \"./styles\";\nimport { getFocusableList } from \"../../utils/focusableElementFinder\";\n\nconst List = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  labels,\n  selectDefault = true,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  disablePortal = true,\n  isOpen = false,\n  anchorEl = null,\n  singleSelectionToggle,\n  placement,\n  popperProps,\n  headerRef,\n  ...others\n}) => {\n  const [searchStr, setSearchStr] = useState();\n  const [list, setList] = useState(clone(values));\n  const [prevList, setPrevList] = useState(clone(values));\n  const [positionUp, setPositionUp] = useState(false);\n  const [created, setCreated] = useState(false);\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n  const [selectionLabel, setSelectionLabel] = useState(labels.selectAll);\n  const theme = useTheme();\n\n  const newLabels = {\n    selectAll: labels.selectAll,\n    selectionConjunction: labels.multiSelectionConjunction,\n  };\n\n  const applyFocusRef = useCallback((node) => {\n    const dropdownHeader = headerRef?.current;\n    if (node) {\n      const focusableList = getFocusableList(node);\n      if (focusableList.length === 0) {\n        return;\n      }\n      // apply implicitly to first element\n      focusableList[0].focus({ preventScroll: true });\n    } else if (dropdownHeader) {\n      dropdownHeader.focus({ preventScroll: true });\n    }\n  }, []);\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    setList(values);\n    setPrevList(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n    if (list) {\n      // eslint-disable-next-line no-use-before-define\n      updateSelectionLabel(values);\n    }\n  }, [values]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str) => {\n    const results = list\n      ? list.filter((value) => {\n          const valNormalized = value.label.toLowerCase();\n          const strNormalized = str.toLowerCase();\n          return valNormalized.indexOf(strNormalized) >= 0;\n        })\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const newElem = { ...elem };\n        const isResult = results.find((result) => result.label === elem.label);\n        newElem.isHidden = !isResult;\n        return newElem;\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <Search\n        id={setId(id, \"search\")}\n        value={searchStr}\n        values={values}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Update the selectionLabel.\n   *\n   * @param selection\n   */\n  const updateSelectionLabel = (selection) => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const selected = getSelected(selection);\n\n    setSelectionLabel(\n      !selected.length\n        ? selectAll\n        : `${selected.length} ${multiSelectionConjunction} ${list.length}`\n    );\n  };\n\n  /**\n   * Centralized point to call the prop onChange, altering the selection label.\n   * @param selection\n   * @param commitChanges\n   * @param toggle\n   * @param notifyChanges\n   * @param event\n   */\n  const sendOnChange = (selection, commitChanges, toggle, notifyChanges, event) => {\n    onChange?.(selection, commitChanges, toggle, notifyChanges, event);\n    updateSelectionLabel(selection);\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (selection) => {\n    if (!selection) return;\n    const selected = getSelected(selection);\n    const hasSelection = selected.length > 0;\n    const allSelect = selected.length === list.length;\n    const anySelect = selected.length > 0;\n\n    setAnySelected(hasSelection && anySelect);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   * @memberof List\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n\n    setList(newList);\n    updateSelectAll(newList);\n    sendOnChange(newList, false, false, false);\n  };\n\n  const renderSelectAll = () => (\n    <div className={classes.selectAllContainer}>\n      <HvCheckBox\n        id={setId(id, \"select-all\")}\n        label={selectionLabel}\n        onChange={() => handleSelectAll()}\n        classes={{ container: classes.selection }}\n        className={classes.selectAll}\n        indeterminate={anySelected && !allSelected}\n        checked={allSelected}\n      />\n    </div>\n  );\n\n  /**\n   * Set hidden to false.\n   *\n   * @returns {*}\n   */\n  const cleanHidden = (lst) =>\n    lst.forEach((item) => {\n      // eslint-disable-next-line no-param-reassign\n      item.isHidden = false;\n    });\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param selected - elements selected.\n   */\n  const onSelection = (selected) => {\n    updateSelectAll(selected);\n\n    if (multiSelect) {\n      setList(clone(selected));\n      sendOnChange(selected, false, false, false);\n    } else {\n      cleanHidden(selected);\n      setPrevList(clone(selected));\n      setList(clone(selected));\n      setSearchStr(\"\");\n      sendOnChange(selected, true, true, true);\n    }\n  };\n\n  /**\n   * Cancel the selection in case of no commit reverting the state to it's previous iteration.\n   * If the handler is called by the onClickAway it is evaluated if the click was done in the header\n   * to prevent the double toggle.\n   */\n  const handleCancel = (event) => {\n    setList(clone(prevList));\n    setSearchStr(\"\");\n    updateSelectAll(prevList);\n    event?.target === headerRef?.current\n      ? sendOnChange(prevList, false, false, false, event)\n      : sendOnChange(prevList, false, true, false, event);\n  };\n\n  /**\n   * Commits the temporary selection to the state.\n   */\n  const handleApply = () => {\n    cleanHidden(list);\n    setPrevList(list);\n    setList(list);\n    setSearchStr(\"\");\n    sendOnChange(list, true, true, true);\n  };\n\n  /**\n   * If the ESCAPE key is pressed the cancel handler must be called.\n   *\n   * @param evt\n   */\n  const handleKeyDown = (evt) => {\n    if (isKeypress(evt, KeyboardCodes.Esc)) {\n      handleCancel(evt);\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => (\n    <div className={classes.actions}>\n      <Actions\n        id={setId(id, \"actions\")}\n        onCancel={() => handleCancel()}\n        onApply={() => handleApply()}\n        labels={labels}\n        cancelLabel={labels.cancelLabel}\n        applyLabel={labels.applyLabel}\n      />\n    </div>\n  );\n\n  /**\n   * When the list is rendered, it should determine its position.\n   *\n   * @param data\n   */\n  const handleListFlip = (data) => {\n    const position = data.flipped;\n    if (positionUp !== position) {\n      setPositionUp(position);\n    }\n  };\n\n  const handleListCreate = (data) => {\n    const position = data.flipped;\n    if (!created) {\n      setPositionUp(position);\n      setCreated(true);\n      updateSelectAll(prevList);\n    }\n  };\n\n  const showList = !isNil(values);\n\n  const renderInnerList = () => (\n    <div>\n      {!positionUp && (\n        <div\n          className={clsx(classes.inputExtensionOpen, {\n            [classes.inputExtensionLeftPosition]: placement === \"left\",\n          })}\n        />\n      )}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        className={clsx(classes.list, classes.listClosed, {\n          [classes.listOpenDown]: isOpen && !positionUp,\n          [classes.listOpenUp]: isOpen && positionUp,\n        })}\n        onKeyDown={handleKeyDown}\n      >\n        {!positionUp && <div className={classes.listBorderDown} />}\n\n        <div\n          className={clsx(classes.rootList, {\n            [classes.marginTop]: positionUp && showList,\n          })}\n        >\n          {showSearch && renderSearch()}\n          {showList && multiSelect && renderSelectAll()}\n          <div className={classes.listContainer}>\n            {showList && (\n              <InnerList\n                id={setId(id, \"list\")}\n                values={list}\n                multiSelect={multiSelect}\n                useSelector={multiSelect}\n                showSelectAll={false}\n                onChange={onSelection}\n                labels={newLabels}\n                selectDefault={selectDefault}\n                hasTooltips={hasTooltips}\n                selectable\n                condensed\n                singleSelectionToggle={singleSelectionToggle}\n                {...others}\n              />\n            )}\n          </div>\n        </div>\n        {showList && multiSelect ? renderActions() : null}\n      </div>\n      {positionUp && (\n        <div\n          className={clsx(classes.inputExtensionOpen, classes.inputExtensionOpenShadow, {\n            [classes.inputExtensionFloatRight]: placement === \"right\",\n            [classes.inputExtensionFloatLeft]: placement === \"left\",\n          })}\n        />\n      )}\n    </div>\n  );\n\n  const bottom = placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  return (\n    <Popper\n      id={id}\n      disablePortal={disablePortal}\n      open={isOpen}\n      anchorEl={anchorEl}\n      placement={bottom}\n      popperOptions={{\n        onUpdate: (data) => handleListFlip(data),\n        onCreate: (data) => handleListCreate(data),\n      }}\n      style={{ zIndex: theme.zIndex.tooltip }}\n      ref={applyFocusRef}\n      {...popperProps}\n    >\n      <OutsideClickHandler onOutsideClick={(e) => handleCancel(e)}>\n        {renderInnerList()}\n      </OutsideClickHandler>\n    </Popper>\n  );\n};\n\nList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The list to be rendered.\n   */\n  values: PropTypes.instanceOf(Array),\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect: PropTypes.bool,\n  /**\n   * If true renders the search component.\n   */\n  showSearch: PropTypes.bool,\n  /**\n   * A function to be executed whenever a item is selected in the list.\n   */\n  onChange: PropTypes.func,\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * If ´true´ and none element selected,\n   * single select has default (first) label selected.\n   */\n  selectDefault: PropTypes.bool,\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender: PropTypes.bool,\n  /**\n   * If ´true´ the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips: PropTypes.bool,\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If 'true' list is open.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * This is the DOM element, or a function that returns the DOM element,\n   * that may be used to set the position of the popover.\n   * The return value will passed as the reference object of the Popper\n   * instance.\n   */\n  anchorEl: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),\n  /**\n   * If ´true´, selection can be toggled when single selection.\n   */\n  singleSelectionToggle: PropTypes.bool.isRequired,\n  /**\n   * Placement of the dropdown.\n   */\n  placement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps: PropTypes.shape(),\n  /**\n   * A reference to the dropdown header used for refocusing the element.\n   */\n  headerRef: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDropdownList\" })(List);\n"],"mappings":"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"}

package/dist/Dropdown/List/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 _List.default;
+  }
+});
+
+var _List = _interopRequireDefault(require("./List"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/Dropdown/List/styles.js

@@ -0,0 +1,114 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    rootList: {
+      width: 310
+    },
+    listContainer: {
+      overflow: "auto",
+      maxHeight: 270,
+      paddingLeft: "".concat(theme.hv.spacing.sm, "px"),
+      marginRight: "2px",
+      paddingRight: "18px",
+      paddingBottom: "".concat(theme.hv.spacing.sm, "px")
+    },
+    searchContainer: {
+      paddingLeft: "".concat(theme.hv.spacing.sm, "px"),
+      paddingRight: "".concat(theme.hv.spacing.sm, "px"),
+      paddingBottom: "".concat(theme.hv.spacing.xs, "px")
+    },
+    selectAllContainer: {
+      paddingLeft: "".concat(theme.hv.spacing.sm, "px"),
+      paddingRight: "".concat(theme.hv.spacing.sm, "px"),
+      width: "100%"
+    },
+    selectAll: {
+      "& > span": _objectSpread({}, theme.hv.typography.highlightText)
+    },
+    selection: {
+      width: "100%"
+    },
+    actions: {
+      textAlign: "right",
+      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
+      padding: "".concat(theme.hv.spacing.sm, "px")
+    },
+    marginTop: {
+      marginTop: "".concat(theme.hv.spacing.sm, "px")
+    },
+    listBorderDown: {
+      display: "block",
+      height: "".concat(theme.hv.spacing.sm, "px"),
+      boxShadow: "0 0 0 ".concat(theme.hv.palette.atmosphere.atmo1, ", 0px -5px 12px -5px rgba(65,65,65,.12)")
+    },
+    list: {
+      maxWidth: 310,
+      minWidth: 310,
+      background: theme.hv.palette.atmosphere.atmo1,
+      border: "1px solid ".concat(theme.hv.palette.accent.acce1),
+      borderTop: "none",
+      zIndex: 1000
+    },
+    listClosed: {
+      display: "none"
+    },
+    listOpenDown: {
+      display: "block",
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+      boxShadow: theme.hv.shadows[1]
+    },
+    listOpenUp: {
+      display: "block",
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1)
+    },
+    inputExtensionOpen: {
+      width: "310px",
+      height: "10px",
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    inputExtensionLeftPosition: {
+      marginLeft: "auto"
+    },
+    inputExtensionOpenShadow: {
+      boxShadow: "0px 8px 0px ".concat(theme.hv.palette.atmosphere.atmo1, ", 0px 0px 9px 0px rgba(65,65,65,.12)")
+    },
+    inputExtensionFloatRight: {
+      float: "left"
+    },
+    inputExtensionFloatLeft: {
+      float: "right"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","rootList","width","listContainer","overflow","maxHeight","paddingLeft","hv","spacing","sm","marginRight","paddingRight","paddingBottom","searchContainer","xs","selectAllContainer","selectAll","typography","highlightText","selection","actions","textAlign","borderTop","palette","atmosphere","atmo2","padding","marginTop","listBorderDown","display","height","boxShadow","atmo1","list","maxWidth","minWidth","background","border","accent","acce1","zIndex","listClosed","listOpenDown","shadows","listOpenUp","inputExtensionOpen","backgroundColor","inputExtensionLeftPosition","marginLeft","inputExtensionOpenShadow","inputExtensionFloatRight","float","inputExtensionFloatLeft"],"sources":["../../../src/Dropdown/List/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  rootList: {\n    width: 310,\n  },\n  listContainer: {\n    overflow: \"auto\",\n    maxHeight: 270,\n    paddingLeft: `${theme.hv.spacing.sm}px`,\n    marginRight: \"2px\",\n    paddingRight: \"18px\",\n    paddingBottom: `${theme.hv.spacing.sm}px`,\n  },\n  searchContainer: {\n    paddingLeft: `${theme.hv.spacing.sm}px`,\n    paddingRight: `${theme.hv.spacing.sm}px`,\n    paddingBottom: `${theme.hv.spacing.xs}px`,\n  },\n  selectAllContainer: {\n    paddingLeft: `${theme.hv.spacing.sm}px`,\n    paddingRight: `${theme.hv.spacing.sm}px`,\n    width: \"100%\",\n  },\n  selectAll: {\n    \"& > span\": {\n      ...theme.hv.typography.highlightText,\n    },\n  },\n  selection: {\n    width: \"100%\",\n  },\n  actions: {\n    textAlign: \"right\",\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    padding: `${theme.hv.spacing.sm}px`,\n  },\n  marginTop: {\n    marginTop: `${theme.hv.spacing.sm}px`,\n  },\n  listBorderDown: {\n    display: \"block\",\n    height: `${theme.hv.spacing.sm}px`,\n    boxShadow: `0 0 0 ${theme.hv.palette.atmosphere.atmo1}, 0px -5px 12px -5px rgba(65,65,65,.12)`,\n  },\n  list: {\n    maxWidth: 310,\n    minWidth: 310,\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    borderTop: \"none\",\n    zIndex: 1000,\n  },\n  listClosed: {\n    display: \"none\",\n  },\n  listOpenDown: {\n    display: \"block\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n  },\n  listOpenUp: {\n    display: \"block\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n  },\n  inputExtensionOpen: {\n    width: \"310px\",\n    height: \"10px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputExtensionLeftPosition: {\n    marginLeft: \"auto\",\n  },\n  inputExtensionOpenShadow: {\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n  inputExtensionFloatRight: {\n    float: \"left\",\n  },\n  inputExtensionFloatLeft: {\n    float: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Dropdown";
+export * from "./Dropdown";

package/dist/Dropdown/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 _Dropdown.default;
+  }
+});
+
+var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+//# sourceMappingURL=index.js.map

package/dist/Dropdown/index.js.map

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

package/dist/Dropdown/styles.js

@@ -0,0 +1,109 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      position: "relative",
+      maxWidth: 310,
+      minWidth: 310,
+      background: theme.hv.palette.atmosphere.atmo1,
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6),
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.accent.acce1)
+      }
+    },
+    rootOpen: {
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+      boxShadow: theme.hv.shadows[1],
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+        boxShadow: theme.hv.shadows[1]
+      }
+    },
+    rootDisabled: {
+      border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6),
+      background: theme.hv.palette.atmosphere.atmo4,
+      "&:hover": {
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6)
+      },
+      cursor: "not-allowed"
+    },
+    label: _objectSpread(_objectSpread({}, theme.hv.typography.labelText), {}, {
+      fontFamily: theme.hv.typography.fontFamily,
+      marginBottom: theme.hv.spacing.xs + 1,
+      display: "block"
+    }),
+    header: {
+      position: "relative",
+      height: "".concat(theme.hv.spacing.md, "px"),
+      cursor: "pointer",
+      userSelect: "none",
+      "&:focus": _objectSpread({}, _styles.outlineStyles)
+    },
+    selection: {
+      padding: "0 ".concat(theme.hv.spacing.md, "px 0 ").concat(theme.hv.spacing.xs, "px"),
+      lineHeight: "".concat(theme.hv.spacing.md, "px"),
+      pointerEvents: "none"
+    },
+    arrow: {
+      position: "absolute",
+      pointerEvents: "none",
+      top: 0,
+      right: 0,
+      width: 30,
+      height: 30
+    },
+    headerDisabled: {
+      pointerEvents: "none",
+      "&:hover": {
+        cursor: "not-allowed"
+      }
+    },
+    truncate: {
+      display: "block",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    selectionDisabled: _objectSpread(_objectSpread({}, theme.hv.typography.placeholderText), {}, {
+      lineHeight: "".concat(theme.hv.spacing.md, "px")
+    }),
+    rootList: {},
+    list: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Dropdown/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","position","maxWidth","minWidth","background","hv","palette","atmosphere","atmo1","border","atmo6","accent","acce1","rootOpen","boxShadow","shadows","rootDisabled","atmo4","cursor","label","typography","labelText","fontFamily","marginBottom","spacing","xs","display","header","height","md","userSelect","outlineStyles","selection","padding","lineHeight","pointerEvents","arrow","top","right","width","headerDisabled","truncate","overflow","textOverflow","whiteSpace","selectionDisabled","placeholderText","rootList","list"],"sources":["../../src/Dropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    maxWidth: 310,\n    minWidth: 310,\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  rootOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  rootDisabled: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n    background: theme.hv.palette.atmosphere.atmo4,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  label: {\n    ...theme.hv.typography.labelText,\n    fontFamily: theme.hv.typography.fontFamily,\n    marginBottom: theme.hv.spacing.xs + 1,\n    display: \"block\",\n  },\n  header: {\n    position: \"relative\",\n    height: `${theme.hv.spacing.md}px`,\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  selection: {\n    padding: `0 ${theme.hv.spacing.md}px 0 ${theme.hv.spacing.xs}px`,\n    lineHeight: `${theme.hv.spacing.md}px`,\n    pointerEvents: \"none\",\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: 0,\n    right: 0,\n    width: 30,\n    height: 30,\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    \"&:hover\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  truncate: {\n    display: \"block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  rootList: {},\n  list: {},\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Dropdown/utils.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSelectionLabel = exports.getSelected = void 0;
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.concat.js");
+
+/**
+ * Filter selected elements.
+ *
+ * @param {Object} list - the list to filter
+ * @returns {Array} - the selected elements
+ */
+var getSelected = function getSelected(list) {
+  return list ? list.filter(function (elem) {
+    return elem.selected;
+  }) : [];
+};
+/**
+ * Gets the selection label according to selection.
+ *
+ * @param {Object} list - the list to filter the selected elements from
+ * @param {Object} labels - the labels to extract the textual values for the label
+ * @param {Boolean} multiselect - if "true" the label will have a different format
+ *
+ * @returns {String} - the selection label
+ */
+
+
+exports.getSelected = getSelected;
+
+var getSelectionLabel = function getSelectionLabel(list, labels, multiSelect) {
+  var selected = getSelected(list);
+  var hasSelection = selected.length > 0;
+  var isSingleSelection = selected.length === 1;
+  var selectionLabel = labels.select;
+
+  if (hasSelection && isSingleSelection) {
+    selectionLabel = selected[0].label;
+  } else if (hasSelection && multiSelect) {
+    selectionLabel = "".concat(labels.multiSelectionAction, " ").concat(selected.length, " ").concat(labels.multiSelectionConjunction, " ").concat(list.length);
+  }
+
+  return selectionLabel;
+};
+
+exports.getSelectionLabel = getSelectionLabel;
+//# sourceMappingURL=utils.js.map

package/dist/Dropdown/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["getSelected","list","filter","elem","selected","getSelectionLabel","labels","multiSelect","hasSelection","length","isSingleSelection","selectionLabel","select","label","multiSelectionAction","multiSelectionConjunction"],"sources":["../../src/Dropdown/utils.js"],"sourcesContent":["/**\n * Filter selected elements.\n *\n * @param {Object} list - the list to filter\n * @returns {Array} - the selected elements\n */\nconst getSelected = (list) => (list ? list.filter((elem) => elem.selected) : []);\n\n/**\n * Gets the selection label according to selection.\n *\n * @param {Object} list - the list to filter the selected elements from\n * @param {Object} labels - the labels to extract the textual values for the label\n * @param {Boolean} multiselect - if \"true\" the label will have a different format\n *\n * @returns {String} - the selection label\n */\nconst getSelectionLabel = (list, labels, multiSelect) => {\n  const selected = getSelected(list);\n  const hasSelection = selected.length > 0;\n  const isSingleSelection = selected.length === 1;\n\n  let selectionLabel = labels.select;\n\n  if (hasSelection && isSingleSelection) {\n    selectionLabel = selected[0].label;\n  } else if (hasSelection && multiSelect) {\n    selectionLabel = `${labels.multiSelectionAction} ${selected.length} ${labels.multiSelectionConjunction} ${list.length}`;\n  }\n\n  return selectionLabel;\n};\n\nexport { getSelectionLabel, getSelected };\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD;EAAA,OAAWA,IAAI,GAAGA,IAAI,CAACC,MAAL,CAAY,UAACC,IAAD;IAAA,OAAUA,IAAI,CAACC,QAAf;EAAA,CAAZ,CAAH,GAA0C,EAAzD;AAAA,CAApB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACJ,IAAD,EAAOK,MAAP,EAAeC,WAAf,EAA+B;EACvD,IAAMH,QAAQ,GAAGJ,WAAW,CAACC,IAAD,CAA5B;EACA,IAAMO,YAAY,GAAGJ,QAAQ,CAACK,MAAT,GAAkB,CAAvC;EACA,IAAMC,iBAAiB,GAAGN,QAAQ,CAACK,MAAT,KAAoB,CAA9C;EAEA,IAAIE,cAAc,GAAGL,MAAM,CAACM,MAA5B;;EAEA,IAAIJ,YAAY,IAAIE,iBAApB,EAAuC;IACrCC,cAAc,GAAGP,QAAQ,CAAC,CAAD,CAAR,CAAYS,KAA7B;EACD,CAFD,MAEO,IAAIL,YAAY,IAAID,WAApB,EAAiC;IACtCI,cAAc,aAAML,MAAM,CAACQ,oBAAb,cAAqCV,QAAQ,CAACK,MAA9C,cAAwDH,MAAM,CAACS,yBAA/D,cAA4Fd,IAAI,CAACQ,MAAjG,CAAd;EACD;;EAED,OAAOE,cAAP;AACD,CAdD"}

package/dist/EmptyState/EmptyState.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvEmptyStateProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvEmptyStateClassKey, "title"> {
+  /**
+   * The title to be shown.
+   */
+  title?: string | React.ReactNode;
+  /**
+   * The message to be shown.
+   */
+  message: string | React.ReactNode;
+  /**
+   * The action message to be shown.
+   */
+  action?: string | React.ReactNode;
+  /**
+   *  Icon to be presented.
+   */
+  icon: React.ReactNode;
+}
+
+export type HvEmptyStateClassKey =
+  | "root"
+  | "container"
+  | "containerMessageOnly"
+  | "iconContainer"
+  | "textContainer"
+  | "titleContainer"
+  | "messageContainer"
+  | "actionContainer";
+
+export default function HvEmptyState(props: HvEmptyStateProps): JSX.Element | null;

package/dist/EmptyState/EmptyState.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _isString = _interopRequireDefault(require("lodash/isString"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "title", "message", "action", "icon"];
+
+var renderNode = function renderNode(node, className, variant) {
+  return node && /*#__PURE__*/_react.default.createElement("div", {
+    className: className
+  }, (0, _isString.default)(node) ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: variant
+  }, node) : node);
+};
+
+var EmptyState = function EmptyState(props) {
+  var classes = props.classes,
+      className = props.className,
+      title = props.title,
+      message = props.message,
+      action = props.action,
+      icon = props.icon,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.container, message && !title && !action && classes.containerMessageOnly)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.iconContainer
+  }, icon), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.textContainer
+  }, renderNode(title, classes.titleContainer, "sTitle"), renderNode(message, classes.messageContainer, "normalText"), renderNode(action, classes.actionContainer, "normalText"))));
+};
+
+process.env.NODE_ENV !== "production" ? EmptyState.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the empty state component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component container class.
+     */
+    container: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component container class, when there is no title or action.
+     */
+    containerMessageOnly: _propTypes.default.string,
+
+    /**
+     * Styles applied to the icon container class.
+     */
+    iconContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the text container class.
+     */
+    textContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the title container class.
+     */
+    titleContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the message container class.
+     */
+    messageContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action message container class.
+     */
+    actionContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The title to be shown.
+   */
+  title: _propTypes.default.node,
+
+  /**
+   * The message to be shown.
+   */
+  message: _propTypes.default.node.isRequired,
+
+  /**
+   * The action message to be shown.
+   */
+  action: _propTypes.default.node,
+
+  /**
+   *  Icon to be presented.
+   */
+  icon: _propTypes.default.element.isRequired
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvEmptyState"
+})(EmptyState);
+
+exports.default = _default;
+//# sourceMappingURL=EmptyState.js.map

package/dist/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":["renderNode","node","className","variant","isString","EmptyState","props","classes","title","message","action","icon","others","clsx","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","withStyles","styles","name"],"sources":["../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport isString from \"lodash/isString\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <div className={className}>\n      {isString(node) ? <HvTypography variant={variant}>{node}</HvTypography> : node}\n    </div>\n  );\n\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !title && !action,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"sTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":"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"}

package/dist/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EmptyState";
+export * from "./EmptyState";

package/dist/EmptyState/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 _EmptyState.default;
+  }
+});
+
+var _EmptyState = _interopRequireDefault(require("./EmptyState"));
+//# sourceMappingURL=index.js.map

package/dist/EmptyState/index.js.map

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