@hitachivantara/uikit-react-core 3.52.5

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

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

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

package/dist/FilterGroup/Counter/styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@material-ui/core");
+
+var styles = (0, _core.makeStyles)(function () {
+  return {
+    root: {
+      height: "100%",
+      lineHeight: "32px",
+      margin: "0 10px",
+      pointerEvents: "none"
+    }
+  };
+});
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/Counter/styles.js"],"names":["styles","root","height","lineHeight","margin","pointerEvents"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,sBAAW;AAAA,SAAO;AAC/BC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,MADJ;AAEJC,MAAAA,UAAU,EAAE,MAFR;AAGJC,MAAAA,MAAM,EAAE,QAHJ;AAIJC,MAAAA,aAAa,EAAE;AAJX;AADyB,GAAP;AAAA,CAAX,CAAf;eASeL,M","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n}));\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -0,0 +1,237 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.string.trim.js");
+
+require("core-js/modules/es.array.join.js");
+
+require("core-js/modules/es.array.flat.js");
+
+require("core-js/modules/es.array.unscopables.flat.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _FilterGroupContext = require("../FilterGroupContext");
+
+var _LeftPanel = _interopRequireDefault(require("../LeftPanel"));
+
+var _RightPanel = _interopRequireDefault(require("../RightPanel"));
+
+var _Counter = _interopRequireDefault(require("../Counter"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _ = require("../..");
+
+var _excluded = ["id", "status", "disabled", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "labels", "horizontalPlacement", "disablePortal", "escapeWithReference", "height"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var FilterContent = function FilterContent(_ref) {
+  var id = _ref.id,
+      status = _ref.status,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      ariaLabel = _ref["aria-label"],
+      ariaLabelledBy = _ref["aria-labelledby"],
+      description = _ref.description,
+      ariaDescribedBy = _ref["aria-describedby"],
+      onChange = _ref.onChange,
+      onCancel = _ref.onCancel,
+      onClear = _ref.onClear,
+      labels = _ref.labels,
+      _ref$horizontalPlacem = _ref.horizontalPlacement,
+      horizontalPlacement = _ref$horizontalPlacem === void 0 ? "right" : _ref$horizontalPlacem,
+      _ref$disablePortal = _ref.disablePortal,
+      disablePortal = _ref$disablePortal === void 0 ? true : _ref$disablePortal,
+      _ref$escapeWithRefere = _ref.escapeWithReference,
+      escapeWithReference = _ref$escapeWithRefere === void 0 ? true : _ref$escapeWithRefere,
+      height = _ref.height,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var classes = (0, _styles.default)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      filterGroupOpen = _useState2[0],
+      setFilterGroupOpen = _useState2[1];
+
+  var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
+      filterValues = _useContext.filterValues,
+      rollbackFilters = _useContext.rollbackFilters,
+      clearFilters = _useContext.clearFilters,
+      applyFilters = _useContext.applyFilters,
+      applyDisabled = _useContext.applyDisabled;
+
+  var focusTarget = (0, _react.useRef)();
+
+  var focusOnContainer = function focusOnContainer() {
+    var _focusTarget$current;
+
+    (_focusTarget$current = focusTarget.current) === null || _focusTarget$current === void 0 ? void 0 : _focusTarget$current.focus();
+  };
+
+  var onApplyHandler = function onApplyHandler(evt) {
+    applyFilters();
+    onChange === null || onChange === void 0 ? void 0 : onChange(evt, filterValues);
+    setFilterGroupOpen(false);
+  };
+
+  var onCancelHandler = function onCancelHandler(evt) {
+    rollbackFilters();
+    onCancel === null || onCancel === void 0 ? void 0 : onCancel(evt);
+    setFilterGroupOpen(false);
+  };
+
+  var onClearHandler = function onClearHandler(evt) {
+    clearFilters();
+    onClear === null || onClear === void 0 ? void 0 : onClear(evt);
+  };
+
+  var handleToggle = function handleToggle(evt, open) {
+    /* 
+     If evt is null this toggle wasn't triggered by the user.
+     instead it was triggered by the baseDropdown useEffect after
+     the datepicker changed the expanded value this baseDropdown behavior needs a review
+    */
+    if (evt === null) return;
+    setFilterGroupOpen(open);
+    if (!open) onCancelHandler === null || onCancelHandler === void 0 ? void 0 : onCancelHandler(evt);
+  };
+
+  var Header = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Filters, null), /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+      variant: "highlightText"
+    }, labels.placeholder));
+  }, [labels.placeholder]);
+  return /*#__PURE__*/_react.default.createElement(_.HvBaseDropdown, (0, _extends2.default)({
+    id: (0, _.setId)(id, "dropdown"),
+    role: "combobox",
+    classes: {
+      root: classes.dropdown,
+      panel: classes.panel,
+      selection: classes.baseDropdownSelection,
+      header: classes.header
+    },
+    disabled: disabled,
+    disablePortal: disablePortal,
+    variableWidth: true,
+    placement: horizontalPlacement,
+    expanded: filterGroupOpen,
+    onToggle: handleToggle,
+    onClickOutside: onCancelHandler,
+    onContainerCreation: focusOnContainer,
+    placeholder: Header,
+    adornment: /*#__PURE__*/_react.default.createElement(_Counter.default, null),
+    popperProps: {
+      modifiers: [{
+        name: "preventOverflow",
+        enabled: escapeWithReference
+      }]
+    },
+    "aria-haspopup": "dialog",
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-invalid": status === "invalid" ? true : undefined,
+    "aria-errormessage": status === "invalid" ? (0, _.setId)(id, "error") : undefined,
+    "aria-describedby": [description && (0, _.setId)(id, "description"), ariaDescribedBy].join(" ").trim() || undefined
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    ref: focusTarget,
+    tabIndex: -1
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root,
+    style: {
+      height: height
+    }
+  }, /*#__PURE__*/_react.default.createElement(_LeftPanel.default, {
+    id: id,
+    className: classes.leftSidePanel
+  }), /*#__PURE__*/_react.default.createElement(_RightPanel.default, {
+    id: id,
+    className: classes.rightSidePanel,
+    labels: labels
+  })), /*#__PURE__*/_react.default.createElement(_.HvActionBar, {
+    className: classes.actionBar
+  }, /*#__PURE__*/_react.default.createElement(_.HvButton, {
+    id: (0, _.setId)(id, "clearFilters-button"),
+    disabled: filterValues.flat().length === 0,
+    category: "ghost",
+    onClick: onClearHandler
+  }, labels.clearLabel), /*#__PURE__*/_react.default.createElement("div", {
+    "aria-hidden": "true",
+    className: classes.space
+  }, "\xA0"), /*#__PURE__*/_react.default.createElement(_.HvButton, {
+    id: (0, _.setId)(id, "apply-button"),
+    disabled: applyDisabled,
+    category: "ghost",
+    onClick: onApplyHandler
+  }, labels.applyLabel), /*#__PURE__*/_react.default.createElement(_.HvButton, {
+    id: (0, _.setId)(id, "cancel-button"),
+    category: "ghost",
+    onClick: onCancelHandler
+  }, labels.cancelLabel)));
+};
+
+FilterContent.propTypes = {
+  id: _propTypes.default.string,
+  "aria-label": _propTypes.default.string,
+  "aria-labelledby": _propTypes.default.string,
+  description: _propTypes.default.node,
+  "aria-describedby": _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  status: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
+  onChange: _propTypes.default.func,
+  onCancel: _propTypes.default.func,
+  onClear: _propTypes.default.func,
+  labels: _propTypes.default.shape({
+    applyLabel: _propTypes.default.string,
+    cancelLabel: _propTypes.default.string,
+    clearLabel: _propTypes.default.string,
+    placeholder: _propTypes.default.string,
+    searchBoxPlaceholder: _propTypes.default.string,
+    selectAll: _propTypes.default.string,
+    multiSelectionConjunction: _propTypes.default.string
+  }),
+  horizontalPlacement: _propTypes.default.oneOf(["left", "right"]),
+  disablePortal: _propTypes.default.bool,
+  escapeWithReference: _propTypes.default.bool,
+  height: _propTypes.default.any
+};
+var _default = FilterContent;
+exports.default = _default;
+//# sourceMappingURL=FilterContent.js.map

