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

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 +524 -109
  2. package/build/index.js.map +1 -1
  3. package/package.json +2 -4
package/build/index.js CHANGED
@@ -1,10 +1,14 @@
1
- import { GenesysDevIcon, GenesysDevIcons } from 'genesys-dev-icons';
2
- import React, { useState, useEffect, useRef } from 'react';
3
- import { v4 } from 'uuid';
1
+ import React$1, { useState, useEffect, useRef } from 'react';
4
2
  import moment from 'moment';
5
3
  import { PrismAsync } from 'react-syntax-highlighter';
6
4
  import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism/index.js';
7
5
 
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
+
8
12
  function styleInject(css, ref) {
9
13
  if ( ref === void 0 ) ref = {};
10
14
  var insertAt = ref.insertAt;
@@ -32,6 +36,352 @@ function styleInject(css, ref) {
32
36
  }
33
37
  }
34
38
 
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
+
35
385
  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}";
36
386
  styleInject(css_248z$i);
37
387
 
@@ -40,20 +390,20 @@ function DxAccordion(props) {
40
390
  const [expandTrigger, setExpandTrigger] = useState(props.expandTrigger);
41
391
  const [showOpenTrigger, setShowOpenTrigger] = useState(props.showOpenTrigger);
42
392
  // This one forcibly opens the component
43
- React.useEffect(() => {
393
+ React$1.useEffect(() => {
44
394
  if (props.expandTrigger !== expandTrigger) {
45
395
  setIsOpen(true);
46
396
  setExpandTrigger(props.expandTrigger);
47
397
  }
48
398
  }, [props.expandTrigger, expandTrigger]);
49
399
  // This one forcibly recalculates the state based on the value for props.showOpen
50
- React.useEffect(() => {
400
+ React$1.useEffect(() => {
51
401
  if (props.showOpenTrigger !== showOpenTrigger) {
52
402
  setIsOpen(props.showOpen);
53
403
  setShowOpenTrigger(props.showOpenTrigger);
54
404
  }
55
405
  }, [props.showOpenTrigger, showOpenTrigger, props.showOpen]);
56
- React.useEffect(() => {
406
+ React$1.useEffect(() => {
57
407
  if (props.showOpen === true || props.showOpen === false)
58
408
  setIsOpen(props.showOpen);
59
409
  }, [props.showOpen]);
@@ -62,23 +412,23 @@ function DxAccordion(props) {
62
412
  style.color = props.headingColor;
63
413
  let icon;
64
414
  if (props.headingIcon)
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" },
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" },
69
419
  icon,
70
420
  " ",
71
421
  props.title),
72
422
  ' ',
73
- React.createElement(GenesysDevIcon, { icon: isOpen ? GenesysDevIcons.AppChevronUp : GenesysDevIcons.AppChevronDown })),
74
- isOpen ? React.createElement("div", { className: "accordion-content" }, props.children) : undefined));
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));
75
425
  }
76
426
 
77
427
  var css_248z$h = ".dx-accordion-group {\n margin: 40px 0;\n}";
78
428
  styleInject(css_248z$h);
79
429
 
80
430
  function DxAccordionGroup(props) {
81
- return React.createElement("div", { className: `dx-accordion-group${props.className ? ' ' + props.className : ''}` }, props.children);
431
+ return React$1.createElement("div", { className: `dx-accordion-group${props.className ? ' ' + props.className : ''}` }, props.children);
82
432
  }
83
433
 
84
434
  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}";
@@ -96,7 +446,72 @@ function DxButton(props) {
96
446
  e.stopPropagation();
97
447
  props.onClick();
98
448
  };
99
- return (React.createElement("button", { className: classNames.join(' '), type: "button", onClick: handleClick, disabled: props.disabled === true }, props.children));
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);
100
515
  }
101
516
 
102
517
  var css_248z$f = ".dx-item-group {\n display: block;\n border: 0;\n margin: 0;\n padding: 0;\n}";
@@ -116,19 +531,19 @@ styleInject(css_248z$b);
116
531
 
117
532
  function DxLabel(props) {
118
533
  const hasLabel = props.label && props.label !== '';
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,
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,
123
538
  ' ',
124
- hasLabel ? React.createElement("span", { className: 'label-text' }, props.label) : undefined,
539
+ hasLabel ? React$1.createElement("span", { className: 'label-text' }, props.label) : undefined,
125
540
  props.children,
126
541
  description));
