@eccenca/gui-elements 25.1.0-rc.0 → 25.1.0-rc.2
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/CHANGELOG.md +43 -5
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js +17 -13
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +1 -1
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/cjs/common/index.js +1 -0
- package/dist/cjs/common/index.js.map +1 -1
- package/dist/cjs/common/utils/CssCustomProperties.js.map +1 -1
- package/dist/cjs/common/utils/colorHash.js +26 -12
- package/dist/cjs/common/utils/colorHash.js.map +1 -1
- package/dist/cjs/components/ColorField/ColorField.js +114 -0
- package/dist/cjs/components/ColorField/ColorField.js.map +1 -0
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js +6 -6
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/cjs/components/DecoupledOverlay/DecoupledOverlay.js +47 -0
- package/dist/cjs/components/DecoupledOverlay/DecoupledOverlay.js.map +1 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js +3 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/Icon/transformIcon.js +14 -0
- package/dist/cjs/components/Icon/transformIcon.js.map +1 -0
- package/dist/cjs/components/MultiSelect/MultiSelect.js +2 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/RadioButton/RadioButton.js +5 -2
- package/dist/cjs/components/RadioButton/RadioButton.js.map +1 -1
- package/dist/cjs/components/TextField/useTextValidation.js +17 -8
- package/dist/cjs/components/TextField/useTextValidation.js.map +1 -1
- package/dist/cjs/components/VisualTour/VisualTour.js +24 -32
- package/dist/cjs/components/VisualTour/VisualTour.js.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/extensions/codemirror/CodeMirror.js +56 -18
- package/dist/cjs/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/cjs/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js +23 -0
- package/dist/cjs/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js.map +1 -0
- package/dist/cjs/extensions/codemirror/toolbars/markdown.toolbar.js +5 -2
- package/dist/cjs/extensions/codemirror/toolbars/markdown.toolbar.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js +19 -14
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +1 -1
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/esm/common/index.js +2 -1
- package/dist/esm/common/index.js.map +1 -1
- package/dist/esm/common/utils/CssCustomProperties.js.map +1 -1
- package/dist/esm/common/utils/colorHash.js +26 -13
- package/dist/esm/common/utils/colorHash.js.map +1 -1
- package/dist/esm/components/ColorField/ColorField.js +140 -0
- package/dist/esm/components/ColorField/ColorField.js.map +1 -0
- package/dist/esm/components/ContextOverlay/ContextOverlay.js +3 -3
- package/dist/esm/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/esm/components/DecoupledOverlay/DecoupledOverlay.js +41 -0
- package/dist/esm/components/DecoupledOverlay/DecoupledOverlay.js.map +1 -0
- package/dist/esm/components/Icon/canonicalIconNames.js +3 -0
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/Icon/transformIcon.js +21 -0
- package/dist/esm/components/Icon/transformIcon.js.map +1 -0
- package/dist/esm/components/MultiSelect/MultiSelect.js +3 -2
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/RadioButton/RadioButton.js +6 -2
- package/dist/esm/components/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/TextField/useTextValidation.js +39 -8
- package/dist/esm/components/TextField/useTextValidation.js.map +1 -1
- package/dist/esm/components/VisualTour/VisualTour.js +25 -33
- package/dist/esm/components/VisualTour/VisualTour.js.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/extensions/codemirror/CodeMirror.js +58 -20
- package/dist/esm/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/esm/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js +47 -0
- package/dist/esm/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.js.map +1 -0
- package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js +16 -2
- package/dist/esm/extensions/codemirror/toolbars/markdown.toolbar.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts +9 -0
- package/dist/types/common/index.d.ts +2 -1
- package/dist/types/common/utils/CssCustomProperties.d.ts +2 -2
- package/dist/types/common/utils/colorHash.d.ts +5 -4
- package/dist/types/components/ColorField/ColorField.d.ts +30 -0
- package/dist/types/components/ContextOverlay/ContextOverlay.d.ts +7 -1
- package/dist/types/components/DecoupledOverlay/DecoupledOverlay.d.ts +20 -0
- package/dist/types/components/Icon/canonicalIconNames.d.ts +2 -0
- package/dist/types/components/Icon/transformIcon.d.ts +2 -0
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/types/components/RadioButton/RadioButton.d.ts +8 -2
- package/dist/types/components/index.d.ts +2 -0
- package/dist/types/extensions/codemirror/CodeMirror.d.ts +12 -9
- package/dist/types/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.d.ts +24 -0
- package/dist/types/extensions/codemirror/toolbars/markdown.toolbar.d.ts +2 -0
- package/package.json +1 -1
- package/src/cmem/ActivityControl/ActivityControlWidget.tsx +68 -35
- package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +1 -1
- package/src/common/index.ts +2 -1
- package/src/common/utils/CssCustomProperties.ts +5 -3
- package/src/common/utils/colorHash.ts +38 -20
- package/src/components/Application/_colors.scss +15 -0
- package/src/components/ColorField/ColorField.stories.tsx +72 -0
- package/src/components/ColorField/ColorField.test.tsx +101 -0
- package/src/components/ColorField/ColorField.tsx +200 -0
- package/src/components/ColorField/_colorfield.scss +67 -0
- package/src/components/ContextOverlay/ContextOverlay.tsx +20 -1
- package/src/components/DecoupledOverlay/DecoupledOverlay.stories.tsx +30 -0
- package/src/components/DecoupledOverlay/DecoupledOverlay.tsx +97 -0
- package/src/components/DecoupledOverlay/_decoupledoverlay.scss +46 -0
- package/src/components/Icon/canonicalIconNames.tsx +3 -0
- package/src/components/Icon/transformIcon.tsx +17 -0
- package/src/components/Link/Link.stories.tsx +30 -0
- package/src/components/Link/link.scss +28 -2
- package/src/components/MultiSelect/MultiSelect.tsx +12 -3
- package/src/components/RadioButton/RadioButton.tsx +15 -3
- package/src/components/RadioButton/radiobutton.scss +13 -0
- package/src/components/TextField/stories/TextField.stories.tsx +23 -0
- package/src/components/TextField/tests/useTextValidation.test.tsx +83 -0
- package/src/components/TextField/useTextValidation.ts +17 -8
- package/src/components/VisualTour/VisualTour.tsx +30 -50
- package/src/components/VisualTour/visualTour.scss +0 -34
- package/src/components/index.scss +2 -0
- package/src/components/index.ts +2 -0
- package/src/configuration/_customproperties.scss +32 -0
- package/src/configuration/stories/customproperties.stories.tsx +118 -0
- package/src/extensions/codemirror/CodeMirror.stories.tsx +9 -4
- package/src/extensions/codemirror/CodeMirror.tsx +87 -31
- package/src/extensions/codemirror/tests/CodeEditor.test.tsx +138 -0
- package/src/extensions/codemirror/tests/EditorAppearanceConfigMenu.test.tsx +131 -0
- package/src/extensions/codemirror/toolbars/EditorAppearanceConfigMenu.tsx +59 -0
- package/src/extensions/codemirror/toolbars/markdown.toolbar.tsx +17 -3
- package/src/extensions/react-flow/_config.scss +3 -3
- package/src/extensions/react-flow/edges/EdgeLabel.tsx +5 -3
- package/src/extensions/react-flow/edges/_edges.scss +3 -2
- package/src/index.scss +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -8,12 +8,31 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
8
8
|
|
|
9
9
|
### Added
|
|
10
10
|
|
|
11
|
+
- `<ActivityControlWidget />`
|
|
12
|
+
- Add parameter `active` to activity control action to set the `active` state of its button.
|
|
13
|
+
- action now can have a `active` and `notification` property
|
|
11
14
|
- `<ApplicationViewability />`
|
|
12
15
|
- component for hiding elements in specific media
|
|
13
16
|
- `<InlineText />`
|
|
14
|
-
-
|
|
17
|
+
- force children to get displayed as inline content
|
|
18
|
+
- `<DecoupledOverlay />`
|
|
19
|
+
- similar to `ContextOverlay` component but not directly linked to a React element, it specifies the target in the DOM to get connected lazy
|
|
15
20
|
- `<StringPreviewContentBlobToggler />`
|
|
16
|
-
-
|
|
21
|
+
- `useOnly` property: specify if only parts of the content should be used for the shortened preview, this property replaces `firstNonEmptyLineOnly`
|
|
22
|
+
- `<ContextOverlay />`
|
|
23
|
+
- `paddingSize` property to add easily some white space
|
|
24
|
+
- `<CodeEditor />`
|
|
25
|
+
- toolbar in `markdown` mode provides a user config menu for the editor appearance
|
|
26
|
+
- `<RadioButton />`
|
|
27
|
+
- `hideIndicator` property: hide the radio inout indicator but click on children can be processed via `onChange` event
|
|
28
|
+
- `<ColorField />`
|
|
29
|
+
- input component for colors
|
|
30
|
+
- uses a subset from the configured color palette by default, but it also allows to enter custom colors
|
|
31
|
+
- CSS custom properties
|
|
32
|
+
- beside the color palette we now mirror the most important layout configuration variables as CSS custom properties
|
|
33
|
+
- new icons:
|
|
34
|
+
- `state-confirmed-all`
|
|
35
|
+
- `state-declined-all`
|
|
17
36
|
|
|
18
37
|
### Fixed
|
|
19
38
|
|
|
@@ -21,14 +40,33 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
21
40
|
- create more whitespace inside `small` tag
|
|
22
41
|
- reduce visual impact of border
|
|
23
42
|
- `<StringPreviewContentBlobToggler />`
|
|
24
|
-
-
|
|
43
|
+
- take Markdown rendering into account before testing the maximum preview length
|
|
44
|
+
- `<CodeEditor />`
|
|
45
|
+
- fix `disabled` property update
|
|
46
|
+
- `<VisualTour />`
|
|
47
|
+
- fix color of buttons to move to previous/next step
|
|
48
|
+
- take Markdown rendering into account before testing the maximum preview length
|
|
25
49
|
- `<NodeContent />`
|
|
26
50
|
- header-menu items are vertically centered now
|
|
51
|
+
- `<Link />`
|
|
52
|
+
- stabilize font size for on hover state
|
|
53
|
+
- use correct font sizes when `size` property is set
|
|
27
54
|
- `Typography`
|
|
28
|
-
|
|
55
|
+
- adjust displaying fallback symbols in different browsers
|
|
56
|
+
- `<CodeMirror />`
|
|
57
|
+
- use the latest provided `onChange` function
|
|
58
|
+
- `<TextField />`, `<TextArea />`
|
|
59
|
+
- fix emoji false-positives in invisible character detection
|
|
29
60
|
|
|
30
61
|
### Changed
|
|
31
62
|
|
|
63
|
+
- `<MultiSelect />`:
|
|
64
|
+
- Change default filter predicate to match multi-word queries.
|
|
65
|
+
- `<EdgeDefault />`
|
|
66
|
+
- reduce stroke width to only 1px
|
|
67
|
+
- `<CodeMirror />`
|
|
68
|
+
- `wrapLines` and `preventLineNumber` do not use `false` default value but if not set then it will be interpreted as `false`
|
|
69
|
+
- in this way it can be overwritten by new user config for the markdown mode
|
|
32
70
|
- automatically hide user interaction elements in print view
|
|
33
71
|
- all application header components except `<WorkspaceHeader />`
|
|
34
72
|
- `<CardActions />` and `<CardOptions />`
|
|
@@ -43,7 +81,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
43
81
|
### Deprecated
|
|
44
82
|
|
|
45
83
|
- `<StringPreviewContentBlobToggler />`
|
|
46
|
-
-
|
|
84
|
+
- `firstNonEmptyLineOnly` will be removed, is replaced by `useOnly="firstNonEmptyLine"`
|
|
47
85
|
|
|
48
86
|
## [25.0.0] - 2025-12-01
|
|
49
87
|
|
|
@@ -28,23 +28,27 @@ function ActivityControlWidget(props) {
|
|
|
28
28
|
timerExecutionMsg && !(props.statusMessage || tags) && (react_1.default.createElement(index_1.OverviewItemLine, { "data-testid": dataTestId ? `${dataTestId}-status-message` : undefined, "data-test-id": dataTestIdLegacy ? `${dataTestIdLegacy}-status-message` : undefined, small: true }, timerExecutionMsg))),
|
|
29
29
|
react_1.default.createElement(index_1.OverviewItemActions, { "data-testid": dataTestId ? `${dataTestId}-actions` : undefined, "data-test-id": dataTestIdLegacy ? `${dataTestIdLegacy}-actions` : undefined },
|
|
30
30
|
activityActions &&
|
|
31
|
-
activityActions.map((action, idx) => {
|
|
32
|
-
var _a, _b;
|
|
33
|
-
return (react_1.default.createElement(index_1.IconButton, { key: typeof action.icon === "string"
|
|
34
|
-
? action.icon
|
|
35
|
-
: (_b = (_a = action["data-test-id"]) !== null && _a !== void 0 ? _a : action["data-testid"]) !== null && _b !== void 0 ? _b : idx, "data-test-id": action["data-test-id"], "data-testid": action["data-testid"], name: action.icon, text: action.tooltip, onClick: action.action, disabled: action.disabled, intent: action.hasStateWarning ? "warning" : undefined, tooltipProps: {
|
|
36
|
-
hoverOpenDelay: 200,
|
|
37
|
-
placement: "bottom",
|
|
38
|
-
} }));
|
|
39
|
-
}),
|
|
31
|
+
activityActions.map((action, idx) => react_1.default.createElement(ActivityActionButton, { key: idx, action: action })),
|
|
40
32
|
additionalActions,
|
|
41
33
|
activityContextMenu && activityContextMenu.menuItems.length > 0 && (react_1.default.createElement(index_1.ContextMenu, { "data-test-id": activityContextMenu["data-test-id"], togglerText: activityContextMenu.tooltip }, activityContextMenu.menuItems.map((menuAction, idx) => {
|
|
42
|
-
|
|
43
|
-
return (react_1.default.createElement(index_1.MenuItem, { icon: menuAction.icon, key: typeof menuAction.icon === "string"
|
|
44
|
-
? menuAction.icon
|
|
45
|
-
: (_a = menuAction["data-test-id"]) !== null && _a !== void 0 ? _a : idx, onClick: menuAction.action, text: menuAction.tooltip }));
|
|
34
|
+
return (react_1.default.createElement(index_1.MenuItem, { icon: menuAction.icon, key: idx, onClick: menuAction.action, text: menuAction.tooltip }));
|
|
46
35
|
}))))));
|
|
47
36
|
const classname = `${constants_1.CLASSPREFIX}-addon-activitycontrol` + (canShrink ? ` ${constants_1.CLASSPREFIX}-addon-activitycontrol--shrink` : "");
|
|
48
37
|
return border ? (react_1.default.createElement(index_1.Card, { isOnlyLayout: true, elevation: 0, className: classname }, widget)) : (react_1.default.createElement("div", { className: classname }, widget));
|
|
49
38
|
}
|
|
39
|
+
const ActivityActionButton = ({ action }) => {
|
|
40
|
+
var _a;
|
|
41
|
+
const actionButtonRef = react_1.default.useRef(null);
|
|
42
|
+
const ActionButton = () => (react_1.default.createElement(index_1.IconButton, { "data-test-id": action["data-test-id"], "data-testid": action["data-testid"], name: action.icon, text: action.tooltip, onClick: action.action, disabled: action.disabled, intent: action.hasStateWarning ? "warning" : undefined, tooltipProps: {
|
|
43
|
+
hoverOpenDelay: 200,
|
|
44
|
+
placement: "bottom"
|
|
45
|
+
}, active: action.active }));
|
|
46
|
+
return action.notification ?
|
|
47
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
48
|
+
react_1.default.createElement("span", { ref: actionButtonRef },
|
|
49
|
+
react_1.default.createElement(ActionButton, null)),
|
|
50
|
+
actionButtonRef.current && (react_1.default.createElement(index_1.DecoupledOverlay, { targetSelectorOrElement: actionButtonRef.current, paddingSize: "small" },
|
|
51
|
+
react_1.default.createElement(index_1.Notification, { message: action.notification.message, intent: (_a = action.notification.intent) !== null && _a !== void 0 ? _a : "neutral", onDismiss: action.notification.onClose, timeout: action.notification.timeout })))) :
|
|
52
|
+
react_1.default.createElement(ActionButton, null);
|
|
53
|
+
};
|
|
50
54
|
//# sourceMappingURL=ActivityControlWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityControlWidget.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityControlWidget.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"ActivityControlWidget.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityControlWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,7 +47,7 @@ exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, t
|
|
|
47
47
|
htmlFor: "noteinput",
|
|
48
48
|
text: translate("noteLabel"),
|
|
49
49
|
} },
|
|
50
|
-
react_1.default.createElement(extensions_1.CodeEditor, Object.assign({ name: translate("noteLabel"), id: "sticky-note-input", mode: "markdown",
|
|
50
|
+
react_1.default.createElement(extensions_1.CodeEditor, Object.assign({ name: translate("noteLabel"), id: "sticky-note-input", mode: "markdown", useToolbar: true, onChange: (value) => {
|
|
51
51
|
refNote.current = value;
|
|
52
52
|
}, defaultValue: refNote.current }, codeEditorProps))),
|
|
53
53
|
react_1.default.createElement(index_1.FieldItem, { key: "color", labelProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/common/index.js
CHANGED
|
@@ -24,6 +24,7 @@ exports.utils = {
|
|
|
24
24
|
setGlobalVar: globalVars_1.setGlobalVar,
|
|
25
25
|
getScrollParent: getScrollParent_1.getScrollParent,
|
|
26
26
|
getEnabledColorsFromPalette: colorHash_1.getEnabledColorsFromPalette,
|
|
27
|
+
getEnabledColorPropertiesFromPalette: colorHash_1.getEnabledColorPropertiesFromPalette,
|
|
27
28
|
textToColorHash: colorHash_1.textToColorHash,
|
|
28
29
|
reduceToText: reduceToText_1.reduceToText,
|
|
29
30
|
decodeHtmlEntities: he_1.decode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;;;;AAAA,2BAA4B;AAE5B,mDAAkE;AAClE,2EAAwE;AACxE,gGAAwE;AACxE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;;;;AAAA,2BAA4B;AAE5B,mDAAkE;AAClE,2EAAwE;AACxE,gGAAwE;AACxE,iDAAuH;AACvH,0FAAkE;AAClE,6DAA0D;AAC1D,mDAAgE;AAChE,uDAAoD;AACpD,uDAAoD;AAIvC,QAAA,KAAK,GAAG;IACjB,YAAY,EAAZ,2BAAY;IACZ,wBAAwB,EAAxB,kCAAwB;IACxB,sBAAsB,EAAtB,+CAAsB;IACtB,qBAAqB,EAArB,+BAAqB;IACrB,4BAA4B,EAA5B,yCAA4B;IAC5B,YAAY,EAAZ,yBAAY;IACZ,YAAY,EAAZ,yBAAY;IACZ,eAAe,EAAf,iCAAe;IACf,2BAA2B,EAA3B,uCAA2B;IAC3B,oCAAoC,EAApC,gDAAoC;IACpC,eAAe,EAAf,2BAAe;IACf,YAAY,EAAZ,2BAAY;IACZ,kBAAkB,EAAE,WAAM;CAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CssCustomProperties.js","sourceRoot":"","sources":["../../../../src/common/utils/CssCustomProperties.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;;;;;;;;;;;AAiBH,MAAqB,mBAAmB;IAIpC,YAAY,QAAkC,EAAE;QAHhD,uBAAkB,GAAG,EAA8B,CAAC;QACpD,gBAAW,GAAG,EAAE,CAAC;QAMjB,UAAU;QAEV,qBAAgB,GAAG,CAAC,QAAkC,EAAE,
|
|
1
|
+
{"version":3,"file":"CssCustomProperties.js","sourceRoot":"","sources":["../../../../src/common/utils/CssCustomProperties.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,21 +4,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.getEnabledColorsFromPalette = getEnabledColorsFromPalette;
|
|
7
|
+
exports.getEnabledColorPropertiesFromPalette = getEnabledColorPropertiesFromPalette;
|
|
7
8
|
exports.textToColorHash = textToColorHash;
|
|
8
9
|
const color_1 = __importDefault(require("color"));
|
|
9
10
|
const constants_1 = require("../../configuration/constants");
|
|
10
11
|
const colorCalculateDistance_1 = require("./colorCalculateDistance");
|
|
11
12
|
const CssCustomProperties_1 = __importDefault(require("./CssCustomProperties"));
|
|
12
13
|
const getEnabledColorsFromPaletteCache = new Map();
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
const getEnabledColorPropertiesFromPaletteCache = new Map();
|
|
15
|
+
function getEnabledColorsFromPalette(props) {
|
|
16
|
+
const configId = JSON.stringify({
|
|
17
|
+
includePaletteGroup: props.includePaletteGroup,
|
|
18
|
+
includeColorWeight: props.includeColorWeight,
|
|
19
|
+
});
|
|
20
|
+
if (getEnabledColorsFromPaletteCache.has(configId)) {
|
|
21
|
+
return getEnabledColorsFromPaletteCache.get(configId);
|
|
22
|
+
}
|
|
23
|
+
const colorPropertiesFromPalette = Object.values(getEnabledColorPropertiesFromPalette(props));
|
|
24
|
+
getEnabledColorsFromPaletteCache.set(configId, colorPropertiesFromPalette.map((color) => {
|
|
25
|
+
return (0, color_1.default)(color[1]);
|
|
26
|
+
}));
|
|
27
|
+
return getEnabledColorsFromPaletteCache.get(configId);
|
|
28
|
+
}
|
|
29
|
+
function getEnabledColorPropertiesFromPalette({ includePaletteGroup = ["layout"], includeColorWeight = [100, 300, 500, 700, 900],
|
|
30
|
+
// (planned for later): includeMixedColors = false,
|
|
15
31
|
minimalColorDistance = constants_1.COLORMINDISTANCE, }) {
|
|
16
32
|
const configId = JSON.stringify({
|
|
17
33
|
includePaletteGroup,
|
|
18
34
|
includeColorWeight,
|
|
19
35
|
});
|
|
20
|
-
if (
|
|
21
|
-
return
|
|
36
|
+
if (getEnabledColorPropertiesFromPaletteCache.has(configId)) {
|
|
37
|
+
return getEnabledColorPropertiesFromPaletteCache.get(configId);
|
|
22
38
|
}
|
|
23
39
|
const colorsFromPalette = new CssCustomProperties_1.default({
|
|
24
40
|
selectorText: `:root`,
|
|
@@ -33,15 +49,15 @@ minimalColorDistance = constants_1.COLORMINDISTANCE, }) {
|
|
|
33
49
|
const weight = parseInt(tint[2], 10);
|
|
34
50
|
return includePaletteGroup.includes(group) && includeColorWeight.includes(weight);
|
|
35
51
|
},
|
|
36
|
-
removeDashPrefix:
|
|
52
|
+
removeDashPrefix: true,
|
|
37
53
|
returnObject: true,
|
|
38
54
|
}).customProperties();
|
|
39
|
-
const colorsFromPaletteValues = Object.
|
|
55
|
+
const colorsFromPaletteValues = Object.entries(colorsFromPalette);
|
|
40
56
|
const colorsFromPaletteWithEnoughDistance = minimalColorDistance > 0
|
|
41
57
|
? colorsFromPaletteValues.reduce((enoughDistance, color) => {
|
|
42
58
|
if (enoughDistance.includes(color)) {
|
|
43
59
|
return enoughDistance.filter((checkColor) => {
|
|
44
|
-
const distance = (0, colorCalculateDistance_1.colorCalculateDistance)({ color1: color, color2: checkColor });
|
|
60
|
+
const distance = (0, colorCalculateDistance_1.colorCalculateDistance)({ color1: color[1], color2: checkColor[1] });
|
|
45
61
|
return checkColor === color || (distance && minimalColorDistance <= distance);
|
|
46
62
|
});
|
|
47
63
|
}
|
|
@@ -50,10 +66,8 @@ minimalColorDistance = constants_1.COLORMINDISTANCE, }) {
|
|
|
50
66
|
}
|
|
51
67
|
}, colorsFromPaletteValues)
|
|
52
68
|
: colorsFromPaletteValues;
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}));
|
|
56
|
-
return getEnabledColorsFromPaletteCache.get(configId);
|
|
69
|
+
getEnabledColorPropertiesFromPaletteCache.set(configId, colorsFromPaletteWithEnoughDistance);
|
|
70
|
+
return getEnabledColorPropertiesFromPaletteCache.get(configId);
|
|
57
71
|
}
|
|
58
72
|
function getColorcode(text) {
|
|
59
73
|
try {
|
|
@@ -101,7 +115,7 @@ function textToColorHash({ text, options = {
|
|
|
101
115
|
.toString();
|
|
102
116
|
}
|
|
103
117
|
function stringToIntegerHash(inputString) {
|
|
104
|
-
/* this function is
|
|
118
|
+
/* this function is idempotent, meaning it retrieves the same result for the same input
|
|
105
119
|
no matter how many times it's called */
|
|
106
120
|
// Convert the string to a hash code
|
|
107
121
|
let hashCode = 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colorHash.js","sourceRoot":"","sources":["../../../../src/common/utils/colorHash.ts"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"colorHash.js","sourceRoot":"","sources":["../../../../src/common/utils/colorHash.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.ColorField = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
+
const common_1 = require("../../common");
|
|
21
|
+
const constants_1 = require("../../configuration/constants");
|
|
22
|
+
const ContextOverlay_1 = require("../ContextOverlay");
|
|
23
|
+
const Form_1 = require("../Form");
|
|
24
|
+
const RadioButton_1 = require("../RadioButton/RadioButton");
|
|
25
|
+
const Spacing_1 = require("../Separation/Spacing");
|
|
26
|
+
const Tag_1 = require("../Tag");
|
|
27
|
+
const TextField_1 = require("../TextField");
|
|
28
|
+
const Tooltip_1 = require("../Tooltip/Tooltip");
|
|
29
|
+
const Typography_1 = require("../Typography");
|
|
30
|
+
/**
|
|
31
|
+
* Color input field that provides resets from the configured color palette.
|
|
32
|
+
* Use `includeColorWeight` and `includePaletteGroup` to filter them.
|
|
33
|
+
*/
|
|
34
|
+
const ColorField = (_a) => {
|
|
35
|
+
var { className = "", allowCustomColor = false, colorPresets = listColorPalettePresets(), defaultValue, value, onChange, fullWidth = false } = _a, otherTextFieldProps = __rest(_a, ["className", "allowCustomColor", "colorPresets", "defaultValue", "value", "onChange", "fullWidth"]);
|
|
36
|
+
const ref = react_1.default.useRef(null);
|
|
37
|
+
const [colorValue, setColorValue] = react_1.default.useState(defaultValue || value || "#000000");
|
|
38
|
+
if (value && value !== colorValue) {
|
|
39
|
+
setColorValue(value);
|
|
40
|
+
}
|
|
41
|
+
const disableNativePicker = colorPresets.length > 0;
|
|
42
|
+
const disabled = (!disableNativePicker && !allowCustomColor) || otherTextFieldProps.disabled;
|
|
43
|
+
const forwardOnChange = (forwardedEvent) => {
|
|
44
|
+
setColorValue(forwardedEvent.target.value);
|
|
45
|
+
if (onChange) {
|
|
46
|
+
onChange(forwardedEvent);
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
const colorInput = (react_1.default.createElement(TextField_1.TextField, Object.assign({ inputRef: ref, className: (0, classnames_1.default)(`${constants_1.CLASSPREFIX}-colorfield`, className, {
|
|
50
|
+
[`${constants_1.CLASSPREFIX}-colorfield--custom-picker`]: disableNativePicker,
|
|
51
|
+
[`${constants_1.CLASSPREFIX}-colorfield--disabled`]: disabled,
|
|
52
|
+
}),
|
|
53
|
+
// we cannot use `color` type for the custom picker because we do not have control over it then
|
|
54
|
+
type: !disableNativePicker ? "color" : "text", readOnly: disableNativePicker, disabled: disabled, value: colorValue, fullWidth: fullWidth }, otherTextFieldProps, { onChange: !disableNativePicker
|
|
55
|
+
? (e) => {
|
|
56
|
+
forwardOnChange(e);
|
|
57
|
+
}
|
|
58
|
+
: undefined, style: Object.assign(Object.assign({}, otherTextFieldProps.style), { [`--eccgui-colorfield-background`]: colorValue }) })));
|
|
59
|
+
return disableNativePicker && !disabled ? (react_1.default.createElement(ContextOverlay_1.ContextOverlay, { fill: fullWidth, content: react_1.default.createElement(Typography_1.WhiteSpaceContainer, { paddingTop: "small", paddingRight: "small", paddingBottom: "small", paddingLeft: "small", className: `${constants_1.CLASSPREFIX}-colorfield__picker` },
|
|
60
|
+
allowCustomColor && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
61
|
+
react_1.default.createElement(TextField_1.TextField, { type: "color", value: colorValue, onChange: (e) => {
|
|
62
|
+
forwardOnChange(e);
|
|
63
|
+
} }),
|
|
64
|
+
react_1.default.createElement(Spacing_1.Spacing, { size: "small" }))),
|
|
65
|
+
react_1.default.createElement(Form_1.FieldSet, null,
|
|
66
|
+
react_1.default.createElement(Tag_1.TagList, { className: `${constants_1.CLASSPREFIX}-colorfield__palette` }, colorPresets.map((color, idx) => [
|
|
67
|
+
react_1.default.createElement(RadioButton_1.RadioButton, { key: idx, className: `${constants_1.CLASSPREFIX}-colorfield__palette__color`, hideIndicator: true, value: typeof color[1] === "string" ? color[1] : color[1].toString(), onChange: (e) => {
|
|
68
|
+
forwardOnChange(e);
|
|
69
|
+
} },
|
|
70
|
+
react_1.default.createElement(Tooltip_1.Tooltip, { content: color[0] },
|
|
71
|
+
react_1.default.createElement(Tag_1.Tag, { large: true, style: { [`--eccgui-colorfield-palette-color`]: color[1] } }, color[1]))),
|
|
72
|
+
// Looks like we cannot force some type of line break in the tag list via CSS only
|
|
73
|
+
(idx + 1) % 8 === 0 && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
74
|
+
react_1.default.createElement("br", { className: `${constants_1.CLASSPREFIX}-colorfield__palette-linebreak` }))),
|
|
75
|
+
])))) }, colorInput)) : (colorInput);
|
|
76
|
+
};
|
|
77
|
+
exports.ColorField = ColorField;
|
|
78
|
+
const defaultColorPaletteSet = {
|
|
79
|
+
// on default, we only include color weights that can have enough contrasts to black/white
|
|
80
|
+
includeColorWeight: [100, 300, 700, 900],
|
|
81
|
+
// on default, we only include layout colors
|
|
82
|
+
includePaletteGroup: ["layout"],
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* Simple helper function to get a list of colors defined in the color palette.
|
|
86
|
+
*/
|
|
87
|
+
const listColorPalettePresets = (colorPaletteSet = defaultColorPaletteSet) => {
|
|
88
|
+
return common_1.utils
|
|
89
|
+
.getEnabledColorPropertiesFromPalette(Object.assign(Object.assign({}, colorPaletteSet), { minimalColorDistance: 0 }))
|
|
90
|
+
.map((color) => [
|
|
91
|
+
color[0].replace(`${constants_1.CLASSPREFIX}-color-palette-`, ""),
|
|
92
|
+
color[1],
|
|
93
|
+
]);
|
|
94
|
+
};
|
|
95
|
+
exports.ColorField.listColorPalettePresets = listColorPalettePresets;
|
|
96
|
+
/**
|
|
97
|
+
* Simple helper function that provide simple access to color hash calculation.
|
|
98
|
+
*/
|
|
99
|
+
exports.ColorField.calculateColorHashValue = (text, options = Object.assign(Object.assign({}, defaultColorPaletteSet), { allowCustomColor: false })) => {
|
|
100
|
+
const hash = common_1.utils.textToColorHash({
|
|
101
|
+
text,
|
|
102
|
+
options: {
|
|
103
|
+
returnValidColorsDirectly: options.allowCustomColor,
|
|
104
|
+
enabledColors: common_1.utils.getEnabledColorsFromPalette({
|
|
105
|
+
includePaletteGroup: options.includePaletteGroup,
|
|
106
|
+
includeColorWeight: options.includeColorWeight,
|
|
107
|
+
minimalColorDistance: 0,
|
|
108
|
+
}),
|
|
109
|
+
},
|
|
110
|
+
});
|
|
111
|
+
return hash ? hash : undefined;
|
|
112
|
+
};
|
|
113
|
+
exports.default = exports.ColorField;
|
|
114
|
+
//# sourceMappingURL=ColorField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/ColorField/ColorField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA6C;AAC7C,4DAAoC;AAGpC,yCAAqC;AAErC,6DAAsE;AACtE,sDAAmD;AACnD,kCAAmC;AACnC,4DAAyD;AACzD,mDAAgD;AAChD,gCAAsC;AACtC,4CAAyD;AACzD,gDAA6C;AAC7C,8CAAoD;AAgBpD;;;GAGG;AACI,MAAM,UAAU,GAAG,CAAC,EAST,EAAE,EAAE;QATK,EACvB,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,KAAK,EACxB,YAAY,GAAG,uBAAuB,EAAE,EACxC,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,OAEH,EADX,mBAAmB,cARC,mGAS1B,CADyB;IAEtB,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAS,YAAY,IAAI,KAAK,IAAI,SAAS,CAAC,CAAC;IAC/F,IAAI,KAAK,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;QAChC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC;IAED,MAAM,mBAAmB,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,CAAC,CAAC,mBAAmB,IAAI,CAAC,gBAAgB,CAAC,IAAI,mBAAmB,CAAC,QAAQ,CAAC;IAE7F,MAAM,eAAe,GAAG,CAAC,cAAmD,EAAE,EAAE;QAC5E,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,cAAc,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CACf,8BAAC,qBAAS,kBACN,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,GAAG,uBAAM,aAAa,EAAE,SAAS,EAAE;YACrD,CAAC,GAAG,uBAAM,4BAA4B,CAAC,EAAE,mBAAmB;YAC5D,CAAC,GAAG,uBAAM,uBAAuB,CAAC,EAAE,QAAQ;SAC/C,CAAC;QACF,+FAA+F;QAC/F,IAAI,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC7C,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,IAChB,mBAAmB,IACvB,QAAQ,EACJ,CAAC,mBAAmB;YAChB,CAAC,CAAC,CAAC,CAAsC,EAAE,EAAE;gBACvC,eAAe,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;YACH,CAAC,CAAC,SAAS,EAEnB,KAAK,EAAE,gCAAK,mBAAmB,CAAC,KAAK,KAAE,CAAC,gCAAgC,CAAC,EAAE,UAAU,GAAmB,IAC1G,CACL,CAAC;IAEF,OAAO,mBAAmB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACtC,8BAAC,+BAAc,IACX,IAAI,EAAE,SAAS,EACf,OAAO,EACH,8BAAC,gCAAmB,IAChB,UAAU,EAAE,OAAO,EACnB,YAAY,EAAE,OAAO,EACrB,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,OAAO,EACpB,SAAS,EAAE,GAAG,uBAAM,qBAAqB;YAExC,gBAAgB,IAAI,CACjB;gBACI,8BAAC,qBAAS,IACN,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;wBACjD,eAAe,CAAC,CAAC,CAAC,CAAC;oBACvB,CAAC,GACH;gBACF,8BAAC,iBAAO,IAAC,IAAI,EAAE,OAAO,GAAI,CAC3B,CACN;YACD,8BAAC,eAAQ;gBACL,8BAAC,aAAO,IAAC,SAAS,EAAE,GAAG,uBAAM,sBAAsB,IAC9C,YAAa,CAAC,GAAG,CAAC,CAAC,KAA+B,EAAE,GAAW,EAAE,EAAE,CAAC;oBACjE,8BAAC,yBAAW,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,uBAAM,6BAA6B,EACjD,aAAa,QACb,KAAK,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EACpE,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;4BACjD,eAAe,CAAC,CAAC,CAAC,CAAC;wBACvB,CAAC;wBAED,8BAAC,iBAAO,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;4BACtB,8BAAC,SAAG,IACA,KAAK,QACL,KAAK,EAAE,EAAE,CAAC,mCAAmC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAmB,IAE1E,KAAK,CAAC,CAAC,CAAC,CACP,CACA,CACA;oBACd,kFAAkF;oBAClF,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CACnB;wBACI,sCAAI,SAAS,EAAE,GAAG,uBAAM,gCAAgC,GAAI,CAC7D,CACN;iBACJ,CAAC,CACI,CACH,CACO,IAGzB,UAAU,CACE,CACpB,CAAC,CAAC,CAAC,CACA,UAAU,CACb,CAAC;AACN,CAAC,CAAC;AAhHW,QAAA,UAAU,cAgHrB;AAEF,MAAM,sBAAsB,GAA6B;IACrD,0FAA0F;IAC1F,kBAAkB,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IACxC,4CAA4C;IAC5C,mBAAmB,EAAE,CAAC,QAAQ,CAAC;CAClC,CAAC;AAEF;;GAEG;AACH,MAAM,uBAAuB,GAAG,CAAC,eAAe,GAAG,sBAAsB,EAAE,EAAE;IACzE,OAAO,cAAK;SACP,oCAAoC,iCAC9B,eAAe,KAClB,oBAAoB,EAAE,CAAC,IACzB;SACD,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE,CAAC;QACtC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,uBAAM,iBAAiB,EAAE,EAAE,CAAC;QAChD,KAAK,CAAC,CAAC,CAAC;KACX,CAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,kBAAU,CAAC,uBAAuB,GAAG,uBAAuB,CAAC;AAI7D;;GAEG;AACH,kBAAU,CAAC,uBAAuB,GAAG,CACjC,IAAY,EACZ,0CACO,sBAAsB,KACzB,gBAAgB,EAAE,KAAK,GAC1B,EACH,EAAE;IACA,MAAM,IAAI,GAAG,cAAK,CAAC,eAAe,CAAC;QAC/B,IAAI;QACJ,OAAO,EAAE;YACL,yBAAyB,EAAE,OAAO,CAAC,gBAA2B;YAC9D,aAAa,EAAE,cAAK,CAAC,2BAA2B,CAAC;gBAC7C,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;gBAChD,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;gBAC9C,oBAAoB,EAAE,CAAC;aAC1B,CAAC;SACL;KACJ,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AACnC,CAAC,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.ContextOverlay = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const core_1 = require("@blueprintjs/core");
|
|
20
|
-
const
|
|
20
|
+
const index_1 = require("../../index");
|
|
21
21
|
/**
|
|
22
22
|
* Element displays connected content by interacting with a target element.
|
|
23
23
|
* Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
|
|
24
24
|
*/
|
|
25
25
|
const ContextOverlay = (_a) => {
|
|
26
26
|
var _b, _c;
|
|
27
|
-
var { children, portalClassName, preventTopPosition, className = "", usePlaceholder = false } = _a, otherPopoverProps = __rest(_a, ["children", "portalClassName", "preventTopPosition", "className", "usePlaceholder"]);
|
|
27
|
+
var { children, portalClassName, preventTopPosition, className = "", usePlaceholder = false, paddingSize, content } = _a, otherPopoverProps = __rest(_a, ["children", "portalClassName", "preventTopPosition", "className", "usePlaceholder", "paddingSize", "content"]);
|
|
28
28
|
const placeholderRef = react_1.default.useRef(null);
|
|
29
29
|
const eventMemory = react_1.default.useRef(undefined);
|
|
30
30
|
const swapDelay = react_1.default.useRef(null);
|
|
@@ -106,7 +106,7 @@ const ContextOverlay = (_a) => {
|
|
|
106
106
|
break;
|
|
107
107
|
}
|
|
108
108
|
}, []);
|
|
109
|
-
const targetClassName = `${
|
|
109
|
+
const targetClassName = `${index_1.CLASSPREFIX}-contextoverlay` + (className ? ` ${className}` : "");
|
|
110
110
|
const displayPlaceholder = () => {
|
|
111
111
|
var _a, _b, _c;
|
|
112
112
|
const PlaceholderElement = (_a = otherPopoverProps === null || otherPopoverProps === void 0 ? void 0 : otherPopoverProps.targetTagName) !== null && _a !== void 0 ? _a : ((otherPopoverProps === null || otherPopoverProps === void 0 ? void 0 : otherPopoverProps.fill) ? "div" : "span");
|
|
@@ -114,11 +114,11 @@ const ContextOverlay = (_a) => {
|
|
|
114
114
|
if (!childTarget) {
|
|
115
115
|
return null;
|
|
116
116
|
}
|
|
117
|
-
return react_1.default.createElement(PlaceholderElement, Object.assign(Object.assign({}, otherPopoverProps === null || otherPopoverProps === void 0 ? void 0 : otherPopoverProps.targetProps), { className: `${core_1.Classes.POPOVER_TARGET} ${targetClassName} ${
|
|
117
|
+
return react_1.default.createElement(PlaceholderElement, Object.assign(Object.assign({}, otherPopoverProps === null || otherPopoverProps === void 0 ? void 0 : otherPopoverProps.targetProps), { className: `${core_1.Classes.POPOVER_TARGET} ${targetClassName} ${index_1.CLASSPREFIX}-contextoverlay__wrapper--placeholder`, ref: placeholderRef }), react_1.default.cloneElement(childTarget, Object.assign(Object.assign({}, childTarget.props), { className: (_b = childTarget.props.className) !== null && _b !== void 0 ? _b : "" + (otherPopoverProps.fill ? ` ${core_1.Classes.FILL}` : ""), tabIndex: (_c = childTarget.props.tabIndex) !== null && _c !== void 0 ? _c : (!(otherPopoverProps === null || otherPopoverProps === void 0 ? void 0 : otherPopoverProps.disabled) && (otherPopoverProps === null || otherPopoverProps === void 0 ? void 0 : otherPopoverProps.openOnTargetFocus) ? 0 : undefined) })));
|
|
118
118
|
};
|
|
119
|
-
const portalClassNameFinal = (preventTopPosition ? `${
|
|
119
|
+
const portalClassNameFinal = (preventTopPosition ? `${index_1.CLASSPREFIX}-contextoverlay__portal--lowertop` : "") +
|
|
120
120
|
(portalClassName ? ` ${portalClassName}` : "");
|
|
121
|
-
return placeholder ? (displayPlaceholder()) : (react_1.default.createElement(core_1.Popover, Object.assign({ placement: "bottom" }, otherPopoverProps, { className: targetClassName, portalClassName: (_c = portalClassNameFinal.trim()) !== null && _c !== void 0 ? _c : undefined, ref: refocus }), children));
|
|
121
|
+
return placeholder ? (displayPlaceholder()) : (react_1.default.createElement(core_1.Popover, Object.assign({ placement: "bottom", content: content ? (paddingSize ? (react_1.default.createElement(index_1.WhiteSpaceContainer, { paddingTop: paddingSize, paddingRight: paddingSize, paddingBottom: paddingSize, paddingLeft: paddingSize }, content)) : content) : undefined }, otherPopoverProps, { className: targetClassName, portalClassName: (_c = portalClassNameFinal.trim()) !== null && _c !== void 0 ? _c : undefined, ref: refocus }), children));
|
|
122
122
|
};
|
|
123
123
|
exports.ContextOverlay = ContextOverlay;
|
|
124
124
|
exports.default = exports.ContextOverlay;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextOverlay.js","sourceRoot":"","sources":["../../../../src/components/ContextOverlay/ContextOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAM2B;AAE3B,
|
|
1
|
+
{"version":3,"file":"ContextOverlay.js","sourceRoot":"","sources":["../../../../src/components/ContextOverlay/ContextOverlay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,47 @@
|
|
|
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.DecoupledOverlay = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_dom_1 = require("react-dom");
|
|
9
|
+
const core_1 = require("@blueprintjs/core");
|
|
10
|
+
const core_2 = require("@popperjs/core");
|
|
11
|
+
const index_1 = require("../../index");
|
|
12
|
+
/**
|
|
13
|
+
* Use an overlay popover without the necessity to use a target that need to be rendered in place.
|
|
14
|
+
* The target is referenced by a selector string or element object.
|
|
15
|
+
* It can exist somewhere in the DOM, but it must exist when the overlay is rendered.
|
|
16
|
+
* It is always displayed, close it by removement.
|
|
17
|
+
*/
|
|
18
|
+
const DecoupledOverlay = ({ targetSelectorOrElement, usePortal = true, portalContainer = document.body, minimal = false, placement = "auto", size = "large", paddingSize, children, }) => {
|
|
19
|
+
const overlayRef = react_1.default.useCallback((overlay) => {
|
|
20
|
+
const target = typeof targetSelectorOrElement === "string"
|
|
21
|
+
? document.querySelector(targetSelectorOrElement)
|
|
22
|
+
: targetSelectorOrElement;
|
|
23
|
+
if (overlay && target) {
|
|
24
|
+
(0, core_2.createPopper)(target, overlay, {
|
|
25
|
+
placement: placement,
|
|
26
|
+
modifiers: [
|
|
27
|
+
{
|
|
28
|
+
name: "offset",
|
|
29
|
+
options: {
|
|
30
|
+
offset: [0, 15],
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
}, [targetSelectorOrElement]);
|
|
37
|
+
const overlay = (react_1.default.createElement("div", { className: `${index_1.CLASSPREFIX}-decoupled-overlay` +
|
|
38
|
+
` ${index_1.CLASSPREFIX}-decoupled-overlay--${size}` +
|
|
39
|
+
` ${core_1.Classes.POPOVER}` +
|
|
40
|
+
(minimal ? ` ${core_1.Classes.MINIMAL}` : ""), role: "tooltip", ref: overlayRef },
|
|
41
|
+
!minimal && (react_1.default.createElement("div", { className: `${index_1.CLASSPREFIX}-decoupled-overlay__arrow ${core_1.Classes.POPOVER_ARROW}`, "data-popper-arrow": true, "aria-hidden": true })),
|
|
42
|
+
react_1.default.createElement("div", { className: `${core_1.Classes.POPOVER_CONTENT} ${index_1.CLASSPREFIX}-decoupled-overlay__content` }, paddingSize ? (react_1.default.createElement(index_1.WhiteSpaceContainer, { paddingTop: paddingSize, paddingRight: paddingSize, paddingBottom: paddingSize, paddingLeft: paddingSize }, children)) : children)));
|
|
43
|
+
return usePortal ? (0, react_dom_1.createPortal)(overlay, portalContainer) : overlay;
|
|
44
|
+
};
|
|
45
|
+
exports.DecoupledOverlay = DecoupledOverlay;
|
|
46
|
+
exports.default = exports.DecoupledOverlay;
|
|
47
|
+
//# sourceMappingURL=DecoupledOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DecoupledOverlay.js","sourceRoot":"","sources":["../../../../src/components/DecoupledOverlay/DecoupledOverlay.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yCAAyC;AACzC,4CAAgE;AAChE,yCAA8C;AAE9C,uCAA8H;AAgB9H;;;;;GAKG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC7B,uBAAuB,EACvB,SAAS,GAAG,IAAI,EAChB,eAAe,GAAG,QAAQ,CAAC,IAAI,EAC/B,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,MAAM,EAClB,IAAI,GAAG,OAAO,EACd,WAAW,EACX,QAAQ,GACY,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,eAAK,CAAC,WAAW,CAChC,CAAC,OAA8B,EAAE,EAAE;QAC/B,MAAM,MAAM,GACR,OAAO,uBAAuB,KAAK,QAAQ;YACvC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC;YACjD,CAAC,CAAC,uBAAuB,CAAC;QAClC,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;YACpB,IAAA,mBAAY,EAAC,MAAM,EAAE,OAAO,EAAE;gBAC1B,SAAS,EAAE,SAAS;gBACpB,SAAS,EAAE;oBACP;wBACI,IAAI,EAAE,QAAQ;wBACd,OAAO,EAAE;4BACL,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;yBAClB;qBACJ;iBACJ;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC5B,CAAC;IAEF,MAAM,OAAO,GAAG,CACZ,uCACI,SAAS,EACL,GAAG,mBAAM,oBAAoB;YAC7B,IAAI,mBAAM,uBAAuB,IAAI,EAAE;YACvC,IAAI,cAAgB,CAAC,OAAO,EAAE;YAC9B,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,cAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAEnD,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,UAAU;QAEd,CAAC,OAAO,IAAI,CACT,uCACI,SAAS,EAAE,GAAG,mBAAM,6BAA6B,cAAgB,CAAC,aAAa,EAAE,mDAGnF,CACL;QACD,uCAAK,SAAS,EAAE,GAAG,cAAgB,CAAC,eAAe,IAAI,mBAAM,6BAA6B,IACrF,WAAW,CAAC,CAAC,CAAC,CACX,8BAAC,2BAAmB,IAChB,UAAU,EAAE,WAAW,EACvB,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,WAAW,EAC1B,WAAW,EAAE,WAAW,IAEvB,QAAQ,CACS,CACzB,CAAC,CAAC,CAAC,QAAQ,CACV,CACJ,CACT,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;AACxE,CAAC,CAAC;AAnEW,QAAA,gBAAgB,oBAmE3B;AAEF,kBAAe,wBAAgB,CAAC"}
|
|
@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
const icons = __importStar(require("@carbon/react/icons"));
|
|
27
|
+
const transformIcon_1 = require("./transformIcon");
|
|
27
28
|
const canonicalIcons = {
|
|
28
29
|
"application-activities": icons.Activity,
|
|
29
30
|
"application-dataintegration": icons.DataUnstructured,
|
|
@@ -186,8 +187,10 @@ const canonicalIcons = {
|
|
|
186
187
|
"state-checked": icons.CheckboxChecked,
|
|
187
188
|
"state-checkedsimple": icons.Checkmark,
|
|
188
189
|
"state-confirmed": icons.ThumbsUp,
|
|
190
|
+
"state-confirmed-all": icons.ThumbsUpDouble,
|
|
189
191
|
"state-danger": icons.ErrorFilled,
|
|
190
192
|
"state-declined": icons.ThumbsDown,
|
|
193
|
+
"state-declined-all": (0, transformIcon_1.transform)(icons.ThumbsUpDouble, 0, false, true),
|
|
191
194
|
"state-flagged": icons.Flag,
|
|
192
195
|
"state-info": icons.InformationFilled,
|
|
193
196
|
"state-locked": icons.Locked,
|