@reltio/components 1.4.2138 → 1.4.2140

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.
Files changed (53) hide show
  1. package/ColumnsSettings/components/ColumnListItem/ColumnListItem.js +1 -1
  2. package/ConfigColumnPopup/ConfigColumnPopup.d.ts +14 -0
  3. package/ConfigColumnPopup/ConfigColumnPopup.js +24 -0
  4. package/ConfigColumnPopup/ConfigColumnPopup.test.d.ts +1 -0
  5. package/ConfigColumnPopup/ConfigColumnPopup.test.js +120 -0
  6. package/ConfigColumnPopup/index.d.ts +1 -0
  7. package/ConfigColumnPopup/index.js +1 -0
  8. package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts +5 -1
  9. package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js +12 -5
  10. package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js +2 -2
  11. package/DefaultHeadCellRendererWithTooltip/index.d.ts +1 -1
  12. package/DefaultHeadCellRendererWithTooltip/index.js +1 -1
  13. package/HOCs/withColumnConfigurator/helpers.d.ts +2 -0
  14. package/HOCs/withColumnConfigurator/helpers.js +30 -0
  15. package/HOCs/withColumnConfigurator/index.d.ts +1 -0
  16. package/HOCs/withColumnConfigurator/index.js +1 -0
  17. package/HOCs/withColumnConfigurator/withColumnConfigurator.d.ts +13 -0
  18. package/HOCs/withColumnConfigurator/withColumnConfigurator.js +91 -0
  19. package/RCTree/RCTREELevelLines.module.css.js +9 -0
  20. package/RCTree/RCTreeLevelLines.js +1 -3
  21. package/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.d.ts +1 -1
  22. package/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js +1 -1
  23. package/cjs/ColumnsSettings/components/ColumnListItem/ColumnListItem.js +1 -1
  24. package/cjs/ConfigColumnPopup/ConfigColumnPopup.d.ts +14 -0
  25. package/cjs/ConfigColumnPopup/ConfigColumnPopup.js +31 -0
  26. package/cjs/ConfigColumnPopup/ConfigColumnPopup.test.d.ts +1 -0
  27. package/cjs/ConfigColumnPopup/ConfigColumnPopup.test.js +125 -0
  28. package/cjs/ConfigColumnPopup/index.d.ts +1 -0
  29. package/cjs/ConfigColumnPopup/index.js +8 -0
  30. package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts +5 -1
  31. package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js +11 -6
  32. package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js +2 -2
  33. package/cjs/DefaultHeadCellRendererWithTooltip/index.d.ts +1 -1
  34. package/cjs/DefaultHeadCellRendererWithTooltip/index.js +4 -1
  35. package/cjs/HOCs/withColumnConfigurator/helpers.d.ts +2 -0
  36. package/cjs/HOCs/withColumnConfigurator/helpers.js +33 -0
  37. package/cjs/HOCs/withColumnConfigurator/index.d.ts +1 -0
  38. package/cjs/HOCs/withColumnConfigurator/index.js +5 -0
  39. package/cjs/HOCs/withColumnConfigurator/withColumnConfigurator.d.ts +13 -0
  40. package/cjs/HOCs/withColumnConfigurator/withColumnConfigurator.js +120 -0
  41. package/cjs/RCTree/RCTREELevelLines.module.css.js +9 -0
  42. package/cjs/RCTree/RCTreeLevelLines.js +6 -8
  43. package/cjs/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.d.ts +1 -1
  44. package/cjs/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js +1 -1
  45. package/cjs/index.d.ts +2 -0
  46. package/cjs/index.js +12 -5
  47. package/index.d.ts +2 -0
  48. package/index.js +2 -0
  49. package/package.json +1 -1
  50. package/RCTree/levelLinesStyles.d.ts +0 -5
  51. package/RCTree/levelLinesStyles.js +0 -50
  52. package/cjs/RCTree/levelLinesStyles.d.ts +0 -5
  53. package/cjs/RCTree/levelLinesStyles.js +0 -53
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.HIDE = exports.INSERT_RIGHT = exports.INSERT_LEFT = exports.ConfigColumnPopup = void 0;
4
+ var ConfigColumnPopup_1 = require("./ConfigColumnPopup");
5
+ Object.defineProperty(exports, "ConfigColumnPopup", { enumerable: true, get: function () { return ConfigColumnPopup_1.ConfigColumnPopup; } });
6
+ Object.defineProperty(exports, "INSERT_LEFT", { enumerable: true, get: function () { return ConfigColumnPopup_1.INSERT_LEFT; } });
7
+ Object.defineProperty(exports, "INSERT_RIGHT", { enumerable: true, get: function () { return ConfigColumnPopup_1.INSERT_RIGHT; } });
8
+ Object.defineProperty(exports, "HIDE", { enumerable: true, get: function () { return ConfigColumnPopup_1.HIDE; } });
@@ -11,5 +11,9 @@ export type DefaultHeadCellRendererWithTooltipProps = {
11
11
  headLabel?: string;
12
12
  };