127
542
  const className = `dx-label${props.className ? ' ' + props.className : ''}`;
128
543
  if (props.useFieldset) {
129
- return React.createElement("fieldset", { className: className }, contents);
544
+ return React$1.createElement("fieldset", { className: className }, contents);
130
545
  }
131
- return React.createElement("label", { className: className }, contents);
546
+ return React$1.createElement("label", { className: className }, contents);
132
547
  }
133
548
 
134
549
  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}";
@@ -146,9 +561,9 @@ function DxCheckbox(props) {
146
561
  if (props.onCheckChanged)
147
562
  props.onCheckChanged(checked);
148
563
  }, [checked]);
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)));
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)));
152
567
  }
153
568
 
154
569
  function DxItemGroup(props) {
@@ -212,23 +627,23 @@ function DxItemGroup(props) {
212
627
  case 'multiselect':
213
628
  case 'dropdown': {
214
629
  const isMulti = format === 'multiselect';
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
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
218
633
  ? (_a = data.filter((item) => item.isSelected)) === null || _a === void 0 ? void 0 : _a.map((item) => item.item.value)
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)))))));
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)))))));
220
635
  }
221
636
  case 'checkbox':
222
637
  case 'radio':
223
638
  default: {
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) => {
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) => {
226
641
  var _a;
227
642
  const i = data.findIndex((d) => { var _a; return d.item.value === ((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); });
228
643
  if (i < 0)
229
644
  return;
230
645
  itemChanged(i, data[i].item, (_a = e.target) === null || _a === void 0 ? void 0 : _a.checked);
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 }))))));
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 }))))));
232
647
  }
233
648
  }
234
649
  }
@@ -240,21 +655,21 @@ function DxTabbedContent(props) {
240
655
  const [activeTab, setActiveTab] = useState(props.initialTabId || 0);
241
656
  const [titles] = useState(
242
657
  // Scrape titles from child elements
243
- React.Children.toArray(props.children).map((child) => {
658
+ React$1.Children.toArray(props.children).map((child) => {
244
659
  if (!child || !child.props || !child.props.title)
245
660
  return 'Unknown title';
246
661
  return child.props.title;
247
662
  }));
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])));
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])));
251
666
  }
252
667
 
253
668
  var css_248z$8 = "";
254
669
  styleInject(css_248z$8);
255
670
 
256
671
  function DxTabPanel(props) {
257
- return React.createElement("div", { className: `dx-tab-panel${props.className ? ' ' + props.className : ''}` }, props.children);
672
+ return React$1.createElement("div", { className: `dx-tab-panel${props.className ? ' ' + props.className : ''}` }, props.children);
258
673
  }
259
674
 
260
675
  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}";
@@ -351,7 +766,7 @@ function DxTextbox(props) {
351
766
  let component;
352
767
  switch (inputType) {
353
768
  case 'textarea': {
354
- component = (React.createElement("textarea", { className: "dx-textarea", placeholder: props.placeholder, ref: inputRef, value: value, onChange: (e) => setValue(e.target.value), onFocus: () => {
769
+ component = (React$1.createElement("textarea", { className: "dx-textarea", placeholder: props.placeholder, ref: inputRef, value: value, onChange: (e) => setValue(e.target.value), onFocus: () => {
355
770
  setIsFocused(true);
356
771
  if (props.onFocus)
357
772
  props.onFocus();
@@ -364,9 +779,9 @@ function DxTextbox(props) {
364
779
  }
365
780
  // TODO: special handling for other inputType values
366
781
  default: {
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: () => {
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: () => {
370
785
  setIsFocused(true);
371
786
  if (props.onFocus)
372
787
  props.onFocus();
@@ -375,11 +790,11 @@ function DxTextbox(props) {
375
790
  if (props.onBlur)
376
791
  props.onBlur();
377
792
  }, disabled: props.disabled === true, autoFocus: props.autoFocus }),
378
- props.clearButton && (value || isFocused) && !props.disabled ? (React.createElement(GenesysDevIcon, { icon: GenesysDevIcons.AppTimes, className: "clear-icon", onClick: () => setValue('') })) : undefined));
793
+ props.clearButton && (value || isFocused) && !props.disabled ? (React$1.createElement(lib.GenesysDevIcon, { icon: lib.GenesysDevIcons.AppTimes, className: "clear-icon", onClick: () => setValue('') })) : undefined));
379
794
  }
380
795
  }
381
796
  // Render
382
- return (React.createElement(DxLabel, { label: props.label, description: props.description, className: props.className }, component));
797
+ return (React$1.createElement(DxLabel, { label: props.label, description: props.description, className: props.className }, component));
383
798
  }
384
799
 
385
800
  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}";
@@ -390,8 +805,8 @@ function DxToggle(props) {
390
805
  if (!props.isTriState)
391
806
  initialValue = initialValue || false;
392
807
  const [value, setValue] = useState(initialValue);
393
- const trueIcon = props.trueIcon || GenesysDevIcons.AppCheck;
394
- const falseIcon = props.falseIcon || GenesysDevIcons.AppTimes;
808
+ const trueIcon = props.trueIcon || lib.GenesysDevIcons.AppCheck;
809
+ const falseIcon = props.falseIcon || lib.GenesysDevIcons.AppTimes;
395
810
  useEffect(() => {
396
811
  if (props.initialValue || props.value === value || (!props.isTriState && props.value === undefined))
397
812
  return;
@@ -417,14 +832,14 @@ function DxToggle(props) {
417
832
  setValue(!value);
418
833
  }
419
834
  };
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))));
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))));
428
843
  }
