@eccenca/gui-elements 23.0.0-rc.7 → 23.1.0-easynav.0
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 +58 -20
- package/README.md +7 -0
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js +7 -2
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +3 -7
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js +200 -0
- package/dist/cjs/cmem/react-flow/extensions/scrollOnDragHook.js.map +1 -0
- package/dist/cjs/common/Intent/index.js +7 -3
- package/dist/cjs/common/Intent/index.js.map +1 -1
- package/dist/cjs/common/utils/characters.js +82 -0
- package/dist/cjs/common/utils/characters.js.map +1 -0
- package/dist/cjs/components/Application/ApplicationTitle.js +2 -2
- package/dist/cjs/components/Application/ApplicationTitle.js.map +1 -1
- package/dist/cjs/components/Badge/Badge.js +44 -0
- package/dist/cjs/components/Badge/Badge.js.map +1 -0
- package/dist/cjs/components/Depiction/Depiction.js +111 -0
- package/dist/cjs/components/Depiction/Depiction.js.map +1 -0
- package/dist/cjs/components/Grid/Grid.js +7 -2
- package/dist/cjs/components/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/Grid/GridColumn.js +6 -2
- package/dist/cjs/components/Grid/GridColumn.js.map +1 -1
- package/dist/cjs/components/Grid/GridRow.js +3 -0
- package/dist/cjs/components/Grid/GridRow.js.map +1 -1
- package/dist/cjs/components/Icon/BaseIcon.js +38 -0
- package/dist/cjs/components/Icon/BaseIcon.js.map +1 -0
- package/dist/cjs/components/Icon/Icon.js +9 -24
- package/dist/cjs/components/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/Icon/IconButton.js +8 -1
- package/dist/cjs/components/Icon/IconButton.js.map +1 -1
- package/dist/cjs/components/Icon/TestIcon.js +35 -0
- package/dist/cjs/components/Icon/TestIcon.js.map +1 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js +123 -621
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/Icon/index.js +11 -0
- package/dist/cjs/components/Icon/index.js.map +1 -0
- package/dist/cjs/components/Menu/MenuItem.js +1 -1
- package/dist/cjs/components/Menu/MenuItem.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +56 -23
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/Notification/Notification.js +10 -2
- package/dist/cjs/components/Notification/Notification.js.map +1 -1
- package/dist/cjs/components/OverviewItem/OverviewItemDepiction.js +24 -0
- package/dist/cjs/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
- package/dist/cjs/components/Tag/Tag.js +6 -2
- package/dist/cjs/components/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/TextField/TextArea.js +4 -2
- package/dist/cjs/components/TextField/TextArea.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.js +4 -2
- package/dist/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/cjs/components/TextField/useTextValidation.js +84 -0
- package/dist/cjs/components/TextField/useTextValidation.js.map +1 -0
- package/dist/cjs/components/Tree/Tree.js.map +1 -1
- package/dist/cjs/components/Typography/Highlighter.js.map +1 -1
- package/dist/cjs/components/Typography/OverflowText.js.map +1 -1
- package/dist/cjs/components/Typography/WhiteSpaceContainer.js +35 -12
- package/dist/cjs/components/Typography/WhiteSpaceContainer.js.map +1 -1
- package/dist/cjs/components/Typography/index.js +21 -0
- package/dist/cjs/components/Typography/index.js.map +1 -0
- package/dist/cjs/components/Workspace/WorkspaceContent.js +1 -1
- package/dist/cjs/components/Workspace/WorkspaceContent.js.map +1 -1
- package/dist/cjs/components/index.js +18 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js +4 -3
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +29 -25
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js +2 -2
- package/dist/cjs/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/versionsupport.js +3 -0
- package/dist/cjs/extensions/react-flow/versionsupport.js.map +1 -0
- package/dist/cjs/index.js +7 -17
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js +7 -2
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +3 -6
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/esm/cmem/react-flow/extensions/scrollOnDragHook.js +194 -0
- package/dist/esm/cmem/react-flow/extensions/scrollOnDragHook.js.map +1 -0
- package/dist/esm/common/Intent/index.js +5 -13
- package/dist/esm/common/Intent/index.js.map +1 -1
- package/dist/esm/common/utils/characters.js +96 -0
- package/dist/esm/common/utils/characters.js.map +1 -0
- package/dist/esm/components/Application/ApplicationTitle.js +2 -2
- package/dist/esm/components/Application/ApplicationTitle.js.map +1 -1
- package/dist/esm/components/Badge/Badge.js +48 -0
- package/dist/esm/components/Badge/Badge.js.map +1 -0
- package/dist/esm/components/Depiction/Depiction.js +96 -0
- package/dist/esm/components/Depiction/Depiction.js.map +1 -0
- package/dist/esm/components/Grid/Grid.js +7 -2
- package/dist/esm/components/Grid/Grid.js.map +1 -1
- package/dist/esm/components/Grid/GridColumn.js +6 -2
- package/dist/esm/components/Grid/GridColumn.js.map +1 -1
- package/dist/esm/components/Grid/GridRow.js +3 -0
- package/dist/esm/components/Grid/GridRow.js.map +1 -1
- package/dist/esm/components/Icon/BaseIcon.js +44 -0
- package/dist/esm/components/Icon/BaseIcon.js.map +1 -0
- package/dist/esm/components/Icon/Icon.js +9 -24
- package/dist/esm/components/Icon/Icon.js.map +1 -1
- package/dist/esm/components/Icon/IconButton.js +8 -1
- package/dist/esm/components/Icon/IconButton.js.map +1 -1
- package/dist/esm/components/Icon/TestIcon.js +41 -0
- package/dist/esm/components/Icon/TestIcon.js.map +1 -0
- package/dist/esm/components/Icon/canonicalIconNames.js +123 -621
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/Icon/index.js +4 -0
- package/dist/esm/components/Icon/index.js.map +1 -0
- package/dist/esm/components/Menu/MenuItem.js +1 -1
- package/dist/esm/components/Menu/MenuItem.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +61 -44
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/Notification/Notification.js +12 -4
- package/dist/esm/components/Notification/Notification.js.map +1 -1
- package/dist/esm/components/OverviewItem/OverviewItemDepiction.js +24 -0
- package/dist/esm/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
- package/dist/esm/components/Tag/Tag.js +6 -2
- package/dist/esm/components/Tag/Tag.js.map +1 -1
- package/dist/esm/components/TextField/TextArea.js +4 -2
- package/dist/esm/components/TextField/TextArea.js.map +1 -1
- package/dist/esm/components/TextField/TextField.js +4 -2
- package/dist/esm/components/TextField/TextField.js.map +1 -1
- package/dist/esm/components/TextField/useTextValidation.js +78 -0
- package/dist/esm/components/TextField/useTextValidation.js.map +1 -0
- package/dist/esm/components/Tree/Tree.js.map +1 -1
- package/dist/esm/components/Typography/Highlighter.js.map +1 -1
- package/dist/esm/components/Typography/OverflowText.js.map +1 -1
- package/dist/esm/components/Typography/WhiteSpaceContainer.js +16 -14
- package/dist/esm/components/Typography/WhiteSpaceContainer.js.map +1 -1
- package/dist/esm/components/Typography/index.js +12 -0
- package/dist/esm/components/Typography/index.js.map +1 -0
- package/dist/esm/components/Workspace/WorkspaceContent.js +1 -1
- package/dist/esm/components/Workspace/WorkspaceContent.js.map +1 -1
- package/dist/esm/components/index.js +6 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js +5 -4
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js +37 -32
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeDefault.js +2 -2
- package/dist/esm/extensions/react-flow/nodes/NodeDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/versionsupport.js +2 -0
- package/dist/esm/extensions/react-flow/versionsupport.js.map +1 -0
- package/dist/esm/index.js +5 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts +2 -1
- package/dist/types/cmem/react-flow/ReactFlow/ReactFlow.d.ts +14 -0
- package/dist/types/cmem/react-flow/extensions/scrollOnDragHook.d.ts +22 -0
- package/dist/types/common/Intent/index.d.ts +4 -3
- package/dist/types/common/utils/characters.d.ts +19 -0
- package/dist/types/components/Badge/Badge.d.ts +42 -0
- package/dist/types/components/Depiction/Depiction.d.ts +71 -0
- package/dist/types/components/Grid/Grid.d.ts +21 -2
- package/dist/types/components/Grid/GridColumn.d.ts +21 -3
- package/dist/types/components/Grid/GridRow.d.ts +18 -2
- package/dist/types/components/Icon/BaseIcon.d.ts +45 -0
- package/dist/types/components/Icon/Icon.d.ts +7 -34
- package/dist/types/components/Icon/IconButton.d.ts +3 -2
- package/dist/types/components/Icon/TestIcon.d.ts +20 -0
- package/dist/types/components/Icon/canonicalIconNames.d.ts +9 -7
- package/dist/types/components/Icon/index.d.ts +4 -0
- package/dist/types/components/Menu/MenuItem.d.ts +2 -1
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +3 -1
- package/dist/types/components/Notification/Notification.d.ts +13 -4
- package/dist/types/components/Tabs/Tab.d.ts +2 -0
- package/dist/types/components/Tag/Tag.d.ts +16 -3
- package/dist/types/components/TextField/TextArea.d.ts +7 -2
- package/dist/types/components/TextField/TextField.d.ts +6 -1
- package/dist/types/components/TextField/useTextValidation.d.ts +28 -0
- package/dist/types/components/Tree/Tree.d.ts +2 -1
- package/dist/types/components/Typography/Highlighter.d.ts +2 -2
- package/dist/types/components/Typography/OverflowText.d.ts +2 -2
- package/dist/types/components/Typography/WhiteSpaceContainer.d.ts +45 -4
- package/dist/types/components/Typography/index.d.ts +12 -0
- package/dist/types/components/index.d.ts +5 -0
- package/dist/types/extensions/react-flow/handles/HandleDefault.d.ts +11 -3
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +16 -6
- package/dist/types/extensions/react-flow/nodes/NodeDefault.d.ts +2 -1
- package/dist/types/extensions/react-flow/versionsupport.d.ts +6 -0
- package/dist/types/index.d.ts +6 -11
- package/package.json +14 -16
- package/scripts/compile-sass.ts +9 -1
- package/src/_shame.scss +1 -1
- package/src/cmem/ActivityControl/ActivityControlWidget.stories.tsx +6 -4
- package/src/cmem/ActivityControl/ActivityControlWidget.tsx +3 -2
- package/src/cmem/react-flow/ReactFlow/ReactFlow.tsx +26 -1
- package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +10 -6
- package/src/cmem/react-flow/extensions/scrollOnDragHook.ts +247 -0
- package/src/common/Intent/index.ts +16 -12
- package/src/common/utils/characters.ts +111 -0
- package/src/components/Accordion/accordion.scss +4 -3
- package/src/components/Application/ApplicationTitle.tsx +2 -2
- package/src/components/Application/_config.scss +1 -1
- package/src/components/Application/_content.scss +1 -1
- package/src/components/Application/_header.scss +2 -2
- package/src/components/Application/_sidebar.scss +2 -9
- package/src/components/Application/_toolbar.scss +1 -1
- package/src/components/Application/application.scss +4 -4
- package/src/components/AutocompleteField/autoCompleteFieldUtils.tsx +13 -8
- package/src/components/Badge/Badge.stories.tsx +47 -0
- package/src/components/Badge/Badge.tsx +93 -0
- package/src/components/Badge/badge.scss +44 -0
- package/src/components/Depiction/Depiction.tsx +198 -0
- package/src/components/Depiction/depiction.scss +176 -0
- package/src/components/Depiction/stories/Depiction.stories.tsx +69 -0
- package/src/components/Depiction/stories/test-16to9.png +0 -0
- package/src/components/Depiction/stories/test-16to9.svg +41 -0
- package/src/components/Depiction/stories/test-16to9.tobase64.svg +41 -0
- package/src/components/Depiction/stories/test-16to9.tsx +44 -0
- package/src/components/Depiction/stories/test-9to16.png +0 -0
- package/src/components/Depiction/stories/test-9to16.svg +44 -0
- package/src/components/Depiction/stories/test-9to16.tobase64.svg +44 -0
- package/src/components/Depiction/stories/test-9to16.tsx +48 -0
- package/src/components/Grid/Grid.tsx +22 -4
- package/src/components/Grid/GridColumn.tsx +24 -7
- package/src/components/Grid/GridRow.tsx +18 -3
- package/src/components/Grid/grid.scss +14 -13
- package/src/components/Grid/stories/Grid.stories.tsx +27 -0
- package/src/components/Grid/stories/GridColumn.stories.tsx +66 -0
- package/src/components/Grid/stories/GridRow.stories.tsx +47 -0
- package/src/components/Icon/BaseIcon.tsx +84 -0
- package/src/components/Icon/Icon.tsx +23 -82
- package/src/components/Icon/IconButton.tsx +18 -14
- package/src/components/Icon/TestIcon.tsx +39 -0
- package/src/components/Icon/canonicalIconNames.tsx +132 -633
- package/src/components/Icon/index.ts +5 -0
- package/src/components/Icon/stories/Icon.stories.tsx +13 -0
- package/src/components/Icon/stories/IconButton.stories.tsx +14 -7
- package/src/components/Icon/stories/TestIcon.stories.tsx +28 -0
- package/src/components/Link/link.scss +2 -1
- package/src/components/Menu/MenuItem.tsx +14 -4
- package/src/components/Menu/Stories/MenuItem.stories.tsx +16 -2
- package/src/components/MultiSelect/MultiSelect.tsx +58 -27
- package/src/components/Notification/Notification.stories.tsx +4 -0
- package/src/components/Notification/Notification.tsx +26 -6
- package/src/components/OverviewItem/OverviewItemDepiction.tsx +31 -0
- package/src/components/OverviewItem/overviewitem.scss +2 -1
- package/src/components/OverviewItem/stories/OverviewItem.stories.tsx +22 -1
- package/src/components/OverviewItem/stories/OverviewItemDepiction.stories.tsx +8 -3
- package/src/components/Pagination/pagination.scss +3 -2
- package/src/components/SimpleTable/simpletable.scss +11 -12
- package/src/components/Tag/Tag.stories.tsx +7 -2
- package/src/components/Tag/Tag.tsx +24 -4
- package/src/components/Tag/tag.scss +84 -3
- package/src/components/TagInput/taginput.scss +6 -0
- package/src/components/TextField/TextArea.tsx +10 -1
- package/src/components/TextField/TextField.tsx +9 -0
- package/src/components/TextField/stories/SearchField.stories.tsx +1 -1
- package/src/components/TextField/textfield.scss +12 -0
- package/src/components/TextField/useTextValidation.ts +103 -0
- package/src/components/Tooltip/tooltip.scss +1 -1
- package/src/components/Tree/Tree.stories.tsx +7 -1
- package/src/components/Tree/Tree.tsx +2 -1
- package/src/components/Typography/Highlighter.tsx +2 -2
- package/src/components/Typography/OverflowText.tsx +2 -2
- package/src/components/Typography/WhiteSpaceContainer.tsx +69 -21
- package/src/components/Typography/index.ts +25 -0
- package/src/components/Typography/stories/WhiteSpaceContainer.stories.tsx +55 -0
- package/src/components/Typography/typography.scss +3 -2
- package/src/components/Workspace/WorkspaceContent.tsx +1 -1
- package/src/components/index.scss +5 -0
- package/src/components/index.ts +5 -0
- package/src/extensions/react-flow/handles/HandleDefault.tsx +31 -10
- package/src/extensions/react-flow/nodes/NodeContent.tsx +69 -39
- package/src/extensions/react-flow/nodes/NodeDefault.tsx +4 -2
- package/src/extensions/react-flow/nodes/_nodes.scss +13 -7
- package/src/extensions/react-flow/nodes/stories/NodeContent.stories.tsx +5 -0
- package/src/extensions/react-flow/versionsupport.ts +6 -0
- package/src/includes/carbon-components/_components.scss +11 -0
- package/src/includes/carbon-components/_requisits.scss +18 -0
- package/src/includes/carbon-components/_variables.scss +50 -53
- package/src/index.scss +4 -105
- package/src/index.ts +6 -16
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from "react";
|
|
24
|
+
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
25
|
+
import Tooltip from "./../Tooltip/Tooltip.js";
|
|
26
|
+
/**
|
|
27
|
+
* The base icon provides the basic functionality that is necessary to wrap the Carbon icon component.
|
|
28
|
+
*/
|
|
29
|
+
function BaseIcon(_a) {
|
|
30
|
+
var iconComponent = _a.iconComponent, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.large, large = _c === void 0 ? false : _c, _d = _a.small, small = _d === void 0 ? false : _d, tooltipText = _a.tooltipText, tooltipProps = _a.tooltipProps, intent = _a.intent, description = _a.description, restProps = __rest(_a, ["iconComponent", "className", "large", "small", "tooltipText", "tooltipProps", "intent", "description"]);
|
|
31
|
+
var sizeConfig = { height: 20, width: 20, size: 20 };
|
|
32
|
+
if (small)
|
|
33
|
+
sizeConfig = { height: 16, width: 16, size: 16 };
|
|
34
|
+
if (large)
|
|
35
|
+
sizeConfig = { height: 32, width: 32, size: 32 };
|
|
36
|
+
var CarbonIconNamed = iconComponent;
|
|
37
|
+
var icon = (React.createElement(CarbonIconNamed, __assign({}, restProps, sizeConfig, { description: description !== null && description !== void 0 ? description : (tooltipText !== null && tooltipText !== void 0 ? tooltipText : ""), className: eccgui + "-icon" +
|
|
38
|
+
(intent ? " " + eccgui + "-intent--" + intent : "") +
|
|
39
|
+
(!!className ? " " + className : "") })));
|
|
40
|
+
return tooltipText ? (React.createElement(Tooltip, __assign({ content: tooltipText }, tooltipProps),
|
|
41
|
+
React.createElement("span", null, icon))) : (icon);
|
|
42
|
+
}
|
|
43
|
+
export default BaseIcon;
|
|
44
|
+
//# sourceMappingURL=BaseIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/BaseIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,OAAyB,MAAM,sBAAsB,CAAC;AAuC7D;;GAEG;AACH,SAAS,QAAQ,CAAC,EAUF;IATZ,IAAA,aAAa,mBAAA,EACb,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,WAAW,iBAAA,EACR,SAAS,cATE,wGAUjB,CADe;IAEZ,IAAI,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IACrD,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,IAAM,eAAe,GAAG,aAAa,CAAC;IAEtC,IAAM,IAAI,GAAG,CACT,oBAAC,eAAe,eACR,SAAS,EACT,UAAU,IACd,WAAW,EAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,EAChD,SAAS,EACF,MAAM,UAAO;YAChB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,MAAM,iBAAY,MAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9C,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAE1C,CACL,CAAC;IACF,OAAO,WAAW,CAAC,CAAC,CAAC,CACjB,oBAAC,OAAO,aAAC,OAAO,EAAE,WAAW,IAAM,YAAY;QAC3C,kCAAO,IAAI,CAAQ,CACb,CACb,CAAC,CAAC,CAAC,CACA,IAAI,CACP,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -46,13 +46,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
46
46
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
47
47
|
};
|
|
48
48
|
import React from "react";
|
|
49
|
-
import
|
|
50
|
-
import Tooltip from "./../Tooltip/Tooltip.js";
|
|
49
|
+
import BaseIcon from "./BaseIcon.js";
|
|
51
50
|
import canonicalIcons from "./canonicalIconNames.js";
|
|
52
51
|
/** Returns the first icon that exists or the fallback icon. */
|
|
53
52
|
var findExistingIcon = function (iconName, fallbackItem) {
|
|
54
53
|
var _a;
|
|
55
|
-
if (fallbackItem === void 0) { fallbackItem = canonicalIcons["
|
|
54
|
+
if (fallbackItem === void 0) { fallbackItem = canonicalIcons["undefined"]; }
|
|
56
55
|
if (typeof iconName === "string") {
|
|
57
56
|
return (_a = canonicalIcons[iconName]) !== null && _a !== void 0 ? _a : fallbackItem;
|
|
58
57
|
}
|
|
@@ -62,7 +61,7 @@ var findExistingIcon = function (iconName, fallbackItem) {
|
|
|
62
61
|
};
|
|
63
62
|
/** Returns the first icon name that exists or the fallback icon name. */
|
|
64
63
|
export var findExistingIconName = function (iconNames, fallbackIconName) {
|
|
65
|
-
if (fallbackIconName === void 0) { fallbackIconName = "
|
|
64
|
+
if (fallbackIconName === void 0) { fallbackIconName = "undefined"; }
|
|
66
65
|
var foundIconName = fallbackIconName;
|
|
67
66
|
var iconNameStack = __spreadArray([], __read(iconNames), false);
|
|
68
67
|
while (foundIconName === fallbackIconName && iconNameStack.length > 0) {
|
|
@@ -73,27 +72,13 @@ export var findExistingIconName = function (iconNames, fallbackIconName) {
|
|
|
73
72
|
}
|
|
74
73
|
return foundIconName;
|
|
75
74
|
};
|
|
75
|
+
/**
|
|
76
|
+
* The icon provides a graphical symbol that is specified by a canonical name.
|
|
77
|
+
* This name is hard-coded to force a homegenous usage of the [Carbon icon library](https://carbondesignsystem.com/guidelines/icons/library).
|
|
78
|
+
*/
|
|
76
79
|
function Icon(_a) {
|
|
77
|
-
var
|
|
78
|
-
|
|
79
|
-
if (small)
|
|
80
|
-
sizeConfig = { height: 16, width: 16 };
|
|
81
|
-
if (large)
|
|
82
|
-
sizeConfig = { height: 32, width: 32 };
|
|
83
|
-
var carbonIcon = findExistingIcon(name);
|
|
84
|
-
var CarbonIconSized = carbonIcon.normal;
|
|
85
|
-
if (small)
|
|
86
|
-
CarbonIconSized = carbonIcon.small;
|
|
87
|
-
if (large)
|
|
88
|
-
CarbonIconSized = carbonIcon.large;
|
|
89
|
-
if (!!tooltipText && !restProps.description) {
|
|
90
|
-
restProps['description'] = tooltipText;
|
|
91
|
-
}
|
|
92
|
-
var icon = (React.createElement(CarbonIconSized, __assign({}, restProps, sizeConfig, { className: eccgui + "-icon " +
|
|
93
|
-
(intent ? eccgui + "-intent--" + intent + " " : "") +
|
|
94
|
-
className })));
|
|
95
|
-
return tooltipText ? (React.createElement(Tooltip, __assign({ content: tooltipText }, tooltipProps),
|
|
96
|
-
React.createElement("span", null, icon))) : (icon);
|
|
80
|
+
var name = _a.name, otherBaseIconProps = __rest(_a, ["name"]);
|
|
81
|
+
return React.createElement(BaseIcon, __assign({ iconComponent: findExistingIcon(name) }, otherBaseIconProps));
|
|
97
82
|
}
|
|
98
83
|
export default Icon;
|
|
99
84
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAA2B,MAAM,YAAY,CAAC;AACrD,OAAO,cAAiD,MAAM,sBAAsB,CAAA;AAUpF,+DAA+D;AAC/D,IAAM,gBAAgB,GAAG,UACrB,QAAkC,EAClC,YAA0D;;IAA1D,6BAAA,EAAA,eAA+B,cAAc,CAAC,WAAW,CAAC;IAE1D,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAA,cAAc,CAAC,QAAQ,CAAC,mCAAI,YAAY,CAAC;KACnD;SAAM;QACH,OAAO,cAAc,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;KACzD;AACL,CAAC,CAAA;AAED,yEAAyE;AACzE,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAChC,SAAmB,EACnB,gBAA6C;IAA7C,iCAAA,EAAA,8BAA6C;IAE7C,IAAI,aAAa,GAAW,gBAAgB,CAAC;IAC7C,IAAM,aAAa,4BAAO,SAAS,SAAC,CAAC;IACrC,OAAO,aAAa,KAAK,gBAAgB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QACnE,IAAI,cAAc,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3C,IAAI,cAAc,IAAK,cAAsB,CAAC,cAAc,CAAC,IAAI,IAAI,EAAE;YACnE,aAAa,GAAG,cAAc,CAAC;SAClC;KACJ;IACD,OAAO,aAA8B,CAAC;AAC1C,CAAC,CAAA;AAED;;;GAGG;AACH,SAAS,IAAI,CAAC,EAGF;IAFR,IAAA,IAAI,UAAA,EACD,kBAAkB,cAFX,QAGb,CADwB;IAErB,OAAO,oBAAC,QAAQ,aAAC,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAM,kBAAkB,EAAI,CAAA;AACtF,CAAC;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -27,7 +27,14 @@ import Icon from "./Icon.js";
|
|
|
27
27
|
/** A button with an icon instead of text. */
|
|
28
28
|
function IconButton(_a) {
|
|
29
29
|
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.name, name = _c === void 0 ? "undefined" : _c, text = _a.text, tooltipProps = _a.tooltipProps, description = _a.description, _d = _a.tooltipAsTitle, tooltipAsTitle = _d === void 0 ? false : _d, _e = _a.minimal, minimal = _e === void 0 ? true : _e, restProps = __rest(_a, ["className", "name", "text", "tooltipProps", "description", "tooltipAsTitle", "minimal"]);
|
|
30
|
-
|
|
30
|
+
var iconProps = {
|
|
31
|
+
small: restProps.small,
|
|
32
|
+
large: restProps.large,
|
|
33
|
+
tooltipText: tooltipAsTitle ? undefined : text,
|
|
34
|
+
tooltipProps: !!tooltipProps ? __assign({ hoverOpenDelay: 1000 }, tooltipProps) : { hoverOpenDelay: 1000 },
|
|
35
|
+
description: description ? description : text,
|
|
36
|
+
};
|
|
37
|
+
return (React.createElement(Button, __assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: (typeof name === "string" || Array.isArray(name)) ? (React.createElement(Icon, __assign({ name: name }, iconProps))) : (React.cloneElement(name, iconProps)), className: eccgui + "-button--icon " + className, minimal: minimal })));
|
|
31
38
|
}
|
|
32
39
|
export default IconButton;
|
|
33
40
|
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAC,WAAW,IAAI,MAAM,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AA8B1B,6CAA6C;AAC7C,SAAS,UAAU,CAAC,EASoB;IARpC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAY,EAAZ,OAAO,mBAAC,IAAI,KAAA,EACT,SAAS,cARI,yFASnB,CADe;IAEZ,IAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAC9C,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,YAAE,cAAc,EAAE,IAAI,IAAK,YAAY,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC;QAC/F,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAChD,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,aACH,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,oBAAC,IAAI,aAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CACtC,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACtC,EACD,SAAS,EAAK,MAAM,mBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from "react";
|
|
24
|
+
import BaseIcon from "./BaseIcon.js";
|
|
25
|
+
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
26
|
+
/**
|
|
27
|
+
* This component is primarily provided to test icons in a third application without defining them via a canonical name before.
|
|
28
|
+
*
|
|
29
|
+
* Example usage:
|
|
30
|
+
* ```
|
|
31
|
+
* import { LogoReact } from "@carbon/icons-react";
|
|
32
|
+
* const testIcon = <TestIcon tryout={LogoReact} />
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
function TestIcon(_a) {
|
|
36
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, tryout = _a.tryout, otherBaseIconProps = __rest(_a, ["className", "tryout"]);
|
|
37
|
+
return (React.createElement(BaseIcon, __assign({ iconComponent: tryout, className: eccgui + "-icon--test" +
|
|
38
|
+
(className ? " " + className : "") }, otherBaseIconProps)));
|
|
39
|
+
}
|
|
40
|
+
export default TestIcon;
|
|
41
|
+
//# sourceMappingURL=TestIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TestIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/TestIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAA2B,MAAM,YAAY,CAAC;AAErD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAStE;;;;;;;;GAQG;AACH,SAAS,QAAQ,CAAC,EAIF;IAHZ,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACH,kBAAkB,cAHP,uBAIjB,CADwB;IAErB,OAAO,CACH,oBAAC,QAAQ,aACL,aAAa,EAAE,MAAM,EACrB,SAAS,EACF,MAAM,gBAAa;YACtB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,kBAAkB,EACxB,CACL,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}
|