@reltio/components 1.4.2191 → 1.4.2192

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 (95) hide show
  1. package/AttributeCellRenderers/BlobRenderer.d.ts +5 -0
  2. package/AttributeCellRenderers/BlobRenderer.js +23 -0
  3. package/AttributeCellRenderers/EntityIdRenderer.d.ts +11 -0
  4. package/AttributeCellRenderers/EntityIdRenderer.js +19 -0
  5. package/AttributeCellRenderers/EntityProfileRenderer.d.ts +5 -0
  6. package/AttributeCellRenderers/EntityProfileRenderer.js +17 -0
  7. package/AttributeCellRenderers/ImageRenderer.d.ts +10 -0
  8. package/AttributeCellRenderers/ImageRenderer.js +10 -0
  9. package/AttributeCellRenderers/ReferenceRenderer.d.ts +5 -0
  10. package/AttributeCellRenderers/ReferenceRenderer.js +24 -0
  11. package/AttributeCellRenderers/SimpleAttributeRenderer.d.ts +5 -0
  12. package/AttributeCellRenderers/SimpleAttributeRenderer.js +22 -0
  13. package/AttributeCellRenderers/getAttributeValueRenderer.d.ts +15 -0
  14. package/AttributeCellRenderers/getAttributeValueRenderer.js +24 -0
  15. package/AttributeCellRenderers/index.d.ts +1 -0
  16. package/AttributeCellRenderers/index.js +1 -0
  17. package/AttributeCellRenderers/styles.module.css.js +9 -0
  18. package/AttributeRowCellRenderer/AttributeRowCellRenderer.d.ts +21 -0
  19. package/AttributeRowCellRenderer/AttributeRowCellRenderer.js +42 -0
  20. package/AttributeRowCellRenderer/index.d.ts +1 -0
  21. package/AttributeRowCellRenderer/index.js +1 -0
  22. package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts +4 -1
  23. package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js +7 -4
  24. package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js +2 -2
  25. package/RCTree/styles.d.ts +1 -1
  26. package/RowCellChipWithTooltip/RowCellChipWithTooltip.d.ts +9 -0
  27. package/RowCellChipWithTooltip/RowCellChipWithTooltip.js +18 -0
  28. package/RowCellChipWithTooltip/RowCellChipWithTooltip.module.css.js +9 -0
  29. package/RowCellChipWithTooltip/index.d.ts +1 -0
  30. package/RowCellChipWithTooltip/index.js +1 -0
  31. package/RowCellChips/RowCellChips.d.ts +11 -0
  32. package/RowCellChips/RowCellChips.js +9 -0
  33. package/RowCellChips/RowCellChips.module.css.js +9 -0
  34. package/RowCellChips/index.d.ts +1 -0
  35. package/RowCellChips/index.js +1 -0
  36. package/TableWithBars/TableWithBars.test.js +3 -3
  37. package/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js +1 -1
  38. package/cjs/AttributeCellRenderers/BlobRenderer.d.ts +5 -0
  39. package/cjs/AttributeCellRenderers/BlobRenderer.js +28 -0
  40. package/cjs/AttributeCellRenderers/EntityIdRenderer.d.ts +11 -0
  41. package/cjs/AttributeCellRenderers/EntityIdRenderer.js +26 -0
  42. package/cjs/AttributeCellRenderers/EntityProfileRenderer.d.ts +5 -0
  43. package/cjs/AttributeCellRenderers/EntityProfileRenderer.js +22 -0
  44. package/cjs/AttributeCellRenderers/ImageRenderer.d.ts +10 -0
  45. package/cjs/AttributeCellRenderers/ImageRenderer.js +17 -0
  46. package/cjs/AttributeCellRenderers/ReferenceRenderer.d.ts +5 -0
  47. package/cjs/AttributeCellRenderers/ReferenceRenderer.js +29 -0
  48. package/cjs/AttributeCellRenderers/SimpleAttributeRenderer.d.ts +5 -0
  49. package/cjs/AttributeCellRenderers/SimpleAttributeRenderer.js +27 -0
  50. package/cjs/AttributeCellRenderers/getAttributeValueRenderer.d.ts +15 -0
  51. package/cjs/AttributeCellRenderers/getAttributeValueRenderer.js +31 -0
  52. package/cjs/AttributeCellRenderers/index.d.ts +1 -0
  53. package/cjs/AttributeCellRenderers/index.js +5 -0
  54. package/cjs/AttributeCellRenderers/styles.module.css.js +9 -0
  55. package/cjs/AttributeRowCellRenderer/AttributeRowCellRenderer.d.ts +21 -0
  56. package/cjs/AttributeRowCellRenderer/AttributeRowCellRenderer.js +47 -0
  57. package/cjs/AttributeRowCellRenderer/index.d.ts +1 -0
  58. package/cjs/AttributeRowCellRenderer/index.js +8 -0
  59. package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts +4 -1
  60. package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js +7 -4
  61. package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js +2 -2
  62. package/cjs/RCTree/styles.d.ts +1 -1
  63. package/cjs/RowCellChipWithTooltip/RowCellChipWithTooltip.d.ts +9 -0
  64. package/cjs/RowCellChipWithTooltip/RowCellChipWithTooltip.js +48 -0
  65. package/cjs/RowCellChipWithTooltip/RowCellChipWithTooltip.module.css.js +9 -0
  66. package/cjs/RowCellChipWithTooltip/index.d.ts +1 -0
  67. package/cjs/RowCellChipWithTooltip/index.js +5 -0
  68. package/cjs/RowCellChips/RowCellChips.d.ts +11 -0
  69. package/cjs/RowCellChips/RowCellChips.js +16 -0
  70. package/cjs/RowCellChips/RowCellChips.module.css.js +9 -0
  71. package/cjs/RowCellChips/index.d.ts +1 -0
  72. package/cjs/RowCellChips/index.js +5 -0
  73. package/cjs/TableWithBars/TableWithBars.test.js +3 -3
  74. package/cjs/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js +1 -1
  75. package/cjs/contexts/BasicTableContext/index.d.ts +1 -1
  76. package/cjs/contexts/MdmModuleContext/context.d.ts +2 -0
  77. package/cjs/contexts/MdmModuleContext/hooks.d.ts +1 -0
  78. package/cjs/contexts/MdmModuleContext/hooks.js +4 -2
  79. package/cjs/contexts/MdmModuleContext/index.d.ts +1 -1
  80. package/cjs/contexts/MdmModuleContext/index.js +2 -1
  81. package/cjs/index.d.ts +3 -0
  82. package/cjs/index.js +14 -8
  83. package/cjs/types/basicTable.d.ts +12 -0
  84. package/cjs/types/basicTable.js +11 -0
  85. package/contexts/BasicTableContext/index.d.ts +1 -1
  86. package/contexts/MdmModuleContext/context.d.ts +2 -0
  87. package/contexts/MdmModuleContext/hooks.d.ts +1 -0
  88. package/contexts/MdmModuleContext/hooks.js +1 -0
  89. package/contexts/MdmModuleContext/index.d.ts +1 -1
  90. package/contexts/MdmModuleContext/index.js +1 -1
  91. package/index.d.ts +3 -0
  92. package/index.js +3 -0
  93. package/package.json +2 -2
  94. package/types/basicTable.d.ts +12 -0
  95. package/types/basicTable.js +10 -1
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { RecordImageAttributeValue, BasicImageAttributesValue } from '@reltio/mdm-sdk';
3
+ type Props = {
4
+ value: BasicImageAttributesValue & RecordImageAttributeValue;
5
+ columnData: {
6
+ className?: string;
7
+ };
8
+ };
9
+ export declare const ImageRenderer: ({ value, columnData: { className } }: Props) => React.JSX.Element;
10
+ export {};
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ImageRenderer = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var classnames_1 = __importDefault(require("classnames"));
9
+ var mdm_sdk_1 = require("@reltio/mdm-sdk");
10
+ var styles_module_css_1 = __importDefault(require("./styles.module.css"));
11
+ var ImageRenderer = function (_a) {
12
+ var value = _a.value, className = _a.columnData.className;
13
+ var src = (0, mdm_sdk_1.getImageAttributeOvThumbnailUrl)({ value: value });
14
+ return src ? (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_1.default.imageWrapper, className) },
15
+ react_1.default.createElement("img", { src: src }))) : null;
16
+ };
17
+ exports.ImageRenderer = ImageRenderer;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ declare const _default: React.ComponentType<{
3
+ [x: string]: unknown;
4
+ }>;
5
+ export default _default;
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var classnames_1 = __importDefault(require("classnames"));
7
+ var react_1 = __importDefault(require("react"));
8
+ var ramda_1 = require("ramda");
9
+ var mdm_sdk_1 = require("@reltio/mdm-sdk");
10
+ var withTableContext_1 = require("../HOCs/withTableContext");
11
+ var basicTable_1 = require("../types/basicTable");
12
+ var AvatarWithFallback_1 = require("../AvatarWithFallback");
13
+ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
14
+ var EntityUriLink_1 = require("../EntityUriLink");
15
+ var ExpandedValueTooltip_1 = require("../ExpandedValueTooltip");
16
+ var styles_module_css_1 = __importDefault(require("./styles.module.css"));
17
+ var ReferenceRenderer = function (_a) {
18
+ var value = _a.value, className = _a.columnData.className, _b = _a.variant, variant = _b === void 0 ? basicTable_1.TableVariant.Wide : _b;
19
+ var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
20
+ var apiPath = (0, MdmModuleContext_1.useMdmApiPath)();
21
+ var imagePath = (0, MdmModuleContext_1.useMdmImagePath)();
22
+ var entityTypeGraphIcon = (0, mdm_sdk_1.getEntityTypeGraphIcon)(metadata, (value === null || value === void 0 ? void 0 : value.refEntity) || {});
23
+ var label = value && (0, mdm_sdk_1.getLabel)(value.label);
24
+ return (value && (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: label },
25
+ react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_1.default.defaultWrapper, styles_module_css_1.default.referenceWrapper, styles_module_css_1.default[variant], className) },
26
+ react_1.default.createElement(AvatarWithFallback_1.AvatarWithFallback, { className: styles_module_css_1.default.referenceIcon, icon: (0, mdm_sdk_1.getAbsoluteImageUrl)(imagePath || apiPath, entityTypeGraphIcon) }),
27
+ react_1.default.createElement(EntityUriLink_1.EntityUriLink, { value: value.refEntity.objectURI, className: (0, classnames_1.default)(styles_module_css_1.default.referenceContent, styles_module_css_1.default.entityLink) }, label)))));
28
+ };
29
+ exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pick)(['variant']))(ReferenceRenderer);
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ declare const _default: React.ComponentType<{
3
+ [x: string]: unknown;
4
+ }>;
5
+ export default _default;
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var react_1 = __importDefault(require("react"));
7
+ var classnames_1 = __importDefault(require("classnames"));
8
+ var ramda_1 = require("ramda");
9
+ var mdm_sdk_1 = require("@reltio/mdm-sdk");
10
+ var basicTable_1 = require("../types/basicTable");
11
+ var withTableContext_1 = require("../HOCs/withTableContext");
12
+ var useMaskedAttribute_1 = require("../hooks/useMaskedAttribute");
13
+ var DataTypeValue_1 = require("../DataTypeValue");
14
+ var MaskingSwitcher_1 = require("../MaskingSwitcher");
15
+ var styles_module_css_1 = __importDefault(require("./styles.module.css"));
16
+ var SimpleAttributeRenderer = function (_a) {
17
+ var value = _a.value, _b = _a.variant, variant = _b === void 0 ? basicTable_1.TableVariant.Wide : _b, _c = _a.columnData, dataTypeDefinition = _c.dataTypeDefinition, className = _c.className, entity = _a.rowValue.label;
18
+ var _d = (0, useMaskedAttribute_1.useMaskedAttribute)({
19
+ attributeType: dataTypeDefinition,
20
+ attributeValue: value,
21
+ entity: entity
22
+ }), isUnmaskingNeeded = _d.isUnmaskingNeeded, isMasked = _d.isMasked, toggleMasking = _d.toggleMasking, attributeValue = _d.attributeValue, isUnmasking = _d.isUnmasking;
23
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_1.default.defaultWrapper, styles_module_css_1.default[variant], className) },
24
+ react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition }),
25
+ isUnmaskingNeeded && (react_1.default.createElement(MaskingSwitcher_1.MaskingSwitcher, { isMasked: isMasked, onToggleMasking: toggleMasking, isUnmasking: isUnmasking }))));
26
+ };
27
+ exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pick)(['variant']))(SimpleAttributeRenderer);
@@ -0,0 +1,15 @@
1
+ import { ColumnData } from '../types/basicTable';
2
+ export declare const getAttributeValueRenderer: (columnInfo: ColumnData) => import("react").ComponentType<{
3
+ [x: string]: unknown;
4
+ }> | (({ value, columnData }: {
5
+ value: string;
6
+ columnData: {
7
+ dataTypeDefinition: import("packages/mdm-sdk/src").DataTypeDefinition;
8
+ className?: string;
9
+ };
10
+ }) => import("react").JSX.Element) | (({ value, columnData: { className } }: {
11
+ value: import("packages/mdm-sdk/src").BasicImageAttributesValue & import("packages/mdm-sdk/src").RecordImageAttributeValue;
12
+ columnData: {
13
+ className?: string;
14
+ };
15
+ }) => import("react").JSX.Element);
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.getAttributeValueRenderer = void 0;
7
+ var ramda_1 = require("ramda");
8
+ var EntityProfileRenderer_1 = __importDefault(require("./EntityProfileRenderer"));
9
+ var ReferenceRenderer_1 = __importDefault(require("./ReferenceRenderer"));
10
+ var BlobRenderer_1 = __importDefault(require("./BlobRenderer"));
11
+ var ImageRenderer_1 = require("./ImageRenderer");
12
+ var EntityIdRenderer_1 = require("./EntityIdRenderer");
13
+ var SimpleAttributeRenderer_1 = __importDefault(require("./SimpleAttributeRenderer"));
14
+ var getAttributeValueRenderer = function (columnInfo) {
15
+ if (columnInfo.id === 'label') {
16
+ return EntityProfileRenderer_1.default;
17
+ }
18
+ if (columnInfo.id === 'entityId') {
19
+ return EntityIdRenderer_1.EntityIdRenderer;
20
+ }
21
+ switch ((0, ramda_1.path)(['dataTypeDefinition', 'type'], columnInfo)) {
22
+ case 'Blob':
23
+ return BlobRenderer_1.default;
24
+ case 'Reference':
25
+ return ReferenceRenderer_1.default;
26
+ case 'Image':
27
+ return ImageRenderer_1.ImageRenderer;
28
+ }
29
+ return SimpleAttributeRenderer_1.default;
30
+ };
31
+ exports.getAttributeValueRenderer = getAttributeValueRenderer;
@@ -0,0 +1 @@
1
+ export { getAttributeValueRenderer } from './getAttributeValueRenderer';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getAttributeValueRenderer = void 0;
4
+ var getAttributeValueRenderer_1 = require("./getAttributeValueRenderer");
5
+ Object.defineProperty(exports, "getAttributeValueRenderer", { enumerable: true, get: function () { return getAttributeValueRenderer_1.getAttributeValueRenderer; } });
@@ -0,0 +1,9 @@
1
+ const styles = {"wide":"AttributeCellRenderers-wide--5Wa87","narrow":"AttributeCellRenderers-narrow--wl973","defaultWrapper":"AttributeCellRenderers-defaultWrapper---aWkK","entityLink":"AttributeCellRenderers-entityLink--I9IWT","profileWrapper":"AttributeCellRenderers-profileWrapper--96mAm","entityAvatar":"AttributeCellRenderers-entityAvatar--F4dil","entityAvatarImage":"AttributeCellRenderers-entityAvatarImage--yPvs8","imageWrapper":"AttributeCellRenderers-imageWrapper--zdd8U","blobWrapper":"AttributeCellRenderers-blobWrapper--ITnmu","referenceWrapper":"AttributeCellRenderers-referenceWrapper--DXIa1","referenceContent":"AttributeCellRenderers-referenceContent--8oJmv","referenceIcon":"AttributeCellRenderers-referenceIcon--x3gMm"};
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 = `.AttributeCellRenderers-wide--5Wa87{--cell-font-size:13px;--cell-vertical-padding:17px;--cell-bottom-padding:12px;--cell-horizontal-padding:22px;--cell-line-height:15px;--entity-avatar-size:32px;--entity-avatar-margin:0 16px 0 0}.AttributeCellRenderers-narrow--wl973{--cell-font-size:13px;--cell-vertical-padding:0;--cell-bottom-padding:0;--cell-horizontal-padding:16px;--cell-line-height:28px;--entity-avatar-size:20px;--entity-avatar-margin:0 16px 0 0}.AttributeCellRenderers-defaultWrapper---aWkK{--backgroundGradient:linear-gradient(90deg,hsla(0,0%,100%,.2),#fff);align-items:flex-start;display:flex;flex-basis:100%;font-size:var(--cell-font-size);line-height:var(--cell-line-height);overflow:hidden;padding:var(--cell-vertical-padding) var(--cell-horizontal-padding) var(--cell-bottom-padding);position:relative;white-space:pre}.AttributeCellRenderers-defaultWrapper---aWkK:after{background:var(--backgroundGradient);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40px}.AttributeCellRenderers-defaultWrapper---aWkK+.AttributeCellRenderers-defaultWrapper---aWkK{padding-top:0}.AttributeCellRenderers-entityLink--I9IWT{color:var(--mui-palette-primary-main);cursor:pointer;font-weight:500;text-decoration:none}.AttributeCellRenderers-profileWrapper--96mAm{--profile-cell-vertical-padding:8px;align-items:center;display:flex;padding:var(--profile-cell-vertical-padding) var(--cell-horizontal-padding)}.AttributeCellRenderers-profileWrapper--96mAm .AttributeCellRenderers-entityAvatar--F4dil{margin:var(--entity-avatar-margin)}.AttributeCellRenderers-profileWrapper--96mAm .AttributeCellRenderers-entityAvatarImage--yPvs8{height:var(--entity-avatar-size);width:var(--entity-avatar-size)}.cellWithCollapser .AttributeCellRenderers-profileWrapper--96mAm{padding:var(--profile-cell-vertical-padding) 0}.AttributeCellRenderers-imageWrapper--zdd8U{display:flex;padding:var(--cell-vertical-padding) var(--cell-horizontal-padding) var(--cell-bottom-padding)}.AttributeCellRenderers-imageWrapper--zdd8U>img{height:64px;width:64px}.AttributeCellRenderers-imageWrapper--zdd8U+.AttributeCellRenderers-imageWrapper--zdd8U{padding-top:0}.AttributeCellRenderers-blobWrapper--ITnmu{box-sizing:border-box;font-size:var(--cell-font-size);height:100px;line-height:var(--cell-line-height);overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:var(--cell-vertical-padding) var(--cell-horizontal-padding);position:relative;white-space:pre-wrap}.AttributeCellRenderers-referenceWrapper--DXIa1{align-items:center;display:flex}.AttributeCellRenderers-referenceWrapper--DXIa1 .AttributeCellRenderers-referenceContent--8oJmv{font-size:var(--cell-font-size);font-weight:400}.AttributeCellRenderers-referenceWrapper--DXIa1 .AttributeCellRenderers-referenceIcon--x3gMm{height:15px;margin-right:11px;width:15px}`;
7
+ head.appendChild(style);
8
+ }
9
+ module.exports = styles;
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import { ColumnData, RowValue, CellValue } from '../types/basicTable';
3
+ type CellValueRendererProps = {
4
+ value: unknown;
5
+ rowValue: RowValue;
6
+ [key: string]: unknown;
7
+ };
8
+ export type Props = {
9
+ CellValueRenderer: (props: CellValueRendererProps) => React.ReactElement;
10
+ cell: {
11
+ values: CellValue[];
12
+ hiddenValues?: CellValue[];
13
+ };
14
+ columnData: ColumnData;
15
+ columnIndex: number;
16
+ rowIndex: number;
17
+ rowValue: RowValue;
18
+ showRowCellChips: boolean;
19
+ };
20
+ declare const _default: any;
21
+ export default _default;
@@ -0,0 +1,47 @@
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 __rest = (this && this.__rest) || function (s, e) {
14
+ var t = {};
15
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
+ t[p] = s[p];
17
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
+ t[p[i]] = s[p[i]];
21
+ }
22
+ return t;
23
+ };
24
+ var __importDefault = (this && this.__importDefault) || function (mod) {
25
+ return (mod && mod.__esModule) ? mod : { "default": mod };
26
+ };
27
+ Object.defineProperty(exports, "__esModule", { value: true });
28
+ var react_1 = __importDefault(require("react"));
29
+ var ramda_1 = require("ramda");
30
+ var withCollapseButton_1 = require("../HOCs/withCollapseButton");
31
+ var withTableContext_1 = require("../HOCs/withTableContext");
32
+ var RowCellChips_1 = require("../RowCellChips");
33
+ var AttributeRowCellRenderer = function (_a) {
34
+ var cell = _a.cell, CellValueRenderer = _a.CellValueRenderer, columnData = _a.columnData, showRowCellChips = _a.showRowCellChips, otherProps = __rest(_a, ["cell", "CellValueRenderer", "columnData", "showRowCellChips"]);
35
+ return (react_1.default.createElement(react_1.default.Fragment, null,
36
+ cell.values.map(function (value, index) { return (react_1.default.createElement(CellValueRenderer, __assign({ key: index, value: value, columnData: columnData }, otherProps))); }),
37
+ showRowCellChips && react_1.default.createElement(RowCellChips_1.RowCellChips, { cell: cell, dataTypeDefinition: columnData.dataTypeDefinition })));
38
+ };
39
+ exports.default = (0, ramda_1.pipe)(withCollapseButton_1.withCollapseButton, (0, withTableContext_1.withTableContext)(function (_a, _b) {
40
+ var _c = _a.showRowCellChips, showRowCellChips = _c === void 0 ? true : _c;
41
+ var columnIndex = _b.columnIndex;
42
+ var isFirstColumn = columnIndex === 0;
43
+ return {
44
+ hasCollapseButton: isFirstColumn,
45
+ showRowCellChips: showRowCellChips
46
+ };
47
+ }))(AttributeRowCellRenderer);
@@ -0,0 +1 @@
1
+ export { default as AttributeRowCellRenderer } from './AttributeRowCellRenderer';
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.AttributeRowCellRenderer = void 0;
7
+ var AttributeRowCellRenderer_1 = require("./AttributeRowCellRenderer");
8
+ Object.defineProperty(exports, "AttributeRowCellRenderer", { enumerable: true, get: function () { return __importDefault(AttributeRowCellRenderer_1).default; } });
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { HeadColorVariant, TableVariant } from '../types/basicTable';
2
3
  export type DefaultHeadCellRendererWithTooltipProps = {
3
4
  headIndex?: number;
4
5
  className?: string;
@@ -10,7 +11,9 @@ export type DefaultHeadCellRendererWithTooltipProps = {
10
11
  headCell?: string;
11
12
  headLabel?: string;
12
13
  };
13
- dataReltioId?: string;
14
+ headColorVariant?: HeadColorVariant;
15
+ variant?: TableVariant;
16
+ dataReltioIdPrefix?: string;
14
17
  openConfigColumnPopup?: (index: number, event: React.MouseEvent<HTMLElement>) => void;
15
18
  };
