@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/FilterGroup/FilterGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}

package/dist/modern/FilterGroup/FilterGroupContext.js

@@ -0,0 +1,66 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useState, useEffect, useMemo, useCallback } from "react";
+import PropTypes from "prop-types";
+import isEqual from "lodash/isEqual";
+import { useSavedState } from "../utils";
+export const FilterGroupContext = /*#__PURE__*/React.createContext({
+  activeGroup: 0,
+  setActiveGroup: () => {},
+  filterOptions: [],
+  setFilterOptions: () => {},
+  filterValues: [],
+  setFilterValues: () => {},
+  rollbackFilters: () => {},
+  clearFilters: () => {},
+  applyFilters: () => {},
+  applyDisabled: false
+});
+
+const groups = filters => filters.map(() => []);
+
+export const FilterGroupProvider = ({
+  value,
+  filters,
+  children
+}) => {
+  const [group, setActiveGroup] = useState(0);
+  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(value || groups(filters));
+  const [applyDisabled, setApplyDisabled] = useState(false);
+  useEffect(() => {
+    setApplyDisabled(isEqual(filterValues, appliedFilters));
+  }, [filterValues, appliedFilters]);
+  const clearFilters = useCallback(() => {
+    setFilterValues(groups(filters));
+  }, [filters, setFilterValues]);
+  const applyFilters = useCallback(() => {
+    setFilterValues(filterValues, true);
+  }, [filterValues, setFilterValues]);
+  const contextValue = useMemo(() => ({
+    activeGroup: group,
+    setActiveGroup,
+    filterOptions: filters,
+    filterValues,
+    setFilterValues,
+    appliedFilters,
+    rollbackFilters,
+    clearFilters,
+    applyFilters,
+    applyDisabled
+  }), [appliedFilters, applyDisabled, applyFilters, clearFilters, filterValues, filters, group, rollbackFilters, setFilterValues]);
+  return /*#__PURE__*/React.createElement(FilterGroupContext.Provider, {
+    value: contextValue
+  }, children);
+};
+FilterGroupProvider.propTypes = {
+  value: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))),
+  filters: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    data: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      name: PropTypes.string.isRequired
+    })).isRequired
+  })),
+  children: PropTypes.node.isRequired
+};
+//# sourceMappingURL=FilterGroupContext.js.map

package/dist/modern/FilterGroup/FilterGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/FilterGroupContext.js"],"names":["React","useState","useEffect","useMemo","useCallback","PropTypes","isEqual","useSavedState","FilterGroupContext","createContext","activeGroup","setActiveGroup","filterOptions","setFilterOptions","filterValues","setFilterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","groups","filters","map","FilterGroupProvider","value","children","group","appliedFilters","setApplyDisabled","contextValue","propTypes","arrayOf","oneOfType","string","number","shape","id","isRequired","name","data","node"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isEqual from \"lodash/isEqual\";\nimport { useSavedState } from \"../utils\";\n\nexport const FilterGroupContext = React.createContext({\n  activeGroup: 0,\n  setActiveGroup: () => {},\n  filterOptions: [],\n  setFilterOptions: () => {},\n  filterValues: [],\n  setFilterValues: () => {},\n  rollbackFilters: () => {},\n  clearFilters: () => {},\n  applyFilters: () => {},\n  applyDisabled: false,\n});\n\nconst groups = (filters) => filters.map(() => []);\n\nexport const FilterGroupProvider = ({ value, filters, children }) => {\n  const [group, setActiveGroup] = useState(0);\n  const [filterValues, setFilterValues, rollbackFilters, appliedFilters] = useSavedState(\n    value || groups(filters)\n  );\n  const [applyDisabled, setApplyDisabled] = useState(false);\n\n  useEffect(() => {\n    setApplyDisabled(isEqual(filterValues, appliedFilters));\n  }, [filterValues, appliedFilters]);\n\n  const clearFilters = useCallback(() => {\n    setFilterValues(groups(filters));\n  }, [filters, setFilterValues]);\n\n  const applyFilters = useCallback(() => {\n    setFilterValues(filterValues, true);\n  }, [filterValues, setFilterValues]);\n\n  const contextValue = useMemo(\n    () => ({\n      activeGroup: group,\n      setActiveGroup,\n      filterOptions: filters,\n      filterValues,\n      setFilterValues,\n      appliedFilters,\n      rollbackFilters,\n      clearFilters,\n      applyFilters,\n      applyDisabled,\n    }),\n    [\n      appliedFilters,\n      applyDisabled,\n      applyFilters,\n      clearFilters,\n      filterValues,\n      filters,\n      group,\n      rollbackFilters,\n      setFilterValues,\n    ]\n  );\n\n  return <FilterGroupContext.Provider value={contextValue}>{children}</FilterGroupContext.Provider>;\n};\n\nFilterGroupProvider.propTypes = {\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ),\n  children: PropTypes.node.isRequired,\n};\n"],"file":"FilterGroupContext.js"}

package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js

