@deviceinsight/ng-ui-components 7.27.0 → 7.29.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/README.md +2 -1
- package/dist/index.cjs +64 -127
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +63 -125
- package/dist/index.js.map +1 -1
- package/dist/style.css +70 -41
- package/dist/types/components/upload/FileUpload.stories.d.ts +66 -0
- package/dist/types/components/upload/FileUpload.stories.d.ts.map +1 -1
- package/dist/types/components/upload/ImageUpload.stories.d.ts +24 -0
- package/dist/types/components/upload/ImageUpload.stories.d.ts.map +1 -1
- package/package.json +34 -30
package/dist/index.js
CHANGED
|
@@ -38,7 +38,7 @@ import Highcharts from "highcharts";
|
|
|
38
38
|
import { HighchartsReact } from "highcharts-react-official";
|
|
39
39
|
import Slider$1 from "@rc-component/slider";
|
|
40
40
|
import Tooltip from "@rc-component/tooltip";
|
|
41
|
-
|
|
41
|
+
// src/modules/messageBox/messageBox.tsx
|
|
42
42
|
var groupNamesToToastIds = {};
|
|
43
43
|
var DEFAULT_AUTO_CLOSE_MS = 3e3;
|
|
44
44
|
var globalMessageBoxOptions = {};
|
|
@@ -109,8 +109,7 @@ var MessageBoxContainer = ({ position = "top-center", theme = "colored", autoClo
|
|
|
109
109
|
transition,
|
|
110
110
|
...props
|
|
111
111
|
});
|
|
112
|
-
|
|
113
|
-
//#region src/modules/utils/uuidGen.ts
|
|
112
|
+
// src/modules/utils/uuidGen.ts
|
|
114
113
|
var uuidV4 = (length = 32) => {
|
|
115
114
|
let uuid = "";
|
|
116
115
|
for (let i = 0; i < length; i++) {
|
|
@@ -121,16 +120,14 @@ var uuidV4 = (length = 32) => {
|
|
|
121
120
|
return uuid;
|
|
122
121
|
};
|
|
123
122
|
var nanoid10 = customAlphabet("0123456789abcdefghijklmnopqrstuvwxyz", 10);
|
|
124
|
-
|
|
125
|
-
//#region src/i18n/index.ts
|
|
123
|
+
// src/i18n/index.ts
|
|
126
124
|
var Trans;
|
|
127
125
|
var useTranslation;
|
|
128
126
|
function initializeTranslation(transComponent, useTranslationHook) {
|
|
129
127
|
Trans = transComponent;
|
|
130
128
|
useTranslation = useTranslationHook;
|
|
131
129
|
}
|
|
132
|
-
|
|
133
|
-
//#region src/components/treeview/treeutils.ts
|
|
130
|
+
// src/components/treeview/treeutils.ts
|
|
134
131
|
function removeDuplicatesFromArray(arr) {
|
|
135
132
|
return arr.filter((id, index, arr) => arr.indexOf(id) === index);
|
|
136
133
|
}
|
|
@@ -275,8 +272,7 @@ function getTreeNodePathById(currentNode, idToFind, idKey, childNodeKey, display
|
|
|
275
272
|
const nodePathArray = getTreeNodePathByIdArray(currentNode, idToFind, idKey, childNodeKey, displayNameKey);
|
|
276
273
|
return nodePathArray ? nodePathArray.join(".") : null;
|
|
277
274
|
}
|
|
278
|
-
|
|
279
|
-
//#region src/components/colorpicker/ColorPickerPopper.tsx
|
|
275
|
+
// src/components/colorpicker/ColorPickerPopper.tsx
|
|
280
276
|
function ColorPickerPopper({ isOpen, onOpenChange, className, style, value, placement, children }) {
|
|
281
277
|
return /* @__PURE__ */ jsx(Popup, {
|
|
282
278
|
handler: /* @__PURE__ */ jsx("div", {
|
|
@@ -302,8 +298,7 @@ function ColorPickerPopper({ isOpen, onOpenChange, className, style, value, plac
|
|
|
302
298
|
})
|
|
303
299
|
});
|
|
304
300
|
}
|
|
305
|
-
|
|
306
|
-
//#region src/components/colorpicker/GridColorPicker.tsx
|
|
301
|
+
// src/components/colorpicker/GridColorPicker.tsx
|
|
307
302
|
/**
|
|
308
303
|
* Unlike the GradientColorPicker, the GridColorPicker uses a predefined set of colors.
|
|
309
304
|
* The colors can be defined individually for each GridColorPicker and passed in as prop.
|
|
@@ -334,8 +329,7 @@ function GridColorPicker({ value, isOpen, onOpenStateChange, direction, colors,
|
|
|
334
329
|
children: picker
|
|
335
330
|
});
|
|
336
331
|
}
|
|
337
|
-
|
|
338
|
-
//#region src/components/input/ValidatedTextInput.tsx
|
|
332
|
+
// src/components/input/ValidatedTextInput.tsx
|
|
339
333
|
var isValid = (value, pattern, required) => {
|
|
340
334
|
if (!value.length) return !required;
|
|
341
335
|
return pattern.test(value);
|
|
@@ -371,8 +365,7 @@ var ValidatedTextInput = class extends React.Component {
|
|
|
371
365
|
});
|
|
372
366
|
}
|
|
373
367
|
};
|
|
374
|
-
|
|
375
|
-
//#region src/components/colorpicker/ColorTextInput.tsx
|
|
368
|
+
// src/components/colorpicker/ColorTextInput.tsx
|
|
376
369
|
function ColorTextInput({ value, pattern, onChange, placeholder, style }) {
|
|
377
370
|
const [text, setText] = useState(value);
|
|
378
371
|
const [lastValue, setLastValue] = useState(value);
|
|
@@ -394,8 +387,7 @@ function ColorTextInput({ value, pattern, onChange, placeholder, style }) {
|
|
|
394
387
|
style
|
|
395
388
|
});
|
|
396
389
|
}
|
|
397
|
-
|
|
398
|
-
//#region src/components/colorpicker/GradientColorPicker.tsx
|
|
390
|
+
// src/components/colorpicker/GradientColorPicker.tsx
|
|
399
391
|
var VALIDATE_HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{6})$/;
|
|
400
392
|
var VALIDATE_RGB_COLOR_REGEX = /^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/;
|
|
401
393
|
var convertRgbaToRgb = (color) => {
|
|
@@ -450,8 +442,7 @@ function GradientColorPicker({ onOpenStateChange, onPick, allowTextInput, classN
|
|
|
450
442
|
children: picker
|
|
451
443
|
});
|
|
452
444
|
}
|
|
453
|
-
|
|
454
|
-
//#region src/utils/dayjsLocales.ts
|
|
445
|
+
// src/utils/dayjsLocales.ts
|
|
455
446
|
var supportedLocales = [
|
|
456
447
|
"en",
|
|
457
448
|
"en-gb",
|
|
@@ -465,8 +456,7 @@ var supportedLocales = [
|
|
|
465
456
|
function isLocaleSupported(locale) {
|
|
466
457
|
return supportedLocales.includes(locale);
|
|
467
458
|
}
|
|
468
|
-
|
|
469
|
-
//#region src/components/input/DateInput.tsx
|
|
459
|
+
// src/components/input/DateInput.tsx
|
|
470
460
|
dayjs.extend(utc);
|
|
471
461
|
dayjs.extend(timezone);
|
|
472
462
|
dayjs.extend(localeData);
|
|
@@ -640,8 +630,7 @@ var DateInput = forwardRef(({ value, clearable, inline, readOnly, wrapperClassNa
|
|
|
640
630
|
})
|
|
641
631
|
});
|
|
642
632
|
});
|
|
643
|
-
|
|
644
|
-
//#region src/components/input/UrnInput.tsx
|
|
633
|
+
// src/components/input/UrnInput.tsx
|
|
645
634
|
/**
|
|
646
635
|
* UrnInput offers a convenient way to add or edit Asset URNs.
|
|
647
636
|
* Usually, a generated default value is passed in as prop.
|
|
@@ -673,8 +662,7 @@ var UrnInput = class extends React.Component {
|
|
|
673
662
|
})] });
|
|
674
663
|
}
|
|
675
664
|
};
|
|
676
|
-
|
|
677
|
-
//#region src/components/prompt/Prompt.tsx
|
|
665
|
+
// src/components/prompt/Prompt.tsx
|
|
678
666
|
/**
|
|
679
667
|
* This component should not be used directly, instead use `@withPrompt` to inject a promise-based prompt method
|
|
680
668
|
*/
|
|
@@ -729,8 +717,7 @@ function Prompt({ title, message, onAccept, onCancel, inputPlaceholder, cancelBu
|
|
|
729
717
|
width: 600
|
|
730
718
|
});
|
|
731
719
|
}
|
|
732
|
-
|
|
733
|
-
//#region src/components/prompt/withPrompt.tsx
|
|
720
|
+
// src/components/prompt/withPrompt.tsx
|
|
734
721
|
function withPrompt(WrappedComponent) {
|
|
735
722
|
return class WithPromptWrapper extends React.Component {
|
|
736
723
|
constructor(..._args) {
|
|
@@ -765,8 +752,7 @@ function withPrompt(WrappedComponent) {
|
|
|
765
752
|
}
|
|
766
753
|
};
|
|
767
754
|
}
|
|
768
|
-
|
|
769
|
-
//#region src/components/link/RouteLink.tsx
|
|
755
|
+
// src/components/link/RouteLink.tsx
|
|
770
756
|
var isModifiedEvent = (event) => !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
|
|
771
757
|
/**
|
|
772
758
|
* RouteLink enables the possibility to add new links to existing routes.
|
|
@@ -817,8 +803,7 @@ function RouteLink({ to, confirm, className, title, children, keyboardShortcut,
|
|
|
817
803
|
children
|
|
818
804
|
});
|
|
819
805
|
}
|
|
820
|
-
|
|
821
|
-
//#region src/components/infobox/InfoBox.tsx
|
|
806
|
+
// src/components/infobox/InfoBox.tsx
|
|
822
807
|
var colors = {
|
|
823
808
|
info: "#ffffff",
|
|
824
809
|
success: "#cce0cc",
|
|
@@ -895,13 +880,11 @@ var CSS = /*#__PURE__*/ Object.freeze({
|
|
|
895
880
|
return property + " " + duration + "ms " + easing;
|
|
896
881
|
} }
|
|
897
882
|
});
|
|
898
|
-
|
|
899
|
-
//#region src/utils/resolvePath.ts
|
|
883
|
+
// src/utils/resolvePath.ts
|
|
900
884
|
function resolvePath(basePath, match) {
|
|
901
885
|
return `${basePath}${basePath.endsWith("/") ? "" : "/"}${match}`;
|
|
902
886
|
}
|
|
903
|
-
|
|
904
|
-
//#region src/components/tabs/RouteTabs.tsx
|
|
887
|
+
// src/components/tabs/RouteTabs.tsx
|
|
905
888
|
var TabHeader = ({ id, to, className, title, children, draggingDisabled }) => {
|
|
906
889
|
const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
|
|
907
890
|
id,
|
|
@@ -991,19 +974,16 @@ function RouteTabs({ pages, onOrderChange, basePath, ...otherProps }) {
|
|
|
991
974
|
} }) })] })]
|
|
992
975
|
});
|
|
993
976
|
}
|
|
994
|
-
|
|
995
|
-
//#region src/assets/svg/icon_folder_loading.svg
|
|
977
|
+
// src/assets/svg/icon_folder_loading.svg
|
|
996
978
|
var icon_folder_loading_default = "data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2050%2050;'%20xml:space='preserve'%3e%3crect%20x='0'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='9'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.2s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3crect%20x='19'%20y='0'%20width='5'%20height='10'%20fill='%23000'%3e%3canimateTransform%20attributeType='xml'%20attributeName='transform'%20type='translate'%20values='0%200;%200%2014;%200%200'%20begin='0.4s'%20dur='0.6s'%20repeatCount='indefinite'%20/%3e%3c/rect%3e%3c/svg%3e";
|
|
997
|
-
|
|
998
|
-
//#region src/components/treeview/constants.ts
|
|
979
|
+
// src/components/treeview/constants.ts
|
|
999
980
|
var SelectionState = /* @__PURE__ */ function(SelectionState) {
|
|
1000
981
|
SelectionState["ALL"] = "all";
|
|
1001
982
|
SelectionState["SOME"] = "some";
|
|
1002
983
|
SelectionState["NONE"] = "none";
|
|
1003
984
|
return SelectionState;
|
|
1004
985
|
}({});
|
|
1005
|
-
|
|
1006
|
-
//#region src/components/treeview/components/NodeInfo.tsx
|
|
986
|
+
// src/components/treeview/components/NodeInfo.tsx
|
|
1007
987
|
var Skeleton = ({ lastChild }) => /* @__PURE__ */ jsxs("div", {
|
|
1008
988
|
className: "skeleton",
|
|
1009
989
|
children: [/* @__PURE__ */ jsx("div", { className: "skeleton-cell top" }), /* @__PURE__ */ jsx("div", {
|
|
@@ -1079,8 +1059,7 @@ var NodeInfo = class extends React.PureComponent {
|
|
|
1079
1059
|
});
|
|
1080
1060
|
}
|
|
1081
1061
|
};
|
|
1082
|
-
|
|
1083
|
-
//#region src/components/treeview/components/Node.tsx
|
|
1062
|
+
// src/components/treeview/components/Node.tsx
|
|
1084
1063
|
var Node = class Node extends Component {
|
|
1085
1064
|
constructor(..._args) {
|
|
1086
1065
|
super(..._args);
|
|
@@ -1162,8 +1141,7 @@ var Node = class Node extends Component {
|
|
|
1162
1141
|
});
|
|
1163
1142
|
}
|
|
1164
1143
|
};
|
|
1165
|
-
|
|
1166
|
-
//#region src/components/treeview/TreeView.tsx
|
|
1144
|
+
// src/components/treeview/TreeView.tsx
|
|
1167
1145
|
/**
|
|
1168
1146
|
* TreeView adds the functionality to display "folders" and their content.
|
|
1169
1147
|
* This can come in handy for several data structures.
|
|
@@ -1261,11 +1239,9 @@ var TreeView = class extends Component {
|
|
|
1261
1239
|
});
|
|
1262
1240
|
}
|
|
1263
1241
|
};
|
|
1264
|
-
|
|
1265
|
-
//#region src/components/multiMenu/components/MultiMenuContext.ts
|
|
1242
|
+
// src/components/multiMenu/components/MultiMenuContext.ts
|
|
1266
1243
|
var MultiMenuContext = React.createContext({ toggleMenu: () => {} });
|
|
1267
|
-
|
|
1268
|
-
//#region src/components/multiMenu/MultiMenu.tsx
|
|
1244
|
+
// src/components/multiMenu/MultiMenu.tsx
|
|
1269
1245
|
/**
|
|
1270
1246
|
* MultiMenu enables a toggleable menu to either show more content and further functionality.
|
|
1271
1247
|
*/
|
|
@@ -1292,8 +1268,7 @@ function MultiMenuFunctional({ menuButton, children, direction, className, open,
|
|
|
1292
1268
|
})
|
|
1293
1269
|
}) });
|
|
1294
1270
|
}
|
|
1295
|
-
|
|
1296
|
-
//#region src/components/pagination/Pagination.tsx
|
|
1271
|
+
// src/components/pagination/Pagination.tsx
|
|
1297
1272
|
var sizeOptions = [
|
|
1298
1273
|
5,
|
|
1299
1274
|
10,
|
|
@@ -1445,8 +1420,7 @@ function Pagination({ onChangePage, page, totalPages, onChangeSize, size }) {
|
|
|
1445
1420
|
})
|
|
1446
1421
|
});
|
|
1447
1422
|
}
|
|
1448
|
-
|
|
1449
|
-
//#region src/components/input/SelectWithSearch.tsx
|
|
1423
|
+
// src/components/input/SelectWithSearch.tsx
|
|
1450
1424
|
function getSortedOptions(options, compareOptions) {
|
|
1451
1425
|
if (!compareOptions) return orderBy(options, "label", "asc");
|
|
1452
1426
|
if (options.every((option) => !option.options)) return [...options].sort(compareOptions);
|
|
@@ -1547,8 +1521,7 @@ var SelectWithSearch = class extends Component {
|
|
|
1547
1521
|
});
|
|
1548
1522
|
}
|
|
1549
1523
|
};
|
|
1550
|
-
|
|
1551
|
-
//#region src/components/reactable/helpers/ReactableTextFilter.tsx
|
|
1524
|
+
// src/components/reactable/helpers/ReactableTextFilter.tsx
|
|
1552
1525
|
var getInitialValueFromColumnDef = (columnDef) => {
|
|
1553
1526
|
return columnDef.filterable?.initialValue ?? "";
|
|
1554
1527
|
};
|
|
@@ -1568,8 +1541,7 @@ var ReactableTextFilter = ({ columnDef, changeFilter, "data-testid": testId }) =
|
|
|
1568
1541
|
"data-testid": testId
|
|
1569
1542
|
});
|
|
1570
1543
|
};
|
|
1571
|
-
|
|
1572
|
-
//#region src/components/reactable/helpers/helper.tsx
|
|
1544
|
+
// src/components/reactable/helpers/helper.tsx
|
|
1573
1545
|
function makePageable(items, paginationSettings, customSortFunction) {
|
|
1574
1546
|
if (!items) return null;
|
|
1575
1547
|
const { page, size, sort } = paginationSettings;
|
|
@@ -1640,8 +1612,7 @@ function extendColumnDefsWithCheckboxes(columnDefs, onSelectChange, onSelectAllC
|
|
|
1640
1612
|
function getClassName(tableName, columnName) {
|
|
1641
1613
|
return `${tableName || "unnamedTable"}-${columnName}`;
|
|
1642
1614
|
}
|
|
1643
|
-
|
|
1644
|
-
//#region src/components/reactable/helpers/ReactableTableFilterRow.tsx
|
|
1615
|
+
// src/components/reactable/helpers/ReactableTableFilterRow.tsx
|
|
1645
1616
|
var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName, "data-testid": testId }) => {
|
|
1646
1617
|
const { t } = useTranslation();
|
|
1647
1618
|
const [state, setState] = useState({});
|
|
@@ -1732,8 +1703,7 @@ var ReactableTableFilterRow = ({ columnDefs, onFilter, tableName, "data-testid":
|
|
|
1732
1703
|
}, columnDef.name))
|
|
1733
1704
|
});
|
|
1734
1705
|
};
|
|
1735
|
-
|
|
1736
|
-
//#region src/components/reactable/helpers/ReactableTableHeader.tsx
|
|
1706
|
+
// src/components/reactable/helpers/ReactableTableHeader.tsx
|
|
1737
1707
|
var toggleSortDirection = (direction) => direction === "ASC" ? "DESC" : "ASC";
|
|
1738
1708
|
var ReactableTableHeader = class extends Component {
|
|
1739
1709
|
constructor(..._args) {
|
|
@@ -1778,8 +1748,7 @@ var ReactableTableHeader = class extends Component {
|
|
|
1778
1748
|
function isTranslationDescriptor(label) {
|
|
1779
1749
|
return typeof label === "object" && label != null && "id" in label && label.id !== void 0;
|
|
1780
1750
|
}
|
|
1781
|
-
|
|
1782
|
-
//#region src/components/reactable/helpers/ReactableTableRow.tsx
|
|
1751
|
+
// src/components/reactable/helpers/ReactableTableRow.tsx
|
|
1783
1752
|
var ReactableTableRow = class extends Component {
|
|
1784
1753
|
constructor(..._args) {
|
|
1785
1754
|
super(..._args);
|
|
@@ -1829,8 +1798,7 @@ var ReactableTableRow = class extends Component {
|
|
|
1829
1798
|
});
|
|
1830
1799
|
}
|
|
1831
1800
|
};
|
|
1832
|
-
|
|
1833
|
-
//#region src/components/reactable/helpers/ReactableTable.tsx
|
|
1801
|
+
// src/components/reactable/helpers/ReactableTable.tsx
|
|
1834
1802
|
function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort, onFilter, tableName, pageable, isLoading, rowDef, clickable, messageWhenEmpty, "data-testid": testId }) {
|
|
1835
1803
|
const containerRef = useRef(null);
|
|
1836
1804
|
const tableRef = useRef(null);
|
|
@@ -1943,8 +1911,7 @@ function ReactableTable({ columnDefs, uniqueItemKey, paginationSettings, onSort,
|
|
|
1943
1911
|
})
|
|
1944
1912
|
});
|
|
1945
1913
|
}
|
|
1946
|
-
|
|
1947
|
-
//#region src/components/reactable/Reactable.tsx
|
|
1914
|
+
// src/components/reactable/Reactable.tsx
|
|
1948
1915
|
/**
|
|
1949
1916
|
* Reactable displays paginated results nicely, while adding the possibility to add further functionality to each row.
|
|
1950
1917
|
* Each column can also be extended to be sortable and/or filterable
|
|
@@ -1970,8 +1937,7 @@ var Reactable = class extends Component {
|
|
|
1970
1937
|
})] });
|
|
1971
1938
|
}
|
|
1972
1939
|
};
|
|
1973
|
-
|
|
1974
|
-
//#region src/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.tsx
|
|
1940
|
+
// src/components/reactableWithClientSidePagination/ReactableWithClientSidePagination.tsx
|
|
1975
1941
|
var DEFAULT_PAGINATION_SETTINGS = {
|
|
1976
1942
|
page: 0,
|
|
1977
1943
|
size: 15,
|
|
@@ -2109,8 +2075,7 @@ var ReactableWithClientSidePagination = class extends Component {
|
|
|
2109
2075
|
});
|
|
2110
2076
|
}
|
|
2111
2077
|
};
|
|
2112
|
-
|
|
2113
|
-
//#region src/components/upload/FileUpload.tsx
|
|
2078
|
+
// src/components/upload/FileUpload.tsx
|
|
2114
2079
|
/**
|
|
2115
2080
|
* FileUpload enables the possibility to upload files conveniently
|
|
2116
2081
|
*/
|
|
@@ -2163,7 +2128,7 @@ var FileUpload = class FileUpload extends React.Component {
|
|
|
2163
2128
|
},
|
|
2164
2129
|
rejectHint: {
|
|
2165
2130
|
id: "fileUpload.rejectHint",
|
|
2166
|
-
defaultValue: "This file
|
|
2131
|
+
defaultValue: "This file cannot be uploaded"
|
|
2167
2132
|
}
|
|
2168
2133
|
};
|
|
2169
2134
|
}
|
|
@@ -2234,8 +2199,7 @@ var FileUpload = class FileUpload extends React.Component {
|
|
|
2234
2199
|
});
|
|
2235
2200
|
}
|
|
2236
2201
|
};
|
|
2237
|
-
|
|
2238
|
-
//#region src/components/upload/ImageUpload.tsx
|
|
2202
|
+
// src/components/upload/ImageUpload.tsx
|
|
2239
2203
|
var PreviewImage = ({ url, imageSize, onRemoveFile, onDragOver, onDownloadFile }) => /* @__PURE__ */ jsx("div", {
|
|
2240
2204
|
className: "di upload preview-container",
|
|
2241
2205
|
onDragOver,
|
|
@@ -2310,8 +2274,7 @@ var ImageUpload = class extends Component {
|
|
|
2310
2274
|
});
|
|
2311
2275
|
}
|
|
2312
2276
|
};
|
|
2313
|
-
|
|
2314
|
-
//#region src/components/contentHeader/ContentHeader.tsx
|
|
2277
|
+
// src/components/contentHeader/ContentHeader.tsx
|
|
2315
2278
|
/**
|
|
2316
2279
|
* `parentPageLink` set to true shows a back button to go to the parent page.
|
|
2317
2280
|
* `subPagePathPrefix` needs to be used with `parentPageLink` set to true. It allows to customize what is considered the parent page.
|
|
@@ -2356,8 +2319,7 @@ var ContentHeader = ({ parentPageLink, title, subPagePathPrefixArray, subPagePat
|
|
|
2356
2319
|
]
|
|
2357
2320
|
});
|
|
2358
2321
|
};
|
|
2359
|
-
|
|
2360
|
-
//#region src/components/input/DateTimeInput.tsx
|
|
2322
|
+
// src/components/input/DateTimeInput.tsx
|
|
2361
2323
|
var formatTime = (timezone, date) => {
|
|
2362
2324
|
try {
|
|
2363
2325
|
return dayjs.tz(date, timezone).format("HH:mm");
|
|
@@ -2421,8 +2383,7 @@ var DateTimeInput = forwardRef(({ timestamp, timezone, warning, readOnly = false
|
|
|
2421
2383
|
})]
|
|
2422
2384
|
});
|
|
2423
2385
|
});
|
|
2424
|
-
|
|
2425
|
-
//#region src/components/input/SelectWithSearchAsync.tsx
|
|
2386
|
+
// src/components/input/SelectWithSearchAsync.tsx
|
|
2426
2387
|
/**
|
|
2427
2388
|
* SelectWithSearchAsync enhances a native select list by applying a search functionality to it.
|
|
2428
2389
|
* Fetches selectable results asynchronously while showing small loading indicator
|
|
@@ -2533,8 +2494,7 @@ var SelectWithSearchAsync = class extends Component {
|
|
|
2533
2494
|
});
|
|
2534
2495
|
}
|
|
2535
2496
|
};
|
|
2536
|
-
|
|
2537
|
-
//#region src/components/multiMenu/components/MultiMenuItem.tsx
|
|
2497
|
+
// src/components/multiMenu/components/MultiMenuItem.tsx
|
|
2538
2498
|
var MultiMenuItem = class extends React.PureComponent {
|
|
2539
2499
|
constructor(..._args) {
|
|
2540
2500
|
super(..._args);
|
|
@@ -2573,8 +2533,7 @@ var MultiMenuItem = class extends React.PureComponent {
|
|
|
2573
2533
|
}) });
|
|
2574
2534
|
}
|
|
2575
2535
|
};
|
|
2576
|
-
|
|
2577
|
-
//#region src/components/periodpicker/components/Inputs.tsx
|
|
2536
|
+
// src/components/periodpicker/components/Inputs.tsx
|
|
2578
2537
|
var ONE_HOUR = 36e5;
|
|
2579
2538
|
function Inputs({ period, onChange, readOnly, locale, timezone }) {
|
|
2580
2539
|
const [showWarningTarget, setShowWarningTarget] = useState("");
|
|
@@ -2646,8 +2605,7 @@ function Inputs({ period, onChange, readOnly, locale, timezone }) {
|
|
|
2646
2605
|
]
|
|
2647
2606
|
});
|
|
2648
2607
|
}
|
|
2649
|
-
|
|
2650
|
-
//#region src/components/periodpicker/components/MonthPicker.tsx
|
|
2608
|
+
// src/components/periodpicker/components/MonthPicker.tsx
|
|
2651
2609
|
var MonthPicker = class extends Component {
|
|
2652
2610
|
constructor(props) {
|
|
2653
2611
|
super(props);
|
|
@@ -2729,14 +2687,11 @@ var MonthPicker = class extends Component {
|
|
|
2729
2687
|
});
|
|
2730
2688
|
}
|
|
2731
2689
|
};
|
|
2732
|
-
|
|
2733
|
-
//#region src/assets/svg/icon_calendar.svg
|
|
2690
|
+
// src/assets/svg/icon_calendar.svg
|
|
2734
2691
|
var icon_calendar_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%3cg%3e%3crect%20class='cls-1'%20x='3.5'%20y='7.5'%20width='2'%20height='2'/%3e%3cpath%20d='M5,8V9H4V8H5M6,7H3v3H6V7Z'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%207%208%207%208%208%209%208%209%207%209%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='11%207%2010%207%2010%208%2011%208%2011%207%2011%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='12'%20y='7'%20width='1'%20height='1'/%3e%3cpolygon%20points='13%207%2012%207%2012%208%2013%208%2013%207%2013%207'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='9'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%209%208%209%208%2010%209%2010%209%209%209%209'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='8'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='9%2011%208%2011%208%2012%209%2012%209%2011%209%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='6'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='7%2011%206%2011%206%2012%207%2012%207%2011%207%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='4'%20y='11'%20width='1'%20height='1'/%3e%3cpolygon%20points='5%2011%204%2011%204%2012%205%2012%205%2011%205%2011'/%3e%3c/g%3e%3cg%3e%3crect%20class='cls-1'%20x='10.5'%20y='9.5'%20width='2'%20height='2'/%3e%3cpath%20d='M12,10v1H11V10h1m1-1H10v3h3V9Z'/%3e%3c/g%3e%3cpath%20d='M15.31,2H.69A.69.69,0,0,0,0,2.69V14.31A.69.69,0,0,0,.69,15H15.31a.69.69,0,0,0,.69-.69V2.69A.69.69,0,0,0,15.31,2ZM14,13H2V6H14Z'/%3e%3c/g%3e%3crect%20x='3'%20width='3'%20height='2'/%3e%3crect%20x='10'%20width='3'%20height='2'/%3e%3c/svg%3e";
|
|
2735
|
-
|
|
2736
|
-
//#region src/assets/svg/triangle_down.svg
|
|
2692
|
+
// src/assets/svg/triangle_down.svg
|
|
2737
2693
|
var triangle_down_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.5%2010%204%206%2011%206%207.5%2010'/%3e%3c/svg%3e";
|
|
2738
|
-
|
|
2739
|
-
//#region src/components/periodpicker/periods.ts
|
|
2694
|
+
// src/components/periodpicker/periods.ts
|
|
2740
2695
|
dayjs.extend(timezone);
|
|
2741
2696
|
dayjs.extend(utc);
|
|
2742
2697
|
function dayjsTz(timezone, ts) {
|
|
@@ -2788,8 +2743,7 @@ var DAY_TO_MILLIS = 864e5;
|
|
|
2788
2743
|
function periodToDays({ tsStart, tsEnd }) {
|
|
2789
2744
|
return Math.round((tsEnd - tsStart + 1) / DAY_TO_MILLIS);
|
|
2790
2745
|
}
|
|
2791
|
-
|
|
2792
|
-
//#region src/components/periodpicker/components/Menu.tsx
|
|
2746
|
+
// src/components/periodpicker/components/Menu.tsx
|
|
2793
2747
|
function Menu({ onChange, onShowCustomPeriod, periodName, timezone }) {
|
|
2794
2748
|
const [visible, setVisible] = useState(false);
|
|
2795
2749
|
const [showDatePicker, setShowDatePicker] = useState(false);
|
|
@@ -2995,8 +2949,7 @@ function Menu({ onChange, onShowCustomPeriod, periodName, timezone }) {
|
|
|
2995
2949
|
})
|
|
2996
2950
|
}) });
|
|
2997
2951
|
}
|
|
2998
|
-
|
|
2999
|
-
//#region src/components/periodpicker/usePeriodName.ts
|
|
2952
|
+
// src/components/periodpicker/usePeriodName.ts
|
|
3000
2953
|
function compare(period1, period2) {
|
|
3001
2954
|
return period1.tsStart === period2.tsStart && period1.tsEnd === period2.tsEnd;
|
|
3002
2955
|
}
|
|
@@ -3018,8 +2971,7 @@ function usePeriodName(period, timezone) {
|
|
|
3018
2971
|
days
|
|
3019
2972
|
});
|
|
3020
2973
|
}
|
|
3021
|
-
|
|
3022
|
-
//#region src/components/periodpicker/PeriodPicker.tsx
|
|
2974
|
+
// src/components/periodpicker/PeriodPicker.tsx
|
|
3023
2975
|
function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, readOnly, locale, defaultPeriodName, timezone, ...props }) {
|
|
3024
2976
|
const [showInputs, setShowInputs] = useState(!inputsHiddenByDefault);
|
|
3025
2977
|
const periodName = usePeriodName(period, timezone) ?? defaultPeriodName;
|
|
@@ -3040,8 +2992,7 @@ function PeriodPicker({ period, onChange, inputsHiddenByDefault, menuHidden, rea
|
|
|
3040
2992
|
})]
|
|
3041
2993
|
});
|
|
3042
2994
|
}
|
|
3043
|
-
|
|
3044
|
-
//#region src/components/svg/utils/findConflicts.ts
|
|
2995
|
+
// src/components/svg/utils/findConflicts.ts
|
|
3045
2996
|
var CONFLICTING_IDS_DETECTION_DELAY = 500;
|
|
3046
2997
|
var calculateIdCountsInElement = (element) => {
|
|
3047
2998
|
return Array.from(element.querySelectorAll("[id]")).map((element) => element.getAttribute("id")).reduce((acc, id) => {
|
|
@@ -3060,8 +3011,7 @@ function findConflicts(svgElement, onConflict) {
|
|
|
3060
3011
|
}, CONFLICTING_IDS_DETECTION_DELAY);
|
|
3061
3012
|
return () => clearTimeout(timeoutId);
|
|
3062
3013
|
}
|
|
3063
|
-
|
|
3064
|
-
//#region src/components/svg/utils/createHyperlinkModification.ts
|
|
3014
|
+
// src/components/svg/utils/createHyperlinkModification.ts
|
|
3065
3015
|
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
3066
3016
|
function createHyperlinkModification(element, { hoverColor, internalLink, link }, globalStyleElement, onInternalLinkChange) {
|
|
3067
3017
|
const anchor = wrapIntoAnchor(element);
|
|
@@ -3085,8 +3035,7 @@ function wrapIntoAnchor(wrappedElement) {
|
|
|
3085
3035
|
else parentNode.appendChild(wrapperElement);
|
|
3086
3036
|
return wrapperElement;
|
|
3087
3037
|
}
|
|
3088
|
-
|
|
3089
|
-
//#region src/components/svg/utils/getMutableNodeList.ts
|
|
3038
|
+
// src/components/svg/utils/getMutableNodeList.ts
|
|
3090
3039
|
var removeSvgNamespace = (xml) => xml.replace(/<svg:svg/g, "<svg").replace(/<\/svg:svg/g, "</svg");
|
|
3091
3040
|
var parseFromString = (imageData) => {
|
|
3092
3041
|
const parser = new DOMParser();
|
|
@@ -3096,8 +3045,7 @@ var parseFromString = (imageData) => {
|
|
|
3096
3045
|
function getMutableNodeList_default(imageData, diFieldId) {
|
|
3097
3046
|
return parseFromString(imageData).querySelectorAll(`[id^="${diFieldId}"]`);
|
|
3098
3047
|
}
|
|
3099
|
-
|
|
3100
|
-
//#region src/components/svg/utils/transformPositionModifications.ts
|
|
3048
|
+
// src/components/svg/utils/transformPositionModifications.ts
|
|
3101
3049
|
var mergePositionChanges = (modifications) => {
|
|
3102
3050
|
const positionModifications = modifications.filter(({ type }) => type === "positionX" || type === "positionY");
|
|
3103
3051
|
const restModifications = modifications.filter(({ type }) => type !== "positionX" && type !== "positionY");
|
|
@@ -3132,8 +3080,7 @@ var transformPositionModifications_default = (modifications) => {
|
|
|
3132
3080
|
}), {});
|
|
3133
3081
|
return Object.keys(modificationsByTarget).reduce((acc, target) => acc.concat(mergePositionChanges(modificationsByTarget[target])), []);
|
|
3134
3082
|
};
|
|
3135
|
-
|
|
3136
|
-
//#region src/components/svg/utils/createPositionModification.ts
|
|
3083
|
+
// src/components/svg/utils/createPositionModification.ts
|
|
3137
3084
|
var limitPercentagePosition = (position) => Math.max(0, Math.min(100, position));
|
|
3138
3085
|
function createPositionModification(element, modification, svgElement) {
|
|
3139
3086
|
const svg = SVG(svgElement);
|
|
@@ -3148,8 +3095,7 @@ function createPositionModification(element, modification, svgElement) {
|
|
|
3148
3095
|
targetEl.y(bbox.y + limitPercentagePosition(modification.positionY) * bbox.height / 100);
|
|
3149
3096
|
}
|
|
3150
3097
|
}
|
|
3151
|
-
|
|
3152
|
-
//#region src/components/svg/utils/renderSvg.ts
|
|
3098
|
+
// src/components/svg/utils/renderSvg.ts
|
|
3153
3099
|
function renderSvg(svgWrapper, imageData, modifications, globalStyleElement, onInternalLinkChange) {
|
|
3154
3100
|
const svgElement = parseFromString(imageData).querySelector("svg");
|
|
3155
3101
|
if (svgElement) {
|
|
@@ -3217,8 +3163,7 @@ function applyModification(element, modification, svgElement, globalStyleElement
|
|
|
3217
3163
|
function sortModifications(modifications) {
|
|
3218
3164
|
return modifications.sort(({ type: type1 }, { type: type2 }) => type1 !== type2 && type2 === "rotation" ? -1 : 1);
|
|
3219
3165
|
}
|
|
3220
|
-
|
|
3221
|
-
//#region src/components/svg/SvgImage.tsx
|
|
3166
|
+
// src/components/svg/SvgImage.tsx
|
|
3222
3167
|
function useGlobalStyleElement() {
|
|
3223
3168
|
const [styleElement] = useState(() => {
|
|
3224
3169
|
const element = document.createElement("style");
|
|
@@ -3252,8 +3197,7 @@ function SvgImage({ imageData, modifications, onConflict }) {
|
|
|
3252
3197
|
]);
|
|
3253
3198
|
return /* @__PURE__ */ jsx("div", { ref: svgWrapperRef });
|
|
3254
3199
|
}
|
|
3255
|
-
|
|
3256
|
-
//#region src/components/svg/utils/getSvgElement.ts
|
|
3200
|
+
// src/components/svg/utils/getSvgElement.ts
|
|
3257
3201
|
var getSvgElement_default = (imageData) => {
|
|
3258
3202
|
try {
|
|
3259
3203
|
return parseFromString(imageData).querySelector("svg");
|
|
@@ -3261,14 +3205,12 @@ var getSvgElement_default = (imageData) => {
|
|
|
3261
3205
|
return null;
|
|
3262
3206
|
}
|
|
3263
3207
|
};
|
|
3264
|
-
|
|
3265
|
-
//#region src/components/svg/utils/validateSvg.ts
|
|
3208
|
+
// src/components/svg/utils/validateSvg.ts
|
|
3266
3209
|
var validateSvg_default = (imageData) => {
|
|
3267
3210
|
const svgElement = getSvgElement_default(imageData);
|
|
3268
3211
|
return !!svgElement && !!svgElement.style;
|
|
3269
3212
|
};
|
|
3270
|
-
|
|
3271
|
-
//#region src/components/chart/Chart.tsx
|
|
3213
|
+
// src/components/chart/Chart.tsx
|
|
3272
3214
|
function createTooltip(header, name, value) {
|
|
3273
3215
|
return `<div>${header}</div><div>${name}: <strong>${value}</strong></div>`;
|
|
3274
3216
|
}
|
|
@@ -3392,8 +3334,7 @@ var Chart = class extends Component {
|
|
|
3392
3334
|
});
|
|
3393
3335
|
}
|
|
3394
3336
|
};
|
|
3395
|
-
|
|
3396
|
-
//#region src/components/slider/RcSliderWithTooltip.tsx
|
|
3337
|
+
// src/components/slider/RcSliderWithTooltip.tsx
|
|
3397
3338
|
var HandleTooltip = (props) => {
|
|
3398
3339
|
const { value, children, visible, tipFormatter = (val) => `${val}`, ...restProps } = props;
|
|
3399
3340
|
const tooltipRef = useRef(null);
|
|
@@ -3434,8 +3375,7 @@ var TooltipSlider = ({ tipFormatter, tipProps, ...props }) => {
|
|
|
3434
3375
|
handleRender: tipHandleRender
|
|
3435
3376
|
});
|
|
3436
3377
|
};
|
|
3437
|
-
|
|
3438
|
-
//#region src/components/slider/useLimitStyling.ts
|
|
3378
|
+
// src/components/slider/useLimitStyling.ts
|
|
3439
3379
|
function useLimitStyling(limit, min, max) {
|
|
3440
3380
|
const [slider, setSlider] = useState(null);
|
|
3441
3381
|
useEffect(() => {
|
|
@@ -3486,8 +3426,7 @@ function useLimitStyling(limit, min, max) {
|
|
|
3486
3426
|
}, [slider, updateLimitAreaSize]);
|
|
3487
3427
|
return setSlider;
|
|
3488
3428
|
}
|
|
3489
|
-
|
|
3490
|
-
//#region src/components/slider/Slider.tsx
|
|
3429
|
+
// src/components/slider/Slider.tsx
|
|
3491
3430
|
/**
|
|
3492
3431
|
* Enables picking the desired value from a specified range.
|
|
3493
3432
|
* Can have a tooltip and labels
|
|
@@ -3525,7 +3464,6 @@ var Slider = ({ min, max, step, value, tooltip = true, labels, format, onChange,
|
|
|
3525
3464
|
})
|
|
3526
3465
|
});
|
|
3527
3466
|
};
|
|
3528
|
-
//#endregion
|
|
3529
3467
|
export { Chart, GridColorPicker as ColorPicker, GridColorPicker, ContentHeader, DateInput, DateTimeInput, FileUpload, GradientColorPicker, ImageUpload, InfoBox, MessageBoxContainer, MultiMenuFunctional as MultiMenu, MultiMenuItem, Pagination, PeriodPicker, Reactable, ReactableWithClientSidePagination, RouteLink, RouteTabs, SelectWithSearch, SelectWithSearchAsync, Slider, SvgImage, TreeView, UrnInput, ValidatedTextInput, getMutableNodeList_default as getMutableNodeList, getSvgElement_default as getSvgElement, getTreeNodePathById, initializeTranslation, messageBoxDismissAll, messageBoxDismissGroup, messageBoxDismissSingle, messageBoxError, messageBoxInfo, messageBoxSuccess, messageBoxWarn, nanoid10, setGlobalErrorMessageBoxOptions, setGlobalMessageBoxOptions, uuidV4, validateSvg_default as validateSvg, withPrompt };
|
|
3530
3468
|
|
|
3531
3469
|
//# sourceMappingURL=index.js.map
|