@reltio/components 1.4.2191 → 1.4.2193
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AttributeCellRenderers/BlobRenderer.d.ts +5 -0
- package/AttributeCellRenderers/BlobRenderer.js +23 -0
- package/AttributeCellRenderers/EntityIdRenderer.d.ts +11 -0
- package/AttributeCellRenderers/EntityIdRenderer.js +19 -0
- package/AttributeCellRenderers/EntityProfileRenderer.d.ts +5 -0
- package/AttributeCellRenderers/EntityProfileRenderer.js +17 -0
- package/AttributeCellRenderers/ImageRenderer.d.ts +10 -0
- package/AttributeCellRenderers/ImageRenderer.js +10 -0
- package/AttributeCellRenderers/ReferenceRenderer.d.ts +5 -0
- package/AttributeCellRenderers/ReferenceRenderer.js +24 -0
- package/AttributeCellRenderers/SimpleAttributeRenderer.d.ts +5 -0
- package/AttributeCellRenderers/SimpleAttributeRenderer.js +22 -0
- package/AttributeCellRenderers/getAttributeValueRenderer.d.ts +15 -0
- package/AttributeCellRenderers/getAttributeValueRenderer.js +24 -0
- package/AttributeCellRenderers/index.d.ts +1 -0
- package/AttributeCellRenderers/index.js +1 -0
- package/AttributeCellRenderers/styles.module.css.js +9 -0
- package/AttributeRowCellRenderer/AttributeRowCellRenderer.d.ts +21 -0
- package/AttributeRowCellRenderer/AttributeRowCellRenderer.js +42 -0
- package/AttributeRowCellRenderer/index.d.ts +1 -0
- package/AttributeRowCellRenderer/index.js +1 -0
- package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts +4 -1
- package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js +7 -4
- package/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js +2 -2
- package/RCTree/styles.d.ts +1 -1
- package/RowCellChipWithTooltip/RowCellChipWithTooltip.d.ts +9 -0
- package/RowCellChipWithTooltip/RowCellChipWithTooltip.js +18 -0
- package/RowCellChipWithTooltip/RowCellChipWithTooltip.module.css.js +9 -0
- package/RowCellChipWithTooltip/index.d.ts +1 -0
- package/RowCellChipWithTooltip/index.js +1 -0
- package/RowCellChips/RowCellChips.d.ts +11 -0
- package/RowCellChips/RowCellChips.js +9 -0
- package/RowCellChips/RowCellChips.module.css.js +9 -0
- package/RowCellChips/index.d.ts +1 -0
- package/RowCellChips/index.js +1 -0
- package/TableWithBars/TableWithBars.test.js +3 -3
- package/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js +1 -1
- package/cjs/AttributeCellRenderers/BlobRenderer.d.ts +5 -0
- package/cjs/AttributeCellRenderers/BlobRenderer.js +28 -0
- package/cjs/AttributeCellRenderers/EntityIdRenderer.d.ts +11 -0
- package/cjs/AttributeCellRenderers/EntityIdRenderer.js +26 -0
- package/cjs/AttributeCellRenderers/EntityProfileRenderer.d.ts +5 -0
- package/cjs/AttributeCellRenderers/EntityProfileRenderer.js +22 -0
- package/cjs/AttributeCellRenderers/ImageRenderer.d.ts +10 -0
- package/cjs/AttributeCellRenderers/ImageRenderer.js +17 -0
- package/cjs/AttributeCellRenderers/ReferenceRenderer.d.ts +5 -0
- package/cjs/AttributeCellRenderers/ReferenceRenderer.js +29 -0
- package/cjs/AttributeCellRenderers/SimpleAttributeRenderer.d.ts +5 -0
- package/cjs/AttributeCellRenderers/SimpleAttributeRenderer.js +27 -0
- package/cjs/AttributeCellRenderers/getAttributeValueRenderer.d.ts +15 -0
- package/cjs/AttributeCellRenderers/getAttributeValueRenderer.js +31 -0
- package/cjs/AttributeCellRenderers/index.d.ts +1 -0
- package/cjs/AttributeCellRenderers/index.js +5 -0
- package/cjs/AttributeCellRenderers/styles.module.css.js +9 -0
- package/cjs/AttributeRowCellRenderer/AttributeRowCellRenderer.d.ts +21 -0
- package/cjs/AttributeRowCellRenderer/AttributeRowCellRenderer.js +47 -0
- package/cjs/AttributeRowCellRenderer/index.d.ts +1 -0
- package/cjs/AttributeRowCellRenderer/index.js +8 -0
- package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.d.ts +4 -1
- package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.js +7 -4
- package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js +2 -2
- package/cjs/RCTree/styles.d.ts +1 -1
- package/cjs/RowCellChipWithTooltip/RowCellChipWithTooltip.d.ts +9 -0
- package/cjs/RowCellChipWithTooltip/RowCellChipWithTooltip.js +48 -0
- package/cjs/RowCellChipWithTooltip/RowCellChipWithTooltip.module.css.js +9 -0
- package/cjs/RowCellChipWithTooltip/index.d.ts +1 -0
- package/cjs/RowCellChipWithTooltip/index.js +5 -0
- package/cjs/RowCellChips/RowCellChips.d.ts +11 -0
- package/cjs/RowCellChips/RowCellChips.js +16 -0
- package/cjs/RowCellChips/RowCellChips.module.css.js +9 -0
- package/cjs/RowCellChips/index.d.ts +1 -0
- package/cjs/RowCellChips/index.js +5 -0
- package/cjs/TableWithBars/TableWithBars.test.js +3 -3
- package/cjs/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js +1 -1
- package/cjs/contexts/BasicTableContext/index.d.ts +1 -1
- package/cjs/contexts/MdmModuleContext/context.d.ts +2 -0
- package/cjs/contexts/MdmModuleContext/hooks.d.ts +1 -0
- package/cjs/contexts/MdmModuleContext/hooks.js +4 -2
- package/cjs/contexts/MdmModuleContext/index.d.ts +1 -1
- package/cjs/contexts/MdmModuleContext/index.js +2 -1
- package/cjs/index.d.ts +3 -0
- package/cjs/index.js +14 -8
- package/cjs/types/basicTable.d.ts +12 -0
- package/cjs/types/basicTable.js +11 -0
- package/contexts/BasicTableContext/index.d.ts +1 -1
- package/contexts/MdmModuleContext/context.d.ts +2 -0
- package/contexts/MdmModuleContext/hooks.d.ts +1 -0
- package/contexts/MdmModuleContext/hooks.js +1 -0
- package/contexts/MdmModuleContext/index.d.ts +1 -1
- package/contexts/MdmModuleContext/index.js +1 -1
- package/index.d.ts +3 -0
- package/index.js +3 -0
- package/package.json +2 -2
- package/types/basicTable.d.ts +12 -0
- 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,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,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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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);
|
package/cjs/DefaultHeadCellRendererWithTooltip/DefaultHeadCellRendererWithTooltip.module.css.js
CHANGED
|
@@ -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{
|
|
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;
|
package/cjs/RCTree/styles.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expandButton" | "
|
|
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
|
-
},
|
|
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<
|
|
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.
|
|
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; } });
|