@@ -0,0 +1,47 @@
+import React, { useContext } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { HvPanel, HvListContainer, HvListItem, setId } from "../..";
+import { FilterGroupContext } from "../FilterGroupContext";
+import Counter from "../Counter";
+import useStyles from "./styles";
+import { wrapperTooltip } from "../../List/utils";
+
+const LeftPanel = ({
+  id,
+  className
+}) => {
+  const classes = useStyles();
+  const {
+    filterOptions,
+    activeGroup,
+    setActiveGroup
+  } = useContext(FilterGroupContext);
+  return /*#__PURE__*/React.createElement(HvPanel, {
+    id: setId(id, "leftPanel"),
+    className: clsx(className, classes.root)
+  }, /*#__PURE__*/React.createElement(HvListContainer, {
+    id: setId(id, "leftPanel-list"),
+    condensed: true,
+    interactive: true
+  }, filterOptions.map((group, index) => {
+    const ItemText = wrapperTooltip(true, group.name, group.name);
+    return /*#__PURE__*/React.createElement(HvListItem, {
+      id: group.id,
+      className: classes.filterItem,
+      key: group.name,
+      onClick: () => setActiveGroup(index),
+      selected: filterOptions[activeGroup].id === group.id,
+      endAdornment: /*#__PURE__*/React.createElement(Counter, {
+        id: group.id
+      })
+    }, /*#__PURE__*/React.createElement(ItemText, null));
+  })));
+};
+
+LeftPanel.propTypes = {
+  id: PropTypes.string,
+  className: PropTypes.string
+};
+export default LeftPanel;
+//# sourceMappingURL=LeftPanel.js.map

package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/LeftPanel/LeftPanel.js"],"names":["React","useContext","clsx","PropTypes","HvPanel","HvListContainer","HvListItem","setId","FilterGroupContext","Counter","useStyles","wrapperTooltip","LeftPanel","id","className","classes","filterOptions","activeGroup","setActiveGroup","root","map","group","index","ItemText","name","filterItem","propTypes","string"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,EAAkBC,eAAlB,EAAmCC,UAAnC,EAA+CC,KAA/C,QAA4D,OAA5D;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA;AAAN,CAAD,KAAuB;AACvC,QAAMC,OAAO,GAAGL,SAAS,EAAzB;AACA,QAAM;AAAEM,IAAAA,aAAF;AAAiBC,IAAAA,WAAjB;AAA8BC,IAAAA;AAA9B,MAAiDjB,UAAU,CAACO,kBAAD,CAAjE;AAEA,sBACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAED,KAAK,CAACM,EAAD,EAAK,WAAL,CAAlB;AAAqC,IAAA,SAAS,EAAEX,IAAI,CAACY,SAAD,EAAYC,OAAO,CAACI,IAApB;AAApD,kBACE,oBAAC,eAAD;AAAiB,IAAA,EAAE,EAAEZ,KAAK,CAACM,EAAD,EAAK,gBAAL,CAA1B;AAAkD,IAAA,SAAS,MAA3D;AAA4D,IAAA,WAAW;AAAvE,KACGG,aAAa,CAACI,GAAd,CAAkB,CAACC,KAAD,EAAQC,KAAR,KAAkB;AACnC,UAAMC,QAAQ,GAAGZ,cAAc,CAAC,IAAD,EAAOU,KAAK,CAACG,IAAb,EAAmBH,KAAK,CAACG,IAAzB,CAA/B;AACA,wBACE,oBAAC,UAAD;AACE,MAAA,EAAE,EAAEH,KAAK,CAACR,EADZ;AAEE,MAAA,SAAS,EAAEE,OAAO,CAACU,UAFrB;AAGE,MAAA,GAAG,EAAEJ,KAAK,CAACG,IAHb;AAIE,MAAA,OAAO,EAAE,MAAMN,cAAc,CAACI,KAAD,CAJ/B;AAKE,MAAA,QAAQ,EAAEN,aAAa,CAACC,WAAD,CAAb,CAA2BJ,EAA3B,KAAkCQ,KAAK,CAACR,EALpD;AAME,MAAA,YAAY,eAAE,oBAAC,OAAD;AAAS,QAAA,EAAE,EAAEQ,KAAK,CAACR;AAAnB;AANhB,oBAQE,oBAAC,QAAD,OARF,CADF;AAYD,GAdA,CADH,CADF,CADF;AAqBD,CAzBD;;AA2BAD,SAAS,CAACc,SAAV,GAAsB;AACpBb,EAAAA,EAAE,EAAEV,SAAS,CAACwB,MADM;AAEpBb,EAAAA,SAAS,EAAEX,SAAS,CAACwB;AAFD,CAAtB;AAKA,eAAef,SAAf","sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { HvPanel, HvListContainer, HvListItem, setId } from \"../..\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport Counter from \"../Counter\";\nimport useStyles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst LeftPanel = ({ id, className }) => {\n  const classes = useStyles();\n  const { filterOptions, activeGroup, setActiveGroup } = useContext(FilterGroupContext);\n\n  return (\n    <HvPanel id={setId(id, \"leftPanel\")} className={clsx(className, classes.root)}>\n      <HvListContainer id={setId(id, \"leftPanel-list\")} condensed interactive>\n        {filterOptions.map((group, index) => {\n          const ItemText = wrapperTooltip(true, group.name, group.name);\n          return (\n            <HvListItem\n              id={group.id}\n              className={classes.filterItem}\n              key={group.name}\n              onClick={() => setActiveGroup(index)}\n              selected={filterOptions[activeGroup].id === group.id}\n              endAdornment={<Counter id={group.id} />}\n            >\n              <ItemText />\n            </HvListItem>\n          );\n        })}\n      </HvListContainer>\n    </HvPanel>\n  );\n};\n\nLeftPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n};\n\nexport default LeftPanel;\n"],"file":"LeftPanel.js"}