package/dist/FilterGroup/FilterContent/FilterContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/FilterContent/FilterContent.js"],"names":["FilterContent","id","status","disabled","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","labels","horizontalPlacement","disablePortal","escapeWithReference","height","others","classes","filterGroupOpen","setFilterGroupOpen","FilterGroupContext","filterValues","rollbackFilters","clearFilters","applyFilters","applyDisabled","focusTarget","focusOnContainer","current","focus","onApplyHandler","evt","onCancelHandler","onClearHandler","handleToggle","open","Header","placeholder","root","dropdown","panel","selection","baseDropdownSelection","header","modifiers","name","enabled","undefined","join","trim","leftSidePanel","rightSidePanel","actionBar","flat","length","clearLabel","space","applyLabel","cancelLabel","propTypes","PropTypes","string","node","bool","oneOf","func","shape","searchBoxPlaceholder","selectAll","multiSelectionConjunction","any"],"mappings":"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","sourcesContent":["import React, { useMemo, useState, useRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Filters } from \"@hitachivantara/uikit-react-icons\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport LeftPanel from \"../LeftPanel\";\nimport RightPanel from \"../RightPanel\";\nimport Counter from \"../Counter\";\n\nimport useStyles from \"./styles\";\n\nimport { setId, HvBaseDropdown, HvTypography, HvButton, HvActionBar } from \"../..\";\n\nconst FilterContent = ({\n  id,\n  status,\n  disabled = false,\n\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  labels,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height,\n\n  ...others\n}) => {\n  const classes = useStyles();\n  const [filterGroupOpen, setFilterGroupOpen] = useState(false);\n\n  const { filterValues, rollbackFilters, clearFilters, applyFilters, applyDisabled } =\n    useContext(FilterGroupContext);\n\n  const focusTarget = useRef();\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const onApplyHandler = (evt) => {\n    applyFilters();\n    onChange?.(evt, filterValues);\n    setFilterGroupOpen(false);\n  };\n\n  const onCancelHandler = (evt) => {\n    rollbackFilters();\n    onCancel?.(evt);\n    setFilterGroupOpen(false);\n  };\n\n  const onClearHandler = (evt) => {\n    clearFilters();\n    onClear?.(evt);\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setFilterGroupOpen(open);\n    if (!open) onCancelHandler?.(evt);\n  };\n\n  const Header = useMemo(\n    () => (\n      <>\n        <Filters />\n        <HvTypography variant=\"highlightText\">{labels.placeholder}</HvTypography>\n      </>\n    ),\n    [labels.placeholder]\n  );\n\n  return (\n    <HvBaseDropdown\n      id={setId(id, \"dropdown\")}\n      role=\"combobox\"\n      classes={{\n        root: classes.dropdown,\n        panel: classes.panel,\n        selection: classes.baseDropdownSelection,\n        header: classes.header,\n      }}\n      disabled={disabled}\n      disablePortal={disablePortal}\n      variableWidth\n      placement={horizontalPlacement}\n      expanded={filterGroupOpen}\n      onToggle={handleToggle}\n      onClickOutside={onCancelHandler}\n      onContainerCreation={focusOnContainer}\n      placeholder={Header}\n      adornment={<Counter />}\n      popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n      aria-haspopup=\"dialog\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={status === \"invalid\" ? true : undefined}\n      aria-errormessage={status === \"invalid\" ? setId(id, \"error\") : undefined}\n      aria-describedby={\n        [description && setId(id, \"description\"), ariaDescribedBy].join(\" \").trim() || undefined\n      }\n      {...others}\n    >\n      <div ref={focusTarget} tabIndex={-1} />\n      <div className={classes.root} style={{ height }}>\n        <LeftPanel id={id} className={classes.leftSidePanel} />\n        <RightPanel id={id} className={classes.rightSidePanel} labels={labels} />\n      </div>\n      <HvActionBar className={classes.actionBar}>\n        <HvButton\n          id={setId(id, \"clearFilters-button\")}\n          disabled={filterValues.flat().length === 0}\n          category=\"ghost\"\n          onClick={onClearHandler}\n        >\n          {labels.clearLabel}\n        </HvButton>\n        <div aria-hidden=\"true\" className={classes.space}>\n          &nbsp;\n        </div>\n        <HvButton\n          id={setId(id, \"apply-button\")}\n          disabled={applyDisabled}\n          category=\"ghost\"\n          onClick={onApplyHandler}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton id={setId(id, \"cancel-button\")} category=\"ghost\" onClick={onCancelHandler}>\n          {labels.cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    </HvBaseDropdown>\n  );\n};\n\nFilterContent.propTypes = {\n  id: PropTypes.string,\n\n  \"aria-label\": PropTypes.string,\n  \"aria-labelledby\": PropTypes.string,\n  description: PropTypes.node,\n  \"aria-describedby\": PropTypes.string,\n  disabled: PropTypes.bool,\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n\n  onChange: PropTypes.func,\n  onCancel: PropTypes.func,\n  onClear: PropTypes.func,\n\n  labels: PropTypes.shape({\n    applyLabel: PropTypes.string,\n    cancelLabel: PropTypes.string,\n    clearLabel: PropTypes.string,\n    placeholder: PropTypes.string,\n    searchBoxPlaceholder: PropTypes.string,\n    selectAll: PropTypes.string,\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  disablePortal: PropTypes.bool,\n  escapeWithReference: PropTypes.bool,\n  height: PropTypes.any,\n};\n\nexport default FilterContent;\n"],"file":"FilterContent.js"}

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

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

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

