@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/dist/Columns.js

@@ -1,241 +1,17 @@
-import React, { forwardRef, useState, useImperativeHandle, useEffect } from 'react';
-import i18next from 'i18next';
-import { removeBy, existsBy, isNotEmpty } from '@bigbinary/neeto-cist';
-import { useLocalStorage } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Search } from '@bigbinary/neeto-icons';
-import { Dropdown, Input, Label, Checkbox } from '@bigbinary/neetoui';
-import { includes, __, filter, trim, toLower, append, without, isEmpty, identity } from 'ramda';
-import { useTranslation } from 'react-i18next';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var removeFixedColumns = function removeFixedColumns(fixedColumns, columnData) {
-  return removeBy({
-    dataIndex: includes(__, fixedColumns)
-  }, columnData);
-};
-var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
-  return filter(function (_ref) {
-    var title = _ref.title;
-    return includes(trim(toLower(searchTerm)), trim(toLower(title)));
-  }, columns);
-};
-var removeDeletedColumns = function removeDeletedColumns(hiddenColumns, columnData) {
-  return hiddenColumns.filter(function (hiddenColumn) {
-    return existsBy({
-      dataIndex: hiddenColumn
-    }, columnData);
-  });
-};
-
-var _excluded = ["actionBlock", "checkboxProps", "columnData", "fixedColumns", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
-var Columns = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var actionBlock = _ref.actionBlock,
-    _ref$checkboxProps = _ref.checkboxProps,
-    checkboxProps = _ref$checkboxProps === void 0 ? {} : _ref$checkboxProps,
-    _ref$columnData = _ref.columnData,
-    columnData = _ref$columnData === void 0 ? [] : _ref$columnData,
-    _ref$fixedColumns = _ref.fixedColumns,
-    fixedColumns = _ref$fixedColumns === void 0 ? [] : _ref$fixedColumns,
-    _ref$isSearchable = _ref.isSearchable,
-    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
-    _ref$localStorageKey = _ref.localStorageKey,
-    localStorageKey = _ref$localStorageKey === void 0 ? "" : _ref$localStorageKey,
-    _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === void 0 ? [] : _ref$initialValue,
-    _ref$noColumnMessage = _ref.noColumnMessage,
-    noColumnMessage = _ref$noColumnMessage === void 0 ? i18next.t("neetoMolecules.columns.noColumns") : _ref$noColumnMessage,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? identity : _ref$onChange,
-    _ref$searchProps = _ref.searchProps,
-    searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
-    dropdownProps = _objectWithoutProperties(_ref, _excluded);
-  var Divider = Dropdown.Divider,
-    Menu = Dropdown.Menu,
-    MenuItem = Dropdown.MenuItem;
-  var _useLocalStorage = useLocalStorage(localStorageKey, initialValue),
-    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
-    hiddenColumns = _useLocalStorage2[0],
-    setHiddenColumns = _useLocalStorage2[1];
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  useImperativeHandle(ref, function () {
-    return {
-      hideColumn: function hideColumn(dataIndex) {
-        setHiddenColumns(append(dataIndex));
-      },
-      showColumn: function showColumn(dataIndex) {
-        setHiddenColumns(without([dataIndex]));
-      }
-    };
-  }, []);
-  var columns = removeFixedColumns(fixedColumns, columnData);
-  var filteredColumns = filterBySearchTerm(searchTerm, columns);
-  var handleChange = function handleChange(_ref2) {
-    var _ref2$target = _ref2.target,
-      dataIndex = _ref2$target.name,
-      checked = _ref2$target.checked;
-    var newHiddenColumns = checked ? without([dataIndex], hiddenColumns) : append(dataIndex, hiddenColumns);
-    setHiddenColumns(newHiddenColumns);
-    onChange(removeBy({
-      dataIndex: includes(__, newHiddenColumns)
-    }, columnData), newHiddenColumns);
-  };
-  var handleSearch = function handleSearch(_ref3) {
-    var value = _ref3.target.value;
-    return setSearchTerm(value);
-  };
-  useEffect(function () {
-    var newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);
-    onChange(removeBy({
-      dataIndex: includes(__, newHiddenColumns)
-    }, columnData), newHiddenColumns);
-  }, []);
-  useEffect(function () {
-    if (isEmpty(columnData)) return;
-    var newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);
-    setHiddenColumns(newHiddenColumns);
-  }, [columnData]);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(Dropdown, _extends({
-    buttonSize: "medium",
-    buttonStyle: "text",
-    closeOnSelect: false,
-    label: t("neetoMolecules.columns.columns"),
-    position: "bottom-end",
-    onClose: function onClose() {
-      return setSearchTerm("");
-    }
-  }, dropdownProps), /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", null, isSearchable && /*#__PURE__*/React.createElement(Input, _extends({
-    className: "neeto-ui-px-3 neeto-ui-py-2",
-    "data-cy": "neeto-ui-columns-search",
-    placeholder: t("neetoMolecules.columns.search"),
-    prefix: /*#__PURE__*/React.createElement(Search, null),
-    type: "search",
-    value: searchTerm,
-    onChange: handleSearch
-  }, searchProps)), isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
-    var dataIndex = _ref4.dataIndex,
-      key = _ref4.key,
-      title = _ref4.title;
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      key: key
-    }, /*#__PURE__*/React.createElement(Label, {
-      className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
-      htmlFor: dataIndex
-    }, /*#__PURE__*/React.createElement(Checkbox, _extends({
-      checked: !hiddenColumns.includes(dataIndex),
-      "data-cy": "neeto-ui-columns-checkbox",
-      id: dataIndex,
-      label: title,
-      name: dataIndex,
-      onChange: handleChange
-    }, checkboxProps))));
-  }) : /*#__PURE__*/React.createElement("span", {
-    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
-  }, noColumnMessage), !!actionBlock && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), actionBlock))));
-});
-Columns.displayName = "Columns";
-
-export { Columns as default };
+export { b as COLUMNS_ORDER_STORAGE_KEY, H as HIDDEN_COLUMNS_STORAGE_KEY, C as default, d as useColumnOrderStore, c as useColumns, a as useHiddenColumnStore, u as useHiddenColumns } from './useColumns-751e9192.js';
+import '@babel/runtime/helpers/extends';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'react';
+import 'i18next';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-icons';
+import '@bigbinary/neetoui';
+import 'ramda';
+import 'react-i18next';
+import './inject-css-c86de496.js';
+import '@babel/runtime/helpers/defineProperty';
+import 'zustand';
+import 'zustand/middleware';
+import '@bigbinary/neeto-commons-frontend/utils/general';
 //# sourceMappingURL=Columns.js.map

