genesys-react-components 0.4.3-no-jira-sdk-doc-icon.421 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/index.js +109 -524
  2. package/build/index.js.map +1 -1
  3. package/package.json +54 -51
package/build/index.js CHANGED
@@ -1,14 +1,10 @@
1
- import React$1, { useState, useEffect, useRef } from 'react';
1
+ import { GenesysDevIcon, GenesysDevIcons } from 'genesys-dev-icons';
2
+ import React, { useState, useEffect, useRef } from 'react';
3
+ import { v4 } from 'uuid';
2
4
  import moment from 'moment';
3
5
  import { PrismAsync } from 'react-syntax-highlighter';
4
6
  import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism/index.js';
5
7
 
6
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
7
-
8
- var lib = {};
9
-
10
- var GenesysDevIcon$1 = {};
11
-
12
8
  function styleInject(css, ref) {
13
9
  if ( ref === void 0 ) ref = {};
14
10
  var insertAt = ref.insertAt;
@@ -36,352 +32,6 @@ function styleInject(css, ref) {
36
32
  }
37
33
  }
38
34
 
39
- var css_248z$j = "@font-face {\n font-family: \"genesys-dev-icons\";\n src: url(\"./genesys-dev-icons.eot?33eb3d8f799b838c1df79f0608d064d2#iefix\") format(\"embedded-opentype\"),\nurl(\"./genesys-dev-icons.woff2?33eb3d8f799b838c1df79f0608d064d2\") format(\"woff2\"),\nurl(\"./genesys-dev-icons.woff?33eb3d8f799b838c1df79f0608d064d2\") format(\"woff\");\n}\n\ni[class^=\"icon-\"]:before, i[class*=\" icon-\"]:before {\n font-family: genesys-dev-icons !important;\n font-style: normal;\n font-weight: normal !important;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-app-calendar:before {\n content: \"\\f101\";\n}\n.icon-app-change-set:before {\n content: \"\\f102\";\n}\n.icon-app-check-solid:before {\n content: \"\\f103\";\n}\n.icon-app-check-stroke:before {\n content: \"\\f104\";\n}\n.icon-app-check:before {\n content: \"\\f105\";\n}\n.icon-app-chevron-down:before {\n content: \"\\f106\";\n}\n.icon-app-chevron-left:before {\n content: \"\\f107\";\n}\n.icon-app-chevron-right:before {\n content: \"\\f108\";\n}\n.icon-app-chevron-up:before {\n content: \"\\f109\";\n}\n.icon-app-copy:before {\n content: \"\\f10a\";\n}\n.icon-app-critical-solid:before {\n content: \"\\f10b\";\n}\n.icon-app-document-edit:before {\n content: \"\\f10c\";\n}\n.icon-app-document-eye:before {\n content: \"\\f10d\";\n}\n.icon-app-document-markdown:before {\n content: \"\\f10e\";\n}\n.icon-app-ellipsis-vertical:before {\n content: \"\\f10f\";\n}\n.icon-app-ellipsis:before {\n content: \"\\f110\";\n}\n.icon-app-expand:before {\n content: \"\\f111\";\n}\n.icon-app-external-link:before {\n content: \"\\f112\";\n}\n.icon-app-eye:before {\n content: \"\\f113\";\n}\n.icon-app-filter:before {\n content: \"\\f114\";\n}\n.icon-app-grip-ne:before {\n content: \"\\f115\";\n}\n.icon-app-grip-nw:before {\n content: \"\\f116\";\n}\n.icon-app-grip-se:before {\n content: \"\\f117\";\n}\n.icon-app-grip-sw:before {\n content: \"\\f118\";\n}\n.icon-app-handshake:before {\n content: \"\\f119\";\n}\n.icon-app-info-solid:before {\n content: \"\\f11a\";\n}\n.icon-app-key:before {\n content: \"\\f11b\";\n}\n.icon-app-link:before {\n content: \"\\f11c\";\n}\n.icon-app-minus-solid:before {\n content: \"\\f11d\";\n}\n.icon-app-minus-stroke:before {\n content: \"\\f11e\";\n}\n.icon-app-minus:before {\n content: \"\\f11f\";\n}\n.icon-app-moon:before {\n content: \"\\f120\";\n}\n.icon-app-pin-solid:before {\n content: \"\\f121\";\n}\n.icon-app-pin-stroke:before {\n content: \"\\f122\";\n}\n.icon-app-plus-solid:before {\n content: \"\\f123\";\n}\n.icon-app-plus-stroke:before {\n content: \"\\f124\";\n}\n.icon-app-plus:before {\n content: \"\\f125\";\n}\n.icon-app-question-solid:before {\n content: \"\\f126\";\n}\n.icon-app-refresh:before {\n content: \"\\f127\";\n}\n.icon-app-search:before {\n content: \"\\f128\";\n}\n.icon-app-shield-check:before {\n content: \"\\f129\";\n}\n.icon-app-sort-down:before {\n content: \"\\f12a\";\n}\n.icon-app-sort-up:before {\n content: \"\\f12b\";\n}\n.icon-app-sort:before {\n content: \"\\f12c\";\n}\n.icon-app-star-solid-thin:before {\n content: \"\\f12d\";\n}\n.icon-app-star-solid:before {\n content: \"\\f12e\";\n}\n.icon-app-star-stroke-thick:before {\n content: \"\\f12f\";\n}\n.icon-app-star-stroke:before {\n content: \"\\f130\";\n}\n.icon-app-success-solid:before {\n content: \"\\f131\";\n}\n.icon-app-sun:before {\n content: \"\\f132\";\n}\n.icon-app-thumbs-down:before {\n content: \"\\f133\";\n}\n.icon-app-thumbs-up:before {\n content: \"\\f134\";\n}\n.icon-app-times-solid:before {\n content: \"\\f135\";\n}\n.icon-app-times-stroke:before {\n content: \"\\f136\";\n}\n.icon-app-times:before {\n content: \"\\f137\";\n}\n.icon-app-user:before {\n content: \"\\f138\";\n}\n.icon-app-warn-solid:before {\n content: \"\\f139\";\n}\n.icon-app-yeti:before {\n content: \"\\f13a\";\n}\n.icon-app-zoom-zoom-down:before {\n content: \"\\f13b\";\n}\n.icon-app-zoom-zoom-left:before {\n content: \"\\f13c\";\n}\n.icon-app-zoom-zoom-right:before {\n content: \"\\f13d\";\n}\n.icon-app-zoom-zoom-up:before {\n content: \"\\f13e\";\n}\n.icon-brand-github-large:before {\n content: \"\\f13f\";\n}\n.icon-brand-github:before {\n content: \"\\f140\";\n}\n.icon-brand-markdown:before {\n content: \"\\f141\";\n}\n.icon-brand-npm:before {\n content: \"\\f142\";\n}\n.icon-dest-accounts:before {\n content: \"\\f143\";\n}\n.icon-dest-api-explorer:before {\n content: \"\\f144\";\n}\n.icon-dest-api:before {\n content: \"\\f145\";\n}\n.icon-dest-app-foundry:before {\n content: \"\\f146\";\n}\n.icon-dest-blog:before {\n content: \"\\f147\";\n}\n.icon-dest-blueprint:before {\n content: \"\\f148\";\n}\n.icon-dest-cog:before {\n content: \"\\f149\";\n}\n.icon-dest-forum:before {\n content: \"\\f14a\";\n}\n.icon-dest-get-started:before {\n content: \"\\f14b\";\n}\n.icon-dest-guide:before {\n content: \"\\f14c\";\n}\n.icon-dest-notifications:before {\n content: \"\\f14d\";\n}\n.icon-dest-pages:before {\n content: \"\\f14e\";\n}\n.icon-dest-resource-center:before {\n content: \"\\f14f\";\n}\n.icon-dest-sdk-doc:before {\n content: \"\\f150\";\n}\n.icon-dest-tech-ref:before {\n content: \"\\f151\";\n}\n.icon-dest-tool:before {\n content: \"\\f152\";\n}\n.icon-dest-tutorial:before {\n content: \"\\f153\";\n}\n.icon-dest-video:before {\n content: \"\\f154\";\n}\n.icon-dest-wrench:before {\n content: \"\\f155\";\n}\n.icon-editor-accordion-stroke:before {\n content: \"\\f156\";\n}\n.icon-editor-accordion:before {\n content: \"\\f157\";\n}\n.icon-editor-align-center-stroke:before {\n content: \"\\f158\";\n}\n.icon-editor-align-center:before {\n content: \"\\f159\";\n}\n.icon-editor-align-left-stroke:before {\n content: \"\\f15a\";\n}\n.icon-editor-align-left:before {\n content: \"\\f15b\";\n}\n.icon-editor-align-right-stroke:before {\n content: \"\\f15c\";\n}\n.icon-editor-align-right:before {\n content: \"\\f15d\";\n}\n.icon-editor-api:before {\n content: \"\\f15e\";\n}\n.icon-editor-blockquote-stroke:before {\n content: \"\\f15f\";\n}\n.icon-editor-blockquote:before {\n content: \"\\f160\";\n}\n.icon-editor-bold-stroke:before {\n content: \"\\f161\";\n}\n.icon-editor-bold:before {\n content: \"\\f162\";\n}\n.icon-editor-callout-stroke:before {\n content: \"\\f163\";\n}\n.icon-editor-callout:before {\n content: \"\\f164\";\n}\n.icon-editor-code-stroke:before {\n content: \"\\f165\";\n}\n.icon-editor-code:before {\n content: \"\\f166\";\n}\n.icon-editor-eraser-stroke:before {\n content: \"\\f167\";\n}\n.icon-editor-eraser:before {\n content: \"\\f168\";\n}\n.icon-editor-heading-stroke:before {\n content: \"\\f169\";\n}\n.icon-editor-heading:before {\n content: \"\\f16a\";\n}\n.icon-editor-horizontal-rule-stroke:before {\n content: \"\\f16b\";\n}\n.icon-editor-horizontal-rule:before {\n content: \"\\f16c\";\n}\n.icon-editor-image-stroke:before {\n content: \"\\f16d\";\n}\n.icon-editor-image:before {\n content: \"\\f16e\";\n}\n.icon-editor-italic-stroke:before {\n content: \"\\f16f\";\n}\n.icon-editor-italic:before {\n content: \"\\f170\";\n}\n.icon-editor-link-stroke:before {\n content: \"\\f171\";\n}\n.icon-editor-link:before {\n content: \"\\f172\";\n}\n.icon-editor-list-stroke:before {\n content: \"\\f173\";\n}\n.icon-editor-list:before {\n content: \"\\f174\";\n}\n.icon-editor-paragraph-stroke:before {\n content: \"\\f175\";\n}\n.icon-editor-paragraph:before {\n content: \"\\f176\";\n}\n.icon-editor-strikethrough-stroke:before {\n content: \"\\f177\";\n}\n.icon-editor-strikethrough:before {\n content: \"\\f178\";\n}\n.icon-editor-table-add-col-left:before {\n content: \"\\f179\";\n}\n.icon-editor-table-add-col-right:before {\n content: \"\\f17a\";\n}\n.icon-editor-table-add-row-above:before {\n content: \"\\f17b\";\n}\n.icon-editor-table-add-row-below:before {\n content: \"\\f17c\";\n}\n.icon-editor-table-stroke:before {\n content: \"\\f17d\";\n}\n.icon-editor-table:before {\n content: \"\\f17e\";\n}\n.icon-editor-tabs-stroke:before {\n content: \"\\f17f\";\n}\n.icon-editor-tabs:before {\n content: \"\\f180\";\n}\n.icon-editor-trash-stroke:before {\n content: \"\\f181\";\n}\n.icon-editor-trash:before {\n content: \"\\f182\";\n}\n.icon-ia-analytics-data-management:before {\n content: \"\\f183\";\n}\n.icon-ia-authorization:before {\n content: \"\\f184\";\n}\n.icon-ia-billing:before {\n content: \"\\f185\";\n}\n.icon-ia-digital:before {\n content: \"\\f186\";\n}\n.icon-ia-gdpr-privacy:before {\n content: \"\\f187\";\n}\n.icon-ia-notifications-alerts:before {\n content: \"\\f188\";\n}\n.icon-ia-organization:before {\n content: \"\\f189\";\n}\n.icon-ia-platform:before {\n content: \"\\f18a\";\n}\n.icon-ia-routing:before {\n content: \"\\f18b\";\n}\n.icon-ia-telephony:before {\n content: \"\\f18c\";\n}\n.icon-ia-user-agent-management:before {\n content: \"\\f18d\";\n}\n";
40
- styleInject(css_248z$j);
41
-
42
- var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
43
- if (k2 === undefined) k2 = k;
44
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
45
- }) : (function(o, m, k, k2) {
46
- if (k2 === undefined) k2 = k;
47
- o[k2] = m[k];
48
- }));
49
- var __setModuleDefault = (commonjsGlobal && commonjsGlobal.__setModuleDefault) || (Object.create ? (function(o, v) {
50
- Object.defineProperty(o, "default", { enumerable: true, value: v });
51
- }) : function(o, v) {
52
- o["default"] = v;
53
- });
54
- var __importStar = (commonjsGlobal && commonjsGlobal.__importStar) || function (mod) {
55
- if (mod && mod.__esModule) return mod;
56
- var result = {};
57
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
58
- __setModuleDefault(result, mod);
59
- return result;
60
- };
61
- Object.defineProperty(GenesysDevIcon$1, "__esModule", { value: true });
62
- var React = __importStar(React$1);
63
-
64
- function GenesysDevIcon(props) {
65
- var style = {};
66
- if (props.fontSize)
67
- style.fontSize = props.fontSize;
68
- return (React.createElement("i", { className: "icon icon-" + props.icon + " " + (props.className || ''), style: style, onClick: function (e) {
69
- if (props.onClick) {
70
- e.stopPropagation();
71
- e.preventDefault();
72
- props.onClick();
73
- }
74
- } }));
75
- }
76
- GenesysDevIcon$1.default = GenesysDevIcon;
77
-
78
- var genesysDevIcons = {};
79
-
80
- (function (exports) {
81
- var _a;
82
- Object.defineProperty(exports, "__esModule", { value: true });
83
- exports.GENESYS_DEV_ICONS_CODEPOINTS = exports.GenesysDevIcons = void 0;
84
- var GenesysDevIcons;
85
- (function (GenesysDevIcons) {
86
- GenesysDevIcons["AppCalendar"] = "app-calendar";
87
- GenesysDevIcons["AppChangeSet"] = "app-change-set";
88
- GenesysDevIcons["AppCheckSolid"] = "app-check-solid";
89
- GenesysDevIcons["AppCheckStroke"] = "app-check-stroke";
90
- GenesysDevIcons["AppCheck"] = "app-check";
91
- GenesysDevIcons["AppChevronDown"] = "app-chevron-down";
92
- GenesysDevIcons["AppChevronLeft"] = "app-chevron-left";
93
- GenesysDevIcons["AppChevronRight"] = "app-chevron-right";
94
- GenesysDevIcons["AppChevronUp"] = "app-chevron-up";
95
- GenesysDevIcons["AppCopy"] = "app-copy";
96
- GenesysDevIcons["AppCriticalSolid"] = "app-critical-solid";
97
- GenesysDevIcons["AppDocumentEdit"] = "app-document-edit";
98
- GenesysDevIcons["AppDocumentEye"] = "app-document-eye";
99
- GenesysDevIcons["AppDocumentMarkdown"] = "app-document-markdown";
100
- GenesysDevIcons["AppEllipsisVertical"] = "app-ellipsis-vertical";
101
- GenesysDevIcons["AppEllipsis"] = "app-ellipsis";
102
- GenesysDevIcons["AppExpand"] = "app-expand";
103
- GenesysDevIcons["AppExternalLink"] = "app-external-link";
104
- GenesysDevIcons["AppEye"] = "app-eye";
105
- GenesysDevIcons["AppFilter"] = "app-filter";
106
- GenesysDevIcons["AppGripNe"] = "app-grip-ne";
107
- GenesysDevIcons["AppGripNw"] = "app-grip-nw";
108
- GenesysDevIcons["AppGripSe"] = "app-grip-se";
109
- GenesysDevIcons["AppGripSw"] = "app-grip-sw";
110
- GenesysDevIcons["AppHandshake"] = "app-handshake";
111
- GenesysDevIcons["AppInfoSolid"] = "app-info-solid";
112
- GenesysDevIcons["AppKey"] = "app-key";
113
- GenesysDevIcons["AppLink"] = "app-link";
114
- GenesysDevIcons["AppMinusSolid"] = "app-minus-solid";
115
- GenesysDevIcons["AppMinusStroke"] = "app-minus-stroke";
116
- GenesysDevIcons["AppMinus"] = "app-minus";
117
- GenesysDevIcons["AppMoon"] = "app-moon";
118
- GenesysDevIcons["AppPinSolid"] = "app-pin-solid";
119
- GenesysDevIcons["AppPinStroke"] = "app-pin-stroke";
120
- GenesysDevIcons["AppPlusSolid"] = "app-plus-solid";
121
- GenesysDevIcons["AppPlusStroke"] = "app-plus-stroke";
122
- GenesysDevIcons["AppPlus"] = "app-plus";
123
- GenesysDevIcons["AppQuestionSolid"] = "app-question-solid";
124
- GenesysDevIcons["AppRefresh"] = "app-refresh";
125
- GenesysDevIcons["AppSearch"] = "app-search";
126
- GenesysDevIcons["AppShieldCheck"] = "app-shield-check";
127
- GenesysDevIcons["AppSortDown"] = "app-sort-down";
128
- GenesysDevIcons["AppSortUp"] = "app-sort-up";
129
- GenesysDevIcons["AppSort"] = "app-sort";
130
- GenesysDevIcons["AppStarSolidThin"] = "app-star-solid-thin";
131
- GenesysDevIcons["AppStarSolid"] = "app-star-solid";
132
- GenesysDevIcons["AppStarStrokeThick"] = "app-star-stroke-thick";
133
- GenesysDevIcons["AppStarStroke"] = "app-star-stroke";
134
- GenesysDevIcons["AppSuccessSolid"] = "app-success-solid";
135
- GenesysDevIcons["AppSun"] = "app-sun";
136
- GenesysDevIcons["AppThumbsDown"] = "app-thumbs-down";
137
- GenesysDevIcons["AppThumbsUp"] = "app-thumbs-up";
138
- GenesysDevIcons["AppTimesSolid"] = "app-times-solid";
139
- GenesysDevIcons["AppTimesStroke"] = "app-times-stroke";
140
- GenesysDevIcons["AppTimes"] = "app-times";
141
- GenesysDevIcons["AppUser"] = "app-user";
142
- GenesysDevIcons["AppWarnSolid"] = "app-warn-solid";
143
- GenesysDevIcons["AppYeti"] = "app-yeti";
144
- GenesysDevIcons["AppZoomZoomDown"] = "app-zoom-zoom-down";
145
- GenesysDevIcons["AppZoomZoomLeft"] = "app-zoom-zoom-left";
146
- GenesysDevIcons["AppZoomZoomRight"] = "app-zoom-zoom-right";
147
- GenesysDevIcons["AppZoomZoomUp"] = "app-zoom-zoom-up";
148
- GenesysDevIcons["BrandGithubLarge"] = "brand-github-large";
149
- GenesysDevIcons["BrandGithub"] = "brand-github";
150
- GenesysDevIcons["BrandMarkdown"] = "brand-markdown";
151
- GenesysDevIcons["BrandNpm"] = "brand-npm";
152
- GenesysDevIcons["DestAccounts"] = "dest-accounts";
153
- GenesysDevIcons["DestApiExplorer"] = "dest-api-explorer";
154
- GenesysDevIcons["DestApi"] = "dest-api";
155
- GenesysDevIcons["DestAppFoundry"] = "dest-app-foundry";
156
- GenesysDevIcons["DestBlog"] = "dest-blog";
157
- GenesysDevIcons["DestBlueprint"] = "dest-blueprint";
158
- GenesysDevIcons["DestCog"] = "dest-cog";
159
- GenesysDevIcons["DestForum"] = "dest-forum";
160
- GenesysDevIcons["DestGetStarted"] = "dest-get-started";
161
- GenesysDevIcons["DestGuide"] = "dest-guide";
162
- GenesysDevIcons["DestNotifications"] = "dest-notifications";
163
- GenesysDevIcons["DestPages"] = "dest-pages";
164
- GenesysDevIcons["DestResourceCenter"] = "dest-resource-center";
165
- GenesysDevIcons["DestSdkDoc"] = "dest-sdk-doc";
166
- GenesysDevIcons["DestTechRef"] = "dest-tech-ref";
167
- GenesysDevIcons["DestTool"] = "dest-tool";
168
- GenesysDevIcons["DestTutorial"] = "dest-tutorial";
169
- GenesysDevIcons["DestVideo"] = "dest-video";
170
- GenesysDevIcons["DestWrench"] = "dest-wrench";
171
- GenesysDevIcons["EditorAccordionStroke"] = "editor-accordion-stroke";
172
- GenesysDevIcons["EditorAccordion"] = "editor-accordion";
173
- GenesysDevIcons["EditorAlignCenterStroke"] = "editor-align-center-stroke";
174
- GenesysDevIcons["EditorAlignCenter"] = "editor-align-center";
175
- GenesysDevIcons["EditorAlignLeftStroke"] = "editor-align-left-stroke";
176
- GenesysDevIcons["EditorAlignLeft"] = "editor-align-left";
177
- GenesysDevIcons["EditorAlignRightStroke"] = "editor-align-right-stroke";
178
- GenesysDevIcons["EditorAlignRight"] = "editor-align-right";
179
- GenesysDevIcons["EditorApi"] = "editor-api";
180
- GenesysDevIcons["EditorBlockquoteStroke"] = "editor-blockquote-stroke";
181
- GenesysDevIcons["EditorBlockquote"] = "editor-blockquote";
182
- GenesysDevIcons["EditorBoldStroke"] = "editor-bold-stroke";
183
- GenesysDevIcons["EditorBold"] = "editor-bold";
184
- GenesysDevIcons["EditorCalloutStroke"] = "editor-callout-stroke";
185
- GenesysDevIcons["EditorCallout"] = "editor-callout";
186
- GenesysDevIcons["EditorCodeStroke"] = "editor-code-stroke";
187
- GenesysDevIcons["EditorCode"] = "editor-code";
188
- GenesysDevIcons["EditorEraserStroke"] = "editor-eraser-stroke";
189
- GenesysDevIcons["EditorEraser"] = "editor-eraser";
190
- GenesysDevIcons["EditorHeadingStroke"] = "editor-heading-stroke";
191
- GenesysDevIcons["EditorHeading"] = "editor-heading";
192
- GenesysDevIcons["EditorHorizontalRuleStroke"] = "editor-horizontal-rule-stroke";
193
- GenesysDevIcons["EditorHorizontalRule"] = "editor-horizontal-rule";
194
- GenesysDevIcons["EditorImageStroke"] = "editor-image-stroke";
195
- GenesysDevIcons["EditorImage"] = "editor-image";
196
- GenesysDevIcons["EditorItalicStroke"] = "editor-italic-stroke";
197
- GenesysDevIcons["EditorItalic"] = "editor-italic";
198
- GenesysDevIcons["EditorLinkStroke"] = "editor-link-stroke";
199
- GenesysDevIcons["EditorLink"] = "editor-link";
200
- GenesysDevIcons["EditorListStroke"] = "editor-list-stroke";
201
- GenesysDevIcons["EditorList"] = "editor-list";
202
- GenesysDevIcons["EditorParagraphStroke"] = "editor-paragraph-stroke";
203
- GenesysDevIcons["EditorParagraph"] = "editor-paragraph";
204
- GenesysDevIcons["EditorStrikethroughStroke"] = "editor-strikethrough-stroke";
205
- GenesysDevIcons["EditorStrikethrough"] = "editor-strikethrough";
206
- GenesysDevIcons["EditorTableAddColLeft"] = "editor-table-add-col-left";
207
- GenesysDevIcons["EditorTableAddColRight"] = "editor-table-add-col-right";
208
- GenesysDevIcons["EditorTableAddRowAbove"] = "editor-table-add-row-above";
209
- GenesysDevIcons["EditorTableAddRowBelow"] = "editor-table-add-row-below";
210
- GenesysDevIcons["EditorTableStroke"] = "editor-table-stroke";
211
- GenesysDevIcons["EditorTable"] = "editor-table";
212
- GenesysDevIcons["EditorTabsStroke"] = "editor-tabs-stroke";
213
- GenesysDevIcons["EditorTabs"] = "editor-tabs";
214
- GenesysDevIcons["EditorTrashStroke"] = "editor-trash-stroke";
215
- GenesysDevIcons["EditorTrash"] = "editor-trash";
216
- GenesysDevIcons["IaAnalyticsDataManagement"] = "ia-analytics-data-management";
217
- GenesysDevIcons["IaAuthorization"] = "ia-authorization";
218
- GenesysDevIcons["IaBilling"] = "ia-billing";
219
- GenesysDevIcons["IaDigital"] = "ia-digital";
220
- GenesysDevIcons["IaGdprPrivacy"] = "ia-gdpr-privacy";
221
- GenesysDevIcons["IaNotificationsAlerts"] = "ia-notifications-alerts";
222
- GenesysDevIcons["IaOrganization"] = "ia-organization";
223
- GenesysDevIcons["IaPlatform"] = "ia-platform";
224
- GenesysDevIcons["IaRouting"] = "ia-routing";
225
- GenesysDevIcons["IaTelephony"] = "ia-telephony";
226
- GenesysDevIcons["IaUserAgentManagement"] = "ia-user-agent-management";
227
- })(GenesysDevIcons = exports.GenesysDevIcons || (exports.GenesysDevIcons = {}));
228
- exports.GENESYS_DEV_ICONS_CODEPOINTS = (_a = {},
229
- _a[GenesysDevIcons.AppCalendar] = "61697",
230
- _a[GenesysDevIcons.AppChangeSet] = "61698",
231
- _a[GenesysDevIcons.AppCheckSolid] = "61699",
232
- _a[GenesysDevIcons.AppCheckStroke] = "61700",
233
- _a[GenesysDevIcons.AppCheck] = "61701",
234
- _a[GenesysDevIcons.AppChevronDown] = "61702",
235
- _a[GenesysDevIcons.AppChevronLeft] = "61703",
236
- _a[GenesysDevIcons.AppChevronRight] = "61704",
237
- _a[GenesysDevIcons.AppChevronUp] = "61705",
238
- _a[GenesysDevIcons.AppCopy] = "61706",
239
- _a[GenesysDevIcons.AppCriticalSolid] = "61707",
240
- _a[GenesysDevIcons.AppDocumentEdit] = "61708",
241
- _a[GenesysDevIcons.AppDocumentEye] = "61709",
242
- _a[GenesysDevIcons.AppDocumentMarkdown] = "61710",
243
- _a[GenesysDevIcons.AppEllipsisVertical] = "61711",
244
- _a[GenesysDevIcons.AppEllipsis] = "61712",
245
- _a[GenesysDevIcons.AppExpand] = "61713",
246
- _a[GenesysDevIcons.AppExternalLink] = "61714",
247
- _a[GenesysDevIcons.AppEye] = "61715",
248
- _a[GenesysDevIcons.AppFilter] = "61716",
249
- _a[GenesysDevIcons.AppGripNe] = "61717",
250
- _a[GenesysDevIcons.AppGripNw] = "61718",
251
- _a[GenesysDevIcons.AppGripSe] = "61719",
252
- _a[GenesysDevIcons.AppGripSw] = "61720",
253
- _a[GenesysDevIcons.AppHandshake] = "61721",
254
- _a[GenesysDevIcons.AppInfoSolid] = "61722",
255
- _a[GenesysDevIcons.AppKey] = "61723",
256
- _a[GenesysDevIcons.AppLink] = "61724",
257
- _a[GenesysDevIcons.AppMinusSolid] = "61725",
258
- _a[GenesysDevIcons.AppMinusStroke] = "61726",
259
- _a[GenesysDevIcons.AppMinus] = "61727",
260
- _a[GenesysDevIcons.AppMoon] = "61728",
261
- _a[GenesysDevIcons.AppPinSolid] = "61729",
262
- _a[GenesysDevIcons.AppPinStroke] = "61730",
263
- _a[GenesysDevIcons.AppPlusSolid] = "61731",
264
- _a[GenesysDevIcons.AppPlusStroke] = "61732",
265
- _a[GenesysDevIcons.AppPlus] = "61733",
266
- _a[GenesysDevIcons.AppQuestionSolid] = "61734",
267
- _a[GenesysDevIcons.AppRefresh] = "61735",
268
- _a[GenesysDevIcons.AppSearch] = "61736",
269
- _a[GenesysDevIcons.AppShieldCheck] = "61737",
270
- _a[GenesysDevIcons.AppSortDown] = "61738",
271
- _a[GenesysDevIcons.AppSortUp] = "61739",
272
- _a[GenesysDevIcons.AppSort] = "61740",
273
- _a[GenesysDevIcons.AppStarSolidThin] = "61741",
274
- _a[GenesysDevIcons.AppStarSolid] = "61742",
275
- _a[GenesysDevIcons.AppStarStrokeThick] = "61743",
276
- _a[GenesysDevIcons.AppStarStroke] = "61744",
277
- _a[GenesysDevIcons.AppSuccessSolid] = "61745",
278
- _a[GenesysDevIcons.AppSun] = "61746",
279
- _a[GenesysDevIcons.AppThumbsDown] = "61747",
280
- _a[GenesysDevIcons.AppThumbsUp] = "61748",
281
- _a[GenesysDevIcons.AppTimesSolid] = "61749",
282
- _a[GenesysDevIcons.AppTimesStroke] = "61750",
283
- _a[GenesysDevIcons.AppTimes] = "61751",
284
- _a[GenesysDevIcons.AppUser] = "61752",
285
- _a[GenesysDevIcons.AppWarnSolid] = "61753",
286
- _a[GenesysDevIcons.AppYeti] = "61754",
287
- _a[GenesysDevIcons.AppZoomZoomDown] = "61755",
288
- _a[GenesysDevIcons.AppZoomZoomLeft] = "61756",
289
- _a[GenesysDevIcons.AppZoomZoomRight] = "61757",
290
- _a[GenesysDevIcons.AppZoomZoomUp] = "61758",
291
- _a[GenesysDevIcons.BrandGithubLarge] = "61759",
292
- _a[GenesysDevIcons.BrandGithub] = "61760",
293
- _a[GenesysDevIcons.BrandMarkdown] = "61761",
294
- _a[GenesysDevIcons.BrandNpm] = "61762",
295
- _a[GenesysDevIcons.DestAccounts] = "61763",
296
- _a[GenesysDevIcons.DestApiExplorer] = "61764",
297
- _a[GenesysDevIcons.DestApi] = "61765",
298
- _a[GenesysDevIcons.DestAppFoundry] = "61766",
299
- _a[GenesysDevIcons.DestBlog] = "61767",
300
- _a[GenesysDevIcons.DestBlueprint] = "61768",
301
- _a[GenesysDevIcons.DestCog] = "61769",
302
- _a[GenesysDevIcons.DestForum] = "61770",
303
- _a[GenesysDevIcons.DestGetStarted] = "61771",
304
- _a[GenesysDevIcons.DestGuide] = "61772",
305
- _a[GenesysDevIcons.DestNotifications] = "61773",
306
- _a[GenesysDevIcons.DestPages] = "61774",
307
- _a[GenesysDevIcons.DestResourceCenter] = "61775",
308
- _a[GenesysDevIcons.DestSdkDoc] = "61776",
309
- _a[GenesysDevIcons.DestTechRef] = "61777",
310
- _a[GenesysDevIcons.DestTool] = "61778",
311
- _a[GenesysDevIcons.DestTutorial] = "61779",
312
- _a[GenesysDevIcons.DestVideo] = "61780",
313
- _a[GenesysDevIcons.DestWrench] = "61781",
314
- _a[GenesysDevIcons.EditorAccordionStroke] = "61782",
315
- _a[GenesysDevIcons.EditorAccordion] = "61783",
316
- _a[GenesysDevIcons.EditorAlignCenterStroke] = "61784",
317
- _a[GenesysDevIcons.EditorAlignCenter] = "61785",
318
- _a[GenesysDevIcons.EditorAlignLeftStroke] = "61786",
319
- _a[GenesysDevIcons.EditorAlignLeft] = "61787",
320
- _a[GenesysDevIcons.EditorAlignRightStroke] = "61788",
321
- _a[GenesysDevIcons.EditorAlignRight] = "61789",
322
- _a[GenesysDevIcons.EditorApi] = "61790",
323
- _a[GenesysDevIcons.EditorBlockquoteStroke] = "61791",
324
- _a[GenesysDevIcons.EditorBlockquote] = "61792",
325
- _a[GenesysDevIcons.EditorBoldStroke] = "61793",
326
- _a[GenesysDevIcons.EditorBold] = "61794",
327
- _a[GenesysDevIcons.EditorCalloutStroke] = "61795",
328
- _a[GenesysDevIcons.EditorCallout] = "61796",
329
- _a[GenesysDevIcons.EditorCodeStroke] = "61797",
330
- _a[GenesysDevIcons.EditorCode] = "61798",
331
- _a[GenesysDevIcons.EditorEraserStroke] = "61799",
332
- _a[GenesysDevIcons.EditorEraser] = "61800",
333
- _a[GenesysDevIcons.EditorHeadingStroke] = "61801",
334
- _a[GenesysDevIcons.EditorHeading] = "61802",
335
- _a[GenesysDevIcons.EditorHorizontalRuleStroke] = "61803",
336
- _a[GenesysDevIcons.EditorHorizontalRule] = "61804",
337
- _a[GenesysDevIcons.EditorImageStroke] = "61805",
338
- _a[GenesysDevIcons.EditorImage] = "61806",
339
- _a[GenesysDevIcons.EditorItalicStroke] = "61807",
340
- _a[GenesysDevIcons.EditorItalic] = "61808",
341
- _a[GenesysDevIcons.EditorLinkStroke] = "61809",
342
- _a[GenesysDevIcons.EditorLink] = "61810",
343
- _a[GenesysDevIcons.EditorListStroke] = "61811",
344
- _a[GenesysDevIcons.EditorList] = "61812",
345
- _a[GenesysDevIcons.EditorParagraphStroke] = "61813",
346
- _a[GenesysDevIcons.EditorParagraph] = "61814",
347
- _a[GenesysDevIcons.EditorStrikethroughStroke] = "61815",
348
- _a[GenesysDevIcons.EditorStrikethrough] = "61816",
349
- _a[GenesysDevIcons.EditorTableAddColLeft] = "61817",
350
- _a[GenesysDevIcons.EditorTableAddColRight] = "61818",
351
- _a[GenesysDevIcons.EditorTableAddRowAbove] = "61819",
352
- _a[GenesysDevIcons.EditorTableAddRowBelow] = "61820",
353
- _a[GenesysDevIcons.EditorTableStroke] = "61821",
354
- _a[GenesysDevIcons.EditorTable] = "61822",
355
- _a[GenesysDevIcons.EditorTabsStroke] = "61823",
356
- _a[GenesysDevIcons.EditorTabs] = "61824",
357
- _a[GenesysDevIcons.EditorTrashStroke] = "61825",
358
- _a[GenesysDevIcons.EditorTrash] = "61826",
359
- _a[GenesysDevIcons.IaAnalyticsDataManagement] = "61827",
360
- _a[GenesysDevIcons.IaAuthorization] = "61828",
361
- _a[GenesysDevIcons.IaBilling] = "61829",
362
- _a[GenesysDevIcons.IaDigital] = "61830",
363
- _a[GenesysDevIcons.IaGdprPrivacy] = "61831",
364
- _a[GenesysDevIcons.IaNotificationsAlerts] = "61832",
365
- _a[GenesysDevIcons.IaOrganization] = "61833",
366
- _a[GenesysDevIcons.IaPlatform] = "61834",
367
- _a[GenesysDevIcons.IaRouting] = "61835",
368
- _a[GenesysDevIcons.IaTelephony] = "61836",
369
- _a[GenesysDevIcons.IaUserAgentManagement] = "61837",
370
- _a);
371
- }(genesysDevIcons));
372
-
373
- (function (exports) {
374
- var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
375
- return (mod && mod.__esModule) ? mod : { "default": mod };
376
- };
377
- Object.defineProperty(exports, "__esModule", { value: true });
378
- exports.GenesysDevIcons = exports.GenesysDevIcon = void 0;
379
- var GenesysDevIcon_1 = GenesysDevIcon$1;
380
- Object.defineProperty(exports, "GenesysDevIcon", { enumerable: true, get: function () { return __importDefault(GenesysDevIcon_1).default; } });
381
- var genesys_dev_icons_1 = genesysDevIcons;
382
- Object.defineProperty(exports, "GenesysDevIcons", { enumerable: true, get: function () { return genesys_dev_icons_1.GenesysDevIcons; } });
383
- }(lib));
384
-
385
35
  var css_248z$i = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.dx-accordion {\n margin: 0;\n}\n.dx-accordion .accordion-heading {\n border-width: 0 0 1px 0;\n border-style: solid;\n border-color: var(--theme-core-layout-border-color);\n font-style: normal;\n font-weight: bold;\n font-size: 14px;\n line-height: 14px;\n color: var(--theme-core-text-color);\n padding: 13px 20px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.dx-accordion .accordion-heading .icon {\n line-height: 0;\n}\n.dx-accordion .accordion-heading__left {\n align-self: left;\n}\n.dx-accordion .accordion-content {\n color: var(--theme-core-text-color);\n padding: 13px 20px 20px 20px;\n border-bottom: 1px solid var(--theme-core-layout-border-color);\n}\n.dx-accordion .accordion-content > *:first-child {\n margin-top: 0;\n}\n.dx-accordion .accordion-content > *:last-child {\n margin-bottom: 0;\n}";
386
36
  styleInject(css_248z$i);
387
37
 
@@ -390,20 +40,20 @@ function DxAccordion(props) {
390
40
  const [expandTrigger, setExpandTrigger] = useState(props.expandTrigger);
391
41
  const [showOpenTrigger, setShowOpenTrigger] = useState(props.showOpenTrigger);
392
42
  // This one forcibly opens the component
393
- React$1.useEffect(() => {
43
+ React.useEffect(() => {
394
44
  if (props.expandTrigger !== expandTrigger) {
395
45
  setIsOpen(true);
396
46
  setExpandTrigger(props.expandTrigger);
397
47
  }
398
48
  }, [props.expandTrigger, expandTrigger]);
399
49
  // This one forcibly recalculates the state based on the value for props.showOpen
400
- React$1.useEffect(() => {
50
+ React.useEffect(() => {
401
51
  if (props.showOpenTrigger !== showOpenTrigger) {
402
52
  setIsOpen(props.showOpen);
403
53
  setShowOpenTrigger(props.showOpenTrigger);
404
54
  }
405
55
  }, [props.showOpenTrigger, showOpenTrigger, props.showOpen]);
406
- React$1.useEffect(() => {
56
+ React.useEffect(() => {
407
57
  if (props.showOpen === true || props.showOpen === false)
408
58
  setIsOpen(props.showOpen);
409
59
  }, [props.showOpen]);
@@ -412,23 +62,23 @@ function DxAccordion(props) {
412
62
  style.color = props.headingColor;
413
63
  let icon;
414
64
  if (props.headingIcon)
415
- icon = React$1.createElement(lib.GenesysDevIcon, { icon: props.headingIcon, className: "heading-icon" });
416
- return (React$1.createElement("div", { id: props.containerId || undefined, className: `dx-accordion${props.className ? ' ' + props.className : ''}` },
417
- React$1.createElement("div", { className: "accordion-heading", style: style, onClick: () => setIsOpen(!isOpen) },
418
- React$1.createElement("span", { className: "accordion-heading__left" },
65
+ icon = React.createElement(GenesysDevIcon, { icon: props.headingIcon, className: "heading-icon" });
66
+ return (React.createElement("div", { id: props.containerId || undefined, className: `dx-accordion${props.className ? ' ' + props.className : ''}` },
67
+ React.createElement("div", { className: "accordion-heading", style: style, onClick: () => setIsOpen(!isOpen) },
68
+ React.createElement("span", { className: "accordion-heading__left" },
419
69
  icon,
420
70
  " ",
421
71
  props.title),
422
72
  ' ',
423
- React$1.createElement(lib.GenesysDevIcon, { icon: isOpen ? lib.GenesysDevIcons.AppChevronUp : lib.GenesysDevIcons.AppChevronDown })),
424
- isOpen ? React$1.createElement("div", { className: "accordion-content" }, props.children) : undefined));
73
+ React.createElement(GenesysDevIcon, { icon: isOpen ? GenesysDevIcons.AppChevronUp : GenesysDevIcons.AppChevronDown })),
74
+ isOpen ? React.createElement("div", { className: "accordion-content" }, props.children) : undefined));
425
75
  }
426
76
 
427
77
  var css_248z$h = ".dx-accordion-group {\n margin: 40px 0;\n}";
428
78
  styleInject(css_248z$h);
429
79
 
430
80
  function DxAccordionGroup(props) {
431
- return React$1.createElement("div", { className: `dx-accordion-group${props.className ? ' ' + props.className : ''}` }, props.children);
81
+ return React.createElement("div", { className: `dx-accordion-group${props.className ? ' ' + props.className : ''}` }, props.children);
432
82
  }
433
83
 
434
84
  var css_248z$g = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.dx-button {\n margin: 15px 10px;\n border-radius: 2px;\n padding: 8px 15px;\n cursor: pointer;\n font-weight: 500;\n}\n.dx-button-primary {\n color: var(--theme-dxbutton-primary-text-color);\n border: 1px solid var(--theme-dxbutton-primary-background-color);\n background-color: var(--theme-dxbutton-primary-background-color);\n}\n.dx-button-primary:hover {\n background-color: var(--theme-dxbutton-primary-hover-background-color);\n border-color: var(--theme-dxbutton-primary-hover-background-color);\n transition: 0.1s;\n}\n.dx-button-primary:focus {\n background-color: var(--theme-dxbutton-primary-background-color);\n border-color: var(--theme-dxbutton-primary-background-color);\n box-shadow: 0 0 0 2px var(--theme-dxbutton-primary-shadow-color);\n transition: 0.1s;\n}\n.dx-button-primary:disabled {\n background-color: var(--theme-dxbutton-primary-disabled-background-color);\n border-color: var(--theme-dxbutton-primary-disabled-background-color);\n transition: 0.1s;\n cursor: not-allowed;\n}\n.dx-button-secondary {\n background-color: var(--theme-dxbutton-secondary-background-color);\n border: 1px solid var(--theme-dxbutton-secondary-border-color);\n color: var(--theme-dxbutton-secondary-border-color);\n}\n.dx-button-secondary:hover {\n color: var(--theme-dxbutton-secondary-hover-border-color);\n border-color: var(--theme-dxbutton-secondary-border-color);\n transition: 0.1s;\n}\n.dx-button-secondary:focus {\n color: var(--theme-dxbutton-secondary-border-color);\n border-color: var(--theme-dxbutton-secondary-border-color);\n box-shadow: 0 0 0 2px var(--theme-dxbutton-secondary-shadow-color);\n transition: 0.1s;\n}\n.dx-button-secondary:disabled {\n color: var(--theme-dxbutton-secondary-disabled-text-color);\n background-color: var(--theme-dxbutton-secondary-disabled-background-color);\n border-color: var(--theme-dxbutton-secondary-disabled-background-color);\n transition: 0.1s;\n cursor: not-allowed;\n}\n.dx-button-link {\n color: var(--theme-core-link-color);\n background: transparent;\n margin: 0;\n padding: 0 2px;\n border: 0;\n}\n.dx-button-link:hover {\n color: var(--theme-core-link-hover-color);\n border-color: var(--theme-dxbutton-secondary-border-color);\n}\n.dx-button-link:disabled {\n color: #8a9a9e;\n transition: 0.1s;\n cursor: not-allowed;\n text-decoration: line-through;\n}";
@@ -446,72 +96,7 @@ function DxButton(props) {
446
96
  e.stopPropagation();
447
97
  props.onClick();
448
98
  };
449
- return (React$1.createElement("button", { className: classNames.join(' '), type: "button", onClick: handleClick, disabled: props.disabled === true }, props.children));
450
- }
451
-
452
- // Unique ID creation requires a high quality random # generator. In the browser we therefore
453
- // require the crypto API and do not support built-in fallback to lower quality random number
454
- // generators (like Math.random()).
455
- let getRandomValues;
456
- const rnds8 = new Uint8Array(16);
457
- function rng() {
458
- // lazy load so that environments that need to polyfill have a chance to do so
459
- if (!getRandomValues) {
460
- // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
461
- getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
462
-
463
- if (!getRandomValues) {
464
- throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
465
- }
466
- }
467
-
468
- return getRandomValues(rnds8);
469
- }
470
-
471
- /**
472
- * Convert array of 16 byte values to UUID string format of the form:
473
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
474
- */
475
-
476
- const byteToHex = [];
477
-
478
- for (let i = 0; i < 256; ++i) {
479
- byteToHex.push((i + 0x100).toString(16).slice(1));
480
- }
481
-
482
- function unsafeStringify(arr, offset = 0) {
483
- // Note: Be careful editing this code! It's been tuned for performance
484
- // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
485
- return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
486
- }
487
-
488
- const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
489
- var native = {
490
- randomUUID
491
- };
492
-
493
- function v4(options, buf, offset) {
494
- if (native.randomUUID && !buf && !options) {
495
- return native.randomUUID();
496
- }
497
-
498
- options = options || {};
499
- const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
500
-
501
- rnds[6] = rnds[6] & 0x0f | 0x40;
502
- rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
503
-
504
- if (buf) {
505
- offset = offset || 0;
506
-
507
- for (let i = 0; i < 16; ++i) {
508
- buf[offset + i] = rnds[i];
509
- }
510
-
511
- return buf;
512
- }
513
-
514
- return unsafeStringify(rnds);
99
+ return (React.createElement("button", { className: classNames.join(' '), type: "button", onClick: handleClick, disabled: props.disabled === true }, props.children));
515
100
  }
516
101
 
517
102
  var css_248z$f = ".dx-item-group {\n display: block;\n border: 0;\n margin: 0;\n padding: 0;\n}";
@@ -531,19 +116,19 @@ styleInject(css_248z$b);
531
116
 
532
117
  function DxLabel(props) {
533
118
  const hasLabel = props.label && props.label !== '';
534
- const description = props.description ? (React$1.createElement("div", { className: 'input-description' },
535
- React$1.createElement(lib.GenesysDevIcon, { icon: lib.GenesysDevIcons.AppInfoSolid }),
536
- React$1.createElement("span", null, props.description))) : undefined;
537
- const contents = (React$1.createElement(React$1.Fragment, null,
119
+ const description = props.description ? (React.createElement("div", { className: 'input-description' },
120
+ React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppInfoSolid }),
121
+ React.createElement("span", null, props.description))) : undefined;
122
+ const contents = (React.createElement(React.Fragment, null,
538
123
  ' ',
539
- hasLabel ? React$1.createElement("span", { className: 'label-text' }, props.label) : undefined,
124
+ hasLabel ? React.createElement("span", { className: 'label-text' }, props.label) : undefined,
540
125
  props.children,
541
126
  description));
542
127
  const className = `dx-label${props.className ? ' ' + props.className : ''}`;
543
128
  if (props.useFieldset) {
544
- return React$1.createElement("fieldset", { className: className }, contents);
129
+ return React.createElement("fieldset", { className: className }, contents);
545
130
  }
546
- return React$1.createElement("label", { className: className }, contents);
131
+ return React.createElement("label", { className: className }, contents);
547
132
  }
548
133
 
549
134
  var css_248z$a = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.dx-checkbox {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n margin: 15px 0;\n}\n.dx-checkbox:first-of-type {\n margin-top: 0;\n}\n.dx-checkbox .label-text {\n font-family: Roboto;\n font-style: normal;\n font-weight: normal;\n font-size: 12px;\n line-height: 18px;\n color: var(--theme-core-text-color);\n}\n.dx-checkbox input[type=checkbox] {\n -webkit-appearance: none;\n appearance: none;\n margin: 0 8px 0 0;\n width: 16px;\n height: 16px;\n border: 1px solid var(--theme-core-control-border-color);\n border-radius: 2px;\n background-color: var(--theme-core-control-background-color);\n flex-shrink: 0;\n}\n.dx-checkbox input[type=checkbox]::before {\n display: none;\n}\n.dx-checkbox input[type=checkbox]:checked {\n background-color: var(--theme-core-control-background-color);\n}\n.dx-checkbox input[type=checkbox]:checked::before {\n display: block;\n position: relative;\n top: 7px;\n left: 3px;\n font-size: 9px;\n line-height: 0;\n color: var(--theme-core-control-punch-color);\n content: \"\\f104\";\n font-family: genesys-dev-icons !important;\n font-style: normal;\n font-weight: normal !important;\n font-feature-settings: normal;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.dx-checkbox input[type=checkbox]:not(:disabled):hover {\n border-color: var(--theme-core-control-punch-color);\n}\n.dx-checkbox input[type=checkbox]:not(:disabled):focus {\n outline: var(--theme-core-control-focus-color) solid 2px;\n}\n.dx-checkbox input[type=checkbox]:not(:disabled):focus-visible {\n outline: 0;\n}\n.dx-checkbox input[type=radio] {\n -webkit-appearance: none;\n appearance: none;\n margin: 0 8px 0 0;\n width: 16px;\n height: 16px;\n border: 1px solid var(--theme-core-control-border-color);\n border-radius: 8px;\n background-color: var(--theme-core-control-background-color);\n flex-shrink: 0;\n}\n.dx-checkbox input[type=radio]::before {\n display: none;\n}\n.dx-checkbox input[type=radio]:checked::before {\n content: \"\";\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 8px;\n position: relative;\n top: 2px;\n left: 2px;\n background-color: var(--theme-core-control-punch-color);\n}\n.dx-checkbox input[type=radio]:not(:disabled):hover {\n border-color: var(--theme-core-control-punch-color);\n}\n.dx-checkbox input[type=radio]:not(:disabled):focus {\n outline: var(--theme-core-control-focus-color) solid 2px;\n}\n.dx-checkbox input[type=radio]:not(:disabled):focus-visible {\n outline: 0;\n}\n.dx-checkbox.disabled {\n cursor: not-allowed;\n}\n.dx-checkbox.disabled input {\n border-color: var(--theme-core-control-disabled-border-color);\n cursor: not-allowed;\n}\n.dx-checkbox.disabled input:checked {\n background-color: var(--theme-core-control-disabled-background-color);\n cursor: not-allowed;\n}\n\n.dx-label .dx-checkbox .label-text {\n margin: 0;\n}";
@@ -561,9 +146,9 @@ function DxCheckbox(props) {
561
146
  if (props.onCheckChanged)
562
147
  props.onCheckChanged(checked);
563
148
  }, [checked]);
564
- return (React$1.createElement("label", { className: `dx-checkbox${props.className ? ' ' + props.className : ''}${props.disabled ? ' disabled' : ''}` },
565
- React$1.createElement("input", { type: props.useRadioType ? 'radio' : 'checkbox', name: props.name, value: props.itemValue, checked: checked, onChange: (e) => setChecked(e.target.checked), disabled: props.disabled === true }),
566
- React$1.createElement("span", { className: 'label-text' }, props.label)));
149
+ return (React.createElement("label", { className: `dx-checkbox${props.className ? ' ' + props.className : ''}${props.disabled ? ' disabled' : ''}` },
150
+ React.createElement("input", { type: props.useRadioType ? 'radio' : 'checkbox', name: props.name, value: props.itemValue, checked: checked, onChange: (e) => setChecked(e.target.checked), disabled: props.disabled === true }),
151
+ React.createElement("span", { className: 'label-text' }, props.label)));
567
152
  }
568
153
 
569
154
  function DxItemGroup(props) {
@@ -627,23 +212,23 @@ function DxItemGroup(props) {
627
212
  case 'multiselect':
628
213
  case 'dropdown': {
629
214
  const isMulti = format === 'multiselect';
630
- return (React$1.createElement(DxLabel, { label: title, description: description, className: className },
631
- React$1.createElement("div", { className: `dx-item-group${isMulti ? ' dx-multiselect-group' : ' dx-select-group'}${disabled ? ' disabled' : ''}` },
632
- React$1.createElement("select", { multiple: isMulti, disabled: disabled === true, onChange: (e) => selectChanged(e), value: isMulti
215
+ return (React.createElement(DxLabel, { label: title, description: description, className: className },
216
+ React.createElement("div", { className: `dx-item-group${isMulti ? ' dx-multiselect-group' : ' dx-select-group'}${disabled ? ' disabled' : ''}` },
217
+ React.createElement("select", { multiple: isMulti, disabled: disabled === true, onChange: (e) => selectChanged(e), value: isMulti
633
218
  ? (_a = data.filter((item) => item.isSelected)) === null || _a === void 0 ? void 0 : _a.map((item) => item.item.value)
634
- : (_b = data.find((item) => item.isSelected)) === null || _b === void 0 ? void 0 : _b.item.value }, data.map((d, i) => (React$1.createElement("option", { key: i, value: d.item.value, disabled: d.item.disabled }, d.item.label)))))));
219
+ : (_b = data.find((item) => item.isSelected)) === null || _b === void 0 ? void 0 : _b.item.value }, data.map((d, i) => (React.createElement("option", { key: i, value: d.item.value, disabled: d.item.disabled }, d.item.label)))))));
635
220
  }
636
221
  case 'checkbox':
637
222
  case 'radio':
638
223
  default: {
639
- return (React$1.createElement(DxLabel, { label: title, description: description, className: `dx-item-group${disabled ? ' disabled' : ''}${className ? ' ' + className : ''}`, useFieldset: true },
640
- React$1.createElement("div", { onChange: (e) => {
224
+ return (React.createElement(DxLabel, { label: title, description: description, className: `dx-item-group${disabled ? ' disabled' : ''}${className ? ' ' + className : ''}`, useFieldset: true },
225
+ React.createElement("div", { onChange: (e) => {
641
226
  var _a;
642
227
  const i = data.findIndex((d) => { var _a; return d.item.value === ((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); });
643
228
  if (i < 0)
644
229
  return;
645
230
  itemChanged(i, data[i].item, (_a = e.target) === null || _a === void 0 ? void 0 : _a.checked);
646
- } }, data.map((d, i) => (React$1.createElement(DxCheckbox, { key: d.item.value, name: format === 'checkbox' ? `${id}-${d.item.value}` : id, label: d.item.label, itemValue: d.item.value, checked: d.isSelected, useRadioType: format === 'radio', disabled: disabled || d.item.disabled }))))));
231
+ } }, data.map((d, i) => (React.createElement(DxCheckbox, { key: d.item.value, name: format === 'checkbox' ? `${id}-${d.item.value}` : id, label: d.item.label, itemValue: d.item.value, checked: d.isSelected, useRadioType: format === 'radio', disabled: disabled || d.item.disabled }))))));
647
232
  }
648
233
  }
649
234
  }
@@ -655,21 +240,21 @@ function DxTabbedContent(props) {
655
240
  const [activeTab, setActiveTab] = useState(props.initialTabId || 0);
656
241
  const [titles] = useState(
657
242
  // Scrape titles from child elements
658
- React$1.Children.toArray(props.children).map((child) => {
243
+ React.Children.toArray(props.children).map((child) => {
659
244
  if (!child || !child.props || !child.props.title)
660
245
  return 'Unknown title';
661
246
  return child.props.title;
662
247
  }));
663
- return (React$1.createElement("div", { className: `dx-tabbed-content${props.className ? ' ' + props.className : ''}` },
664
- React$1.createElement("div", { className: 'tab-titles' }, titles.map((title, i) => (React$1.createElement("span", { key: i, className: `tab-title${i === activeTab ? ' active' : ''}`, onClick: () => setActiveTab(i) }, title)))),
665
- React$1.createElement("div", { className: 'tab-content' }, React$1.Children.toArray(props.children)[activeTab])));
248
+ return (React.createElement("div", { className: `dx-tabbed-content${props.className ? ' ' + props.className : ''}` },
249
+ React.createElement("div", { className: 'tab-titles' }, titles.map((title, i) => (React.createElement("span", { key: i, className: `tab-title${i === activeTab ? ' active' : ''}`, onClick: () => setActiveTab(i) }, title)))),
250
+ React.createElement("div", { className: 'tab-content' }, React.Children.toArray(props.children)[activeTab])));
666
251
  }
667
252
 
668
253
  var css_248z$8 = "";
669
254
  styleInject(css_248z$8);
670
255
 
671
256
  function DxTabPanel(props) {
672
- return React$1.createElement("div", { className: `dx-tab-panel${props.className ? ' ' + props.className : ''}` }, props.children);
257
+ return React.createElement("div", { className: `dx-tab-panel${props.className ? ' ' + props.className : ''}` }, props.children);
673
258
  }
674
259
 
675
260
  var css_248z$7 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.dx-textbox {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n border: 1px solid var(--theme-core-control-border-color);\n border-radius: 2px;\n margin: 0;\n padding: 0 10px;\n height: 32px;\n background-color: var(--theme-core-control-alt-background-color);\n}\n.dx-textbox.with-label {\n margin-top: 0;\n}\n.dx-textbox:focus-within {\n outline: #aac9ff solid 2px;\n}\n.dx-textbox .icon {\n display: block;\n flex: none;\n color: var(--theme-core-control-textbox-text-color);\n}\n.dx-textbox .icon.input-icon {\n font-size: 14px;\n line-height: 0;\n}\n.dx-textbox .icon.clear-icon {\n font-size: 11px;\n line-height: 0;\n cursor: pointer;\n padding: 4px;\n margin-right: -4px;\n}\n.dx-textbox .dx-input {\n flex-grow: 1;\n border: 0;\n background: transparent;\n box-sizing: border-box;\n height: 32px;\n width: 100%;\n padding: 0;\n margin: 0;\n font-family: Roboto;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 16px;\n color: var(--theme-core-control-textbox-text-color);\n}\n.dx-textbox .dx-input:focus-visible {\n outline: 0;\n}\n.dx-textbox .dx-input::placeholder {\n font-style: normal;\n font-weight: 300;\n font-size: 14px;\n line-height: 16px;\n color: var(--theme-core-control-textbox-placeholder-text-color);\n}\n.dx-textbox.disabled {\n background-color: var(--theme-dxbutton-secondary-disabled-background-color);\n cursor: not-allowed;\n}\n.dx-textbox.disabled input {\n cursor: not-allowed;\n color: var(--theme-dxbutton-secondary-disabled-text-color);\n}\n.dx-textbox.disabled .icon,\n.dx-textbox.disabled input::placeholder {\n color: var(--theme-dxbutton-secondary-disabled-text-color);\n}\n\n.dx-textarea {\n padding: 10px;\n border: 1px solid var(--theme-core-control-border-color);\n border-radius: 2px;\n width: 100%;\n font-family: \"Roboto\", sans-serif;\n box-sizing: border-box;\n background-color: var(--theme-core-control-alt-background-color);\n color: var(--theme-core-control-textbox-text-color);\n}\n.dx-textarea:focus-within {\n outline: var(--theme-core-control-focus-color) solid 2px;\n}\n.dx-textarea::placeholder {\n font-family: \"Roboto\", sans-serif;\n font-style: normal;\n font-weight: 300;\n font-size: 14px;\n line-height: 16px;\n color: var(--theme-core-control-textbox-placeholder-text-color);\n}";
@@ -766,7 +351,7 @@ function DxTextbox(props) {
766
351
  let component;
767
352
  switch (inputType) {
768
353
  case 'textarea': {
769
- component = (React$1.createElement("textarea", { className: "dx-textarea", placeholder: props.placeholder, ref: inputRef, value: value, onChange: (e) => setValue(e.target.value), onFocus: () => {
354
+ component = (React.createElement("textarea", { className: "dx-textarea", placeholder: props.placeholder, ref: inputRef, value: value, onChange: (e) => setValue(e.target.value), onFocus: () => {
770
355
  setIsFocused(true);
771
356
  if (props.onFocus)
772
357
  props.onFocus();
@@ -779,9 +364,9 @@ function DxTextbox(props) {
779
364
  }
780
365
  // TODO: special handling for other inputType values
781
366
  default: {
782
- component = (React$1.createElement("div", { className: `dx-textbox${hasLabel ? ' with-label' : ''}${props.disabled ? ' disabled' : ''}` },
783
- props.icon ? React$1.createElement(lib.GenesysDevIcon, { icon: props.icon, className: "input-icon" }) : undefined,
784
- React$1.createElement("input", { className: "dx-input", type: inputType, step: step, value: value, placeholder: props.placeholder, onChange: (e) => setValue(e.target.value), ref: inputRef, onFocus: () => {
367
+ component = (React.createElement("div", { className: `dx-textbox${hasLabel ? ' with-label' : ''}${props.disabled ? ' disabled' : ''}` },
368
+ props.icon ? React.createElement(GenesysDevIcon, { icon: props.icon, className: "input-icon" }) : undefined,
369
+ React.createElement("input", { className: "dx-input", type: inputType, step: step, value: value, placeholder: props.placeholder, onChange: (e) => setValue(e.target.value), ref: inputRef, onFocus: () => {
785
370
  setIsFocused(true);
786
371
  if (props.onFocus)
787
372
  props.onFocus();
@@ -790,11 +375,11 @@ function DxTextbox(props) {
790
375
  if (props.onBlur)
791
376
  props.onBlur();
792
377
  }, disabled: props.disabled === true, autoFocus: props.autoFocus }),
793
- props.clearButton && (value || isFocused) && !props.disabled ? (React$1.createElement(lib.GenesysDevIcon, { icon: lib.GenesysDevIcons.AppTimes, className: "clear-icon", onClick: () => setValue('') })) : undefined));
378
+ props.clearButton && (value || isFocused) && !props.disabled ? (React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppTimes, className: "clear-icon", onClick: () => setValue('') })) : undefined));
794
379
  }
795
380
  }
796
381
  // Render
797
- return (React$1.createElement(DxLabel, { label: props.label, description: props.description, className: props.className }, component));
382
+ return (React.createElement(DxLabel, { label: props.label, description: props.description, className: props.className }, component));
798
383
  }
799
384
 
800
385
  var css_248z$6 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.dx-toggle-container {\n display: inline-block;\n}\n.dx-toggle-container .dx-toggle {\n border: 1px solid var(--theme-core-control-border-color);\n background: var(--theme-core-control-background-color);\n border-radius: 6px;\n height: 26px;\n padding: 0px 4px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n gap: 2px;\n cursor: pointer;\n}\n.dx-toggle-container .dx-toggle:hover .slider {\n border-color: var(--theme-core-control-focus-color);\n}\n.dx-toggle-container .dx-toggle .icon {\n font-size: 10px;\n line-height: 0;\n margin: 0 5px;\n color: var(--theme-core-control-border-color);\n}\n.dx-toggle-container .dx-toggle .clear-placeholder {\n width: 19px;\n padding: 0 1px 0 0;\n margin: 0;\n display: block;\n}\n.dx-toggle-container .dx-toggle .slider {\n height: 22px;\n width: 22px;\n border-radius: 22px;\n background-color: var(--theme-core-control-punch-color);\n box-shadow: 0px 1px 2px var(--theme-core-box-shadow-color);\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid transparent;\n}\n.dx-toggle-container .dx-toggle .slider .icon {\n font-size: 10px;\n line-height: 0;\n color: var(--theme-core-control-background-color);\n padding: 0;\n margin: 0;\n}\n.dx-toggle-container.disabled .dx-toggle {\n cursor: not-allowed;\n opacity: 0.7;\n border-color: var(--theme-core-control-border-color);\n color: var(--theme-core-control-background-color);\n}\n.dx-toggle-container.disabled .dx-toggle:hover .slider {\n border-color: transparent;\n}\n.dx-toggle-container.disabled .dx-toggle .slider {\n opacity: 0.7;\n color: var(--theme-core-control-background-color);\n background-color: var(--theme-core-control-punch-color);\n}";
@@ -805,8 +390,8 @@ function DxToggle(props) {
805
390
  if (!props.isTriState)
806
391
  initialValue = initialValue || false;
807
392
  const [value, setValue] = useState(initialValue);
808
- const trueIcon = props.trueIcon || lib.GenesysDevIcons.AppCheck;
809
- const falseIcon = props.falseIcon || lib.GenesysDevIcons.AppTimes;
393
+ const trueIcon = props.trueIcon || GenesysDevIcons.AppCheck;
394
+ const falseIcon = props.falseIcon || GenesysDevIcons.AppTimes;
810
395
  useEffect(() => {
811
396
  if (props.initialValue || props.value === value || (!props.isTriState && props.value === undefined))
812
397
  return;
@@ -832,14 +417,14 @@ function DxToggle(props) {
832
417
  setValue(!value);
833
418
  }
834
419
  };
835
- return (React$1.createElement(DxLabel, { label: props.label, description: props.description, className: props.className },
836
- React$1.createElement("div", { className: `dx-toggle-container${props.disabled ? ' disabled' : ''}` },
837
- React$1.createElement("div", { className: 'dx-toggle', onClick: toggleValue },
838
- value !== false ? React$1.createElement(lib.GenesysDevIcon, { icon: falseIcon }) : undefined,
839
- value === true && props.isTriState ? React$1.createElement("div", { className: 'clear-placeholder' }, "\u00A0") : undefined,
840
- React$1.createElement("div", { className: 'slider' }, value !== undefined ? React$1.createElement(lib.GenesysDevIcon, { icon: value ? trueIcon : falseIcon }) : undefined),
841
- value === false && props.isTriState ? React$1.createElement("div", { className: 'clear-placeholder' }, "\u00A0") : undefined,
842
- value !== true ? React$1.createElement(lib.GenesysDevIcon, { icon: trueIcon }) : undefined))));
420
+ return (React.createElement(DxLabel, { label: props.label, description: props.description, className: props.className },
421
+ React.createElement("div", { className: `dx-toggle-container${props.disabled ? ' disabled' : ''}` },
422
+ React.createElement("div", { className: 'dx-toggle', onClick: toggleValue },
423
+ value !== false ? React.createElement(GenesysDevIcon, { icon: falseIcon }) : undefined,
424
+ value === true && props.isTriState ? React.createElement("div", { className: 'clear-placeholder' }, "\u00A0") : undefined,
425
+ React.createElement("div", { className: 'slider' }, value !== undefined ? React.createElement(GenesysDevIcon, { icon: value ? trueIcon : falseIcon }) : undefined),
426
+ value === false && props.isTriState ? React.createElement("div", { className: 'clear-placeholder' }, "\u00A0") : undefined,
427
+ value !== true ? React.createElement(GenesysDevIcon, { icon: trueIcon }) : undefined))));
843
428
  }
844
429
 
845
430
  var css_248z$5 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.alert-container {\n margin: 40px 0;\n padding: 0;\n}\n.toc-link + .alert-container {\n margin-top: 0;\n}\n.alert-container .alert {\n display: flex;\n flex-flow: row nowrap;\n gap: 20px;\n background-color: var(--theme-alertblock-default-background-color);\n border: 1px solid var(--theme-alertblock-default-border-color);\n color: var(--theme-alertblock-default-text-color);\n border-radius: 4px;\n padding: 15px 20px;\n font-size: 14px;\n line-height: 14px;\n}\n.alert-container .alert .clickable {\n cursor: pointer;\n}\n.alert-container .alert .info-icon {\n display: inline-block;\n font-size: 16px;\n line-height: 0;\n margin-top: 2px;\n color: var(--theme-alertblock-default-icon-color);\n}\n.alert-container .alert .alert-content {\n flex-grow: 1;\n font-size: 14px;\n line-height: 20px;\n margin: 0;\n}\n.alert-container .alert .alert-content .alert-title {\n font-size: 14px;\n line-height: 20px;\n font-weight: bold;\n margin-bottom: 6px;\n}\n.alert-container .alert .alert-content .alert-title.collapsed {\n margin-bottom: 0;\n}\n.alert-container .alert p:last-of-type {\n margin-bottom: 0;\n}\n.alert-container .alert.alert-info {\n color: var(--theme-alertblock-info-text-color);\n background-color: var(--theme-alertblock-info-background-color);\n border-color: var(--theme-alertblock-info-border-color);\n}\n.alert-container .alert.alert-info .icon {\n color: var(--theme-alertblock-info-icon-color);\n}\n.alert-container .alert.alert-warning {\n color: var(--theme-alertblock-warning-text-color);\n background-color: var(--theme-alertblock-warning-background-color);\n border-color: var(--theme-alertblock-warning-border-color);\n}\n.alert-container .alert.alert-warning .icon {\n color: var(--theme-alertblock-warning-icon-color);\n}\n.alert-container .alert.alert-critical {\n color: var(--theme-alertblock-critical-text-color);\n background-color: var(--theme-alertblock-critical-background-color);\n border-color: var(--theme-alertblock-critical-border-color);\n}\n.alert-container .alert.alert-critical .icon {\n color: var(--theme-alertblock-critical-icon-color);\n}\n.alert-container .alert.alert-success {\n color: var(--theme-alertblock-success-text-color);\n background-color: var(--theme-alertblock-success-background-color);\n border-color: var(--theme-alertblock-success-border-color);\n}\n.alert-container .alert.alert-success .icon {\n color: var(--theme-alertblock-success-icon-color);\n}\n.alert-container .alert.alert-toast {\n color: var(--theme-alertblock-toast-text-color);\n background-color: var(--theme-alertblock-toast-background-color);\n border-color: var(--theme-alertblock-toast-border-color);\n}\n.alert-container .alert.alert-toast .icon {\n color: var(--theme-alertblock-toast-icon-color);\n}";
@@ -850,39 +435,39 @@ function AlertBlock(props) {
850
435
  const [isCollapsed, setIsCollapsed] = useState(isCollapsible ? props.autoCollapse || false : false);
851
436
  let title;
852
437
  if (props.title) {
853
- title = (React$1.createElement("div", { className: `alert-title${isCollapsible ? ' clickable' : ''}${isCollapsed ? ' collapsed' : ''}`, onClick: isCollapsible ? () => setIsCollapsed(!isCollapsed) : undefined }, props.title));
438
+ title = (React.createElement("div", { className: `alert-title${isCollapsible ? ' clickable' : ''}${isCollapsed ? ' collapsed' : ''}`, onClick: isCollapsible ? () => setIsCollapsed(!isCollapsed) : undefined }, props.title));
854
439
  }
855
440
  let icon;
856
441
  switch (props.alertType) {
857
442
  case 'info': {
858
- icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppInfoSolid });
443
+ icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppInfoSolid });
859
444
  break;
860
445
  }
861
446
  case 'success': {
862
- icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppSuccessSolid });
447
+ icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppSuccessSolid });
863
448
  break;
864
449
  }
865
450
  case 'critical': {
866
- icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppCriticalSolid });
451
+ icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppCriticalSolid });
867
452
  break;
868
453
  }
869
454
  case 'warning': {
870
- icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppWarnSolid });
455
+ icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppWarnSolid });
871
456
  break;
872
457
  }
873
458
  }
874
459
  if (icon && isCollapsible) {
875
- icon = (React$1.createElement("span", { className: "clickable", onClick: () => setIsCollapsed(!isCollapsed) }, icon));
460
+ icon = (React.createElement("span", { className: "clickable", onClick: () => setIsCollapsed(!isCollapsed) }, icon));
876
461
  }
877
462
  //TODO: remove the card fence classes and build a proper collapser
878
- return (React$1.createElement("div", { className: `alert-container${props.indentation && props.indentation > 0 ? ` indent-${props.indentation}` : ''} ${props.className || ''}` },
879
- React$1.createElement("div", { className: `alert alert-${props.alertType}`, role: "alert" },
463
+ return (React.createElement("div", { className: `alert-container${props.indentation && props.indentation > 0 ? ` indent-${props.indentation}` : ''} ${props.className || ''}` },
464
+ React.createElement("div", { className: `alert alert-${props.alertType}`, role: "alert" },
880
465
  icon,
881
- React$1.createElement("div", { className: "alert-content" },
466
+ React.createElement("div", { className: "alert-content" },
882
467
  title,
883
- isCollapsed ? undefined : React$1.createElement("div", null, props.children)),
884
- isCollapsible ? (React$1.createElement("span", { className: "clickable", onClick: () => setIsCollapsed(!isCollapsed) },
885
- React$1.createElement(lib.GenesysDevIcon, { icon: isCollapsed ? lib.GenesysDevIcons.AppChevronDown : lib.GenesysDevIcons.AppChevronUp }))) : undefined)));
468
+ isCollapsed ? undefined : React.createElement("div", null, props.children)),
469
+ isCollapsible ? (React.createElement("span", { className: "clickable", onClick: () => setIsCollapsed(!isCollapsed) },
470
+ React.createElement(GenesysDevIcon, { icon: isCollapsed ? GenesysDevIcons.AppChevronDown : GenesysDevIcons.AppChevronUp }))) : undefined)));
886
471
  }
887
472
 
888
473
  var css_248z$4 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.loading-placeholder {\n position: relative;\n width: 160px;\n height: 160px;\n margin: 60px auto;\n}\n.loading-placeholder .text {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n height: 100%;\n font-style: normal;\n font-weight: 300;\n font-size: 16px;\n line-height: 20px;\n color: var(--theme-loadingplaceholder-text-color);\n position: relative;\n top: 5px;\n left: 5px;\n opacity: 0.5;\n}\n.loading-placeholder div {\n position: absolute;\n border: 4px solid var(--theme-loadingplaceholder-wave-color);\n opacity: 1;\n border-radius: 50%;\n animation: loading-placeholder 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\n}\n.loading-placeholder div:nth-child(2) {\n animation-delay: -0.5s;\n}\n@keyframes loading-placeholder {\n 0% {\n top: 80px;\n left: 80px;\n width: 0;\n height: 0;\n opacity: 1;\n }\n 100% {\n top: 0px;\n left: 0px;\n width: 160px;\n height: 160px;\n opacity: 0;\n }\n}";
@@ -981,10 +566,10 @@ const MESSAGES = [
981
566
  'Unable to Reveal Current Activity',
982
567
  ];
983
568
  function LoadingPlaceholder(props) {
984
- return (React$1.createElement("div", { className: "loading-placeholder" },
985
- React$1.createElement("span", { className: "text" }, props.text || MESSAGES[Math.floor(Math.random() * (MESSAGES.length - 1))]),
986
- React$1.createElement("div", null),
987
- React$1.createElement("div", null)));
569
+ return (React.createElement("div", { className: "loading-placeholder" },
570
+ React.createElement("span", { className: "text" }, props.text || MESSAGES[Math.floor(Math.random() * (MESSAGES.length - 1))]),
571
+ React.createElement("div", null),
572
+ React.createElement("div", null)));
988
573
  }
989
574
 
990
575
  var css_248z$3 = "/* Custom properties */\n:root {\n --tooltip-text-color: white;\n --tooltip-background-color: black;\n --tooltip-margin: 10px;\n --tooltip-arrow-size: 6px;\n}\n\n/* Wrapping */\n.tooltip-container {\n display: inline-block;\n position: relative;\n line-height: 0;\n /* Absolute positioning */\n}\n.tooltip-container .tooltip-tip {\n position: absolute;\n border-radius: 4px;\n left: 50%;\n transform: translateX(-50%);\n padding: 6px;\n color: var(--tooltip-text-color);\n background: var(--tooltip-background-color);\n font-size: 14px;\n line-height: 1;\n z-index: 10000;\n max-width: 300px;\n width: max-content;\n opacity: 0;\n visibility: hidden;\n transition: visibility 1.1s ease-out, opacity 1s ease-out;\n /* CSS border triangles */\n /* Absolute positioning */\n /* Absolute positioning */\n /* Absolute positioning */\n /* Absolute positioning */\n}\n.tooltip-container .tooltip-tip.visible {\n opacity: 1;\n visibility: visible;\n transition: visibility 0s, opacity 0.1s ease-in;\n}\n.tooltip-container .tooltip-tip::before {\n content: \" \";\n left: 50%;\n border: solid transparent;\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-width: var(--tooltip-arrow-size);\n margin-left: calc(var(--tooltip-arrow-size) * -1);\n}\n.tooltip-container .tooltip-tip.top {\n bottom: 130%;\n /* CSS border triangles */\n}\n.tooltip-container .tooltip-tip.top::before {\n top: 100%;\n border-top-color: var(--tooltip-background-color);\n}\n.tooltip-container .tooltip-tip.right {\n left: calc(100% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n /* CSS border triangles */\n}\n.tooltip-container .tooltip-tip.right::before {\n left: calc(var(--tooltip-arrow-size) * -1);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-right-color: var(--tooltip-background-color);\n}\n.tooltip-container .tooltip-tip.bottom {\n top: 110%;\n /* CSS border triangles */\n}\n.tooltip-container .tooltip-tip.bottom::before {\n bottom: 100%;\n border-bottom-color: var(--tooltip-background-color);\n}\n.tooltip-container .tooltip-tip.left {\n left: auto;\n right: calc(100% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n /* CSS border triangles */\n}\n.tooltip-container .tooltip-tip.left::before {\n left: auto;\n right: calc(var(--tooltip-arrow-size) * -2);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-left-color: var(--tooltip-background-color);\n}";
@@ -1017,9 +602,9 @@ function Tooltip(props) {
1017
602
  clearInterval(timeout.current);
1018
603
  setIsShowing(false);
1019
604
  };
1020
- return (React$1.createElement("div", { className: `tooltip-container ${props.className || ''}`, onMouseEnter: showTip, onMouseLeave: hideTip },
605
+ return (React.createElement("div", { className: `tooltip-container ${props.className || ''}`, onMouseEnter: showTip, onMouseLeave: hideTip },
1021
606
  props.children,
1022
- React$1.createElement("div", { className: `tooltip-tip ${props.position || 'top'}${isShowing ? ' visible' : ''}` }, props.text)));
607
+ React.createElement("div", { className: `tooltip-tip ${props.position || 'top'}${isShowing ? ' visible' : ''}` }, props.text)));
1023
608
  }
1024
609
 
1025
610
  var css_248z$2 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.copy-button {\n cursor: pointer;\n border: 0;\n background: transparent;\n color: var(--theme-core-text-color);\n}";
@@ -1042,10 +627,10 @@ function CopyButton(props) {
1042
627
  const buttonClasses = ['copy-button'];
1043
628
  if (props.className)
1044
629
  buttonClasses.push(props.className);
1045
- return (React$1.createElement(React$1.Fragment, null,
1046
- React$1.createElement(Tooltip, { isShowing: copyState, text: "Copied", position: props.tooltipPosition },
1047
- React$1.createElement("button", { type: "button", className: buttonClasses.join(' '), onClick: copyCode, onMouseOut: loseFocus },
1048
- React$1.createElement(lib.GenesysDevIcon, { icon: lib.GenesysDevIcons.AppCopy })))));
630
+ return (React.createElement(React.Fragment, null,
631
+ React.createElement(Tooltip, { isShowing: copyState, text: "Copied", position: props.tooltipPosition },
632
+ React.createElement("button", { type: "button", className: buttonClasses.join(' '), onClick: copyCode, onMouseOut: loseFocus },
633
+ React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppCopy })))));
1049
634
  }
1050
635
 
1051
636
  var css_248z$1 = "/*** \n * Core colors\n ***/\n/*** \n\t* Component-specific properties \n\t***/\n/*** \n\t* Theme definitions\n\t***/\n.table-container {\n margin: 40px 0;\n}\n.table-container .filter-container {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n width: 100%;\n box-sizing: border-box;\n}\n.table-container .filter-container .filter-toggle {\n color: var(--theme-core-link-color);\n font-size: 12px;\n line-height: 0;\n margin: 6px 0 0 10px;\n cursor: pointer;\n align-self: flex-start;\n}\n.table-container .filter-container .filter-toggle:hover {\n color: var(--theme-core-link-hover-color);\n}\n.table-container .table {\n width: 100%;\n margin: 0 30px 0 0;\n color: var(--theme-datatable-text-color);\n background-color: var(--theme-datatable-background-color);\n}\n.table-container .table td {\n border-width: 0 0 1px 0;\n border-style: solid;\n border-color: var(--theme-datatable-border-color);\n vertical-align: top;\n min-width: 80px;\n}\n.table-container .table td p {\n margin: 0;\n min-width: 10%;\n}\n.table-container .table thead tr {\n color: var(--theme-datatable-text-color);\n font-weight: bold;\n font-size: 14px;\n line-height: 24px;\n}\n.table-container .table thead tr td {\n padding: 0 10px;\n}\n.table-container .table thead tr td .header-container {\n margin: 0;\n padding: 0;\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-start;\n align-items: center;\n gap: 6px;\n width: 100%;\n}\n.table-container .table thead tr td .header-container.align-center {\n justify-content: center;\n}\n.table-container .table thead tr td .header-container.align-right {\n justify-content: flex-end;\n}\n.table-container .table thead tr td .sort-numeric {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n align-items: center;\n}\n.table-container .table thead tr td .sort-numeric .dx-label {\n max-width: 70px;\n}\n.table-container .table thead tr td .sort-date {\n display: flex;\n flex-flow: row nowrap;\n gap: 8px;\n align-items: center;\n}\n.table-container .table thead tr td .sort-date .date-filter {\n max-width: 155px;\n}\n.table-container .table thead tr.filter-spacer {\n height: 10px;\n}\n.table-container .table thead tr.filter-row {\n background-color: var(--theme-datatable-filter-background-color);\n}\n.table-container .table thead tr.filter-row td {\n border-width: 1px 0;\n vertical-align: middle;\n}\n.table-container .table thead tr.filter-row td:first-child {\n border-width: 1px 0 1px 1px;\n border-radius: 4px 0 0 4px;\n}\n.table-container .table thead tr.filter-row td:last-child {\n border-width: 1px 1px 1px 0;\n border-radius: 0 4px 4px 0;\n}\n.table-container .table tbody tr {\n font-size: 12px;\n line-height: 20px;\n}\n.table-container .table tbody tr td {\n padding: 16px 10px;\n}\n.table-container .table tbody tr td > div {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n}\n.table-container .table tbody tr td > div.align-center {\n justify-content: center;\n}\n.table-container .table tbody tr td > div.align-right {\n justify-content: flex-end;\n}\n.table-container .table tbody tr td > div .copy-button {\n color: unset;\n}\n.table-container .table tbody tr td > div .icon {\n line-height: 0;\n}\n.table-container .table tr td:first-child {\n padding-left: 12px;\n}\n.table-container .table tr td:last-child {\n padding-right: 12px;\n}\n.table-container.paginated .table {\n margin-bottom: 10px;\n}\n.table-container.sortable .table thead tr td {\n cursor: pointer;\n}\n.table-container.sortable .table thead tr td .sort-icon,\n.table-container.sortable .table thead tr td .filter-active-icon {\n color: var(--theme-core-link-color);\n}\n.table-container.sortable .table thead tr td.unsorted .sort-icon {\n visibility: hidden;\n}\n.table-container.sortable .table thead tr td:hover .sort-icon {\n visibility: visible;\n}";
@@ -1209,8 +794,8 @@ function DataTable(props) {
1209
794
  // getSortCaret returns the FontAwesome glyph name to use for the column sort indicator based on the current sort configuration
1210
795
  const getSortCaret = (columnId) => {
1211
796
  if (colsort.colId !== columnId || colsort.sort === 'none')
1212
- return lib.GenesysDevIcons.AppSort;
1213
- return colsort.sort === 'descending' ? lib.GenesysDevIcons.AppSortDown : lib.GenesysDevIcons.AppSortUp;
797
+ return GenesysDevIcons.AppSort;
798
+ return colsort.sort === 'descending' ? GenesysDevIcons.AppSortDown : GenesysDevIcons.AppSortUp;
1214
799
  };
1215
800
  // The filterChanged functions are raised when the user updates a filter column
1216
801
  const stringFilterChanged = (colId, filterValue) => {
@@ -1282,37 +867,37 @@ function DataTable(props) {
1282
867
  // Build column headers
1283
868
  let columnHeaders;
1284
869
  if (props.headerRow) {
1285
- columnHeaders = (React$1.createElement("tr", null, props.headerRow.cells.map((cell, i) => (React$1.createElement("td", { key: i, align: (cell === null || cell === void 0 ? void 0 : cell.align) || 'left', className: colsort.colId === i && colsort.sort !== 'none' ? '' : 'unsorted', onClick: isSortable ? () => sortChanged(i.toString()) : undefined },
1286
- React$1.createElement("div", { className: `header-container align-${(cell === null || cell === void 0 ? void 0 : cell.align) || 'left'}` },
870
+ columnHeaders = (React.createElement("tr", null, props.headerRow.cells.map((cell, i) => (React.createElement("td", { key: i, align: (cell === null || cell === void 0 ? void 0 : cell.align) || 'left', className: colsort.colId === i && colsort.sort !== 'none' ? '' : 'unsorted', onClick: isSortable ? () => sortChanged(i.toString()) : undefined },
871
+ React.createElement("div", { className: `header-container align-${(cell === null || cell === void 0 ? void 0 : cell.align) || 'left'}` },
1287
872
  cell.renderedContent || cell.content,
1288
- filters[i] && filters[i].filter !== '' && filters[i].filter !== undefined ? (React$1.createElement(lib.GenesysDevIcon, { icon: lib.GenesysDevIcons.AppFilter, className: "filter-active-icon" })) : (''),
1289
- isSortable ? React$1.createElement(lib.GenesysDevIcon, { icon: getSortCaret(i), className: "sort-icon" }) : null))))));
873
+ filters[i] && filters[i].filter !== '' && filters[i].filter !== undefined ? (React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppFilter, className: "filter-active-icon" })) : (''),
874
+ isSortable ? React.createElement(GenesysDevIcon, { icon: getSortCaret(i), className: "sort-icon" }) : null))))));
1290
875
  }
1291
876
  // Build filter row
1292
877
  let filterRow;
1293
878
  if (isFilterable && Object.keys(columnTypes).length > 0) {
1294
- filterRow = (React$1.createElement(React$1.Fragment, null,
1295
- React$1.createElement("tr", { className: "filter-spacer" }),
1296
- React$1.createElement("tr", { className: "filter-row" }, Object.keys(columnTypes).map((colId, i) => {
879
+ filterRow = (React.createElement(React.Fragment, null,
880
+ React.createElement("tr", { className: "filter-spacer" }),
881
+ React.createElement("tr", { className: "filter-row" }, Object.keys(columnTypes).map((colId, i) => {
1297
882
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
1298
883
  const columnType = columnTypes[colId];
1299
884
  switch (columnType) {
1300
885
  case 'date': {
1301
- return (React$1.createElement("td", { key: colId },
1302
- React$1.createElement("div", { className: "sort-date" },
1303
- React$1.createElement(DxTextbox, { className: "date-filter", label: "Filter date", inputType: "date", onChange: (value) => dateFilterChanged(colId, value), initialValue: moment.isMoment((_a = filters[i]) === null || _a === void 0 ? void 0 : _a.filter) ? (_b = filters[i]) === null || _b === void 0 ? void 0 : _b.filter.format('YYYY-MM-DD') : undefined }),
1304
- React$1.createElement(DxToggle, { label: "Comparison", falseIcon: lib.GenesysDevIcons.AppChevronLeft, trueIcon: lib.GenesysDevIcons.AppChevronRight, initialValue: ((_c = filters[i]) === null || _c === void 0 ? void 0 : _c.filterModifier) === 'greaterthan', onChange: (value) => dateFilterModifierChanged(colId, value === false ? 'lessthan' : 'greaterthan') }))));
886
+ return (React.createElement("td", { key: colId },
887
+ React.createElement("div", { className: "sort-date" },
888
+ React.createElement(DxTextbox, { className: "date-filter", label: "Filter date", inputType: "date", onChange: (value) => dateFilterChanged(colId, value), initialValue: moment.isMoment((_a = filters[i]) === null || _a === void 0 ? void 0 : _a.filter) ? (_b = filters[i]) === null || _b === void 0 ? void 0 : _b.filter.format('YYYY-MM-DD') : undefined }),
889
+ React.createElement(DxToggle, { label: "Comparison", falseIcon: GenesysDevIcons.AppChevronLeft, trueIcon: GenesysDevIcons.AppChevronRight, initialValue: ((_c = filters[i]) === null || _c === void 0 ? void 0 : _c.filterModifier) === 'greaterthan', onChange: (value) => dateFilterModifierChanged(colId, value === false ? 'lessthan' : 'greaterthan') }))));
1305
890
  }
1306
891
  case 'number': {
1307
- return (React$1.createElement("td", { key: colId },
1308
- React$1.createElement("div", { className: "sort-numeric" },
1309
- React$1.createElement(DxTextbox, { label: "Value", inputType: "decimal", onChange: (value) => numberFilterChanged(colId, value), placeholder: (_e = (_d = props.headerRow) === null || _d === void 0 ? void 0 : _d.cells[i]) === null || _e === void 0 ? void 0 : _e.content, initialValue: (_f = filters[i]) === null || _f === void 0 ? void 0 : _f.filter }),
1310
- React$1.createElement(DxToggle, { label: "Comparison", falseIcon: lib.GenesysDevIcons.AppChevronLeft, trueIcon: lib.GenesysDevIcons.AppChevronRight, initialValue: ((_g = filters[i]) === null || _g === void 0 ? void 0 : _g.filterModifier) === 'greaterthan', onChange: (value) => numberFilterModifierChanged(colId, value === false ? 'lessthan' : 'greaterthan') }))));
892
+ return (React.createElement("td", { key: colId },
893
+ React.createElement("div", { className: "sort-numeric" },
894
+ React.createElement(DxTextbox, { label: "Value", inputType: "decimal", onChange: (value) => numberFilterChanged(colId, value), placeholder: (_e = (_d = props.headerRow) === null || _d === void 0 ? void 0 : _d.cells[i]) === null || _e === void 0 ? void 0 : _e.content, initialValue: (_f = filters[i]) === null || _f === void 0 ? void 0 : _f.filter }),
895
+ React.createElement(DxToggle, { label: "Comparison", falseIcon: GenesysDevIcons.AppChevronLeft, trueIcon: GenesysDevIcons.AppChevronRight, initialValue: ((_g = filters[i]) === null || _g === void 0 ? void 0 : _g.filterModifier) === 'greaterthan', onChange: (value) => numberFilterModifierChanged(colId, value === false ? 'lessthan' : 'greaterthan') }))));
1311
896
  }
1312
897
  case 'string':
1313
898
  default: {
1314
- return (React$1.createElement("td", { key: colId },
1315
- React$1.createElement(DxTextbox, { label: "Filter text", inputType: "text", icon: lib.GenesysDevIcons.AppSearch, placeholder: (_j = (_h = props.headerRow) === null || _h === void 0 ? void 0 : _h.cells[i]) === null || _j === void 0 ? void 0 : _j.content, onChange: (value) => stringFilterChanged(colId, value), clearButton: true, initialValue: (_k = filters[i]) === null || _k === void 0 ? void 0 : _k.filter })));
899
+ return (React.createElement("td", { key: colId },
900
+ React.createElement(DxTextbox, { label: "Filter text", inputType: "text", icon: GenesysDevIcons.AppSearch, placeholder: (_j = (_h = props.headerRow) === null || _h === void 0 ? void 0 : _h.cells[i]) === null || _j === void 0 ? void 0 : _j.content, onChange: (value) => stringFilterChanged(colId, value), clearButton: true, initialValue: (_k = filters[i]) === null || _k === void 0 ? void 0 : _k.filter })));
1316
901
  }
1317
902
  }
1318
903
  }))));
@@ -1320,7 +905,7 @@ function DataTable(props) {
1320
905
  // Build optional table header
1321
906
  let thead;
1322
907
  if (columnHeaders || filterRow) {
1323
- thead = (React$1.createElement("thead", null,
908
+ thead = (React.createElement("thead", null,
1324
909
  columnHeaders,
1325
910
  isFilterOpen ? filterRow : undefined));
1326
911
  }
@@ -1329,18 +914,18 @@ function DataTable(props) {
1329
914
  if ((tableClassName === null || tableClassName === void 0 ? void 0 : tableClassName.match(TABLE_CLASS_REGEX)) === null) {
1330
915
  tableClassName = 'table ' + tableClassName.trim();
1331
916
  }
1332
- return (React$1.createElement("div", { className: `table-container${isSortable ? ' sortable' : ''}${isFilterable ? ' filterable' : ''}` },
1333
- React$1.createElement("div", { className: "filter-container" },
1334
- React$1.createElement("div", { className: "filter-toggle", style: { visibility: isFilterable ? 'visible' : 'hidden' } },
1335
- React$1.createElement(lib.GenesysDevIcon, { icon: lib.GenesysDevIcons.AppFilter, onClick: () => setIsFilterOpen(!isFilterOpen) })),
1336
- React$1.createElement("table", { className: tableClassName, cellSpacing: "0" },
917
+ return (React.createElement("div", { className: `table-container${isSortable ? ' sortable' : ''}${isFilterable ? ' filterable' : ''}` },
918
+ React.createElement("div", { className: "filter-container" },
919
+ React.createElement("div", { className: "filter-toggle", style: { visibility: isFilterable ? 'visible' : 'hidden' } },
920
+ React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppFilter, onClick: () => setIsFilterOpen(!isFilterOpen) })),
921
+ React.createElement("table", { className: tableClassName, cellSpacing: "0" },
1337
922
  thead,
1338
- React$1.createElement("tbody", null, rows.map((row, i) => {
923
+ React.createElement("tbody", null, rows.map((row, i) => {
1339
924
  var _a;
1340
925
  const rowClass = ((_a = row.className) === null || _a === void 0 ? void 0 : _a.trim()) || '';
1341
- return (React$1.createElement("tr", { key: i, className: rowClass }, row.cells.map((cell, ii) => (React$1.createElement("td", { key: ii, align: (cell === null || cell === void 0 ? void 0 : cell.align) || 'left' }, (cell === null || cell === void 0 ? void 0 : cell.content) ? (React$1.createElement("div", { className: `align-${(cell === null || cell === void 0 ? void 0 : cell.align) || 'left'}${(cell === null || cell === void 0 ? void 0 : cell.className) ? ' ' + cell.className.trim() : ''}` },
926
+ return (React.createElement("tr", { key: i, className: rowClass }, row.cells.map((cell, ii) => (React.createElement("td", { key: ii, align: (cell === null || cell === void 0 ? void 0 : cell.align) || 'left' }, (cell === null || cell === void 0 ? void 0 : cell.content) ? (React.createElement("div", { className: `align-${(cell === null || cell === void 0 ? void 0 : cell.align) || 'left'}${(cell === null || cell === void 0 ? void 0 : cell.className) ? ' ' + cell.className.trim() : ''}` },
1342
927
  cell.renderedContent || cell.content,
1343
- cell.copyButton ? React$1.createElement(CopyButton, { copyText: cell.content }) : undefined)) : null)))));
928
+ cell.copyButton ? React.createElement(CopyButton, { copyText: cell.content }) : undefined)) : null)))));
1344
929
  }))))));
1345
930
  }
1346
931
 
@@ -1361,13 +946,13 @@ function CodeFence(props) {
1361
946
  classNames.push(`indent-${props.indentation}`);
1362
947
  if (props.jsonEditor)
1363
948
  classNames.push('json-editor-fence');
1364
- return (React$1.createElement("div", { className: classNames.join(' ') },
1365
- props.noHeader || typeof props.value !== 'string' ? ('') : (React$1.createElement("div", { className: `fence-header${props.noCollapse ? '' : ' clickable'}`, onClick: () => setCollapsed(props.noCollapse ? false : !collapsed) },
1366
- props.noCollapse ? undefined : (React$1.createElement(lib.GenesysDevIcon, { icon: collapsed ? lib.GenesysDevIcons.AppChevronDown : lib.GenesysDevIcons.AppChevronUp })),
1367
- React$1.createElement(CopyButton, { copyText: props.value }),
1368
- React$1.createElement("span", { className: "fence-title" }, props.title))),
1369
- collapsed ? undefined : (React$1.createElement("div", { ref: props.innerRef || undefined, className: bodyClassNames.join(' ') },
1370
- React$1.createElement(PrismAsync, { language: props.language, style: vscDarkPlus, showLineNumbers: props.showLineNumbers }, props.value)))));
949
+ return (React.createElement("div", { className: classNames.join(' ') },
950
+ props.noHeader || typeof props.value !== 'string' ? ('') : (React.createElement("div", { className: `fence-header${props.noCollapse ? '' : ' clickable'}`, onClick: () => setCollapsed(props.noCollapse ? false : !collapsed) },
951
+ props.noCollapse ? undefined : (React.createElement(GenesysDevIcon, { icon: collapsed ? GenesysDevIcons.AppChevronDown : GenesysDevIcons.AppChevronUp })),
952
+ React.createElement(CopyButton, { copyText: props.value }),
953
+ React.createElement("span", { className: "fence-title" }, props.title))),
954
+ collapsed ? undefined : (React.createElement("div", { ref: props.innerRef || undefined, className: bodyClassNames.join(' ') },
955
+ React.createElement(PrismAsync, { language: props.language, style: vscDarkPlus, showLineNumbers: props.showLineNumbers }, props.value)))));
1371
956
  }
1372
957
 
1373
958
  export { AlertBlock, CodeFence, CopyButton, DataTable, DxAccordion, DxAccordionGroup, DxButton, DxCheckbox, DxItemGroup, DxLabel, DxTabPanel, DxTabbedContent, DxTextbox, DxToggle, LoadingPlaceholder, Tooltip };