13
13
  dataReltioId?: string;
14
+ openConfigColumnPopup?: (index: number, event: React.MouseEvent<HTMLElement>) => void;
14
15
  };
15
- export declare const DefaultHeadCellRendererWithTooltip: ({ classes, dataReltioId, headCellData, className, ...props }: DefaultHeadCellRendererWithTooltipProps) => React.JSX.Element;
16
+ declare const _default: React.ComponentType<{
17
+ [x: string]: unknown;
18
+ }>;
19
+ export default _default;
@@ -25,18 +25,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
25
25
  return (mod && mod.__esModule) ? mod : { "default": mod };
26
26
  };
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.DefaultHeadCellRendererWithTooltip = void 0;
29
- var classnames_1 = __importDefault(require("classnames"));
30
28
  var react_1 = __importDefault(require("react"));
29
+ var classnames_1 = __importDefault(require("classnames"));
30
+ var ramda_1 = require("ramda");
31
+ var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
31
32
  var DefaultHeadCellRenderer_1 = __importDefault(require("react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer"));
33
+ var withTableContext_1 = require("../HOCs/withTableContext");
32
34
  var ExpandedValueTooltip_1 = require("../ExpandedValueTooltip");
35
+ var SmallIconButton_1 = require("../SmallIconButton");
33
36
  var DefaultHeadCellRendererWithTooltip_module_css_1 = __importDefault(require("./DefaultHeadCellRendererWithTooltip.module.css"));
34
37
  var DefaultHeadCellRendererWithTooltip = function (_a) {
35
- var _b = _a.classes, classes = _b === void 0 ? {} : _b, dataReltioId = _a.dataReltioId, headCellData = _a.headCellData, className = _a.className, props = __rest(_a, ["classes", "dataReltioId", "headCellData", "className"]);
38
+ var _b = _a.classes, classes = _b === void 0 ? {} : _b, dataReltioId = _a.dataReltioId, headCellData = _a.headCellData, className = _a.className, openConfigColumnPopup = _a.openConfigColumnPopup, headIndex = _a.headIndex, props = __rest(_a, ["classes", "dataReltioId", "headCellData", "className", "openConfigColumnPopup", "headIndex"]);
36
39
  var headCell = (classes === null || classes === void 0 ? void 0 : classes.headCell) || DefaultHeadCellRendererWithTooltip_module_css_1.default.headCell;
37
40
  var headLabel = (classes === null || classes === void 0 ? void 0 : classes.headLabel) || DefaultHeadCellRendererWithTooltip_module_css_1.default.headLabel;
38
41
  return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(headCell, className) }, (dataReltioId ? { 'data-reltio-id': dataReltioId } : {})),
39
- react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, props, { headCellData: __assign(__assign({}, headCellData), { label: (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: headCellData.label },
40
- react_1.default.createElement("div", { className: headLabel }, headCellData.label))) }) }))));
42
+ react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, props, { headIndex: headIndex, headCellData: __assign(__assign({}, headCellData), { label: (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: headCellData.label },
43
+ react_1.default.createElement("div", { className: headLabel }, headCellData.label))) }) })),
44
+ openConfigColumnPopup && (react_1.default.createElement("div", { className: DefaultHeadCellRendererWithTooltip_module_css_1.default.menuButtonWrapper },
45
+ react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: MoreVert_1.default, onClick: function (e) { return openConfigColumnPopup && openConfigColumnPopup(headIndex, e); }, size: "S" })))));
41
46
  };