package/dist/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js","../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","../node_modules/@babel/runtime/helpers/esm/slicedToArray.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","../src/components/Columns/utils.js","../src/components/Columns/index.jsx"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","export default function _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}","export default function _iterableToArrayLimit(r, l) {\n  var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n  if (null != t) {\n    var e,\n      n,\n      i,\n      u,\n      a = [],\n      f = !0,\n      o = !1;\n    try {\n      if (i = (t = t.call(r)).next, 0 === l) {\n        if (Object(t) !== t) return;\n        f = !1;\n      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n    } catch (r) {\n      o = !0, n = r;\n    } finally {\n      try {\n        if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n      } finally {\n        if (o) throw n;\n      }\n    }\n    return a;\n  }\n}","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n  return arr2;\n}","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nexport default function _slicedToArray(arr, i) {\n  return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","import { existsBy, removeBy } from \"neetocist\";\nimport { __, filter, includes, toLower, trim } from \"ramda\";\n\nexport const removeFixedColumns = (fixedColumns, columnData) =>\n  removeBy({ dataIndex: includes(__, fixedColumns) }, columnData);\n\nexport const filterBySearchTerm = (searchTerm, columns) =>\n  filter(\n    ({ title }) => includes(trim(toLower(searchTerm)), trim(toLower(title))),\n    columns\n  );\n\nexport const removeDeletedColumns = (hiddenColumns, columnData) =>\n  hiddenColumns.filter(hiddenColumn =>\n    existsBy({ dataIndex: hiddenColumn }, columnData)\n  );\n","import React, {\n  useState,\n  useImperativeHandle,\n  forwardRef,\n  useEffect,\n} from \"react\";\n\nimport i18next from \"i18next\";\nimport { isNotEmpty, removeBy } from \"neetocist\";\nimport { useLocalStorage } from \"neetocommons/react-utils\";\nimport { Search } from \"neetoicons\";\nimport { Checkbox, Dropdown, Input, Label } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { __, append, identity, includes, isEmpty, without } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  filterBySearchTerm,\n  removeDeletedColumns,\n  removeFixedColumns,\n} from \"./utils\";\n\nconst Columns = forwardRef(\n  (\n    {\n      actionBlock,\n      checkboxProps = {},\n      columnData = [],\n      fixedColumns = [],\n      isSearchable = false,\n      localStorageKey = \"\",\n      initialValue = [],\n      noColumnMessage = i18next.t(\"neetoMolecules.columns.noColumns\"),\n      onChange = identity,\n      searchProps = {},\n      ...dropdownProps\n    },\n    ref\n  ) => {\n    const { Divider, Menu, MenuItem } = Dropdown;\n    const [hiddenColumns, setHiddenColumns] = useLocalStorage(\n      localStorageKey,\n      initialValue\n    );\n\n    const [searchTerm, setSearchTerm] = useState(\"\");\n    useImperativeHandle(\n      ref,\n      () => ({\n        hideColumn: dataIndex => {\n          setHiddenColumns(append(dataIndex));\n        },\n        showColumn: dataIndex => {\n          setHiddenColumns(without([dataIndex]));\n        },\n      }),\n      []\n    );\n\n    const columns = removeFixedColumns(fixedColumns, columnData);\n    const filteredColumns = filterBySearchTerm(searchTerm, columns);\n\n    const handleChange = ({ target: { name: dataIndex, checked } }) => {\n      const newHiddenColumns = checked\n        ? without([dataIndex], hiddenColumns)\n        : append(dataIndex, hiddenColumns);\n\n      setHiddenColumns(newHiddenColumns);\n      onChange(\n        removeBy({ dataIndex: includes(__, newHiddenColumns) }, columnData),\n        newHiddenColumns\n      );\n    };\n    const handleSearch = ({ target: { value } }) => setSearchTerm(value);\n\n    useEffect(() => {\n      const newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);\n\n      onChange(\n        removeBy({ dataIndex: includes(__, newHiddenColumns) }, columnData),\n        newHiddenColumns\n      );\n    }, []);\n\n    useEffect(() => {\n      if (isEmpty(columnData)) return;\n\n      const newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);\n      setHiddenColumns(newHiddenColumns);\n    }, [columnData]);\n\n    const { t } = useTranslation();\n\n    return (\n      <Dropdown\n        buttonSize=\"medium\"\n        buttonStyle=\"text\"\n        closeOnSelect={false}\n        label={t(\"neetoMolecules.columns.columns\")}\n        position=\"bottom-end\"\n        onClose={() => setSearchTerm(\"\")}\n        {...dropdownProps}\n      >\n        <Menu>\n          <div>\n            {isSearchable && (\n              <Input\n                className=\"neeto-ui-px-3 neeto-ui-py-2\"\n                data-cy=\"neeto-ui-columns-search\"\n                placeholder={t(\"neetoMolecules.columns.search\")}\n                prefix={<Search />}\n                type=\"search\"\n                value={searchTerm}\n                onChange={handleSearch}\n                {...searchProps}\n              />\n            )}\n            {isNotEmpty(filteredColumns) ? (\n              filteredColumns.map(({ dataIndex, key, title }) => (\n                <MenuItem key={key}>\n                  <Label\n                    className=\"neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer\"\n                    htmlFor={dataIndex}\n                  >\n                    <Checkbox\n                      checked={!hiddenColumns.includes(dataIndex)}\n                      data-cy=\"neeto-ui-columns-checkbox\"\n                      id={dataIndex}\n                      label={title}\n                      name={dataIndex}\n                      onChange={handleChange}\n                      {...checkboxProps}\n                    />\n                  </Label>\n                </MenuItem>\n              ))\n            ) : (\n              <span className=\"neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2\">\n                {noColumnMessage}\n              </span>\n            )}\n            {!!actionBlock && (\n              <>\n                <Divider />\n                {actionBlock}\n              </>\n            )}\n          </div>\n        </Menu>\n      </Dropdown>\n    );\n  }\n);\n\nColumns.propTypes = {\n  /**\n   * Extra action items that can be added at the end of the dropdown (optional).\n   */\n  actionBlock: PropTypes.element,\n  /**\n   * Additional props for the checkboxes in the dropdown (optional).\n   */\n  checkboxProps: PropTypes.object,\n  /**\n   * The list of columns from which the dropdown options are built (required).\n   */\n  columnData: PropTypes.array,\n  /**\n   * The list of columns that are not allowed to be hidden. This is the `dataIndex` attribute from columnData (optional).\n   */\n  fixedColumns: PropTypes.array,\n  /**\n   * Controls whether the dropdown options should be searchable (optional).\n   */\n  isSearchable: PropTypes.bool,\n  /**\n   * The key used to store data in local storage (required).\n   */\n  localStorageKey: PropTypes.string,\n  /**\n   * The list of columns that are hidden on initial render. This is the `dataIndex` attribute from columnData (optional).\n   */\n  initialValue: PropTypes.array,\n  /**\n   * The message to be shown when there are no columns to be displayed in the dropdown (optional).\n   */\n  noColumnMessage: PropTypes.string,\n  /**\n   * Handler function that is called when a checkbox is selected or unselected.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Props to be passed to the search input in the column dropdown. Only works when `isSearchable` is set to `true` (optional).\n   */\n  searchProps: PropTypes.object,\n};\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n"],"names":["arrayLikeToArray","arrayWithHoles","iterableToArrayLimit","unsupportedIterableToArray","nonIterableRest","objectWithoutPropertiesLoose","removeFixedColumns","fixedColumns","columnData","removeBy","dataIndex","includes","__","filterBySearchTerm","searchTerm","columns","filter","_ref","title","trim","toLower","removeDeletedColumns","hiddenColumns","hiddenColumn","existsBy","Columns","forwardRef","ref","actionBlock","_ref$checkboxProps","checkboxProps","_ref$columnData","_ref$fixedColumns","_ref$isSearchable","isSearchable","_ref$localStorageKey","localStorageKey","_ref$initialValue","initialValue","_ref$noColumnMessage","noColumnMessage","i18next","t","_ref$onChange","onChange","identity","_ref$searchProps","searchProps","dropdownProps","_objectWithoutProperties","_excluded","Divider","Dropdown","Menu","MenuItem","_useLocalStorage","useLocalStorage","_useLocalStorage2","_slicedToArray","setHiddenColumns","_useState","useState","_useState2","setSearchTerm","useImperativeHandle","hideColumn","append","showColumn","without","filteredColumns","handleChange","_ref2","_ref2$target","target","name","checked","newHiddenColumns","handleSearch","_ref3","value","useEffect","isEmpty","_useTranslation","useTranslation","React","createElement","_extends","buttonSize","buttonStyle","closeOnSelect","label","position","onClose","Input","className","placeholder","prefix","Search","type","isNotEmpty","map","_ref4","key","Label","htmlFor","Checkbox","id","Fragment","displayName"],"mappings":";;;;;;;;;AAAe,SAAS,QAAQ,GAAG;AACnC,EAAE,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,MAAM,EAAE;AACtE,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC/C,MAAM,IAAI,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,KAAK,IAAI,GAAG,IAAI,MAAM,EAAE;AAC9B,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;AAC/D,UAAU,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AACpC,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,CAAC;AACJ,EAAE,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACzC;;ACbe,SAAS,eAAe,CAAC,GAAG,EAAE;AAC7C,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC;AACrC;;ACFe,SAAS,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE;AACpD,EAAE,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,GAAG,WAAW,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AACnG,EAAE,IAAI,IAAI,IAAI,CAAC,EAAE;AACjB,IAAI,IAAI,CAAC;AACT,MAAM,CAAC;AACP,MAAM,CAAC;AACP,MAAM,CAAC;AACP,MAAM,CAAC,GAAG,EAAE;AACZ,MAAM,CAAC,GAAG,CAAC,CAAC;AACZ,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACb,IAAI,IAAI;AACR,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE;AAC7C,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO;AACpC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AACf,OAAO,MAAM,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC9F,KAAK,CAAC,OAAO,CAAC,EAAE;AAChB,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AACpB,KAAK,SAAS;AACd,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO;AACtF,OAAO,SAAS;AAChB,QAAQ,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;AACvB,OAAO;AACP,KAAK;AACL,IAAI,OAAO,CAAC,CAAC;AACb,GAAG;AACH;;AC1Be,SAAS,iBAAiB,CAAC,GAAG,EAAE,GAAG,EAAE;AACpD,EAAE,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC;AACxD,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AACxE,EAAE,OAAO,IAAI,CAAC;AACd;;ACHe,SAAS,2BAA2B,CAAC,CAAC,EAAE,MAAM,EAAE;AAC/D,EAAE,IAAI,CAAC,CAAC,EAAE,OAAO;AACjB,EAAE,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,OAAOA,iBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAChE,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACzD,EAAE,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;AAC9D,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,KAAK,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACvD,EAAE,IAAI,CAAC,KAAK,WAAW,IAAI,0CAA0C,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAOA,iBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AAClH;;ACRe,SAAS,gBAAgB,GAAG;AAC3C,EAAE,MAAM,IAAI,SAAS,CAAC,2IAA2I,CAAC,CAAC;AACnK;;ACEe,SAAS,cAAc,CAAC,GAAG,EAAE,CAAC,EAAE;AAC/C,EAAE,OAAOC,eAAc,CAAC,GAAG,CAAC,IAAIC,qBAAoB,CAAC,GAAG,EAAE,CAAC,CAAC,IAAIC,2BAA0B,CAAC,GAAG,EAAE,CAAC,CAAC,IAAIC,gBAAe,EAAE,CAAC;AACxH;;ACNe,SAAS,6BAA6B,CAAC,MAAM,EAAE,QAAQ,EAAE;AACxE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;AAChC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACvC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACb,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC1C,IAAI,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AACxB,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS;AAC7C,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAC9B,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;ACVe,SAAS,wBAAwB,CAAC,MAAM,EAAE,QAAQ,EAAE;AACnE,EAAE,IAAI,MAAM,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;AAChC,EAAE,IAAI,MAAM,GAAGC,6BAA4B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAC9D,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AACb,EAAE,IAAI,MAAM,CAAC,qBAAqB,EAAE;AACpC,IAAI,IAAI,gBAAgB,GAAG,MAAM,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;AAChE,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAClD,MAAM,GAAG,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAChC,MAAM,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS;AAC/C,MAAM,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS;AAC7E,MAAM,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;AAChC,KAAK;AACL,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;ACZO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,YAAY,EAAEC,UAAU,EAAA;AAAA,EAAA,OACzDC,QAAQ,CAAC;AAAEC,IAAAA,SAAS,EAAEC,QAAQ,CAACC,EAAE,EAAEL,YAAY,CAAA;GAAG,EAAEC,UAAU,CAAC,CAAA;AAAA,CAAA,CAAA;AAE1D,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,UAAU,EAAEC,OAAO,EAAA;EAAA,OACpDC,MAAM,CACJ,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;AAAA,IAAA,OAAOP,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAACN,UAAU,CAAC,CAAC,EAAEK,IAAI,CAACC,OAAO,CAACF,KAAK,CAAC,CAAC,CAAC,CAAA;AAAA,GAAA,EACxEH,OACF,CAAC,CAAA;AAAA,CAAA,CAAA;AAEI,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,aAAa,EAAEd,UAAU,EAAA;AAAA,EAAA,OAC5Dc,aAAa,CAACN,MAAM,CAAC,UAAAO,YAAY,EAAA;AAAA,IAAA,OAC/BC,QAAQ,CAAC;AAAEd,MAAAA,SAAS,EAAEa,YAAAA;KAAc,EAAEf,UAAU,CAAC,CAAA;AAAA,GACnD,CAAC,CAAA;AAAA,CAAA;;;ACOGiB,IAAAA,OAAO,gBAAGC,UAAU,CACxB,UAAAT,IAAA,EAcEU,GAAG,EACA;AAAA,EAAA,IAbDC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IAAAC,kBAAA,GAAAZ,IAAA,CACXa,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,kBAAA;IAAAE,eAAA,GAAAd,IAAA,CAClBT,UAAU;AAAVA,IAAAA,UAAU,GAAAuB,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;IAAAC,iBAAA,GAAAf,IAAA,CACfV,YAAY;AAAZA,IAAAA,YAAY,GAAAyB,iBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,iBAAA;IAAAC,iBAAA,GAAAhB,IAAA,CACjBiB,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IAAAE,oBAAA,GAAAlB,IAAA,CACpBmB,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,oBAAA;IAAAE,iBAAA,GAAApB,IAAA,CACpBqB,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,iBAAA;IAAAE,oBAAA,GAAAtB,IAAA,CACjBuB,eAAe;IAAfA,eAAe,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAGE,OAAO,CAACC,CAAC,CAAC,kCAAkC,CAAC,GAAAH,oBAAA;IAAAI,aAAA,GAAA1B,IAAA,CAC/D2B,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGE,KAAAA,CAAAA,GAAAA,QAAQ,GAAAF,aAAA;IAAAG,gBAAA,GAAA7B,IAAA,CACnB8B,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,gBAAA;AACbE,IAAAA,aAAa,GAAAC,wBAAA,CAAAhC,IAAA,EAAAiC,SAAA,CAAA,CAAA;AAIlB,EAAA,IAAQC,OAAO,GAAqBC,QAAQ,CAApCD,OAAO;IAAEE,IAAI,GAAeD,QAAQ,CAA3BC,IAAI;IAAEC,QAAQ,GAAKF,QAAQ,CAArBE,QAAQ,CAAA;AAC/B,EAAA,IAAAC,gBAAA,GAA0CC,eAAe,CACvDpB,eAAe,EACfE,YACF,CAAC;IAAAmB,iBAAA,GAAAC,cAAA,CAAAH,gBAAA,EAAA,CAAA,CAAA;AAHMjC,IAAAA,aAAa,GAAAmC,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAKtC,EAAA,IAAAG,SAAA,GAAoCC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAJ,cAAA,CAAAE,SAAA,EAAA,CAAA,CAAA;AAAzC9C,IAAAA,UAAU,GAAAgD,UAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;EAChCE,mBAAmB,CACjBrC,GAAG,EACH,YAAA;IAAA,OAAO;AACLsC,MAAAA,UAAU,EAAE,SAAAA,UAAAvD,CAAAA,SAAS,EAAI;AACvBiD,QAAAA,gBAAgB,CAACO,MAAM,CAACxD,SAAS,CAAC,CAAC,CAAA;OACpC;AACDyD,MAAAA,UAAU,EAAE,SAAAA,UAAAzD,CAAAA,SAAS,EAAI;AACvBiD,QAAAA,gBAAgB,CAACS,OAAO,CAAC,CAAC1D,SAAS,CAAC,CAAC,CAAC,CAAA;AACxC,OAAA;KACD,CAAA;GAAC,EACF,EACF,CAAC,CAAA;AAED,EAAA,IAAMK,OAAO,GAAGT,kBAAkB,CAACC,YAAY,EAAEC,UAAU,CAAC,CAAA;AAC5D,EAAA,IAAM6D,eAAe,GAAGxD,kBAAkB,CAACC,UAAU,EAAEC,OAAO,CAAC,CAAA;AAE/D,EAAA,IAAMuD,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAiD;AAAA,IAAA,IAAAC,YAAA,GAAAD,KAAA,CAA3CE,MAAM;MAAU/D,SAAS,GAAA8D,YAAA,CAAfE,IAAI;MAAaC,OAAO,GAAAH,YAAA,CAAPG,OAAO,CAAA;AACxD,IAAA,IAAMC,gBAAgB,GAAGD,OAAO,GAC5BP,OAAO,CAAC,CAAC1D,SAAS,CAAC,EAAEY,aAAa,CAAC,GACnC4C,MAAM,CAACxD,SAAS,EAAEY,aAAa,CAAC,CAAA;IAEpCqC,gBAAgB,CAACiB,gBAAgB,CAAC,CAAA;IAClChC,QAAQ,CACNnC,QAAQ,CAAC;AAAEC,MAAAA,SAAS,EAAEC,QAAQ,CAACC,EAAE,EAAEgE,gBAAgB,CAAA;AAAE,KAAC,EAAEpE,UAAU,CAAC,EACnEoE,gBACF,CAAC,CAAA;GACF,CAAA;AACD,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAgBC,KAAK,GAAAD,KAAA,CAAfL,MAAM,CAAIM,KAAK,CAAA;IAAA,OAAShB,aAAa,CAACgB,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAEpEC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMJ,gBAAgB,GAAGvD,oBAAoB,CAACC,aAAa,EAAEd,UAAU,CAAC,CAAA;IAExEoC,QAAQ,CACNnC,QAAQ,CAAC;AAAEC,MAAAA,SAAS,EAAEC,QAAQ,CAACC,EAAE,EAAEgE,gBAAgB,CAAA;AAAE,KAAC,EAAEpE,UAAU,CAAC,EACnEoE,gBACF,CAAC,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAENI,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIC,OAAO,CAACzE,UAAU,CAAC,EAAE,OAAA;AAEzB,IAAA,IAAMoE,gBAAgB,GAAGvD,oBAAoB,CAACC,aAAa,EAAEd,UAAU,CAAC,CAAA;IACxEmD,gBAAgB,CAACiB,gBAAgB,CAAC,CAAA;AACpC,GAAC,EAAE,CAACpE,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,IAAA0E,eAAA,GAAcC,cAAc,EAAE;IAAtBzC,CAAC,GAAAwC,eAAA,CAADxC,CAAC,CAAA;AAET,EAAA,oBACE0C,KAAA,CAAAC,aAAA,CAACjC,QAAQ,EAAAkC,QAAA,CAAA;AACPC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,WAAW,EAAC,MAAM;AAClBC,IAAAA,aAAa,EAAE,KAAM;AACrBC,IAAAA,KAAK,EAAEhD,CAAC,CAAC,gCAAgC,CAAE;AAC3CiD,IAAAA,QAAQ,EAAC,YAAY;IACrBC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAM7B,aAAa,CAAC,EAAE,CAAC,CAAA;AAAA,KAAA;GAC5Bf,EAAAA,aAAa,gBAEjBoC,KAAA,CAAAC,aAAA,CAAChC,IAAI,qBACH+B,KAAA,CAAAC,aAAA,CACGnD,KAAAA,EAAAA,IAAAA,EAAAA,YAAY,iBACXkD,KAAA,CAAAC,aAAA,CAACQ,KAAK,EAAAP,QAAA,CAAA;AACJQ,IAAAA,SAAS,EAAC,6BAA6B;AACvC,IAAA,SAAA,EAAQ,yBAAyB;AACjCC,IAAAA,WAAW,EAAErD,CAAC,CAAC,+BAA+B,CAAE;AAChDsD,IAAAA,MAAM,eAAEZ,KAAA,CAAAC,aAAA,CAACY,MAAM,MAAE,CAAE;AACnBC,IAAAA,IAAI,EAAC,QAAQ;AACbnB,IAAAA,KAAK,EAAEjE,UAAW;AAClB8B,IAAAA,QAAQ,EAAEiC,YAAAA;AAAa,GAAA,EACnB9B,WAAW,CAChB,CACF,EACAoD,UAAU,CAAC9B,eAAe,CAAC,GAC1BA,eAAe,CAAC+B,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAG3F,SAAS,GAAA2F,KAAA,CAAT3F,SAAS;MAAE4F,GAAG,GAAAD,KAAA,CAAHC,GAAG;MAAEpF,KAAK,GAAAmF,KAAA,CAALnF,KAAK,CAAA;AAAA,IAAA,oBAC1CkE,KAAA,CAAAC,aAAA,CAAC/B,QAAQ,EAAA;AAACgD,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eACjBlB,KAAA,CAAAC,aAAA,CAACkB,KAAK,EAAA;AACJT,MAAAA,SAAS,EAAC,gGAAgG;AAC1GU,MAAAA,OAAO,EAAE9F,SAAAA;AAAU,KAAA,eAEnB0E,KAAA,CAAAC,aAAA,CAACoB,QAAQ,EAAAnB,QAAA,CAAA;AACPX,MAAAA,OAAO,EAAE,CAACrD,aAAa,CAACX,QAAQ,CAACD,SAAS,CAAE;AAC5C,MAAA,SAAA,EAAQ,2BAA2B;AACnCgG,MAAAA,EAAE,EAAEhG,SAAU;AACdgF,MAAAA,KAAK,EAAExE,KAAM;AACbwD,MAAAA,IAAI,EAAEhE,SAAU;AAChBkC,MAAAA,QAAQ,EAAE0B,YAAAA;AAAa,KAAA,EACnBxC,aAAa,CAClB,CACI,CACC,CAAC,CAAA;AAAA,GACZ,CAAC,gBAEFsD,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMS,IAAAA,SAAS,EAAC,oEAAA;GACbtD,EAAAA,eACG,CACP,EACA,CAAC,CAACZ,WAAW,iBACZwD,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAuB,QAAA,EAAA,IAAA,eACEvB,KAAA,CAAAC,aAAA,CAAClC,OAAO,EAAA,IAAE,CAAC,EACVvB,WACD,CAED,CACD,CACE,CAAC,CAAA;AAEf,CACF,EAAC;AA6CDH,OAAO,CAACmF,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Columns.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/ConfigurePageSidebar.js

