@eightshift/ui-components 5.2.1 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Button-RTwMSBs-.js → Button-npzfSoYo.js} +3 -3
- package/dist/{Dialog-Xf6AsnV-.js → Dialog-CQ8H6Noi.js} +77 -50
- package/dist/{FocusScope-BnwM-e8R.js → FocusScope-DJApHXhY.js} +1 -1
- package/dist/Form-Cq3fu75_.js +5 -0
- package/dist/{Group-C4cXobNT.js → Input-ChJaTNa5.js} +39 -39
- package/dist/{List-CwJTORxj.js → List-BiAnh5G5.js} +5 -5
- package/dist/{ListBox-BeC97FZ4.js → ListBox-D0Stb4wr.js} +13 -23
- package/dist/{OverlayArrow-EZ0v_ljk.js → OverlayArrow-DivvkAVb.js} +46 -25
- package/dist/{Separator-Fl7qSeN-.js → SearchField-jVsbJe1O.js} +151 -475
- package/dist/{Select-DEQf8ZWI.js → Select-ciHB1pub.js} +12 -11
- package/dist/{Select-ef7c0426.esm-D6WOCaYm.js → Select-ef7c0426.esm-CmTkSxDx.js} +3 -3
- package/dist/{Collection-D_KhdLDC.js → SelectionManager-CabSdgMq.js} +1801 -1777
- package/dist/Separator-BPvqJny4.js +344 -0
- package/dist/{Slider-BQFSEhvk.js → Slider-ChP04COa.js} +4 -4
- package/dist/{VisuallyHidden-D9s7FTtC.js → VisuallyHidden-X6SggVVO.js} +1 -1
- package/dist/assets/style-admin.css +315 -79
- package/dist/assets/style-editor.css +315 -79
- package/dist/assets/style.css +315 -79
- package/dist/assets/wp-font-enhancements.css +1 -1
- package/dist/assets/wp-ui-enhancements.css +5 -14
- package/dist/components/animated-visibility/animated-visibility.js +16 -16
- package/dist/components/button/button.js +7 -23
- package/dist/components/checkbox/checkbox.js +11 -10
- package/dist/components/color-pickers/color-picker.js +5 -4
- package/dist/components/color-pickers/color-swatch.js +1 -1
- package/dist/components/color-pickers/gradient-editor.js +7 -7
- package/dist/components/color-pickers/solid-color-picker.js +8 -8
- package/dist/components/component-toggle/component-toggle.js +1 -1
- package/dist/components/draggable/draggable-handle.js +1 -1
- package/dist/components/draggable/draggable.js +34 -17
- package/dist/components/draggable-list/draggable-list-item.js +1 -1
- package/dist/components/draggable-list/draggable-list.js +6 -4
- package/dist/components/expandable/expandable.js +5 -5
- package/dist/components/index.js +2 -1
- package/dist/components/input-field/input-field.js +139 -3
- package/dist/components/item-collection/item-collection.js +1 -1
- package/dist/components/link-input/link-input.js +16 -15
- package/dist/components/matrix-align/matrix-align.js +1 -1
- package/dist/components/menu/menu.js +94 -24
- package/dist/components/modal/modal.js +4 -4
- package/dist/components/notice/notice.js +6 -5
- package/dist/components/number-picker/number-picker.js +5 -5
- package/dist/components/option-select/option-select.js +1 -1
- package/dist/components/placeholders/file-placeholder.js +1 -1
- package/dist/components/popover/popover.js +7 -21
- package/dist/components/radio/radio.js +7 -6
- package/dist/components/repeater/repeater-item.js +1 -1
- package/dist/components/repeater/repeater.js +2 -2
- package/dist/components/responsive/mini-responsive.js +1 -1
- package/dist/components/responsive/responsive-legacy.js +1 -1
- package/dist/components/responsive/responsive.js +21 -20
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/rich-label/rich-label.js +28 -15
- package/dist/components/select/async-multi-select.js +3 -3
- package/dist/components/select/async-single-select.js +2 -2
- package/dist/components/select/custom-select-default-components.js +1 -1
- package/dist/components/select/multi-select-components.js +1 -1
- package/dist/components/select/multi-select.js +3 -3
- package/dist/components/select/react-select-component-wrappers.js +1 -1
- package/dist/components/select/single-select.js +2 -2
- package/dist/components/select/styles.js +1 -1
- package/dist/components/select/v2/async-multi-select.js +9 -9
- package/dist/components/select/v2/async-select.js +9 -9
- package/dist/components/select/v2/multi-select.js +8 -8
- package/dist/components/select/v2/shared.js +1 -1
- package/dist/components/select/v2/single-select.js +8 -8
- package/dist/components/slider/column-config-slider.js +2 -2
- package/dist/components/slider/slider.js +1 -1
- package/dist/components/slider/utils.js +1 -1
- package/dist/components/tabs/tabs.js +13 -9
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle-button/toggle-button.js +7 -7
- package/dist/components/tooltip/tooltip.js +12 -35
- package/dist/context-DCAZLyDS.js +7 -0
- package/dist/{default-i18n-DY6EfUSA.js → default-i18n-CN_q3KUs.js} +15 -56
- package/dist/icons/icons.js +3347 -30273
- package/dist/{index-641ee5b8.esm-Bu-mgopl.js → index-641ee5b8.esm-DVp0njHa.js} +10 -8
- package/dist/{index-CBHA_HDD.js → index-D8-Zjpbd.js} +18 -18
- package/dist/index.js +2 -1
- package/dist/{multi-select-components-rCCyCaKO.js → multi-select-components-CT_W0Cy9.js} +1 -1
- package/dist/{react-select-async.esm-XYrsKYb2.js → react-select-async.esm-Zl1LPaPb.js} +3 -3
- package/dist/{react-select.esm-CCSPY6XR.js → react-select.esm-Bu36HujU.js} +3 -3
- package/dist/{textSelection-D5tWX1rJ.js → textSelection-k0u64dDA.js} +1 -1
- package/dist/{useAsyncList-ZqaIH2gh.js → useAsyncList-D52mQcrH.js} +30 -0
- package/dist/{useButton-BtJSiQi3.js → useButton-Bn4ZT295.js} +4 -3
- package/dist/{useDragAndDrop-CddFteYC.js → useDragAndDrop-DVLrIdEn.js} +18 -10
- package/dist/{useFilter-Cl2ggwwq.js → useFilter-C4wo8Iii.js} +1 -1
- package/dist/{useFocusRing-D5BfOWag.js → useFocusRing-CUxgjvAY.js} +1 -1
- package/dist/{Form-BeMxJA29.js → useFormValidation-CUtZcedF.js} +5 -7
- package/dist/{useHover-44IApaa2.js → useHover-LmGemtHE.js} +24 -24
- package/dist/{useListState-BSkHuB7-.js → useListState-Xsk-aOvN.js} +8 -5
- package/dist/{useNumberField-JhWPy1JY.js → useNumberField-BCjjZWaz.js} +100 -99
- package/dist/{usePress-BnrkvZ7e.js → usePress-CBQIDzpQ.js} +12 -12
- package/dist/{useSingleSelectListState-CzJFsSHr.js → useSingleSelectListState-DattSD7d.js} +2 -2
- package/dist/{useToggle-OaIBlwRu.js → useToggle-C8CedY6Z.js} +2 -2
- package/dist/{useToggleState-BF8hvidm.js → useToggleState-CiAradXs.js} +1 -1
- package/package.json +25 -25
- package/dist/TextField-x_eEa_qR.js +0 -143
|
@@ -2,17 +2,18 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
|
2
2
|
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
|
|
3
3
|
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
|
|
4
4
|
import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-B8BgFmIQ.js";
|
|
5
|
-
import {
|
|
5
|
+
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
|
|
6
6
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-AxKZjtFm.js";
|
|
7
7
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
|
|
8
8
|
import React__default, { useMemo, useState, forwardRef, createContext, cloneElement } from "react";
|
|
9
9
|
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-yV9VVy9R.js";
|
|
10
|
-
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-
|
|
11
|
-
import { $ as $f645667febf57a63$export$4c014de7c8940b4c,
|
|
12
|
-
import { a as $
|
|
13
|
-
import {
|
|
10
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CBQIDzpQ.js";
|
|
11
|
+
import { $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-LmGemtHE.js";
|
|
12
|
+
import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-CUtZcedF.js";
|
|
13
|
+
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-DJApHXhY.js";
|
|
14
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CUxgjvAY.js";
|
|
14
15
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DMOmz986.js";
|
|
15
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-
|
|
16
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-X6SggVVO.js";
|
|
16
17
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
17
18
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
18
19
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
@@ -5,7 +5,7 @@ import { icons } from "../../icons/icons.js";
|
|
|
5
5
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
6
6
|
import { useContext } from "react";
|
|
7
7
|
import { Expandable } from "../expandable/expandable.js";
|
|
8
|
-
import { _ as __ } from "../../default-i18n-
|
|
8
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
9
9
|
import { RepeaterContext } from "./repeater-context.js";
|
|
10
10
|
/**
|
|
11
11
|
* A Repeater item.
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useId, useState } from "react";
|
|
3
|
-
import { _ as __ } from "../../default-i18n-
|
|
3
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
4
4
|
import { Button } from "../button/button.js";
|
|
5
5
|
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
9
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
10
|
-
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-
|
|
10
|
+
import { L as List, a as arrayRemove, b as arrayMove } from "../../List-BiAnh5G5.js";
|
|
11
11
|
import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
|
|
12
12
|
const fixIds = (items, itemIdBase) => {
|
|
13
13
|
return items?.map((item, i) => ({
|
|
@@ -3,7 +3,7 @@ import { cloneElement } from "react";
|
|
|
3
3
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
5
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
6
|
-
import { _ as __ } from "../../default-i18n-
|
|
6
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
7
7
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
8
8
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
9
9
|
import { icons } from "../../icons/icons.js";
|
|
@@ -3,7 +3,7 @@ import { useState } from "react";
|
|
|
3
3
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
5
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
6
|
-
import { _ as __ } from "../../default-i18n-
|
|
6
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
7
7
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
8
8
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
9
9
|
import { icons } from "../../icons/icons.js";
|
|
@@ -3,11 +3,11 @@ import { useState } from "react";
|
|
|
3
3
|
import { DecorativeTooltip } from "../tooltip/tooltip.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
5
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
6
|
-
import { _ as __ } from "../../default-i18n-
|
|
6
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
7
7
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
8
8
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
9
9
|
import { icons } from "../../icons/icons.js";
|
|
10
|
-
import { Menu, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
|
|
10
|
+
import { Menu, MenuSectionHeader, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
|
|
11
11
|
import { ResponsivePreview } from "../responsive-preview/responsive-preview.js";
|
|
12
12
|
import { Button, ButtonGroup } from "../button/button.js";
|
|
13
13
|
import { RichLabel } from "../rich-label/rich-label.js";
|
|
@@ -226,14 +226,7 @@ const Responsive = (props) => {
|
|
|
226
226
|
triggerIcon: icons.dropdownCaretAlt,
|
|
227
227
|
children: [
|
|
228
228
|
!noModeSelect && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
229
|
-
/* @__PURE__ */ jsx(
|
|
230
|
-
MenuItem,
|
|
231
|
-
{
|
|
232
|
-
className: "es:pb-0! es:pt-1!",
|
|
233
|
-
disabled: true,
|
|
234
|
-
children: __("Breakpoint mode", "eightshift-ui-components")
|
|
235
|
-
}
|
|
236
|
-
),
|
|
229
|
+
/* @__PURE__ */ jsx(MenuSectionHeader, { children: __("Breakpoint mode", "eightshift-ui-components") }),
|
|
237
230
|
/* @__PURE__ */ jsx(
|
|
238
231
|
MenuItem,
|
|
239
232
|
{
|
|
@@ -269,18 +262,26 @@ const Responsive = (props) => {
|
|
|
269
262
|
),
|
|
270
263
|
/* @__PURE__ */ jsx(MenuSeparator, {})
|
|
271
264
|
] }),
|
|
272
|
-
Object.keys(value).some((key) => !key?.startsWith("_") && typeof value?.[key] !== "undefined") && /* @__PURE__ */ jsx(
|
|
273
|
-
|
|
265
|
+
Object.keys(value).some((key) => !key?.startsWith("_") && typeof value?.[key] !== "undefined") && /* @__PURE__ */ jsx(
|
|
266
|
+
SubMenuItem,
|
|
274
267
|
{
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
268
|
+
manualWidth: true,
|
|
269
|
+
popoverProps: { className: "es:max-w-full!" },
|
|
270
|
+
trigger: /* @__PURE__ */ jsx(MenuItem, { icon: icons.previewResponsive, children: __("Responsive preview", "eightshift-ui-components") }),
|
|
271
|
+
children: /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(
|
|
272
|
+
ResponsivePreview,
|
|
273
|
+
{
|
|
274
|
+
value,
|
|
275
|
+
isDesktopFirst,
|
|
276
|
+
breakpoints,
|
|
277
|
+
desktopFirstBreakpoints,
|
|
278
|
+
options,
|
|
279
|
+
breakpointData,
|
|
280
|
+
breakpointUiData
|
|
281
|
+
}
|
|
282
|
+
) })
|
|
282
283
|
}
|
|
283
|
-
)
|
|
284
|
+
),
|
|
284
285
|
Object.keys(value).some((key) => !key?.startsWith("_") && typeof value?.[key] !== "undefined") && /* @__PURE__ */ jsx(MenuSeparator, {}),
|
|
285
286
|
/* @__PURE__ */ jsx(
|
|
286
287
|
MenuItem,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
3
3
|
import { upperFirst } from "../../utilities/es-dash.js";
|
|
4
4
|
import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
|
|
5
5
|
import { icons } from "../../icons/icons.js";
|
|
@@ -11,6 +11,9 @@ import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
|
11
11
|
* @param {JSX.Element} [props.as] - Element to render the label as. Not compatible with `contentsOnly`.
|
|
12
12
|
* @param {string} [props.className] - Classes to pass to the label.
|
|
13
13
|
* @param {string} [props.iconClassName] - Classes to pass to the icon.
|
|
14
|
+
* @param {string} [props.labelClassName] - Classes to pass to the label.
|
|
15
|
+
* @param {string} [props.subtitleClassName] - Classes to pass to the subtitle.
|
|
16
|
+
* @param {string} [props.labelSubtitleWrapClassName] - Classes to pass to the label/subtitle wrapper (not applicable when `contentsOnly` is set).
|
|
14
17
|
* @param {boolean} [props.fullWidth=false] - If `true`, the component will take up as much space as it can.
|
|
15
18
|
* @param {boolean} [props.contentsOnly] - If `true`, only the label (/icon/subtitle) will be rendered, without any wrapping elements. Useful if you want to provide your own layout.
|
|
16
19
|
* @param {boolean} [props.hidden] - If `true`, the component is not rendered.
|
|
@@ -29,33 +32,43 @@ import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
|
29
32
|
* @preserve
|
|
30
33
|
*/
|
|
31
34
|
const RichLabel = (props) => {
|
|
32
|
-
const {
|
|
35
|
+
const {
|
|
36
|
+
icon,
|
|
37
|
+
label,
|
|
38
|
+
subtitle,
|
|
39
|
+
as,
|
|
40
|
+
className,
|
|
41
|
+
iconClassName,
|
|
42
|
+
labelClassName,
|
|
43
|
+
subtitleClassName,
|
|
44
|
+
labelSubtitleWrapClassName,
|
|
45
|
+
fullWidth = false,
|
|
46
|
+
contentsOnly,
|
|
47
|
+
hidden,
|
|
48
|
+
noColor,
|
|
49
|
+
fullSizeSubtitle,
|
|
50
|
+
inlineSubtitle
|
|
51
|
+
} = props;
|
|
33
52
|
if (hidden) {
|
|
34
53
|
return null;
|
|
35
54
|
}
|
|
36
55
|
const ComponentToRender = as ?? "div";
|
|
37
56
|
if (contentsOnly) {
|
|
38
57
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
39
|
-
icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5
|
|
40
|
-
label && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance", !noColor && "es:text-secondary-800"), children: label }),
|
|
41
|
-
subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance es:text-xs es:opacity-65", !noColor && "es:text-secondary-800"), children: subtitle })
|
|
58
|
+
icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5", !noColor && "es:text-slate-500", iconClassName), children: icon }),
|
|
59
|
+
label && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance", !noColor && "es:text-secondary-800", labelClassName), children: label }),
|
|
60
|
+
subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance es:text-xs es:not-contrast-more:opacity-65", !noColor && "es:text-secondary-800", subtitleClassName), children: subtitle })
|
|
42
61
|
] });
|
|
43
62
|
}
|
|
44
63
|
return /* @__PURE__ */ jsxs(
|
|
45
64
|
ComponentToRender,
|
|
46
65
|
{
|
|
47
|
-
className: clsx(
|
|
48
|
-
"es:flex es:items-center es:gap-1.5 es:text-sm",
|
|
49
|
-
!noColor && "es:text-secondary-800 es:[&>span>svg]:text-slate-500",
|
|
50
|
-
noColor && "es:[&>span>svg]:opacity-80",
|
|
51
|
-
fullWidth && "es:grow",
|
|
52
|
-
className
|
|
53
|
-
),
|
|
66
|
+
className: clsx("es:flex es:items-center es:gap-2 es:text-sm", !noColor && "es:text-secondary-800 es:[&>span>svg]:text-slate-500", fullWidth && "es:grow", className),
|
|
54
67
|
children: [
|
|
55
|
-
icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5
|
|
56
|
-
(label || subtitle) && /* @__PURE__ */ jsxs("div", { className: clsx("es:flex es:items-start es:text-balance es:text-start", inlineSubtitle ? "es:gap-1.5" : "es:flex-col"), children: [
|
|
57
|
-
label && /* @__PURE__ */ jsx("span", { children: label }),
|
|
58
|
-
subtitle && /* @__PURE__ */ jsx("span", { className: clsx(!fullSizeSubtitle && "es:text-xs", "es:opacity-65"), children: subtitle })
|
|
68
|
+
icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5 es:shrink-0", noColor && "es:not-contrast-more:opacity-80", iconClassName), children: icon }),
|
|
69
|
+
(label || subtitle) && /* @__PURE__ */ jsxs("div", { className: clsx("es:flex es:items-start es:text-balance es:text-start", inlineSubtitle ? "es:gap-1.5" : "es:flex-col", labelSubtitleWrapClassName), children: [
|
|
70
|
+
label && /* @__PURE__ */ jsx("span", { className: labelClassName, children: label }),
|
|
71
|
+
subtitle && /* @__PURE__ */ jsx("span", { className: clsx(!fullSizeSubtitle && "es:text-xs", "es:not-contrast-more:opacity-65", subtitleClassName), children: subtitle })
|
|
59
72
|
] })
|
|
60
73
|
]
|
|
61
74
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useId } from "react";
|
|
3
|
-
import { A as AsyncSelect$1 } from "../../react-select-async.esm-
|
|
4
|
-
import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-
|
|
3
|
+
import { A as AsyncSelect$1 } from "../../react-select-async.esm-Zl1LPaPb.js";
|
|
4
|
+
import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-CT_W0Cy9.js";
|
|
5
5
|
import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
|
|
6
6
|
import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } from "./custom-select-default-components.js";
|
|
7
7
|
import { BaseControl } from "../base-control/base-control.js";
|
|
8
8
|
import { eightshiftSelectClasses } from "./styles.js";
|
|
9
|
-
import { c as components } from "../../index-641ee5b8.esm-
|
|
9
|
+
import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
|
|
10
10
|
/**
|
|
11
11
|
* Multi-select menu with async loading and re-ordering.
|
|
12
12
|
*
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { A as AsyncSelect$1 } from "../../react-select-async.esm-
|
|
2
|
+
import { A as AsyncSelect$1 } from "../../react-select-async.esm-Zl1LPaPb.js";
|
|
3
3
|
import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } from "./custom-select-default-components.js";
|
|
4
4
|
import { BaseControl } from "../base-control/base-control.js";
|
|
5
5
|
import { eightshiftSelectClasses } from "./styles.js";
|
|
6
|
-
import { c as components } from "../../index-641ee5b8.esm-
|
|
6
|
+
import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
|
|
7
7
|
/**
|
|
8
8
|
* Select menu with async loading.
|
|
9
9
|
*
|
|
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import React__default from "react";
|
|
3
3
|
import { icons } from "../../icons/icons.js";
|
|
4
4
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
5
|
-
import { c as components } from "../../index-641ee5b8.esm-
|
|
5
|
+
import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
|
|
6
6
|
/**
|
|
7
7
|
* Default dropdown indicator for CustomSelect.
|
|
8
8
|
*
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useId } from "react";
|
|
3
|
-
import { S as StateManagedSelect$1 } from "../../react-select.esm-
|
|
4
|
-
import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-
|
|
3
|
+
import { S as StateManagedSelect$1 } from "../../react-select.esm-Bu36HujU.js";
|
|
4
|
+
import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-CT_W0Cy9.js";
|
|
5
5
|
import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
|
|
6
6
|
import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } from "./custom-select-default-components.js";
|
|
7
7
|
import { getValue } from "./shared.js";
|
|
8
8
|
import { BaseControl } from "../base-control/base-control.js";
|
|
9
9
|
import { eightshiftSelectClasses } from "./styles.js";
|
|
10
|
-
import { c as components } from "../../index-641ee5b8.esm-
|
|
10
|
+
import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
|
|
11
11
|
/**
|
|
12
12
|
* Multi-select menu with re-orderable items.
|
|
13
13
|
*
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { S as StateManagedSelect$1 } from "../../react-select.esm-
|
|
2
|
+
import { S as StateManagedSelect$1 } from "../../react-select.esm-Bu36HujU.js";
|
|
3
3
|
import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } from "./custom-select-default-components.js";
|
|
4
4
|
import { getValue } from "./shared.js";
|
|
5
5
|
import { BaseControl } from "../base-control/base-control.js";
|
|
6
6
|
import { eightshiftSelectClasses } from "./styles.js";
|
|
7
|
-
import { c as components } from "../../index-641ee5b8.esm-
|
|
7
|
+
import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
|
|
8
8
|
/**
|
|
9
9
|
* Select menu.
|
|
10
10
|
*
|
|
@@ -15,7 +15,7 @@ const multiValueStyles = clsx(
|
|
|
15
15
|
const multiValueLabelStyles = "es:select-none";
|
|
16
16
|
const multiValueRemoveStyles = "es:hover:bg-red-500/15 es:hover:text-red-900 es:text-gray-500 es:rounded es:p-0.5 es:icon:size-3.5 es:icon:stroke-[1.5] es:transition";
|
|
17
17
|
const clearIndicatorStyles = "es:text-gray-500 es:p-1 es:rounded-md hover:bg-red-50 hover:text-red-800 es:transition";
|
|
18
|
-
const dropdownIndicatorStyles = "es:text-gray-500 es:px-1 es:group-hover:text-black es:icon:transition-transform es:icon:duration-500 es:icon:size-5
|
|
18
|
+
const dropdownIndicatorStyles = "es:text-gray-500 es:px-1 es:group-hover:text-black es:icon:transition-transform es:icon:duration-500 es:icon:size-5";
|
|
19
19
|
const menuStyles = "es:rounded-2xl es:border es:border-gray-200 es:bg-white es:shadow-lg es:mt-1 es:text-sm es:overflow-x-hidden es:min-w-48";
|
|
20
20
|
const optionStyles = {
|
|
21
21
|
base: "es:p-2 es:flex! es:items-center es:gap-1.5 es:text-gray-800 es:rounded-xl es:icon:size-5 es:icon:text-gray-500 es:transition es:mx-1 es:first:mt-1 es:last:mb-1 es:w-auto! es:min-h-9",
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
|
|
3
3
|
import { BaseControl } from "../../base-control/base-control.js";
|
|
4
|
-
import {
|
|
5
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-
|
|
6
|
-
import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-
|
|
7
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../
|
|
4
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
|
|
5
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
|
|
6
|
+
import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
|
|
7
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
|
|
8
8
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
|
|
9
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-
|
|
9
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-D0Stb4wr.js";
|
|
10
10
|
import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-AxKZjtFm.js";
|
|
11
|
-
import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-
|
|
11
|
+
import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DVLrIdEn.js";
|
|
12
12
|
import { useRef, useEffect, cloneElement } from "react";
|
|
13
13
|
import { icons } from "../../../icons/icons.js";
|
|
14
14
|
import "../../../react-jsx-parser.min-LF707GK8.js";
|
|
@@ -17,7 +17,7 @@ import { RichLabel } from "../../rich-label/rich-label.js";
|
|
|
17
17
|
import { c as clsx } from "../../../utils-cvK1vxO7.js";
|
|
18
18
|
import { truncateEnd, unescapeHTML } from "../../../utilities/text-helpers.js";
|
|
19
19
|
import { moveArrayItem } from "../shared.js";
|
|
20
|
-
import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-
|
|
20
|
+
import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-D52mQcrH.js";
|
|
21
21
|
/**
|
|
22
22
|
* Async multi-select menu.
|
|
23
23
|
*
|
|
@@ -337,7 +337,7 @@ const __AsyncMultiSelectNext = (props) => {
|
|
|
337
337
|
}
|
|
338
338
|
),
|
|
339
339
|
/* @__PURE__ */ jsx("div", { className: "es:w-full es:h-px es:bg-secondary-200 es:shrink-0" }),
|
|
340
|
-
list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5
|
|
340
|
+
list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5 es:motion-preset-spin es:motion-duration-1500" }) }),
|
|
341
341
|
/* @__PURE__ */ jsx(
|
|
342
342
|
$eed445e0843c11d0$export$41f133550aa26f48,
|
|
343
343
|
{
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
|
|
3
3
|
import { BaseControl } from "../../base-control/base-control.js";
|
|
4
|
-
import {
|
|
5
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-
|
|
6
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../
|
|
4
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
|
|
5
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
|
|
6
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
|
|
7
7
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
|
|
8
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-
|
|
9
|
-
import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-
|
|
10
|
-
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-
|
|
8
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-D0Stb4wr.js";
|
|
9
|
+
import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
|
|
10
|
+
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-ciHB1pub.js";
|
|
11
11
|
import { useRef, useEffect, cloneElement, useContext } from "react";
|
|
12
12
|
import { icons } from "../../../icons/icons.js";
|
|
13
13
|
import "../../../react-jsx-parser.min-LF707GK8.js";
|
|
@@ -15,7 +15,7 @@ import { OptionItemBase } from "./shared.js";
|
|
|
15
15
|
import { RichLabel } from "../../rich-label/rich-label.js";
|
|
16
16
|
import { unescapeHTML } from "../../../utilities/text-helpers.js";
|
|
17
17
|
import { c as clsx } from "../../../utils-cvK1vxO7.js";
|
|
18
|
-
import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-
|
|
18
|
+
import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-D52mQcrH.js";
|
|
19
19
|
/**
|
|
20
20
|
* Select menu with async loading.
|
|
21
21
|
*
|
|
@@ -291,7 +291,7 @@ const AsyncSelectNext = (props) => {
|
|
|
291
291
|
}
|
|
292
292
|
),
|
|
293
293
|
/* @__PURE__ */ jsx("div", { className: "es:w-full es:h-px es:bg-secondary-200 es:shrink-0" }),
|
|
294
|
-
list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5
|
|
294
|
+
list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5 es:motion-preset-spin es:motion-duration-1500" }) }),
|
|
295
295
|
/* @__PURE__ */ jsx(
|
|
296
296
|
$eed445e0843c11d0$export$41f133550aa26f48,
|
|
297
297
|
{
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
|
|
3
3
|
import { BaseControl } from "../../base-control/base-control.js";
|
|
4
|
-
import {
|
|
5
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-
|
|
6
|
-
import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-
|
|
7
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../
|
|
4
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
|
|
5
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
|
|
6
|
+
import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
|
|
7
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
|
|
8
8
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
|
|
9
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-
|
|
9
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-D0Stb4wr.js";
|
|
10
10
|
import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-AxKZjtFm.js";
|
|
11
|
-
import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-
|
|
11
|
+
import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DVLrIdEn.js";
|
|
12
12
|
import { useRef, cloneElement } from "react";
|
|
13
13
|
import { icons } from "../../../icons/icons.js";
|
|
14
14
|
import "../../../react-jsx-parser.min-LF707GK8.js";
|
|
@@ -17,7 +17,7 @@ import { RichLabel } from "../../rich-label/rich-label.js";
|
|
|
17
17
|
import { c as clsx } from "../../../utils-cvK1vxO7.js";
|
|
18
18
|
import { getValue, moveArrayItem } from "../shared.js";
|
|
19
19
|
import { truncateEnd } from "../../../utilities/text-helpers.js";
|
|
20
|
-
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-
|
|
20
|
+
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-C4wo8Iii.js";
|
|
21
21
|
/**
|
|
22
22
|
* Multi-select menu.
|
|
23
23
|
*
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-
|
|
2
|
+
import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-D0Stb4wr.js";
|
|
3
3
|
import { c as clsx } from "../../../utils-cvK1vxO7.js";
|
|
4
4
|
import { icons } from "../../../icons/icons.js";
|
|
5
5
|
import "react";
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
|
|
3
3
|
import { BaseControl } from "../../base-control/base-control.js";
|
|
4
|
-
import {
|
|
5
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-
|
|
6
|
-
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../
|
|
4
|
+
import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
|
|
5
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
|
|
6
|
+
import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
|
|
7
7
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
|
|
8
|
-
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-
|
|
9
|
-
import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-
|
|
10
|
-
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-
|
|
8
|
+
import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-D0Stb4wr.js";
|
|
9
|
+
import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
|
|
10
|
+
import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-ciHB1pub.js";
|
|
11
11
|
import { useRef, cloneElement, useContext } from "react";
|
|
12
12
|
import { icons } from "../../../icons/icons.js";
|
|
13
13
|
import "../../../react-jsx-parser.min-LF707GK8.js";
|
|
14
14
|
import { OptionItemBase } from "./shared.js";
|
|
15
15
|
import { RichLabel } from "../../rich-label/rich-label.js";
|
|
16
16
|
import { c as clsx } from "../../../utils-cvK1vxO7.js";
|
|
17
|
-
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-
|
|
17
|
+
import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-C4wo8Iii.js";
|
|
18
18
|
/**
|
|
19
19
|
* Select menu.
|
|
20
20
|
*
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { _ as __ } from "../../default-i18n-
|
|
2
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
3
3
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.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-ChP04COa.js";
|
|
5
5
|
import { BaseControl } from "../base-control/base-control.js";
|
|
6
6
|
import { icons } from "../../icons/icons.js";
|
|
7
7
|
import { getColumnConfigOutputText } from "./utils.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-cvK1vxO7.js";
|
|
3
3
|
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-DWVaNd2E.js";
|
|
4
|
-
import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-
|
|
4
|
+
import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-ChP04COa.js";
|
|
5
5
|
import { BaseControl } from "../base-control/base-control.js";
|
|
6
6
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
7
7
|
import { NumberPicker } from "../number-picker/number-picker.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
2
|
-
import { _ as __, a as _n } from "../../default-i18n-
|
|
2
|
+
import { _ as __, a as _n } from "../../default-i18n-CN_q3KUs.js";
|
|
3
3
|
/**
|
|
4
4
|
* Generates an array of markers based on the provided minimum and maximum values and step.
|
|
5
5
|
* If the step is less than 10, only markers divisible by 5 and 10 are included.
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as $880e95eb8b93ba9a$export$ecf600387e221c37,
|
|
2
|
+
import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, k as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, f as $e1995378a142960e$export$fb8073518f34e6ec, h as $7135fc7d473fd974$export$4feb769f8ddf26c5, l as $7135fc7d473fd974$export$a164736487e3f0ae, e as $e1995378a142960e$export$bf788dd355e3a401, m as $23b9f4fcf0fe224b$export$d68d59712b04d9d1, n as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../SelectionManager-CabSdgMq.js";
|
|
3
3
|
import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, l as $df56164dff5785e2$export$4338b53315abf666, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-cvK1vxO7.js";
|
|
4
4
|
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-rE6uR-lr.js";
|
|
5
5
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
|
|
6
|
-
import { b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "../../useListState-
|
|
6
|
+
import { b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "../../useListState-Xsk-aOvN.js";
|
|
7
7
|
import React__default, { useState, useMemo, useRef, useEffect, forwardRef, useContext, createContext, isValidElement, useId, cloneElement } from "react";
|
|
8
|
-
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-
|
|
9
|
-
import { $ as $f645667febf57a63$export$4c014de7c8940b4c,
|
|
8
|
+
import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CBQIDzpQ.js";
|
|
9
|
+
import { $ as $f645667febf57a63$export$4c014de7c8940b4c, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-LmGemtHE.js";
|
|
10
10
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-Cdxi6JSa.js";
|
|
11
|
-
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-
|
|
11
|
+
import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-DJApHXhY.js";
|
|
12
12
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DMOmz986.js";
|
|
13
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
14
|
-
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-
|
|
13
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CUxgjvAY.js";
|
|
14
|
+
import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-DattSD7d.js";
|
|
15
15
|
import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
|
|
16
|
-
import { _ as __ } from "../../default-i18n-
|
|
16
|
+
import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
|
|
17
17
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
18
18
|
import { c as cva } from "../../index-Dq3gT5pW.js";
|
|
19
19
|
import { Notice } from "../notice/notice.js";
|
|
@@ -55,6 +55,7 @@ function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
|
|
|
55
55
|
return "";
|
|
56
56
|
if (typeof key === "string") key = key.replace(/\s+/g, "");
|
|
57
57
|
let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
|
|
58
|
+
if (process.env.NODE_ENV !== "production" && !baseId) console.error("There is no tab id, please check if you have rendered the tab panel before the tab list.");
|
|
58
59
|
return `${baseId}-${role}-${key}`;
|
|
59
60
|
}
|
|
60
61
|
function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
|
|
@@ -349,7 +350,10 @@ function $5e8ad37a45e1c704$var$TabListInner({ props, forwardedRef: ref }) {
|
|
|
349
350
|
persistedKeys: $7135fc7d473fd974$export$90e00781bc59d8f9(state.selectionManager.focusedKey)
|
|
350
351
|
}));
|
|
351
352
|
}
|
|
352
|
-
|
|
353
|
+
class $5e8ad37a45e1c704$var$TabItemNode extends $23b9f4fcf0fe224b$export$d68d59712b04d9d1 {
|
|
354
|
+
}
|
|
355
|
+
$5e8ad37a45e1c704$var$TabItemNode.type = "item";
|
|
356
|
+
const $5e8ad37a45e1c704$export$3e41faf802a29e71 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664($5e8ad37a45e1c704$var$TabItemNode, (props, forwardedRef, item) => {
|
|
353
357
|
let state = useContext($5e8ad37a45e1c704$export$364712098d2aa57c);
|
|
354
358
|
let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
|
|
355
359
|
let { tabProps, isSelected, isDisabled, isPressed } = $0175d55c2a017ebc$export$fdf4756d5b8ef90a({
|
|
@@ -2,11 +2,11 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-cvK1vxO7.js";
|
|
3
3
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
|
|
4
4
|
import React__default, { forwardRef, createContext } from "react";
|
|
5
|
-
import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-
|
|
6
|
-
import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-
|
|
7
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
8
|
-
import {
|
|
9
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-
|
|
5
|
+
import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-CiAradXs.js";
|
|
6
|
+
import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-C8CedY6Z.js";
|
|
7
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CUxgjvAY.js";
|
|
8
|
+
import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-LmGemtHE.js";
|
|
9
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-X6SggVVO.js";
|
|
10
10
|
import { c as clsx } from "../../lite-DVmmD_-j.js";
|
|
11
11
|
function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
|
|
12
12
|
let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);
|