16
19
  declare const _default: React.ComponentType<{
@@ -33,15 +33,18 @@ var DefaultHeadCellRenderer_1 = __importDefault(require("react-components/dist/T
33
33
  var withTableContext_1 = require("../HOCs/withTableContext");
34
34
  var ExpandedValueTooltip_1 = require("../ExpandedValueTooltip");
35
35
  var SmallIconButton_1 = require("../SmallIconButton");
36
+ var basicTable_1 = require("../types/basicTable");
36
37
  var DefaultHeadCellRendererWithTooltip_module_css_1 = __importDefault(require("./DefaultHeadCellRendererWithTooltip.module.css"));
37
38
  var DefaultHeadCellRendererWithTooltip = function (_a) {
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"]);
39
+ var _b;
40
+ var _c = _a.classes, classes = _c === void 0 ? {} : _c, dataReltioIdPrefix = _a.dataReltioIdPrefix, _d = _a.headColorVariant, headColorVariant = _d === void 0 ? basicTable_1.HeadColorVariant.White : _d, headCellData = _a.headCellData, className = _a.className, openConfigColumnPopup = _a.openConfigColumnPopup, headIndex = _a.headIndex, _e = _a.variant, variant = _e === void 0 ? basicTable_1.TableVariant.Wide : _e, props = __rest(_a, ["classes", "dataReltioIdPrefix", "headColorVariant", "headCellData", "className", "openConfigColumnPopup", "headIndex", "variant"]);
39
41
  var headCell = (classes === null || classes === void 0 ? void 0 : classes.headCell) || DefaultHeadCellRendererWithTooltip_module_css_1.default.headCell;
40
42
  var headLabel = (classes === null || classes === void 0 ? void 0 : classes.headLabel) || DefaultHeadCellRendererWithTooltip_module_css_1.default.headLabel;
41
- return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(headCell, className) }, (dataReltioId ? { 'data-reltio-id': dataReltioId } : {})),
43
+ var hasConfigButton = Boolean(openConfigColumnPopup);
44
+ return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(headCell, className, (_b = {}, _b[DefaultHeadCellRendererWithTooltip_module_css_1.default.withConfigButton] = hasConfigButton, _b), DefaultHeadCellRendererWithTooltip_module_css_1.default[headColorVariant], DefaultHeadCellRendererWithTooltip_module_css_1.default[variant]) }, (dataReltioIdPrefix ? { 'data-reltio-id': "".concat(dataReltioIdPrefix, "-table-head-cell") } : {})),
42
45
  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