package/dist/FilterGroup/FilterContent/styles.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _core = require("@material-ui/core");
+
+var styles = (0, _core.makeStyles)(function (theme) {
+  return {
+    root: {
+      width: 640,
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      maxHeight: "calc(500px - 75px)",
+      minHeight: "calc(370px - 75px)",
+      "& div$leftSidePanel": {
+        display: "inline-block",
+        width: "calc(50% - ".concat(theme.spacing("sm"), "px - ").concat(theme.spacing("sm"), "px + 8px)"),
+        height: "calc(100% - ".concat(theme.spacing("sm"), "px - ").concat(theme.spacing("sm"), "px + 8px)"),
+        verticalAlign: "top",
+        maxHeight: "calc(500px - 75px)",
+        minHeight: "calc(370px - 75px)",
+        padding: 4,
+        margin: theme.spacing("sm") - 4
+      },
+      "& div$rightSidePanel": {
+        display: "inline-block",
+        width: "50%",
+        height: "100%",
+        maxHeight: "calc(500px - 75px)",
+        minHeight: "calc(370px - 75px)",
+        verticalAlign: "top",
+        overflow: "visible",
+        boxShadow: "inset 8px 0 8px -6px ".concat(theme.hv.palette.shadow.shad1)
+      }
+    },
+    panel: {
+      maxHeight: 500,
+      minHeight: 370
+    },
+    actionBar: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo1
+    },
+    space: {
+      flex: 1
+    },
+    baseDropdownSelection: {
+      padding: "0 30px 0 0"
+    },
+    header: {
+      display: "flex",
+      justifyContent: "space-between",
+      height: 32
+    },
+    leftSidePanel: {},
+    rightSidePanel: {}
+  };
+});
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/FilterContent/styles.js"],"names":["styles","theme","root","width","backgroundColor","hv","palette","atmosphere","atmo1","maxHeight","minHeight","display","spacing","height","verticalAlign","padding","margin","overflow","boxShadow","shadow","shad1","panel","actionBar","space","flex","baseDropdownSelection","header","justifyContent","leftSidePanel","rightSidePanel"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,sBAAW,UAACC,KAAD;AAAA,SAAY;AACpCC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,GADH;AAEJC,MAAAA,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAFzC;AAGJC,MAAAA,SAAS,EAAE,oBAHP;AAIJC,MAAAA,SAAS,EAAE,oBAJP;AAKJ,6BAAuB;AACrBC,QAAAA,OAAO,EAAE,cADY;AAErBR,QAAAA,KAAK,uBAAgBF,KAAK,CAACW,OAAN,CAAc,IAAd,CAAhB,kBAA2CX,KAAK,CAACW,OAAN,CAAc,IAAd,CAA3C,cAFgB;AAGrBC,QAAAA,MAAM,wBAAiBZ,KAAK,CAACW,OAAN,CAAc,IAAd,CAAjB,kBAA4CX,KAAK,CAACW,OAAN,CAAc,IAAd,CAA5C,cAHe;AAIrBE,QAAAA,aAAa,EAAE,KAJM;AAKrBL,QAAAA,SAAS,EAAE,oBALU;AAMrBC,QAAAA,SAAS,EAAE,oBANU;AAOrBK,QAAAA,OAAO,EAAE,CAPY;AAQrBC,QAAAA,MAAM,EAAEf,KAAK,CAACW,OAAN,CAAc,IAAd,IAAsB;AART,OALnB;AAeJ,8BAAwB;AACtBD,QAAAA,OAAO,EAAE,cADa;AAEtBR,QAAAA,KAAK,EAAE,KAFe;AAGtBU,QAAAA,MAAM,EAAE,MAHc;AAItBJ,QAAAA,SAAS,EAAE,oBAJW;AAKtBC,QAAAA,SAAS,EAAE,oBALW;AAMtBI,QAAAA,aAAa,EAAE,KANO;AAOtBG,QAAAA,QAAQ,EAAE,SAPY;AAQtBC,QAAAA,SAAS,iCAA0BjB,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBa,MAAjB,CAAwBC,KAAlD;AARa;AAfpB,KAD8B;AA2BpCC,IAAAA,KAAK,EAAE;AACLZ,MAAAA,SAAS,EAAE,GADN;AAELC,MAAAA,SAAS,EAAE;AAFN,KA3B6B;AA+BpCY,IAAAA,SAAS,EAAE;AACTlB,MAAAA,eAAe,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADpC,KA/ByB;AAkCpCe,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE;AADD,KAlC6B;AAqCpCC,IAAAA,qBAAqB,EAAE;AACrBV,MAAAA,OAAO,EAAE;AADY,KArCa;AAwCpCW,IAAAA,MAAM,EAAE;AACNf,MAAAA,OAAO,EAAE,MADH;AAENgB,MAAAA,cAAc,EAAE,eAFV;AAGNd,MAAAA,MAAM,EAAE;AAHF,KAxC4B;AA6CpCe,IAAAA,aAAa,EAAE,EA7CqB;AA8CpCC,IAAAA,cAAc,EAAE;AA9CoB,GAAZ;AAAA,CAAX,CAAf;eAiDe7B,M","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles((theme) => ({\n  root: {\n    width: 640,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    maxHeight: \"calc(500px - 75px)\",\n    minHeight: \"calc(370px - 75px)\",\n    \"& div$leftSidePanel\": {\n      display: \"inline-block\",\n      width: `calc(50% - ${theme.spacing(\"sm\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      height: `calc(100% - ${theme.spacing(\"sm\")}px - ${theme.spacing(\"sm\")}px + 8px)`,\n      verticalAlign: \"top\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      padding: 4,\n      margin: theme.spacing(\"sm\") - 4,\n    },\n    \"& div$rightSidePanel\": {\n      display: \"inline-block\",\n      width: \"50%\",\n      height: \"100%\",\n      maxHeight: \"calc(500px - 75px)\",\n      minHeight: \"calc(370px - 75px)\",\n      verticalAlign: \"top\",\n      overflow: \"visible\",\n      boxShadow: `inset 8px 0 8px -6px ${theme.hv.palette.shadow.shad1}`,\n    },\n  },\n  panel: {\n    maxHeight: 500,\n    minHeight: 370,\n  },\n  actionBar: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  space: {\n    flex: 1,\n  },\n  baseDropdownSelection: {\n    padding: \"0 30px 0 0\",\n  },\n  header: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    height: 32,\n  },\n  leftSidePanel: {},\n  rightSidePanel: {},\n}));\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/FilterGroup/FilterGroup.d.ts