@@ -0,0 +1,97 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { Button } from '@bigbinary/neetoui';
+import { not } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { useHistory } from 'react-router-dom';
+import { S as SelectedLink, C as Chevron } from './Chevron-c639aa31.js';
+import '@babel/runtime/helpers/extends';
+import '@babel/runtime/helpers/defineProperty';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@bigbinary/neeto-commons-frontend/utils/general';
+import '@bigbinary/neeto-icons';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-filters-frontend';
+import '@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint';
+import './inject-css-c86de496.js';
+
+var ConfigurePageSidebar = function ConfigurePageSidebar(_ref) {
+  var label = _ref.label,
+    items = _ref.navLinks,
+    configurePageRoute = _ref.configurePageRoute;
+  var history = useHistory();
+  var productName = globalProps.appName.substr(5).toLowerCase();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isSidebarPaneOpen = _useState2[0],
+    setIsSidebarPaneOpen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSidebarCollapsed = _useState4[0],
+    setIsSidebarCollapsed = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isLargerScreen = function isLargerScreen() {
+    return window.innerWidth > 768;
+  };
+  var isSidebarClosed = isLargerScreen() ? isSidebarCollapsed : not(isSidebarPaneOpen);
+  useEffect(function () {
+    var handleResize = function handleResize() {
+      if (isLargerScreen()) return;
+      setIsSidebarPaneOpen(false);
+      setIsSidebarCollapsed(true);
+    };
+    window.addEventListener("resize", handleResize);
+    return function () {
+      return window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+  var handleConfigureLinkClick = function handleConfigureLinkClick() {
+    history.push(configurePageRoute);
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    "data-testid": "configure-page-sidebar-container",
+    className: classnames("neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page", {
+      "neeto-molecules-sidebar__wrapper--collapsed": isLargerScreen() ? isSidebarCollapsed : not(isSidebarPaneOpen)
+    })
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-sidebar__backdrop",
+    onClick: function onClick() {
+      setIsSidebarPaneOpen(false);
+    }
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode",
+    "data-testid": "configure-page-sidebar"
+  }, /*#__PURE__*/React__default.createElement(SelectedLink, {
+    isConfigureSidebar: true,
+    handleGoBack: handleConfigureLinkClick,
+    navLink: {
+      label: label,
+      items: items
+    }
+  })), /*#__PURE__*/React__default.createElement(Button, {
+    className: "neeto-molecules-sidebar__toggler",
+    "data-cy": "configure-page-neeto-molecules-sidebar-toggler",
+    "data-testid": "configure-page-sidebar-toggleButton",
+    style: isLargerScreen() ? "text" : "secondary",
+    icon: function icon() {
+      return /*#__PURE__*/React__default.createElement(Chevron, {
+        style: {
+          color: "rgb(var(--neeto-".concat(productName, "-primary))")
+        }
+      });
+    },
+    tooltipProps: {
+      content: isSidebarClosed ? t("neetoMolecules.sidebar.showMenu") : t("neetoMolecules.sidebar.hideMenu"),
+      position: "bottom"
+    },
+    onClick: function onClick() {
+      setIsSidebarCollapsed(!isSidebarCollapsed);
+      setIsSidebarPaneOpen(not);
+    }
+  }));
+};
+
+export { ConfigurePageSidebar as default };
+//# sourceMappingURL=ConfigurePageSidebar.js.map

package/dist/ConfigurePageSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigurePageSidebar.js","sources":["../src/components/ConfigurePageSidebar.jsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport SelectedLink from \"components/Sidebar/Components/Links/SelectedLink\";\nimport \"components/Sidebar/sidebar.scss\";\n\nimport Chevron from \"./Sidebar/Components/Chevron\";\n\nconst ConfigurePageSidebar = ({\n  label,\n  navLinks: items,\n  configurePageRoute,\n}) => {\n  const history = useHistory();\n  const productName = globalProps.appName.substr(5).toLowerCase();\n  const [isSidebarPaneOpen, setIsSidebarPaneOpen] = useState(false);\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n\n  const { t } = useTranslation();\n\n  const isLargerScreen = () => window.innerWidth > 768;\n  const isSidebarClosed = isLargerScreen()\n    ? isSidebarCollapsed\n    : not(isSidebarPaneOpen);\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (isLargerScreen()) return;\n      setIsSidebarPaneOpen(false);\n      setIsSidebarCollapsed(true);\n    };\n    window.addEventListener(\"resize\", handleResize);\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const handleConfigureLinkClick = () => {\n    history.push(configurePageRoute);\n  };\n\n  return (\n    <div\n      data-testid=\"configure-page-sidebar-container\"\n      className={classnames(\n        \"neeto-molecules-sidebar__wrapper neeto-molecules-sidebar__wrapper__configure-page\",\n        {\n          \"neeto-molecules-sidebar__wrapper--collapsed\": isLargerScreen()\n            ? isSidebarCollapsed\n            : not(isSidebarPaneOpen),\n        }\n      )}\n    >\n      <div\n        className=\"neeto-molecules-sidebar__backdrop\"\n        onClick={() => {\n          setIsSidebarPaneOpen(false);\n        }}\n      />\n      <div\n        className=\"neeto-molecules-sidebar neeto-molecules-sidebar__configure-page neeto-ui-flex neeto-ui-flex-col neeto-ui-flex-shrink-0 neeto-ui-overflow-y-auto neeto-ui-overflow-x-hidden neeto-molecules-sidebar--focus-mode\"\n        data-testid=\"configure-page-sidebar\"\n      >\n        <SelectedLink\n          isConfigureSidebar\n          handleGoBack={handleConfigureLinkClick}\n          navLink={{ label, items }}\n        />\n      </div>\n      <Button\n        className=\"neeto-molecules-sidebar__toggler\"\n        data-cy=\"configure-page-neeto-molecules-sidebar-toggler\"\n        data-testid=\"configure-page-sidebar-toggleButton\"\n        style={isLargerScreen() ? \"text\" : \"secondary\"}\n        icon={() => (\n          <Chevron\n            style={{ color: `rgb(var(--neeto-${productName}-primary))` }}\n          />\n        )}\n        tooltipProps={{\n          content: isSidebarClosed\n            ? t(\"neetoMolecules.sidebar.showMenu\")\n            : t(\"neetoMolecules.sidebar.hideMenu\"),\n          position: \"bottom\",\n        }}\n        onClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n          setIsSidebarPaneOpen(not);\n        }}\n      />\n    </div>\n  );\n};\n\nConfigurePageSidebar.propTypes = {\n  /**\n   * The route to the landing page of the configure screen.\n   * When the user clicks on the 'configure' text, they will be taken to the specified route.\n   */\n  configurePageRoute: PropTypes.string,\n  /**\n   * To specify the label to be shown on top of the sidebar.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the configure nav links to be shown in the sidebar.\n   */\n  navLinks: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      to: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.shape({ label: PropTypes.string, to: PropTypes.string })\n      ),\n    })\n  ),\n};\n\nexport default ConfigurePageSidebar;\n"],"names":["ConfigurePageSidebar","_ref","label","items","navLinks","configurePageRoute","history","useHistory","productName","globalProps","appName","substr","toLowerCase","_useState","useState","_useState2","_slicedToArray","isSidebarPaneOpen","setIsSidebarPaneOpen","_useState3","_useState4","isSidebarCollapsed","setIsSidebarCollapsed","_useTranslation","useTranslation","t","isLargerScreen","window","innerWidth","isSidebarClosed","not","useEffect","handleResize","addEventListener","removeEventListener","handleConfigureLinkClick","push","React","createElement","className","classnames","onClick","SelectedLink","isConfigureSidebar","handleGoBack","navLink","Button","style","icon","Chevron","color","concat","tooltipProps","content","position"],"mappings":"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"}

