@deviceinsight/ng-ui-basic-components 7.23.0 → 7.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +36 -72
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +35 -70
- package/dist/index.js.map +1 -1
- package/package.json +15 -15
package/dist/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { Trans, useTranslation, withTranslation } from "react-i18next";
|
|
|
6
6
|
import ReactDOM from "react-dom";
|
|
7
7
|
import Draggable from "react-draggable";
|
|
8
8
|
import { FloatingPortal, arrow, autoUpdate, flip, offset, safePolygon, shift, size, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions } from "@floating-ui/react";
|
|
9
|
-
|
|
9
|
+
// src/components/accordion/Accordion.tsx
|
|
10
10
|
/**
|
|
11
11
|
* Accordions are best used to display homogenous information, e.g. multiple configurations which would take up a lot of space otherwise.
|
|
12
12
|
*/
|
|
@@ -36,8 +36,7 @@ var Accordion = class extends React$1.Component {
|
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
|
-
|
|
40
|
-
//#region src/components/accordionComponents/AccordionItem.tsx
|
|
39
|
+
// src/components/accordionComponents/AccordionItem.tsx
|
|
41
40
|
var AccordionItem = class extends React$1.PureComponent {
|
|
42
41
|
render() {
|
|
43
42
|
const { badge, children, isOpen, info1, itemClasses, title, titleTooltip, toggle, tools, ...rest } = this.props;
|
|
@@ -85,8 +84,7 @@ var AccordionItem = class extends React$1.PureComponent {
|
|
|
85
84
|
});
|
|
86
85
|
}
|
|
87
86
|
};
|
|
88
|
-
|
|
89
|
-
//#region src/components/button/Button.tsx
|
|
87
|
+
// src/components/button/Button.tsx
|
|
90
88
|
/**
|
|
91
89
|
* Buttons are used to inform the user about a potential user interaction, which then on interaction causes an action.
|
|
92
90
|
* To create a standardized look and feel, different props can be passed to the Button.
|
|
@@ -112,8 +110,7 @@ function Button({ children, title, type, disabled, onClick, style, tabIndex, t,
|
|
|
112
110
|
});
|
|
113
111
|
}
|
|
114
112
|
var Button_default = withTranslation()(Button);
|
|
115
|
-
|
|
116
|
-
//#region src/components/button/ButtonRow.tsx
|
|
113
|
+
// src/components/button/ButtonRow.tsx
|
|
117
114
|
/**
|
|
118
115
|
* ButtonRows align Buttons nicely for all relevant and/or related user actions such as saving or canceling changes.
|
|
119
116
|
* To separate the ButtonRow from the content, the extra property `dividing` can be used.
|
|
@@ -124,8 +121,7 @@ var ButtonRow = ({ children, dividing, className, style }) => /* @__PURE__ */ js
|
|
|
124
121
|
children
|
|
125
122
|
});
|
|
126
123
|
ButtonRow.defaultProps = { dividing: false };
|
|
127
|
-
|
|
128
|
-
//#region src/hooks/useOutsideClick.ts
|
|
124
|
+
// src/hooks/useOutsideClick.ts
|
|
129
125
|
var isTouchEvent = (event) => {
|
|
130
126
|
return !!event.touches;
|
|
131
127
|
};
|
|
@@ -158,8 +154,7 @@ var useOutsideClick = (elements, callback) => {
|
|
|
158
154
|
};
|
|
159
155
|
}, [elements]);
|
|
160
156
|
};
|
|
161
|
-
|
|
162
|
-
//#region src/components/modalComponents/ModalWindow.tsx
|
|
157
|
+
// src/components/modalComponents/ModalWindow.tsx
|
|
163
158
|
function ModalWindow({ className, width, header, content, footer, onOutsideClick }) {
|
|
164
159
|
const ref = useRef(null);
|
|
165
160
|
const [rootElement, setRootElement] = useState(null);
|
|
@@ -193,8 +188,7 @@ function ModalWindow({ className, width, header, content, footer, onOutsideClick
|
|
|
193
188
|
})
|
|
194
189
|
});
|
|
195
190
|
}
|
|
196
|
-
|
|
197
|
-
//#region src/components/modal/Modal.tsx
|
|
191
|
+
// src/components/modal/Modal.tsx
|
|
198
192
|
var Modal = class extends React.Component {
|
|
199
193
|
static defaultProps = { width: "60%" };
|
|
200
194
|
container;
|
|
@@ -232,15 +226,13 @@ var Modal = class extends React.Component {
|
|
|
232
226
|
}), this.container);
|
|
233
227
|
}
|
|
234
228
|
};
|
|
235
|
-
|
|
236
|
-
//#region src/components/modalComponents/ModalContainer.tsx
|
|
229
|
+
// src/components/modalComponents/ModalContainer.tsx
|
|
237
230
|
var ModalContainer = class extends React.PureComponent {
|
|
238
231
|
render() {
|
|
239
232
|
return /* @__PURE__ */ jsx("div", { id: "modal-root" });
|
|
240
233
|
}
|
|
241
234
|
};
|
|
242
|
-
|
|
243
|
-
//#region src/components/spinner/Spinner.tsx
|
|
235
|
+
// src/components/spinner/Spinner.tsx
|
|
244
236
|
/**
|
|
245
237
|
* Spinners usually show a loading indication.
|
|
246
238
|
*/
|
|
@@ -270,8 +262,7 @@ var Spinner = class extends React.Component {
|
|
|
270
262
|
});
|
|
271
263
|
}
|
|
272
264
|
};
|
|
273
|
-
|
|
274
|
-
//#region src/components/spinner/SpinnerContainer.tsx
|
|
265
|
+
// src/components/spinner/SpinnerContainer.tsx
|
|
275
266
|
/**
|
|
276
267
|
* SpinnerContainer wraps the entire content and displays a loading indicator until the loading is done.
|
|
277
268
|
*/
|
|
@@ -293,8 +284,7 @@ var SpinnerContainer = class extends React.Component {
|
|
|
293
284
|
});
|
|
294
285
|
}
|
|
295
286
|
};
|
|
296
|
-
|
|
297
|
-
//#region src/components/input/Checkbox.tsx
|
|
287
|
+
// src/components/input/Checkbox.tsx
|
|
298
288
|
var getWrapperClassName = (type, small) => {
|
|
299
289
|
switch (type) {
|
|
300
290
|
case "checkbox":
|
|
@@ -343,15 +333,13 @@ var Checkbox = ({ type = "checkbox", value, onChange, title, label, disabled = f
|
|
|
343
333
|
});
|
|
344
334
|
};
|
|
345
335
|
var Checkbox_default = withTranslation()(Checkbox);
|
|
346
|
-
|
|
347
|
-
//#region src/components/confirm/utils.ts
|
|
336
|
+
// src/components/confirm/utils.ts
|
|
348
337
|
function isTranslationDescriptor(arg) {
|
|
349
338
|
const result = typeof arg === "object" && typeof arg.id === "string" && typeof arg.defaultValue === "string";
|
|
350
339
|
if (result) console.warn("Please use strings instead of TranslationDescriptors to initialize the Confirm modal, because TranslationDescriptors are deprecated");
|
|
351
340
|
return result;
|
|
352
341
|
}
|
|
353
|
-
|
|
354
|
-
//#region src/components/confirm/Confirm.tsx
|
|
342
|
+
// src/components/confirm/Confirm.tsx
|
|
355
343
|
function transformTextToElement(message) {
|
|
356
344
|
if (isTranslationDescriptor(message)) return /* @__PURE__ */ jsx(Trans, {
|
|
357
345
|
i18nKey: message.id,
|
|
@@ -385,8 +373,7 @@ function Confirm({ title, message, onAccept, onDecline, acceptButtonLabel, decli
|
|
|
385
373
|
width: 500
|
|
386
374
|
});
|
|
387
375
|
}
|
|
388
|
-
|
|
389
|
-
//#region src/components/confirm/ConfirmProvider.tsx
|
|
376
|
+
// src/components/confirm/ConfirmProvider.tsx
|
|
390
377
|
var ConfirmContext = createContext({ confirm: () => Promise.reject(/* @__PURE__ */ new Error("ConfirmProvider is missing!")) });
|
|
391
378
|
function ConfirmProvider({ children }) {
|
|
392
379
|
const [visible, setVisible] = useState(false);
|
|
@@ -417,16 +404,14 @@ function ConfirmProvider({ children }) {
|
|
|
417
404
|
children: [children, visible && /* @__PURE__ */ jsx(Confirm, { ...confirmProps })]
|
|
418
405
|
});
|
|
419
406
|
}
|
|
420
|
-
|
|
421
|
-
//#region src/components/confirm/useConfirm.ts
|
|
407
|
+
// src/components/confirm/useConfirm.ts
|
|
422
408
|
function useConfirm() {
|
|
423
409
|
const context = useContext(ConfirmContext);
|
|
424
410
|
if (!context) throw new Error("ConfirmProvider is missing");
|
|
425
411
|
const { confirm } = context;
|
|
426
412
|
return confirm;
|
|
427
413
|
}
|
|
428
|
-
|
|
429
|
-
//#region src/components/confirm/withConfirm.tsx
|
|
414
|
+
// src/components/confirm/withConfirm.tsx
|
|
430
415
|
function withConfirm(WrappedComponent) {
|
|
431
416
|
function WithConfirm(props) {
|
|
432
417
|
const confirm = useConfirm();
|
|
@@ -455,44 +440,31 @@ function withConfirm(WrappedComponent) {
|
|
|
455
440
|
return /* @__PURE__ */ jsx(ConfirmProvider, { children: /* @__PURE__ */ jsx(WithConfirm, { ...props }) });
|
|
456
441
|
};
|
|
457
442
|
}
|
|
458
|
-
|
|
459
|
-
//#region src/assets/svg/icon_add.svg
|
|
443
|
+
// src/assets/svg/icon_add.svg
|
|
460
444
|
var icon_add_default = "data:image/svg+xml,%3csvg%20id='icon-add_24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpolygon%20id='plus'%20points='20%2010%2014%2010%2014%204%2010%204%2010%2010%204%2010%204%2014%2010%2014%2010%2020%2014%2020%2014%2014%2020%2014%2020%2010'/%3e%3c/svg%3e";
|
|
461
|
-
|
|
462
|
-
//#region src/assets/svg/icon_cross.svg
|
|
445
|
+
// src/assets/svg/icon_cross.svg
|
|
463
446
|
var icon_cross_default = "data:image/svg+xml,%3csvg%20id='icon-cross_24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cpolygon%20id='icon-cross_24'%20points='20%206.28%2017.87%204%2012%209.78%206.13%204%204%206.28%209.78%2011.97%204%2017.66%206.13%2019.93%2012%2014.15%2017.87%2019.93%2020%2017.66%2014.22%2011.97%2020%206.28'/%3e%3c/svg%3e";
|
|
464
|
-
|
|
465
|
-
//#region src/assets/svg/icon_edit.svg
|
|
447
|
+
// src/assets/svg/icon_edit.svg
|
|
466
448
|
var icon_edit_default = "data:image/svg+xml,%3csvg%20id='icon-edit-24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%20id='stift'%3e%3cpath%20d='M7.35,12.65a.5.5,0,0,0,0,.7l3.3,3.3a.5.5,0,0,0,.7,0l8.3-8.3A1.4,1.4,0,0,0,20,7.5v-1a1.4,1.4,0,0,0-.35-.85l-1.3-1.3A1.4,1.4,0,0,0,17.5,4h-1a1.4,1.4,0,0,0-.85.35Z'/%3e%3c/g%3e%3cpath%20d='M5.9,14.49c.06-.27.26-.33.45-.14l3.3,3.3c.19.19.13.39-.14.45l-4,.8a.3.3,0,0,1-.39-.39Z'/%3e%3c/svg%3e";
|
|
467
|
-
|
|
468
|
-
//#region src/assets/svg/icon_gear.svg
|
|
449
|
+
// src/assets/svg/icon_gear.svg
|
|
469
450
|
var icon_gear_default = "data:image/svg+xml,%3csvg%20id='icon-gear-24_sga'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%20id='icon-gear-24_sga-2'%20data-name='icon-gear-24_sga'%3e%3cpath%20d='M22.82,14.06A1.25,1.25,0,0,0,24,13,7.66,7.66,0,0,0,24,12,7.66,7.66,0,0,0,24,11a1.25,1.25,0,0,0-1.13-1l-1.09,0A1.49,1.49,0,0,1,20.44,9c-.15-.47-.44-2-.07-2.37l.74-.81a1.16,1.16,0,0,0,0-1.5L19.7,2.87a1.16,1.16,0,0,0-1.5,0l-.81.74a1.5,1.5,0,0,1-1.54.27c-.44-.23-1.72-1.08-1.74-1.63l0-1.09A1.25,1.25,0,0,0,13,.05a7.66,7.66,0,0,0-1,0,7.66,7.66,0,0,0-1,.05,1.25,1.25,0,0,0-1,1.13l0,1.09A1.52,1.52,0,0,1,9,3.56c-.47.15-2,.44-2.37.07L5.8,2.89a1.16,1.16,0,0,0-1.5,0L2.86,4.3a1.18,1.18,0,0,0,0,1.5l.74.81A1.5,1.5,0,0,1,3.9,8.15c-.23.44-1.08,1.72-1.63,1.74l-1.09,0A1.25,1.25,0,0,0,.05,11a7.66,7.66,0,0,0,0,1,7.66,7.66,0,0,0,.05,1,1.25,1.25,0,0,0,1.13,1l1.09,0A1.47,1.47,0,0,1,3.55,15c.16.48.45,2,.08,2.37l-.74.81a1.16,1.16,0,0,0,0,1.5L4.3,21.13a1.16,1.16,0,0,0,1.5,0l.81-.74a1.5,1.5,0,0,1,1.54-.27c.44.23,1.72,1.08,1.75,1.63l0,1.09A1.25,1.25,0,0,0,11,24,7.66,7.66,0,0,0,12,24,7.66,7.66,0,0,0,13,24a1.25,1.25,0,0,0,1-1.13l0-1.09A1.49,1.49,0,0,1,15,20.44c.47-.15,2-.44,2.37-.07l.81.74a1.16,1.16,0,0,0,1.5,0l1.43-1.43a1.16,1.16,0,0,0,0-1.5l-.74-.81a1.5,1.5,0,0,1-.27-1.54c.23-.44,1.08-1.72,1.63-1.74ZM12,15.5A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z'/%3e%3c/g%3e%3c/svg%3e";
|
|
470
|
-
|
|
471
|
-
//#region src/assets/svg/icon_duplicate.svg
|
|
451
|
+
// src/assets/svg/icon_duplicate.svg
|
|
472
452
|
var icon_duplicate_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%3e%3cpath%20d='M22.1,4.91a3,3,0,0,0-3-3H6.44a2.4,2.4,0,0,1,1.34-.4h12.6A2.12,2.12,0,0,1,22.5,3.62V17.26a1.42,1.42,0,0,1-.4,1Z'/%3e%3cpath%20d='M20.38,1H7.78A3,3,0,0,0,5.26,2.4H19.09A2.51,2.51,0,0,1,21.6,4.91V19.12A1.94,1.94,0,0,0,23,17.26V3.62A2.62,2.62,0,0,0,20.38,1Z'/%3e%3c/g%3e%3cg%3e%3cpath%20d='M4,21.5A1.5,1.5,0,0,1,2.5,20V5.8A1.5,1.5,0,0,1,4,4.3H18.2a1.5,1.5,0,0,1,1.5,1.5V20a1.5,1.5,0,0,1-1.5,1.5ZM9.5,18a.5.5,0,0,0,.5.5h2a.5.5,0,0,0,.5-.5V14.5H16a.5.5,0,0,0,.5-.5V12a.5.5,0,0,0-.5-.5H12.5V8a.5.5,0,0,0-.5-.5H10a.5.5,0,0,0-.5.5v3.5H6a.5.5,0,0,0-.5.5v2a.5.5,0,0,0,.5.5H9.5Z'/%3e%3cpath%20d='M18.2,4.8a1,1,0,0,1,1,1V20a1,1,0,0,1-1,1H4a1,1,0,0,1-1-1V5.8a1,1,0,0,1,1-1H18.2M9,11H6a1,1,0,0,0-1,1v2a1,1,0,0,0,1,1H9v3a1,1,0,0,0,1,1h2a1,1,0,0,0,1-1V15h3a1,1,0,0,0,1-1V12a1,1,0,0,0-1-1H13V8a1,1,0,0,0-1-1H10A1,1,0,0,0,9,8v3m9.2-7.2H4a2,2,0,0,0-2,2V20a2,2,0,0,0,2,2H18.2a2,2,0,0,0,2-2V5.8a2,2,0,0,0-2-2ZM6,14V12h4V8h2v4h4v2H12v4H10V14Z'/%3e%3c/g%3e%3c/svg%3e";
|
|
473
|
-
|
|
474
|
-
//#region src/assets/svg/icon_download.svg
|
|
453
|
+
// src/assets/svg/icon_download.svg
|
|
475
454
|
var icon_download_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20points='7.92%2012%202.84%207%2013%207%207.92%2012'/%3e%3crect%20x='5'%20y='2'%20width='6'%20height='5'/%3e%3crect%20x='2'%20y='14'%20width='12'%20height='1'/%3e%3c/svg%3e";
|
|
476
|
-
|
|
477
|
-
//#region src/assets/svg/icon_lupe.svg
|
|
455
|
+
// src/assets/svg/icon_lupe.svg
|
|
478
456
|
var icon_lupe_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3ccircle%20class='cls-1'%20cx='5.5'%20cy='5.5'%20r='4.5'/%3e%3cpath%20d='M5.5,2A3.5,3.5,0,1,1,2,5.5,3.5,3.5,0,0,1,5.5,2m0-1A4.5,4.5,0,1,0,10,5.5,4.49,4.49,0,0,0,5.5,1Z'/%3e%3c/g%3e%3crect%20x='6.79'%20y='10.04'%20width='7.74'%20height='2.16'%20transform='translate(10.98%20-4.28)%20rotate(45)'/%3e%3c/svg%3e";
|
|
479
|
-
|
|
480
|
-
//#region src/assets/svg/icon_key.svg
|
|
457
|
+
// src/assets/svg/icon_key.svg
|
|
481
458
|
var icon_key_default = "data:image/svg+xml,%3csvg%20data-name='icon_key'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2027.02%2027'%3e%3cpath%20d='M35.07,16.5a8.52,8.52,0,0,0-7.69,12L17.2,38.8a2.46,2.46,0,0,0,0,3.46,2.41,2.41,0,0,0,3.42,0l1.69-1.7,2.91,2.94L31,37.63l-2.92-3,2.44-2.46a8.31,8.31,0,0,0,4.51,1.33,8.53,8.53,0,0,0,0-17Zm0,3.91A4.62,4.62,0,1,1,30.5,25,4.6,4.6,0,0,1,35.07,20.41Z'%20transform='translate(-16.49%20-16.5)'/%3e%3c/svg%3e";
|
|
482
|
-
|
|
483
|
-
//#region src/assets/svg/icon_reload.svg
|
|
459
|
+
// src/assets/svg/icon_reload.svg
|
|
484
460
|
var icon_reload_default = "data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3e%3cg%20id='Pfeilende'%3e%3cpath%20d='M24,10H15l9-8.93Z'/%3e%3c/g%3e%3cpath%20d='M18.45,18.78A9.33,9.33,0,0,1,2.62,14.86,9.8,9.8,0,0,1,8.89,2.69,9.42,9.42,0,0,1,20.72,9.14H23A11.72,11.72,0,0,0,11.68,0,11.74,11.74,0,0,0,.34,9.14,12,12,0,0,0,8.89,23.65a11.43,11.43,0,0,0,11.16-3.31Z'/%3e%3c/svg%3e";
|
|
485
|
-
|
|
486
|
-
//#region src/assets/svg/icon_fullscreen.svg
|
|
461
|
+
// src/assets/svg/icon_fullscreen.svg
|
|
487
462
|
var icon_fullscreen_default = "data:image/svg+xml,%3csvg%20data-name='icon_fullscreen_sga'%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpolygon%20id='ecke'%20points='2%2014%202%2010%200%2010%200%2016%206%2016%206%2014%202%2014'/%3e%3cpolygon%20id='ecke-2'%20data-name='ecke'%20points='2%202%206%202%206%200%200%200%200%206%202%206%202%202'/%3e%3cpolygon%20id='ecke-3'%20data-name='ecke'%20points='14%2014%2010%2014%2010%2016%2016%2016%2016%2010%2014%2010%2014%2014'/%3e%3cpolygon%20id='ecke-4'%20data-name='ecke'%20points='10%200%2010%202%2014%202%2014%206%2016%206%2016%200%2010%200'/%3e%3c/svg%3e";
|
|
488
|
-
|
|
489
|
-
//#region src/assets/svg/icon_help_light.svg
|
|
463
|
+
// src/assets/svg/icon_help_light.svg
|
|
490
464
|
var icon_help_light_default = "data:image/svg+xml,%3csvg%20id='Icon_help'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20id='icon_help-2'%20data-name='icon_help'%20d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm1,16H11V15h2Zm1.7-6.26a4.85,4.85,0,0,1-.49.81l-1,1.37a1.36,1.36,0,0,0-.18.34,1,1,0,0,0-.07.38L13,14H11l.1-.49a2,2,0,0,1,.13-.77,3.18,3.18,0,0,1,.4-.69l1-1.33a3.21,3.21,0,0,0,.29-.46,1.19,1.19,0,0,0,.11-.47,1.17,1.17,0,0,0-.3-.82,1.07,1.07,0,0,0-.83-.33A1,1,0,0,0,11.1,9a1.25,1.25,0,0,0-.28.83H9a2.94,2.94,0,0,1,.23-1.17,2.45,2.45,0,0,1,.63-.88,2.9,2.9,0,0,1,.93-.55A3.13,3.13,0,0,1,11.94,7a3.31,3.31,0,0,1,1.13.19,2.82,2.82,0,0,1,.94.54,2.62,2.62,0,0,1,.65.88A3,3,0,0,1,14.9,9.8,2.16,2.16,0,0,1,14.7,10.74Z'%20style='opacity:%200.2'/%3e%3c/svg%3e";
|
|
491
|
-
|
|
492
|
-
//#region src/assets/svg/icon_star.svg
|
|
465
|
+
// src/assets/svg/icon_star.svg
|
|
493
466
|
var icon_star_default = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='icon_star_16'%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%3e%3cpath%20id='star'%20d='M8,0l2.45,4.97,5.55,.76-4.04,3.83,.99,5.44-4.94-2.61-4.94,2.61,.99-5.44L0,5.73l5.55-.76L8,0Z'/%3e%3c/svg%3e";
|
|
494
|
-
|
|
495
|
-
//#region src/components/icon/Icon.tsx
|
|
467
|
+
// src/components/icon/Icon.tsx
|
|
496
468
|
function getSrc(props) {
|
|
497
469
|
const { add, del, edit, config, duplicate, search, download, sync, fullscreen, iconKey, documentation, star } = props;
|
|
498
470
|
if (add) return icon_add_default;
|
|
@@ -546,8 +518,7 @@ function Icon(props) {
|
|
|
546
518
|
style
|
|
547
519
|
});
|
|
548
520
|
}
|
|
549
|
-
|
|
550
|
-
//#region src/components/label/Label.tsx
|
|
521
|
+
// src/components/label/Label.tsx
|
|
551
522
|
/**
|
|
552
523
|
* Label enables an easy way for marking or tagging elements.
|
|
553
524
|
*/
|
|
@@ -583,8 +554,7 @@ function Label({ text, small = false, large = false, onDelete, className, onClic
|
|
|
583
554
|
]
|
|
584
555
|
});
|
|
585
556
|
}
|
|
586
|
-
|
|
587
|
-
//#region src/components/popup/Popup.tsx
|
|
557
|
+
// src/components/popup/Popup.tsx
|
|
588
558
|
var MARGIN = 16;
|
|
589
559
|
/**
|
|
590
560
|
* Popup displays content within a small modal.
|
|
@@ -678,8 +648,7 @@ function Popup({ placement = "bottom", mode = ["click"], disabled, handler, hand
|
|
|
678
648
|
})
|
|
679
649
|
}) })] });
|
|
680
650
|
}
|
|
681
|
-
|
|
682
|
-
//#region src/components/bubble/Bubble.tsx
|
|
651
|
+
// src/components/bubble/Bubble.tsx
|
|
683
652
|
/**
|
|
684
653
|
* Bubbles are best used to provide some additional information like short instructions or help texts, which are then going to be displayed on Mouse-Over.
|
|
685
654
|
*/
|
|
@@ -700,8 +669,7 @@ function Bubble({ content, inverted, children, disabled, style, direction, class
|
|
|
700
669
|
})
|
|
701
670
|
});
|
|
702
671
|
}
|
|
703
|
-
|
|
704
|
-
//#region src/components/tooltip/Tooltip.tsx
|
|
672
|
+
// src/components/tooltip/Tooltip.tsx
|
|
705
673
|
/**
|
|
706
674
|
* Tooltip is best used to display some short additional information or description
|
|
707
675
|
*/
|
|
@@ -721,8 +689,7 @@ function Tooltip({ content, children, className, direction, disabled }) {
|
|
|
721
689
|
})
|
|
722
690
|
});
|
|
723
691
|
}
|
|
724
|
-
|
|
725
|
-
//#region src/components/tabs/Tabs.tsx
|
|
692
|
+
// src/components/tabs/Tabs.tsx
|
|
726
693
|
/**
|
|
727
694
|
* Tabs add the possibility to unite several homogeneous pages into one.
|
|
728
695
|
* Unlike RouteTabs, Tabs cannot be accessed directly via the browser's history
|
|
@@ -768,8 +735,7 @@ var Tabs = class extends React$1.Component {
|
|
|
768
735
|
}), this.renderBody()] });
|
|
769
736
|
}
|
|
770
737
|
};
|
|
771
|
-
|
|
772
|
-
//#region src/components/input/SearchBox.tsx
|
|
738
|
+
// src/components/input/SearchBox.tsx
|
|
773
739
|
var ClearButton = ({ onChange, inputElement, style }) => /* @__PURE__ */ jsx(Button_default, {
|
|
774
740
|
naked: true,
|
|
775
741
|
onClick: () => {
|
|
@@ -835,7 +801,6 @@ var SearchBox = class extends React$1.Component {
|
|
|
835
801
|
}
|
|
836
802
|
};
|
|
837
803
|
var SearchBox_default = withTranslation()(SearchBox);
|
|
838
|
-
//#endregion
|
|
839
804
|
export { Accordion, AccordionItem, Bubble, Button_default as Button, ButtonRow, Checkbox_default as Checkbox, ConfirmProvider, Icon, Label, Modal, ModalContainer, Popup, SearchBox_default as SearchBox, Spinner, SpinnerContainer, Tabs, Tooltip, useConfirm, withConfirm };
|
|
840
805
|
|
|
841
806
|
//# sourceMappingURL=index.js.map
|