46
  react_1.default.createElement("div", { className: headLabel }, headCellData.label))) }) })),
44
- openConfigColumnPopup && (react_1.default.createElement("div", { className: DefaultHeadCellRendererWithTooltip_module_css_1.default.menuButtonWrapper },
47
+ hasConfigButton && (react_1.default.createElement("div", { className: DefaultHeadCellRendererWithTooltip_module_css_1.default.menuButtonWrapper },
45
48
  react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: MoreVert_1.default, onClick: function (e) { return openConfigColumnPopup && openConfigColumnPopup(headIndex, e); }, size: "S" })))));
46
49
  };
47
- exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.pick)(['openConfigColumnPopup'])))(DefaultHeadCellRendererWithTooltip);
50
+ exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.pick)(['openConfigColumnPopup', 'dataReltioIdPrefix', 'headColorVariant', 'variant'])))(DefaultHeadCellRendererWithTooltip);
@@ -1,9 +1,9 @@
1
- const styles = {"headCell":"DefaultHeadCellRendererWithTooltip-headCell--JlLvL","menuButtonWrapper":"DefaultHeadCellRendererWithTooltip-menuButtonWrapper--tMePw","headLabel":"DefaultHeadCellRendererWithTooltip-headLabel--fzLXE"};
1
+ const styles = {"grey":"DefaultHeadCellRendererWithTooltip-grey--99Mqa","white":"DefaultHeadCellRendererWithTooltip-white--fdT-k","narrow":"DefaultHeadCellRendererWithTooltip-narrow--RPJyT","wide":"DefaultHeadCellRendererWithTooltip-wide---PQla","headCell":"DefaultHeadCellRendererWithTooltip-headCell--JlLvL","menuButtonWrapper":"DefaultHeadCellRendererWithTooltip-menuButtonWrapper--tMePw","withConfigButton":"DefaultHeadCellRendererWithTooltip-withConfigButton--hdbrm","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;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}`;
6
+ style.innerHTML = `.DefaultHeadCellRendererWithTooltip-grey--99Mqa{--background-color:#f0f0f0;--fadeBackground:linear-gradient(90deg,hsla(0,0%,94%,0),#f0f0f0)}.DefaultHeadCellRendererWithTooltip-white--fdT-k{--background-color:#fff;--fadeBackground:linear-gradient(90deg,hsla(0,0%,100%,0),#fff)}.DefaultHeadCellRendererWithTooltip-narrow--RPJyT{--head-cell-padding:0 16px 0 16px}.DefaultHeadCellRendererWithTooltip-wide---PQla{--head-cell-padding:0 16px 0 22px}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL{align-items:center;background-color:var(--background-color);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.DefaultHeadCellRendererWithTooltip-withConfigButton--hdbrm:hover>div>span{width:calc(100% + 24px)}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div{padding:var(--head-cell-padding);width:100%}.DefaultHeadCellRendererWithTooltip-headCell--JlLvL>div>span{justify-content:flex-end;width:calc(100% + 36px)}.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:var(--fadeBackground);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:24px}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  module.exports = styles;
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expandButton" | "titleWrapper" | "collapseButton" | "dropIndicator" | "switcherButtonWrapper" | "switcherButton" | "treeContainer" | "treeWrapper" | "dropNotAllowed" | "draggedChildrenNode" | "dragHandle" | "dragHandleDragging" | "@global">;
1
+ export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expandButton" | "collapseButton" | "titleWrapper" | "dropIndicator" | "switcherButtonWrapper" | "switcherButton" | "treeContainer" | "treeWrapper" | "dropNotAllowed" | "draggedChildrenNode" | "dragHandle" | "dragHandleDragging" | "@global">;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import type { CellValue, RenderRowCellProps } from '../types/basicTable';
3
+ type Props = {
4
+ className?: string;
5
+ values: CellValue[];
6
+ dataTypeDefinition: RenderRowCellProps['columnData']['dataTypeDefinition'];
7
+ };
8
+ export declare const RowCellChipWithTooltip: ({ className, values, dataTypeDefinition }: Props) => React.JSX.Element;
9
+ export {};
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.RowCellChipWithTooltip = void 0;
30
+ var react_1 = __importStar(require("react"));
31
+ var classnames_1 = __importDefault(require("classnames"));
32
+ var Chip_1 = __importDefault(require("@mui/material/Chip"));
33
+ var DataTypeValue_1 = require("../DataTypeValue");
34
+ var withTooltip_1 = require("../HOCs/withTooltip");
35
+ var mdm_sdk_1 = require("@reltio/mdm-sdk");
36
+ var RowCellChipWithTooltip_module_css_1 = __importDefault(require("./RowCellChipWithTooltip.module.css"));
37
+ var ChipWithTooltip = (0, withTooltip_1.withTooltip)(Chip_1.default);
38
+ var RowCellChipWithTooltip = function (_a) {
39
+ var className = _a.className, values = _a.values, dataTypeDefinition = _a.dataTypeDefinition;
40
+ var tooltipTitle = (0, react_1.useMemo)(function () { return (react_1.default.createElement("div", null, values.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, (0, mdm_sdk_1.isComplexAttribute)(dataTypeDefinition)
41
+ ? (0, mdm_sdk_1.getLabel)(value.label)
42
+ : (0, mdm_sdk_1.wrapInArrayIfNeeded)(value).map(function (value, index) { return (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { key: index, value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: dataTypeDefinition, rich: false })); }))); }))); }, [values, dataTypeDefinition]);
43
+ return (react_1.default.createElement(ChipWithTooltip, { tooltipTitle: tooltipTitle, label: '+ ' + values.length, variant: "outlined", classes: {
44
+ root: (0, classnames_1.default)(RowCellChipWithTooltip_module_css_1.default.rowCellChip, className),
45
+ label: RowCellChipWithTooltip_module_css_1.default.rowCellChipLabel
46
+ } }));
47
+ };
48
+ exports.RowCellChipWithTooltip = RowCellChipWithTooltip;
@@ -0,0 +1,9 @@
1
+ const styles = {"rowCellChip":"RowCellChipWithTooltip-rowCellChip--VERMm","rowCellChipLabel":"RowCellChipWithTooltip-rowCellChipLabel--K6DDF"};
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 = `.RowCellChipWithTooltip-rowCellChip--VERMm{background-color:#fff;border-color:rgba(0,0,0,.38);height:16px;padding:1px 4px}.RowCellChipWithTooltip-rowCellChipLabel--K6DDF{font-size:10px;padding:0}`;
7
+ head.appendChild(style);
8
+ }
9
+ module.exports = styles;
@@ -0,0 +1 @@
1
+ export { RowCellChipWithTooltip } from './RowCellChipWithTooltip';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.RowCellChipWithTooltip = void 0;
4
+ var RowCellChipWithTooltip_1 = require("./RowCellChipWithTooltip");
5
+ Object.defineProperty(exports, "RowCellChipWithTooltip", { enumerable: true, get: function () { return RowCellChipWithTooltip_1.RowCellChipWithTooltip; } });
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import type { CellValue, RenderRowCellProps } from '../types/basicTable';
3
+ type Props = {
4
+ cell: {
5
+ values: CellValue[];
6
+ hiddenValues?: CellValue[];
7
+ };
8
+ dataTypeDefinition: RenderRowCellProps['columnData']['dataTypeDefinition'];
9
+ };
10
+ export declare const RowCellChips: ({ cell, dataTypeDefinition }: Props) => React.JSX.Element;
11
+ export {};
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.RowCellChips = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var RowCellChipWithTooltip_1 = require("../RowCellChipWithTooltip");
9
+ var RowCellChips_module_css_1 = __importDefault(require("./RowCellChips.module.css"));
10
+ var RowCellChips = function (_a) {
11
+ var cell = _a.cell, dataTypeDefinition = _a.dataTypeDefinition;
12
+ var _b = (cell || {}).hiddenValues, hiddenValues = _b === void 0 ? [] : _b;
13
+ var isRowCollapsed = hiddenValues.length > 0;
14
+ return isRowCollapsed ? (react_1.default.createElement("div", { className: RowCellChips_module_css_1.default.rowCellChipsContainer }, hiddenValues.length > 0 && (react_1.default.createElement(RowCellChipWithTooltip_1.RowCellChipWithTooltip, { values: hiddenValues, dataTypeDefinition: dataTypeDefinition })))) : null;
15
+ };
16
+ exports.RowCellChips = RowCellChips;
@@ -0,0 +1,9 @@
1
+ const styles = {"rowCellChipsContainer":"RowCellChips-rowCellChipsContainer--haB-z"};
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 = `.RowCellChips-rowCellChipsContainer--haB-z{display:flex;position:absolute;right:4px;top:4px;z-index:1}`;
7
+ head.appendChild(style);
8
+ }
9
+ module.exports = styles;
@@ -0,0 +1 @@
1
+ export { RowCellChips } from './RowCellChips';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.RowCellChips = void 0;
4
+ var RowCellChips_1 = require("./RowCellChips");
5
+ Object.defineProperty(exports, "RowCellChips", { enumerable: true, get: function () { return RowCellChips_1.RowCellChips; } });
@@ -69,7 +69,7 @@ describe('TableWithBars', function () {
69
69
  it('should render BasicTable', function () {
70
70
  var unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
71
71
  setUp();
72
- var headCells = react_2.screen.getAllByTestId('table-with-bar-head-cell');
72
+ var headCells = react_2.screen.getAllByTestId('table-with-bar-table-head-cell');
73
73
  expect(headCells).toHaveLength(2);
74
74
  expect(headCells[0]).toHaveTextContent('Attributes');
75
75
  expect(headCells[1]).toHaveTextContent('No of Profiles');
@@ -87,14 +87,14 @@ describe('TableWithBars', function () {
87
87
  });
88
88
  it('should render TableWithBars with headers from options', function () {
89
89
  setUp({ options: { headers: ['Test header 1', 'Test header 2'] } });
90
- var headCells = react_2.screen.getAllByTestId('table-with-bar-head-cell');
90
+ var headCells = react_2.screen.getAllByTestId('table-with-bar-table-head-cell');
91
91
  expect(headCells).toHaveLength(2);
92
92
  expect(headCells[0]).toHaveTextContent('Test header 1');
93
93
  expect(headCells[1]).toHaveTextContent('Test header 2');
94
94
  });
95
95
  it('should not render second column when showValues = false', function () {
96
96
  setUp({ options: { showValues: false } });
97
- var headCells = react_2.screen.getAllByTestId('table-with-bar-head-cell');
97
+ var headCells = react_2.screen.getAllByTestId('table-with-bar-table-head-cell');
98
98
  expect(headCells).toHaveLength(1);
99
99
  expect(headCells[0]).toHaveTextContent('Attributes');
100
100
  });
@@ -23,6 +23,6 @@ var HeadCellRenderer = function (props) {
23
23
  return (react_1.default.createElement(DefaultHeadCellRendererWithTooltip_1.DefaultHeadCellRendererWithTooltip, __assign({}, props, { classes: {
24
24
  headCell: styles.headCell,
25
25
  headLabel: styles.headLabel
26
- }, dataReltioId: "table-with-bar-head-cell" })));
26
+ }, dataReltioIdPrefix: "table-with-bar" })));
27
27
  };