package/dist/modern/FilterGroup/LeftPanel/index.js

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

package/dist/modern/FilterGroup/LeftPanel/index.js.map

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

package/dist/modern/FilterGroup/LeftPanel/styles.js

@@ -0,0 +1,13 @@
+import { makeStyles } from "@material-ui/core"; // accommodating the focus outline space with extra 4px
+
+const styles = makeStyles(() => ({
+  root: {
+    "& $filterItem": {
+      display: "flex",
+      justifyContent: "space-between"
+    }
+  },
+  filterItem: {}
+}));
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/FilterGroup/LeftPanel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/LeftPanel/styles.js"],"names":["makeStyles","styles","root","display","justifyContent","filterItem"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B,C,CAEA;;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;AAC/BE,EAAAA,IAAI,EAAE;AACJ,qBAAiB;AACfC,MAAAA,OAAO,EAAE,MADM;AAEfC,MAAAA,cAAc,EAAE;AAFD;AADb,GADyB;AAO/BC,EAAAA,UAAU,EAAE;AAPmB,CAAP,CAAD,CAAzB;AAUA,eAAeJ,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\n// accommodating the focus outline space with extra 4px\n\nconst styles = makeStyles(() => ({\n  root: {\n    \"& $filterItem\": {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n    },\n  },\n  filterItem: {},\n}));\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/FilterGroup/RightPanel/RightPanel.js

@@ -0,0 +1,134 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useMemo, useContext, useState, useEffect, useCallback } from "react";
+import PropTypes from "prop-types";
+import cloneDeep from "lodash/cloneDeep";
+import clsx from "clsx";
+import { FilterGroupContext } from "../FilterGroupContext";
+import useStyles from "./styles";
+import { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from "../..";
+
+const RightPanel = ({
+  id,
+  className,
+  labels
+}) => {
+  const classes = useStyles();
+  const [searchStr, setSearchStr] = useState("");
+  const [allSelected, setAllSelected] = useState(false);
+  const [anySelected, setAnySelected] = useState(false);
+  const {
+    filterOptions,
+    filterValues,
+    setFilterValues,
+    activeGroup
+  } = useContext(FilterGroupContext);
+  const activeGroupOptions = useMemo(() => filterOptions[activeGroup].data.map(option => option.id), [filterOptions, activeGroup]);
+  const activeFilterValues = useMemo(() => {
+    var _filterValues$activeG;
+
+    return (_filterValues$activeG = filterValues[activeGroup]) === null || _filterValues$activeG === void 0 ? void 0 : _filterValues$activeG.filter(value => activeGroupOptions.includes(value));
+  }, [filterValues, activeGroupOptions, activeGroup]);
+  const listValues = useMemo(() => filterOptions[activeGroup].data.map(option => {
+    var _filterValues$activeG2;
+
+    return _objectSpread(_objectSpread({}, option), {}, {
+      label: option.name,
+      selected: (_filterValues$activeG2 = filterValues[activeGroup]) === null || _filterValues$activeG2 === void 0 ? void 0 : _filterValues$activeG2.includes(option.id),
+      isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0
+    });
+  }), [filterOptions, filterValues, activeGroup, searchStr]);
+  const updateSelectAll = useCallback(() => {
+    const nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
+    const hasSelection = nbrSelected > 0;
+    const allSelect = nbrSelected === activeGroupOptions.length;
+    setAnySelected(hasSelection);
+    setAllSelected(hasSelection && allSelect);
+  }, [activeFilterValues, activeGroupOptions]);
+  useEffect(() => {
+    updateSelectAll();
+  }, [activeFilterValues, updateSelectAll]);
+  useEffect(() => setSearchStr(""), [activeGroup]);
+
+  const onChangeHandler = values => {
+    const newFilterValues = filterOptions.map((option, i) => activeGroup === i ? values.filter(v => v.selected).map(v => v.id) : [...(filterValues[i] || [])]);
+    setFilterValues(newFilterValues);
+  };
+
+  const handleSelectAll = useCallback(() => {
+    const newFilterValues = cloneDeep(filterValues);
+    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;
+    setFilterValues(newFilterValues);
+  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);
+  /**
+   * Create selecteAll component.
+   *
+   * @returns {*}
+   */
+
+  const SelectAll = useCallback(() => {
+    const {
+      selectAll,
+      multiSelectionConjunction
+    } = labels;
+    const nbrSelected = activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length;
+    const defaultLabel = /*#__PURE__*/React.createElement(HvTypography, {
+      component: "span"
+    }, nbrSelected > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, nbrSelected), ` ${multiSelectionConjunction} ${activeGroupOptions.length}`) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("b", null, selectAll), ` (${activeGroupOptions.length})`));
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.selectAllContainer
+    }, /*#__PURE__*/React.createElement(HvCheckBox, {
+      id: setId(id, "select-all"),
+      label: defaultLabel,
+      onChange: () => handleSelectAll(),
+      classes: {
+        container: classes.selection
+      },
+      className: classes.selectAll,
+      indeterminate: anySelected && !allSelected,
+      checked: allSelected
+    }));
+  }, [activeFilterValues === null || activeFilterValues === void 0 ? void 0 : activeFilterValues.length, activeGroupOptions.length, allSelected, anySelected, classes.selectAll, classes.selectAllContainer, classes.selection, handleSelectAll, id, labels]);
+  return /*#__PURE__*/React.createElement(HvPanel, {
+    id: setId(id, "rightPanel"),
+    className: clsx(className, classes.root)
+  }, /*#__PURE__*/React.createElement(HvInput, {
+    id: setId(id, "search"),
+    classes: {
+      root: classes.search
+    },
+    type: "search",
+    placeholder: labels.searchBoxPlaceholder,
+    value: searchStr,
+    onChange: (event, str) => setSearchStr(str)
+  }), /*#__PURE__*/React.createElement(SelectAll, null), /*#__PURE__*/React.createElement(HvList, {
+    key: activeGroup,
+    id: setId(id, "list"),
+    className: classes.list,
+    values: listValues,
+    multiSelect: true,
+    useSelector: true,
+    showSelectAll: false,
+    onChange: onChangeHandler,
+    selectable: true,
+    condensed: true,
+    hasTooltips: true
+  }));
+};
+
+RightPanel.propTypes = {
+  id: PropTypes.string,
+  className: PropTypes.string,
+  labels: PropTypes.shape({
+    searchBoxPlaceholder: PropTypes.string,
+    selectAll: PropTypes.string,
+    multiSelectionConjunction: PropTypes.string
+  })
+};
+export default RightPanel;
+//# sourceMappingURL=RightPanel.js.map