42
- exports.DefaultHeadCellRendererWithTooltip = DefaultHeadCellRendererWithTooltip;
47
+ exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.pick)(['openConfigColumnPopup'])))(DefaultHeadCellRendererWithTooltip);
@@ -1,9 +1,9 @@
1
- const styles = {"headCell":"DefaultHeadCellRendererWithTooltip-headCell--JlLvL","headLabel":"DefaultHeadCellRendererWithTooltip-headLabel--fzLXE"};
1
+ const styles = {"headCell":"DefaultHeadCellRendererWithTooltip-headCell--JlLvL","menuButtonWrapper":"DefaultHeadCellRendererWithTooltip-menuButtonWrapper--tMePw","headLabel":"DefaultHeadCellRendererWithTooltip-headLabel--fzLXE"};
2
2
  if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.DefaultHeadCellRendererWithTooltip-headCell--JlLvL{align-items:center;display:flex;height:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div{padding:0 16px 0 22px;width:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div>span{justify-content:flex-end;width:100%}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE{color:var(--mui-palette-text-primary);font-size:12px;font-weight:500;line-height:16px;overflow:hidden;white-space:nowrap}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE:after{background:linear-gradient(90deg,hsla(0,0%,100%,.2),#fff);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40px}`;
6
+ style.innerHTML = `.DefaultHeadCellRendererWithTooltip-headCell--JlLvL{align-items:center;box-sizing:border-box;display:flex;height:100%;width:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL .DefaultHeadCellRendererWithTooltip-menuButtonWrapper--tMePw{align-items:center;display:flex;justify-content:flex-end;padding-right:0;position:absolute;right:0;top:50%;transform:translateY(-50%);visibility:hidden;width:fit-content;z-index:2}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL:hover .DefaultHeadCellRendererWithTooltip-menuButtonWrapper--tMePw{visibility:visible}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div{padding:0 16px 0 22px;width:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div>span{justify-content:flex-end;width:100%}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE{color:var(--mui-palette-text-primary);font-size:12px;font-weight:500;line-height:16px;overflow:hidden;white-space:nowrap}.DefaultHeadCellRendererWithTooltip-headLabel--fzLXE:after{background:linear-gradient(90deg,hsla(0,0%,100%,.2),#fff);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40px}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  module.exports = styles;
@@ -1,2 +1,2 @@
1
- export { DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
1
+ export { default as DefaultHeadCellRendererWithTooltip } from './DefaultHeadCellRendererWithTooltip';
2
2
  export type { DefaultHeadCellRendererWithTooltipProps } from './DefaultHeadCellRendererWithTooltip';
@@ -1,5 +1,8 @@
1
1
  "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
2
5
  Object.defineProperty(exports, "__esModule", { value: true });
3
6
  exports.DefaultHeadCellRendererWithTooltip = void 0;
4
7
  var DefaultHeadCellRendererWithTooltip_1 = require("./DefaultHeadCellRendererWithTooltip");
5
- Object.defineProperty(exports, "DefaultHeadCellRendererWithTooltip", { enumerable: true, get: function () { return DefaultHeadCellRendererWithTooltip_1.DefaultHeadCellRendererWithTooltip; } });
8
+ Object.defineProperty(exports, "DefaultHeadCellRendererWithTooltip", { enumerable: true, get: function () { return __importDefault(DefaultHeadCellRendererWithTooltip_1).default; } });
@@ -0,0 +1,2 @@
1
+ import { GroupedColumnsData } from '../../types/basicTable';
2
+ export declare function getAvailableColumns(grouped: GroupedColumnsData[], selectedColumns: string[]): GroupedColumnsData[];
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.getAvailableColumns = getAvailableColumns;
15
+ var ramda_1 = require("ramda");
16
+ function isGroupedColumns(node) {
17
+ return (0, ramda_1.has)('columns', node) && Array.isArray(node.columns);
18
+ }
19
+ function getAvailableColumns(grouped, selectedColumns) {
20
+ return grouped
21
+ .map(function (node) {
22
+ if (isGroupedColumns(node)) {
23
+ var filtered = getAvailableColumns(node.columns, selectedColumns);
24
+ if (filtered.length === 0)
25
+ return null;
26
+ return __assign(__assign({}, node), { columns: filtered });
27
+ }
28
+ if (selectedColumns.includes(node.id))
29
+ return null;
30
+ return node;
31
+ })
32
+ .filter(Boolean);
33
+ }
@@ -0,0 +1 @@
1
+ export { withColumnConfigurator } from './withColumnConfigurator';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.withColumnConfigurator = void 0;
4
+ var withColumnConfigurator_1 = require("./withColumnConfigurator");
5
+ Object.defineProperty(exports, "withColumnConfigurator", { enumerable: true, get: function () { return withColumnConfigurator_1.withColumnConfigurator; } });
@@ -0,0 +1,13 @@
1
+ import { ComponentType, MouseEvent, ReactElement } from 'react';
2
+ import { GroupedColumnsData, ColumnData } from '../../types/basicTable';
3
+ export declare function withColumnConfigurator<P extends object>(Table: ComponentType<P & {
4
+ openConfigColumnPopup: (index: number, e: MouseEvent<HTMLElement>) => void;
5
+ }>): (props: {
6
+ columns: GroupedColumnsData<ColumnData>[];
7
+ onChangeColumns(ids: string[]): void;
8
+ selectedColumns: string[];
9
+ } & Omit<P, keyof {
10
+ columns: GroupedColumnsData<ColumnData>[];
11
+ onChangeColumns(ids: string[]): void;
12
+ selectedColumns: string[];
13
+ } | "openConfigColumnPopup">) => ReactElement;
@@ -0,0 +1,120 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }) : (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ o[k2] = m[k];
23
+ }));
24
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
26
+ }) : function(o, v) {
27
+ o["default"] = v;
28
+ });
29
+ var __importStar = (this && this.__importStar) || function (mod) {
30
+ if (mod && mod.__esModule) return mod;
31
+ var result = {};
32
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
+ __setModuleDefault(result, mod);
34
+ return result;
35
+ };
36
+ var __rest = (this && this.__rest) || function (s, e) {
37
+ var t = {};
38
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
39
+ t[p] = s[p];
40
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
41
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
43
+ t[p[i]] = s[p[i]];
44
+ }
45
+ return t;
46
+ };
47
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
48
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
49
+ if (ar || !(i in from)) {
50
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
51
+ ar[i] = from[i];
52
+ }
53
+ }
54
+ return to.concat(ar || Array.prototype.slice.call(from));
55
+ };
56
+ var __importDefault = (this && this.__importDefault) || function (mod) {
57
+ return (mod && mod.__esModule) ? mod : { "default": mod };
58
+ };
59
+ Object.defineProperty(exports, "__esModule", { value: true });
60
+ exports.withColumnConfigurator = withColumnConfigurator;
61
+ var react_1 = __importStar(require("react"));
62
+ var ui_i18n_1 = __importDefault(require("ui-i18n"));
63
+ var ConfigColumnPopup_1 = require("../../ConfigColumnPopup");
64
+ var ColumnsSettings_1 = require("../../ColumnsSettings");
65
+ var helpers_1 = require("./helpers");
66
+ function withColumnConfigurator(Table) {
67
+ return function ColumnConfigurator(props) {
68
+ var columns = props.columns, onChangeColumns = props.onChangeColumns, selectedColumns = props.selectedColumns, tableProps = __rest(props, ["columns", "onChangeColumns", "selectedColumns"]);
69
+ var _a = (0, react_1.useState)(null), anchorEl = _a[0], setAnchorEl = _a[1];
70
+ var _b = (0, react_1.useState)(null), configIdx = _b[0], setConfigIdx = _b[1];
71
+ var _c = (0, react_1.useState)(null), popupMode = _c[0], setPopupMode = _c[1];
72
+ var placeForNewRef = (0, react_1.useRef)(null);
73
+ var availablelColumns = (0, react_1.useMemo)(function () { return (0, helpers_1.getAvailableColumns)(columns, selectedColumns); }, [columns, selectedColumns]);
74
+ var closeAll = (0, react_1.useCallback)(function () {
75
+ setAnchorEl(null);
76
+ setConfigIdx(null);
77
+ setPopupMode(null);
78
+ placeForNewRef.current = null;
79
+ }, []);
80
+ var openConfigColumnPopup = (0, react_1.useCallback)(function (index, e) {
81
+ setAnchorEl(e.currentTarget);
82
+ setConfigIdx(index);
83
+ setPopupMode('menu');
84
+ }, []);
85
+ var handleMenuAction = (0, react_1.useCallback)(function (action) {
86
+ if (configIdx === null)
87
+ return;
88
+ switch (action) {
89
+ case ConfigColumnPopup_1.INSERT_LEFT:
90
+ placeForNewRef.current = configIdx;
91
+ setPopupMode('add');
92
+ break;
93
+ case ConfigColumnPopup_1.INSERT_RIGHT:
94
+ placeForNewRef.current = configIdx + 1;
95
+ setPopupMode('add');
96
+ break;
97
+ case ConfigColumnPopup_1.HIDE: {
98
+ var next = __spreadArray(__spreadArray([], selectedColumns.slice(0, configIdx), true), selectedColumns.slice(configIdx + 1), true);
99
+ onChangeColumns(next);
100
+ closeAll();
101
+ break;
102
+ }
103
+ }
104
+ }, [selectedColumns, configIdx, onChangeColumns, closeAll]);
105
+ var handleAddColumn = (0, react_1.useCallback)(function (_a) {
106
+ var id = _a.id;
107
+ if (placeForNewRef.current === null)
108
+ return;
109
+ var next = __spreadArray(__spreadArray(__spreadArray([], selectedColumns.slice(0, placeForNewRef.current), true), [
110
+ id
111
+ ], false), selectedColumns.slice(placeForNewRef.current), true);
112
+ onChangeColumns(next);
113
+ closeAll();
114
+ }, [selectedColumns, onChangeColumns, closeAll]);
115
+ return (react_1.default.createElement(react_1.default.Fragment, null,
116
+ react_1.default.createElement(Table, __assign({}, tableProps, { openConfigColumnPopup: openConfigColumnPopup })),
117
+ react_1.default.createElement(ColumnsSettings_1.ColumnsSettingsPopup, { anchorEl: popupMode === 'add' ? anchorEl : null, onClose: closeAll, title: ui_i18n_1.default.text('Add column'), columnsData: availablelColumns, onColumnClick: handleAddColumn, selectedColumns: selectedColumns, hideCheckBox: true }),
118
+ react_1.default.createElement(ConfigColumnPopup_1.ConfigColumnPopup, { open: popupMode === 'menu', anchorEl: anchorEl, onClose: closeAll, onClick: handleMenuAction, actions: configIdx !== null && configIdx > 0 ? [ConfigColumnPopup_1.INSERT_LEFT, ConfigColumnPopup_1.INSERT_RIGHT, ConfigColumnPopup_1.HIDE] : [ConfigColumnPopup_1.INSERT_RIGHT] })));
119
+ };
120
+ }
@@ -0,0 +1,9 @@
1
+ const styles = {"levelLines":"RCTree-levelLines--wCbE3","levelLine":"RCTree-levelLine--RxwVZ","showLine":"RCTree-showLine--lFoCT","lastLevelLine":"RCTree-lastLevelLine--MW18c","horizontalLine":"RCTree-horizontalLine--VbswG"};
2
+ if (typeof document !== 'undefined') {
3
+ const head = document.head || document.getElementsByTagName('head')[0]
4
+ const style = document.createElement('style');
5
+ style.type = 'text/css'
6
+ style.innerHTML = `.RCTree-levelLines--wCbE3{bottom:0;cursor:auto;display:flex;padding-left:7px;position:absolute;top:0;z-index:-1}.RCTree-levelLine--RxwVZ{height:100%;padding-left:16px;position:relative}.RCTree-showLine--lFoCT:after{background-color:rgba(0,122,193,.3);bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:1px}.RCTree-lastLevelLine--MW18c:after{height:14px}.RCTree-horizontalLine--VbswG:before{background-color:rgba(0,122,193,.3);content:"";height:1px;left:0;position:absolute;top:14px;width:4px}`;
7
+ head.appendChild(style);
8
+ }
9
+ module.exports = styles;
@@ -7,23 +7,21 @@ exports.RCTreeLevelLines = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var classnames_1 = __importDefault(require("classnames"));
9
9
  var helper_1 = require("./helper");
10
- var levelLinesStyles_1 = require("./levelLinesStyles");
10
+ var RCTREELevelLines_module_css_1 = __importDefault(require("./RCTREELevelLines.module.css"));
11
11
  var LevelLine = function (_a) {
12
12
  var _b;
13
13
  var _c = _a.needDrawLine, needDrawLine = _c === void 0 ? false : _c, _d = _a.isLastLevelLine, isLastLevelLine = _d === void 0 ? false : _d, _e = _a.drawHorizontalLine, drawHorizontalLine = _e === void 0 ? false : _e;
14
- var styles = (0, levelLinesStyles_1.useStyles)({});
15
- return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.levelLine, (_b = {},
16
- _b[styles.showLine] = needDrawLine,
17
- _b[styles.lastLevelLine] = isLastLevelLine,
18
- _b[styles.horizontalLine] = drawHorizontalLine,
14
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(RCTREELevelLines_module_css_1.default.levelLine, (_b = {},
15
+ _b[RCTREELevelLines_module_css_1.default.showLine] = needDrawLine,
16
+ _b[RCTREELevelLines_module_css_1.default.lastLevelLine] = isLastLevelLine,
17
+ _b[RCTREELevelLines_module_css_1.default.horizontalLine] = drawHorizontalLine,
19
18
  _b)) }));
20
19
  };
21
20
  var RCTreeLevelLines = function (_a) {
22
21
  var levelLine = _a.levelLine;
23
22
  var _b = levelLine || [], _c = _b[0], needDrawLines = _c === void 0 ? [] : _c, _d = _b[1], isLast = _d === void 0 ? false : _d;
24
23
  var level = needDrawLines.length + 2;
25
- var styles = (0, levelLinesStyles_1.useStyles)({ level: level });
26
- return (react_1.default.createElement("div", { className: styles.levelLines, style: { left: "-".concat(helper_1.DEPTH_LEVEL_INDENT * level, "px") } }, needDrawLines
24
+ return (react_1.default.createElement("div", { className: RCTREELevelLines_module_css_1.default.levelLines, style: { left: "-".concat(helper_1.DEPTH_LEVEL_INDENT * level, "px") } }, needDrawLines
27
25
  .map(function (needDrawLine, index) {
28
26
  return react_1.default.createElement(LevelLine, { key: index, needDrawLine: needDrawLine });
29
27
  })
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import { DefaultHeadCellRendererWithTooltipProps } from '../../../DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip';
2
+ import { DefaultHeadCellRendererWithTooltipProps } from '../../../DefaultHeadCellRendererWithTooltip';
3
3
  export declare const HeadCellRenderer: (props: DefaultHeadCellRendererWithTooltipProps) => React.JSX.Element;
@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.HeadCellRenderer = void 0;
18
18
  var react_1 = __importDefault(require("react"));
19
- var DefaultHeadCellRendererWithTooltip_1 = require("../../../DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip");
19
+ var DefaultHeadCellRendererWithTooltip_1 = require("../../../DefaultHeadCellRendererWithTooltip");
20
20
  var styles_1 = require("./styles");
21
21
  var HeadCellRenderer = function (props) {
22
22
  var styles = (0, styles_1.useStyles)();
package/cjs/index.d.ts CHANGED
@@ -94,6 +94,7 @@ export { ReactSelectOptionWithCheckIcon } from './ReactSelectOptionWithCheckIcon
94
94
  export { DropDownSelector } from './DropDownSelector';
95
95
  export { ConnectionEditor } from './ConnectionEditor';
96
96
  export { ConfigureColumnsPopup } from './ConfigureColumnsPopup';
97
+ export { ConfigColumnPopup, INSERT_LEFT, INSERT_RIGHT, HIDE } from './ConfigColumnPopup';
97
98
  export { ErrorMessage } from './ErrorMessage';
98
99
  export { ErrorWrapper } from './ErrorWrapper';
99
100
  export { DateEditor } from './DateEditor';
@@ -192,6 +193,7 @@ export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
192
193
  export { withTableContext } from './HOCs/withTableContext';
193
194
  export { withCollapseButton } from './HOCs/withCollapseButton';
194
195
  export { withBlockNavigation } from './HOCs/withBlockNavigation';
196
+ export { withColumnConfigurator } from './HOCs/withColumnConfigurator';
195
197
  export { MdmModuleProvider } from './contexts/MdmModuleContext';
196
198
  export { AsyncMountContext } from './contexts/AsyncMountContext';
197
199
  export { HistoryDiffContext } from './contexts/HistoryAppearanceContext';
package/cjs/index.js CHANGED
@@ -16,11 +16,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.BasicChartsFactory = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
18
18
  exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.SegmentIdLink = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = void 0;
19
- exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor = void 0;
20
- exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = void 0;
21
- exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withBlockNavigation = exports.withCollapseButton = void 0;
22
- exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = void 0;
23
- exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = void 0;
19
+ exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.HIDE = exports.INSERT_RIGHT = exports.INSERT_LEFT = exports.ConfigColumnPopup = exports.ConfigureColumnsPopup = exports.ConnectionEditor = void 0;
20
+ exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = void 0;
21
+ exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = void 0;
22
+ exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = void 0;
23
+ exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = void 0;
24
24
  // components
25
25
  var ActionButton_1 = require("./ActionButton");
26
26
  Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -220,6 +220,11 @@ var ConnectionEditor_1 = require("./ConnectionEditor");
220
220
  Object.defineProperty(exports, "ConnectionEditor", { enumerable: true, get: function () { return ConnectionEditor_1.ConnectionEditor; } });
221
221
  var ConfigureColumnsPopup_1 = require("./ConfigureColumnsPopup");
222
222
  Object.defineProperty(exports, "ConfigureColumnsPopup", { enumerable: true, get: function () { return ConfigureColumnsPopup_1.ConfigureColumnsPopup; } });
223
+ var ConfigColumnPopup_1 = require("./ConfigColumnPopup");
224
+ Object.defineProperty(exports, "ConfigColumnPopup", { enumerable: true, get: function () { return ConfigColumnPopup_1.ConfigColumnPopup; } });
225
+ Object.defineProperty(exports, "INSERT_LEFT", { enumerable: true, get: function () { return ConfigColumnPopup_1.INSERT_LEFT; } });
226
+ Object.defineProperty(exports, "INSERT_RIGHT", { enumerable: true, get: function () { return ConfigColumnPopup_1.INSERT_RIGHT; } });
227
+ Object.defineProperty(exports, "HIDE", { enumerable: true, get: function () { return ConfigColumnPopup_1.HIDE; } });
223
228
  var ErrorMessage_1 = require("./ErrorMessage");
224
229
  Object.defineProperty(exports, "ErrorMessage", { enumerable: true, get: function () { return ErrorMessage_1.ErrorMessage; } });
225
230
  var ErrorWrapper_1 = require("./ErrorWrapper");
@@ -418,6 +423,8 @@ var withCollapseButton_1 = require("./HOCs/withCollapseButton");
418
423
  Object.defineProperty(exports, "withCollapseButton", { enumerable: true, get: function () { return withCollapseButton_1.withCollapseButton; } });
419
424
  var withBlockNavigation_1 = require("./HOCs/withBlockNavigation");
420
425
  Object.defineProperty(exports, "withBlockNavigation", { enumerable: true, get: function () { return withBlockNavigation_1.withBlockNavigation; } });
426
+ var withColumnConfigurator_1 = require("./HOCs/withColumnConfigurator");
427
+ Object.defineProperty(exports, "withColumnConfigurator", { enumerable: true, get: function () { return withColumnConfigurator_1.withColumnConfigurator; } });
421
428
  // contexts
422
429
  var MdmModuleContext_1 = require("./contexts/MdmModuleContext");
423
430
  Object.defineProperty(exports, "MdmModuleProvider", { enumerable: true, get: function () { return MdmModuleContext_1.MdmModuleProvider; } });
package/index.d.ts CHANGED
@@ -94,6 +94,7 @@ export { ReactSelectOptionWithCheckIcon } from './ReactSelectOptionWithCheckIcon
94
94
  export { DropDownSelector } from './DropDownSelector';
95
95
  export { ConnectionEditor } from './ConnectionEditor';
96
96
  export { ConfigureColumnsPopup } from './ConfigureColumnsPopup';
97
+ export { ConfigColumnPopup, INSERT_LEFT, INSERT_RIGHT, HIDE } from './ConfigColumnPopup';
97
98
  export { ErrorMessage } from './ErrorMessage';
98
99
  export { ErrorWrapper } from './ErrorWrapper';
99
100
  export { DateEditor } from './DateEditor';
@@ -192,6 +193,7 @@ export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
192
193
  export { withTableContext } from './HOCs/withTableContext';
193
194
  export { withCollapseButton } from './HOCs/withCollapseButton';
194
195
  export { withBlockNavigation } from './HOCs/withBlockNavigation';
196
+ export { withColumnConfigurator } from './HOCs/withColumnConfigurator';
195
197
  export { MdmModuleProvider } from './contexts/MdmModuleContext';
196
198
  export { AsyncMountContext } from './contexts/AsyncMountContext';
197
199
  export { HistoryDiffContext } from './contexts/HistoryAppearanceContext';
package/index.js CHANGED
@@ -95,6 +95,7 @@ export { ReactSelectOptionWithCheckIcon } from './ReactSelectOptionWithCheckIcon
95
95
  export { DropDownSelector } from './DropDownSelector';
96
96
  export { ConnectionEditor } from './ConnectionEditor';
97
97
  export { ConfigureColumnsPopup } from './ConfigureColumnsPopup';
98
+ export { ConfigColumnPopup, INSERT_LEFT, INSERT_RIGHT, HIDE } from './ConfigColumnPopup';
98
99
  export { ErrorMessage } from './ErrorMessage';
99
100
  export { ErrorWrapper } from './ErrorWrapper';
100
101
  export { DateEditor } from './DateEditor';
@@ -193,6 +194,7 @@ export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
193
194
  export { withTableContext } from './HOCs/withTableContext';
194
195
  export { withCollapseButton } from './HOCs/withCollapseButton';
195
196
  export { withBlockNavigation } from './HOCs/withBlockNavigation';
197
+ export { withColumnConfigurator } from './HOCs/withColumnConfigurator';
196
198
  // contexts
197
199
  export { MdmModuleProvider } from './contexts/MdmModuleContext';
198
200
  export { AsyncMountContext } from './contexts/AsyncMountContext';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.2138",
3
+ "version": "1.4.2140",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./index.js",
@@ -1,5 +0,0 @@
1
- type StyleProps = {
2
- level?: number;
3
- };
4
- export declare const useStyles: (props: StyleProps) => import("@mui/styles").ClassNameMap<"showLine" | "levelLines" | "levelLine" | "lastLevelLine" | "horizontalLine">;
5
- export {};
@@ -1,50 +0,0 @@
1
- import { makeStyles } from '@mui/styles';
2
- import { DEPTH_LEVEL_INDENT } from './helper';
3
- export var useStyles = makeStyles(function () { return ({
4
- levelLines: function (_a) {
5
- var level = _a.level;
6
- return ({
7
- position: 'absolute',
8
- left: "-".concat(level * DEPTH_LEVEL_INDENT, "px"),
9
- display: 'flex',
10
- paddingLeft: '7px',
11
- cursor: 'initial',
12
- bottom: 0,
13
- top: 0,
14
- zIndex: -1
15
- });
16
- },
17
- levelLine: {
18
- paddingLeft: '16px',
19
- height: '100%',
20
- position: 'relative'
21
- },
22
- showLine: {
23
- '&:after': {
24
- content: '""',
25
- position: 'absolute',
26
- height: '100%',
27
- width: '1px',
28
- left: '0',
29
- top: '0',
30
- bottom: '0',
31
- backgroundColor: 'rgba(0, 122, 193, 0.3)'
32
- }
33
- },
34
- lastLevelLine: {
35
- '&:after': {
36
- height: '14px'
37
- }
38
- },
39
- horizontalLine: {
40
- '&:before': {
41
- content: '""',
42
- height: '1px',
43
- width: '4px',
44
- position: 'absolute',
45
- top: '14px',
46
- left: '0',
47
- backgroundColor: 'rgba(0, 122, 193, 0.3)'
48
- }
49
- }
50
- }); });
@@ -1,5 +0,0 @@
1
- type StyleProps = {
2
- level?: number;
3
- };
4
- export declare const useStyles: (props: StyleProps) => import("@mui/styles").ClassNameMap<"showLine" | "levelLines" | "levelLine" | "lastLevelLine" | "horizontalLine">;
5
- export {};
@@ -1,53 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useStyles = void 0;
4
- var styles_1 = require("@mui/styles");
5
- var helper_1 = require("./helper");
6
- exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
7
- levelLines: function (_a) {
8
- var level = _a.level;
9
- return ({
10
- position: 'absolute',
11
- left: "-".concat(level * helper_1.DEPTH_LEVEL_INDENT, "px"),
12
- display: 'flex',
13
- paddingLeft: '7px',
14
- cursor: 'initial',
15
- bottom: 0,
16
- top: 0,
17
- zIndex: -1
18
- });
19
- },
20
- levelLine: {
21
- paddingLeft: '16px',
22
- height: '100%',
23
- position: 'relative'
24
- },
25
- showLine: {
26
- '&:after': {
27
- content: '""',
28
- position: 'absolute',
29
- height: '100%',
30
- width: '1px',
31
- left: '0',
32
- top: '0',
33
- bottom: '0',
34
- backgroundColor: 'rgba(0, 122, 193, 0.3)'
35
- }
36
- },
37
- lastLevelLine: {
38
- '&:after': {
39
- height: '14px'
40
- }
41
- },
42
- horizontalLine: {
43
- '&:before': {
44
- content: '""',
45
- height: '1px',
46
- width: '4px',
47
- position: 'absolute',
48
- top: '14px',
49
- left: '0',
50
- backgroundColor: 'rgba(0, 122, 193, 0.3)'
51
- }
52
- }
53
- }); });