@bigbinary/neeto-molecules 1.15.60 → 1.15.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CalendarView.js +2 -2
- package/dist/Columns.js +2 -2
- package/dist/CustomDomainDashboard.js +1 -1
- package/dist/SubHeader.js +2 -2
- package/dist/Taxonomy.js +1 -1
- package/dist/cjs/CalendarView.js +2 -2
- package/dist/cjs/Columns.js +9 -6
- package/dist/cjs/Columns.js.map +1 -1
- package/dist/cjs/CustomDomainDashboard.js +1 -1
- package/dist/cjs/SubHeader.js +4 -4
- package/dist/cjs/SubHeader.js.map +1 -1
- package/dist/cjs/Taxonomy.js +1 -1
- package/dist/cjs/{Columns-6b710238.js → useColumns-a1c3668f.js} +59 -4
- package/dist/cjs/useColumns-a1c3668f.js.map +1 -0
- package/dist/{Columns-2bdb8579.js → useColumns-d17d1f72.js} +58 -6
- package/dist/useColumns-d17d1f72.js.map +1 -0
- package/package.json +1 -1
- package/types/Columns.d.ts +81 -0
- package/dist/Columns-2bdb8579.js.map +0 -1
- package/dist/cjs/Columns-6b710238.js.map +0 -1
package/dist/CalendarView.js
CHANGED
|
@@ -16,11 +16,11 @@ import SubHeader from './SubHeader.js';
|
|
|
16
16
|
import { t } from 'i18next';
|
|
17
17
|
import { Left, Down, Right } from '@bigbinary/neeto-icons';
|
|
18
18
|
import 'classnames';
|
|
19
|
-
import './
|
|
19
|
+
import './useColumns-d17d1f72.js';
|
|
20
20
|
import './inject-css-c86de496.js';
|
|
21
|
-
import '@bigbinary/neeto-commons-frontend/utils/general';
|
|
22
21
|
import 'zustand';
|
|
23
22
|
import 'zustand/middleware';
|
|
23
|
+
import '@bigbinary/neeto-commons-frontend/utils/general';
|
|
24
24
|
import '@bigbinary/neeto-filters-frontend';
|
|
25
25
|
|
|
26
26
|
var WEEKLY_VIEW = t("neetoMolecules.calendarView.weekly");
|
package/dist/Columns.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { H as HIDDEN_COLUMNS_STORAGE_KEY, C as default, a as useHiddenColumnStore, u as useHiddenColumns } from './
|
|
1
|
+
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-d17d1f72.js';
|
|
2
2
|
import './extends-093996c9.js';
|
|
3
3
|
import './slicedToArray-b4278ecd.js';
|
|
4
4
|
import './objectWithoutProperties-a0edb288.js';
|
|
@@ -11,7 +11,7 @@ import 'ramda';
|
|
|
11
11
|
import 'react-i18next';
|
|
12
12
|
import './inject-css-c86de496.js';
|
|
13
13
|
import './defineProperty-549061a7.js';
|
|
14
|
-
import '@bigbinary/neeto-commons-frontend/utils/general';
|
|
15
14
|
import 'zustand';
|
|
16
15
|
import 'zustand/middleware';
|
|
16
|
+
import '@bigbinary/neeto-commons-frontend/utils/general';
|
|
17
17
|
//# sourceMappingURL=Columns.js.map
|
|
@@ -20,7 +20,7 @@ import './objectWithoutProperties-a0edb288.js';
|
|
|
20
20
|
import 'ramda';
|
|
21
21
|
import './defineProperty-549061a7.js';
|
|
22
22
|
import '@bigbinary/neeto-icons';
|
|
23
|
-
import './
|
|
23
|
+
import './useColumns-d17d1f72.js';
|
|
24
24
|
import 'i18next';
|
|
25
25
|
import 'zustand';
|
|
26
26
|
import 'zustand/middleware';
|
package/dist/SubHeader.js
CHANGED
|
@@ -8,14 +8,14 @@ import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb28
|
|
|
8
8
|
import { Column, Download, Filter } from '@bigbinary/neeto-icons';
|
|
9
9
|
import { Button } from '@bigbinary/neetoui';
|
|
10
10
|
import { useTranslation } from 'react-i18next';
|
|
11
|
-
import { u as useHiddenColumns, C as Columns$1 } from './
|
|
11
|
+
import { u as useHiddenColumns, C as Columns$1 } from './useColumns-d17d1f72.js';
|
|
12
12
|
import { Filters } from '@bigbinary/neeto-filters-frontend';
|
|
13
13
|
import { n } from './inject-css-c86de496.js';
|
|
14
14
|
import './slicedToArray-b4278ecd.js';
|
|
15
15
|
import 'i18next';
|
|
16
|
-
import '@bigbinary/neeto-commons-frontend/utils/general';
|
|
17
16
|
import 'zustand';
|
|
18
17
|
import 'zustand/middleware';
|
|
18
|
+
import '@bigbinary/neeto-commons-frontend/utils/general';
|
|
19
19
|
|
|
20
20
|
var _excluded$1 = ["buttonProps", "columnData", "localStorageKey", "fixedColumns"];
|
|
21
21
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
package/dist/Taxonomy.js
CHANGED
|
@@ -33,7 +33,7 @@ import '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
|
|
|
33
33
|
import '@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect';
|
|
34
34
|
import '@bigbinary/neeto-icons';
|
|
35
35
|
import '@bigbinary/neeto-commons-frontend/utils';
|
|
36
|
-
import './
|
|
36
|
+
import './useColumns-d17d1f72.js';
|
|
37
37
|
import 'zustand';
|
|
38
38
|
import 'zustand/middleware';
|
|
39
39
|
import '@bigbinary/neeto-filters-frontend';
|
package/dist/cjs/CalendarView.js
CHANGED
|
@@ -18,11 +18,11 @@ var SubHeader = require('./SubHeader.js');
|
|
|
18
18
|
var i18next = require('i18next');
|
|
19
19
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
20
20
|
require('classnames');
|
|
21
|
-
require('./
|
|
21
|
+
require('./useColumns-a1c3668f.js');
|
|
22
22
|
require('./inject-css-80a5faa3.js');
|
|
23
|
-
require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
24
23
|
require('zustand');
|
|
25
24
|
require('zustand/middleware');
|
|
25
|
+
require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
26
26
|
require('@bigbinary/neeto-filters-frontend');
|
|
27
27
|
|
|
28
28
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
package/dist/cjs/Columns.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var useColumns = require('./useColumns-a1c3668f.js');
|
|
6
6
|
require('./extends-1b35a664.js');
|
|
7
7
|
require('./slicedToArray-f320d9e7.js');
|
|
8
8
|
require('./objectWithoutProperties-2fed2d7d.js');
|
|
@@ -15,14 +15,17 @@ require('ramda');
|
|
|
15
15
|
require('react-i18next');
|
|
16
16
|
require('./inject-css-80a5faa3.js');
|
|
17
17
|
require('./defineProperty-886ed289.js');
|
|
18
|
-
require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
19
18
|
require('zustand');
|
|
20
19
|
require('zustand/middleware');
|
|
20
|
+
require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
|
-
exports.
|
|
25
|
-
exports
|
|
26
|
-
exports
|
|
27
|
-
exports.
|
|
24
|
+
exports.COLUMNS_ORDER_STORAGE_KEY = useColumns.COLUMNS_ORDER_STORAGE_KEY;
|
|
25
|
+
exports.HIDDEN_COLUMNS_STORAGE_KEY = useColumns.HIDDEN_COLUMNS_STORAGE_KEY;
|
|
26
|
+
exports["default"] = useColumns.Columns;
|
|
27
|
+
exports.useColumnOrderStore = useColumns.useColumnOrderStore;
|
|
28
|
+
exports.useColumns = useColumns.useColumns;
|
|
29
|
+
exports.useHiddenColumnStore = useColumns.useHiddenColumnStore;
|
|
30
|
+
exports.useHiddenColumns = useColumns.useHiddenColumns;
|
|
28
31
|
//# sourceMappingURL=Columns.js.map
|
package/dist/cjs/Columns.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Columns.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Columns.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -22,7 +22,7 @@ require('./objectWithoutProperties-2fed2d7d.js');
|
|
|
22
22
|
require('ramda');
|
|
23
23
|
require('./defineProperty-886ed289.js');
|
|
24
24
|
require('@bigbinary/neeto-icons');
|
|
25
|
-
require('./
|
|
25
|
+
require('./useColumns-a1c3668f.js');
|
|
26
26
|
require('i18next');
|
|
27
27
|
require('zustand');
|
|
28
28
|
require('zustand/middleware');
|
package/dist/cjs/SubHeader.js
CHANGED
|
@@ -10,14 +10,14 @@ var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
|
|
|
10
10
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
11
11
|
var neetoui = require('@bigbinary/neetoui');
|
|
12
12
|
var reactI18next = require('react-i18next');
|
|
13
|
-
var
|
|
13
|
+
var useColumns = require('./useColumns-a1c3668f.js');
|
|
14
14
|
var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
|
|
15
15
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
16
16
|
require('./slicedToArray-f320d9e7.js');
|
|
17
17
|
require('i18next');
|
|
18
|
-
require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
19
18
|
require('zustand');
|
|
20
19
|
require('zustand/middleware');
|
|
20
|
+
require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
21
21
|
|
|
22
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
23
|
|
|
@@ -41,12 +41,12 @@ var Columns = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
41
41
|
return !(fixedColumns !== null && fixedColumns !== void 0 && fixedColumns.includes(column.dataIndex));
|
|
42
42
|
}));
|
|
43
43
|
}, [columnData, fixedColumns]);
|
|
44
|
-
var _useHiddenColumns =
|
|
44
|
+
var _useHiddenColumns = useColumns.useHiddenColumns(localStorageKey),
|
|
45
45
|
hideColumn = _useHiddenColumns.hideColumn,
|
|
46
46
|
showColumn = _useHiddenColumns.showColumn;
|
|
47
47
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
48
48
|
className: "neeto-molecules-subheader__columns"
|
|
49
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
49
|
+
}, /*#__PURE__*/React__default["default"].createElement(useColumns.Columns, _extends._extends({
|
|
50
50
|
isSearchable: true,
|
|
51
51
|
className: "neeto-ui-dropdown--manage-columns",
|
|
52
52
|
actionBlock: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubHeader.js","sources":["../../src/components/SubHeader/RightBlock/Columns.jsx","../../src/components/SubHeader/RightBlock/Download.jsx","../../src/components/SubHeader/RightBlock/Filter.jsx","../../src/components/SubHeader/RightBlock/index.jsx","../../src/components/SubHeader/index.jsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { Column } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns, { useHiddenColumns } from \"components/Columns\";\n\nconst Columns = forwardRef(\n (\n { buttonProps = {}, columnData, localStorageKey, fixedColumns, ...props },\n ref\n ) => {\n const { t } = useTranslation();\n\n const columnDataIndex = useMemo(\n () =>\n pluck(\n \"dataIndex\",\n (columnData || []).filter(\n column => !fixedColumns?.includes(column.dataIndex)\n )\n ),\n [columnData, fixedColumns]\n );\n\n const { hideColumn, showColumn } = useHiddenColumns(localStorageKey);\n\n return (\n <div className=\"neeto-molecules-subheader__columns\">\n <ManageColumns\n isSearchable\n className=\"neeto-ui-dropdown--manage-columns\"\n actionBlock={\n <div className=\"grid grid-cols-2 gap-2 px-4 py-3\">\n <Button\n className=\"col-span-1 justify-center\"\n label=\"Hide all\"\n style=\"secondary\"\n onClick={() => hideColumn(columnDataIndex)}\n />\n <Button\n className=\"col-span-1 justify-center\"\n label=\"Show all\"\n style=\"secondary\"\n onClick={() => showColumn(columnDataIndex)}\n />\n </div>\n }\n buttonProps={{\n icon: Column,\n label: null,\n tooltipProps: {\n content: t(\"neetoMolecules.columns.columns\"),\n position: \"bottom\",\n },\n \"data-testid\": \"columns-button\",\n \"data-cy\": \"columns-dropdown-button\",\n ...buttonProps,\n }}\n {...{ columnData, localStorageKey, ...props, ref }}\n />\n </div>\n );\n }\n);\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import React from \"react\";\n\nimport { Download } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n count,\n onClick,\n \"data-cy\": dataCy = \"download-button\",\n}) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"neeto-molecules-subheader__download\">\n <Button\n data-cy={dataCy}\n data-testid=\"download-button\"\n icon={Download}\n style=\"text\"\n tooltipProps={{\n content: t(\"neetoMolecules.common.download\"),\n position: \"bottom\",\n }}\n onClick={onClick}\n />\n {count && (\n <span className=\"neeto-molecules-subheader__download-count\">\n {count}\n </span>\n )}\n </div>\n );\n};\n\nexport default DownloadButton;\n","import React from \"react\";\n\nimport { Filters as NeetoFilters } from \"neetofilters\";\nimport { Filter } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FilterButton = ({ buttonProps, ...props }) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"neeto-molecules-subheader__filter\">\n <NeetoFilters\n buttonProps={{\n \"data-testid\": \"filter-button\",\n icon: Filter,\n style: \"text\",\n tooltipProps: {\n content: t(\"neetoMolecules.common.filter\"),\n position: \"bottom\",\n },\n label: null,\n ...buttonProps,\n }}\n {...props}\n />\n </div>\n );\n};\n\nexport default FilterButton;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n downloadButtonProps,\n columnsButtonProps,\n filterProps,\n dataProps,\n}) => {\n const showIcons = isNotPresent(dataProps?.totalCount)\n ? true\n : dataProps?.totalCount > 0;\n\n return (\n <div\n data-testid=\"subheader-rightblock-buttons-container\"\n className={classnames(\"neeto-molecules-subheader__right-actions\", {\n hidden: not(showIcons),\n })}\n >\n {downloadButtonProps && <Download {...downloadButtonProps} />}\n {columnsButtonProps && <Columns {...columnsButtonProps} />}\n {filterProps && <Filter {...filterProps} />}\n </div>\n );\n};\n\nRightBlock.propTypes = {\n /**\n * Props that are passed to the download button.\n */\n downloadButtonProps: PropTypes.shape({\n count: PropTypes.number,\n onClick: PropTypes.func,\n }),\n /**\n * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n */\n columnsButtonProps: PropTypes.shape({\n onChange: PropTypes.func,\n actionBlock: PropTypes.node,\n checkboxProps: PropTypes.object,\n columnData: PropTypes.array,\n isSearchable: PropTypes.bool,\n localStorageKey: PropTypes.string,\n initialValue: PropTypes.array,\n noColumnMessage: PropTypes.string,\n searchProps: PropTypes.object,\n }),\n /**\n * Props that are passed the the filter component. These are the same props as the\n * neetoFilters `Filters` component.\n */\n filterProps: PropTypes.shape({\n size: PropTypes.oneOf([\"xsmall\", \"small\", \"large\"]),\n isOpen: PropTypes.bool,\n setIsOpen: PropTypes.func,\n columns: PropTypes.object,\n onChange: PropTypes.func,\n onSelectorsChange: PropTypes.func,\n buttonProps: PropTypes.object,\n paneProps: PropTypes.object,\n isSearchable: PropTypes.bool,\n className: PropTypes.string,\n }),\n /**\n * Props related to data being displayed, such as tables, lists, and more. The buttons\n * will be hidden if the value of `totalCount` in `dataProps` is `0`.\n */\n dataProps: PropTypes.shape({ totalCount: PropTypes.number }),\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\nimport \"./subheader.scss\";\n\nconst SubHeader = ({\n className = \"\",\n leftActionBlock,\n rightActionBlock,\n \"data-cy\": dataCy = \"subheader\",\n}) => (\n <div\n className={classnames([\"neeto-molecules-subheader\", className])}\n data-cy={dataCy}\n data-testid=\"subheader\"\n >\n <div\n className=\"neeto-molecules-subheader__left-wrapper\"\n data-cy=\"subheader-left-wrapper\"\n >\n {leftActionBlock && (\n <div\n className=\"neeto-molecules-subheader__left\"\n data-cy=\"subheader-left\"\n >\n {leftActionBlock}\n </div>\n )}\n </div>\n {rightActionBlock && (\n <div\n className=\"neeto-molecules-subheader__right\"\n data-cy=\"subheader-right\"\n >\n {rightActionBlock}\n </div>\n )}\n </div>\n);\n\nSubHeader.RightBlock = RightBlock;\n\nSubHeader.propTypes = {\n /**\n * To specify external classnames as overrides to the `SubHeader`.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered in the left side of the `SubHeader` section.\n */\n leftActionBlock: PropTypes.node,\n /**\n * To specify the content to be rendered in the right side of the `SubHeader` section.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default SubHeader;\n"],"names":["Columns","forwardRef","_ref","ref","_ref$buttonProps","buttonProps","columnData","localStorageKey","fixedColumns","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","columnDataIndex","useMemo","pluck","filter","column","includes","dataIndex","_useHiddenColumns","useHiddenColumns","hideColumn","showColumn","React","createElement","className","ManageColumns","_extends","isSearchable","actionBlock","Button","label","style","onClick","_objectSpread","icon","Column","tooltipProps","content","position","displayName","DownloadButton","count","_ref$dataCy","dataCy","Download","FilterButton","NeetoFilters","Filter","RightBlock","downloadButtonProps","columnsButtonProps","filterProps","dataProps","showIcons","isNotPresent","totalCount","classnames","hidden","not","SubHeader","_ref$className","leftActionBlock","rightActionBlock"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SubHeader.js","sources":["../../src/components/SubHeader/RightBlock/Columns.jsx","../../src/components/SubHeader/RightBlock/Download.jsx","../../src/components/SubHeader/RightBlock/Filter.jsx","../../src/components/SubHeader/RightBlock/index.jsx","../../src/components/SubHeader/index.jsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\n\nimport { Column } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport ManageColumns, { useHiddenColumns } from \"components/Columns\";\n\nconst Columns = forwardRef(\n (\n { buttonProps = {}, columnData, localStorageKey, fixedColumns, ...props },\n ref\n ) => {\n const { t } = useTranslation();\n\n const columnDataIndex = useMemo(\n () =>\n pluck(\n \"dataIndex\",\n (columnData || []).filter(\n column => !fixedColumns?.includes(column.dataIndex)\n )\n ),\n [columnData, fixedColumns]\n );\n\n const { hideColumn, showColumn } = useHiddenColumns(localStorageKey);\n\n return (\n <div className=\"neeto-molecules-subheader__columns\">\n <ManageColumns\n isSearchable\n className=\"neeto-ui-dropdown--manage-columns\"\n actionBlock={\n <div className=\"grid grid-cols-2 gap-2 px-4 py-3\">\n <Button\n className=\"col-span-1 justify-center\"\n label=\"Hide all\"\n style=\"secondary\"\n onClick={() => hideColumn(columnDataIndex)}\n />\n <Button\n className=\"col-span-1 justify-center\"\n label=\"Show all\"\n style=\"secondary\"\n onClick={() => showColumn(columnDataIndex)}\n />\n </div>\n }\n buttonProps={{\n icon: Column,\n label: null,\n tooltipProps: {\n content: t(\"neetoMolecules.columns.columns\"),\n position: \"bottom\",\n },\n \"data-testid\": \"columns-button\",\n \"data-cy\": \"columns-dropdown-button\",\n ...buttonProps,\n }}\n {...{ columnData, localStorageKey, ...props, ref }}\n />\n </div>\n );\n }\n);\n\nColumns.displayName = \"Columns\";\nexport default Columns;\n","import React from \"react\";\n\nimport { Download } from \"neetoicons\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst DownloadButton = ({\n count,\n onClick,\n \"data-cy\": dataCy = \"download-button\",\n}) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"neeto-molecules-subheader__download\">\n <Button\n data-cy={dataCy}\n data-testid=\"download-button\"\n icon={Download}\n style=\"text\"\n tooltipProps={{\n content: t(\"neetoMolecules.common.download\"),\n position: \"bottom\",\n }}\n onClick={onClick}\n />\n {count && (\n <span className=\"neeto-molecules-subheader__download-count\">\n {count}\n </span>\n )}\n </div>\n );\n};\n\nexport default DownloadButton;\n","import React from \"react\";\n\nimport { Filters as NeetoFilters } from \"neetofilters\";\nimport { Filter } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nconst FilterButton = ({ buttonProps, ...props }) => {\n const { t } = useTranslation();\n\n return (\n <div className=\"neeto-molecules-subheader__filter\">\n <NeetoFilters\n buttonProps={{\n \"data-testid\": \"filter-button\",\n icon: Filter,\n style: \"text\",\n tooltipProps: {\n content: t(\"neetoMolecules.common.filter\"),\n position: \"bottom\",\n },\n label: null,\n ...buttonProps,\n }}\n {...props}\n />\n </div>\n );\n};\n\nexport default FilterButton;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { not } from \"ramda\";\n\nimport Columns from \"./Columns\";\nimport Download from \"./Download\";\nimport Filter from \"./Filter\";\n\nconst RightBlock = ({\n downloadButtonProps,\n columnsButtonProps,\n filterProps,\n dataProps,\n}) => {\n const showIcons = isNotPresent(dataProps?.totalCount)\n ? true\n : dataProps?.totalCount > 0;\n\n return (\n <div\n data-testid=\"subheader-rightblock-buttons-container\"\n className={classnames(\"neeto-molecules-subheader__right-actions\", {\n hidden: not(showIcons),\n })}\n >\n {downloadButtonProps && <Download {...downloadButtonProps} />}\n {columnsButtonProps && <Columns {...columnsButtonProps} />}\n {filterProps && <Filter {...filterProps} />}\n </div>\n );\n};\n\nRightBlock.propTypes = {\n /**\n * Props that are passed to the download button.\n */\n downloadButtonProps: PropTypes.shape({\n count: PropTypes.number,\n onClick: PropTypes.func,\n }),\n /**\n * Props that are passed to the columns button, same as the `Columns` component from neetoMolecules.\n */\n columnsButtonProps: PropTypes.shape({\n onChange: PropTypes.func,\n actionBlock: PropTypes.node,\n checkboxProps: PropTypes.object,\n columnData: PropTypes.array,\n isSearchable: PropTypes.bool,\n localStorageKey: PropTypes.string,\n initialValue: PropTypes.array,\n noColumnMessage: PropTypes.string,\n searchProps: PropTypes.object,\n }),\n /**\n * Props that are passed the the filter component. These are the same props as the\n * neetoFilters `Filters` component.\n */\n filterProps: PropTypes.shape({\n size: PropTypes.oneOf([\"xsmall\", \"small\", \"large\"]),\n isOpen: PropTypes.bool,\n setIsOpen: PropTypes.func,\n columns: PropTypes.object,\n onChange: PropTypes.func,\n onSelectorsChange: PropTypes.func,\n buttonProps: PropTypes.object,\n paneProps: PropTypes.object,\n isSearchable: PropTypes.bool,\n className: PropTypes.string,\n }),\n /**\n * Props related to data being displayed, such as tables, lists, and more. The buttons\n * will be hidden if the value of `totalCount` in `dataProps` is `0`.\n */\n dataProps: PropTypes.shape({ totalCount: PropTypes.number }),\n};\n\nexport default RightBlock;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport RightBlock from \"./RightBlock\";\nimport \"./subheader.scss\";\n\nconst SubHeader = ({\n className = \"\",\n leftActionBlock,\n rightActionBlock,\n \"data-cy\": dataCy = \"subheader\",\n}) => (\n <div\n className={classnames([\"neeto-molecules-subheader\", className])}\n data-cy={dataCy}\n data-testid=\"subheader\"\n >\n <div\n className=\"neeto-molecules-subheader__left-wrapper\"\n data-cy=\"subheader-left-wrapper\"\n >\n {leftActionBlock && (\n <div\n className=\"neeto-molecules-subheader__left\"\n data-cy=\"subheader-left\"\n >\n {leftActionBlock}\n </div>\n )}\n </div>\n {rightActionBlock && (\n <div\n className=\"neeto-molecules-subheader__right\"\n data-cy=\"subheader-right\"\n >\n {rightActionBlock}\n </div>\n )}\n </div>\n);\n\nSubHeader.RightBlock = RightBlock;\n\nSubHeader.propTypes = {\n /**\n * To specify external classnames as overrides to the `SubHeader`.\n */\n className: PropTypes.string,\n /**\n * To specify the content to be rendered in the left side of the `SubHeader` section.\n */\n leftActionBlock: PropTypes.node,\n /**\n * To specify the content to be rendered in the right side of the `SubHeader` section.\n */\n rightActionBlock: PropTypes.node,\n};\n\nexport default SubHeader;\n"],"names":["Columns","forwardRef","_ref","ref","_ref$buttonProps","buttonProps","columnData","localStorageKey","fixedColumns","props","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","columnDataIndex","useMemo","pluck","filter","column","includes","dataIndex","_useHiddenColumns","useHiddenColumns","hideColumn","showColumn","React","createElement","className","ManageColumns","_extends","isSearchable","actionBlock","Button","label","style","onClick","_objectSpread","icon","Column","tooltipProps","content","position","displayName","DownloadButton","count","_ref$dataCy","dataCy","Download","FilterButton","NeetoFilters","Filter","RightBlock","downloadButtonProps","columnsButtonProps","filterProps","dataProps","showIcons","isNotPresent","totalCount","classnames","hidden","not","SubHeader","_ref$className","leftActionBlock","rightActionBlock"],"mappings":"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"}
|
package/dist/cjs/Taxonomy.js
CHANGED
|
@@ -35,7 +35,7 @@ require('@bigbinary/neeto-commons-frontend/react-utils/useQueryParams');
|
|
|
35
35
|
require('@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect');
|
|
36
36
|
require('@bigbinary/neeto-icons');
|
|
37
37
|
require('@bigbinary/neeto-commons-frontend/utils');
|
|
38
|
-
require('./
|
|
38
|
+
require('./useColumns-a1c3668f.js');
|
|
39
39
|
require('zustand');
|
|
40
40
|
require('zustand/middleware');
|
|
41
41
|
require('@bigbinary/neeto-filters-frontend');
|
|
@@ -12,9 +12,9 @@ var ramda = require('ramda');
|
|
|
12
12
|
var reactI18next = require('react-i18next');
|
|
13
13
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
14
14
|
var defineProperty = require('./defineProperty-886ed289.js');
|
|
15
|
-
var general = require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
16
15
|
var zustand = require('zustand');
|
|
17
16
|
var middleware = require('zustand/middleware');
|
|
17
|
+
var general = require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
18
18
|
|
|
19
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
20
|
|
|
@@ -25,6 +25,7 @@ var css = ":root{--neeto-molecules-columns-menu-max-width:500px}.neeto-molecules
|
|
|
25
25
|
injectCss.n(css,{});
|
|
26
26
|
|
|
27
27
|
var HIDDEN_COLUMNS_STORAGE_KEY = "neeto-molecules-hidden-columns";
|
|
28
|
+
var COLUMNS_ORDER_STORAGE_KEY = "neeto-molecules-columns-order";
|
|
28
29
|
|
|
29
30
|
var getHidableColumns = function getHidableColumns(columnData) {
|
|
30
31
|
return neetoCist.removeBy({
|
|
@@ -97,7 +98,7 @@ var useHiddenColumns = function useHiddenColumns(localStorageKey) {
|
|
|
97
98
|
};
|
|
98
99
|
};
|
|
99
100
|
|
|
100
|
-
var _excluded = ["actionBlock", "checkboxProps", "columnData", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
|
|
101
|
+
var _excluded$1 = ["actionBlock", "checkboxProps", "columnData", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
|
|
101
102
|
var Columns = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
102
103
|
var actionBlock = _ref.actionBlock,
|
|
103
104
|
_ref$checkboxProps = _ref.checkboxProps,
|
|
@@ -116,7 +117,7 @@ var Columns = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
116
117
|
onChange = _ref$onChange === void 0 ? ramda.identity : _ref$onChange,
|
|
117
118
|
_ref$searchProps = _ref.searchProps,
|
|
118
119
|
searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
|
|
119
|
-
dropdownProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
|
|
120
|
+
dropdownProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
|
|
120
121
|
var Divider = neetoui.Dropdown.Divider,
|
|
121
122
|
Menu = neetoui.Dropdown.Menu,
|
|
122
123
|
MenuItem = neetoui.Dropdown.MenuItem;
|
|
@@ -209,8 +210,62 @@ var Columns = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
209
210
|
});
|
|
210
211
|
Columns.displayName = "Columns";
|
|
211
212
|
|
|
213
|
+
var _excluded = ["hiddenColumns", "getVisibleColumnData"];
|
|
214
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
215
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
216
|
+
|
|
217
|
+
/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
|
|
218
|
+
var useColumnOrderStore = zustand.create(middleware.persist(function () {
|
|
219
|
+
return {};
|
|
220
|
+
}, {
|
|
221
|
+
name: COLUMNS_ORDER_STORAGE_KEY
|
|
222
|
+
}));
|
|
223
|
+
var useColumns = function useColumns(_ref) {
|
|
224
|
+
var localStorageKey = _ref.localStorageKey,
|
|
225
|
+
initialHiddenColumns = _ref.initialHiddenColumns,
|
|
226
|
+
_ref$initialOrder = _ref.initialOrder,
|
|
227
|
+
initialOrder = _ref$initialOrder === void 0 ? [] : _ref$initialOrder;
|
|
228
|
+
var columnOrder = useColumnOrderStore(function (state) {
|
|
229
|
+
return state[localStorageKey];
|
|
230
|
+
}) || initialOrder;
|
|
231
|
+
var setColumnOrder = function setColumnOrder(columns) {
|
|
232
|
+
return useColumnOrderStore.setState(defineProperty._defineProperty({}, localStorageKey, columns));
|
|
233
|
+
};
|
|
234
|
+
var _useHiddenColumns = useHiddenColumns(localStorageKey, initialHiddenColumns),
|
|
235
|
+
hiddenColumns = _useHiddenColumns.hiddenColumns,
|
|
236
|
+
getVisibleColumnData = _useHiddenColumns.getVisibleColumnData,
|
|
237
|
+
hiddenColumnHelpers = objectWithoutProperties._objectWithoutProperties(_useHiddenColumns, _excluded);
|
|
238
|
+
var orderColumns = function orderColumns(columnData) {
|
|
239
|
+
if (ramda.isEmpty(columnOrder)) return columnData;
|
|
240
|
+
return columnData.sort(function (a, b) {
|
|
241
|
+
if (!columnOrder.includes(a.dataIndex) || !columnOrder.includes(b.dataIndex)) {
|
|
242
|
+
return 0;
|
|
243
|
+
}
|
|
244
|
+
return columnOrder.indexOf(a.dataIndex) - columnOrder.indexOf(b.dataIndex);
|
|
245
|
+
});
|
|
246
|
+
};
|
|
247
|
+
var getColumnData = function getColumnData(_ref2) {
|
|
248
|
+
var columnData = _ref2.columnData,
|
|
249
|
+
_ref2$isHidable = _ref2.isHidable,
|
|
250
|
+
isHidable = _ref2$isHidable === void 0 ? true : _ref2$isHidable,
|
|
251
|
+
_ref2$isReOrderable = _ref2.isReOrderable,
|
|
252
|
+
isReOrderable = _ref2$isReOrderable === void 0 ? false : _ref2$isReOrderable;
|
|
253
|
+
return ramda.pipe(isHidable ? getVisibleColumnData : ramda.identity, isReOrderable ? orderColumns : ramda.identity)(columnData);
|
|
254
|
+
};
|
|
255
|
+
return _objectSpread(_objectSpread({}, hiddenColumnHelpers), {}, {
|
|
256
|
+
hiddenColumns: hiddenColumns,
|
|
257
|
+
columnOrder: columnOrder,
|
|
258
|
+
getVisibleColumnData: getVisibleColumnData,
|
|
259
|
+
setColumnOrder: setColumnOrder,
|
|
260
|
+
getColumnData: getColumnData
|
|
261
|
+
});
|
|
262
|
+
};
|
|
263
|
+
|
|
264
|
+
exports.COLUMNS_ORDER_STORAGE_KEY = COLUMNS_ORDER_STORAGE_KEY;
|
|
212
265
|
exports.Columns = Columns;
|
|
213
266
|
exports.HIDDEN_COLUMNS_STORAGE_KEY = HIDDEN_COLUMNS_STORAGE_KEY;
|
|
267
|
+
exports.useColumnOrderStore = useColumnOrderStore;
|
|
268
|
+
exports.useColumns = useColumns;
|
|
214
269
|
exports.useHiddenColumnStore = useHiddenColumnStore;
|
|
215
270
|
exports.useHiddenColumns = useHiddenColumns;
|
|
216
|
-
//# sourceMappingURL=
|
|
271
|
+
//# sourceMappingURL=useColumns-a1c3668f.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColumns-a1c3668f.js","sources":["../../src/components/Columns/constants.js","../../src/components/Columns/utils.js","../../src/components/Columns/useHiddenColumns.js","../../src/components/Columns/Columns.jsx","../../src/components/Columns/useColumns.js"],"sourcesContent":["export const HIDDEN_COLUMNS_STORAGE_KEY = \"neeto-molecules-hidden-columns\";\nexport const COLUMNS_ORDER_STORAGE_KEY = \"neeto-molecules-columns-order\";\n","import { existsBy, removeBy } from \"neetocist\";\nimport { filter, includes, toLower, trim } from \"ramda\";\n\nexport const getHidableColumns = columnData =>\n removeBy({ isHidable: false }, 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 { useEffect } from \"react\";\n\nimport { removeBy } from \"neetocist\";\nimport {\n getFromLocalStorage,\n removeFromLocalStorage,\n} from \"neetocommons/utils/general\";\nimport { __, without, includes, isEmpty, equals, union } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { HIDDEN_COLUMNS_STORAGE_KEY } from \"./constants\";\nimport { removeDeletedColumns } from \"./utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useHiddenColumnStore = create(\n persist(() => ({}), { name: HIDDEN_COLUMNS_STORAGE_KEY })\n);\n\nconst useHiddenColumns = (localStorageKey, initialValue = []) => {\n const hiddenColumns = useHiddenColumnStore(state => state[localStorageKey]);\n const setHiddenColumns = columns =>\n useHiddenColumnStore.setState({ [localStorageKey]: columns });\n\n // Migrates values from old location to new zustand location.\n useEffect(() => {\n const oldValue = getFromLocalStorage(localStorageKey);\n if (oldValue) {\n setHiddenColumns(oldValue);\n removeFromLocalStorage(localStorageKey);\n } else if (!hiddenColumns) {\n setHiddenColumns(initialValue);\n }\n }, [localStorageKey]);\n\n const hideColumn = columns =>\n setHiddenColumns(\n union(hiddenColumns, Array.isArray(columns) ? columns : [columns])\n );\n\n const showColumn = columns =>\n setHiddenColumns(\n without(Array.isArray(columns) ? columns : [columns], hiddenColumns)\n );\n\n const getVisibleColumnData = columnData =>\n removeBy({ dataIndex: includes(__, hiddenColumns || []) }, columnData);\n\n const onColumnDataChange = columnData => {\n if (isEmpty(columnData) || !hiddenColumns) return;\n const newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);\n if (!equals(newHiddenColumns, hiddenColumns)) {\n setHiddenColumns(newHiddenColumns);\n }\n };\n\n return {\n hiddenColumns,\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n };\n};\n\nexport { useHiddenColumns, useHiddenColumnStore };\n","import React, {\n useState,\n useImperativeHandle,\n forwardRef,\n useEffect,\n} from \"react\";\n\nimport i18next from \"i18next\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Search } from \"neetoicons\";\nimport { Checkbox, Dropdown, Input, Label, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { identity } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./columns.scss\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\nimport { filterBySearchTerm, getHidableColumns } from \"./utils\";\n\nconst Columns = forwardRef(\n (\n {\n actionBlock,\n checkboxProps = {},\n columnData = [],\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 [searchTerm, setSearchTerm] = useState(\"\");\n const { t } = useTranslation();\n\n const {\n hiddenColumns = [],\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n } = useHiddenColumns(localStorageKey, initialValue);\n\n useEffect(() => {\n onChange(getVisibleColumnData(columnData), hiddenColumns);\n }, [hiddenColumns]);\n\n useEffect(() => {\n onColumnDataChange(columnData);\n }, [columnData]);\n\n /**\n * @deprecated Use showColumn|hideColumn from useHiddenColumns\n */\n useImperativeHandle(ref, () => ({ hideColumn, showColumn }), []);\n\n const handleChange = ({ target: { name: dataIndex, checked } }) => {\n if (checked) showColumn(dataIndex);\n else hideColumn(dataIndex);\n };\n const handleSearch = ({ target: { value } }) => setSearchTerm(value);\n\n const columns = getHidableColumns(columnData);\n const filteredColumns = filterBySearchTerm(searchTerm, columns);\n\n return (\n <Dropdown\n appendTo={document.body}\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 className=\"neeto-molecules-columns__container\">\n {isSearchable && (\n <Input\n className=\"px-4 py-2\"\n data-cy=\"neeto-ui-columns-search\"\n data-testid=\"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 <Typography\n className=\"neeto-ui-text-gray-600 px-4 py-2\"\n style=\"body2\"\n weight=\"semibold\"\n >\n {t(\"neetoMolecules.columns.columns\")}\n </Typography>\n {isNotEmpty(filteredColumns) ? (\n filteredColumns.map(({ dataIndex, key, title }) => (\n <MenuItem key={key}>\n <Label\n className=\"neeto-ui-flex neeto-ui-w-full hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer px-4 py-2\"\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 * 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","import { identity, isEmpty, pipe } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { COLUMNS_ORDER_STORAGE_KEY } from \"./constants\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useColumnOrderStore = create(\n persist(() => ({}), { name: COLUMNS_ORDER_STORAGE_KEY })\n);\n\nconst useColumns = ({\n localStorageKey,\n initialHiddenColumns,\n initialOrder = [],\n}) => {\n const columnOrder =\n useColumnOrderStore(state => state[localStorageKey]) || initialOrder;\n\n const setColumnOrder = columns =>\n useColumnOrderStore.setState({ [localStorageKey]: columns });\n\n const { hiddenColumns, getVisibleColumnData, ...hiddenColumnHelpers } =\n useHiddenColumns(localStorageKey, initialHiddenColumns);\n\n const orderColumns = columnData => {\n if (isEmpty(columnOrder)) return columnData;\n\n return columnData.sort((a, b) => {\n if (\n !columnOrder.includes(a.dataIndex) ||\n !columnOrder.includes(b.dataIndex)\n ) {\n return 0;\n }\n\n return (\n columnOrder.indexOf(a.dataIndex) - columnOrder.indexOf(b.dataIndex)\n );\n });\n };\n\n const getColumnData = ({\n columnData,\n isHidable = true,\n isReOrderable = false,\n }) =>\n pipe(\n isHidable ? getVisibleColumnData : identity,\n isReOrderable ? orderColumns : identity\n )(columnData);\n\n return {\n ...hiddenColumnHelpers,\n hiddenColumns,\n columnOrder,\n getVisibleColumnData,\n setColumnOrder,\n getColumnData,\n };\n};\n\nexport { useColumns, useColumnOrderStore };\n"],"names":["HIDDEN_COLUMNS_STORAGE_KEY","COLUMNS_ORDER_STORAGE_KEY","getHidableColumns","columnData","removeBy","isHidable","filterBySearchTerm","searchTerm","columns","filter","_ref","title","includes","trim","toLower","removeDeletedColumns","hiddenColumns","hiddenColumn","existsBy","dataIndex","useHiddenColumnStore","create","persist","name","useHiddenColumns","localStorageKey","initialValue","arguments","length","undefined","state","setHiddenColumns","setState","_defineProperty","useEffect","oldValue","getFromLocalStorage","removeFromLocalStorage","hideColumn","union","Array","isArray","showColumn","without","getVisibleColumnData","__","onColumnDataChange","isEmpty","newHiddenColumns","equals","Columns","forwardRef","ref","actionBlock","_ref$checkboxProps","checkboxProps","_ref$columnData","_ref$isSearchable","isSearchable","_ref$localStorageKey","_ref$initialValue","_ref$noColumnMessage","noColumnMessage","i18next","t","_ref$onChange","onChange","identity","_ref$searchProps","searchProps","dropdownProps","_objectWithoutProperties","_excluded","Divider","Dropdown","Menu","MenuItem","_useState","useState","_useState2","_slicedToArray","setSearchTerm","_useTranslation","useTranslation","_useHiddenColumns","_useHiddenColumns$hid","useImperativeHandle","handleChange","_ref2","_ref2$target","target","checked","handleSearch","_ref3","value","filteredColumns","React","createElement","_extends","appendTo","document","body","buttonSize","buttonStyle","closeOnSelect","label","position","onClose","className","Input","placeholder","prefix","Search","type","Typography","style","weight","isNotEmpty","map","_ref4","key","Label","htmlFor","Checkbox","id","Fragment","displayName","useColumnOrderStore","useColumns","initialHiddenColumns","_ref$initialOrder","initialOrder","columnOrder","setColumnOrder","hiddenColumnHelpers","orderColumns","sort","a","b","indexOf","getColumnData","_ref2$isHidable","_ref2$isReOrderable","isReOrderable","pipe","_objectSpread"],"mappings":"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"}
|
|
@@ -6,18 +6,19 @@ import i18next from 'i18next';
|
|
|
6
6
|
import { removeBy, existsBy, isNotEmpty } from '@bigbinary/neeto-cist';
|
|
7
7
|
import { Search } from '@bigbinary/neeto-icons';
|
|
8
8
|
import { Dropdown, Input, Typography, Label, Checkbox } from '@bigbinary/neetoui';
|
|
9
|
-
import { filter, includes, trim, toLower, union, without, __, isEmpty, equals, identity } from 'ramda';
|
|
9
|
+
import { filter, includes, trim, toLower, union, without, __, isEmpty, equals, identity, pipe } from 'ramda';
|
|
10
10
|
import { useTranslation } from 'react-i18next';
|
|
11
11
|
import { n } from './inject-css-c86de496.js';
|
|
12
12
|
import { _ as _defineProperty } from './defineProperty-549061a7.js';
|
|
13
|
-
import { getFromLocalStorage, removeFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils/general';
|
|
14
13
|
import { create } from 'zustand';
|
|
15
14
|
import { persist } from 'zustand/middleware';
|
|
15
|
+
import { getFromLocalStorage, removeFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils/general';
|
|
16
16
|
|
|
17
17
|
var css = ":root{--neeto-molecules-columns-menu-max-width:500px}.neeto-molecules-columns__container{max-width:500px;max-width:var(--neeto-molecules-columns-menu-max-width)}";
|
|
18
18
|
n(css,{});
|
|
19
19
|
|
|
20
20
|
var HIDDEN_COLUMNS_STORAGE_KEY = "neeto-molecules-hidden-columns";
|
|
21
|
+
var COLUMNS_ORDER_STORAGE_KEY = "neeto-molecules-columns-order";
|
|
21
22
|
|
|
22
23
|
var getHidableColumns = function getHidableColumns(columnData) {
|
|
23
24
|
return removeBy({
|
|
@@ -90,7 +91,7 @@ var useHiddenColumns = function useHiddenColumns(localStorageKey) {
|
|
|
90
91
|
};
|
|
91
92
|
};
|
|
92
93
|
|
|
93
|
-
var _excluded = ["actionBlock", "checkboxProps", "columnData", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
|
|
94
|
+
var _excluded$1 = ["actionBlock", "checkboxProps", "columnData", "isSearchable", "localStorageKey", "initialValue", "noColumnMessage", "onChange", "searchProps"];
|
|
94
95
|
var Columns = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
95
96
|
var actionBlock = _ref.actionBlock,
|
|
96
97
|
_ref$checkboxProps = _ref.checkboxProps,
|
|
@@ -109,7 +110,7 @@ var Columns = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
109
110
|
onChange = _ref$onChange === void 0 ? identity : _ref$onChange,
|
|
110
111
|
_ref$searchProps = _ref.searchProps,
|
|
111
112
|
searchProps = _ref$searchProps === void 0 ? {} : _ref$searchProps,
|
|
112
|
-
dropdownProps = _objectWithoutProperties(_ref, _excluded);
|
|
113
|
+
dropdownProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
113
114
|
var Divider = Dropdown.Divider,
|
|
114
115
|
Menu = Dropdown.Menu,
|
|
115
116
|
MenuItem = Dropdown.MenuItem;
|
|
@@ -202,5 +203,56 @@ var Columns = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
202
203
|
});
|
|
203
204
|
Columns.displayName = "Columns";
|
|
204
205
|
|
|
205
|
-
|
|
206
|
-
|
|
206
|
+
var _excluded = ["hiddenColumns", "getVisibleColumnData"];
|
|
207
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
208
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
209
|
+
|
|
210
|
+
/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
|
|
211
|
+
var useColumnOrderStore = create(persist(function () {
|
|
212
|
+
return {};
|
|
213
|
+
}, {
|
|
214
|
+
name: COLUMNS_ORDER_STORAGE_KEY
|
|
215
|
+
}));
|
|
216
|
+
var useColumns = function useColumns(_ref) {
|
|
217
|
+
var localStorageKey = _ref.localStorageKey,
|
|
218
|
+
initialHiddenColumns = _ref.initialHiddenColumns,
|
|
219
|
+
_ref$initialOrder = _ref.initialOrder,
|
|
220
|
+
initialOrder = _ref$initialOrder === void 0 ? [] : _ref$initialOrder;
|
|
221
|
+
var columnOrder = useColumnOrderStore(function (state) {
|
|
222
|
+
return state[localStorageKey];
|
|
223
|
+
}) || initialOrder;
|
|
224
|
+
var setColumnOrder = function setColumnOrder(columns) {
|
|
225
|
+
return useColumnOrderStore.setState(_defineProperty({}, localStorageKey, columns));
|
|
226
|
+
};
|
|
227
|
+
var _useHiddenColumns = useHiddenColumns(localStorageKey, initialHiddenColumns),
|
|
228
|
+
hiddenColumns = _useHiddenColumns.hiddenColumns,
|
|
229
|
+
getVisibleColumnData = _useHiddenColumns.getVisibleColumnData,
|
|
230
|
+
hiddenColumnHelpers = _objectWithoutProperties(_useHiddenColumns, _excluded);
|
|
231
|
+
var orderColumns = function orderColumns(columnData) {
|
|
232
|
+
if (isEmpty(columnOrder)) return columnData;
|
|
233
|
+
return columnData.sort(function (a, b) {
|
|
234
|
+
if (!columnOrder.includes(a.dataIndex) || !columnOrder.includes(b.dataIndex)) {
|
|
235
|
+
return 0;
|
|
236
|
+
}
|
|
237
|
+
return columnOrder.indexOf(a.dataIndex) - columnOrder.indexOf(b.dataIndex);
|
|
238
|
+
});
|
|
239
|
+
};
|
|
240
|
+
var getColumnData = function getColumnData(_ref2) {
|
|
241
|
+
var columnData = _ref2.columnData,
|
|
242
|
+
_ref2$isHidable = _ref2.isHidable,
|
|
243
|
+
isHidable = _ref2$isHidable === void 0 ? true : _ref2$isHidable,
|
|
244
|
+
_ref2$isReOrderable = _ref2.isReOrderable,
|
|
245
|
+
isReOrderable = _ref2$isReOrderable === void 0 ? false : _ref2$isReOrderable;
|
|
246
|
+
return pipe(isHidable ? getVisibleColumnData : identity, isReOrderable ? orderColumns : identity)(columnData);
|
|
247
|
+
};
|
|
248
|
+
return _objectSpread(_objectSpread({}, hiddenColumnHelpers), {}, {
|
|
249
|
+
hiddenColumns: hiddenColumns,
|
|
250
|
+
columnOrder: columnOrder,
|
|
251
|
+
getVisibleColumnData: getVisibleColumnData,
|
|
252
|
+
setColumnOrder: setColumnOrder,
|
|
253
|
+
getColumnData: getColumnData
|
|
254
|
+
});
|
|
255
|
+
};
|
|
256
|
+
|
|
257
|
+
export { Columns as C, HIDDEN_COLUMNS_STORAGE_KEY as H, useHiddenColumnStore as a, COLUMNS_ORDER_STORAGE_KEY as b, useColumns as c, useColumnOrderStore as d, useHiddenColumns as u };
|
|
258
|
+
//# sourceMappingURL=useColumns-d17d1f72.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useColumns-d17d1f72.js","sources":["../src/components/Columns/constants.js","../src/components/Columns/utils.js","../src/components/Columns/useHiddenColumns.js","../src/components/Columns/Columns.jsx","../src/components/Columns/useColumns.js"],"sourcesContent":["export const HIDDEN_COLUMNS_STORAGE_KEY = \"neeto-molecules-hidden-columns\";\nexport const COLUMNS_ORDER_STORAGE_KEY = \"neeto-molecules-columns-order\";\n","import { existsBy, removeBy } from \"neetocist\";\nimport { filter, includes, toLower, trim } from \"ramda\";\n\nexport const getHidableColumns = columnData =>\n removeBy({ isHidable: false }, 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 { useEffect } from \"react\";\n\nimport { removeBy } from \"neetocist\";\nimport {\n getFromLocalStorage,\n removeFromLocalStorage,\n} from \"neetocommons/utils/general\";\nimport { __, without, includes, isEmpty, equals, union } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { HIDDEN_COLUMNS_STORAGE_KEY } from \"./constants\";\nimport { removeDeletedColumns } from \"./utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useHiddenColumnStore = create(\n persist(() => ({}), { name: HIDDEN_COLUMNS_STORAGE_KEY })\n);\n\nconst useHiddenColumns = (localStorageKey, initialValue = []) => {\n const hiddenColumns = useHiddenColumnStore(state => state[localStorageKey]);\n const setHiddenColumns = columns =>\n useHiddenColumnStore.setState({ [localStorageKey]: columns });\n\n // Migrates values from old location to new zustand location.\n useEffect(() => {\n const oldValue = getFromLocalStorage(localStorageKey);\n if (oldValue) {\n setHiddenColumns(oldValue);\n removeFromLocalStorage(localStorageKey);\n } else if (!hiddenColumns) {\n setHiddenColumns(initialValue);\n }\n }, [localStorageKey]);\n\n const hideColumn = columns =>\n setHiddenColumns(\n union(hiddenColumns, Array.isArray(columns) ? columns : [columns])\n );\n\n const showColumn = columns =>\n setHiddenColumns(\n without(Array.isArray(columns) ? columns : [columns], hiddenColumns)\n );\n\n const getVisibleColumnData = columnData =>\n removeBy({ dataIndex: includes(__, hiddenColumns || []) }, columnData);\n\n const onColumnDataChange = columnData => {\n if (isEmpty(columnData) || !hiddenColumns) return;\n const newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);\n if (!equals(newHiddenColumns, hiddenColumns)) {\n setHiddenColumns(newHiddenColumns);\n }\n };\n\n return {\n hiddenColumns,\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n };\n};\n\nexport { useHiddenColumns, useHiddenColumnStore };\n","import React, {\n useState,\n useImperativeHandle,\n forwardRef,\n useEffect,\n} from \"react\";\n\nimport i18next from \"i18next\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Search } from \"neetoicons\";\nimport { Checkbox, Dropdown, Input, Label, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { identity } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./columns.scss\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\nimport { filterBySearchTerm, getHidableColumns } from \"./utils\";\n\nconst Columns = forwardRef(\n (\n {\n actionBlock,\n checkboxProps = {},\n columnData = [],\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 [searchTerm, setSearchTerm] = useState(\"\");\n const { t } = useTranslation();\n\n const {\n hiddenColumns = [],\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n } = useHiddenColumns(localStorageKey, initialValue);\n\n useEffect(() => {\n onChange(getVisibleColumnData(columnData), hiddenColumns);\n }, [hiddenColumns]);\n\n useEffect(() => {\n onColumnDataChange(columnData);\n }, [columnData]);\n\n /**\n * @deprecated Use showColumn|hideColumn from useHiddenColumns\n */\n useImperativeHandle(ref, () => ({ hideColumn, showColumn }), []);\n\n const handleChange = ({ target: { name: dataIndex, checked } }) => {\n if (checked) showColumn(dataIndex);\n else hideColumn(dataIndex);\n };\n const handleSearch = ({ target: { value } }) => setSearchTerm(value);\n\n const columns = getHidableColumns(columnData);\n const filteredColumns = filterBySearchTerm(searchTerm, columns);\n\n return (\n <Dropdown\n appendTo={document.body}\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 className=\"neeto-molecules-columns__container\">\n {isSearchable && (\n <Input\n className=\"px-4 py-2\"\n data-cy=\"neeto-ui-columns-search\"\n data-testid=\"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 <Typography\n className=\"neeto-ui-text-gray-600 px-4 py-2\"\n style=\"body2\"\n weight=\"semibold\"\n >\n {t(\"neetoMolecules.columns.columns\")}\n </Typography>\n {isNotEmpty(filteredColumns) ? (\n filteredColumns.map(({ dataIndex, key, title }) => (\n <MenuItem key={key}>\n <Label\n className=\"neeto-ui-flex neeto-ui-w-full hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer px-4 py-2\"\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 * 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","import { identity, isEmpty, pipe } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { COLUMNS_ORDER_STORAGE_KEY } from \"./constants\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useColumnOrderStore = create(\n persist(() => ({}), { name: COLUMNS_ORDER_STORAGE_KEY })\n);\n\nconst useColumns = ({\n localStorageKey,\n initialHiddenColumns,\n initialOrder = [],\n}) => {\n const columnOrder =\n useColumnOrderStore(state => state[localStorageKey]) || initialOrder;\n\n const setColumnOrder = columns =>\n useColumnOrderStore.setState({ [localStorageKey]: columns });\n\n const { hiddenColumns, getVisibleColumnData, ...hiddenColumnHelpers } =\n useHiddenColumns(localStorageKey, initialHiddenColumns);\n\n const orderColumns = columnData => {\n if (isEmpty(columnOrder)) return columnData;\n\n return columnData.sort((a, b) => {\n if (\n !columnOrder.includes(a.dataIndex) ||\n !columnOrder.includes(b.dataIndex)\n ) {\n return 0;\n }\n\n return (\n columnOrder.indexOf(a.dataIndex) - columnOrder.indexOf(b.dataIndex)\n );\n });\n };\n\n const getColumnData = ({\n columnData,\n isHidable = true,\n isReOrderable = false,\n }) =>\n pipe(\n isHidable ? getVisibleColumnData : identity,\n isReOrderable ? orderColumns : identity\n )(columnData);\n\n return {\n ...hiddenColumnHelpers,\n hiddenColumns,\n columnOrder,\n getVisibleColumnData,\n setColumnOrder,\n getColumnData,\n };\n};\n\nexport { useColumns, useColumnOrderStore };\n"],"names":["HIDDEN_COLUMNS_STORAGE_KEY","COLUMNS_ORDER_STORAGE_KEY","getHidableColumns","columnData","removeBy","isHidable","filterBySearchTerm","searchTerm","columns","filter","_ref","title","includes","trim","toLower","removeDeletedColumns","hiddenColumns","hiddenColumn","existsBy","dataIndex","useHiddenColumnStore","create","persist","name","useHiddenColumns","localStorageKey","initialValue","arguments","length","undefined","state","setHiddenColumns","setState","_defineProperty","useEffect","oldValue","getFromLocalStorage","removeFromLocalStorage","hideColumn","union","Array","isArray","showColumn","without","getVisibleColumnData","__","onColumnDataChange","isEmpty","newHiddenColumns","equals","Columns","forwardRef","ref","actionBlock","_ref$checkboxProps","checkboxProps","_ref$columnData","_ref$isSearchable","isSearchable","_ref$localStorageKey","_ref$initialValue","_ref$noColumnMessage","noColumnMessage","i18next","t","_ref$onChange","onChange","identity","_ref$searchProps","searchProps","dropdownProps","_objectWithoutProperties","_excluded","Divider","Dropdown","Menu","MenuItem","_useState","useState","_useState2","_slicedToArray","setSearchTerm","_useTranslation","useTranslation","_useHiddenColumns","_useHiddenColumns$hid","useImperativeHandle","handleChange","_ref2","_ref2$target","target","checked","handleSearch","_ref3","value","filteredColumns","React","createElement","_extends","appendTo","document","body","buttonSize","buttonStyle","closeOnSelect","label","position","onClose","className","Input","placeholder","prefix","Search","type","Typography","style","weight","isNotEmpty","map","_ref4","key","Label","htmlFor","Checkbox","id","Fragment","displayName","useColumnOrderStore","useColumns","initialHiddenColumns","_ref$initialOrder","initialOrder","columnOrder","setColumnOrder","hiddenColumnHelpers","orderColumns","sort","a","b","indexOf","getColumnData","_ref2$isHidable","_ref2$isReOrderable","isReOrderable","pipe","_objectSpread"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bigbinary/neeto-molecules",
|
|
3
|
-
"version": "1.15.
|
|
3
|
+
"version": "1.15.61",
|
|
4
4
|
"description": "A package of reusable molecular components for neeto products.",
|
|
5
5
|
"repository": "git@github.com:bigbinary/neeto-molecules.git",
|
|
6
6
|
"author": "Amaljith K <amaljith.k@bigbinary.com>",
|
package/types/Columns.d.ts
CHANGED
|
@@ -6,6 +6,16 @@ type Column = {
|
|
|
6
6
|
key: string;
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
};
|
|
9
|
+
type getColumnDataType = {
|
|
10
|
+
columnData: any[];
|
|
11
|
+
isHidable?: boolean;
|
|
12
|
+
isReOrderable?: boolean;
|
|
13
|
+
};
|
|
14
|
+
type useColumnsType = {
|
|
15
|
+
localStorageKey: string;
|
|
16
|
+
initialHiddenColumns?: string[];
|
|
17
|
+
initialOrder?: string[];
|
|
18
|
+
};
|
|
9
19
|
/**
|
|
10
20
|
*
|
|
11
21
|
* It is a helper component that can be used along with the table component to hide
|
|
@@ -58,6 +68,59 @@ type Column = {
|
|
|
58
68
|
* );
|
|
59
69
|
* };
|
|
60
70
|
* @endexample
|
|
71
|
+
* It's a helper hook used alongside Columns component. It allows you to to
|
|
72
|
+
*
|
|
73
|
+
* interact with the underlying zustand store to hide/show columns and store the column order.
|
|
74
|
+
*
|
|
75
|
+
* @example
|
|
76
|
+
*
|
|
77
|
+
* import React, { useState } from "react";
|
|
78
|
+
*
|
|
79
|
+
* import { Table } from "@bigbinary/neetoui";
|
|
80
|
+
* import Columns, { useColumns } from "@bigbinary/neeto-molecules/Columns";
|
|
81
|
+
*
|
|
82
|
+
* import { DEFAULT_ROW_DATA } from "./constants";
|
|
83
|
+
*
|
|
84
|
+
* const App = () => {
|
|
85
|
+
* const localStorageKey = "NEETO_APP_FEATURE_HIDDEN_COLUMNS";
|
|
86
|
+
* const { hideColumn, getColumnData } = useColumns({
|
|
87
|
+
* localStorageKey,
|
|
88
|
+
* initialHiddenColumns,
|
|
89
|
+
* initialOrder,
|
|
90
|
+
* });
|
|
91
|
+
* const [columns, setColumns] = useState([]);
|
|
92
|
+
* const DEFAULT_COLUMNS_DATA = [
|
|
93
|
+
* { title: "Id", dataIndex: "id", key: "id", isHidable: false },
|
|
94
|
+
* { title: "Name", dataIndex: "name", key: "name", isHidable: false },
|
|
95
|
+
* {
|
|
96
|
+
* title: () => (
|
|
97
|
+
* <>
|
|
98
|
+
* <span>Email</span>
|
|
99
|
+
* <Button onClick={() => hideColumn("email")}>Hide</Button>
|
|
100
|
+
* </>
|
|
101
|
+
* ),
|
|
102
|
+
* dataIndex: "email",
|
|
103
|
+
* key: "email",
|
|
104
|
+
* },
|
|
105
|
+
* ];
|
|
106
|
+
*
|
|
107
|
+
* const handleColumnReorder = columns => {
|
|
108
|
+
* setColumnOrder(pluck("dataIndex", columns).filter(isNotEmpty));
|
|
109
|
+
* };
|
|
110
|
+
*
|
|
111
|
+
* const columnData = getColumnData({
|
|
112
|
+
* columnData: columns,
|
|
113
|
+
* isReOrderable: true,
|
|
114
|
+
* isHidable: true,
|
|
115
|
+
* });
|
|
116
|
+
*
|
|
117
|
+
* return (
|
|
118
|
+
* <div>
|
|
119
|
+
* <Table rowData={DEFAULT_ROW_DATA} {...{ columnData }} onColumnUpdate={handleColumnReorder} />
|
|
120
|
+
* </div>
|
|
121
|
+
* );
|
|
122
|
+
* };
|
|
123
|
+
* @endexample
|
|
61
124
|
*/
|
|
62
125
|
const Columns: React.FC<{
|
|
63
126
|
actionBlock?: React.ReactNode;
|
|
@@ -76,4 +139,22 @@ export function useHiddenColumns(localStorageKey: string, initialValue?: string[
|
|
|
76
139
|
getVisibleColumnData: (columnData: any[]) => any[];
|
|
77
140
|
onColumnDataChange: (columnData: any[]) => void;
|
|
78
141
|
};
|
|
142
|
+
export function useColumns({
|
|
143
|
+
localStorageKey,
|
|
144
|
+
initialHiddenColumns,
|
|
145
|
+
initialOrder
|
|
146
|
+
}: useColumnsType): {
|
|
147
|
+
hiddenColumns: string[];
|
|
148
|
+
columnOrder: string[];
|
|
149
|
+
hideColumn: (dataIndex: string) => void;
|
|
150
|
+
showColumn: (dataIndex: string) => void;
|
|
151
|
+
getVisibleColumnData: (columnData: any[]) => any[];
|
|
152
|
+
onColumnDataChange: (columnData: any[]) => void;
|
|
153
|
+
getColumnData: ({
|
|
154
|
+
columnData,
|
|
155
|
+
isHidable,
|
|
156
|
+
isReOrderable
|
|
157
|
+
}: getColumnDataType) => any[];
|
|
158
|
+
setColumnOrder: (columns: string[]) => void;
|
|
159
|
+
};
|
|
79
160
|
export default Columns;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Columns-2bdb8579.js","sources":["../src/components/Columns/constants.js","../src/components/Columns/utils.js","../src/components/Columns/useHiddenColumns.js","../src/components/Columns/Columns.jsx"],"sourcesContent":["export const HIDDEN_COLUMNS_STORAGE_KEY = \"neeto-molecules-hidden-columns\";\n","import { existsBy, removeBy } from \"neetocist\";\nimport { filter, includes, toLower, trim } from \"ramda\";\n\nexport const getHidableColumns = columnData =>\n removeBy({ isHidable: false }, 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 { useEffect } from \"react\";\n\nimport { removeBy } from \"neetocist\";\nimport {\n getFromLocalStorage,\n removeFromLocalStorage,\n} from \"neetocommons/utils/general\";\nimport { __, without, includes, isEmpty, equals, union } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { HIDDEN_COLUMNS_STORAGE_KEY } from \"./constants\";\nimport { removeDeletedColumns } from \"./utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useHiddenColumnStore = create(\n persist(() => ({}), { name: HIDDEN_COLUMNS_STORAGE_KEY })\n);\n\nconst useHiddenColumns = (localStorageKey, initialValue = []) => {\n const hiddenColumns = useHiddenColumnStore(state => state[localStorageKey]);\n const setHiddenColumns = columns =>\n useHiddenColumnStore.setState({ [localStorageKey]: columns });\n\n // Migrates values from old location to new zustand location.\n useEffect(() => {\n const oldValue = getFromLocalStorage(localStorageKey);\n if (oldValue) {\n setHiddenColumns(oldValue);\n removeFromLocalStorage(localStorageKey);\n } else if (!hiddenColumns) {\n setHiddenColumns(initialValue);\n }\n }, [localStorageKey]);\n\n const hideColumn = columns =>\n setHiddenColumns(\n union(hiddenColumns, Array.isArray(columns) ? columns : [columns])\n );\n\n const showColumn = columns =>\n setHiddenColumns(\n without(Array.isArray(columns) ? columns : [columns], hiddenColumns)\n );\n\n const getVisibleColumnData = columnData =>\n removeBy({ dataIndex: includes(__, hiddenColumns || []) }, columnData);\n\n const onColumnDataChange = columnData => {\n if (isEmpty(columnData) || !hiddenColumns) return;\n const newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);\n if (!equals(newHiddenColumns, hiddenColumns)) {\n setHiddenColumns(newHiddenColumns);\n }\n };\n\n return {\n hiddenColumns,\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n };\n};\n\nexport { useHiddenColumns, useHiddenColumnStore };\n","import React, {\n useState,\n useImperativeHandle,\n forwardRef,\n useEffect,\n} from \"react\";\n\nimport i18next from \"i18next\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Search } from \"neetoicons\";\nimport { Checkbox, Dropdown, Input, Label, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { identity } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./columns.scss\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\nimport { filterBySearchTerm, getHidableColumns } from \"./utils\";\n\nconst Columns = forwardRef(\n (\n {\n actionBlock,\n checkboxProps = {},\n columnData = [],\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 [searchTerm, setSearchTerm] = useState(\"\");\n const { t } = useTranslation();\n\n const {\n hiddenColumns = [],\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n } = useHiddenColumns(localStorageKey, initialValue);\n\n useEffect(() => {\n onChange(getVisibleColumnData(columnData), hiddenColumns);\n }, [hiddenColumns]);\n\n useEffect(() => {\n onColumnDataChange(columnData);\n }, [columnData]);\n\n /**\n * @deprecated Use showColumn|hideColumn from useHiddenColumns\n */\n useImperativeHandle(ref, () => ({ hideColumn, showColumn }), []);\n\n const handleChange = ({ target: { name: dataIndex, checked } }) => {\n if (checked) showColumn(dataIndex);\n else hideColumn(dataIndex);\n };\n const handleSearch = ({ target: { value } }) => setSearchTerm(value);\n\n const columns = getHidableColumns(columnData);\n const filteredColumns = filterBySearchTerm(searchTerm, columns);\n\n return (\n <Dropdown\n appendTo={document.body}\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 className=\"neeto-molecules-columns__container\">\n {isSearchable && (\n <Input\n className=\"px-4 py-2\"\n data-cy=\"neeto-ui-columns-search\"\n data-testid=\"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 <Typography\n className=\"neeto-ui-text-gray-600 px-4 py-2\"\n style=\"body2\"\n weight=\"semibold\"\n >\n {t(\"neetoMolecules.columns.columns\")}\n </Typography>\n {isNotEmpty(filteredColumns) ? (\n filteredColumns.map(({ dataIndex, key, title }) => (\n <MenuItem key={key}>\n <Label\n className=\"neeto-ui-flex neeto-ui-w-full hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer px-4 py-2\"\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 * 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":["HIDDEN_COLUMNS_STORAGE_KEY","getHidableColumns","columnData","removeBy","isHidable","filterBySearchTerm","searchTerm","columns","filter","_ref","title","includes","trim","toLower","removeDeletedColumns","hiddenColumns","hiddenColumn","existsBy","dataIndex","useHiddenColumnStore","create","persist","name","useHiddenColumns","localStorageKey","initialValue","arguments","length","undefined","state","setHiddenColumns","setState","_defineProperty","useEffect","oldValue","getFromLocalStorage","removeFromLocalStorage","hideColumn","union","Array","isArray","showColumn","without","getVisibleColumnData","__","onColumnDataChange","isEmpty","newHiddenColumns","equals","Columns","forwardRef","ref","actionBlock","_ref$checkboxProps","checkboxProps","_ref$columnData","_ref$isSearchable","isSearchable","_ref$localStorageKey","_ref$initialValue","_ref$noColumnMessage","noColumnMessage","i18next","t","_ref$onChange","onChange","identity","_ref$searchProps","searchProps","dropdownProps","_objectWithoutProperties","_excluded","Divider","Dropdown","Menu","MenuItem","_useState","useState","_useState2","_slicedToArray","setSearchTerm","_useTranslation","useTranslation","_useHiddenColumns","_useHiddenColumns$hid","useImperativeHandle","handleChange","_ref2","_ref2$target","target","checked","handleSearch","_ref3","value","filteredColumns","React","createElement","_extends","appendTo","document","body","buttonSize","buttonStyle","closeOnSelect","label","position","onClose","className","Input","placeholder","prefix","Search","type","Typography","style","weight","isNotEmpty","map","_ref4","key","Label","htmlFor","Checkbox","id","Fragment","displayName"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Columns-6b710238.js","sources":["../../src/components/Columns/constants.js","../../src/components/Columns/utils.js","../../src/components/Columns/useHiddenColumns.js","../../src/components/Columns/Columns.jsx"],"sourcesContent":["export const HIDDEN_COLUMNS_STORAGE_KEY = \"neeto-molecules-hidden-columns\";\n","import { existsBy, removeBy } from \"neetocist\";\nimport { filter, includes, toLower, trim } from \"ramda\";\n\nexport const getHidableColumns = columnData =>\n removeBy({ isHidable: false }, 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 { useEffect } from \"react\";\n\nimport { removeBy } from \"neetocist\";\nimport {\n getFromLocalStorage,\n removeFromLocalStorage,\n} from \"neetocommons/utils/general\";\nimport { __, without, includes, isEmpty, equals, union } from \"ramda\";\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\n\nimport { HIDDEN_COLUMNS_STORAGE_KEY } from \"./constants\";\nimport { removeDeletedColumns } from \"./utils\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useHiddenColumnStore = create(\n persist(() => ({}), { name: HIDDEN_COLUMNS_STORAGE_KEY })\n);\n\nconst useHiddenColumns = (localStorageKey, initialValue = []) => {\n const hiddenColumns = useHiddenColumnStore(state => state[localStorageKey]);\n const setHiddenColumns = columns =>\n useHiddenColumnStore.setState({ [localStorageKey]: columns });\n\n // Migrates values from old location to new zustand location.\n useEffect(() => {\n const oldValue = getFromLocalStorage(localStorageKey);\n if (oldValue) {\n setHiddenColumns(oldValue);\n removeFromLocalStorage(localStorageKey);\n } else if (!hiddenColumns) {\n setHiddenColumns(initialValue);\n }\n }, [localStorageKey]);\n\n const hideColumn = columns =>\n setHiddenColumns(\n union(hiddenColumns, Array.isArray(columns) ? columns : [columns])\n );\n\n const showColumn = columns =>\n setHiddenColumns(\n without(Array.isArray(columns) ? columns : [columns], hiddenColumns)\n );\n\n const getVisibleColumnData = columnData =>\n removeBy({ dataIndex: includes(__, hiddenColumns || []) }, columnData);\n\n const onColumnDataChange = columnData => {\n if (isEmpty(columnData) || !hiddenColumns) return;\n const newHiddenColumns = removeDeletedColumns(hiddenColumns, columnData);\n if (!equals(newHiddenColumns, hiddenColumns)) {\n setHiddenColumns(newHiddenColumns);\n }\n };\n\n return {\n hiddenColumns,\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n };\n};\n\nexport { useHiddenColumns, useHiddenColumnStore };\n","import React, {\n useState,\n useImperativeHandle,\n forwardRef,\n useEffect,\n} from \"react\";\n\nimport i18next from \"i18next\";\nimport { isNotEmpty } from \"neetocist\";\nimport { Search } from \"neetoicons\";\nimport { Checkbox, Dropdown, Input, Label, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { identity } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./columns.scss\";\nimport { useHiddenColumns } from \"./useHiddenColumns\";\nimport { filterBySearchTerm, getHidableColumns } from \"./utils\";\n\nconst Columns = forwardRef(\n (\n {\n actionBlock,\n checkboxProps = {},\n columnData = [],\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 [searchTerm, setSearchTerm] = useState(\"\");\n const { t } = useTranslation();\n\n const {\n hiddenColumns = [],\n hideColumn,\n showColumn,\n getVisibleColumnData,\n onColumnDataChange,\n } = useHiddenColumns(localStorageKey, initialValue);\n\n useEffect(() => {\n onChange(getVisibleColumnData(columnData), hiddenColumns);\n }, [hiddenColumns]);\n\n useEffect(() => {\n onColumnDataChange(columnData);\n }, [columnData]);\n\n /**\n * @deprecated Use showColumn|hideColumn from useHiddenColumns\n */\n useImperativeHandle(ref, () => ({ hideColumn, showColumn }), []);\n\n const handleChange = ({ target: { name: dataIndex, checked } }) => {\n if (checked) showColumn(dataIndex);\n else hideColumn(dataIndex);\n };\n const handleSearch = ({ target: { value } }) => setSearchTerm(value);\n\n const columns = getHidableColumns(columnData);\n const filteredColumns = filterBySearchTerm(searchTerm, columns);\n\n return (\n <Dropdown\n appendTo={document.body}\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 className=\"neeto-molecules-columns__container\">\n {isSearchable && (\n <Input\n className=\"px-4 py-2\"\n data-cy=\"neeto-ui-columns-search\"\n data-testid=\"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 <Typography\n className=\"neeto-ui-text-gray-600 px-4 py-2\"\n style=\"body2\"\n weight=\"semibold\"\n >\n {t(\"neetoMolecules.columns.columns\")}\n </Typography>\n {isNotEmpty(filteredColumns) ? (\n filteredColumns.map(({ dataIndex, key, title }) => (\n <MenuItem key={key}>\n <Label\n className=\"neeto-ui-flex neeto-ui-w-full hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer px-4 py-2\"\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 * 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":["HIDDEN_COLUMNS_STORAGE_KEY","getHidableColumns","columnData","removeBy","isHidable","filterBySearchTerm","searchTerm","columns","filter","_ref","title","includes","trim","toLower","removeDeletedColumns","hiddenColumns","hiddenColumn","existsBy","dataIndex","useHiddenColumnStore","create","persist","name","useHiddenColumns","localStorageKey","initialValue","arguments","length","undefined","state","setHiddenColumns","setState","_defineProperty","useEffect","oldValue","getFromLocalStorage","removeFromLocalStorage","hideColumn","union","Array","isArray","showColumn","without","getVisibleColumnData","__","onColumnDataChange","isEmpty","newHiddenColumns","equals","Columns","forwardRef","ref","actionBlock","_ref$checkboxProps","checkboxProps","_ref$columnData","_ref$isSearchable","isSearchable","_ref$localStorageKey","_ref$initialValue","_ref$noColumnMessage","noColumnMessage","i18next","t","_ref$onChange","onChange","identity","_ref$searchProps","searchProps","dropdownProps","_objectWithoutProperties","_excluded","Divider","Dropdown","Menu","MenuItem","_useState","useState","_useState2","_slicedToArray","setSearchTerm","_useTranslation","useTranslation","_useHiddenColumns","_useHiddenColumns$hid","useImperativeHandle","handleChange","_ref2","_ref2$target","target","checked","handleSearch","_ref3","value","filteredColumns","React","createElement","_extends","appendTo","document","body","buttonSize","buttonStyle","closeOnSelect","label","position","onClose","className","Input","placeholder","prefix","Search","type","Typography","style","weight","isNotEmpty","map","_ref4","key","Label","htmlFor","Checkbox","id","Fragment","displayName"],"mappings":"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"}
|