package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/RightPanel/RightPanel.js"],"names":["React","useMemo","useContext","useState","useEffect","useCallback","PropTypes","cloneDeep","clsx","FilterGroupContext","useStyles","setId","HvTypography","HvList","HvInput","HvPanel","HvCheckBox","RightPanel","id","className","labels","classes","searchStr","setSearchStr","allSelected","setAllSelected","anySelected","setAnySelected","filterOptions","filterValues","setFilterValues","activeGroup","activeGroupOptions","data","map","option","activeFilterValues","filter","value","includes","listValues","label","name","selected","isHidden","toLowerCase","indexOf","updateSelectAll","nbrSelected","length","hasSelection","allSelect","onChangeHandler","values","newFilterValues","i","v","handleSelectAll","SelectAll","selectAll","multiSelectionConjunction","defaultLabel","selectAllContainer","container","selection","root","search","searchBoxPlaceholder","event","str","list","propTypes","string","shape"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,UAAzB,EAAqCC,QAArC,EAA+CC,SAA/C,EAA0DC,WAA1D,QAA6E,OAA7E;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;AACA,SAASC,KAAT,EAAgBC,YAAhB,EAA8BC,MAA9B,EAAsCC,OAAtC,EAA+CC,OAA/C,EAAwDC,UAAxD,QAA0E,OAA1E;;AAEA,MAAMC,UAAU,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,SAAN;AAAiBC,EAAAA;AAAjB,CAAD,KAA+B;AAChD,QAAMC,OAAO,GAAGX,SAAS,EAAzB;AACA,QAAM,CAACY,SAAD,EAAYC,YAAZ,IAA4BpB,QAAQ,CAAC,EAAD,CAA1C;AACA,QAAM,CAACqB,WAAD,EAAcC,cAAd,IAAgCtB,QAAQ,CAAC,KAAD,CAA9C;AACA,QAAM,CAACuB,WAAD,EAAcC,cAAd,IAAgCxB,QAAQ,CAAC,KAAD,CAA9C;AAEA,QAAM;AAAEyB,IAAAA,aAAF;AAAiBC,IAAAA,YAAjB;AAA+BC,IAAAA,eAA/B;AAAgDC,IAAAA;AAAhD,MACJ7B,UAAU,CAACO,kBAAD,CADZ;AAGA,QAAMuB,kBAAkB,GAAG/B,OAAO,CAChC,MAAM2B,aAAa,CAACG,WAAD,CAAb,CAA2BE,IAA3B,CAAgCC,GAAhC,CAAqCC,MAAD,IAAYA,MAAM,CAACjB,EAAvD,CAD0B,EAEhC,CAACU,aAAD,EAAgBG,WAAhB,CAFgC,CAAlC;AAKA,QAAMK,kBAAkB,GAAGnC,OAAO,CAChC;AAAA;;AAAA,oCAAM4B,YAAY,CAACE,WAAD,CAAlB,0DAAM,sBAA2BM,MAA3B,CAAmCC,KAAD,IAAWN,kBAAkB,CAACO,QAAnB,CAA4BD,KAA5B,CAA7C,CAAN;AAAA,GADgC,EAEhC,CAACT,YAAD,EAAeG,kBAAf,EAAmCD,WAAnC,CAFgC,CAAlC;AAKA,QAAMS,UAAU,GAAGvC,OAAO,CACxB,MACE2B,aAAa,CAACG,WAAD,CAAb,CAA2BE,IAA3B,CAAgCC,GAAhC,CAAqCC,MAAD;AAAA;;AAAA,2CAC/BA,MAD+B;AAElCM,MAAAA,KAAK,EAAEN,MAAM,CAACO,IAFoB;AAGlCC,MAAAA,QAAQ,4BAAEd,YAAY,CAACE,WAAD,CAAd,2DAAE,uBAA2BQ,QAA3B,CAAoCJ,MAAM,CAACjB,EAA3C,CAHwB;AAIlC0B,MAAAA,QAAQ,EAAET,MAAM,CAACO,IAAP,CAAYG,WAAZ,GAA0BC,OAA1B,CAAkCxB,SAAS,CAACuB,WAAV,EAAlC,IAA6D;AAJrC;AAAA,GAApC,CAFsB,EAQxB,CAACjB,aAAD,EAAgBC,YAAhB,EAA8BE,WAA9B,EAA2CT,SAA3C,CARwB,CAA1B;AAWA,QAAMyB,eAAe,GAAG1C,WAAW,CAAC,MAAM;AACxC,UAAM2C,WAAW,GAAGZ,kBAAH,aAAGA,kBAAH,uBAAGA,kBAAkB,CAAEa,MAAxC;AACA,UAAMC,YAAY,GAAGF,WAAW,GAAG,CAAnC;AACA,UAAMG,SAAS,GAAGH,WAAW,KAAKhB,kBAAkB,CAACiB,MAArD;AAEAtB,IAAAA,cAAc,CAACuB,YAAD,CAAd;AACAzB,IAAAA,cAAc,CAACyB,YAAY,IAAIC,SAAjB,CAAd;AACD,GAPkC,EAOhC,CAACf,kBAAD,EAAqBJ,kBAArB,CAPgC,CAAnC;AASA5B,EAAAA,SAAS,CAAC,MAAM;AACd2C,IAAAA,eAAe;AAChB,GAFQ,EAEN,CAACX,kBAAD,EAAqBW,eAArB,CAFM,CAAT;AAIA3C,EAAAA,SAAS,CAAC,MAAMmB,YAAY,CAAC,EAAD,CAAnB,EAAyB,CAACQ,WAAD,CAAzB,CAAT;;AAEA,QAAMqB,eAAe,GAAIC,MAAD,IAAY;AAClC,UAAMC,eAAe,GAAG1B,aAAa,CAACM,GAAd,CAAkB,CAACC,MAAD,EAASoB,CAAT,KACxCxB,WAAW,KAAKwB,CAAhB,GACIF,MAAM,CAAChB,MAAP,CAAemB,CAAD,IAAOA,CAAC,CAACb,QAAvB,EAAiCT,GAAjC,CAAsCsB,CAAD,IAAOA,CAAC,CAACtC,EAA9C,CADJ,GAEI,CAAC,IAAIW,YAAY,CAAC0B,CAAD,CAAZ,IAAmB,EAAvB,CAAD,CAHkB,CAAxB;AAKAzB,IAAAA,eAAe,CAACwB,eAAD,CAAf;AACD,GAPD;;AASA,QAAMG,eAAe,GAAGpD,WAAW,CAAC,MAAM;AACxC,UAAMiD,eAAe,GAAG/C,SAAS,CAACsB,YAAD,CAAjC;AACAyB,IAAAA,eAAe,CAACvB,WAAD,CAAf,GAA+BL,WAAW,GAAG,EAAH,GAAQM,kBAAlD;AAEAF,IAAAA,eAAe,CAACwB,eAAD,CAAf;AACD,GALkC,EAKhC,CAACvB,WAAD,EAAcC,kBAAd,EAAkCN,WAAlC,EAA+CG,YAA/C,EAA6DC,eAA7D,CALgC,CAAnC;AAOA;AACF;AACA;AACA;AACA;;AACE,QAAM4B,SAAS,GAAGrD,WAAW,CAAC,MAAM;AAClC,UAAM;AAAEsD,MAAAA,SAAF;AAAaC,MAAAA;AAAb,QAA2CxC,MAAjD;AACA,UAAM4B,WAAW,GAAGZ,kBAAH,aAAGA,kBAAH,uBAAGA,kBAAkB,CAAEa,MAAxC;AAEA,UAAMY,YAAY,gBAChB,oBAAC,YAAD;AAAc,MAAA,SAAS,EAAC;AAAxB,OACGb,WAAW,GAAG,CAAd,gBACC,uDACE,+BAAIA,WAAJ,CADF,EAEI,IAAGY,yBAA0B,IAAG5B,kBAAkB,CAACiB,MAAO,EAF9D,CADD,gBAMC,uDACE,+BAAIU,SAAJ,CADF,EAEI,KAAI3B,kBAAkB,CAACiB,MAAO,GAFlC,CAPJ,CADF;AAgBA,wBACE;AAAK,MAAA,SAAS,EAAE5B,OAAO,CAACyC;AAAxB,oBACE,oBAAC,UAAD;AACE,MAAA,EAAE,EAAEnD,KAAK,CAACO,EAAD,EAAK,YAAL,CADX;AAEE,MAAA,KAAK,EAAE2C,YAFT;AAGE,MAAA,QAAQ,EAAE,MAAMJ,eAAe,EAHjC;AAIE,MAAA,OAAO,EAAE;AAAEM,QAAAA,SAAS,EAAE1C,OAAO,CAAC2C;AAArB,OAJX;AAKE,MAAA,SAAS,EAAE3C,OAAO,CAACsC,SALrB;AAME,MAAA,aAAa,EAAEjC,WAAW,IAAI,CAACF,WANjC;AAOE,MAAA,OAAO,EAAEA;AAPX,MADF,CADF;AAaD,GAjC4B,EAiC1B,CACDY,kBADC,aACDA,kBADC,uBACDA,kBAAkB,CAAEa,MADnB,EAEDjB,kBAAkB,CAACiB,MAFlB,EAGDzB,WAHC,EAIDE,WAJC,EAKDL,OAAO,CAACsC,SALP,EAMDtC,OAAO,CAACyC,kBANP,EAODzC,OAAO,CAAC2C,SAPP,EAQDP,eARC,EASDvC,EATC,EAUDE,MAVC,CAjC0B,CAA7B;AA8CA,sBACE,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAET,KAAK,CAACO,EAAD,EAAK,YAAL,CAAlB;AAAsC,IAAA,SAAS,EAAEV,IAAI,CAACW,SAAD,EAAYE,OAAO,CAAC4C,IAApB;AAArD,kBACE,oBAAC,OAAD;AACE,IAAA,EAAE,EAAEtD,KAAK,CAACO,EAAD,EAAK,QAAL,CADX;AAEE,IAAA,OAAO,EAAE;AACP+C,MAAAA,IAAI,EAAE5C,OAAO,CAAC6C;AADP,KAFX;AAKE,IAAA,IAAI,EAAC,QALP;AAME,IAAA,WAAW,EAAE9C,MAAM,CAAC+C,oBANtB;AAOE,IAAA,KAAK,EAAE7C,SAPT;AAQE,IAAA,QAAQ,EAAE,CAAC8C,KAAD,EAAQC,GAAR,KAAgB9C,YAAY,CAAC8C,GAAD;AARxC,IADF,eAWE,oBAAC,SAAD,OAXF,eAYE,oBAAC,MAAD;AACE,IAAA,GAAG,EAAEtC,WADP;AAEE,IAAA,EAAE,EAAEpB,KAAK,CAACO,EAAD,EAAK,MAAL,CAFX;AAGE,IAAA,SAAS,EAAEG,OAAO,CAACiD,IAHrB;AAIE,IAAA,MAAM,EAAE9B,UAJV;AAKE,IAAA,WAAW,MALb;AAME,IAAA,WAAW,MANb;AAOE,IAAA,aAAa,EAAE,KAPjB;AAQE,IAAA,QAAQ,EAAEY,eARZ;AASE,IAAA,UAAU,MATZ;AAUE,IAAA,SAAS,MAVX;AAWE,IAAA,WAAW;AAXb,IAZF,CADF;AA4BD,CA5ID;;AA8IAnC,UAAU,CAACsD,SAAX,GAAuB;AACrBrD,EAAAA,EAAE,EAAEZ,SAAS,CAACkE,MADO;AAErBrD,EAAAA,SAAS,EAAEb,SAAS,CAACkE,MAFA;AAGrBpD,EAAAA,MAAM,EAAEd,SAAS,CAACmE,KAAV,CAAgB;AACtBN,IAAAA,oBAAoB,EAAE7D,SAAS,CAACkE,MADV;AAEtBb,IAAAA,SAAS,EAAErD,SAAS,CAACkE,MAFC;AAGtBZ,IAAAA,yBAAyB,EAAEtD,SAAS,CAACkE;AAHf,GAAhB;AAHa,CAAvB;AAUA,eAAevD,UAAf","sourcesContent":["import React, { useMemo, useContext, useState, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport clsx from \"clsx\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\nimport { setId, HvTypography, HvList, HvInput, HvPanel, HvCheckBox } from \"../..\";\n\nconst RightPanel = ({ id, className, labels }) => {\n  const classes = useStyles();\n  const [searchStr, setSearchStr] = useState(\"\");\n  const [allSelected, setAllSelected] = useState(false);\n  const [anySelected, setAnySelected] = useState(false);\n\n  const { filterOptions, filterValues, setFilterValues, activeGroup } =\n    useContext(FilterGroupContext);\n\n  const activeGroupOptions = useMemo(\n    () => filterOptions[activeGroup].data.map((option) => option.id),\n    [filterOptions, activeGroup]\n  );\n\n  const activeFilterValues = useMemo(\n    () => filterValues[activeGroup]?.filter((value) => activeGroupOptions.includes(value)),\n    [filterValues, activeGroupOptions, activeGroup]\n  );\n\n  const listValues = useMemo(\n    () =>\n      filterOptions[activeGroup].data.map((option) => ({\n        ...option,\n        label: option.name,\n        selected: filterValues[activeGroup]?.includes(option.id),\n        isHidden: option.name.toLowerCase().indexOf(searchStr.toLowerCase()) < 0,\n      })),\n    [filterOptions, filterValues, activeGroup, searchStr]\n  );\n\n  const updateSelectAll = useCallback(() => {\n    const nbrSelected = activeFilterValues?.length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === activeGroupOptions.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  }, [activeFilterValues, activeGroupOptions]);\n\n  useEffect(() => {\n    updateSelectAll();\n  }, [activeFilterValues, updateSelectAll]);\n\n  useEffect(() => setSearchStr(\"\"), [activeGroup]);\n\n  const onChangeHandler = (values) => {\n    const newFilterValues = filterOptions.map((option, i) =>\n      activeGroup === i\n        ? values.filter((v) => v.selected).map((v) => v.id)\n        : [...(filterValues[i] || [])]\n    );\n    setFilterValues(newFilterValues);\n  };\n\n  const handleSelectAll = useCallback(() => {\n    const newFilterValues = cloneDeep(filterValues);\n    newFilterValues[activeGroup] = anySelected ? [] : activeGroupOptions;\n\n    setFilterValues(newFilterValues);\n  }, [activeGroup, activeGroupOptions, anySelected, filterValues, setFilterValues]);\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const SelectAll = useCallback(() => {\n    const { selectAll, multiSelectionConjunction } = labels;\n    const nbrSelected = activeFilterValues?.length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${activeGroupOptions.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${activeGroupOptions.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{ container: classes.selection }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  }, [\n    activeFilterValues?.length,\n    activeGroupOptions.length,\n    allSelected,\n    anySelected,\n    classes.selectAll,\n    classes.selectAllContainer,\n    classes.selection,\n    handleSelectAll,\n    id,\n    labels,\n  ]);\n\n  return (\n    <HvPanel id={setId(id, \"rightPanel\")} className={clsx(className, classes.root)}>\n      <HvInput\n        id={setId(id, \"search\")}\n        classes={{\n          root: classes.search,\n        }}\n        type=\"search\"\n        placeholder={labels.searchBoxPlaceholder}\n        value={searchStr}\n        onChange={(event, str) => setSearchStr(str)}\n      />\n      <SelectAll />\n      <HvList\n        key={activeGroup}\n        id={setId(id, \"list\")}\n        className={classes.list}\n        values={listValues}\n        multiSelect\n        useSelector\n        showSelectAll={false}\n        onChange={onChangeHandler}\n        selectable\n        condensed\n        hasTooltips\n      />\n    </HvPanel>\n  );\n};\n\nRightPanel.propTypes = {\n  id: PropTypes.string,\n  className: PropTypes.string,\n  labels: PropTypes.shape({\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n};\n\nexport default RightPanel;\n"],"file":"RightPanel.js"}