28
28
  exports.HeadCellRenderer = HeadCellRenderer;
@@ -1,2 +1,2 @@
1
1
  import React from 'react';
2
- export declare const BasicTableContext: React.Context<any>;
2
+ export declare const BasicTableContext: React.Context<Record<string, unknown>>;
@@ -13,6 +13,7 @@ export type MdmModuleValuesContextProps = Partial<{
13
13
  imageServicePath: string;
14
14
  reltioPath: string;
15
15
  apiPath: string;
16
+ imagePath: string;
16
17
  collaborationPath: string;
17
18
  imageAttributesFieldsOrder: ImageAttributeFieldsOrder;
18
19
  showEntityId: boolean;
@@ -218,6 +219,7 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
218
219
  imageServicePath: string;
219
220
  reltioPath: string;
220
221
  apiPath: string;
222
+ imagePath: string;
221
223
  collaborationPath: string;
222
224
  imageAttributesFieldsOrder: ImageAttributeFieldsOrder;
223
225
  showEntityId: boolean;
@@ -12,6 +12,7 @@ export declare const useMdmWorkflowPath: () => string;
12
12
  export declare const useMdmImageServicePath: () => string;
13
13
  export declare const useMdmReltioPath: () => string;
14
14
  export declare const useMdmApiPath: () => string;
15
+ export declare const useMdmImagePath: () => string;
15
16
  export declare const useMdmCollaborationPath: () => string;
16
17
  export declare const useMdmImageAttributesFieldsOrder: () => import("@reltio/mdm-sdk").ImageAttributeFieldsOrder;
17
18
  export declare const useMdmShowEntityId: () => boolean;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useMdmIsWorkflowEnabled = exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmMaxValuesInResponse = exports.useMdmAttributesPresentation = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = void 0;
4
- exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmRelationsDrafts = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmIsSourcesScreenEnabled = exports.useMdmProfileErrors = void 0;
3
+ exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmMaxValuesInResponse = exports.useMdmAttributesPresentation = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmImagePath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = void 0;
4
+ exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmRelationsDrafts = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmIsSourcesScreenEnabled = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
5
5
  var react_context_selector_1 = require("@fluentui/react-context-selector");
6
6
  var mdm_sdk_1 = require("@reltio/mdm-sdk");
7
7
  var context_1 = require("./context");
@@ -42,6 +42,8 @@ var useMdmReltioPath = function () { return useMdmModuleValuesContext(function (
42
42
  exports.useMdmReltioPath = useMdmReltioPath;
43
43
  var useMdmApiPath = function () { return useMdmModuleValuesContext(function (context) { return context.apiPath; }); };
44
44
  exports.useMdmApiPath = useMdmApiPath;
45
+ var useMdmImagePath = function () { return useMdmModuleValuesContext(function (context) { return context.imagePath; }); };
46
+ exports.useMdmImagePath = useMdmImagePath;
45
47
  var useMdmCollaborationPath = function () { return useMdmModuleValuesContext(function (context) { return context.collaborationPath; }); };
46
48
  exports.useMdmCollaborationPath = useMdmCollaborationPath;
47
49
  var useMdmImageAttributesFieldsOrder = function () {
@@ -1,3 +1,3 @@
1
1
  export { MdmModuleProvider } from './provider';
2
- export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes, useMdmShowMasking, useMdmReviewDCREnabled } from './hooks';
2
+ export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributesPresentation, useMdmMaxValuesInResponse, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAuthoringItemsByEntityType, useMdmAction, useMdmListener, useMdmIsSourcesScreenEnabled, useMdmHiddenAttributes, useMdmControlAttributes, useMdmShowMasking, useMdmReviewDCREnabled, useMdmImagePath } from './hooks';
3
3
  export type { MdmModuleActionsContextProps, MdmModuleValuesContextProps, MdmModuleListenersContextProps } from './context';
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmMaxValuesInResponse = exports.useMdmAttributesPresentation = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = exports.MdmModuleProvider = void 0;
4
- exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmIsSourcesScreenEnabled = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmRelationsDrafts = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
4
+ exports.useMdmImagePath = exports.useMdmReviewDCREnabled = exports.useMdmShowMasking = exports.useMdmControlAttributes = exports.useMdmHiddenAttributes = exports.useMdmIsSourcesScreenEnabled = exports.useMdmListener = exports.useMdmAction = exports.useMdmAuthoringItemsByEntityType = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmRelationsDrafts = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
5
5
  var provider_1 = require("./provider");
6
6
  Object.defineProperty(exports, "MdmModuleProvider", { enumerable: true, get: function () { return provider_1.MdmModuleProvider; } });
7
7
  var hooks_1 = require("./hooks");
@@ -75,3 +75,4 @@ Object.defineProperty(exports, "useMdmHiddenAttributes", { enumerable: true, get
75
75
  Object.defineProperty(exports, "useMdmControlAttributes", { enumerable: true, get: function () { return hooks_1.useMdmControlAttributes; } });
76
76
  Object.defineProperty(exports, "useMdmShowMasking", { enumerable: true, get: function () { return hooks_1.useMdmShowMasking; } });
77
77
  Object.defineProperty(exports, "useMdmReviewDCREnabled", { enumerable: true, get: function () { return hooks_1.useMdmReviewDCREnabled; } });
78
+ Object.defineProperty(exports, "useMdmImagePath", { enumerable: true, get: function () { return hooks_1.useMdmImagePath; } });