429
844
 
430
845
  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}";
@@ -435,39 +850,39 @@ function AlertBlock(props) {
435
850
  const [isCollapsed, setIsCollapsed] = useState(isCollapsible ? props.autoCollapse || false : false);
436
851
  let title;
437
852
  if (props.title) {
438
- title = (React.createElement("div", { className: `alert-title${isCollapsible ? ' clickable' : ''}${isCollapsed ? ' collapsed' : ''}`, onClick: isCollapsible ? () => setIsCollapsed(!isCollapsed) : undefined }, props.title));
853
+ title = (React$1.createElement("div", { className: `alert-title${isCollapsible ? ' clickable' : ''}${isCollapsed ? ' collapsed' : ''}`, onClick: isCollapsible ? () => setIsCollapsed(!isCollapsed) : undefined }, props.title));
439
854
  }
440
855
  let icon;
441
856
  switch (props.alertType) {
442
857
  case 'info': {
443
- icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppInfoSolid });
858
+ icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppInfoSolid });
444
859
  break;
445
860
  }
446
861
  case 'success': {
447
- icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppSuccessSolid });
862
+ icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppSuccessSolid });
448
863
  break;
449
864
  }
450
865
  case 'critical': {
451
- icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppCriticalSolid });
866
+ icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppCriticalSolid });
452
867
  break;
453
868
  }
454
869
  case 'warning': {
455
- icon = React.createElement(GenesysDevIcon, { className: "info-icon", icon: GenesysDevIcons.AppWarnSolid });
870
+ icon = React$1.createElement(lib.GenesysDevIcon, { className: "info-icon", icon: lib.GenesysDevIcons.AppWarnSolid });
456
871
  break;
457
872
  }
458
873
  }
459
874
  if (icon && isCollapsible) {
460
- icon = (React.createElement("span", { className: "clickable", onClick: () => setIsCollapsed(!isCollapsed) }, icon));
875
+ icon = (React$1.createElement("span", { className: "clickable", onClick: () => setIsCollapsed(!isCollapsed) }, icon));
461
876
  }
462
877
  //TODO: remove the card fence classes and build a proper collapser
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" },
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" },
465
880
  icon,
466
- React.createElement("div", { className: "alert-content" },
881
+ React$1.createElement("div", { className: "alert-content" },
467
882
  title,
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)));
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)));
471
886
  }
472
887
 
473
888
  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}";
@@ -566,10 +981,10 @@ const MESSAGES = [
566
981
  'Unable to Reveal Current Activity',
567
982
  ];
568
983
  function LoadingPlaceholder(props) {
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)));
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)));
573
988
  }
574
989
 
575
990
  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}";
@@ -602,9 +1017,9 @@ function Tooltip(props) {
602
1017
  clearInterval(timeout.current);
603
1018
  setIsShowing(false);
604
1019
  };
605
- return (React.createElement("div", { className: `tooltip-container ${props.className || ''}`, onMouseEnter: showTip, onMouseLeave: hideTip },
1020
+ return (React$1.createElement("div", { className: `tooltip-container ${props.className || ''}`, onMouseEnter: showTip, onMouseLeave: hideTip },
606
1021
  props.children,
607
- React.createElement("div", { className: `tooltip-tip ${props.position || 'top'}${isShowing ? ' visible' : ''}` }, props.text)));
1022
+ React$1.createElement("div", { className: `tooltip-tip ${props.position || 'top'}${isShowing ? ' visible' : ''}` }, props.text)));
608
1023
  }