package/dist/modern/FilterGroup/RightPanel/index.js

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

package/dist/modern/FilterGroup/RightPanel/index.js.map

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

package/dist/modern/FilterGroup/RightPanel/styles.js

@@ -0,0 +1,38 @@
+import { makeStyles } from "@material-ui/core";
+const styles = makeStyles(theme => ({
+  root: {
+    "& ul$list": {
+      width: "calc(100% + 8px)",
+      height: "calc(100% - 70px)",
+      overflowY: "auto",
+      margin: -4,
+      padding: 4
+    }
+  },
+  search: {
+    marginBottom: theme.hvSpacing("xs")
+  },
+  list: {},
+  hiddenOption: {
+    display: "none"
+  },
+  selectAllContainer: {
+    // prevent the focus ring to be hidden by sibling hover background
+    "&": {
+      position: "relative",
+      zIndex: 0
+    },
+    "&:focus-within": {
+      zIndex: 1
+    },
+    // IE fallback code (using focus-within-polyfill)
+    "&.focus-within": {
+      zIndex: 1
+    }
+  },
+  selectAll: {
+    width: "100%"
+  }
+}));
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/FilterGroup/RightPanel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/RightPanel/styles.js"],"names":["makeStyles","styles","theme","root","width","height","overflowY","margin","padding","search","marginBottom","hvSpacing","list","hiddenOption","display","selectAllContainer","position","zIndex","selectAll"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;AACpCC,EAAAA,IAAI,EAAE;AACJ,iBAAa;AACXC,MAAAA,KAAK,EAAE,kBADI;AAEXC,MAAAA,MAAM,EAAE,mBAFG;AAGXC,MAAAA,SAAS,EAAE,MAHA;AAIXC,MAAAA,MAAM,EAAE,CAAC,CAJE;AAKXC,MAAAA,OAAO,EAAE;AALE;AADT,GAD8B;AAUpCC,EAAAA,MAAM,EAAE;AACNC,IAAAA,YAAY,EAAER,KAAK,CAACS,SAAN,CAAgB,IAAhB;AADR,GAV4B;AAapCC,EAAAA,IAAI,EAAE,EAb8B;AAcpCC,EAAAA,YAAY,EAAE;AACZC,IAAAA,OAAO,EAAE;AADG,GAdsB;AAiBpCC,EAAAA,kBAAkB,EAAE;AAClB;AACA,SAAK;AACHC,MAAAA,QAAQ,EAAE,UADP;AAEHC,MAAAA,MAAM,EAAE;AAFL,KAFa;AAMlB,sBAAkB;AAChBA,MAAAA,MAAM,EAAE;AADQ,KANA;AASlB;AACA,sBAAkB;AAChBA,MAAAA,MAAM,EAAE;AADQ;AAVA,GAjBgB;AA+BpCC,EAAAA,SAAS,EAAE;AACTd,IAAAA,KAAK,EAAE;AADE;AA/ByB,CAAZ,CAAD,CAAzB;AAoCA,eAAeH,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    \"& ul$list\": {\n      width: \"calc(100% + 8px)\",\n      height: \"calc(100% - 70px)\",\n      overflowY: \"auto\",\n      margin: -4,\n      padding: 4,\n    },\n  },\n  search: {\n    marginBottom: theme.hvSpacing(\"xs\"),\n  },\n  list: {},\n  hiddenOption: {\n    display: \"none\",\n  },\n  selectAllContainer: {\n    // prevent the focus ring to be hidden by sibling hover background\n    \"&\": {\n      position: \"relative\",\n      zIndex: 0,\n    },\n    \"&:focus-within\": {\n      zIndex: 1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      zIndex: 1,\n    },\n  },\n  selectAll: {\n    width: \"100%\",\n  },\n}));\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/FilterGroup/index.js

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

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

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

