@eightshift/ui-components 6.1.0 → 6.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/dist/{Button-BTCA69Lt.js → Button-CFnNdpNZ.js} +3 -3
- package/dist/{Dialog-BbNWvB5_.js → Dialog-D0jMcN-a.js} +13 -13
- package/dist/{FocusScope-BxT4xfe9.js → FocusScope-BJhC1-1e.js} +1 -1
- package/dist/{Input-Wrnm2nxy.js → Input-B4X6-x6r.js} +4 -4
- package/dist/{List-CWheI3JH.js → List-CQFXnN4w.js} +1 -1
- package/dist/{ListBox-yHUyUAAH.js → ListBox-BaN0n5h3.js} +8 -8
- package/dist/{OverlayArrow-NzRV9wsn.js → OverlayArrow-Dy0qw7WL.js} +1 -1
- package/dist/{PortalProvider-CHPnqDSH.js → PortalProvider-BQ1X8vGX.js} +1 -1
- package/dist/{RadioGroup-BFDueqHz.js → RadioGroup-CjCAbUr4.js} +8 -8
- package/dist/{SearchField-CmRhtrQf.js → SearchField-CafsA525.js} +5 -5
- package/dist/{SelectionManager-VgpR-1Ri.js → SelectionManager-oojq6MOy.js} +9 -9
- package/dist/{SharedElementTransition-B_vnQ1uR.js → SharedElementTransition-CtoWSaF0.js} +1 -1
- package/dist/{Slider-Bl5G0ZHE.js → Slider-BIbaMdUE.js} +6 -6
- package/dist/{VisuallyHidden-DXVaR_RC.js → VisuallyHidden-CqnizvzQ.js} +1 -1
- package/dist/{animation-B2sADg3I.js → animation-Dfl8uEb3.js} +1 -1
- package/dist/{color-swatch-DtaLObbd.js → color-swatch-bUFkK7ox.js} +2 -2
- package/dist/components/button/button.js +3 -3
- package/dist/components/checkbox/checkbox.js +7 -7
- package/dist/components/color-pickers/color-picker.js +1 -1
- package/dist/components/color-pickers/color-swatch.js +1 -1
- package/dist/components/color-pickers/gradient-editor.js +2 -2
- package/dist/components/color-pickers/solid-color-picker.js +10 -10
- package/dist/components/draggable/draggable-handle.js +1 -1
- package/dist/components/draggable/draggable.js +841 -633
- package/dist/components/draggable-list/draggable-list-item.js +1 -1
- package/dist/components/draggable-list/draggable-list.js +1 -1
- package/dist/components/expandable/expandable.js +6 -6
- package/dist/components/index.js +1 -1
- package/dist/components/input-field/input-field.js +3 -3
- package/dist/components/link-input/link-input.js +13 -13
- package/dist/components/matrix-align/matrix-align.js +1 -1
- package/dist/components/menu/menu.js +1 -1
- package/dist/components/modal/modal.js +6 -6
- package/dist/components/number-picker/number-picker.js +4 -4
- package/dist/components/placeholders/file-picker-shell.js +1 -1
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/portal-provider/portal-provider.js +1 -1
- package/dist/components/radio/radio.js +1 -1
- package/dist/components/repeater/repeater.js +1 -1
- package/dist/components/select/async-multi-select.js +52 -31
- package/dist/components/select/async-select.js +7 -7
- package/dist/components/select/multi-select.js +8 -8
- package/dist/components/select/shared.js +4 -4
- package/dist/components/select/single-select.js +8 -8
- package/dist/components/slider/column-config-slider.js +2 -2
- package/dist/components/slider/slider.js +2 -2
- package/dist/components/smart-image/smart-image-next.js +1 -1
- package/dist/components/smart-image/smart-image.js +2 -2
- package/dist/components/smart-image/worker-inline.js +1 -1
- package/dist/components/tabs/tabs.js +9 -9
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle-button/toggle-button.js +4 -4
- package/dist/components/tooltip/tooltip.js +6 -6
- package/dist/{general-C8Q0dvEx.js → general-BfKmjm56.js} +3 -4
- package/dist/icons/jsx-svg.js +1 -1
- package/dist/{index-sSixe2j_.js → index-BL5gdWX4.js} +52 -52
- package/dist/index.js +1 -1
- package/dist/{proxy-CgLBbUpw.js → proxy-DFlYXk07.js} +130 -47
- package/dist/{react-jsx-parser.min-B_hvYYa1.js → react-jsx-parser.min-DAh4myol.js} +35 -35
- package/dist/{shared-DSTKnPjF.js → shared-CMLCUova.js} +13 -13
- package/dist/{textSelection-D_BSbtab.js → textSelection-CeoEP4rL.js} +1 -1
- package/dist/{useButton-DofKjCES.js → useButton-5YL_nmpZ.js} +2 -2
- package/dist/{useEvent-ADVZr4I3.js → useEvent-Zze2g7CX.js} +1 -1
- package/dist/{useFilter-Cqw0-KoB.js → useFilter-8S94U4xM.js} +1 -1
- package/dist/{useFocusRing-Ct2N5S1b.js → useFocusRing-rUOwLdTK.js} +1 -1
- package/dist/{useFormReset-KT27O1en.js → useFormReset-BxtOoO5Q.js} +1 -1
- package/dist/{useFormValidation-DwbcW-pN.js → useFormValidation-DTmPrTD8.js} +2 -2
- package/dist/{useHover-VPZwb-1l.js → useHover-CmyvqeWX.js} +4 -4
- package/dist/{useListState-jHobZH6F.js → useListState-B22CApJO.js} +1 -1
- package/dist/{useNumberField-CrLevIP3.js → useNumberField-CTkI-U9a.js} +7 -7
- package/dist/{usePress-BPCda-AF.js → usePress-CNefMs8d.js} +3 -3
- package/dist/{useSingleSelectListState-sLg_MnX8.js → useSingleSelectListState-CDZGQDLC.js} +2 -2
- package/dist/{useToggle-D0-c9HPm.js → useToggle-CFFOmZWi.js} +3 -3
- package/dist/{useToggleState-BhJn-Dz7.js → useToggleState-BWrKKisg.js} +1 -1
- package/dist/utilities/general.js +1 -1
- package/dist/utilities/index.js +1 -1
- package/dist/workers/image-analysis.worker.js +1 -1
- package/package.json +5 -5
|
@@ -5,7 +5,7 @@ import { HStack } from "../layout/hstack.js";
|
|
|
5
5
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
6
6
|
import { icons } from "../../icons/icons.js";
|
|
7
7
|
import { cloneElement } from "react";
|
|
8
|
-
import "../../react-jsx-parser.min-
|
|
8
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
9
9
|
/**
|
|
10
10
|
* A DraggableList item.
|
|
11
11
|
*
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
3
3
|
import { BaseControl } from "../base-control/base-control.js";
|
|
4
4
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
5
|
-
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-
|
|
5
|
+
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CQFXnN4w.js";
|
|
6
6
|
import { Container, ContainerGroup } from "../base-control/container.js";
|
|
7
7
|
/**
|
|
8
8
|
* A component that allows re-ordering a list of items.
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import $dbSRa$react__default, { useRef, useCallback, useEffect, forwardRef,
|
|
2
|
+
import $dbSRa$react__default, { useRef, useCallback, useEffect, forwardRef, useContext, createContext } from "react";
|
|
3
3
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
4
4
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
5
5
|
import { Button } from "../button/button.js";
|
|
6
6
|
import { icons } from "../../icons/icons.js";
|
|
7
7
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
8
|
-
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-
|
|
8
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CFnNdpNZ.js";
|
|
9
9
|
import { d as $bdb11010cef70236$export$f680877a34711e37, m as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, n as $64fa3d84918910a7$export$c62b8e45d58ddad9, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-Cr3pLd9c.js";
|
|
10
10
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
11
|
-
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-
|
|
12
|
-
import { r as reactDomExports } from "../../index-
|
|
13
|
-
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-
|
|
14
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
11
|
+
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CmyvqeWX.js";
|
|
12
|
+
import { r as reactDomExports } from "../../index-BL5gdWX4.js";
|
|
13
|
+
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Zze2g7CX.js";
|
|
14
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
|
|
15
15
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
16
16
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
17
17
|
function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
|
package/dist/components/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { Button, ButtonGroup } from "./button/button.js";
|
|
|
5
5
|
import { Checkbox } from "./checkbox/checkbox.js";
|
|
6
6
|
import { ComponentToggle } from "./component-toggle/component-toggle.js";
|
|
7
7
|
import { ContainerPanel } from "./container-panel/container-panel.js";
|
|
8
|
-
import { C } from "../color-swatch-
|
|
8
|
+
import { C } from "../color-swatch-bUFkK7ox.js";
|
|
9
9
|
import { ColorPicker } from "./color-pickers/color-picker.js";
|
|
10
10
|
import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./slider/column-config-slider.js";
|
|
11
11
|
import { Container, ContainerGroup } from "./base-control/container.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
2
|
+
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
|
|
3
3
|
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
4
4
|
import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
|
|
5
5
|
import $dbSRa$react__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
|
|
6
|
-
import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-
|
|
7
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
6
|
+
import { x as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-CmyvqeWX.js";
|
|
7
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rUOwLdTK.js";
|
|
8
8
|
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
|
|
9
9
|
import { a as $4e85f108e88277b8$export$698f465ec27e93df } from "../../RSPContexts-CJ-HBf0L.js";
|
|
10
10
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { c as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-
|
|
2
|
+
import { c as $319e236875307eab$export$a9b970dcc4ae71a9, a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
|
|
3
3
|
import { o as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "../../utils-Cr3pLd9c.js";
|
|
4
4
|
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
|
|
5
5
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
|
|
6
|
-
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
6
|
+
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
|
|
7
7
|
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
8
|
-
import { a as $b1f0cad8af73213b$export$3585ede4d035bf14, b as $b1f0cad8af73213b$export$9145995848b05025, c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, e as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-
|
|
9
|
-
import { w as $168583247155ddda$export$dc9c12ed27dd1b49, t as $2a25aae57d74318e$export$a05409b8bb224a5a, s as $453cc9f0df89c0a5$export$77d5aafae4e095b2, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, x as $07b14b47974efb58$export$9b9a0cd73afb7ca4, f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-
|
|
8
|
+
import { a as $b1f0cad8af73213b$export$3585ede4d035bf14, b as $b1f0cad8af73213b$export$9145995848b05025, c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, e as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-BaN0n5h3.js";
|
|
9
|
+
import { w as $168583247155ddda$export$dc9c12ed27dd1b49, t as $2a25aae57d74318e$export$a05409b8bb224a5a, s as $453cc9f0df89c0a5$export$77d5aafae4e095b2, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, x as $07b14b47974efb58$export$9b9a0cd73afb7ca4, f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
|
|
10
10
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
|
|
11
|
-
import { m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, q as $c5a24bc478652b5f$export$1005530eda016c13, r as $55f9b1ae81f22853$export$2b35b76d2e30e129,
|
|
11
|
+
import { m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, q as $c5a24bc478652b5f$export$1005530eda016c13, r as $55f9b1ae81f22853$export$2b35b76d2e30e129, f as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-oojq6MOy.js";
|
|
12
12
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
13
|
-
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, d as $9daab02d461809db$export$683480f191c0e3ea } from "../../OverlayArrow-
|
|
13
|
+
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, d as $9daab02d461809db$export$683480f191c0e3ea } from "../../OverlayArrow-Dy0qw7WL.js";
|
|
14
14
|
import $dbSRa$react__default, { useRef, useEffect, useMemo, useState, useCallback, forwardRef, createContext } from "react";
|
|
15
|
-
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-
|
|
16
|
-
import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-
|
|
17
|
-
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-
|
|
18
|
-
import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-
|
|
19
|
-
import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, L as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, K as $c87311424ea30a05$export$e1865c3bedcd822b, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, g as $d4ee10de306f2510$export$4282f70798064fe0, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-
|
|
15
|
+
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-8S94U4xM.js";
|
|
16
|
+
import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-DTmPrTD8.js";
|
|
17
|
+
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CDZGQDLC.js";
|
|
18
|
+
import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-B22CApJO.js";
|
|
19
|
+
import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, L as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, K as $c87311424ea30a05$export$e1865c3bedcd822b, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, g as $d4ee10de306f2510$export$4282f70798064fe0, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CmyvqeWX.js";
|
|
20
20
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8O3gOdV.js";
|
|
21
|
-
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-
|
|
22
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-
|
|
21
|
+
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Zze2g7CX.js";
|
|
22
|
+
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BxtOoO5Q.js";
|
|
23
23
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-CEDs0LsA.js";
|
|
24
24
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
25
25
|
import { icons } from "../../icons/icons.js";
|
|
@@ -5,7 +5,7 @@ import { upperFirst, camelCase } from "../../utilities/es-dash.js";
|
|
|
5
5
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
6
6
|
import { BaseControl } from "../base-control/base-control.js";
|
|
7
7
|
import { TriggeredPopover } from "../popover/popover.js";
|
|
8
|
-
import { $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25, a as $b6c3ddc6086f204d$export$d7b12c4107be0d61 } from "../../RadioGroup-
|
|
8
|
+
import { $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25, a as $b6c3ddc6086f204d$export$d7b12c4107be0d61 } from "../../RadioGroup-CjCAbUr4.js";
|
|
9
9
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
10
10
|
/**
|
|
11
11
|
* A component that can provide a 3x3 or a 2x2 grid of positions to pick from.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $431f98aba6844401$export$1ff3c3f08ae963c0, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-
|
|
2
|
+
import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $431f98aba6844401$export$1ff3c3f08ae963c0, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-D0jMcN-a.js";
|
|
3
3
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
4
4
|
import { icons } from "../../icons/icons.js";
|
|
5
5
|
import { Button } from "../button/button.js";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { j as $a11501f3d1d39e6c$export$ea8f71083e90600f, k as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, l as $337b884510726a0d$export$14c98a7594375490, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, o as $86ea4cb521eb2e37$export$2317d149ed6f78c4, p as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-
|
|
2
|
+
import { j as $a11501f3d1d39e6c$export$ea8f71083e90600f, k as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, l as $337b884510726a0d$export$14c98a7594375490, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, o as $86ea4cb521eb2e37$export$2317d149ed6f78c4, p as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-D0jMcN-a.js";
|
|
3
3
|
import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-CY-_gt-U.js";
|
|
4
4
|
import { m as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
|
|
5
5
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
6
|
-
import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-
|
|
7
|
-
import $dbSRa$react__default, { useState, useEffect, forwardRef, useContext,
|
|
8
|
-
import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-
|
|
9
|
-
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../OverlayArrow-
|
|
6
|
+
import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-oojq6MOy.js";
|
|
7
|
+
import $dbSRa$react__default, { useState, useEffect, forwardRef, useContext, useRef, createContext, useMemo } from "react";
|
|
8
|
+
import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-Dfl8uEb3.js";
|
|
9
|
+
import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../OverlayArrow-Dy0qw7WL.js";
|
|
10
10
|
import { Button } from "../button/button.js";
|
|
11
11
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
12
12
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
13
13
|
import { icons } from "../../icons/icons.js";
|
|
14
|
-
import "../../react-jsx-parser.min-
|
|
14
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
15
15
|
import { HStack } from "../layout/hstack.js";
|
|
16
16
|
let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
|
|
17
17
|
function $5df64b3807dc15ee$export$d699905dd57c73ca() {
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import $dbSRa$react__default, { forwardRef,
|
|
2
|
+
import $dbSRa$react__default, { forwardRef, useRef, createContext } from "react";
|
|
3
3
|
import "../../default-i18n-CnQeC5Pl.js";
|
|
4
|
-
import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
4
|
+
import { a as $a049562f99e7db0e$export$f9c6924e160136d1, b as $3985021b0ad6602f$export$37fb8590cf2c088c, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
|
|
5
5
|
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
6
|
-
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-
|
|
6
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CFnNdpNZ.js";
|
|
7
7
|
import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$df3a06d6289f983e } from "../../utils-Cr3pLd9c.js";
|
|
8
8
|
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
|
|
9
9
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
|
|
10
10
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
|
|
11
11
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
12
12
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
|
|
13
|
-
import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-
|
|
13
|
+
import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-CTkI-U9a.js";
|
|
14
14
|
import { ButtonGroup, Button } from "../button/button.js";
|
|
15
15
|
import { icons } from "../../icons/icons.js";
|
|
16
16
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
3
3
|
import { icons } from "../../icons/icons.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import "../../react-jsx-parser.min-
|
|
5
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
6
6
|
import { truncateMiddle } from "../../utilities/text-helpers.js";
|
|
7
7
|
import { SmartImage } from "../smart-image/smart-image.js";
|
|
8
8
|
import { __SmartImageNext } from "../smart-image/smart-image-next.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-
|
|
2
|
+
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-D0jMcN-a.js";
|
|
3
3
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
4
4
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
5
5
|
import { Button } from "../button/button.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { $ as $96b38030c423d352$export$78efe591171d7d45 } from "../../PortalProvider-
|
|
2
|
+
import { $ as $96b38030c423d352$export$78efe591171d7d45 } from "../../PortalProvider-BQ1X8vGX.js";
|
|
3
3
|
/**
|
|
4
4
|
* Component that allows changing the default target for transient components like `Menu`, `Popover`, etc.
|
|
5
5
|
*
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
3
|
-
import { a as $b6c3ddc6086f204d$export$d7b12c4107be0d61, $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25 } from "../../RadioGroup-
|
|
3
|
+
import { a as $b6c3ddc6086f204d$export$d7b12c4107be0d61, $ as $b6c3ddc6086f204d$export$a98f0dcb43a68a25 } from "../../RadioGroup-CjCAbUr4.js";
|
|
4
4
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
5
5
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
6
6
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
@@ -6,7 +6,7 @@ import { icons } from "../../icons/icons.js";
|
|
|
6
6
|
import { BaseControl } from "../base-control/base-control.js";
|
|
7
7
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
8
8
|
import { RepeaterContext } from "./repeater-context.js";
|
|
9
|
-
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-
|
|
9
|
+
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CQFXnN4w.js";
|
|
10
10
|
import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
|
|
11
11
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
12
12
|
/**
|
|
@@ -2,16 +2,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
3
3
|
import { _ as __, a as _n } from "../../default-i18n-CnQeC5Pl.js";
|
|
4
4
|
import { BaseControl } from "../base-control/base-control.js";
|
|
5
|
-
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-
|
|
6
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-
|
|
7
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
5
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CafsA525.js";
|
|
6
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
|
|
7
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
|
|
8
8
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
9
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-
|
|
10
|
-
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-
|
|
11
|
-
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-
|
|
9
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-BaN0n5h3.js";
|
|
10
|
+
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
|
|
11
|
+
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-CMLCUova.js";
|
|
12
12
|
import { useRef, cloneElement } from "react";
|
|
13
13
|
import { icons } from "../../icons/icons.js";
|
|
14
|
-
import "../../react-jsx-parser.min-
|
|
14
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
15
15
|
import { Spinner } from "../../icons/spinner.js";
|
|
16
16
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
17
17
|
import { unescapeHTML } from "../../utilities/text-helpers.js";
|
|
@@ -151,7 +151,23 @@ const AsyncMultiSelect = (props) => {
|
|
|
151
151
|
}
|
|
152
152
|
});
|
|
153
153
|
const handleSelectionChange = (rawSelected) => {
|
|
154
|
-
|
|
154
|
+
let selected;
|
|
155
|
+
if (list.filterText.length > 0) {
|
|
156
|
+
const visibleItemKeys = new Set(list.items?.map((item) => item.value) ?? []);
|
|
157
|
+
selected = /* @__PURE__ */ new Set();
|
|
158
|
+
for (const item of value ?? []) {
|
|
159
|
+
const key = item?.value ?? item;
|
|
160
|
+
if (!visibleItemKeys.has(key)) {
|
|
161
|
+
selected.add(key);
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
for (const key of rawSelected) {
|
|
165
|
+
selected.add(key);
|
|
166
|
+
}
|
|
167
|
+
} else {
|
|
168
|
+
selected = rawSelected;
|
|
169
|
+
}
|
|
170
|
+
list.setSelectedKeys(selected);
|
|
155
171
|
list.filterText = "";
|
|
156
172
|
if (selected === null || selected === void 0) {
|
|
157
173
|
onChange(null);
|
|
@@ -282,35 +298,35 @@ const AsyncMultiSelect = (props) => {
|
|
|
282
298
|
ref,
|
|
283
299
|
children: [
|
|
284
300
|
/* @__PURE__ */ jsxs($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { className: buttonClass({ size }), children: [
|
|
285
|
-
/* @__PURE__ */ jsx($82d7e5349645de74$export$e288731fd71264f0, { className: "es:select-none es:pointer-events-none", children: (
|
|
286
|
-
|
|
287
|
-
if (!currentValueKeys?.length || isPlaceholder) {
|
|
301
|
+
/* @__PURE__ */ jsx($82d7e5349645de74$export$e288731fd71264f0, { className: "es:select-none es:pointer-events-none", children: () => {
|
|
302
|
+
if (!currentValueKeys?.length) {
|
|
288
303
|
return /* @__PURE__ */ jsx("span", { className: "es:select-none es:pointer-events-none es:pr-6 es:text-sm es:text-surface-500", children: placeholder });
|
|
289
304
|
}
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
305
|
+
const currentItem = value?.[0];
|
|
306
|
+
let icon2 = getIcon ? getIcon(currentItem) : currentItem?.icon ?? null;
|
|
307
|
+
if (typeof currentItem?.icon === "string") {
|
|
308
|
+
icon2 = icons?.[currentItem.icon] ?? null;
|
|
293
309
|
}
|
|
294
|
-
if (
|
|
310
|
+
if (value?.length > 1) {
|
|
295
311
|
return /* @__PURE__ */ jsx(
|
|
296
312
|
RichLabel,
|
|
297
313
|
{
|
|
298
314
|
icon: icons.multiple,
|
|
299
|
-
label: sprintf(_n("%s item", "%s items",
|
|
300
|
-
subtitle:
|
|
315
|
+
label: sprintf(_n("%s item", "%s items", value.length, "eightshift-ui-components"), value.length),
|
|
316
|
+
subtitle: value.map((item) => item?.label ?? item).join(", "),
|
|
301
317
|
subtitleClassName: "es:line-clamp-1 es:max-w-56"
|
|
302
318
|
}
|
|
303
319
|
);
|
|
304
320
|
}
|
|
305
|
-
if (
|
|
306
|
-
return customValueDisplay(
|
|
321
|
+
if (value && customValueDisplay) {
|
|
322
|
+
return customValueDisplay(currentItem);
|
|
307
323
|
}
|
|
308
324
|
return /* @__PURE__ */ jsx(
|
|
309
325
|
RichLabel,
|
|
310
326
|
{
|
|
311
327
|
icon: icon2,
|
|
312
|
-
label:
|
|
313
|
-
subtitle:
|
|
328
|
+
label: currentItem?.label,
|
|
329
|
+
subtitle: currentItem?.subtitle,
|
|
314
330
|
className: clsx("es:pr-6 es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),
|
|
315
331
|
iconClassName: "es:pointer-events-none es:select-none",
|
|
316
332
|
labelClassName: "es:line-clamp-1",
|
|
@@ -362,28 +378,34 @@ const AsyncMultiSelect = (props) => {
|
|
|
362
378
|
DraggableList,
|
|
363
379
|
{
|
|
364
380
|
items: value ?? [],
|
|
365
|
-
onChange: (
|
|
366
|
-
|
|
381
|
+
onChange: (reordered) => {
|
|
382
|
+
onChange(
|
|
383
|
+
reordered.map((item) => ({
|
|
384
|
+
label: item?.label,
|
|
385
|
+
value: item?.value,
|
|
386
|
+
subtitle: item?.subtitle,
|
|
387
|
+
meta: item?.meta
|
|
388
|
+
}))
|
|
389
|
+
);
|
|
367
390
|
},
|
|
368
391
|
className: "es:contents",
|
|
369
392
|
itemContainerClassName: "es:h-full es:max-h-60 es:overflow-y-auto es:pb-1.5 es:mt-0",
|
|
370
393
|
itemClassName: "es:z-999999",
|
|
371
394
|
children: (item) => {
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
icon2 = icons?.[realItem.icon] ?? null;
|
|
395
|
+
let icon2 = getIcon ? getIcon(item) : item?.icon ?? null;
|
|
396
|
+
if (typeof item?.icon === "string") {
|
|
397
|
+
icon2 = icons?.[item.icon] ?? null;
|
|
376
398
|
}
|
|
377
399
|
return /* @__PURE__ */ jsx(
|
|
378
400
|
DraggableListItem,
|
|
379
401
|
{
|
|
380
402
|
icon: icon2,
|
|
381
|
-
label:
|
|
382
|
-
subtitle:
|
|
403
|
+
label: item?.label,
|
|
404
|
+
subtitle: item?.subtitle,
|
|
383
405
|
iconClassName: "es:pointer-events-none es:select-none",
|
|
384
406
|
labelClassName: "es:line-clamp-1",
|
|
385
407
|
subtitleClassName: "es:line-clamp-1",
|
|
386
|
-
className: clsx("es:flex es:items-center es:justify-between",
|
|
408
|
+
className: clsx("es:flex es:items-center es:justify-between", item?.icon ? "es:pl-1" : "es:pl-2")
|
|
387
409
|
}
|
|
388
410
|
);
|
|
389
411
|
}
|
|
@@ -473,7 +495,6 @@ const AsyncMultiSelect = (props) => {
|
|
|
473
495
|
selectionMode: "multiple",
|
|
474
496
|
selectionBehavior: "toggle",
|
|
475
497
|
onSelectionChange: (selected) => {
|
|
476
|
-
list.setSelectedKeys(selected);
|
|
477
498
|
handleSelectionChange(selected);
|
|
478
499
|
},
|
|
479
500
|
renderEmptyState: () => /* @__PURE__ */ jsx(
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
3
3
|
import { BaseControl } from "../base-control/base-control.js";
|
|
4
|
-
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-
|
|
5
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-
|
|
6
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
4
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CafsA525.js";
|
|
5
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
|
|
6
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
|
|
7
7
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
8
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-
|
|
9
|
-
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-
|
|
10
|
-
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-
|
|
8
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-BaN0n5h3.js";
|
|
9
|
+
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
|
|
10
|
+
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-CMLCUova.js";
|
|
11
11
|
import { useRef, cloneElement } from "react";
|
|
12
12
|
import { icons } from "../../icons/icons.js";
|
|
13
|
-
import "../../react-jsx-parser.min-
|
|
13
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
14
14
|
import { Spinner } from "../../icons/spinner.js";
|
|
15
15
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
16
16
|
import { unescapeHTML } from "../../utilities/text-helpers.js";
|
|
@@ -2,16 +2,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
3
3
|
import { _ as __, a as _n } from "../../default-i18n-CnQeC5Pl.js";
|
|
4
4
|
import { BaseControl } from "../base-control/base-control.js";
|
|
5
|
-
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-
|
|
6
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-
|
|
7
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
5
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CafsA525.js";
|
|
6
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
|
|
7
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
|
|
8
8
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
9
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-
|
|
10
|
-
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-
|
|
11
|
-
import { g as getValue, $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-
|
|
9
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-BaN0n5h3.js";
|
|
10
|
+
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
|
|
11
|
+
import { g as getValue, $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-CMLCUova.js";
|
|
12
12
|
import { useRef, cloneElement, isValidElement } from "react";
|
|
13
13
|
import { icons } from "../../icons/icons.js";
|
|
14
|
-
import "../../react-jsx-parser.min-
|
|
14
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
15
15
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
16
16
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
17
17
|
import { c as cva } from "../../index-BHpUy2Ix.js";
|
|
@@ -19,7 +19,7 @@ import { TriggeredPopover } from "../popover/popover.js";
|
|
|
19
19
|
import { DraggableList } from "../draggable-list/draggable-list.js";
|
|
20
20
|
import { DraggableListItem } from "../draggable-list/draggable-list-item.js";
|
|
21
21
|
import { randomId } from "../../utilities/hash.js";
|
|
22
|
-
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-
|
|
22
|
+
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-8S94U4xM.js";
|
|
23
23
|
/**
|
|
24
24
|
* Multi-select menu.
|
|
25
25
|
*
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../default-i18n-CnQeC5Pl.js";
|
|
3
|
-
import "../../Button-
|
|
4
|
-
import "../../ListBox-
|
|
5
|
-
import { O, S, g, m } from "../../shared-
|
|
3
|
+
import "../../Button-CFnNdpNZ.js";
|
|
4
|
+
import "../../ListBox-BaN0n5h3.js";
|
|
5
|
+
import { O, S, g, m } from "../../shared-CMLCUova.js";
|
|
6
6
|
import "../../icons/icons.js";
|
|
7
7
|
import "react";
|
|
8
|
-
import "../../react-jsx-parser.min-
|
|
8
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
9
9
|
import "../../clsx-DgYk2OaC.js";
|
|
10
10
|
import "../animated-visibility/animated-visibility.js";
|
|
11
11
|
export {
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
3
3
|
import { BaseControl } from "../base-control/base-control.js";
|
|
4
|
-
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-
|
|
5
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-
|
|
6
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
4
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CafsA525.js";
|
|
5
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
|
|
6
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
|
|
7
7
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
8
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-
|
|
9
|
-
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-
|
|
10
|
-
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-
|
|
8
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-BaN0n5h3.js";
|
|
9
|
+
import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
|
|
10
|
+
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-CMLCUova.js";
|
|
11
11
|
import { useRef, cloneElement } from "react";
|
|
12
12
|
import { icons } from "../../icons/icons.js";
|
|
13
|
-
import "../../react-jsx-parser.min-
|
|
13
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
14
14
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
15
15
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
16
16
|
import { c as cva } from "../../index-BHpUy2Ix.js";
|
|
17
17
|
import { randomId } from "../../utilities/hash.js";
|
|
18
|
-
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-
|
|
18
|
+
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-8S94U4xM.js";
|
|
19
19
|
/**
|
|
20
20
|
* Select menu.
|
|
21
21
|
*
|
|
@@ -2,12 +2,12 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
3
3
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
4
4
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
5
|
-
import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-
|
|
5
|
+
import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-BIbaMdUE.js";
|
|
6
6
|
import { BaseControl } from "../base-control/base-control.js";
|
|
7
7
|
import { icons } from "../../icons/icons.js";
|
|
8
8
|
import { getColumnConfigOutputText } from "./utils.js";
|
|
9
9
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
10
|
-
import { A as AnimatePresence, m as motion } from "../../proxy-
|
|
10
|
+
import { A as AnimatePresence, m as motion } from "../../proxy-DFlYXk07.js";
|
|
11
11
|
/**
|
|
12
12
|
* A two-thumb slider for selecting a range of columns.
|
|
13
13
|
*
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
|
|
4
|
-
import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-
|
|
4
|
+
import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-BIbaMdUE.js";
|
|
5
5
|
import { BaseControl } from "../base-control/base-control.js";
|
|
6
6
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
7
7
|
import { NumberPicker } from "../number-picker/number-picker.js";
|
|
8
8
|
import { generateMarkers, generateGridTemplate } from "./utils.js";
|
|
9
9
|
import { HStack } from "../layout/hstack.js";
|
|
10
|
-
import { A as AnimatePresence, m as motion } from "../../proxy-
|
|
10
|
+
import { A as AnimatePresence, m as motion } from "../../proxy-DFlYXk07.js";
|
|
11
11
|
/**
|
|
12
12
|
* A single/multi-thumb slider component.
|
|
13
13
|
*
|
|
@@ -3,7 +3,7 @@ import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
|
3
3
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
4
4
|
import { useState, useRef, useEffect, cloneElement } from "react";
|
|
5
5
|
import { icons } from "../../icons/icons.js";
|
|
6
|
-
import "../../react-jsx-parser.min-
|
|
6
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
7
7
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
8
8
|
import { cyrb64Hash } from "../../utilities/hash.js";
|
|
9
9
|
const WORKER_CODE = "const getSaturation = (r, g, b) => {\n // Convert 0-255 to 0-1 range.\n const red = r / 255;\n const green = g / 255;\n const blue = b / 255;\n\n const max = Math.max(red, green, blue);\n const min = Math.min(red, green, blue);\n const delta = max - min;\n\n // If the maximum brightness is less than ~5% (approx RGB 13),\n // the human eye just sees \"black\", regardless of the color math.\n if (max < 0.05) {\n return 0;\n }\n\n // Standard HSV Calculation\n let saturation = 0;\n\n if (max !== 0) {\n saturation = delta / max;\n }\n\n return parseFloat(saturation.toFixed(3));\n};\n\n// Helper to convert RGB to Hex\nconst rgbToHex = (r, g, b) => '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();\n\nself.onmessage = (e) => {\n const { buffer, width, height, config } = e.data;\n const { maxColors = 5, threshold = 96, transparencyThreshold = 255 } = config;\n const stride = 4;\n\n // [1] Check transparency.\n const isTransparent = (idx) => buffer[idx + 3] < transparencyThreshold;\n const getIdx = (x, y) => (y * width + x) * stride;\n\n const corners = {\n topLeft: isTransparent(getIdx(0, 0)),\n topRight: isTransparent(getIdx(width - 1, 0)),\n bottomLeft: isTransparent(getIdx(0, height - 1)),\n bottomRight: isTransparent(getIdx(width - 1, height - 1)),\n };\n\n const sides = { top: false, bottom: false, left: false, right: false };\n\n // Scan top/bottom.\n for (let x = 0; x < width; x += 5) {\n if (!sides.top && isTransparent(getIdx(x, 0))) {\n sides.top = true;\n }\n\n if (!sides.bottom && isTransparent(getIdx(x, height - 1))) {\n sides.bottom = true;\n }\n }\n\n // Scan left/right.\n for (let y = 0; y < height; y += 5) {\n if (!sides.left && isTransparent(getIdx(0, y))) {\n sides.left = true;\n }\n\n if (!sides.right && isTransparent(getIdx(width - 1, y))) {\n sides.right = true;\n }\n }\n\n // Internal transparency check\n let internalTransparent = false;\n const borderIsSolid = !Object.values(sides).some((v) => v);\n\n if (borderIsSolid) {\n const len = buffer.length;\n const step = Math.floor(len / 100);\n\n for (let i = 0; i < len; i += step) {\n const idx = i - (i % 4);\n\n if (buffer[idx + 3] < 255) {\n internalTransparent = true;\n break;\n }\n }\n } else {\n internalTransparent = true;\n }\n\n // [2] Analyze colors (Dominant + average)\n const colorCounts = {};\n const samplingRate = 20;\n let totalSampledPixels = 0;\n\n // Accumulators for Average Color\n let sumR = 0;\n let sumG = 0;\n let sumB = 0;\n\n for (let i = 0; i < buffer.length; i += stride * samplingRate) {\n const rRaw = buffer[i];\n const gRaw = buffer[i + 1];\n const bRaw = buffer[i + 2];\n const a = buffer[i + 3];\n\n // Strict alpha check (ignores anti-aliased SVG edges)\n if (a < 250) continue;\n\n totalSampledPixels++;\n\n // 1. Add to Average Sums (Use raw values for accuracy)\n sumR += rRaw;\n sumG += gRaw;\n sumB += bRaw;\n\n // 2. Add to Dominant Color Buckets (Quantized)\n const q = 5;\n const r = Math.round(rRaw / q) * q;\n const g = Math.round(gRaw / q) * q;\n const b = Math.round(bRaw / q) * q;\n\n const key = `${r},${g},${b}`;\n colorCounts[key] = (colorCounts[key] || 0) + 1;\n }\n\n // [3] Calculate Average Color\n let averageColor = null;\n\n if (totalSampledPixels > 0) {\n const avgR = Math.round(sumR / totalSampledPixels);\n const avgG = Math.round(sumG / totalSampledPixels);\n const avgB = Math.round(sumB / totalSampledPixels);\n const avgLum = 0.2126 * avgR + 0.7152 * avgG + 0.0722 * avgB;\n\n averageColor = {\n color: rgbToHex(avgR, avgG, avgB),\n isDark: avgLum <= 128,\n saturation: getSaturation(avgR, avgG, avgB),\n };\n }\n\n // [4] Process Dominant Colors\n const sortedRawColors = Object.entries(colorCounts)\n .map(([key, count]) => {\n const [r, g, b] = key.split(',').map(Number);\n\n return { r, g, b, count };\n })\n .sort((a, b) => b.count - a.count);\n\n const distinctPalette = [];\n\n for (const candidate of sortedRawColors) {\n if (distinctPalette.length >= maxColors) break;\n\n let isSimilar = false;\n\n for (const existing of distinctPalette) {\n const dist = Math.sqrt(Math.pow(candidate.r - existing.r, 2) + Math.pow(candidate.g - existing.g, 2) + Math.pow(candidate.b - existing.b, 2));\n\n if (dist < threshold) {\n existing.count += candidate.count;\n isSimilar = true;\n break;\n }\n }\n\n if (!isSimilar) {\n distinctPalette.push({ ...candidate });\n }\n }\n\n const palette = distinctPalette.map((item) => {\n const percentage = parseFloat((item.count / totalSampledPixels).toFixed(3));\n const lum = 0.2126 * item.r + 0.7152 * item.g + 0.0722 * item.b;\n\n return {\n color: rgbToHex(item.r, item.g, item.b),\n area: percentage,\n isDark: lum <= 128,\n saturation: getSaturation(item.r, item.g, item.b),\n };\n });\n\n self.postMessage({\n dominantColors: palette,\n averageColor,\n isDark: palette[0]?.isDark || false,\n isTransparent: internalTransparent || Object.values(corners).some((v) => v) || Object.values(sides).some((v) => v),\n transparencyInfo: {\n any: internalTransparent,\n left: sides.left,\n right: sides.right,\n top: sides.top,\n bottom: sides.bottom,\n topLeftCorner: corners.topLeft,\n topRightCorner: corners.topRight,\n bottomLeftCorner: corners.bottomLeft,\n bottomRightCorner: corners.bottomRight,\n },\n });\n};\n";
|
|
@@ -3,12 +3,12 @@ import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
|
3
3
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
4
4
|
import { useState, useRef, useEffect, cloneElement } from "react";
|
|
5
5
|
import { icons } from "../../icons/icons.js";
|
|
6
|
-
import "../../react-jsx-parser.min-
|
|
6
|
+
import "../../react-jsx-parser.min-DAh4myol.js";
|
|
7
7
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
8
8
|
import { useImageAnalysisWorker } from "../../utilities/web-workers.js";
|
|
9
9
|
import workerInline from "./worker-inline.js";
|
|
10
10
|
import { cyrb64Hash } from "../../utilities/hash.js";
|
|
11
|
-
import { b as analyzeImage } from "../../general-
|
|
11
|
+
import { b as analyzeImage } from "../../general-BfKmjm56.js";
|
|
12
12
|
/**
|
|
13
13
|
* @typedef {Object} CustomImageProps
|
|
14
14
|
* @property {JSX.Element} [props.renderError] - Component to render if image analysis fails. `(error) => JSX:Element`.
|