@bigbinary/neeto-molecules 1.3.9 → 1.3.11

package/dist/cjs/Columns.js

@@ -0,0 +1,248 @@
+'use strict';
+
+var React = require('react');
+var i18next = require('i18next');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var neetoui = require('@bigbinary/neetoui');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var i18next__default = /*#__PURE__*/_interopDefaultLegacy(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 neetoCist.removeBy({
+    dataIndex: ramda.includes(ramda.__, fixedColumns)
+  }, columnData);
+};
+var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
+  return ramda.filter(function (_ref) {
+    var title = _ref.title;
+    return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(title)));
+  }, columns);
+};
+var removeDeletedColumns = function removeDeletedColumns(hiddenColumns, columnData) {
+  return hiddenColumns.filter(function (hiddenColumn) {
+    return neetoCist.existsBy({
+      dataIndex: hiddenColumn
+    }, columnData);
+  });
+};
+
+var _excluded = ["actionBlock", "checkboxProps", "columnData", "fixedColumns", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
+var Columns = /*#__PURE__*/React.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__default["default"].t("neetoMolecules.columns.noColumns") : _ref$noColumnMessage,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? ramda.identity : _ref$onChange,
+    _ref$searchProps = _ref.searchProps,
+    searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
+    dropdownProps = _objectWithoutProperties(_ref, _excluded);
+  var Divider = neetoui.Dropdown.Divider,
+    Menu = neetoui.Dropdown.Menu,
+    MenuItem = neetoui.Dropdown.MenuItem;
+  var _useLocalStorage = reactUtils.useLocalStorage(localStorageKey, initialValue),
+    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
+    hiddenColumns = _useLocalStorage2[0],
+    setHiddenColumns = _useLocalStorage2[1];
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  React.useImperativeHandle(ref, function () {
+    return {
+      hideColumn: function hideColumn(dataIndex) {
+        setHiddenColumns(ramda.append(dataIndex));
+      },
+      showColumn: function showColumn(dataIndex) {
+        setHiddenColumns(ramda.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 ? ramda.without([dataIndex], hiddenColumns) : ramda.append(dataIndex, hiddenColumns);
+    setHiddenColumns(newHiddenColumns);
+    onChange(neetoCist.removeBy({
+      dataIndex: ramda.includes(ramda.__, newHiddenColumns)
+    }, columnData), newHiddenColumns);
+  };
+  var handleSearch = function handleSearch(_ref3) {
+    var value = _ref3.target.value;
+    return setSearchTerm(value);
+  };
+  React.useEffect(function () {
+    var newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);
+    onChange(neetoCist.removeBy({
+      dataIndex: ramda.includes(ramda.__, newHiddenColumns)
+    }, columnData), newHiddenColumns);
+  }, []);
+  React.useEffect(function () {
+    if (ramda.isEmpty(columnData)) return;
+    var newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);
+    setHiddenColumns(newHiddenColumns);
+  }, [columnData]);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
+    buttonSize: "medium",
+    buttonStyle: "text",
+    closeOnSelect: false,
+    label: t("neetoMolecules.columns.columns"),
+    position: "bottom-end",
+    onClose: function onClose() {
+      return setSearchTerm("");
+    }
+  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement(neetoIcons.Search, null),
+    type: "search",
+    value: searchTerm,
+    onChange: handleSearch
+  }, searchProps)), neetoCist.isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
+    var dataIndex = _ref4.dataIndex,
+      key = _ref4.key,
+      title = _ref4.title;
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+      key: key
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.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__default["default"].createElement(neetoui.Checkbox, _extends({
+      checked: !hiddenColumns.includes(dataIndex),
+      "data-cy": "neeto-ui-columns-checkbox",
+      id: dataIndex,
+      label: title,
+      name: dataIndex,
+      onChange: handleChange
+    }, checkboxProps))));
+  }) : /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-p-2"
+  }, noColumnMessage), !!actionBlock && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Divider, null), actionBlock))));
+});
+Columns.displayName = "Columns";
+
+module.exports = Columns;
+//# sourceMappingURL=Columns.js.map