@@ -0,0 +1,108 @@
+import { StandardProps } from "@material-ui/core";
+import { HvFormElementProps } from "..";
+
+export type HvFilterGroupClassKey = "root" | "labelContainer" | "label" | "description" | "error";
+
+interface FilterValue {
+  value: string | number[][];
+}
+
+export interface HvFilterGroupProps
+  extends StandardProps<HvFormElementProps, HvFilterGroupClassKey> {
+  /**
+   * The callback fired when the cancel button is clicked.
+   */
+  onCancel: (event: Event) => void;
+
+  /**
+   * The callback fired when the clear filters button is clicked.
+   */
+  onClear: (event: Event) => void;
+
+  /**
+   * The callback fired when the value changes.
+   */
+  onChange?: (event: Event, value: FilterValue) => void;
+
+  /**
+   * An Object containing the various text associated with the input.
+   */
+  labels?: {
+    /**
+     * Apply button label.
+     */
+    applyLabel?: string;
+    /**
+     * Cancel button label.
+     */
+    cancelLabel?: string;
+    /**
+     * Cancel button label.
+     */
+    clearLabel?: string;
+    /**
+     * Placeholder label.
+     */
+    placeholder?: string;
+    /**
+     * SearchBox placeholder label.
+     */
+    searchBoxPlaceholder?: string;
+    /**
+     * Select All placeholder label.
+     */
+    selectAll?: string;
+    /**
+     * Multi selection conjunction placeholder label.
+     */
+    multiSelectionConjunction?: string;
+  };
+
+  /**
+   * The placeholder value when nothing is selected.
+   */
+  placeholder?: string;
+
+  /**
+   * The initial value of the input when in single calendar mode.
+   */
+  filters: {
+    id: string;
+    name: string;
+    data: {
+      id: string | number;
+      name: string;
+      checked?: boolean;
+    }[];
+  }[];
+
+  /**
+   * The value of the filter group.
+   */
+  value?: FilterValue;
+
+  /**
+   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.
+   */
+  horizontalPlacement?: "left" | "right";
+  /**
+   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.
+   */
+  disablePortal?: boolean;
+  /**
+   * Sets if the filter container should be out of the screen or stay visible.
+   */
+  escapeWithReference?: boolean;
+
+  /**
+   * The Height of the filter panel, between 295 and 425. Defaults to 350
+   */
+  height?: number | string;
+
+  /**
+   * The filter content props
+   */
+  filterContentProps?: object;
+}
+
+export default function HvFilterGroup(props: HvFilterGroupProps): JSX.Element | null;