package/dist/ConfirmationModal.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { Modal, Typography } from '@bigbinary/neetoui';
 import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
 import { type } from 'ramda';
@@ -36,9 +36,9 @@ var ConfirmationModal = function ConfirmationModal(_ref) {
     validationSchema: deletionValidationSchema(confirmationText),
     onSubmit: onSubmit
   };
-  var deleteInputLabel = deleteConfirmationMessage || /*#__PURE__*/React.createElement(Trans, {
+  var deleteInputLabel = deleteConfirmationMessage || /*#__PURE__*/React__default.createElement(Trans, {
     components: {
-      strong: /*#__PURE__*/React.createElement("strong", null)
+      strong: /*#__PURE__*/React__default.createElement("strong", null)
     },
     i18nKey: "neetoMolecules.confirmationModal.deleteConfirmationMessage",
     values: {
@@ -46,23 +46,23 @@ var ConfirmationModal = function ConfirmationModal(_ref) {
     }
   });
   var initialFocusRef = useRef(null);
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/React__default.createElement(Modal, {
     initialFocusRef: initialFocusRef,
     isOpen: isOpen,
     onClose: onClose,
     "data-testid": "confirmation-modal"
-  }, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
     "data-cy": "confirmation-modal",
     style: "h2"
-  }, title)), /*#__PURE__*/React.createElement(Form, {
+  }, title)), /*#__PURE__*/React__default.createElement(Form, {
     formikProps: formikProps
   }, function (_ref2) {
     var values = _ref2.values;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal.Body, {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Modal.Body, {
       className: "space-y-4"
-    }, type(description) === "String" ? /*#__PURE__*/React.createElement(Typography, {
+    }, type(description) === "String" ? /*#__PURE__*/React__default.createElement(Typography, {
       style: "body2"
-    }, description) : description, /*#__PURE__*/React.createElement(Input, {
+    }, description) : description, /*#__PURE__*/React__default.createElement(Input, {
       "data-testid": "confirmation-modal-input",
       label: deleteInputLabel,
       labelProps: {
@@ -71,7 +71,7 @@ var ConfirmationModal = function ConfirmationModal(_ref) {
       name: "confirmationText",
       ref: initialFocusRef,
       type: "text"
-    })), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(ActionBlock, {
+    })), /*#__PURE__*/React__default.createElement(Modal.Footer, null, /*#__PURE__*/React__default.createElement(ActionBlock, {
       className: "space-x-2",
       cancelButtonProps: {
         label: t("neetoMolecules.common.actions.cancel"),

package/dist/ConfirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationModal.js","sources":["../src/components/ConfirmationModal/constants.js","../src/components/ConfirmationModal/utils.js","../src/components/ConfirmationModal/index.jsx"],"sourcesContent":["export const INITIAL_VALUES = { confirmationText: \"\" };\n","import * as yup from \"yup\";\n\nexport const deletionValidationSchema = confirmationText =>\n  yup.object({\n    confirmationText: yup.string().required(\"\").oneOf([confirmationText], \"\"),\n  });\n","import React, { useRef } from \"react\";\n\nimport { Modal, Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { type } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INITIAL_VALUES } from \"./constants\";\nimport { deletionValidationSchema } from \"./utils\";\n\nconst ConfirmationModal = ({\n  buttonLabel,\n  confirmationText,\n  description = \"\",\n  isOpen = true,\n  isSubmitting = false,\n  title = \"\",\n  onClose,\n  onSubmit,\n  deleteConfirmationMessage,\n}) => {\n  const { t } = useTranslation();\n  const formikProps = {\n    initialValues: INITIAL_VALUES,\n    validationSchema: deletionValidationSchema(confirmationText),\n    onSubmit,\n  };\n\n  const deleteInputLabel = deleteConfirmationMessage || (\n    <Trans\n      components={{ strong: <strong /> }}\n      i18nKey=\"neetoMolecules.confirmationModal.deleteConfirmationMessage\"\n      values={{ value: confirmationText }}\n    />\n  );\n\n  const initialFocusRef = useRef(null);\n\n  return (\n    <Modal\n      {...{ initialFocusRef, isOpen, onClose }}\n      data-testid=\"confirmation-modal\"\n    >\n      <Modal.Header>\n        <Typography data-cy=\"confirmation-modal\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Form {...{ formikProps }}>\n        {({ values }) => (\n          <>\n            <Modal.Body className=\"space-y-4\">\n              {type(description) === \"String\" ? (\n                <Typography style=\"body2\">{description}</Typography>\n              ) : (\n                description\n              )}\n              <Input\n                data-testid=\"confirmation-modal-input\"\n                label={deleteInputLabel}\n                labelProps={{ className: \"block\" }}\n                name=\"confirmationText\"\n                ref={initialFocusRef}\n                type=\"text\"\n              />\n            </Modal.Body>\n            <Modal.Footer>\n              <ActionBlock\n                className=\"space-x-2\"\n                cancelButtonProps={{\n                  label: t(\"neetoMolecules.common.actions.cancel\"),\n                  style: \"text\",\n                  onClick: onClose,\n                  disabled: false,\n                  type: \"button\",\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"delete-continue-button\",\n                  label: buttonLabel,\n                  loading: isSubmitting,\n                  style: \"danger\",\n                  disabled:\n                    isSubmitting ||\n                    confirmationText !== values.confirmationText,\n                }}\n              />\n            </Modal.Footer>\n          </>\n        )}\n      </Form>\n    </Modal>\n  );\n};\n\nConfirmationModal.propTypes = {\n  /**\n   * Label of the action button in the Modal\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Text that is expected to be entered by the user\n   */\n  confirmationText: PropTypes.string,\n  /**\n   * Modal description\n   */\n  description: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n    PropTypes.string,\n  ]),\n  /**\n   * To be passed to loading prop of the action button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Handler function that is invoked when the close button is clicked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Handler function that is invoked when the action button is clicked\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * Message that will be shown as the label of the confirmation input field.\n   */\n  deleteConfirmationMessage: PropTypes.string,\n};\n\nexport default ConfirmationModal;\n"],"names":["INITIAL_VALUES","confirmationText","deletionValidationSchema","yup","object","string","required","oneOf","ConfirmationModal","_ref","buttonLabel","_ref$description","description","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$title","title","onClose","onSubmit","deleteConfirmationMessage","_useTranslation","useTranslation","t","formikProps","initialValues","validationSchema","deleteInputLabel","React","createElement","Trans","components","strong","i18nKey","values","value","initialFocusRef","useRef","Modal","Header","Typography","style","Form","_ref2","Fragment","Body","className","type","Input","label","labelProps","name","ref","Footer","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":"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"}
+{"version":3,"file":"ConfirmationModal.js","sources":["../src/components/ConfirmationModal/constants.js","../src/components/ConfirmationModal/utils.js","../src/components/ConfirmationModal/index.jsx"],"sourcesContent":["export const INITIAL_VALUES = { confirmationText: \"\" };\n","import * as yup from \"yup\";\n\nexport const deletionValidationSchema = confirmationText =>\n  yup.object({\n    confirmationText: yup.string().required(\"\").oneOf([confirmationText], \"\"),\n  });\n","import React, { useRef } from \"react\";\n\nimport { Modal, Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { type } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { INITIAL_VALUES } from \"./constants\";\nimport { deletionValidationSchema } from \"./utils\";\n\nconst ConfirmationModal = ({\n  buttonLabel,\n  confirmationText,\n  description = \"\",\n  isOpen = true,\n  isSubmitting = false,\n  title = \"\",\n  onClose,\n  onSubmit,\n  deleteConfirmationMessage,\n}) => {\n  const { t } = useTranslation();\n  const formikProps = {\n    initialValues: INITIAL_VALUES,\n    validationSchema: deletionValidationSchema(confirmationText),\n    onSubmit,\n  };\n\n  const deleteInputLabel = deleteConfirmationMessage || (\n    <Trans\n      components={{ strong: <strong /> }}\n      i18nKey=\"neetoMolecules.confirmationModal.deleteConfirmationMessage\"\n      values={{ value: confirmationText }}\n    />\n  );\n\n  const initialFocusRef = useRef(null);\n\n  return (\n    <Modal\n      {...{ initialFocusRef, isOpen, onClose }}\n      data-testid=\"confirmation-modal\"\n    >\n      <Modal.Header>\n        <Typography data-cy=\"confirmation-modal\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Form {...{ formikProps }}>\n        {({ values }) => (\n          <>\n            <Modal.Body className=\"space-y-4\">\n              {type(description) === \"String\" ? (\n                <Typography style=\"body2\">{description}</Typography>\n              ) : (\n                description\n              )}\n              <Input\n                data-testid=\"confirmation-modal-input\"\n                label={deleteInputLabel}\n                labelProps={{ className: \"block\" }}\n                name=\"confirmationText\"\n                ref={initialFocusRef}\n                type=\"text\"\n              />\n            </Modal.Body>\n            <Modal.Footer>\n              <ActionBlock\n                className=\"space-x-2\"\n                cancelButtonProps={{\n                  label: t(\"neetoMolecules.common.actions.cancel\"),\n                  style: \"text\",\n                  onClick: onClose,\n                  disabled: false,\n                  type: \"button\",\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"delete-continue-button\",\n                  label: buttonLabel,\n                  loading: isSubmitting,\n                  style: \"danger\",\n                  disabled:\n                    isSubmitting ||\n                    confirmationText !== values.confirmationText,\n                }}\n              />\n            </Modal.Footer>\n          </>\n        )}\n      </Form>\n    </Modal>\n  );\n};\n\nConfirmationModal.propTypes = {\n  /**\n   * Label of the action button in the Modal\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Text that is expected to be entered by the user\n   */\n  confirmationText: PropTypes.string,\n  /**\n   * Modal description\n   */\n  description: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n    PropTypes.string,\n  ]),\n  /**\n   * To be passed to loading prop of the action button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To specify whether the modal should be opened or closed.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * Title of the modal\n   */\n  title: PropTypes.string,\n  /**\n   * Handler function that is invoked when the close button is clicked\n   */\n  onClose: PropTypes.func,\n  /**\n   * Handler function that is invoked when the action button is clicked\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * Message that will be shown as the label of the confirmation input field.\n   */\n  deleteConfirmationMessage: PropTypes.string,\n};\n\nexport default ConfirmationModal;\n"],"names":["INITIAL_VALUES","confirmationText","deletionValidationSchema","yup","object","string","required","oneOf","ConfirmationModal","_ref","buttonLabel","_ref$description","description","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$title","title","onClose","onSubmit","deleteConfirmationMessage","_useTranslation","useTranslation","t","formikProps","initialValues","validationSchema","deleteInputLabel","React","createElement","Trans","components","strong","i18nKey","values","value","initialFocusRef","useRef","Modal","Header","Typography","style","Form","_ref2","Fragment","Body","className","type","Input","label","labelProps","name","ref","Footer","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":"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"}