609
1024
 
610
1025
  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}";
@@ -627,10 +1042,10 @@ function CopyButton(props) {
627
1042
  const buttonClasses = ['copy-button'];
628
1043
  if (props.className)
629
1044
  buttonClasses.push(props.className);
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 })))));
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 })))));
634
1049
  }
635
1050
 
636
1051
  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}";
@@ -794,8 +1209,8 @@ function DataTable(props) {
794
1209
  // getSortCaret returns the FontAwesome glyph name to use for the column sort indicator based on the current sort configuration
795
1210
  const getSortCaret = (columnId) => {
796
1211
  if (colsort.colId !== columnId || colsort.sort === 'none')
797
- return GenesysDevIcons.AppSort;
798
- return colsort.sort === 'descending' ? GenesysDevIcons.AppSortDown : GenesysDevIcons.AppSortUp;
1212
+ return lib.GenesysDevIcons.AppSort;
1213
+ return colsort.sort === 'descending' ? lib.GenesysDevIcons.AppSortDown : lib.GenesysDevIcons.AppSortUp;
799
1214
  };
800
1215
  // The filterChanged functions are raised when the user updates a filter column
801
1216
  const stringFilterChanged = (colId, filterValue) => {
@@ -867,37 +1282,37 @@ function DataTable(props) {
867
1282
  // Build column headers
868
1283
  let columnHeaders;
869
1284
  if (props.headerRow) {
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'}` },
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'}` },
872
1287
  cell.renderedContent || cell.content,
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))))));
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))))));
875
1290
  }
876
1291
  // Build filter row
877
1292
  let filterRow;
878
1293
  if (isFilterable && Object.keys(columnTypes).length > 0) {
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) => {
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) => {
882
1297
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
883
1298
  const columnType = columnTypes[colId];
884
1299
  switch (columnType) {
885
1300
  case 'date': {
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') }))));
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') }))));
890
1305
  }
891
1306
  case 'number': {
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') }))));
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') }))));
896
1311
  }
897
1312
  case 'string':
898
1313
  default: {
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 })));
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 })));
901
1316
  }
902
1317
  }
903
1318
  }))));
@@ -905,7 +1320,7 @@ function DataTable(props) {
905
1320
  // Build optional table header
906
1321
  let thead;
907
1322
  if (columnHeaders || filterRow) {
908
- thead = (React.createElement("thead", null,
1323
+ thead = (React$1.createElement("thead", null,
909
1324
  columnHeaders,
910
1325
  isFilterOpen ? filterRow : undefined));
911
1326
  }
@@ -914,18 +1329,18 @@ function DataTable(props) {
914
1329
  if ((tableClassName === null || tableClassName === void 0 ? void 0 : tableClassName.match(TABLE_CLASS_REGEX)) === null) {
915
1330
  tableClassName = 'table ' + tableClassName.trim();
916
1331
  }
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" },
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" },
922
1337
  thead,
923
- React.createElement("tbody", null, rows.map((row, i) => {
1338
+ React$1.createElement("tbody", null, rows.map((row, i) => {
924
1339
  var _a;
925
1340
  const rowClass = ((_a = row.className) === null || _a === void 0 ? void 0 : _a.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() : ''}` },
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() : ''}` },
927
1342
  cell.renderedContent || cell.content,
928
- cell.copyButton ? React.createElement(CopyButton, { copyText: cell.content }) : undefined)) : null)))));
1343
+ cell.copyButton ? React$1.createElement(CopyButton, { copyText: cell.content }) : undefined)) : null)))));
929
1344
  }))))));
930
1345
  }
931
1346
 
@@ -946,13 +1361,13 @@ function CodeFence(props) {
946
1361
  classNames.push(`indent-${props.indentation}`);
947
1362
  if (props.jsonEditor)
948
1363
  classNames.push('json-editor-fence');
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)))));
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)))));
956
1371
  }
957
1372
 
958
1373
  export { AlertBlock, CodeFence, CopyButton, DataTable, DxAccordion, DxAccordionGroup, DxButton, DxCheckbox, DxItemGroup, DxLabel, DxTabPanel, DxTabbedContent, DxTextbox, DxToggle, LoadingPlaceholder, Tooltip };