package/dist/cjs/Columns.js.map

@@ -0,0 +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,kBAAQ,CAAC;AAAEC,IAAAA,SAAS,EAAEC,cAAQ,CAACC,QAAE,EAAEL,YAAY,CAAA;GAAG,EAAEC,UAAU,CAAC,CAAA;AAAA,CAAA,CAAA;AAE1D,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,UAAU,EAAEC,OAAO,EAAA;EAAA,OACpDC,YAAM,CACJ,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;AAAA,IAAA,OAAOP,cAAQ,CAACQ,UAAI,CAACC,aAAO,CAACN,UAAU,CAAC,CAAC,EAAEK,UAAI,CAACC,aAAO,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,kBAAQ,CAAC;AAAEd,MAAAA,SAAS,EAAEa,YAAAA;KAAc,EAAEf,UAAU,CAAC,CAAA;AAAA,GACnD,CAAC,CAAA;AAAA,CAAA;;;ACOGiB,IAAAA,OAAO,gBAAGC,gBAAU,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,2BAAO,CAACC,CAAC,CAAC,kCAAkC,CAAC,GAAAH,oBAAA;IAAAI,aAAA,GAAA1B,IAAA,CAC/D2B,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAQ,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,gBAAQ,CAApCD,OAAO;IAAEE,IAAI,GAAeD,gBAAQ,CAA3BC,IAAI;IAAEC,QAAQ,GAAKF,gBAAQ,CAArBE,QAAQ,CAAA;AAC/B,EAAA,IAAAC,gBAAA,GAA0CC,0BAAe,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,cAAQ,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,yBAAmB,CACjBrC,GAAG,EACH,YAAA;IAAA,OAAO;AACLsC,MAAAA,UAAU,EAAE,SAAAA,UAAAvD,CAAAA,SAAS,EAAI;AACvBiD,QAAAA,gBAAgB,CAACO,YAAM,CAACxD,SAAS,CAAC,CAAC,CAAA;OACpC;AACDyD,MAAAA,UAAU,EAAE,SAAAA,UAAAzD,CAAAA,SAAS,EAAI;AACvBiD,QAAAA,gBAAgB,CAACS,aAAO,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,aAAO,CAAC,CAAC1D,SAAS,CAAC,EAAEY,aAAa,CAAC,GACnC4C,YAAM,CAACxD,SAAS,EAAEY,aAAa,CAAC,CAAA;IAEpCqC,gBAAgB,CAACiB,gBAAgB,CAAC,CAAA;IAClChC,QAAQ,CACNnC,kBAAQ,CAAC;AAAEC,MAAAA,SAAS,EAAEC,cAAQ,CAACC,QAAE,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,eAAS,CAAC,YAAM;AACd,IAAA,IAAMJ,gBAAgB,GAAGvD,oBAAoB,CAACC,aAAa,EAAEd,UAAU,CAAC,CAAA;IAExEoC,QAAQ,CACNnC,kBAAQ,CAAC;AAAEC,MAAAA,SAAS,EAAEC,cAAQ,CAACC,QAAE,EAAEgE,gBAAgB,CAAA;AAAE,KAAC,EAAEpE,UAAU,CAAC,EACnEoE,gBACF,CAAC,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAENI,EAAAA,eAAS,CAAC,YAAM;AACd,IAAA,IAAIC,aAAO,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,2BAAc,EAAE;IAAtBzC,CAAC,GAAAwC,eAAA,CAADxC,CAAC,CAAA;AAET,EAAA,oBACE0C,yBAAA,CAAAC,aAAA,CAACjC,gBAAQ,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,yBAAA,CAAAC,aAAA,CAAChC,IAAI,qBACH+B,yBAAA,CAAAC,aAAA,CACGnD,KAAAA,EAAAA,IAAAA,EAAAA,YAAY,iBACXkD,yBAAA,CAAAC,aAAA,CAACQ,aAAK,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,yBAAA,CAAAC,aAAA,CAACY,iBAAM,MAAE,CAAE;AACnBC,IAAAA,IAAI,EAAC,QAAQ;AACbnB,IAAAA,KAAK,EAAEjE,UAAW;AAClB8B,IAAAA,QAAQ,EAAEiC,YAAAA;AAAa,GAAA,EACnB9B,WAAW,CAChB,CACF,EACAoD,oBAAU,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,yBAAA,CAAAC,aAAA,CAAC/B,QAAQ,EAAA;AAACgD,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,eACjBlB,yBAAA,CAAAC,aAAA,CAACkB,aAAK,EAAA;AACJT,MAAAA,SAAS,EAAC,gGAAgG;AAC1GU,MAAAA,OAAO,EAAE9F,SAAAA;AAAU,KAAA,eAEnB0E,yBAAA,CAAAC,aAAA,CAACoB,gBAAQ,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,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMS,IAAAA,SAAS,EAAC,oEAAA;GACbtD,EAAAA,eACG,CACP,EACA,CAAC,CAACZ,WAAW,iBACZwD,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAuB,QAAA,EAAA,IAAA,eACEvB,yBAAA,CAAAC,aAAA,CAAClC,OAAO,EAAA,IAAE,CAAC,EACVvB,WACD,CAED,CACD,CACE,CAAC,CAAA;AAEf,CACF,EAAC;AA6CDH,OAAO,CAACmF,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/ConfirmationModal.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var React = require('react');
+var neetoui = require('@bigbinary/neetoui');
+var formik = require('@bigbinary/neetoui/formik');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var yup = require('yup');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+
+var INITIAL_VALUES = {
+  confirmationText: ""
+};
+
+var deletionValidationSchema = function deletionValidationSchema(confirmationText) {
+  return yup__namespace.object({
+    confirmationText: yup__namespace.string().required("").oneOf([confirmationText], "")
+  });
+};
+
+var ConfirmationModal = function ConfirmationModal(_ref) {
+  var buttonLabel = _ref.buttonLabel,
+    confirmationText = _ref.confirmationText,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
+    _ref$isSubmitting = _ref.isSubmitting,
+    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    onClose = _ref.onClose,
+    onSubmit = _ref.onSubmit,
+    deleteConfirmationMessage = _ref.deleteConfirmationMessage;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var formikProps = {
+    initialValues: INITIAL_VALUES,
+    validationSchema: deletionValidationSchema(confirmationText),
+    onSubmit: onSubmit
+  };
+  var deleteInputLabel = deleteConfirmationMessage || /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    components: {
+      strong: /*#__PURE__*/React__default["default"].createElement("strong", null)
+    },
+    i18nKey: "neetoMolecules.confirmationModal.deleteConfirmationMessage",
+    values: {
+      value: confirmationText
+    }
+  });
+  var initialFocusRef = React.useRef(null);
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
+    initialFocusRef: initialFocusRef,
+    isOpen: isOpen,
+    onClose: onClose,
+    "data-testid": "confirmation-modal"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "confirmation-modal",
+    style: "h2"
+  }, title)), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+    formikProps: formikProps
+  }, function (_ref2) {
+    var values = _ref2.values;
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, {
+      className: "space-y-4"
+    }, ramda.type(description) === "String" ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      style: "body2"
+    }, description) : description, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+      "data-testid": "confirmation-modal-input",
+      label: deleteInputLabel,
+      labelProps: {
+        className: "block"
+      },
+      name: "confirmationText",
+      ref: initialFocusRef,
+      type: "text"
+    })), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, null, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
+      className: "space-x-2",
+      cancelButtonProps: {
+        label: t("neetoMolecules.common.actions.cancel"),
+        style: "text",
+        onClick: onClose,
+        disabled: false,
+        type: "button"
+      },
+      submitButtonProps: {
+        "data-cy": "delete-continue-button",
+        label: buttonLabel,
+        loading: isSubmitting,
+        style: "danger",
+        disabled: isSubmitting || confirmationText !== values.confirmationText
+      }
+    })));
+  }));
+};
+
+module.exports = ConfirmationModal;
+//# sourceMappingURL=ConfirmationModal.js.map

package/dist/cjs/ConfirmationModal.js.map

@@ -0,0 +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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"}