@linzjs/lui 21.0.1 → 21.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/assets/svg-content.tsx +10 -60
- package/dist/components/LuiResizableLayout/LuiResizableLayout.d.ts +3 -0
- package/dist/components/Splitter/Control/Control.d.ts +9 -0
- package/dist/components/Splitter/Control/ControlIcon.d.ts +7 -0
- package/dist/components/Splitter/Separator/Separator.d.ts +10 -0
- package/dist/components/Splitter/Splitter.d.ts +30 -0
- package/dist/components/Splitter/helpers/clampSeparator.d.ts +10 -0
- package/dist/components/Splitter/helpers/getKeyDownDeltaMove.d.ts +7 -0
- package/dist/components/Splitter/helpers/getSeparatorAttributes.d.ts +25 -0
- package/dist/components/Splitter/helpers/getSeparatorPosition.d.ts +7 -0
- package/dist/components/Splitter/helpers/useForkRef.d.ts +4 -0
- package/dist/components/Splitter/helpers/useMoveSeparator.d.ts +11 -0
- package/dist/components/Splitter/helpers/useShowSeparator.d.ts +7 -0
- package/dist/components/Splitter/helpers/useValueSeparator.d.ts +16 -0
- package/dist/components/Splitter/useSplitterRef.d.ts +5 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +576 -86
- package/dist/index.js.map +1 -1
- package/dist/lui.esm.js +575 -87
- package/dist/lui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -216,11 +216,8 @@ iconMap['ic_basemap_off'] = (React__default["default"].createElement("svg", { vi
|
|
|
216
216
|
React__default["default"].createElement("path", { d: "M4.174 3.16a.98.98 0 1 0-1.387 1.387l1.501 1.5A1 1 0 0 0 4 6.75V19a1 1 0 0 0 1.371.928l4.035-1.614 4.903 1.635a1 1 0 0 0 .687-.02l2.266-.907 2.193 2.193a.98.98 0 0 0 1.387-1.387L4.174 3.16Zm11.55 14.323L14.68 16.44l.174 1.391.87-.348ZM14.36 16.12 6 7.76v9.763l3.004-1.201a.973.973 0 0 1 .115-.039L9.5 14l.395 2.37 4.257 1.418.208-1.668Z" }),
|
|
217
217
|
React__default["default"].createElement("path", { d: "M18 6.477v7.765l2 2V5a1 1 0 0 0-1.371-.928l-4.035 1.613L9.69 4.051a1 1 0 0 0-.687.02l-.84.336 1.866 1.865 4.075 1.359L14.5 10l.38-2.283a.79.79 0 0 0 .116-.039L18 6.477Z" })));
|
|
218
218
|
iconMap['ic_blackwhite_greyscale'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
219
|
-
React__default["default"].createElement("g",
|
|
220
|
-
React__default["default"].createElement("path", { d: "M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10Zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07Z" }))
|
|
221
|
-
React__default["default"].createElement("defs", null,
|
|
222
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
223
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
219
|
+
React__default["default"].createElement("g", null,
|
|
220
|
+
React__default["default"].createElement("path", { d: "M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2 2 6.48 2 12s4.48 10 10 10Zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07Z" }))));
|
|
224
221
|
iconMap['ic_blocked'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
225
222
|
React__default["default"].createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2ZM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9A7.902 7.902 0 0 1 4 12Zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1A7.902 7.902 0 0 1 20 12c0 4.42-3.58 8-8 8Z" })));
|
|
226
223
|
iconMap['ic_border_color'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
@@ -228,11 +225,8 @@ iconMap['ic_border_color'] = (React__default["default"].createElement("svg", { x
|
|
|
228
225
|
iconMap['ic_cancel_clear'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
229
226
|
React__default["default"].createElement("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z" })));
|
|
230
227
|
iconMap['ic_cancel_outline'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
231
|
-
React__default["default"].createElement("g",
|
|
232
|
-
React__default["default"].createElement("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7Z" }))
|
|
233
|
-
React__default["default"].createElement("defs", null,
|
|
234
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
235
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
228
|
+
React__default["default"].createElement("g", null,
|
|
229
|
+
React__default["default"].createElement("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm3.59-13L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7Z" }))));
|
|
236
230
|
iconMap['ic_cart_view'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
237
231
|
React__default["default"].createElement("path", { d: "M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2ZM1 3c0 .55.45 1 1 1h1l3.6 7.59-1.35 2.44C4.52 15.37 5.48 17 7 17h11c.55 0 1-.45 1-1s-.45-1-1-1H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A.996.996 0 0 0 20.01 4H5.21l-.67-1.43a.993.993 0 0 0-.9-.57H2c-.55 0-1 .45-1 1Zm16 15c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2Z" })));
|
|
238
232
|
iconMap['ic_certify_and_sign'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -283,11 +277,8 @@ iconMap['ic_data_display_threshold_medium_rural'] = (React__default["default"].c
|
|
|
283
277
|
iconMap['ic_dealings'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
284
278
|
React__default["default"].createElement("path", { d: "M20 5h-3V2c0-.6-.4-1-1-1H4c-.6 0-1 .4-1 1v16c0 .6.4 1 1 1h3v3c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1ZM7 5v12H5V3h10v2H7Zm12 16H9V7h10v14Zm-1-11h-8v2h8v-2Zm-8 3h8v2h-8v-2Zm8 3h-8v2h8v-2Z" })));
|
|
285
279
|
iconMap['ic_delete_forever'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
286
|
-
React__default["default"].createElement("g",
|
|
287
|
-
React__default["default"].createElement("path", { d: "M14.12 10.47 12 12.59l-2.13-2.12-1.41 1.41L10.59 14l-2.12 2.12 1.41 1.41L12 15.41l2.12 2.12 1.41-1.41L13.41 14l2.12-2.12-1.41-1.41ZM15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5ZM6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12ZM8 9h8v10H8V9Z" }))
|
|
288
|
-
React__default["default"].createElement("defs", null,
|
|
289
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
290
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
280
|
+
React__default["default"].createElement("g", null,
|
|
281
|
+
React__default["default"].createElement("path", { d: "M14.12 10.47 12 12.59l-2.13-2.12-1.41 1.41L10.59 14l-2.12 2.12 1.41 1.41L12 15.41l2.12 2.12 1.41-1.41L13.41 14l2.12-2.12-1.41-1.41ZM15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5ZM6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12ZM8 9h8v10H8V9Z" }))));
|
|
291
282
|
iconMap['ic_delete_outline'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
292
283
|
React__default["default"].createElement("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10ZM9 9h6c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-8c0-.55.45-1 1-1Zm6.5-5-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2.5Z" })));
|
|
293
284
|
iconMap['ic_delete_solid'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -405,11 +396,8 @@ iconMap['ic_located_in_spatial'] = (React__default["default"].createElement("svg
|
|
|
405
396
|
iconMap['ic_lock'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
406
397
|
React__default["default"].createElement("path", { d: "M14 7.5h-1v-2c0-2.76-2.24-5-5-5s-5 2.24-5 5v2H2c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-10c0-1.1-.9-2-2-2Zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm3.1-9H4.9v-2c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2Z" })));
|
|
407
398
|
iconMap['ic_lock_alt'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
408
|
-
React__default["default"].createElement("g",
|
|
409
|
-
React__default["default"].createElement("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2ZM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6Zm9 14H6V10h12v10Zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Z" }))
|
|
410
|
-
React__default["default"].createElement("defs", null,
|
|
411
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
412
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
399
|
+
React__default["default"].createElement("g", null,
|
|
400
|
+
React__default["default"].createElement("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2ZM9 6c0-1.66 1.34-3 3-3s3 1.34 3 3v2H9V6Zm9 14H6V10h12v10Zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Z" }))));
|
|
413
401
|
iconMap['ic_log_out'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
414
402
|
React__default["default"].createElement("path", { d: "m17 8-1.41 1.41L17.17 11H9v2h8.17l-1.58 1.58L17 16l4-4-4-4ZM5 5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h7v-2H5V5Z" })));
|
|
415
403
|
iconMap['ic_manage_adjust'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -445,11 +433,8 @@ iconMap['ic_note_add'] = (React__default["default"].createElement("svg", { viewB
|
|
|
445
433
|
iconMap['ic_notice_of_change'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
446
434
|
React__default["default"].createElement("path", { d: "M15 2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8l-6-6ZM9.9 19.7H8.1L6.2 16c0 .6.1 1 .1 1.3v2.3H5v-5.2h1.8L8.7 18v-3.6h1.2v5.3Zm4.1-.5c-.4.4-.8.5-1.5.5-.6 0-1.1-.2-1.5-.6-.4-.4-.5-.9-.5-1.5 0-.7.2-1.2.5-1.5.4-.4.9-.5 1.5-.5.4 0 .7.1 1 .3.3.2.5.4.7.7.2.3.2.7.2 1.1.1.6-.1 1.1-.4 1.5Zm4.6-3.3c-.2-.1-.4-.2-.6-.2-.2 0-.4-.1-.6-.1-.3 0-.6.1-.8.4-.2.3-.3.6-.3 1.1 0 1 .4 1.5 1.1 1.5.2 0 .5 0 .7-.1.2-.1.4-.1.6-.2v1.2c-.4.2-.9.3-1.5.3-.8 0-1.4-.2-1.8-.7-.4-.5-.6-1.1-.6-2 0-.5.1-1 .3-1.4.2-.4.5-.7.9-.9.4-.2.8-.3 1.3-.3.6 0 1.1.1 1.6.4l-.3 1ZM19 12H5V4h9v5h5v3Zm-7.1 5.6c0 .3 0 .6.1.8.1.2.2.3.5.3.2 0 .4-.1.5-.3.1-.2.1-.4.1-.8 0-.3 0-.6-.1-.8-.1-.2-.2-.3-.5-.3-.2 0-.4.1-.5.3-.1.2-.1.5-.1.8Z" })));
|
|
447
435
|
iconMap['ic_notifications'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
|
|
448
|
-
React__default["default"].createElement("g",
|
|
449
|
-
React__default["default"].createElement("path", { d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2Zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2Zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6Z" }))
|
|
450
|
-
React__default["default"].createElement("defs", null,
|
|
451
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
452
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
436
|
+
React__default["default"].createElement("g", null,
|
|
437
|
+
React__default["default"].createElement("path", { d: "M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2Zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2Zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6Z" }))));
|
|
453
438
|
iconMap['ic_numbered_list'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
454
439
|
React__default["default"].createElement("path", { d: "M21 16h-2c-.28 0-.5.22-.5.5s.22.5.5.5h1.5v.5H20c-.28 0-.5.22-.5.5s.22.5.5.5h.5v.5H19c-.28 0-.5.22-.5.5s.22.5.5.5h2c.28 0 .5-.22.5-.5v-3c0-.28-.22-.5-.5-.5zM19 5h.5v2.5c0 .28.22.5.5.5s.5-.22.5-.5v-3c0-.28-.22-.5-.5-.5h-1c-.28 0-.5.22-.5.5s.22.5.5.5zm2.5 5.72v-.22c0-.28-.22-.5-.5-.5h-2c-.28 0-.5.22-.5.5s.22.5.5.5h1.3l-1.68 1.96a.49.49 0 0 0-.12.32v.22c0 .28.22.5.5.5h2c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-1.3l1.68-1.96a.49.49 0 0 0 .12-.32zM15.5 5h-12c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1zm0 12h-12c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1zm0-6h-12c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z" })));
|
|
455
440
|
iconMap['ic_office_building_corporate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -459,12 +444,9 @@ iconMap['ic_order_history'] = (React__default["default"].createElement("svg", {
|
|
|
459
444
|
React__default["default"].createElement("path", { d: "M6 19h4.813c.237.732.6 1.407 1.063 2H5c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v7.232a6.456 6.456 0 0 0-2-.656V5H6v14Z" }),
|
|
460
445
|
React__default["default"].createElement("path", { d: "M12 17c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5-5-2.24-5-5Zm4.64.35L18.29 19a.495.495 0 1 0 .7-.7l-1.5-1.5v-2.29c0-.28-.22-.5-.5-.5s-.5.22-.5.5V17c0 .13.06.26.15.35Z" })));
|
|
461
446
|
iconMap['ic_package'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
462
|
-
React__default["default"].createElement("g",
|
|
447
|
+
React__default["default"].createElement("g", null,
|
|
463
448
|
React__default["default"].createElement("path", { d: "M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2Zm-1 18H5V9h14v11Zm1-13H4V4h16v3Z" }),
|
|
464
|
-
React__default["default"].createElement("path", { d: "M15 12H9v2h6v-2Z" }))
|
|
465
|
-
React__default["default"].createElement("defs", null,
|
|
466
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
467
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
449
|
+
React__default["default"].createElement("path", { d: "M15 12H9v2h6v-2Z" }))));
|
|
468
450
|
iconMap['ic_parcels_existing'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
469
451
|
React__default["default"].createElement("path", { d: "M5 11h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2Zm0 10h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2Zm8-16v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2Zm2 16h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2Z" })));
|
|
470
452
|
iconMap['ic_parcels_new'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -491,11 +473,8 @@ iconMap['ic_picker'] = (React__default["default"].createElement("svg", { viewBox
|
|
|
491
473
|
iconMap['ic_placeholder'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
492
474
|
React__default["default"].createElement("circle", { cx: "12", cy: "12", r: "5" })));
|
|
493
475
|
iconMap['ic_plus_one'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
494
|
-
React__default["default"].createElement("g",
|
|
495
|
-
React__default["default"].createElement("path", { d: "M10 8H8v4H4v2h4v4h2v-4h4v-2h-4V8Zm4.5-1.92V7.9l2.5-.5V18h2V5l-4.5 1.08Z" }))
|
|
496
|
-
React__default["default"].createElement("defs", null,
|
|
497
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
498
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
476
|
+
React__default["default"].createElement("g", null,
|
|
477
|
+
React__default["default"].createElement("path", { d: "M10 8H8v4H4v2h4v4h2v-4h4v-2h-4V8Zm4.5-1.92V7.9l2.5-.5V18h2V5l-4.5 1.08Z" }))));
|
|
499
478
|
iconMap['ic_polygon_selection'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
500
479
|
React__default["default"].createElement("path", { d: "M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" }),
|
|
501
480
|
React__default["default"].createElement("path", { d: "M9.793 3.793a1 1 0 0 1 1.327-.078l.791.625-1.239 1.57-.277.11L8.98 4.605l.813-.812Zm4.046 4.617-1.584-1.25 1.24-1.57 1.583 1.25-1.24 1.57Zm-5.07-.765L7.146 9.27 5.73 7.855 7.355 6.23 8.77 7.645Zm8.236 3.265-1.583-1.25 1.24-1.57 1.583 1.25-1.24 1.57ZM5 12.125l.52-1.23L4.105 9.48l-.812.813A1 1 0 0 0 3 11v1.125h2Zm13.589.035 1.239-1.57.792.625A1 1 0 0 1 21 12v1h-2l-.411-.84ZM5 14.375v2.25H3v-2.25h2Zm0 4.5V21H4a1 1 0 0 1-1-1v-1.125h2ZM7 19h2v2H7v-2Zm4 0h2v2h-2v-2Z" })));
|
|
@@ -517,11 +496,8 @@ iconMap['ic_read_only'] = (React__default["default"].createElement("svg", { view
|
|
|
517
496
|
iconMap['ic_refresh'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
518
497
|
React__default["default"].createElement("path", { d: "M17.65 6.35a7.95 7.95 0 0 0-6.48-2.31c-3.67.37-6.69 3.35-7.1 7.02C3.52 15.91 7.27 20 12 20a7.98 7.98 0 0 0 7.21-4.56c.32-.67-.16-1.44-.9-1.44-.37 0-.72.2-.88.53a5.994 5.994 0 0 1-6.8 3.31c-2.22-.49-4.01-2.3-4.48-4.52A6.002 6.002 0 0 1 12 6c1.66 0 3.14.69 4.22 1.78l-1.51 1.51c-.63.63-.19 1.71.7 1.71H19c.55 0 1-.45 1-1V6.41c0-.89-1.08-1.34-1.71-.71l-.64.65Z" })));
|
|
519
498
|
iconMap['ic_regenerate'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
520
|
-
React__default["default"].createElement("g",
|
|
521
|
-
React__default["default"].createElement("path", { d: "M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79a.5.5 0 0 0-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6Zm5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79a.5.5 0 0 0 .85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34Z" }))
|
|
522
|
-
React__default["default"].createElement("defs", null,
|
|
523
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
524
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
499
|
+
React__default["default"].createElement("g", null,
|
|
500
|
+
React__default["default"].createElement("path", { d: "M12 6v1.79c0 .45.54.67.85.35l2.79-2.79c.2-.2.2-.51 0-.71l-2.79-2.79a.5.5 0 0 0-.85.36V4c-4.42 0-8 3.58-8 8 0 1.04.2 2.04.57 2.95.27.67 1.13.85 1.64.34.27-.27.38-.68.23-1.04C6.15 13.56 6 12.79 6 12c0-3.31 2.69-6 6-6Zm5.79 2.71c-.27.27-.38.69-.23 1.04.28.7.44 1.46.44 2.25 0 3.31-2.69 6-6 6v-1.79c0-.45-.54-.67-.85-.35l-2.79 2.79c-.2.2-.2.51 0 .71l2.79 2.79a.5.5 0 0 0 .85-.35V20c4.42 0 8-3.58 8-8 0-1.04-.2-2.04-.57-2.95-.27-.67-1.13-.85-1.64-.34Z" }))));
|
|
525
501
|
iconMap['ic_release'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
526
502
|
React__default["default"].createElement("path", { d: "M17.8 9.5h-1.5V20h-3.9l-.6 1.5h6v-12Zm-.8-7H5.8v5h1.5V4h8.3L17 2.5Zm1.8 15h2.5c.8 0 1.5-.7 1.5-1.5V9.5c0-.4-.2-.8-.4-1.1l-4.9-4.9-.8.8c-.2.2-.3.5-.3.8v.2l.6 3.2h1.8v9Zm-7-4H6.6l.7-3.2v-.2c0-.3-.1-.6-.3-.8l-.8-.8-4.9 4.9c-.3.3-.4.7-.4 1.1V21c0 .8.7 1.5 1.5 1.5H9c.6 0 1.1-.4 1.4-.9l2.3-5.3c.1-.2.1-.4.1-.5v-1.2c0-.7-.5-1.1-1-1.1Z" })));
|
|
527
503
|
iconMap['ic_remove_circle'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -533,12 +509,9 @@ iconMap['ic_request'] = (React__default["default"].createElement("svg", { viewBo
|
|
|
533
509
|
iconMap['ic_requisitions'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
534
510
|
React__default["default"].createElement("path", { d: "M4 2h16c1.1 0 1.99.9 1.99 2L22 22l-4-4H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2Zm0 14h14.83l.59.59.58.58V4H4v12Zm9-4h-2v2h2v-2Zm0-6h-2v4h2V6Z" })));
|
|
535
511
|
iconMap['ic_restore'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
536
|
-
React__default["default"].createElement("g",
|
|
512
|
+
React__default["default"].createElement("g", null,
|
|
537
513
|
React__default["default"].createElement("path", { d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6Zm4 18H6V4h7.17L18 8.83V20Z" }),
|
|
538
|
-
React__default["default"].createElement("path", { d: "m16.72 9.4-1.17 1.17a4.477 4.477 0 0 0-3.77-2.07c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5a4.51 4.51 0 0 0 4.12-2.7h-1.55a3.14 3.14 0 0 1-2.58 1.35 3.15 3.15 0 1 1 0-6.3c1.21 0 2.27.7 2.79 1.71L13.12 13h3.6V9.4Z" }))
|
|
539
|
-
React__default["default"].createElement("defs", null,
|
|
540
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
541
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
514
|
+
React__default["default"].createElement("path", { d: "m16.72 9.4-1.17 1.17a4.477 4.477 0 0 0-3.77-2.07c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5a4.51 4.51 0 0 0 4.12-2.7h-1.55a3.14 3.14 0 0 1-2.58 1.35 3.15 3.15 0 1 1 0-6.3c1.21 0 2.27.7 2.79 1.71L13.12 13h3.6V9.4Z" }))));
|
|
542
515
|
iconMap['ic_round_selection'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
543
516
|
React__default["default"].createElement("path", { d: "M21.02 17H19v-2.02c0-.54-.44-.98-.98-.98h-.03c-.55 0-.99.44-.99.98V17h-2.01c-.54 0-.98.44-.99.98v.03c0 .55.44.99.99.99H17v2.01c0 .54.44.99.99.98h.03c.54 0 .98-.44.98-.98V19h2.02c.54 0 .98-.44.98-.98v-.04c0-.54-.44-.98-.98-.98Z" }),
|
|
544
517
|
React__default["default"].createElement("path", { d: "M12.98 21.953a10.12 10.12 0 0 1-1.96 0l.193-1.991a8.1 8.1 0 0 0 1.574 0l.193 1.99Zm-3.884-.381.58-1.914a7.947 7.947 0 0 1-1.446-.6l-.945 1.763c.573.307 1.179.56 1.811.75Zm-3.44-1.842 1.27-1.545a8.062 8.062 0 0 1-1.111-1.11L4.27 18.343c.415.506.88.97 1.386 1.386Zm-2.477-3.015 1.763-.944a7.938 7.938 0 0 1-.6-1.447l-1.914.58a9.93 9.93 0 0 0 .751 1.81ZM2.047 12.98l1.991-.193a8.12 8.12 0 0 1 0-1.574l-1.99-.193a10.123 10.123 0 0 0 0 1.96Zm.381-3.884 1.914.58c.153-.505.355-.989.6-1.446l-1.763-.945a9.938 9.938 0 0 0-.75 1.811Zm1.842-3.44 1.545 1.27a8.06 8.06 0 0 1 1.11-1.111L5.657 4.27c-.506.415-.97.88-1.386 1.386Zm3.015-2.477.945 1.763a7.938 7.938 0 0 1 1.446-.6l-.58-1.914a9.938 9.938 0 0 0-1.81.751Zm3.735-1.132a10.123 10.123 0 0 1 1.96 0l-.193 1.991a8.12 8.12 0 0 0-1.574 0l-.193-1.99Zm3.884.381-.58 1.914c.505.153.989.355 1.447.6l.944-1.763a9.936 9.936 0 0 0-1.811-.75Zm3.44 1.842-1.27 1.545c.406.333.778.705 1.111 1.11l1.545-1.269a10.06 10.06 0 0 0-1.386-1.386Zm2.477 3.015-1.763.945c.245.457.447.941.6 1.446l1.914-.58a9.937 9.937 0 0 0-.751-1.81Zm1.131 3.735-1.99.193a8.1 8.1 0 0 1 0 1.574l1.99.194a10.123 10.123 0 0 0 0-1.961Z" })));
|
|
@@ -598,11 +571,8 @@ iconMap['ic_tune_setting_configure'] = (React__default["default"].createElement(
|
|
|
598
571
|
iconMap['ic_unlink'] = (React__default["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
|
|
599
572
|
React__default["default"].createElement("path", { d: "m14.39 11.065 1.61 1.61v-1.61h-1.61zm2.61-4h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.27-.77 2.37-1.87 2.84l1.4 1.4a4.986 4.986 0 0 0 2.37-4.24c0-2.76-2.24-5-5-5zM2 4.335l3.11 3.11A4.991 4.991 0 0 0 2 12.065c0 2.76 2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1 0-1.59 1.21-2.9 2.76-3.07l2.07 2.07H8v2h2.73l2.27 2.27v1.73h1.73l4.01 4.01 1.41-1.41L3.41 2.925 2 4.335z" })));
|
|
600
573
|
iconMap['ic_unlock'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
601
|
-
React__default["default"].createElement("g",
|
|
602
|
-
React__default["default"].createElement("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h2c0-1.66 1.34-3 3-3s3 1.34 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm0 12H6V10h12v10Zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Z" }))
|
|
603
|
-
React__default["default"].createElement("defs", null,
|
|
604
|
-
React__default["default"].createElement("clipPath", { id: "a" },
|
|
605
|
-
React__default["default"].createElement("path", { d: "M0 0h24v24H0z" })))));
|
|
574
|
+
React__default["default"].createElement("g", null,
|
|
575
|
+
React__default["default"].createElement("path", { d: "M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h2c0-1.66 1.34-3 3-3s3 1.34 3 3v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2Zm0 12H6V10h12v10Zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Z" }))));
|
|
606
576
|
iconMap['ic_upload'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
607
577
|
React__default["default"].createElement("path", { d: "M5 4h14v2H5V4Zm0 10h4v6h6v-6h4l-7-7-7 7Zm8-2v6h-2v-6H9.83L12 9.83 14.17 12H13Z" })));
|
|
608
578
|
iconMap['ic_vector'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -25521,8 +25491,8 @@ function styleInject(css, ref) {
|
|
|
25521
25491
|
}
|
|
25522
25492
|
}
|
|
25523
25493
|
|
|
25524
|
-
var css_248z$
|
|
25525
|
-
styleInject(css_248z$
|
|
25494
|
+
var css_248z$g = ".LuiFloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.LuiFloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindow-window {\n box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1490196078), 0px 6px 10px 0px rgba(0, 0, 0, 0.2509803922);\n position: absolute;\n background-color: #ffffff;\n top: 10%;\n left: 5%;\n display: flex;\n flex-direction: column;\n border-radius: 9px;\n}\n\n.FloatingWindow-container {\n display: flex;\n height: calc(100% - 50px);\n width: 100%;\n overflow: auto;\n}\n\n.FloatingWindow-header-element {\n flex: 0;\n}\n\n.FloatingWindow-header {\n height: 48px;\n line-height: 48px;\n color: #2a292c;\n padding: 0 8px;\n display: flex;\n overflow: hidden;\n justify-content: space-between;\n border-bottom: 2px #eaeaea solid;\n font-size: 1em;\n font-weight: 600;\n}\n\n.FloatingWindow-header-title-text {\n font-size: 1em;\n font-weight: 600;\n overflow: hidden;\n}\n\n.FloatingWindow-buttons {\n display: flex;\n align-items: center;\n}\n\n.FloatingWindow-extra-buttons-divider {\n margin-right: 4px;\n margin-left: 8px;\n margin-top: -6px;\n font-size: x-large;\n opacity: 0.7;\n}\n\n.FloatingWindowHeaderButton-button {\n padding: 0 0 0 8px;\n border: none;\n outline: none;\n border-radius: 50%;\n background-color: transparent;\n color: #6b6966;\n display: flex;\n}\n\n.FloatingWindowHeaderButton-icon {\n fill: #6b6966;\n}\n\n.floating-window-icon {\n display: inline-block;\n height: 24px;\n max-height: 24px;\n max-width: 24px;\n width: 24px;\n fill: #6b6966;\n}";
|
|
25495
|
+
styleInject(css_248z$g);
|
|
25526
25496
|
|
|
25527
25497
|
/**
|
|
25528
25498
|
* Overwrite the common buttons for floating window to
|
|
@@ -26875,7 +26845,7 @@ var PropTypes = propTypes.exports;
|
|
|
26875
26845
|
|
|
26876
26846
|
var numeric = function (value, unit) { return Number(value.slice(0, -1 * unit.length)); };
|
|
26877
26847
|
|
|
26878
|
-
var parseValue = function (value) {
|
|
26848
|
+
var parseValue$1 = function (value) {
|
|
26879
26849
|
if (value.endsWith('px'))
|
|
26880
26850
|
{ return { value: value, type: 'px', numeric: numeric(value, 'px') } }
|
|
26881
26851
|
if (value.endsWith('fr'))
|
|
@@ -26886,7 +26856,7 @@ var parseValue = function (value) {
|
|
|
26886
26856
|
return null
|
|
26887
26857
|
};
|
|
26888
26858
|
|
|
26889
|
-
var parse$3 = function (rule) { return rule.split(' ').map(parseValue); };
|
|
26859
|
+
var parse$3 = function (rule) { return rule.split(' ').map(parseValue$1); };
|
|
26890
26860
|
|
|
26891
26861
|
var getSizeAtTrack = function (index, tracks, gap, end) {
|
|
26892
26862
|
if ( gap === void 0 ) { gap = 0; }
|
|
@@ -27798,8 +27768,8 @@ ReactSplitGrid.defaultProps = {
|
|
|
27798
27768
|
onDrag: undefined,
|
|
27799
27769
|
};
|
|
27800
27770
|
|
|
27801
|
-
var css_248z$
|
|
27802
|
-
styleInject(css_248z$
|
|
27771
|
+
var css_248z$f = ".LuiResizableLayout-leftPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-rightPanel {\n display: flex;\n flex-direction: column;\n /* this overflow and the one below (LuiResizableLayout-leftPanelBody) are need to make only\n the search result div scroll (instead of the whole page) */\n overflow: auto;\n}\n\n.LuiResizableLayout-leftPanelBody {\n overflow-y: auto;\n}\n\n.LuiResizableLayout-gutterParentControl {\n display: flex;\n /* use visibility and opacity instead of display: none as we want to be able to fade in on hover */\n visibility: hidden;\n opacity: 0;\n position: fixed;\n top: 50%;\n z-index: 500;\n margin-left: -30px; /*half total control width, minus half the gutter width*/\n transition: 0.3s all 2s ease-in;\n}\n\n.LuiResizableLayout-gutterControlLeft, .LuiResizableLayout-gutterControlRight {\n background-color: #eaeaea;\n width: 32px;\n height: 80px;\n text-align: center;\n display: flex;\n align-items: center;\n}\n\n.LuiResizableLayout-gutterControlLeft {\n border-radius: 3px 0 0 3px;\n}\n\n.LuiResizableLayout-gutterControlRight {\n border-radius: 0 3px 3px 0;\n}\n\n.LuiResizableLayout-gutterControlLeft > .LuiIcon, .LuiResizableLayout-gutterControlRight > .LuiIcon {\n height: auto;\n}\n\n.LuiResizableLayout-gutterControlLeft:hover, .LuiResizableLayout-gutterControlRight:hover {\n background-color: #73c8e1;\n cursor: pointer;\n}\n\n.LuiResizableLayout-gutterControl-collapsed {\n visibility: hidden;\n}\n\n/* TODO: move the expand gutter button so it doesn't show over the scroll bar */\n.LuiResizableLayout-gutterParentControlVisible {\n visibility: visible;\n opacity: 1;\n}\n\n.LuiResizableLayout-grid {\n display: grid;\n height: 100%;\n}\n\n.LuiResizableLayout-gutterCol {\n grid-row: 1/-1;\n cursor: col-resize;\n width: 16px;\n z-index: 1;\n}\n\n.LuiResizableLayout-gutterCol-collapsed {\n width: 4px;\n}\n\n.LuiResizableLayout-gutterCol1 {\n grid-column: 2;\n}\n\n.LuiResizableLayout-gutterCol:hover > .LuiResizableLayout-gutterParentControl {\n visibility: visible;\n opacity: 1;\n transition: 0s all 0s ease-in;\n}\n\n.LuiResizableLayout-gutterSlider {\n width: 4px;\n height: 100%;\n background-color: #eaeaea;\n pointer-events: none;\n}\n\n.LuiResizableLayout-gutterCol:hover .LuiResizableLayout-gutterSlider, .LuiResizableLayout-gutterCol:active .LuiResizableLayout-gutterSlider {\n background-color: #73c8e1;\n}";
|
|
27772
|
+
styleInject(css_248z$f);
|
|
27803
27773
|
|
|
27804
27774
|
var GutterComponent = function (props) {
|
|
27805
27775
|
var leftIcon = (React__default["default"].createElement(LuiIcon, { name: "ic_double_arrow_left", alt: "", status: "interactive" }));
|
|
@@ -27826,6 +27796,9 @@ exports.SplitPanelState = void 0;
|
|
|
27826
27796
|
SplitPanelState[SplitPanelState["CLOSED_LEFT"] = 1] = "CLOSED_LEFT";
|
|
27827
27797
|
SplitPanelState[SplitPanelState["CLOSED_RIGHT"] = 2] = "CLOSED_RIGHT";
|
|
27828
27798
|
})(exports.SplitPanelState || (exports.SplitPanelState = {}));
|
|
27799
|
+
/**
|
|
27800
|
+
* @deprecated replaced by Splitter
|
|
27801
|
+
*/
|
|
27829
27802
|
var LuiResizableLayout = function (props) {
|
|
27830
27803
|
var givenLeftRef = props.givenLeftRef, givenRightRef = props.givenRightRef, givenGridTemplateColumns = props.givenGridTemplateColumns, givenColumnMinSizes = props.givenColumnMinSizes, givenColumnSnapOffset = props.givenColumnSnapOffset, callbackOnClickLeftArrowButton = props.callbackOnClickLeftArrowButton, callbackOnClickRightArrowButton = props.callbackOnClickRightArrowButton, callbackOnDraging = props.callbackOnDraging;
|
|
27831
27804
|
var _a = React.useState(givenGridTemplateColumns ? givenGridTemplateColumns : '1fr 4px 1fr'), gridTemplateColumns = _a[0], setGridTemplateColumns = _a[1];
|
|
@@ -28095,8 +28068,8 @@ var LuiTabsPanelSwitch = function (props) {
|
|
|
28095
28068
|
} }, props.children));
|
|
28096
28069
|
};
|
|
28097
28070
|
|
|
28098
|
-
var css_248z$
|
|
28099
|
-
styleInject(css_248z$
|
|
28071
|
+
var css_248z$e = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiError {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: 600;\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.5rem;\n color: #2a292c;\n}\n.LuiError-errorIcon {\n vertical-align: middle;\n display: inline-block;\n}\n.LuiError-errorText {\n margin-left: 0.5rem;\n}";
|
|
28072
|
+
styleInject(css_248z$e);
|
|
28100
28073
|
|
|
28101
28074
|
var LuiError = function (_a) {
|
|
28102
28075
|
var error = _a.error, className = _a.className;
|
|
@@ -28453,8 +28426,8 @@ var LuiDateInput = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
28453
28426
|
return React__default["default"].createElement(LuiTextInput, __assign({}, mapped, { ref: ref }));
|
|
28454
28427
|
});
|
|
28455
28428
|
|
|
28456
|
-
var css_248z$
|
|
28457
|
-
styleInject(css_248z$
|
|
28429
|
+
var css_248z$d = ".LuiTextInput.money input {\n background-image: url(\"data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'> <text x='4' y='31' font-size='15' font-family='Open Sans, system-ui, sans-seri' text-anchor='middle'>$</text> </svg>\");\n background-position: 10px center;\n background-repeat: no-repeat;\n padding-left: 22px;\n line-height: unset;\n}";
|
|
28430
|
+
styleInject(css_248z$d);
|
|
28458
28431
|
|
|
28459
28432
|
var MoneyParser = /** @class */ (function () {
|
|
28460
28433
|
function MoneyParser(init, options) {
|
|
@@ -32849,7 +32822,7 @@ var css$1 = function css(_ref) {
|
|
|
32849
32822
|
};
|
|
32850
32823
|
};
|
|
32851
32824
|
|
|
32852
|
-
var Control = function Control(props) {
|
|
32825
|
+
var Control$1 = function Control(props) {
|
|
32853
32826
|
var children = props.children,
|
|
32854
32827
|
cx = props.cx,
|
|
32855
32828
|
getStyles = props.getStyles,
|
|
@@ -33235,7 +33208,7 @@ var SingleValue = function SingleValue(props) {
|
|
|
33235
33208
|
|
|
33236
33209
|
var components = {
|
|
33237
33210
|
ClearIndicator: ClearIndicator,
|
|
33238
|
-
Control: Control,
|
|
33211
|
+
Control: Control$1,
|
|
33239
33212
|
DropdownIndicator: DropdownIndicator,
|
|
33240
33213
|
DownChevron: DownChevron,
|
|
33241
33214
|
CrossIcon: CrossIcon,
|
|
@@ -39620,8 +39593,8 @@ function isChromatic() {
|
|
|
39620
39593
|
(window === null || window === void 0 ? void 0 : window.location.href.match(/chromatic=true/)));
|
|
39621
39594
|
}
|
|
39622
39595
|
|
|
39623
|
-
var css_248z$
|
|
39624
|
-
styleInject(css_248z$
|
|
39596
|
+
var css_248z$c = ":export {\n charcoal: #2a292c;\n fuscous: #6b6966;\n gray: #989189;\n silver: #beb9b4;\n lily: #eaeaea;\n dew: #DAD7D6;\n hint: #f9f9f9;\n snow: #ffffff;\n white: #ffffff;\n teal: #00425d;\n sea: #007198;\n electric: #0096cc;\n spray: #73c8e1;\n polar: #e2f3f7;\n memesia: #1F69C3;\n sherpa: #004b50;\n surfie: #017a76;\n persian: #00a599;\n downy: #73cdc8;\n iceberg: #dcf5f0;\n sacramento: #004e32;\n salem: #08814d;\n pigment: #0aa245;\n granny: #9bd79b;\n panache: #e9fae7;\n brand-primary: #004b50;\n brand-secondary: #017a76;\n engine: #cc0000;\n carrot: #EA6A2E;\n kendall: #F5CCCC;\n elizabeth: #FBDED0;\n andrea: #3A7CDF;\n celestial: #D7E5F9;\n golf: #0AA345;\n error: #cc0000;\n error-bg: #F5CCCC;\n error-focus: #5a0000;\n warning: #EA6A2E;\n warning-bg: #fbdfd2;\n warning-focus: #b33a01;\n success: #0aa245;\n success-bg: #e9fae7;\n info: #3A7CDF;\n info-bg: #d8e5f9;\n visited: #00425d;\n green-hover: #107c3a;\n green-active: #094a22;\n green-btn: #0aa245;\n txt-link: #1F69C3;\n primary-hover-btn: #005678;\n selection: #c7e9f3;\n heading-color: #017a76;\n heading-color--secondary: #2a292c;\n base-type-color: #2a292c;\n input-text: #2a292c;\n input-placeholder: #6b6966;\n input-placeholder-when-disabled: #989189;\n base-icon-color: #007198;\n disabled-color: #989189;\n disabled-color-dark: #6b6966;\n linz-color-primary: #023d48;\n linz-color-primary-hover: #01818a;\n linz-color-tertiary: #e1e44a;\n linz-color-tertiary-hover: #cdcf59;\n color-test-pink: #f09;\n linz-linear-gradient-blue: linear-gradient(70deg, #00425d 12%, #007198 100%);\n linz-linear-gradient-teal: linear-gradient(270deg, #00a599 1%, #73cdc8 100%);\n}";
|
|
39597
|
+
styleInject(css_248z$c);
|
|
39625
39598
|
|
|
39626
39599
|
var _excluded = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"];
|
|
39627
39600
|
|
|
@@ -39742,13 +39715,13 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
39742
39715
|
// box-shadow: "-8px 0px 0 0 #cc0000";
|
|
39743
39716
|
// border-radius: "4px";
|
|
39744
39717
|
var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
|
|
39745
|
-
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$
|
|
39718
|
+
var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: css_248z$c['sea'], primary75: css_248z$c['electric'], primary50: css_248z$c['spray'], primary25: css_248z$c['polar'], neutral90: css_248z$c['charcoal'], neutral80: css_248z$c['charcoal'], neutral70: css_248z$c['charcoal'], neutral60: css_248z$c['fuscous'], neutral50: css_248z$c['fuscous'], neutral40: css_248z$c['gray'], neutral30: css_248z$c['gray'], neutral20: css_248z$c['silver'], neutral10: css_248z$c['lily'], neutral5: css_248z$c['hint'], danger: css_248z$c['error'], dangerLight: css_248z$c['error-bg'] }) })); }, styles: {
|
|
39746
39719
|
control: function (provided, state) { return (__assign(__assign({}, provided), {
|
|
39747
39720
|
/* matches style of .LuiTextInput-input */
|
|
39748
39721
|
boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {
|
|
39749
39722
|
borderColor: '#053d52'
|
|
39750
39723
|
} })); },
|
|
39751
|
-
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$
|
|
39724
|
+
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { color: css_248z$c['fuscous'] })); },
|
|
39752
39725
|
indicatorSeparator: function (provided) { return (__assign(__assign({}, provided), { width: 0 })); },
|
|
39753
39726
|
input: function (provided) { return (__assign(__assign({}, provided), { height: '40px', minHeight: '40px', fontWeight: 400, input: {
|
|
39754
39727
|
height: '38px !important'
|
|
@@ -39756,10 +39729,10 @@ function LuiComboSelectActual(givenProps, ref) {
|
|
|
39756
39729
|
singleValue: function (provided) { return (__assign(__assign({}, provided), { color: '#414042', fontWeight: 400 })); },
|
|
39757
39730
|
placeholder: function (provided) { return (__assign(__assign({}, provided), {
|
|
39758
39731
|
/* please keep this in sync with FormVars.scss/mixin.formPlaceholder */
|
|
39759
|
-
fontWeight: 'normal', fontStyle: 'italic', color: css_248z$
|
|
39732
|
+
fontWeight: 'normal', fontStyle: 'italic', color: css_248z$c['input-placeholder'] })); },
|
|
39760
39733
|
option: function (provided, _a) {
|
|
39761
39734
|
var isSelected = _a.isSelected;
|
|
39762
|
-
return (__assign(__assign({}, provided), { color: css_248z$
|
|
39735
|
+
return (__assign(__assign({}, provided), { color: css_248z$c['input-text'], backgroundColor: isSelected ? css_248z$c['selection'] : css_248z$c['white'] }));
|
|
39763
39736
|
}
|
|
39764
39737
|
} });
|
|
39765
39738
|
return (React__default["default"].createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
|
|
@@ -42139,8 +42112,8 @@ var LuiModalHeader = function (props) {
|
|
|
42139
42112
|
React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: "Help", size: "lg" }))))))));
|
|
42140
42113
|
};
|
|
42141
42114
|
|
|
42142
|
-
var css_248z$
|
|
42143
|
-
styleInject(css_248z$
|
|
42115
|
+
var css_248z$b = "@keyframes react-loading-skeleton {\n 100% {\n transform: translateX(100%);\n }\n}\n\n.react-loading-skeleton {\n --base-color: #ebebeb;\n --highlight-color: #f5f5f5;\n --animation-duration: 1.5s;\n --animation-direction: normal;\n --pseudo-element-display: block; /* Enable animation */\n\n background-color: var(--base-color);\n\n width: 100%;\n border-radius: 0.25rem;\n display: inline-flex;\n line-height: 1;\n\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */\n}\n\n.react-loading-skeleton::after {\n content: ' ';\n display: var(--pseudo-element-display);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--base-color),\n var(--highlight-color),\n var(--base-color)\n );\n transform: translateX(-100%);\n\n animation-name: react-loading-skeleton;\n animation-direction: var(--animation-direction);\n animation-duration: var(--animation-duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@media (prefers-reduced-motion) {\n .react-loading-skeleton {\n --pseudo-element-display: none; /* Disable animation */\n }\n}\n";
|
|
42116
|
+
styleInject(css_248z$b);
|
|
42144
42117
|
|
|
42145
42118
|
/**
|
|
42146
42119
|
* @internal
|
|
@@ -46791,8 +46764,8 @@ var LuiSidePanelProvider = function (_a) {
|
|
|
46791
46764
|
React__default["default"].createElement(LuiSidePanelContainer, __assign({}, props))));
|
|
46792
46765
|
};
|
|
46793
46766
|
|
|
46794
|
-
var css_248z$
|
|
46795
|
-
styleInject(css_248z$
|
|
46767
|
+
var css_248z$a = ".lui-switch-checkbox {\n height: 0;\n width: 0;\n visibility: hidden;\n}\n\n.lui-switch-label {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n width: 40px;\n height: 20px;\n background: grey;\n border-radius: 40px;\n position: relative;\n transition: background-color 0.2s;\n}\n\n.lui-switch-label .lui-switch-button {\n content: \"\";\n position: absolute;\n top: 2px;\n left: 2px;\n width: 18px;\n height: 16px;\n border-radius: 18px;\n transition: 0.2s;\n background: #fff;\n box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);\n}\n\n.lui-switch-checkbox:checked + .lui-switch-label .lui-switch-button {\n left: calc(100% - 2px);\n transform: translateX(-100%);\n}\n\n.lui-switch-label:active .lui-switch-button {\n width: 20px;\n}";
|
|
46768
|
+
styleInject(css_248z$a);
|
|
46796
46769
|
|
|
46797
46770
|
var LuiSwitchButton = function (props) {
|
|
46798
46771
|
var generatedId = useGenerateOrDefaultId();
|
|
@@ -54423,8 +54396,8 @@ var LuiAccordicardStatic = function (props) {
|
|
|
54423
54396
|
React__default["default"].createElement(LuiIcon, { className: clsx('LuiAccordicardStatic-chevron', isOpen ? 'LuiAccordicardStatic-chevron--isOpen' : null), name: 'ic_expand_more', alt: "expand", title: "Expand and collapse panel", size: "md" }))));
|
|
54424
54397
|
};
|
|
54425
54398
|
|
|
54426
|
-
var css_248z$
|
|
54427
|
-
styleInject(css_248z$
|
|
54399
|
+
var css_248z$9 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.lui-accordion {\n padding: 8px;\n display: flex;\n border-radius: 5px;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n.lui-accordion .chevron {\n transition: all 0.3s ease-in-out;\n transform: rotate(0);\n}\n.lui-accordion .chevron--isOpen {\n transform: rotate(180deg);\n}\n.lui-accordion .accordion-heading {\n padding: 4px;\n}\n.lui-accordion h4 {\n padding: 4px;\n}\n.lui-accordion > summary {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.lui-accordion > summary h4 {\n margin-top: 0;\n display: inline-block;\n}";
|
|
54400
|
+
styleInject(css_248z$9);
|
|
54428
54401
|
|
|
54429
54402
|
var LuiAccordion = function (props) {
|
|
54430
54403
|
var _a = props.expanded, expanded = _a === void 0 ? false : _a, heading = props.heading, children = props.children, _b = props.iconColor, iconColor = _b === void 0 ? '#017A76' : _b, className = props.className, _c = props.style, style = _c === void 0 ? {} : _c;
|
|
@@ -54535,8 +54508,8 @@ var LuiMultiSwitch = function (_a) {
|
|
|
54535
54508
|
React__default["default"].createElement("div", { className: clsx('LuiMultiSwitch-labels', disabled && 'LuiMultiSwitch-disabled') }, options === null || options === void 0 ? void 0 : options.map(function (option, i) { return (React__default["default"].createElement("label", { role: 'radio', key: i, htmlFor: id.current, "aria-disabled": option.disabled || disabled, "aria-checked": selectedIndex === i, className: option.className, onClick: function () { return select(i); }, onTouchStart: function () { return select(i); } }, option.text)); }))));
|
|
54536
54509
|
};
|
|
54537
54510
|
|
|
54538
|
-
var css_248z$
|
|
54539
|
-
styleInject(css_248z$
|
|
54511
|
+
var css_248z$8 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.LuiListBox {\n padding: 0;\n list-style: none;\n}\n.LuiListBox .LuiListBoxItem {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n user-select: none;\n color: #2a292c;\n line-height: 24px;\n outline: none;\n padding: 0.5rem 0.75rem;\n border: 2px solid transparent;\n}\n.LuiListBox .LuiListBoxItem:focus-visible {\n border-color: #007198;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-selected {\n background: #e2f3f7;\n}\n.LuiListBox .LuiListBoxItem:hover, .LuiListBox .LuiListBoxItem.LuiListBoxItem-selected:hover {\n background: #d6eef4;\n}\n.LuiListBox .LuiListBoxItem.LuiListBoxItem-disabled {\n background: #eaeaea;\n}\n.LuiListBox .LuiListBox-emptyIndicator, .LuiListBox .LuiListBox-loadingIndicator {\n padding: 0.5rem 0.75rem;\n}\n.LuiListBox .LuiListBoxGroup .LuiListBoxGroup-heading {\n font-family: \"Open Sans\", system-ui, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n user-select: none;\n color: #6b6966;\n line-height: 16px;\n padding: 0.5rem 0.5rem;\n}";
|
|
54512
|
+
styleInject(css_248z$8);
|
|
54540
54513
|
|
|
54541
54514
|
function $c1d7fb2ec91bae71$var$Item(props) {
|
|
54542
54515
|
return null;
|
|
@@ -58036,16 +58009,16 @@ function DefaultEmptyIndicator() {
|
|
|
58036
58009
|
return React__default["default"].createElement("li", { className: "LuiListBox-emptyIndicator" }, "Nothing to Display");
|
|
58037
58010
|
}
|
|
58038
58011
|
|
|
58039
|
-
var css_248z$
|
|
58040
|
-
styleInject(css_248z$
|
|
58012
|
+
var css_248z$7 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.RadioItemRenderer {\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 0 0 2rem;\n}\n.RadioItemRenderer::before {\n content: \"\";\n height: 1.5rem;\n min-width: 1.5rem;\n width: 1.5rem;\n border: 2px solid #007198;\n border-radius: 50%;\n background-color: transparent;\n position: absolute;\n left: 0;\n top: 0;\n margin-right: 0.75rem;\n}\n.RadioItemRenderer:after {\n content: \"\";\n position: absolute;\n left: 5px;\n top: 5px;\n background-color: #007198;\n height: 14px;\n min-width: 14px;\n width: 14px;\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n}\n.RadioItemRenderer-isSelected:after {\n opacity: 1;\n}";
|
|
58013
|
+
styleInject(css_248z$7);
|
|
58041
58014
|
|
|
58042
58015
|
function RadioItemRenderer(_a) {
|
|
58043
58016
|
var item = _a.item, isSelected = _a.isSelected;
|
|
58044
58017
|
return (React__default["default"].createElement("div", { className: "RadioItemRenderer ".concat(isSelected ? 'RadioItemRenderer-isSelected' : '') }, item.label));
|
|
58045
58018
|
}
|
|
58046
58019
|
|
|
58047
|
-
var css_248z$
|
|
58048
|
-
styleInject(css_248z$
|
|
58020
|
+
var css_248z$6 = ".CheckboxRenderer {\n display: flex;\n align-items: center;\n}";
|
|
58021
|
+
styleInject(css_248z$6);
|
|
58049
58022
|
|
|
58050
58023
|
function CheckboxItemRenderer(_a) {
|
|
58051
58024
|
var item = _a.item, isSelected = _a.isSelected;
|
|
@@ -58069,8 +58042,8 @@ function LuiSideMenuItem(_a) {
|
|
|
58069
58042
|
React__default["default"].createElement("span", { className: "navText" }, label))));
|
|
58070
58043
|
}
|
|
58071
58044
|
|
|
58072
|
-
var css_248z$
|
|
58073
|
-
styleInject(css_248z$
|
|
58045
|
+
var css_248z$5 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n@keyframes animate-stripes {\n 100% {\n background-position: 100px 0;\n }\n}\n.ProgressBar, .ProgressBar-PROC, .ProgressBar-COMP, .ProgressBar-FAIL {\n height: 5px;\n width: 100%;\n background-color: #eaeaea;\n border-radius: 3px;\n}\n.ProgressBar-FAIL {\n background-color: #cc0000;\n}\n.ProgressBar-COMP {\n background-color: #0aa245;\n}\n.ProgressBar-PROC {\n background-color: #0096cc;\n transition: width 0.3s ease-in-out;\n}\n.ProgressBar-PROC.indeterminate {\n background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.75) 75%, transparent 75%);\n background-size: 50px 100%;\n animation: animate-stripes 5s linear infinite;\n}";
|
|
58046
|
+
styleInject(css_248z$5);
|
|
58074
58047
|
|
|
58075
58048
|
var LuiProgressBar = function (_a) {
|
|
58076
58049
|
var value = _a.value, max = _a.max, error = _a.error, _b = _a.barHeight, barHeight = _b === void 0 ? '5px' : _b;
|
|
@@ -58098,8 +58071,8 @@ var LuiProgressBar = function (_a) {
|
|
|
58098
58071
|
React__default["default"].createElement("div", { "data-testid": 'progress-bar-size', className: clsx("ProgressBar-".concat(status), { indeterminate: indeterminate }), style: { width: "".concat(percentage, "%"), height: barHeight } })));
|
|
58099
58072
|
};
|
|
58100
58073
|
|
|
58101
|
-
var css_248z$
|
|
58102
|
-
styleInject(css_248z$
|
|
58074
|
+
var css_248z$4 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Toolbar {\n position: absolute;\n align-items: center;\n align-self: center;\n background: #ffffff;\n border-radius: 5px;\n display: flex;\n flex-direction: column;\n height: fit-content;\n margin: 0 0.75rem;\n padding: 0;\n width: fit-content;\n z-index: 1000;\n box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2509803922), 0px 0px 3px 0px rgba(0, 0, 0, 0.1490196078);\n}\n\n.Left {\n justify-self: start;\n}\n\n.Right {\n justify-self: end;\n}";
|
|
58075
|
+
styleInject(css_248z$4);
|
|
58103
58076
|
|
|
58104
58077
|
exports.ToolbarDirection = void 0;
|
|
58105
58078
|
(function (ToolbarDirection) {
|
|
@@ -58121,8 +58094,8 @@ var ToolbarIcon = function (_a) {
|
|
|
58121
58094
|
return iconImage ? (React__default["default"].createElement("img", { className: "LuiIcon--lg", alt: iconName, src: iconImage })) : (React__default["default"].createElement(LuiIcon, { name: iconName, alt: iconName, size: 'md' }));
|
|
58122
58095
|
};
|
|
58123
58096
|
|
|
58124
|
-
var css_248z = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToolbarButton {\n height: 40px;\n width: 40px;\n line-height: 12px;\n margin: 2px;\n padding: 0.25rem;\n}\n\n.ToolbarButton-placement {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ToolbarButton img {\n border-radius: 3px;\n margin: -0.25rem;\n}\n\n.ToolbarButton,\n.ToolbarButton:hover,\n.ToolbarButton:disabled,\n.ToolbarButton:active:enabled {\n border-radius: 5px;\n border: 2px #ffffff solid !important;\n}\n\n.ToolbarItem-separator {\n height: 2px;\n background-color: #eaeaea;\n width: 100%;\n}";
|
|
58125
|
-
styleInject(css_248z);
|
|
58097
|
+
var css_248z$3 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.ToolbarButton {\n height: 40px;\n width: 40px;\n line-height: 12px;\n margin: 2px;\n padding: 0.25rem;\n}\n\n.ToolbarButton-placement {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ToolbarButton img {\n border-radius: 3px;\n margin: -0.25rem;\n}\n\n.ToolbarButton,\n.ToolbarButton:hover,\n.ToolbarButton:disabled,\n.ToolbarButton:active:enabled {\n border-radius: 5px;\n border: 2px #ffffff solid !important;\n}\n\n.ToolbarItem-separator {\n height: 2px;\n background-color: #eaeaea;\n width: 100%;\n}";
|
|
58098
|
+
styleInject(css_248z$3);
|
|
58126
58099
|
|
|
58127
58100
|
/**
|
|
58128
58101
|
* Create button for using either LuiIcon or Image.
|
|
@@ -58190,6 +58163,521 @@ var LuiCounter = React__default["default"].forwardRef(function (props, ref) {
|
|
|
58190
58163
|
return (React__default["default"].createElement("div", __assign({ ref: ref, className: clsx(selectedNum === 0 ? 'LuiCounter-zero' : 'LuiCounter-non-zero', className), title: title !== null && title !== void 0 ? title : "".concat(selectedNum, " of ").concat(totalNum, " rows selected") }, rest), selectedNum.toLocaleString()));
|
|
58191
58164
|
});
|
|
58192
58165
|
|
|
58166
|
+
var css_248z$2 = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Separator {\n background-color: #eaeaea;\n position: absolute;\n display: flex;\n justify-content: space-around;\n transition-property: background-color;\n transition-delay: 750ms;\n transition-duration: 300ms;\n}\n.Separator-arrows {\n align-self: center;\n position: relative;\n opacity: 0;\n transition-property: opacity;\n transition-delay: 750ms;\n transition-duration: 300ms;\n}\n.Separator:focus-within, .Separator:hover, .Separator:focus, .Separator:active {\n background-color: #73c8e1;\n transition-delay: 0ms;\n transition-duration: 0ms;\n}\n.Separator:focus-within .Separator-arrows, .Separator:hover .Separator-arrows, .Separator:focus .Separator-arrows, .Separator:active .Separator-arrows {\n opacity: 1;\n transition-delay: 0ms;\n transition-duration: 0ms;\n display: inline-block;\n}";
|
|
58167
|
+
styleInject(css_248z$2);
|
|
58168
|
+
|
|
58169
|
+
var css_248z$1 = ".Control {\n transition: opacity 0.2s ease;\n position: absolute;\n margin-left: 0 !important;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}";
|
|
58170
|
+
styleInject(css_248z$1);
|
|
58171
|
+
|
|
58172
|
+
var useForkRef = function (forwardedRef) {
|
|
58173
|
+
var localRef = React.useRef(null);
|
|
58174
|
+
return forwardedRef || localRef;
|
|
58175
|
+
};
|
|
58176
|
+
|
|
58177
|
+
/**
|
|
58178
|
+
* Given a ref/element if finds the Separator and returns the most useful attributes
|
|
58179
|
+
*/
|
|
58180
|
+
var getSeparatorAttributes = function (props) {
|
|
58181
|
+
var _a, _b, _c;
|
|
58182
|
+
return getValues((props.child
|
|
58183
|
+
? (_a = props.child) === null || _a === void 0 ? void 0 : _a.closest('[role="separator"]')
|
|
58184
|
+
: (_b = props.separator) !== null && _b !== void 0 ? _b : (_c = props.ref) === null || _c === void 0 ? void 0 : _c.current));
|
|
58185
|
+
};
|
|
58186
|
+
var getValues = function (el) {
|
|
58187
|
+
return {
|
|
58188
|
+
valueNow: parseValue(el === null || el === void 0 ? void 0 : el.getAttribute('aria-valuenow')),
|
|
58189
|
+
valueMin: parseValue(el === null || el === void 0 ? void 0 : el.getAttribute('aria-valuemin')),
|
|
58190
|
+
valueMax: parseValue(el === null || el === void 0 ? void 0 : el.getAttribute('aria-valuemax')),
|
|
58191
|
+
orientation: parseOrientation(el === null || el === void 0 ? void 0 : el.getAttribute('aria-orientation')),
|
|
58192
|
+
thickness: getSeparatorThickness(el)
|
|
58193
|
+
};
|
|
58194
|
+
};
|
|
58195
|
+
var parseValue = function (val) {
|
|
58196
|
+
var parsed = parseFloat(val !== null && val !== void 0 ? val : '');
|
|
58197
|
+
return isNaN(parsed) ? 0 : parsed;
|
|
58198
|
+
};
|
|
58199
|
+
var parseOrientation = function (val) {
|
|
58200
|
+
return val === 'horizontal' || val === 'vertical' ? val : undefined;
|
|
58201
|
+
};
|
|
58202
|
+
/**
|
|
58203
|
+
* Gets the separator width based on the splitter column gap.
|
|
58204
|
+
*/
|
|
58205
|
+
var getSeparatorThickness = function (separator) {
|
|
58206
|
+
var initialGap = 4;
|
|
58207
|
+
var splitter = separator === null || separator === void 0 ? void 0 : separator.parentElement;
|
|
58208
|
+
if (!splitter) {
|
|
58209
|
+
return initialGap;
|
|
58210
|
+
}
|
|
58211
|
+
var property = (separator === null || separator === void 0 ? void 0 : separator.getAttribute('aria-orientation')) === 'horizontal'
|
|
58212
|
+
? 'row-gap'
|
|
58213
|
+
: 'column-gap';
|
|
58214
|
+
var parsed = parseFloat(getComputedStyle(splitter).getPropertyValue(property) || '');
|
|
58215
|
+
return isNaN(parsed) ? initialGap : parsed;
|
|
58216
|
+
};
|
|
58217
|
+
|
|
58218
|
+
var ControlIcon = function (_a) {
|
|
58219
|
+
var parent = _a.parent, side = _a.side;
|
|
58220
|
+
var _b = React.useState(), attributes = _b[0], setAttributes = _b[1];
|
|
58221
|
+
React.useEffect(function () {
|
|
58222
|
+
var _a;
|
|
58223
|
+
var separator = (_a = parent.current) === null || _a === void 0 ? void 0 : _a.closest('[role="separator"]');
|
|
58224
|
+
var callback = function () { return setAttributes(getIconAndText(side, separator)); };
|
|
58225
|
+
callback();
|
|
58226
|
+
var observer = new MutationObserver(callback);
|
|
58227
|
+
observer.observe(separator, { attributeFilter: ['aria-valuenow'] });
|
|
58228
|
+
return function () { return observer.disconnect(); };
|
|
58229
|
+
}, [parent, side]);
|
|
58230
|
+
return attributes ? React__default["default"].createElement(LuiIcon, __assign({ size: "sm" }, attributes)) : null;
|
|
58231
|
+
};
|
|
58232
|
+
var getIconAndText = function (side, separator) {
|
|
58233
|
+
var _a = getSeparatorAttributes({ separator: separator }), valueNow = _a.valueNow, orientation = _a.orientation;
|
|
58234
|
+
var name = '';
|
|
58235
|
+
var alt = '';
|
|
58236
|
+
if (valueNow !== undefined) {
|
|
58237
|
+
if (side === 'primary') {
|
|
58238
|
+
var double = orientation === 'vertical'
|
|
58239
|
+
? 'ic_double_arrow_left'
|
|
58240
|
+
: 'ic_keyboard_arrow_up'; // No double icon available
|
|
58241
|
+
var single = orientation === 'vertical'
|
|
58242
|
+
? 'ic_keyboard_arrow_left'
|
|
58243
|
+
: 'ic_keyboard_arrow_up';
|
|
58244
|
+
name = valueNow !== 100 ? double : single;
|
|
58245
|
+
alt =
|
|
58246
|
+
valueNow !== 100 ? 'Collapse primary panel' : 'Restore primary panel';
|
|
58247
|
+
}
|
|
58248
|
+
else {
|
|
58249
|
+
var double = orientation === 'vertical'
|
|
58250
|
+
? 'ic_double_arrow_right'
|
|
58251
|
+
: 'ic_keyboard_arrow_down'; // No double icon available
|
|
58252
|
+
var single = orientation === 'vertical'
|
|
58253
|
+
? 'ic_keyboard_arrow_right'
|
|
58254
|
+
: 'ic_keyboard_arrow_down';
|
|
58255
|
+
name = valueNow !== 0 ? double : single;
|
|
58256
|
+
alt =
|
|
58257
|
+
valueNow !== 0 ? 'Collapse secondary panel' : 'Restore secondary panel';
|
|
58258
|
+
}
|
|
58259
|
+
}
|
|
58260
|
+
return { name: name, alt: alt };
|
|
58261
|
+
};
|
|
58262
|
+
|
|
58263
|
+
var squareButtonSide = 25;
|
|
58264
|
+
var Control = React.forwardRef(function (props, forwardRef) {
|
|
58265
|
+
var side = props.side, rest = __rest(props, ["side"]);
|
|
58266
|
+
var ref = useForkRef(forwardRef);
|
|
58267
|
+
React.useEffect(function () {
|
|
58268
|
+
var callback = function () {
|
|
58269
|
+
var control = ref.current;
|
|
58270
|
+
var _a = getButtonProps(ref, side), hide = _a.hide, offset = _a.offset, orientation = _a.orientation;
|
|
58271
|
+
var vertical = orientation === 'vertical';
|
|
58272
|
+
control.style.left = vertical ? "".concat(offset, "px") : '50%';
|
|
58273
|
+
control.style.transform = "translate".concat(vertical ? 'Y' : 'X', "(-50%)");
|
|
58274
|
+
control.style.top = vertical ? '50%' : "".concat(offset, "px");
|
|
58275
|
+
control.style.opacity = "".concat(hide ? 0 : 1);
|
|
58276
|
+
control.style.pointerEvents = hide ? 'none' : '';
|
|
58277
|
+
control.tabIndex = hide ? -1 : 0;
|
|
58278
|
+
};
|
|
58279
|
+
var separator = ref.current.closest('[role="separator"]');
|
|
58280
|
+
callback();
|
|
58281
|
+
var observer = new MutationObserver(callback);
|
|
58282
|
+
observer.observe(separator, { attributeFilter: ['aria-valuenow'] });
|
|
58283
|
+
return function () { return observer.disconnect(); };
|
|
58284
|
+
}, [ref, side]);
|
|
58285
|
+
return (React__default["default"].createElement(LuiButton, __assign({ ref: ref, level: "primary" }, rest, { style: __assign(__assign({}, rest === null || rest === void 0 ? void 0 : rest.style), { width: squareButtonSide, height: squareButtonSide, borderRadius: '50%' }), className: clsx('Control', 'lui-button-icon-only', 'lui-box-shadow', rest === null || rest === void 0 ? void 0 : rest.className) }), (rest === null || rest === void 0 ? void 0 : rest.children) || React__default["default"].createElement(ControlIcon, { parent: ref, side: side })));
|
|
58286
|
+
});
|
|
58287
|
+
var getButtonProps = function (button, side) {
|
|
58288
|
+
var _a;
|
|
58289
|
+
var _b = getSeparatorAttributes({ child: button.current }), valueNow = _b.valueNow, valueMin = _b.valueMin, valueMax = _b.valueMax, orientation = _b.orientation, thickness = _b.thickness;
|
|
58290
|
+
var separator = (_a = button.current) === null || _a === void 0 ? void 0 : _a.closest('[role="separator"]');
|
|
58291
|
+
var splitter = separator === null || separator === void 0 ? void 0 : separator.parentElement;
|
|
58292
|
+
var buttonPadding = thickness * 2;
|
|
58293
|
+
var offset = side === 'primary' ? -(squareButtonSide + buttonPadding) : buttonPadding;
|
|
58294
|
+
var splitterRect = splitter === null || splitter === void 0 ? void 0 : splitter.getBoundingClientRect();
|
|
58295
|
+
var splitterExtension = orientation === 'horizontal' ? splitterRect === null || splitterRect === void 0 ? void 0 : splitterRect.height : splitterRect === null || splitterRect === void 0 ? void 0 : splitterRect.width;
|
|
58296
|
+
var hiddenPixels = 0;
|
|
58297
|
+
if (splitterExtension !== undefined && valueNow !== undefined) {
|
|
58298
|
+
var valueNowPx = (valueNow / 100.0) * splitterExtension;
|
|
58299
|
+
hiddenPixels =
|
|
58300
|
+
side === 'primary'
|
|
58301
|
+
? Math.abs(offset) - valueNowPx
|
|
58302
|
+
: squareButtonSide - (splitterExtension - valueNowPx - buttonPadding);
|
|
58303
|
+
}
|
|
58304
|
+
hiddenPixels = Math.max(hiddenPixels, 0);
|
|
58305
|
+
var reachedLimit = side === 'primary' ? valueMin === valueNow : valueMax === valueNow;
|
|
58306
|
+
return { offset: offset, orientation: orientation, hide: Boolean(hiddenPixels || reachedLimit) };
|
|
58307
|
+
};
|
|
58308
|
+
|
|
58309
|
+
/**
|
|
58310
|
+
* Delimits the separator position value between 0 to 100 by default.
|
|
58311
|
+
* It will prioritize supplied min and max delimiters as long as they are within the 0-100 range.
|
|
58312
|
+
* @param props Expects a separator value and optional min and max delimiters
|
|
58313
|
+
*/
|
|
58314
|
+
var clampSeparator = function (props) {
|
|
58315
|
+
var _a = props.min, min = _a === void 0 ? 0 : _a, value = props.value, _b = props.max, max = _b === void 0 ? 100 : _b;
|
|
58316
|
+
var minValue = Math.max(isNaN(min) ? 0 : min, 0);
|
|
58317
|
+
var maxValue = Math.min(isNaN(max) ? 100 : max, 100);
|
|
58318
|
+
return Math.min(Math.max(value, minValue), maxValue);
|
|
58319
|
+
};
|
|
58320
|
+
|
|
58321
|
+
/**
|
|
58322
|
+
* Returns a value from 0 to 100 that represents the separator position from left to right.
|
|
58323
|
+
* @param separatorRef Separator ref
|
|
58324
|
+
* @param drag Represents mouse/touch horizontal/vertical coordinate when the user is resizing.
|
|
58325
|
+
*/
|
|
58326
|
+
var getSeparatorPosition = function (separatorRef, drag) {
|
|
58327
|
+
var _a;
|
|
58328
|
+
var splitter = (_a = separatorRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
58329
|
+
if (!splitter) {
|
|
58330
|
+
return 0;
|
|
58331
|
+
}
|
|
58332
|
+
var orientation = getSeparatorAttributes({ ref: separatorRef }).orientation;
|
|
58333
|
+
var rect = splitter.getBoundingClientRect();
|
|
58334
|
+
var getContainerPixels = function (prop) {
|
|
58335
|
+
return parseFloat(getComputedStyle(splitter).getPropertyValue(prop) || '0');
|
|
58336
|
+
};
|
|
58337
|
+
var lengthProp = orientation !== 'horizontal' ? 'width' : 'height';
|
|
58338
|
+
var offsetProp = orientation !== 'horizontal' ? 'left' : 'top';
|
|
58339
|
+
var containerLength = rect[lengthProp] || getContainerPixels(lengthProp);
|
|
58340
|
+
var containerOffset = rect[lengthProp]
|
|
58341
|
+
? rect[offsetProp]
|
|
58342
|
+
: getContainerPixels(offsetProp);
|
|
58343
|
+
var value = ((drag - containerOffset) / containerLength) * 100;
|
|
58344
|
+
return clampSeparator({ value: value });
|
|
58345
|
+
};
|
|
58346
|
+
|
|
58347
|
+
/**
|
|
58348
|
+
* It captures window events to report a new position.
|
|
58349
|
+
* Provides necessary handlers for separator.
|
|
58350
|
+
*/
|
|
58351
|
+
var useMoveSeparator = function (separator, resize) {
|
|
58352
|
+
var _a = React.useState(false), resizing = _a[0], setResizing = _a[1];
|
|
58353
|
+
var values = function () { return getSeparatorAttributes({ ref: separator }); };
|
|
58354
|
+
React.useEffect(function () {
|
|
58355
|
+
var move = function (e) {
|
|
58356
|
+
var _a;
|
|
58357
|
+
var key = values().orientation === 'horizontal' ? 'clientY' : 'clientX';
|
|
58358
|
+
var drag = e.type === 'mousemove'
|
|
58359
|
+
? e[key]
|
|
58360
|
+
: (_a = e.touches[0]) === null || _a === void 0 ? void 0 : _a[key];
|
|
58361
|
+
if (resizing && drag !== undefined) {
|
|
58362
|
+
resize(getSeparatorPosition(separator, drag));
|
|
58363
|
+
}
|
|
58364
|
+
};
|
|
58365
|
+
var mouseup = function () { return setResizing(false); };
|
|
58366
|
+
window.addEventListener('mousemove', move);
|
|
58367
|
+
window.addEventListener('touchmove', move);
|
|
58368
|
+
window.addEventListener('click', mouseup);
|
|
58369
|
+
return function () {
|
|
58370
|
+
window.removeEventListener('mousemove', move);
|
|
58371
|
+
window.removeEventListener('touchmove', move);
|
|
58372
|
+
window.removeEventListener('click', mouseup);
|
|
58373
|
+
};
|
|
58374
|
+
}, [separator, resizing]);
|
|
58375
|
+
React.useEffect(function () {
|
|
58376
|
+
animateSeparator(separator, resizing ? 'clear-transition' : 'add-transition');
|
|
58377
|
+
}, [separator, resizing]);
|
|
58378
|
+
return {
|
|
58379
|
+
onMouseDown: function () { return setResizing(true); },
|
|
58380
|
+
onTouchStart: function () { return setResizing(true); },
|
|
58381
|
+
onTouchEnd: function () { return setResizing(false); },
|
|
58382
|
+
onBlur: function () { return setResizing(false); }
|
|
58383
|
+
};
|
|
58384
|
+
};
|
|
58385
|
+
var animateSeparator = function (separatorRef, animate) {
|
|
58386
|
+
var separator = separatorRef.current;
|
|
58387
|
+
var splitter = separator === null || separator === void 0 ? void 0 : separator.parentElement;
|
|
58388
|
+
if (separator && splitter) {
|
|
58389
|
+
if (animate === 'clear-transition') {
|
|
58390
|
+
separator.style.transition = '';
|
|
58391
|
+
splitter.style.transition = '';
|
|
58392
|
+
splitter.style.cursor =
|
|
58393
|
+
separator.getAttribute('aria-orientation') === 'vertical'
|
|
58394
|
+
? 'col-resize'
|
|
58395
|
+
: 'row-resize';
|
|
58396
|
+
splitter.classList.add('resizing');
|
|
58397
|
+
}
|
|
58398
|
+
else {
|
|
58399
|
+
separator.style.transition = 'left 300ms, top 300ms';
|
|
58400
|
+
splitter.style.transition =
|
|
58401
|
+
'grid-template-columns 300ms, grid-template-rows 300ms';
|
|
58402
|
+
splitter.style.cursor = '';
|
|
58403
|
+
splitter.classList.remove('resizing');
|
|
58404
|
+
}
|
|
58405
|
+
}
|
|
58406
|
+
};
|
|
58407
|
+
|
|
58408
|
+
/**
|
|
58409
|
+
* Ensures valueNow is set to a valid value within its allowed boundaries.
|
|
58410
|
+
* If boundaries and/or initialRatio are not specified, they will be defaulted.
|
|
58411
|
+
*/
|
|
58412
|
+
var useValueSeparator = function (_a) {
|
|
58413
|
+
var separator = _a.separator, ratio = _a.ratio, onResized = _a.onResized, _b = _a.boundaries, min = _b.min, max = _b.max;
|
|
58414
|
+
var prev = React.useRef();
|
|
58415
|
+
var setValueNow = React.useCallback(function (val) {
|
|
58416
|
+
var valueNow = getSeparatorAttributes({ ref: separator }).valueNow;
|
|
58417
|
+
var value = val !== null && val !== void 0 ? val : (valueNow || min + (max - min) / 2);
|
|
58418
|
+
var newValue = clampSeparator({ value: value, max: max, min: min });
|
|
58419
|
+
resize(separator, newValue);
|
|
58420
|
+
if (prev.current !== newValue) {
|
|
58421
|
+
prev.current = newValue;
|
|
58422
|
+
onResized === null || onResized === void 0 ? void 0 : onResized(newValue);
|
|
58423
|
+
}
|
|
58424
|
+
}, [onResized, min, max, prev]);
|
|
58425
|
+
React.useEffect(function () {
|
|
58426
|
+
setValueNow(ratio);
|
|
58427
|
+
}, [setValueNow, ratio]);
|
|
58428
|
+
React.useEffect(function () {
|
|
58429
|
+
var callback = function () {
|
|
58430
|
+
var value = getSeparatorAttributes({ ref: separator }).valueNow;
|
|
58431
|
+
setValueNow(value);
|
|
58432
|
+
};
|
|
58433
|
+
callback();
|
|
58434
|
+
var observer = new MutationObserver(callback);
|
|
58435
|
+
observer.observe(separator.current, {
|
|
58436
|
+
attributeFilter: ['aria-orientation', 'aria-valuemin', 'aria-valuemax']
|
|
58437
|
+
});
|
|
58438
|
+
return function () { return observer.disconnect(); };
|
|
58439
|
+
}, [separator, setValueNow]);
|
|
58440
|
+
React.useEffect(function () {
|
|
58441
|
+
var observer = new MutationObserver(function (_a) {
|
|
58442
|
+
var target = _a[0].target;
|
|
58443
|
+
var el = target;
|
|
58444
|
+
var splitter = target.parentElement;
|
|
58445
|
+
var newValueNow = Number(el.getAttribute('aria-valuenow'));
|
|
58446
|
+
if (!splitter.classList.contains('resizing')) {
|
|
58447
|
+
setValueNow(newValueNow);
|
|
58448
|
+
}
|
|
58449
|
+
});
|
|
58450
|
+
var attributeFilter = ['aria-valuenow'];
|
|
58451
|
+
observer.observe(separator.current, { attributeFilter: attributeFilter });
|
|
58452
|
+
return function () { return observer.disconnect(); };
|
|
58453
|
+
}, [separator, setValueNow]);
|
|
58454
|
+
return { setValueNow: setValueNow };
|
|
58455
|
+
};
|
|
58456
|
+
var resize = function (separator, value) {
|
|
58457
|
+
var _a, _b;
|
|
58458
|
+
var newValue = String(value);
|
|
58459
|
+
if (!separator.current) {
|
|
58460
|
+
return;
|
|
58461
|
+
}
|
|
58462
|
+
var _c = getSeparatorAttributes({
|
|
58463
|
+
ref: separator
|
|
58464
|
+
}), gap = _c.thickness, orientation = _c.orientation;
|
|
58465
|
+
if (separator.current.getAttribute('aria-valuenow') !== newValue) {
|
|
58466
|
+
separator.current.setAttribute('aria-valuenow', newValue);
|
|
58467
|
+
}
|
|
58468
|
+
var panels = (_a = separator.current.parentElement.childNodes.length) !== null && _a !== void 0 ? _a : 0;
|
|
58469
|
+
var valueNow = Number(separator.current.getAttribute('aria-valuenow'));
|
|
58470
|
+
var offset = gap / 2;
|
|
58471
|
+
var absolute = "clamp(".concat(offset, "px, ").concat(valueNow, "%, calc(100% - ").concat(offset, "px))");
|
|
58472
|
+
var gridTemplate = panels === 1
|
|
58473
|
+
? '1fr'
|
|
58474
|
+
: "min(calc(".concat(valueNow, "% - ").concat(gap / 2, "px), calc(100% - ").concat(gap, "px)) 1fr");
|
|
58475
|
+
var splitter = (_b = separator.current) === null || _b === void 0 ? void 0 : _b.parentElement;
|
|
58476
|
+
if (splitter) {
|
|
58477
|
+
splitter.style.opacity = '1';
|
|
58478
|
+
if (orientation === 'vertical') {
|
|
58479
|
+
splitter.style.columnGap = "".concat(gap, "px");
|
|
58480
|
+
splitter.style.gridTemplateColumns = gridTemplate;
|
|
58481
|
+
separator.current.style.width = "".concat(gap, "px");
|
|
58482
|
+
separator.current.style.left = absolute;
|
|
58483
|
+
separator.current.style.height = '100%';
|
|
58484
|
+
separator.current.style.transform = 'translateX(-50%)';
|
|
58485
|
+
separator.current.style.cursor = 'col-resize';
|
|
58486
|
+
splitter.style.rowGap = '';
|
|
58487
|
+
splitter.style.gridTemplateRows = '';
|
|
58488
|
+
separator.current.style.top = '';
|
|
58489
|
+
}
|
|
58490
|
+
else {
|
|
58491
|
+
splitter.style.rowGap = "".concat(gap, "px");
|
|
58492
|
+
splitter.style.gridTemplateRows = gridTemplate;
|
|
58493
|
+
separator.current.style.height = "".concat(gap, "px");
|
|
58494
|
+
separator.current.style.top = absolute;
|
|
58495
|
+
separator.current.style.width = '100%';
|
|
58496
|
+
separator.current.style.transform = 'translateY(-50%)';
|
|
58497
|
+
separator.current.style.cursor = 'row-resize';
|
|
58498
|
+
splitter.style.columnGap = '';
|
|
58499
|
+
splitter.style.gridTemplateColumns = '';
|
|
58500
|
+
separator.current.style.left = '';
|
|
58501
|
+
}
|
|
58502
|
+
}
|
|
58503
|
+
};
|
|
58504
|
+
|
|
58505
|
+
var isSplitSupported = function (splitter, separator) {
|
|
58506
|
+
var childList = splitter === null || splitter === void 0 ? void 0 : splitter.childNodes.length;
|
|
58507
|
+
return childList === 3 && splitter.childNodes[2] === separator;
|
|
58508
|
+
};
|
|
58509
|
+
/**
|
|
58510
|
+
* Returns true if the splitter container has 3 child nodes, including the separator.
|
|
58511
|
+
* The consumer must render 2 element nodes (not components), to be able to split.
|
|
58512
|
+
* @param separatorRef Separator ref
|
|
58513
|
+
*/
|
|
58514
|
+
var useShowSeparator = function (separatorRef) {
|
|
58515
|
+
React.useEffect(function () {
|
|
58516
|
+
var separator = separatorRef.current;
|
|
58517
|
+
var splitter = separator.parentElement;
|
|
58518
|
+
setShowSeparator(separator, splitter, isSplitSupported(splitter, separatorRef === null || separatorRef === void 0 ? void 0 : separatorRef.current));
|
|
58519
|
+
var observer = new MutationObserver(function (_a) {
|
|
58520
|
+
var target = _a[0].target;
|
|
58521
|
+
return setShowSeparator(separator, splitter, isSplitSupported(target, separatorRef === null || separatorRef === void 0 ? void 0 : separatorRef.current));
|
|
58522
|
+
});
|
|
58523
|
+
observer === null || observer === void 0 ? void 0 : observer.observe(splitter, { childList: true });
|
|
58524
|
+
return function () { return observer === null || observer === void 0 ? void 0 : observer.disconnect(); };
|
|
58525
|
+
}, []);
|
|
58526
|
+
};
|
|
58527
|
+
var setShowSeparator = function (separator, splitter, show) {
|
|
58528
|
+
if (show) {
|
|
58529
|
+
splitter.style.display = '';
|
|
58530
|
+
separator.style.display = '';
|
|
58531
|
+
}
|
|
58532
|
+
else {
|
|
58533
|
+
splitter.style.display = splitter.childNodes.length === 2 ? 'block' : '';
|
|
58534
|
+
separator.style.display = 'none';
|
|
58535
|
+
}
|
|
58536
|
+
};
|
|
58537
|
+
|
|
58538
|
+
/**
|
|
58539
|
+
* Gets the delta % the separator should move based on key down.
|
|
58540
|
+
*/
|
|
58541
|
+
var getKeyDownDeltaMove = function (e, valueNow) {
|
|
58542
|
+
return getNewValueNow(shouldMoveFromKeyDown(e), valueNow, onePixelAsPercentage(e.currentTarget)) - valueNow;
|
|
58543
|
+
};
|
|
58544
|
+
var onePixelAsPercentage = function (separator) {
|
|
58545
|
+
var splitter = separator === null || separator === void 0 ? void 0 : separator.parentElement;
|
|
58546
|
+
if (splitter) {
|
|
58547
|
+
var splitterWidth = splitter.getBoundingClientRect().width;
|
|
58548
|
+
return splitterWidth ? 100 / splitterWidth : 0;
|
|
58549
|
+
}
|
|
58550
|
+
return 0;
|
|
58551
|
+
};
|
|
58552
|
+
var shouldMoveFromKeyDown = function (e) {
|
|
58553
|
+
var orientation = e.currentTarget.getAttribute('aria-orientation');
|
|
58554
|
+
var isPrimary = [
|
|
58555
|
+
orientation === 'horizontal' ? 'ArrowUp' : 'ArrowLeft',
|
|
58556
|
+
'Home',
|
|
58557
|
+
].includes(e.key);
|
|
58558
|
+
var isSecondary = [
|
|
58559
|
+
orientation === 'horizontal' ? 'ArrowDown' : 'ArrowRight',
|
|
58560
|
+
'End',
|
|
58561
|
+
].includes(e.key);
|
|
58562
|
+
var direction = isPrimary ? -1 : isSecondary ? 1 : 0;
|
|
58563
|
+
var isMeta = [e.ctrlKey, e.shiftKey, e.metaKey, e.altKey].some(Boolean);
|
|
58564
|
+
var isArrow = e.key.startsWith('Arrow');
|
|
58565
|
+
var isLimit = ['Home', 'End'].includes(e.key);
|
|
58566
|
+
var speed = isLimit ? 'fastest' : isMeta && isArrow ? 'faster' : 'slow';
|
|
58567
|
+
return [direction, speed];
|
|
58568
|
+
};
|
|
58569
|
+
var getNewValueNow = function (_a, valueNow, pixelUnit) {
|
|
58570
|
+
var direction = _a[0], speed = _a[1];
|
|
58571
|
+
if (direction) {
|
|
58572
|
+
switch (speed) {
|
|
58573
|
+
case 'slow':
|
|
58574
|
+
return valueNow + pixelUnit * direction;
|
|
58575
|
+
case 'faster':
|
|
58576
|
+
return valueNow + 10 * direction;
|
|
58577
|
+
case 'fastest':
|
|
58578
|
+
return direction === -1 ? 0 : 100;
|
|
58579
|
+
}
|
|
58580
|
+
}
|
|
58581
|
+
return valueNow;
|
|
58582
|
+
};
|
|
58583
|
+
|
|
58584
|
+
var canceEvent = function (e) {
|
|
58585
|
+
if (e.currentTarget !== e.target) {
|
|
58586
|
+
e.preventDefault();
|
|
58587
|
+
e.stopPropagation();
|
|
58588
|
+
}
|
|
58589
|
+
};
|
|
58590
|
+
var Separator = React.forwardRef(function (_a, forwardRef) {
|
|
58591
|
+
var _b;
|
|
58592
|
+
var parts = _a.parts, ratio = _a.ratio, onResized = _a.onResized, props = __rest(_a, ["parts", "ratio", "onResized"]);
|
|
58593
|
+
var separator = useForkRef(forwardRef);
|
|
58594
|
+
var boundaries = {
|
|
58595
|
+
min: props['aria-valuemin'],
|
|
58596
|
+
max: props['aria-valuemax']
|
|
58597
|
+
};
|
|
58598
|
+
var setValueNow = useValueSeparator({
|
|
58599
|
+
ratio: ratio,
|
|
58600
|
+
separator: separator,
|
|
58601
|
+
onResized: onResized,
|
|
58602
|
+
boundaries: boundaries
|
|
58603
|
+
}).setValueNow;
|
|
58604
|
+
useShowSeparator(separator);
|
|
58605
|
+
var values = function () { return getSeparatorAttributes({ ref: separator }); };
|
|
58606
|
+
return (React__default["default"].createElement("div", __assign({ ref: separator }, props, useMoveSeparator(separator, setValueNow), { onKeyDown: function (e) {
|
|
58607
|
+
var _a;
|
|
58608
|
+
var newValueNow = keyDownHandler(e);
|
|
58609
|
+
if (values().valueNow !== newValueNow) {
|
|
58610
|
+
setValueNow(newValueNow);
|
|
58611
|
+
e.preventDefault();
|
|
58612
|
+
}
|
|
58613
|
+
(_a = props === null || props === void 0 ? void 0 : props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
58614
|
+
}, className: clsx('Separator', props.className) }),
|
|
58615
|
+
React__default["default"].createElement("span", __assign({}, parts === null || parts === void 0 ? void 0 : parts.container, { className: clsx('Separator-arrows', (_b = parts === null || parts === void 0 ? void 0 : parts.container) === null || _b === void 0 ? void 0 : _b.className), onMouseDown: canceEvent, onTouchStart: canceEvent }),
|
|
58616
|
+
React__default["default"].createElement(Control, __assign({}, parts === null || parts === void 0 ? void 0 : parts.primary, { side: "primary", onClick: function (e) {
|
|
58617
|
+
var _a, _b;
|
|
58618
|
+
setValueNow(controlClickHandler(e, 'primary'));
|
|
58619
|
+
(_b = (_a = parts === null || parts === void 0 ? void 0 : parts.primary) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
|
58620
|
+
} })),
|
|
58621
|
+
React__default["default"].createElement(Control, __assign({}, parts === null || parts === void 0 ? void 0 : parts.secondary, { side: "secondary", onClick: function (e) {
|
|
58622
|
+
var _a, _b;
|
|
58623
|
+
setValueNow(controlClickHandler(e, 'secondary'));
|
|
58624
|
+
(_b = (_a = parts === null || parts === void 0 ? void 0 : parts.secondary) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
|
|
58625
|
+
} })))));
|
|
58626
|
+
});
|
|
58627
|
+
var controlClickHandler = function (e, side) {
|
|
58628
|
+
var _a = getSeparatorAttributes({
|
|
58629
|
+
child: e.currentTarget
|
|
58630
|
+
}), valueNow = _a.valueNow, valueMin = _a.valueMin, valueMax = _a.valueMax;
|
|
58631
|
+
var valueMiddle = valueMin + (valueMax - valueMin) / 2;
|
|
58632
|
+
var newValue = [0, 100].includes(valueNow)
|
|
58633
|
+
? valueMiddle
|
|
58634
|
+
: side === 'primary'
|
|
58635
|
+
? valueMin
|
|
58636
|
+
: valueMax;
|
|
58637
|
+
return newValue;
|
|
58638
|
+
};
|
|
58639
|
+
var keyDownHandler = function (e) {
|
|
58640
|
+
var valueNow = getSeparatorAttributes({
|
|
58641
|
+
child: e.currentTarget
|
|
58642
|
+
}).valueNow;
|
|
58643
|
+
var delta = getKeyDownDeltaMove(e, valueNow);
|
|
58644
|
+
return valueNow + delta;
|
|
58645
|
+
};
|
|
58646
|
+
|
|
58647
|
+
var css_248z = "/**\n @deprecated\n */\n/**\n @deprecated\n */\n/**\n @deprecated\n */\n.Splitter {\n display: grid;\n position: relative;\n overflow: hidden;\n opacity: 0;\n}\n.Splitter > :first-child, .Splitter > :nth-child(2) {\n position: relative;\n z-index: 0;\n background: #f9f9f9;\n overflow: auto;\n}\n.Splitter.resizing * {\n pointer-events: none;\n user-select: none;\n}";
|
|
58648
|
+
styleInject(css_248z);
|
|
58649
|
+
|
|
58650
|
+
/**
|
|
58651
|
+
* Container that appends a separator when the children count equals 2.
|
|
58652
|
+
* It looks at HTML nodes, not React components
|
|
58653
|
+
*/
|
|
58654
|
+
var Splitter = React.forwardRef(function (props, ref) {
|
|
58655
|
+
if (props === void 0) { props = {}; }
|
|
58656
|
+
var parts = props.parts, ratio = props.ratio, onResized = props.onResized, min = props.min, max = props.max, children = props.children, _a = props.orientation, orientation = _a === void 0 ? 'vertical' : _a, rest = __rest(props, ["parts", "ratio", "onResized", "min", "max", "children", "orientation"]);
|
|
58657
|
+
return (React__default["default"].createElement("div", __assign({ ref: ref }, rest, { className: clsx('Splitter', rest === null || rest === void 0 ? void 0 : rest.className) }),
|
|
58658
|
+
children,
|
|
58659
|
+
React__default["default"].createElement(Separator, __assign({}, parts === null || parts === void 0 ? void 0 : parts.separator, { tabIndex: 0, "aria-valuemin": Math.max(min !== null && min !== void 0 ? min : 0, 0), "aria-valuemax": Math.min(max !== null && max !== void 0 ? max : 100, 100), role: "separator", "aria-orientation": orientation, ratio: ratio, onResized: onResized, parts: parts === null || parts === void 0 ? void 0 : parts.controls }))));
|
|
58660
|
+
});
|
|
58661
|
+
Splitter.displayName = 'Splitter';
|
|
58662
|
+
|
|
58663
|
+
var getSeparator = function (splitter) {
|
|
58664
|
+
var _a;
|
|
58665
|
+
var lastChild = (_a = splitter.current) === null || _a === void 0 ? void 0 : _a.lastChild;
|
|
58666
|
+
return (lastChild === null || lastChild === void 0 ? void 0 : lastChild.getAttribute('role')) === 'separator'
|
|
58667
|
+
? lastChild
|
|
58668
|
+
: undefined;
|
|
58669
|
+
};
|
|
58670
|
+
var useSplitterRef = function () {
|
|
58671
|
+
var ref = React.useRef(null);
|
|
58672
|
+
var setRatio = function (val) {
|
|
58673
|
+
var separator = getSeparator(ref);
|
|
58674
|
+
if (separator) {
|
|
58675
|
+
separator.setAttribute('aria-valuenow', String(val));
|
|
58676
|
+
}
|
|
58677
|
+
};
|
|
58678
|
+
return { ref: ref, setRatio: setRatio };
|
|
58679
|
+
};
|
|
58680
|
+
|
|
58193
58681
|
exports.CheckboxItemRenderer = CheckboxItemRenderer;
|
|
58194
58682
|
exports.LUI_WINDOW_NAME = LUI_WINDOW_NAME;
|
|
58195
58683
|
exports.LuiAccordicard = LuiAccordicard;
|
|
@@ -58283,6 +58771,7 @@ exports.LuiToastMessage = LuiToastMessage;
|
|
|
58283
58771
|
exports.LuiTooltip = LuiTooltip;
|
|
58284
58772
|
exports.LuiUpdatesSplashModal = LuiUpdatesSplashModal;
|
|
58285
58773
|
exports.RadioItemRenderer = RadioItemRenderer;
|
|
58774
|
+
exports.Splitter = Splitter;
|
|
58286
58775
|
exports.ToolbarButton = ToolbarButton;
|
|
58287
58776
|
exports.ToolbarItem = ToolbarItem;
|
|
58288
58777
|
exports.ToolbarItemSeparator = ToolbarItemSeparator;
|
|
@@ -58296,4 +58785,5 @@ exports.useLuiFloatingWindow = lR;
|
|
|
58296
58785
|
exports.useMediaQuery = useMediaQuery;
|
|
58297
58786
|
exports.usePageClickFunction = usePageClickFunction;
|
|
58298
58787
|
exports.useShowLUIMessage = useShowLUIMessage;
|
|
58788
|
+
exports.useSplitterRef = useSplitterRef;
|
|
58299
58789
|
//# sourceMappingURL=index.js.map
|