package/dist/modern/FilterGroup/styles.js

@@ -0,0 +1,19 @@
+import { makeStyles } from "@material-ui/core";
+const styles = makeStyles(theme => ({
+  dropdownPanel: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo1
+  },
+  actionBar: {
+    width: "100%"
+  },
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  label: {
+    paddingBottom: "6px",
+    display: "block"
+  }
+}));
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/styles.js"],"names":["makeStyles","styles","theme","dropdownPanel","backgroundColor","hv","palette","atmosphere","atmo1","actionBar","width","labelContainer","display","alignItems","label","paddingBottom"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAEE,KAAD,KAAY;AACpCC,EAAAA,aAAa,EAAE;AACbC,IAAAA,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADhC,GADqB;AAIpCC,EAAAA,SAAS,EAAE;AACTC,IAAAA,KAAK,EAAE;AADE,GAJyB;AAOpCC,EAAAA,cAAc,EAAE;AACdC,IAAAA,OAAO,EAAE,MADK;AAEdC,IAAAA,UAAU,EAAE;AAFE,GAPoB;AAWpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAE,KADV;AAELH,IAAAA,OAAO,EAAE;AAFJ;AAX6B,CAAZ,CAAD,CAAzB;AAiBA,eAAeX,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles((theme) => ({\n  dropdownPanel: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  actionBar: {\n    width: \"100%\",\n  },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n}));\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Focus/Focus.d.ts

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvFocusStrategies = "listbox" | "menu" | "card" | "grid";
+
+export type ClassKey =
+  | "root"
+  | "selected"
+  | "disabled"
+  | "focusDisabled"
+  | "focusGridDisabled"
+  | "focused"
+  | "externalReference"
+  | "falseFocus"
+  | "focus";
+
+export interface HvFocusProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, ClassKey> {
+  /**
+   * The reference to the root element to hold all Focus' context.
+   */
+  rootRef: React.Ref<HTMLInputElement>;
+  /**
+   * Extra configuration for the child element.
+   */
+  configuration: Record<string, any>;
+  /**
+   * Whether the focus is selected.
+   */
+  selected: boolean;
+  /**
+   * Whether the focus is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Indicates that the disabled class should be applied.
+   */
+  disabledClass: boolean;
+  /**
+   * Child node to set the focus.
+   */
+  children: HTMLElement;
+  /**
+   * Focus and navigation strategy to be used.
+   */
+  strategy: HvFocusStrategies;
+  /**
+   * Show focus when click element.
+   */
+  focusOnClick: boolean;
+  /**
+   * Show focus when click element.
+   */
+  focusDisabled: boolean;
+  /**
+   * Use up/ down keyboard arrows to control focus.
+   */
+  useArrows: boolean;
+  /**
+   * Uses an absolute positioned div as a focus.
+   */
+  useFalseFocus: boolean;
+  /**
+   * Narrows the results of the focusable elements to only this class
+   */
+  filterClass: string;
+  /**
+   * How much the navigation will skip when using the arrows.
+   */
+  navigationJump: number;
+}
+
+export default function HvFocus(props: HvFocusProps): JSX.Element | null;