@duskmoon-dev/components 0.2.0 → 0.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/classes/index.d.ts +0 -1
- package/dist/classes/index.js +96 -31
- package/dist/components/alert/Alert.types.d.ts +1 -1
- package/dist/components/alert/index.js +6 -0
- package/dist/components/auto-complete/AutoComplete.types.d.ts +1 -1
- package/dist/components/auto-complete/index.js +3 -0
- package/dist/components/badge/Badge.types.d.ts +1 -1
- package/dist/components/badge/index.js +4 -0
- package/dist/components/button/Button.types.d.ts +1 -1
- package/dist/components/button/index.js +3 -0
- package/dist/components/checkbox/Checkbox.types.d.ts +1 -1
- package/dist/components/checkbox/index.js +8 -1
- package/dist/components/divider/Divider.types.d.ts +1 -1
- package/dist/components/divider/index.js +8 -2
- package/dist/components/dm-drawer/index.js +3 -0
- package/dist/components/dm-page-header/index.js +3 -0
- package/dist/components/dm-pro-table/DmProTable.d.ts +1 -1
- package/dist/components/dm-pro-table/DmProTable.types.d.ts +3 -2
- package/dist/components/dm-pro-table/index.js +11 -20
- package/dist/components/dm-query/index.js +3 -0
- package/dist/components/dm-search/index.js +3 -0
- package/dist/components/dm-table/index.js +3 -0
- package/dist/components/dm-toolbar/index.js +3 -0
- package/dist/components/dropdown/index.js +3 -0
- package/dist/components/popconfirm/index.js +3 -0
- package/dist/components/progress/Progress.types.d.ts +1 -1
- package/dist/components/progress/index.js +6 -3
- package/dist/components/radio/Radio.types.d.ts +1 -1
- package/dist/components/radio/index.js +8 -1
- package/dist/components/rate/Rate.types.d.ts +1 -1
- package/dist/components/rate/index.js +8 -2
- package/dist/components/slider/Slider.types.d.ts +1 -1
- package/dist/components/slider/index.js +9 -2
- package/dist/components/switch/Switch.types.d.ts +1 -1
- package/dist/components/switch/index.js +8 -1
- package/dist/components/tag/Tag.types.d.ts +1 -1
- package/dist/components/tag/index.js +5 -2
- package/dist/components/timeline/Timeline.types.d.ts +1 -1
- package/dist/components/timeline/index.js +6 -1
- package/dist/components/tour/index.js +3 -0
- package/dist/generated/version.d.ts +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +432 -377
- package/dist/infrastructure.js +1 -1
- package/dist/styles.css +502 -0
- package/package.json +1 -5
- package/dist/classes/dm-pro-table-inner.d.ts +0 -1
- package/dist/components/dm-pro-table-inner/DmProTableInner.d.ts +0 -7
- package/dist/components/dm-pro-table-inner/DmProTableInner.types.d.ts +0 -5
- package/dist/components/dm-pro-table-inner/index.d.ts +0 -2
- package/dist/components/dm-pro-table-inner/index.js +0 -2622
package/dist/index.js
CHANGED
|
@@ -79,7 +79,7 @@ var ThemeInitScript = () => {
|
|
|
79
79
|
import { useCallback as useCallback2, useState as useState2 } from "react";
|
|
80
80
|
|
|
81
81
|
// src/generated/version.ts
|
|
82
|
-
var version = "0.
|
|
82
|
+
var version = "0.3.0";
|
|
83
83
|
|
|
84
84
|
// src/infrastructure.ts
|
|
85
85
|
var theme = {
|
|
@@ -239,6 +239,9 @@ var buttonColorClasses = {
|
|
|
239
239
|
primary: "btn-primary",
|
|
240
240
|
secondary: "btn-secondary",
|
|
241
241
|
tertiary: "btn-tertiary",
|
|
242
|
+
accent: "btn-accent",
|
|
243
|
+
neutral: "btn-neutral",
|
|
244
|
+
base: "btn-base",
|
|
242
245
|
info: "btn-info",
|
|
243
246
|
success: "btn-success",
|
|
244
247
|
warning: "btn-warning",
|
|
@@ -1349,6 +1352,10 @@ var badgeBaseClass = "badge";
|
|
|
1349
1352
|
var badgeColorClasses = {
|
|
1350
1353
|
primary: "badge-primary",
|
|
1351
1354
|
secondary: "badge-secondary",
|
|
1355
|
+
tertiary: "badge-tertiary",
|
|
1356
|
+
accent: "badge-accent",
|
|
1357
|
+
neutral: "badge-neutral",
|
|
1358
|
+
base: "badge-base",
|
|
1352
1359
|
info: "badge-info",
|
|
1353
1360
|
success: "badge-success",
|
|
1354
1361
|
warning: "badge-warning",
|
|
@@ -1687,6 +1694,12 @@ import { forwardRef as forwardRef5 } from "react";
|
|
|
1687
1694
|
// src/classes/alert.ts
|
|
1688
1695
|
var alertBaseClass = "alert";
|
|
1689
1696
|
var alertColorClasses = {
|
|
1697
|
+
primary: "alert-primary",
|
|
1698
|
+
secondary: "alert-secondary",
|
|
1699
|
+
tertiary: "alert-tertiary",
|
|
1700
|
+
accent: "alert-accent",
|
|
1701
|
+
neutral: "alert-neutral",
|
|
1702
|
+
base: "alert-base",
|
|
1690
1703
|
info: "alert-info",
|
|
1691
1704
|
success: "alert-success",
|
|
1692
1705
|
warning: "alert-warning",
|
|
@@ -2870,6 +2883,9 @@ var autoCompleteColorClasses = {
|
|
|
2870
2883
|
primary: "autocomplete-primary",
|
|
2871
2884
|
secondary: "autocomplete-secondary",
|
|
2872
2885
|
tertiary: "autocomplete-tertiary",
|
|
2886
|
+
accent: "autocomplete-accent",
|
|
2887
|
+
neutral: "autocomplete-neutral",
|
|
2888
|
+
base: "autocomplete-base",
|
|
2873
2889
|
info: "autocomplete-info",
|
|
2874
2890
|
success: "autocomplete-success",
|
|
2875
2891
|
warning: "autocomplete-warning",
|
|
@@ -3309,7 +3325,14 @@ var checkboxLabelBaseClass = "checkbox-text";
|
|
|
3309
3325
|
var checkboxColorClasses = {
|
|
3310
3326
|
primary: "checkbox-primary",
|
|
3311
3327
|
secondary: "checkbox-secondary",
|
|
3312
|
-
tertiary: "checkbox-tertiary"
|
|
3328
|
+
tertiary: "checkbox-tertiary",
|
|
3329
|
+
accent: "checkbox-accent",
|
|
3330
|
+
neutral: "checkbox-neutral",
|
|
3331
|
+
base: "checkbox-base",
|
|
3332
|
+
info: "checkbox-info",
|
|
3333
|
+
success: "checkbox-success",
|
|
3334
|
+
warning: "checkbox-warning",
|
|
3335
|
+
error: "checkbox-error"
|
|
3313
3336
|
};
|
|
3314
3337
|
var checkboxSizeClasses = {
|
|
3315
3338
|
sm: "checkbox-sm",
|
|
@@ -4411,10 +4434,16 @@ var dividerThicknessClasses = {
|
|
|
4411
4434
|
thick: "divider-thick"
|
|
4412
4435
|
};
|
|
4413
4436
|
var dividerColorClasses = {
|
|
4414
|
-
neutral: "",
|
|
4415
4437
|
primary: "divider-primary",
|
|
4416
4438
|
secondary: "divider-secondary",
|
|
4417
|
-
tertiary: "divider-tertiary"
|
|
4439
|
+
tertiary: "divider-tertiary",
|
|
4440
|
+
accent: "divider-accent",
|
|
4441
|
+
neutral: "divider-neutral",
|
|
4442
|
+
base: "divider-base",
|
|
4443
|
+
info: "divider-info",
|
|
4444
|
+
success: "divider-success",
|
|
4445
|
+
warning: "divider-warning",
|
|
4446
|
+
error: "divider-error"
|
|
4418
4447
|
};
|
|
4419
4448
|
var dividerSpacingClasses = {
|
|
4420
4449
|
normal: "",
|
|
@@ -6795,6 +6824,9 @@ function getDmProTableClasses({ className }) {
|
|
|
6795
6824
|
return cn(dmProTableBaseClass, className);
|
|
6796
6825
|
}
|
|
6797
6826
|
|
|
6827
|
+
// src/components/dm-table/DmTable.tsx
|
|
6828
|
+
import { useMemo as useMemo21, useState as useState29 } from "react";
|
|
6829
|
+
|
|
6798
6830
|
// src/classes/dm-table.ts
|
|
6799
6831
|
var dmTableBaseClass = "dm-table";
|
|
6800
6832
|
var dmTableSearchClass = "dm-table-search";
|
|
@@ -6809,8 +6841,6 @@ var dmTablePaginationClass = "dm-table-pagination";
|
|
|
6809
6841
|
function getDmTableClasses({ className }) {
|
|
6810
6842
|
return cn(dmTableBaseClass, className);
|
|
6811
6843
|
}
|
|
6812
|
-
// src/components/dm-table/DmTable.tsx
|
|
6813
|
-
import { useMemo as useMemo21, useState as useState29 } from "react";
|
|
6814
6844
|
|
|
6815
6845
|
// src/components/dm-search/DmSearch.tsx
|
|
6816
6846
|
import {
|
|
@@ -8507,22 +8537,8 @@ function DmTable({
|
|
|
8507
8537
|
});
|
|
8508
8538
|
}
|
|
8509
8539
|
DmTable.displayName = "DmTable";
|
|
8510
|
-
// src/components/dm-pro-table-inner/DmProTableInner.tsx
|
|
8511
|
-
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
8512
|
-
function DmProTableInner({
|
|
8513
|
-
rowData,
|
|
8514
|
-
className,
|
|
8515
|
-
...props
|
|
8516
|
-
}) {
|
|
8517
|
-
return /* @__PURE__ */ jsx49(DmTable, {
|
|
8518
|
-
...props,
|
|
8519
|
-
className: getDmTableClasses({ className }),
|
|
8520
|
-
dataSource: rowData
|
|
8521
|
-
});
|
|
8522
|
-
}
|
|
8523
|
-
DmProTableInner.displayName = "DmProTableInner";
|
|
8524
8540
|
// src/components/dm-pro-table/DmProTable.tsx
|
|
8525
|
-
import { jsx as
|
|
8541
|
+
import { jsx as jsx49, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
8526
8542
|
function renderToolbar(toolBarRender) {
|
|
8527
8543
|
if (typeof toolBarRender === "function")
|
|
8528
8544
|
return toolBarRender();
|
|
@@ -8535,6 +8551,7 @@ function DmProTable({
|
|
|
8535
8551
|
showTitleBar = true,
|
|
8536
8552
|
columnSettingVisible,
|
|
8537
8553
|
className,
|
|
8554
|
+
rowData,
|
|
8538
8555
|
...props
|
|
8539
8556
|
}) {
|
|
8540
8557
|
return /* @__PURE__ */ jsxs35("div", {
|
|
@@ -8543,17 +8560,17 @@ function DmProTable({
|
|
|
8543
8560
|
showTitleBar ? /* @__PURE__ */ jsxs35("div", {
|
|
8544
8561
|
className: dmProTableHeaderClass,
|
|
8545
8562
|
children: [
|
|
8546
|
-
/* @__PURE__ */
|
|
8563
|
+
/* @__PURE__ */ jsx49("div", {
|
|
8547
8564
|
className: dmProTableTitleClass,
|
|
8548
8565
|
children: headerTitle
|
|
8549
8566
|
}),
|
|
8550
8567
|
/* @__PURE__ */ jsxs35("div", {
|
|
8551
8568
|
className: dmProTableToolbarClass,
|
|
8552
8569
|
children: [
|
|
8553
|
-
toolbarItems?.length ? /* @__PURE__ */
|
|
8570
|
+
toolbarItems?.length ? /* @__PURE__ */ jsx49(DmToolbar, {
|
|
8554
8571
|
items: toolbarItems
|
|
8555
8572
|
}) : renderToolbar(toolBarRender),
|
|
8556
|
-
columnSettingVisible ? /* @__PURE__ */
|
|
8573
|
+
columnSettingVisible ? /* @__PURE__ */ jsx49(Button, {
|
|
8557
8574
|
type: "button",
|
|
8558
8575
|
color: "secondary",
|
|
8559
8576
|
appearance: "outline",
|
|
@@ -8564,9 +8581,10 @@ function DmProTable({
|
|
|
8564
8581
|
})
|
|
8565
8582
|
]
|
|
8566
8583
|
}) : null,
|
|
8567
|
-
/* @__PURE__ */
|
|
8584
|
+
/* @__PURE__ */ jsx49(DmTable, {
|
|
8568
8585
|
...props,
|
|
8569
|
-
columnSettingVisible: showTitleBar ? false : columnSettingVisible
|
|
8586
|
+
columnSettingVisible: showTitleBar ? false : columnSettingVisible,
|
|
8587
|
+
dataSource: rowData
|
|
8570
8588
|
})
|
|
8571
8589
|
]
|
|
8572
8590
|
});
|
|
@@ -8582,7 +8600,7 @@ function getDmProviderClasses({ className }) {
|
|
|
8582
8600
|
}
|
|
8583
8601
|
|
|
8584
8602
|
// src/components/dm-provider/DmProvider.tsx
|
|
8585
|
-
import { jsx as
|
|
8603
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
|
8586
8604
|
var DmProvider = forwardRef38(({
|
|
8587
8605
|
children,
|
|
8588
8606
|
className,
|
|
@@ -8610,7 +8628,7 @@ var DmProvider = forwardRef38(({
|
|
|
8610
8628
|
setDmPrimaryColor(colorPrimary);
|
|
8611
8629
|
}
|
|
8612
8630
|
}, [theme2]);
|
|
8613
|
-
return /* @__PURE__ */
|
|
8631
|
+
return /* @__PURE__ */ jsx50(ConfigProvider, {
|
|
8614
8632
|
...props,
|
|
8615
8633
|
ref,
|
|
8616
8634
|
component,
|
|
@@ -8630,7 +8648,7 @@ import {
|
|
|
8630
8648
|
useRef as useRef10,
|
|
8631
8649
|
useState as useState31
|
|
8632
8650
|
} from "react";
|
|
8633
|
-
import { jsx as
|
|
8651
|
+
import { jsx as jsx51, jsxs as jsxs36, Fragment as Fragment7 } from "react/jsx-runtime";
|
|
8634
8652
|
function toSearchItem(item) {
|
|
8635
8653
|
return {
|
|
8636
8654
|
key: item.key,
|
|
@@ -8660,7 +8678,7 @@ var DmQuery = forwardRef39(({
|
|
|
8660
8678
|
setSelectedItem(data.find((item) => item.name === value || item.key === value));
|
|
8661
8679
|
}
|
|
8662
8680
|
}));
|
|
8663
|
-
return /* @__PURE__ */
|
|
8681
|
+
return /* @__PURE__ */ jsx51(DmSearch, {
|
|
8664
8682
|
...props,
|
|
8665
8683
|
ref: searchRef,
|
|
8666
8684
|
defaultCollapsed: collapsed,
|
|
@@ -8670,7 +8688,7 @@ var DmQuery = forwardRef39(({
|
|
|
8670
8688
|
extra: /* @__PURE__ */ jsxs36(Fragment7, {
|
|
8671
8689
|
children: [
|
|
8672
8690
|
props.extra,
|
|
8673
|
-
/* @__PURE__ */
|
|
8691
|
+
/* @__PURE__ */ jsx51("button", {
|
|
8674
8692
|
type: "button",
|
|
8675
8693
|
hidden: true,
|
|
8676
8694
|
onClick: () => {
|
|
@@ -8747,7 +8765,7 @@ function getSplitterHandleClasses({
|
|
|
8747
8765
|
}
|
|
8748
8766
|
|
|
8749
8767
|
// src/components/splitter/Splitter.tsx
|
|
8750
|
-
import { jsx as
|
|
8768
|
+
import { jsx as jsx52, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
8751
8769
|
function toCssSize(size) {
|
|
8752
8770
|
if (typeof size === "number")
|
|
8753
8771
|
return `${size}px`;
|
|
@@ -8789,7 +8807,7 @@ var SplitterPanel = forwardRef40((props, ref) => {
|
|
|
8789
8807
|
delete domProps.resizable;
|
|
8790
8808
|
delete domProps.size;
|
|
8791
8809
|
delete domProps.style;
|
|
8792
|
-
return /* @__PURE__ */
|
|
8810
|
+
return /* @__PURE__ */ jsx52("div", {
|
|
8793
8811
|
...domProps,
|
|
8794
8812
|
ref,
|
|
8795
8813
|
className: getSplitterPanelClasses({
|
|
@@ -8845,7 +8863,7 @@ var SplitterRoot = forwardRef40(({
|
|
|
8845
8863
|
setCollapsedIndexes(nextCollapsedIndexes);
|
|
8846
8864
|
panel.props.onCollapse?.(nextCollapsed);
|
|
8847
8865
|
}
|
|
8848
|
-
return /* @__PURE__ */
|
|
8866
|
+
return /* @__PURE__ */ jsx52("div", {
|
|
8849
8867
|
...props,
|
|
8850
8868
|
ref,
|
|
8851
8869
|
className: getSplitterClasses({ layout, className }),
|
|
@@ -8877,21 +8895,21 @@ var SplitterRoot = forwardRef40(({
|
|
|
8877
8895
|
disabled: handleDisabled
|
|
8878
8896
|
}),
|
|
8879
8897
|
children: [
|
|
8880
|
-
/* @__PURE__ */
|
|
8898
|
+
/* @__PURE__ */ jsx52("button", {
|
|
8881
8899
|
type: "button",
|
|
8882
8900
|
"aria-label": "Resize previous panel smaller",
|
|
8883
8901
|
disabled: handleDisabled,
|
|
8884
8902
|
onClick: () => resizeAt(index, -1),
|
|
8885
8903
|
children: "-"
|
|
8886
8904
|
}),
|
|
8887
|
-
/* @__PURE__ */
|
|
8905
|
+
/* @__PURE__ */ jsx52("button", {
|
|
8888
8906
|
type: "button",
|
|
8889
8907
|
"aria-label": "Resize previous panel larger",
|
|
8890
8908
|
disabled: handleDisabled,
|
|
8891
8909
|
onClick: () => resizeAt(index, 1),
|
|
8892
8910
|
children: "+"
|
|
8893
8911
|
}),
|
|
8894
|
-
panel.props.collapsible ? /* @__PURE__ */
|
|
8912
|
+
panel.props.collapsible ? /* @__PURE__ */ jsx52("button", {
|
|
8895
8913
|
type: "button",
|
|
8896
8914
|
"aria-label": collapsed ? "Expand panel" : "Collapse panel",
|
|
8897
8915
|
onClick: () => toggleCollapse(index),
|
|
@@ -8908,7 +8926,7 @@ SplitterRoot.displayName = "Splitter";
|
|
|
8908
8926
|
SplitterRoot.Panel = SplitterPanel;
|
|
8909
8927
|
var Splitter = SplitterRoot;
|
|
8910
8928
|
// src/components/dm-splitter/DmSplitter.tsx
|
|
8911
|
-
import { jsx as
|
|
8929
|
+
import { jsx as jsx53, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
8912
8930
|
function storageAvailable() {
|
|
8913
8931
|
return typeof window !== "undefined" && Boolean(window.localStorage);
|
|
8914
8932
|
}
|
|
@@ -9037,13 +9055,13 @@ var DmSplitterRoot = forwardRef41(({
|
|
|
9037
9055
|
}),
|
|
9038
9056
|
style: wrapperStyle,
|
|
9039
9057
|
children: [
|
|
9040
|
-
shouldRenderReset ? /* @__PURE__ */
|
|
9058
|
+
shouldRenderReset ? /* @__PURE__ */ jsx53("button", {
|
|
9041
9059
|
type: "button",
|
|
9042
9060
|
className: dmSplitterResetClass,
|
|
9043
9061
|
onClick: handleReset,
|
|
9044
9062
|
children: resetLabel
|
|
9045
9063
|
}) : null,
|
|
9046
|
-
/* @__PURE__ */
|
|
9064
|
+
/* @__PURE__ */ jsx53(Splitter, {
|
|
9047
9065
|
...props,
|
|
9048
9066
|
ref,
|
|
9049
9067
|
layout,
|
|
@@ -9093,7 +9111,7 @@ function getEmptyClasses({ className }) {
|
|
|
9093
9111
|
}
|
|
9094
9112
|
|
|
9095
9113
|
// src/components/empty/Empty.tsx
|
|
9096
|
-
import { jsx as
|
|
9114
|
+
import { jsx as jsx54, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
9097
9115
|
var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
9098
9116
|
"aria-hidden": "true",
|
|
9099
9117
|
focusable: "false",
|
|
@@ -9101,7 +9119,7 @@ var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
|
9101
9119
|
width: "64",
|
|
9102
9120
|
height: "48",
|
|
9103
9121
|
children: [
|
|
9104
|
-
/* @__PURE__ */
|
|
9122
|
+
/* @__PURE__ */ jsx54("rect", {
|
|
9105
9123
|
x: "8",
|
|
9106
9124
|
y: "12",
|
|
9107
9125
|
width: "48",
|
|
@@ -9110,7 +9128,7 @@ var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
|
9110
9128
|
fill: "currentColor",
|
|
9111
9129
|
opacity: "0.16"
|
|
9112
9130
|
}),
|
|
9113
|
-
/* @__PURE__ */
|
|
9131
|
+
/* @__PURE__ */ jsx54("path", {
|
|
9114
9132
|
d: "M16 20h32M16 28h20",
|
|
9115
9133
|
stroke: "currentColor",
|
|
9116
9134
|
strokeWidth: "3",
|
|
@@ -9119,13 +9137,13 @@ var defaultImage = /* @__PURE__ */ jsxs39("svg", {
|
|
|
9119
9137
|
})
|
|
9120
9138
|
]
|
|
9121
9139
|
});
|
|
9122
|
-
var simpleImage = /* @__PURE__ */
|
|
9140
|
+
var simpleImage = /* @__PURE__ */ jsx54("svg", {
|
|
9123
9141
|
"aria-hidden": "true",
|
|
9124
9142
|
focusable: "false",
|
|
9125
9143
|
viewBox: "0 0 48 36",
|
|
9126
9144
|
width: "48",
|
|
9127
9145
|
height: "36",
|
|
9128
|
-
children: /* @__PURE__ */
|
|
9146
|
+
children: /* @__PURE__ */ jsx54("rect", {
|
|
9129
9147
|
x: "6",
|
|
9130
9148
|
y: "10",
|
|
9131
9149
|
width: "36",
|
|
@@ -9147,16 +9165,16 @@ var EmptyBase = forwardRef42(({
|
|
|
9147
9165
|
className: getEmptyClasses({ className }),
|
|
9148
9166
|
...props,
|
|
9149
9167
|
children: [
|
|
9150
|
-
image !== null && image !== false ? /* @__PURE__ */
|
|
9168
|
+
image !== null && image !== false ? /* @__PURE__ */ jsx54("div", {
|
|
9151
9169
|
className: emptyImageClass,
|
|
9152
9170
|
style: imageStyle,
|
|
9153
9171
|
children: image
|
|
9154
9172
|
}) : null,
|
|
9155
|
-
description !== false ? /* @__PURE__ */
|
|
9173
|
+
description !== false ? /* @__PURE__ */ jsx54("div", {
|
|
9156
9174
|
className: emptyDescriptionClass,
|
|
9157
9175
|
children: description
|
|
9158
9176
|
}) : null,
|
|
9159
|
-
children ? /* @__PURE__ */
|
|
9177
|
+
children ? /* @__PURE__ */ jsx54("div", {
|
|
9160
9178
|
className: emptyFooterClass,
|
|
9161
9179
|
children
|
|
9162
9180
|
}) : null
|
|
@@ -9193,7 +9211,7 @@ function getSpinClasses({
|
|
|
9193
9211
|
}
|
|
9194
9212
|
|
|
9195
9213
|
// src/components/spin/Spin.tsx
|
|
9196
|
-
import { jsx as
|
|
9214
|
+
import { jsx as jsx55, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
9197
9215
|
var defaultIndicator;
|
|
9198
9216
|
function setDefaultIndicator(indicator) {
|
|
9199
9217
|
defaultIndicator = indicator;
|
|
@@ -9248,10 +9266,10 @@ var SpinBase = forwardRef43(({
|
|
|
9248
9266
|
}),
|
|
9249
9267
|
...props,
|
|
9250
9268
|
children: [
|
|
9251
|
-
finalIndicator ?? /* @__PURE__ */
|
|
9269
|
+
finalIndicator ?? /* @__PURE__ */ jsx55("span", {
|
|
9252
9270
|
className: spinDotClass
|
|
9253
9271
|
}),
|
|
9254
|
-
tip ? /* @__PURE__ */
|
|
9272
|
+
tip ? /* @__PURE__ */ jsx55("div", {
|
|
9255
9273
|
className: spinTipClass,
|
|
9256
9274
|
children: tip
|
|
9257
9275
|
}) : null
|
|
@@ -9264,7 +9282,7 @@ var SpinBase = forwardRef43(({
|
|
|
9264
9282
|
className: cn(spinNestedLoadingClass, wrapperClassName),
|
|
9265
9283
|
children: [
|
|
9266
9284
|
active ? spin : null,
|
|
9267
|
-
/* @__PURE__ */
|
|
9285
|
+
/* @__PURE__ */ jsx55("div", {
|
|
9268
9286
|
className: cn(spinContainerClass, active && spinBlurClass),
|
|
9269
9287
|
children
|
|
9270
9288
|
})
|
|
@@ -9275,7 +9293,7 @@ SpinBase.displayName = "Spin";
|
|
|
9275
9293
|
var Spin = SpinBase;
|
|
9276
9294
|
Spin.setDefaultIndicator = setDefaultIndicator;
|
|
9277
9295
|
// src/components/dm-status/DmStatus.tsx
|
|
9278
|
-
import { jsx as
|
|
9296
|
+
import { jsx as jsx56, jsxs as jsxs41, Fragment as Fragment8 } from "react/jsx-runtime";
|
|
9279
9297
|
var defaultDescriptions = {
|
|
9280
9298
|
empty: "No data",
|
|
9281
9299
|
error: "Loading failed"
|
|
@@ -9287,7 +9305,7 @@ var emptyImage = /* @__PURE__ */ jsxs41("svg", {
|
|
|
9287
9305
|
width: "96",
|
|
9288
9306
|
height: "72",
|
|
9289
9307
|
children: [
|
|
9290
|
-
/* @__PURE__ */
|
|
9308
|
+
/* @__PURE__ */ jsx56("rect", {
|
|
9291
9309
|
x: "14",
|
|
9292
9310
|
y: "18",
|
|
9293
9311
|
width: "68",
|
|
@@ -9296,7 +9314,7 @@ var emptyImage = /* @__PURE__ */ jsxs41("svg", {
|
|
|
9296
9314
|
fill: "currentColor",
|
|
9297
9315
|
opacity: "0.12"
|
|
9298
9316
|
}),
|
|
9299
|
-
/* @__PURE__ */
|
|
9317
|
+
/* @__PURE__ */ jsx56("path", {
|
|
9300
9318
|
d: "M28 31h40M28 42h24",
|
|
9301
9319
|
stroke: "currentColor",
|
|
9302
9320
|
strokeWidth: "4",
|
|
@@ -9312,14 +9330,14 @@ var errorImage = /* @__PURE__ */ jsxs41("svg", {
|
|
|
9312
9330
|
width: "96",
|
|
9313
9331
|
height: "72",
|
|
9314
9332
|
children: [
|
|
9315
|
-
/* @__PURE__ */
|
|
9333
|
+
/* @__PURE__ */ jsx56("circle", {
|
|
9316
9334
|
cx: "48",
|
|
9317
9335
|
cy: "36",
|
|
9318
9336
|
r: "25",
|
|
9319
9337
|
fill: "currentColor",
|
|
9320
9338
|
opacity: "0.12"
|
|
9321
9339
|
}),
|
|
9322
|
-
/* @__PURE__ */
|
|
9340
|
+
/* @__PURE__ */ jsx56("path", {
|
|
9323
9341
|
d: "M39 27l18 18M57 27L39 45",
|
|
9324
9342
|
stroke: "currentColor",
|
|
9325
9343
|
strokeWidth: "5",
|
|
@@ -9338,7 +9356,7 @@ function normalizeImage(image, imageStyle) {
|
|
|
9338
9356
|
if (typeof image !== "string") {
|
|
9339
9357
|
return image;
|
|
9340
9358
|
}
|
|
9341
|
-
return /* @__PURE__ */
|
|
9359
|
+
return /* @__PURE__ */ jsx56("img", {
|
|
9342
9360
|
src: image,
|
|
9343
9361
|
alt: "",
|
|
9344
9362
|
className: dmStatusImageClass,
|
|
@@ -9358,7 +9376,7 @@ var DmStatus = forwardRef44(({
|
|
|
9358
9376
|
...props
|
|
9359
9377
|
}, ref) => {
|
|
9360
9378
|
if (status === "success") {
|
|
9361
|
-
return /* @__PURE__ */
|
|
9379
|
+
return /* @__PURE__ */ jsx56(Fragment8, {
|
|
9362
9380
|
children
|
|
9363
9381
|
});
|
|
9364
9382
|
}
|
|
@@ -9367,12 +9385,12 @@ var DmStatus = forwardRef44(({
|
|
|
9367
9385
|
...style
|
|
9368
9386
|
};
|
|
9369
9387
|
if (status === "loading") {
|
|
9370
|
-
return /* @__PURE__ */
|
|
9388
|
+
return /* @__PURE__ */ jsx56("div", {
|
|
9371
9389
|
ref,
|
|
9372
9390
|
className: getDmStatusClasses({ status, className }),
|
|
9373
9391
|
style: mergedStyle,
|
|
9374
9392
|
...props,
|
|
9375
|
-
children: /* @__PURE__ */
|
|
9393
|
+
children: /* @__PURE__ */ jsx56(Spin, {
|
|
9376
9394
|
...loadingProps,
|
|
9377
9395
|
wrapperClassName: dmStatusLoadingClass,
|
|
9378
9396
|
children
|
|
@@ -9381,14 +9399,14 @@ var DmStatus = forwardRef44(({
|
|
|
9381
9399
|
}
|
|
9382
9400
|
const finalImage = normalizeImage(image ?? (status === "error" ? errorImage : emptyImage), imageStyle);
|
|
9383
9401
|
const finalDescription = description ?? defaultDescriptions[status === "error" ? "error" : "empty"];
|
|
9384
|
-
return /* @__PURE__ */
|
|
9402
|
+
return /* @__PURE__ */ jsx56("div", {
|
|
9385
9403
|
ref,
|
|
9386
9404
|
className: getDmStatusClasses({ status, className }),
|
|
9387
9405
|
style: mergedStyle,
|
|
9388
9406
|
...props,
|
|
9389
|
-
children: /* @__PURE__ */
|
|
9407
|
+
children: /* @__PURE__ */ jsx56("div", {
|
|
9390
9408
|
className: dmStatusContentClass,
|
|
9391
|
-
children: /* @__PURE__ */
|
|
9409
|
+
children: /* @__PURE__ */ jsx56(Empty, {
|
|
9392
9410
|
image: finalImage,
|
|
9393
9411
|
imageStyle: typeof image === "string" ? undefined : imageStyle,
|
|
9394
9412
|
description: finalDescription,
|
|
@@ -9496,7 +9514,7 @@ function getTabPanelClasses({
|
|
|
9496
9514
|
}
|
|
9497
9515
|
|
|
9498
9516
|
// src/components/tabs/Tabs.tsx
|
|
9499
|
-
import { jsx as
|
|
9517
|
+
import { jsx as jsx57, jsxs as jsxs42, Fragment as Fragment10 } from "react/jsx-runtime";
|
|
9500
9518
|
function stringifyKey(key, index) {
|
|
9501
9519
|
return key == null ? String(index) : String(key);
|
|
9502
9520
|
}
|
|
@@ -9540,7 +9558,7 @@ function getTabLabel(item) {
|
|
|
9540
9558
|
const label = item.label ?? item.key;
|
|
9541
9559
|
return /* @__PURE__ */ jsxs42(Fragment10, {
|
|
9542
9560
|
children: [
|
|
9543
|
-
item.icon ? /* @__PURE__ */
|
|
9561
|
+
item.icon ? /* @__PURE__ */ jsx57("span", {
|
|
9544
9562
|
className: tabIconClass,
|
|
9545
9563
|
children: item.icon
|
|
9546
9564
|
}) : null,
|
|
@@ -9557,7 +9575,7 @@ function shouldRenderPanel({
|
|
|
9557
9575
|
return true;
|
|
9558
9576
|
return !(item.destroyInactiveTabPane ?? destroyInactiveTabPane);
|
|
9559
9577
|
}
|
|
9560
|
-
var TabPane = (props) => /* @__PURE__ */
|
|
9578
|
+
var TabPane = (props) => /* @__PURE__ */ jsx57(Fragment10, {
|
|
9561
9579
|
children: props.children
|
|
9562
9580
|
});
|
|
9563
9581
|
TabPane.displayName = "Tabs.TabPane";
|
|
@@ -9653,7 +9671,7 @@ var TabsBase = forwardRef45(({
|
|
|
9653
9671
|
onEdit?.(item.key, "remove");
|
|
9654
9672
|
}
|
|
9655
9673
|
}
|
|
9656
|
-
const tabList = /* @__PURE__ */
|
|
9674
|
+
const tabList = /* @__PURE__ */ jsx57("div", {
|
|
9657
9675
|
className: tabsBarClass,
|
|
9658
9676
|
children: /* @__PURE__ */ jsxs42("div", {
|
|
9659
9677
|
role: "tablist",
|
|
@@ -9672,7 +9690,7 @@ var TabsBase = forwardRef45(({
|
|
|
9672
9690
|
const showClose = editable && item.closable !== false && !item.disabled;
|
|
9673
9691
|
return /* @__PURE__ */ jsxs42(Fragment9, {
|
|
9674
9692
|
children: [
|
|
9675
|
-
/* @__PURE__ */
|
|
9693
|
+
/* @__PURE__ */ jsx57("button", {
|
|
9676
9694
|
ref: (element) => {
|
|
9677
9695
|
tabRefs.current[index] = element;
|
|
9678
9696
|
},
|
|
@@ -9692,7 +9710,7 @@ var TabsBase = forwardRef45(({
|
|
|
9692
9710
|
onKeyDown: (event) => handleKeyDown(item, index, event),
|
|
9693
9711
|
children: getTabLabel(item)
|
|
9694
9712
|
}),
|
|
9695
|
-
showClose ? /* @__PURE__ */
|
|
9713
|
+
showClose ? /* @__PURE__ */ jsx57("button", {
|
|
9696
9714
|
type: "button",
|
|
9697
9715
|
className: tabsCloseClass,
|
|
9698
9716
|
"aria-label": `Close tab ${item.key}`,
|
|
@@ -9705,7 +9723,7 @@ var TabsBase = forwardRef45(({
|
|
|
9705
9723
|
]
|
|
9706
9724
|
}, item.key);
|
|
9707
9725
|
}),
|
|
9708
|
-
editable && !hideAdd ? /* @__PURE__ */
|
|
9726
|
+
editable && !hideAdd ? /* @__PURE__ */ jsx57("button", {
|
|
9709
9727
|
type: "button",
|
|
9710
9728
|
className: tabsAddClass,
|
|
9711
9729
|
"aria-label": "Add tab",
|
|
@@ -9720,7 +9738,7 @@ var TabsBase = forwardRef45(({
|
|
|
9720
9738
|
if (!shouldRenderPanel({ item, active, destroyInactiveTabPane })) {
|
|
9721
9739
|
return null;
|
|
9722
9740
|
}
|
|
9723
|
-
return /* @__PURE__ */
|
|
9741
|
+
return /* @__PURE__ */ jsx57("div", {
|
|
9724
9742
|
id: `${tabsId}-panel-${item.key}`,
|
|
9725
9743
|
role: "tabpanel",
|
|
9726
9744
|
"aria-labelledby": `${tabsId}-tab-${item.key}`,
|
|
@@ -9751,7 +9769,7 @@ var Tabs = Object.assign(TabsBase, {
|
|
|
9751
9769
|
TabPane
|
|
9752
9770
|
});
|
|
9753
9771
|
// src/components/dm-tabs/DmTabs.tsx
|
|
9754
|
-
import { jsx as
|
|
9772
|
+
import { jsx as jsx58 } from "react/jsx-runtime";
|
|
9755
9773
|
var DmTabs = forwardRef46(({
|
|
9756
9774
|
type = "line",
|
|
9757
9775
|
tabPosition = "top",
|
|
@@ -9763,10 +9781,10 @@ var DmTabs = forwardRef46(({
|
|
|
9763
9781
|
style,
|
|
9764
9782
|
items,
|
|
9765
9783
|
...props
|
|
9766
|
-
}, ref) => /* @__PURE__ */
|
|
9784
|
+
}, ref) => /* @__PURE__ */ jsx58("div", {
|
|
9767
9785
|
className: getDmTabsShellClasses({}),
|
|
9768
9786
|
style,
|
|
9769
|
-
children: /* @__PURE__ */
|
|
9787
|
+
children: /* @__PURE__ */ jsx58(Tabs, {
|
|
9770
9788
|
...props,
|
|
9771
9789
|
ref,
|
|
9772
9790
|
items,
|
|
@@ -9865,7 +9883,7 @@ function getTreeNodeClasses({
|
|
|
9865
9883
|
}
|
|
9866
9884
|
|
|
9867
9885
|
// src/components/tree/Tree.tsx
|
|
9868
|
-
import { jsx as
|
|
9886
|
+
import { jsx as jsx59, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
9869
9887
|
function normalizeKeys4(keys) {
|
|
9870
9888
|
return keys?.map(String) ?? [];
|
|
9871
9889
|
}
|
|
@@ -9970,17 +9988,17 @@ var TreeNode = forwardRef47(({
|
|
|
9970
9988
|
"aria-disabled": disabled || undefined,
|
|
9971
9989
|
className: getTreeNodeClasses({ disabled, className }),
|
|
9972
9990
|
children: [
|
|
9973
|
-
checkable ? /* @__PURE__ */
|
|
9991
|
+
checkable ? /* @__PURE__ */ jsx59("input", {
|
|
9974
9992
|
type: "checkbox",
|
|
9975
9993
|
className: treeNodeCheckboxClass,
|
|
9976
9994
|
disabled,
|
|
9977
9995
|
readOnly: true
|
|
9978
9996
|
}) : null,
|
|
9979
|
-
hasNode5(icon) ? /* @__PURE__ */
|
|
9997
|
+
hasNode5(icon) ? /* @__PURE__ */ jsx59("span", {
|
|
9980
9998
|
className: treeNodeIconClass,
|
|
9981
9999
|
children: icon
|
|
9982
10000
|
}) : null,
|
|
9983
|
-
/* @__PURE__ */
|
|
10001
|
+
/* @__PURE__ */ jsx59("span", {
|
|
9984
10002
|
className: treeNodeTitleClass,
|
|
9985
10003
|
children: title
|
|
9986
10004
|
}),
|
|
@@ -10159,7 +10177,7 @@ function TreeRoot({
|
|
|
10159
10177
|
style: { paddingInlineStart: item.level * 16 },
|
|
10160
10178
|
draggable: nodeDraggable,
|
|
10161
10179
|
children: [
|
|
10162
|
-
/* @__PURE__ */
|
|
10180
|
+
/* @__PURE__ */ jsx59("button", {
|
|
10163
10181
|
type: "button",
|
|
10164
10182
|
"aria-label": expanded ? `Collapse ${item.keyString}` : `Expand ${item.keyString}`,
|
|
10165
10183
|
className: treeNodeSwitcherClass,
|
|
@@ -10170,7 +10188,7 @@ function TreeRoot({
|
|
|
10170
10188
|
},
|
|
10171
10189
|
children: expandable ? expanded ? "v" : ">" : showLine ? "-" : ""
|
|
10172
10190
|
}),
|
|
10173
|
-
nodeCheckable ? /* @__PURE__ */
|
|
10191
|
+
nodeCheckable ? /* @__PURE__ */ jsx59("input", {
|
|
10174
10192
|
type: "checkbox",
|
|
10175
10193
|
className: treeNodeCheckboxClass,
|
|
10176
10194
|
"aria-label": `Check ${item.keyString}`,
|
|
@@ -10179,17 +10197,17 @@ function TreeRoot({
|
|
|
10179
10197
|
onChange: (event) => checkNode(item, event),
|
|
10180
10198
|
onClick: (event) => event.stopPropagation()
|
|
10181
10199
|
}) : null,
|
|
10182
|
-
showIcon && hasNode5(item.node.icon) ? /* @__PURE__ */
|
|
10200
|
+
showIcon && hasNode5(item.node.icon) ? /* @__PURE__ */ jsx59("span", {
|
|
10183
10201
|
className: treeNodeIconClass,
|
|
10184
10202
|
children: item.node.icon
|
|
10185
10203
|
}) : null,
|
|
10186
|
-
/* @__PURE__ */
|
|
10204
|
+
/* @__PURE__ */ jsx59("span", {
|
|
10187
10205
|
className: treeNodeTitleClass,
|
|
10188
10206
|
children: title
|
|
10189
10207
|
})
|
|
10190
10208
|
]
|
|
10191
10209
|
}),
|
|
10192
|
-
expanded && item.children.length > 0 ? /* @__PURE__ */
|
|
10210
|
+
expanded && item.children.length > 0 ? /* @__PURE__ */ jsx59("ul", {
|
|
10193
10211
|
className: treeNodeChildrenClass,
|
|
10194
10212
|
role: "group",
|
|
10195
10213
|
children: item.children.map(renderNode)
|
|
@@ -10197,7 +10215,7 @@ function TreeRoot({
|
|
|
10197
10215
|
]
|
|
10198
10216
|
}, item.keyString);
|
|
10199
10217
|
}
|
|
10200
|
-
return /* @__PURE__ */
|
|
10218
|
+
return /* @__PURE__ */ jsx59("div", {
|
|
10201
10219
|
...props,
|
|
10202
10220
|
ref,
|
|
10203
10221
|
className: getTreeClasses({
|
|
@@ -10209,7 +10227,7 @@ function TreeRoot({
|
|
|
10209
10227
|
}),
|
|
10210
10228
|
role: "tree",
|
|
10211
10229
|
"aria-multiselectable": multiple || undefined,
|
|
10212
|
-
children: /* @__PURE__ */
|
|
10230
|
+
children: /* @__PURE__ */ jsx59("ul", {
|
|
10213
10231
|
className: treeListClass,
|
|
10214
10232
|
children: flatRoots.map(renderNode)
|
|
10215
10233
|
})
|
|
@@ -10217,7 +10235,7 @@ function TreeRoot({
|
|
|
10217
10235
|
}
|
|
10218
10236
|
var TreeBase = forwardRef47(TreeRoot);
|
|
10219
10237
|
function DirectoryTreeRoot({ className, multiple = true, ...props }, ref) {
|
|
10220
|
-
return /* @__PURE__ */
|
|
10238
|
+
return /* @__PURE__ */ jsx59(TreeBase, {
|
|
10221
10239
|
...props,
|
|
10222
10240
|
ref,
|
|
10223
10241
|
multiple,
|
|
@@ -10231,7 +10249,7 @@ Tree.TreeNode = TreeNodeComponent;
|
|
|
10231
10249
|
Tree.DirectoryTree = DirectoryTree;
|
|
10232
10250
|
Tree.displayName = "Tree";
|
|
10233
10251
|
// src/components/dm-tree/DmTree.tsx
|
|
10234
|
-
import { jsx as
|
|
10252
|
+
import { jsx as jsx60, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
10235
10253
|
var defaultFieldNames2 = {
|
|
10236
10254
|
title: "title",
|
|
10237
10255
|
key: "key",
|
|
@@ -10414,13 +10432,13 @@ function CommonDmTree({
|
|
|
10414
10432
|
const source = node.data ?? node;
|
|
10415
10433
|
const titleField = fieldName(fieldNames, "title");
|
|
10416
10434
|
const title = source[titleField] ?? source.title;
|
|
10417
|
-
const actions = typeof itemToolbar === "function" ? itemToolbar(source) : Array.isArray(itemToolbar) ? /* @__PURE__ */
|
|
10435
|
+
const actions = typeof itemToolbar === "function" ? itemToolbar(source) : Array.isArray(itemToolbar) ? /* @__PURE__ */ jsx60("span", {
|
|
10418
10436
|
className: getDmTreeItemToolbarClasses({
|
|
10419
10437
|
alwaysShow: itemToolbarAlwaysShow
|
|
10420
10438
|
}),
|
|
10421
10439
|
children: itemToolbar.filter((action) => shouldShowAction(action, source)).map((action, index) => {
|
|
10422
10440
|
const disabled = isActionDisabled(action, source);
|
|
10423
|
-
return /* @__PURE__ */
|
|
10441
|
+
return /* @__PURE__ */ jsx60("button", {
|
|
10424
10442
|
type: "button",
|
|
10425
10443
|
className: dmTreeItemToolbarClass,
|
|
10426
10444
|
"aria-label": action.title,
|
|
@@ -10438,11 +10456,11 @@ function CommonDmTree({
|
|
|
10438
10456
|
return /* @__PURE__ */ jsxs44("span", {
|
|
10439
10457
|
className: dmTreeNodeTitleClass,
|
|
10440
10458
|
children: [
|
|
10441
|
-
beforeIcon ? /* @__PURE__ */
|
|
10459
|
+
beforeIcon ? /* @__PURE__ */ jsx60("span", {
|
|
10442
10460
|
className: dmTreeNodePrefixClass,
|
|
10443
10461
|
children: typeof beforeIcon === "function" ? beforeIcon(source) : beforeIcon
|
|
10444
10462
|
}) : null,
|
|
10445
|
-
/* @__PURE__ */
|
|
10463
|
+
/* @__PURE__ */ jsx60("span", {
|
|
10446
10464
|
style: { minWidth: cssSize(minNodeWidth) },
|
|
10447
10465
|
children: title
|
|
10448
10466
|
}),
|
|
@@ -10450,25 +10468,25 @@ function CommonDmTree({
|
|
|
10450
10468
|
]
|
|
10451
10469
|
});
|
|
10452
10470
|
}
|
|
10453
|
-
return /* @__PURE__ */
|
|
10471
|
+
return /* @__PURE__ */ jsx60("div", {
|
|
10454
10472
|
className: getDmTreeClasses({ autoWidth, className }),
|
|
10455
10473
|
style: { width: mergedWidth, height: "100%", ...style },
|
|
10456
10474
|
children: /* @__PURE__ */ jsxs44("div", {
|
|
10457
10475
|
className: dmTreeContentClass,
|
|
10458
10476
|
children: [
|
|
10459
|
-
customTopToolbar ? /* @__PURE__ */
|
|
10477
|
+
customTopToolbar ? /* @__PURE__ */ jsx60("div", {
|
|
10460
10478
|
className: dmTreeToolbarClass,
|
|
10461
10479
|
children: customTopToolbar
|
|
10462
10480
|
}) : null,
|
|
10463
|
-
buttonTopToolbar ? /* @__PURE__ */
|
|
10481
|
+
buttonTopToolbar ? /* @__PURE__ */ jsx60("div", {
|
|
10464
10482
|
className: dmTreeToolbarClass,
|
|
10465
10483
|
children: renderToolbar2(buttonTopToolbar, selectedKey, selectedItem)
|
|
10466
10484
|
}) : null,
|
|
10467
|
-
iconTopToolbar ? /* @__PURE__ */
|
|
10485
|
+
iconTopToolbar ? /* @__PURE__ */ jsx60("div", {
|
|
10468
10486
|
className: dmTreeIconToolbarClass,
|
|
10469
10487
|
children: renderToolbar2(iconTopToolbar, selectedKey, selectedItem)
|
|
10470
10488
|
}) : null,
|
|
10471
|
-
showAll ? /* @__PURE__ */
|
|
10489
|
+
showAll ? /* @__PURE__ */ jsx60("button", {
|
|
10472
10490
|
type: "button",
|
|
10473
10491
|
className: getDmTreeAllButtonClasses({
|
|
10474
10492
|
selected: selectedKey === allItem.value
|
|
@@ -10476,20 +10494,20 @@ function CommonDmTree({
|
|
|
10476
10494
|
onClick: () => onChange?.(undefined, allItem.value, selectedKey),
|
|
10477
10495
|
children: allItem.label
|
|
10478
10496
|
}) : null,
|
|
10479
|
-
showSearch ? /* @__PURE__ */
|
|
10497
|
+
showSearch ? /* @__PURE__ */ jsx60("div", {
|
|
10480
10498
|
className: dmTreeSearchClass,
|
|
10481
|
-
children: /* @__PURE__ */
|
|
10499
|
+
children: /* @__PURE__ */ jsx60(Input, {
|
|
10482
10500
|
allowClear: true,
|
|
10483
10501
|
placeholder: searchPlaceholder,
|
|
10484
10502
|
value: searchValue,
|
|
10485
10503
|
onChange: handleSearch
|
|
10486
10504
|
})
|
|
10487
10505
|
}) : null,
|
|
10488
|
-
/* @__PURE__ */
|
|
10506
|
+
/* @__PURE__ */ jsx60("div", {
|
|
10489
10507
|
className: dmTreeBodyClass,
|
|
10490
|
-
children: loading ? /* @__PURE__ */
|
|
10508
|
+
children: loading ? /* @__PURE__ */ jsx60(DmStatus, {
|
|
10491
10509
|
status: "loading"
|
|
10492
|
-
}) : normalizedTree.length > 0 ? /* @__PURE__ */
|
|
10510
|
+
}) : normalizedTree.length > 0 ? /* @__PURE__ */ jsx60(Tree, {
|
|
10493
10511
|
...treeProps,
|
|
10494
10512
|
treeData: normalizedTree,
|
|
10495
10513
|
selectedKeys: selectedKey === undefined ? [] : [selectedKey],
|
|
@@ -10502,7 +10520,7 @@ function CommonDmTree({
|
|
|
10502
10520
|
setInternalExpandedKeys(keys);
|
|
10503
10521
|
onExpand?.(keys, info);
|
|
10504
10522
|
}
|
|
10505
|
-
}) : emptyNode ?? /* @__PURE__ */
|
|
10523
|
+
}) : emptyNode ?? /* @__PURE__ */ jsx60(DmStatus, {
|
|
10506
10524
|
status: "empty"
|
|
10507
10525
|
})
|
|
10508
10526
|
})
|
|
@@ -10527,7 +10545,7 @@ function OptionDmTree(props) {
|
|
|
10527
10545
|
const tabItems = items.map(({ TreeSetting, key, ...item }) => ({
|
|
10528
10546
|
...item,
|
|
10529
10547
|
key,
|
|
10530
|
-
children: /* @__PURE__ */
|
|
10548
|
+
children: /* @__PURE__ */ jsx60(CommonDmTree, {
|
|
10531
10549
|
...TreeSetting,
|
|
10532
10550
|
minNodeWidth: TreeSetting.minNodeWidth ?? minNodeWidth,
|
|
10533
10551
|
onChange: (node, selected, before) => {
|
|
@@ -10542,11 +10560,11 @@ function OptionDmTree(props) {
|
|
|
10542
10560
|
}
|
|
10543
10561
|
})
|
|
10544
10562
|
}));
|
|
10545
|
-
return /* @__PURE__ */
|
|
10563
|
+
return /* @__PURE__ */ jsx60("div", {
|
|
10546
10564
|
...rest,
|
|
10547
10565
|
className: getDmTreeClasses({ optionTree: true, className }),
|
|
10548
10566
|
style: { width: cssSize(width) ?? "100%", height: "100%", ...style },
|
|
10549
|
-
children: /* @__PURE__ */
|
|
10567
|
+
children: /* @__PURE__ */ jsx60(DmTabs, {
|
|
10550
10568
|
centered: true,
|
|
10551
10569
|
optionTree: true,
|
|
10552
10570
|
type: "line",
|
|
@@ -10559,7 +10577,7 @@ function OptionDmTree(props) {
|
|
|
10559
10577
|
}
|
|
10560
10578
|
var DmTree = (props) => {
|
|
10561
10579
|
if ("isTabTree" in props && props.isTabTree) {
|
|
10562
|
-
return /* @__PURE__ */
|
|
10580
|
+
return /* @__PURE__ */ jsx60(OptionDmTree, {
|
|
10563
10581
|
...props
|
|
10564
10582
|
});
|
|
10565
10583
|
}
|
|
@@ -10627,7 +10645,7 @@ function getTooltipClasses({
|
|
|
10627
10645
|
}
|
|
10628
10646
|
|
|
10629
10647
|
// src/components/tooltip/Tooltip.tsx
|
|
10630
|
-
import { jsx as
|
|
10648
|
+
import { jsx as jsx61, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
10631
10649
|
var Tooltip = forwardRef48(({
|
|
10632
10650
|
title,
|
|
10633
10651
|
placement = "top",
|
|
@@ -10690,7 +10708,7 @@ var Tooltip = forwardRef48(({
|
|
|
10690
10708
|
}),
|
|
10691
10709
|
children: [
|
|
10692
10710
|
title,
|
|
10693
|
-
arrow ? /* @__PURE__ */
|
|
10711
|
+
arrow ? /* @__PURE__ */ jsx61("span", {
|
|
10694
10712
|
className: tooltipArrowClass
|
|
10695
10713
|
}) : null
|
|
10696
10714
|
]
|
|
@@ -10700,7 +10718,7 @@ var Tooltip = forwardRef48(({
|
|
|
10700
10718
|
});
|
|
10701
10719
|
Tooltip.displayName = "Tooltip";
|
|
10702
10720
|
// src/components/dm-truncate/DmTruncate.tsx
|
|
10703
|
-
import { jsx as
|
|
10721
|
+
import { jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
10704
10722
|
function toPlainText(value) {
|
|
10705
10723
|
if (typeof value === "string" || typeof value === "number") {
|
|
10706
10724
|
return String(value);
|
|
@@ -10850,7 +10868,7 @@ var DmTruncate = forwardRef49(({
|
|
|
10850
10868
|
ref.current = node;
|
|
10851
10869
|
}
|
|
10852
10870
|
}
|
|
10853
|
-
const textNode = /* @__PURE__ */
|
|
10871
|
+
const textNode = /* @__PURE__ */ jsx62("span", {
|
|
10854
10872
|
ref: textRef,
|
|
10855
10873
|
className: getDmTruncateTextClasses({
|
|
10856
10874
|
multiline,
|
|
@@ -10860,7 +10878,7 @@ var DmTruncate = forwardRef49(({
|
|
|
10860
10878
|
style: textClampStyle,
|
|
10861
10879
|
children: displayValue
|
|
10862
10880
|
});
|
|
10863
|
-
return /* @__PURE__ */
|
|
10881
|
+
return /* @__PURE__ */ jsx62("div", {
|
|
10864
10882
|
...props,
|
|
10865
10883
|
ref: setRefs,
|
|
10866
10884
|
className: getDmTruncateClasses(className),
|
|
@@ -10868,13 +10886,13 @@ var DmTruncate = forwardRef49(({
|
|
|
10868
10886
|
children: /* @__PURE__ */ jsxs46("span", {
|
|
10869
10887
|
className: dmTruncateContentClass,
|
|
10870
10888
|
children: [
|
|
10871
|
-
!showOverflowTag && shouldShowPopover ? /* @__PURE__ */
|
|
10889
|
+
!showOverflowTag && shouldShowPopover ? /* @__PURE__ */ jsx62(Tooltip, {
|
|
10872
10890
|
title: popoverContent,
|
|
10873
10891
|
placement: "bottom",
|
|
10874
10892
|
...tooltipProps,
|
|
10875
10893
|
children: textNode
|
|
10876
10894
|
}) : textNode,
|
|
10877
|
-
/* @__PURE__ */
|
|
10895
|
+
/* @__PURE__ */ jsx62("span", {
|
|
10878
10896
|
ref: measureRef,
|
|
10879
10897
|
"aria-hidden": "true",
|
|
10880
10898
|
className: dmTruncateMeasureClass,
|
|
@@ -10887,18 +10905,18 @@ var DmTruncate = forwardRef49(({
|
|
|
10887
10905
|
},
|
|
10888
10906
|
children: textValue
|
|
10889
10907
|
}),
|
|
10890
|
-
showOverflowTag && shouldShowPopover ? /* @__PURE__ */
|
|
10908
|
+
showOverflowTag && shouldShowPopover ? /* @__PURE__ */ jsx62(Tooltip, {
|
|
10891
10909
|
title: popoverContent,
|
|
10892
10910
|
placement: "bottom",
|
|
10893
10911
|
...tooltipProps,
|
|
10894
|
-
children: /* @__PURE__ */
|
|
10912
|
+
children: /* @__PURE__ */ jsx62("span", {
|
|
10895
10913
|
"aria-label": "Text overflow",
|
|
10896
10914
|
role: "img",
|
|
10897
10915
|
className: dmTruncateOverflowTagClass,
|
|
10898
10916
|
children: "!"
|
|
10899
10917
|
})
|
|
10900
10918
|
}) : null,
|
|
10901
|
-
copyable && hasText ? /* @__PURE__ */
|
|
10919
|
+
copyable && hasText ? /* @__PURE__ */ jsx62("button", {
|
|
10902
10920
|
type: "button",
|
|
10903
10921
|
className: cn(dmTruncateCopyClass, "btn btn-text btn-xs"),
|
|
10904
10922
|
"aria-label": copied ? "Copied" : "Copy",
|
|
@@ -10926,7 +10944,7 @@ function getFlexClasses({
|
|
|
10926
10944
|
}
|
|
10927
10945
|
|
|
10928
10946
|
// src/components/flex/Flex.tsx
|
|
10929
|
-
import { jsx as
|
|
10947
|
+
import { jsx as jsx63 } from "react/jsx-runtime";
|
|
10930
10948
|
var gapMap = {
|
|
10931
10949
|
small: 8,
|
|
10932
10950
|
middle: 16,
|
|
@@ -10969,7 +10987,7 @@ var Flex = forwardRef50(({
|
|
|
10969
10987
|
...props
|
|
10970
10988
|
}, ref) => {
|
|
10971
10989
|
const resolvedGap = resolveGap(gap);
|
|
10972
|
-
return /* @__PURE__ */
|
|
10990
|
+
return /* @__PURE__ */ jsx63(Component, {
|
|
10973
10991
|
...props,
|
|
10974
10992
|
ref,
|
|
10975
10993
|
className: getFlexClasses({ vertical, wrap, className }),
|
|
@@ -11038,7 +11056,7 @@ function getFloatButtonBackTopClasses({
|
|
|
11038
11056
|
}
|
|
11039
11057
|
|
|
11040
11058
|
// src/components/float-button/FloatButton.tsx
|
|
11041
|
-
import { jsx as
|
|
11059
|
+
import { jsx as jsx64, jsxs as jsxs47, Fragment as Fragment11 } from "react/jsx-runtime";
|
|
11042
11060
|
var FloatButtonGroupContext = createContext5({});
|
|
11043
11061
|
function isTooltipConfig(tooltip) {
|
|
11044
11062
|
return typeof tooltip === "object" && tooltip !== null && !React57.isValidElement(tooltip) && "title" in tooltip;
|
|
@@ -11056,7 +11074,7 @@ function renderBadge(badge) {
|
|
|
11056
11074
|
const visible = badge.dot || count !== undefined;
|
|
11057
11075
|
if (!visible)
|
|
11058
11076
|
return null;
|
|
11059
|
-
return /* @__PURE__ */
|
|
11077
|
+
return /* @__PURE__ */ jsx64("span", {
|
|
11060
11078
|
className: cn(floatButtonBadgeClass, "badge badge-error absolute -right-1 -top-1", badge.dot && "badge-dot h-2 min-h-2 w-2 min-w-2 rounded-full p-0"),
|
|
11061
11079
|
style: badge.color ? { backgroundColor: badge.color } : undefined,
|
|
11062
11080
|
"aria-hidden": badge.dot ? true : undefined,
|
|
@@ -11101,11 +11119,11 @@ var InternalFloatButton = forwardRef51(({
|
|
|
11101
11119
|
const tooltipConfig = getTooltip(tooltip);
|
|
11102
11120
|
const content = /* @__PURE__ */ jsxs47(Fragment11, {
|
|
11103
11121
|
children: [
|
|
11104
|
-
icon ? /* @__PURE__ */
|
|
11122
|
+
icon ? /* @__PURE__ */ jsx64("span", {
|
|
11105
11123
|
className: floatButtonIconClass,
|
|
11106
11124
|
children: icon
|
|
11107
11125
|
}) : null,
|
|
11108
|
-
description ? /* @__PURE__ */
|
|
11126
|
+
description ? /* @__PURE__ */ jsx64("span", {
|
|
11109
11127
|
className: floatButtonDescriptionClass,
|
|
11110
11128
|
children: description
|
|
11111
11129
|
}) : null,
|
|
@@ -11119,7 +11137,7 @@ var InternalFloatButton = forwardRef51(({
|
|
|
11119
11137
|
hasDescription: Boolean(description),
|
|
11120
11138
|
className
|
|
11121
11139
|
});
|
|
11122
|
-
const tooltipNode = tooltipConfig?.title ? /* @__PURE__ */
|
|
11140
|
+
const tooltipNode = tooltipConfig?.title ? /* @__PURE__ */ jsx64("span", {
|
|
11123
11141
|
role: "tooltip",
|
|
11124
11142
|
className: cn(floatButtonTooltipClass, "tooltip tooltip-show", tooltipConfig.placement && `tooltip-${tooltipConfig.placement}`),
|
|
11125
11143
|
children: tooltipConfig.title
|
|
@@ -11176,7 +11194,7 @@ var FloatButtonGroup = forwardRef51(({
|
|
|
11176
11194
|
const isControlled = open3 !== undefined;
|
|
11177
11195
|
const [internalOpen, setInternalOpen] = useState40(trigger ? false : true);
|
|
11178
11196
|
const visible = isControlled ? open3 : internalOpen;
|
|
11179
|
-
return /* @__PURE__ */
|
|
11197
|
+
return /* @__PURE__ */ jsx64(FloatButtonGroupContext.Provider, {
|
|
11180
11198
|
value: { shape },
|
|
11181
11199
|
children: /* @__PURE__ */ jsxs47("div", {
|
|
11182
11200
|
...props,
|
|
@@ -11200,7 +11218,7 @@ var FloatButtonGroup = forwardRef51(({
|
|
|
11200
11218
|
},
|
|
11201
11219
|
children: [
|
|
11202
11220
|
visible ? children : null,
|
|
11203
|
-
trigger === "click" ? /* @__PURE__ */
|
|
11221
|
+
trigger === "click" ? /* @__PURE__ */ jsx64("button", {
|
|
11204
11222
|
type: "button",
|
|
11205
11223
|
className: "float-button-group-trigger",
|
|
11206
11224
|
"aria-expanded": visible,
|
|
@@ -11244,7 +11262,7 @@ var FloatButtonBackTop = forwardRef51(({
|
|
|
11244
11262
|
scrollTarget.addEventListener("scroll", updateVisible);
|
|
11245
11263
|
return () => scrollTarget.removeEventListener("scroll", updateVisible);
|
|
11246
11264
|
}, [target, visibilityHeight]);
|
|
11247
|
-
return /* @__PURE__ */
|
|
11265
|
+
return /* @__PURE__ */ jsx64(InternalFloatButton, {
|
|
11248
11266
|
...props,
|
|
11249
11267
|
ref,
|
|
11250
11268
|
icon,
|
|
@@ -11308,7 +11326,7 @@ function getFormItemClasses({
|
|
|
11308
11326
|
}
|
|
11309
11327
|
|
|
11310
11328
|
// src/components/form/Form.tsx
|
|
11311
|
-
import { jsx as
|
|
11329
|
+
import { jsx as jsx65, jsxs as jsxs48, Fragment as Fragment12 } from "react/jsx-runtime";
|
|
11312
11330
|
function nameKey(name) {
|
|
11313
11331
|
return Array.isArray(name) ? name.join(".") : String(name);
|
|
11314
11332
|
}
|
|
@@ -11525,9 +11543,9 @@ var FormBase = forwardRef52(({
|
|
|
11525
11543
|
setFieldError,
|
|
11526
11544
|
wrapperCol
|
|
11527
11545
|
]);
|
|
11528
|
-
return /* @__PURE__ */
|
|
11546
|
+
return /* @__PURE__ */ jsx65(FormContext.Provider, {
|
|
11529
11547
|
value: contextValue,
|
|
11530
|
-
children: /* @__PURE__ */
|
|
11548
|
+
children: /* @__PURE__ */ jsx65("form", {
|
|
11531
11549
|
...props,
|
|
11532
11550
|
name,
|
|
11533
11551
|
className: getFormClasses({ layout, disabled, className }),
|
|
@@ -11588,7 +11606,7 @@ var FormItem = forwardRef52(({
|
|
|
11588
11606
|
});
|
|
11589
11607
|
}
|
|
11590
11608
|
if (noStyle) {
|
|
11591
|
-
return /* @__PURE__ */
|
|
11609
|
+
return /* @__PURE__ */ jsx65(Fragment12, {
|
|
11592
11610
|
children: renderControl()
|
|
11593
11611
|
});
|
|
11594
11612
|
}
|
|
@@ -11601,21 +11619,21 @@ var FormItem = forwardRef52(({
|
|
|
11601
11619
|
className
|
|
11602
11620
|
}),
|
|
11603
11621
|
children: [
|
|
11604
|
-
label ? /* @__PURE__ */
|
|
11622
|
+
label ? /* @__PURE__ */ jsx65("label", {
|
|
11605
11623
|
className: formItemLabelClass,
|
|
11606
11624
|
children: label
|
|
11607
11625
|
}) : null,
|
|
11608
|
-
/* @__PURE__ */
|
|
11626
|
+
/* @__PURE__ */ jsx65("div", {
|
|
11609
11627
|
className: formItemControlClass,
|
|
11610
11628
|
children: renderControl()
|
|
11611
11629
|
}),
|
|
11612
|
-
extra ? /* @__PURE__ */
|
|
11630
|
+
extra ? /* @__PURE__ */ jsx65("div", {
|
|
11613
11631
|
className: formItemExtraClass,
|
|
11614
11632
|
children: extra
|
|
11615
11633
|
}) : null,
|
|
11616
|
-
help || fieldErrors.length > 0 ? /* @__PURE__ */
|
|
11634
|
+
help || fieldErrors.length > 0 ? /* @__PURE__ */ jsx65("div", {
|
|
11617
11635
|
className: formItemHelpClass,
|
|
11618
|
-
children: help ?? fieldErrors.map((error, index) => /* @__PURE__ */
|
|
11636
|
+
children: help ?? fieldErrors.map((error, index) => /* @__PURE__ */ jsx65("div", {
|
|
11619
11637
|
children: error
|
|
11620
11638
|
}, index))
|
|
11621
11639
|
}) : null
|
|
@@ -11635,7 +11653,7 @@ function FormList({ name, initialValue = [], children }) {
|
|
|
11635
11653
|
function setList(next) {
|
|
11636
11654
|
form.setFieldValue(name, next);
|
|
11637
11655
|
}
|
|
11638
|
-
return /* @__PURE__ */
|
|
11656
|
+
return /* @__PURE__ */ jsx65("div", {
|
|
11639
11657
|
className: formListClass,
|
|
11640
11658
|
children: children(fields, {
|
|
11641
11659
|
add: (defaultValue, insertIndex = list.length) => {
|
|
@@ -11656,17 +11674,17 @@ function FormList({ name, initialValue = [], children }) {
|
|
|
11656
11674
|
}, { errors: [] })
|
|
11657
11675
|
});
|
|
11658
11676
|
}
|
|
11659
|
-
var ErrorList = forwardRef52(({ errors = [], className, ...props }, ref) => /* @__PURE__ */
|
|
11677
|
+
var ErrorList = forwardRef52(({ errors = [], className, ...props }, ref) => /* @__PURE__ */ jsx65("div", {
|
|
11660
11678
|
...props,
|
|
11661
11679
|
ref,
|
|
11662
11680
|
className: [formErrorListClass, className].filter(Boolean).join(" "),
|
|
11663
|
-
children: errors.map((error, index) => /* @__PURE__ */
|
|
11681
|
+
children: errors.map((error, index) => /* @__PURE__ */ jsx65("div", {
|
|
11664
11682
|
children: error
|
|
11665
11683
|
}, index))
|
|
11666
11684
|
}));
|
|
11667
11685
|
ErrorList.displayName = "Form.ErrorList";
|
|
11668
11686
|
function FormProvider({ children }) {
|
|
11669
|
-
return /* @__PURE__ */
|
|
11687
|
+
return /* @__PURE__ */ jsx65(ProviderContext.Provider, {
|
|
11670
11688
|
value: {},
|
|
11671
11689
|
children
|
|
11672
11690
|
});
|
|
@@ -11806,7 +11824,7 @@ function getImagePreviewGroupClasses({
|
|
|
11806
11824
|
}
|
|
11807
11825
|
|
|
11808
11826
|
// src/components/image/Image.tsx
|
|
11809
|
-
import { jsx as
|
|
11827
|
+
import { jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
11810
11828
|
function previewEnabled(preview) {
|
|
11811
11829
|
return preview !== false;
|
|
11812
11830
|
}
|
|
@@ -11817,7 +11835,7 @@ function renderPlaceholder(placeholder) {
|
|
|
11817
11835
|
if (placeholder === false || placeholder === undefined || placeholder === null) {
|
|
11818
11836
|
return null;
|
|
11819
11837
|
}
|
|
11820
|
-
return /* @__PURE__ */
|
|
11838
|
+
return /* @__PURE__ */ jsx66("span", {
|
|
11821
11839
|
className: imagePlaceholderClass,
|
|
11822
11840
|
children: placeholder === true ? null : placeholder
|
|
11823
11841
|
});
|
|
@@ -11882,7 +11900,7 @@ var ImageBase = forwardRef53(({
|
|
|
11882
11900
|
"data-preview-enabled": isPreviewEnabled || undefined,
|
|
11883
11901
|
"data-preview-visible": previewVisible || undefined,
|
|
11884
11902
|
children: [
|
|
11885
|
-
hasImage ? /* @__PURE__ */
|
|
11903
|
+
hasImage ? /* @__PURE__ */ jsx66("img", {
|
|
11886
11904
|
...imgProps,
|
|
11887
11905
|
src: currentSrc,
|
|
11888
11906
|
alt,
|
|
@@ -11893,14 +11911,14 @@ var ImageBase = forwardRef53(({
|
|
|
11893
11911
|
onError: handleError
|
|
11894
11912
|
}) : null,
|
|
11895
11913
|
!hasImage || loading ? renderPlaceholder(placeholder) : null,
|
|
11896
|
-
isPreviewEnabled && hasImage && !failed ? /* @__PURE__ */
|
|
11914
|
+
isPreviewEnabled && hasImage && !failed ? /* @__PURE__ */ jsx66("button", {
|
|
11897
11915
|
type: "button",
|
|
11898
11916
|
className: imagePreviewMaskClass,
|
|
11899
11917
|
"aria-label": "Preview image",
|
|
11900
11918
|
onClick: () => setPreviewVisible(!previewVisible),
|
|
11901
11919
|
children: config2.mask
|
|
11902
11920
|
}) : null,
|
|
11903
|
-
previewVisible && isPreviewEnabled ? /* @__PURE__ */
|
|
11921
|
+
previewVisible && isPreviewEnabled ? /* @__PURE__ */ jsx66("img", {
|
|
11904
11922
|
src: config2.src ?? currentSrc,
|
|
11905
11923
|
alt,
|
|
11906
11924
|
className: cn(imageImgClass, "image-preview-img"),
|
|
@@ -11910,7 +11928,7 @@ var ImageBase = forwardRef53(({
|
|
|
11910
11928
|
});
|
|
11911
11929
|
});
|
|
11912
11930
|
ImageBase.displayName = "Image";
|
|
11913
|
-
var PreviewGroup = forwardRef53(({ preview = true, className, children, ...props }, ref) => /* @__PURE__ */
|
|
11931
|
+
var PreviewGroup = forwardRef53(({ preview = true, className, children, ...props }, ref) => /* @__PURE__ */ jsx66("div", {
|
|
11914
11932
|
...props,
|
|
11915
11933
|
ref,
|
|
11916
11934
|
className: getImagePreviewGroupClasses({ className }),
|
|
@@ -11949,7 +11967,7 @@ function getInputNumberClasses({
|
|
|
11949
11967
|
}
|
|
11950
11968
|
|
|
11951
11969
|
// src/components/input-number/InputNumber.tsx
|
|
11952
|
-
import { jsx as
|
|
11970
|
+
import { jsx as jsx67, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
11953
11971
|
function clamp2(value, min, max) {
|
|
11954
11972
|
const withMin = min === undefined ? value : Math.max(min, value);
|
|
11955
11973
|
return max === undefined ? withMin : Math.min(max, withMin);
|
|
@@ -12018,7 +12036,7 @@ var InputNumber = forwardRef54(({
|
|
|
12018
12036
|
className
|
|
12019
12037
|
}),
|
|
12020
12038
|
children: [
|
|
12021
|
-
/* @__PURE__ */
|
|
12039
|
+
/* @__PURE__ */ jsx67("input", {
|
|
12022
12040
|
...props,
|
|
12023
12041
|
ref,
|
|
12024
12042
|
type: "text",
|
|
@@ -12044,7 +12062,7 @@ var InputNumber = forwardRef54(({
|
|
|
12044
12062
|
controls ? /* @__PURE__ */ jsxs50("span", {
|
|
12045
12063
|
className: inputNumberControlsClass,
|
|
12046
12064
|
children: [
|
|
12047
|
-
/* @__PURE__ */
|
|
12065
|
+
/* @__PURE__ */ jsx67("button", {
|
|
12048
12066
|
type: "button",
|
|
12049
12067
|
className: inputNumberControlClass,
|
|
12050
12068
|
disabled: disabled || max !== undefined && Number(currentValue) >= max,
|
|
@@ -12052,7 +12070,7 @@ var InputNumber = forwardRef54(({
|
|
|
12052
12070
|
onClick: () => stepValue("up"),
|
|
12053
12071
|
children: "+"
|
|
12054
12072
|
}),
|
|
12055
|
-
/* @__PURE__ */
|
|
12073
|
+
/* @__PURE__ */ jsx67("button", {
|
|
12056
12074
|
type: "button",
|
|
12057
12075
|
className: inputNumberControlClass,
|
|
12058
12076
|
disabled: disabled || min !== undefined && Number(currentValue) <= min,
|
|
@@ -12101,7 +12119,7 @@ function getListItemClasses({
|
|
|
12101
12119
|
}
|
|
12102
12120
|
|
|
12103
12121
|
// src/components/list/List.tsx
|
|
12104
|
-
import { jsx as
|
|
12122
|
+
import { jsx as jsx68, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
12105
12123
|
function hasNode6(node) {
|
|
12106
12124
|
return node !== undefined && node !== null && node !== false;
|
|
12107
12125
|
}
|
|
@@ -12114,10 +12132,10 @@ function ListRoot({
|
|
|
12114
12132
|
className,
|
|
12115
12133
|
...props
|
|
12116
12134
|
}, ref) {
|
|
12117
|
-
const renderedItems = dataSource && renderItem ? dataSource.map((item, index) => /* @__PURE__ */
|
|
12135
|
+
const renderedItems = dataSource && renderItem ? dataSource.map((item, index) => /* @__PURE__ */ jsx68(React61.Fragment, {
|
|
12118
12136
|
children: renderItem(item, index)
|
|
12119
12137
|
}, index)) : children;
|
|
12120
|
-
return /* @__PURE__ */
|
|
12138
|
+
return /* @__PURE__ */ jsx68("div", {
|
|
12121
12139
|
...props,
|
|
12122
12140
|
ref,
|
|
12123
12141
|
className: getListClasses({ bordered, size, className }),
|
|
@@ -12130,15 +12148,15 @@ var ListItemMeta = forwardRef55(({ avatar, title, description, className, childr
|
|
|
12130
12148
|
ref,
|
|
12131
12149
|
className: cn(listItemContentClass, className),
|
|
12132
12150
|
children: [
|
|
12133
|
-
avatar ? /* @__PURE__ */
|
|
12151
|
+
avatar ? /* @__PURE__ */ jsx68("div", {
|
|
12134
12152
|
className: listItemLeadingClass,
|
|
12135
12153
|
children: avatar
|
|
12136
12154
|
}) : null,
|
|
12137
|
-
hasNode6(title) ? /* @__PURE__ */
|
|
12155
|
+
hasNode6(title) ? /* @__PURE__ */ jsx68("div", {
|
|
12138
12156
|
className: listItemTextClass,
|
|
12139
12157
|
children: title
|
|
12140
12158
|
}) : null,
|
|
12141
|
-
hasNode6(description) ? /* @__PURE__ */
|
|
12159
|
+
hasNode6(description) ? /* @__PURE__ */ jsx68("div", {
|
|
12142
12160
|
className: listItemSecondaryClass,
|
|
12143
12161
|
children: description
|
|
12144
12162
|
}) : null,
|
|
@@ -12197,7 +12215,7 @@ var ListItemRoot = forwardRef55(({
|
|
|
12197
12215
|
onClick: handleClick,
|
|
12198
12216
|
onKeyDown: handleKeyDown,
|
|
12199
12217
|
children: [
|
|
12200
|
-
/* @__PURE__ */
|
|
12218
|
+
/* @__PURE__ */ jsx68("div", {
|
|
12201
12219
|
className: listItemContentClass,
|
|
12202
12220
|
children
|
|
12203
12221
|
}),
|
|
@@ -12252,7 +12270,7 @@ function getMentionsOptionClasses({
|
|
|
12252
12270
|
}
|
|
12253
12271
|
|
|
12254
12272
|
// src/components/mentions/Mentions.tsx
|
|
12255
|
-
import { jsx as
|
|
12273
|
+
import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
12256
12274
|
function optionLabel3(option) {
|
|
12257
12275
|
return option.label ?? option.value;
|
|
12258
12276
|
}
|
|
@@ -12310,7 +12328,7 @@ function filterOptions3(options, searchText, filterOption) {
|
|
|
12310
12328
|
}
|
|
12311
12329
|
return options.filter((option) => optionText2(option).toLowerCase().includes(query));
|
|
12312
12330
|
}
|
|
12313
|
-
var Option3 = forwardRef56(({ children, ...props }, ref) => /* @__PURE__ */
|
|
12331
|
+
var Option3 = forwardRef56(({ children, ...props }, ref) => /* @__PURE__ */ jsx69("div", {
|
|
12314
12332
|
...props,
|
|
12315
12333
|
ref,
|
|
12316
12334
|
children
|
|
@@ -12435,7 +12453,7 @@ var MentionsRoot = forwardRef56(({
|
|
|
12435
12453
|
}
|
|
12436
12454
|
function renderOption(option, index) {
|
|
12437
12455
|
const focused = index === activeIndex;
|
|
12438
|
-
return /* @__PURE__ */
|
|
12456
|
+
return /* @__PURE__ */ jsx69("button", {
|
|
12439
12457
|
type: "button",
|
|
12440
12458
|
id: `${listboxId}-option-${index}`,
|
|
12441
12459
|
role: "option",
|
|
@@ -12462,7 +12480,7 @@ var MentionsRoot = forwardRef56(({
|
|
|
12462
12480
|
className
|
|
12463
12481
|
}),
|
|
12464
12482
|
children: [
|
|
12465
|
-
/* @__PURE__ */
|
|
12483
|
+
/* @__PURE__ */ jsx69("textarea", {
|
|
12466
12484
|
...props,
|
|
12467
12485
|
ref: setTextareaRef,
|
|
12468
12486
|
role: "combobox",
|
|
@@ -12478,14 +12496,14 @@ var MentionsRoot = forwardRef56(({
|
|
|
12478
12496
|
onClick: handleClick,
|
|
12479
12497
|
onKeyDown: handleKeyDown
|
|
12480
12498
|
}),
|
|
12481
|
-
isOpen ? /* @__PURE__ */
|
|
12499
|
+
isOpen ? /* @__PURE__ */ jsx69("div", {
|
|
12482
12500
|
id: listboxId,
|
|
12483
12501
|
role: "listbox",
|
|
12484
12502
|
className: getMentionsDropdownClasses({ placement }),
|
|
12485
|
-
children: visibleOptions.length > 0 ? /* @__PURE__ */
|
|
12503
|
+
children: visibleOptions.length > 0 ? /* @__PURE__ */ jsx69("div", {
|
|
12486
12504
|
className: mentionsOptionsClass,
|
|
12487
12505
|
children: visibleOptions.map(renderOption)
|
|
12488
|
-
}) : notFoundContent != null ? /* @__PURE__ */
|
|
12506
|
+
}) : notFoundContent != null ? /* @__PURE__ */ jsx69("div", {
|
|
12489
12507
|
className: mentionsNoOptionsClass,
|
|
12490
12508
|
children: notFoundContent
|
|
12491
12509
|
}) : null
|
|
@@ -12527,7 +12545,7 @@ function getPopoverClasses({
|
|
|
12527
12545
|
}
|
|
12528
12546
|
|
|
12529
12547
|
// src/components/popover/Popover.tsx
|
|
12530
|
-
import { jsx as
|
|
12548
|
+
import { jsx as jsx70, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
12531
12549
|
function callHandler2(handler, event) {
|
|
12532
12550
|
handler?.(event);
|
|
12533
12551
|
}
|
|
@@ -12672,11 +12690,11 @@ var Popover = forwardRef57(({
|
|
|
12672
12690
|
className
|
|
12673
12691
|
}),
|
|
12674
12692
|
children: [
|
|
12675
|
-
title ? /* @__PURE__ */
|
|
12693
|
+
title ? /* @__PURE__ */ jsx70("strong", {
|
|
12676
12694
|
children: title
|
|
12677
12695
|
}) : null,
|
|
12678
12696
|
content ?? null,
|
|
12679
|
-
arrow ? /* @__PURE__ */
|
|
12697
|
+
arrow ? /* @__PURE__ */ jsx70("span", {
|
|
12680
12698
|
className: popoverArrowClass
|
|
12681
12699
|
}) : null
|
|
12682
12700
|
]
|
|
@@ -12728,7 +12746,7 @@ function getPopconfirmClasses({
|
|
|
12728
12746
|
}
|
|
12729
12747
|
|
|
12730
12748
|
// src/components/popconfirm/Popconfirm.tsx
|
|
12731
|
-
import { jsx as
|
|
12749
|
+
import { jsx as jsx71, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
12732
12750
|
function normalizeTriggers(trigger) {
|
|
12733
12751
|
return Array.isArray(trigger) ? trigger : [trigger ?? "click"];
|
|
12734
12752
|
}
|
|
@@ -12871,18 +12889,18 @@ var Popconfirm = forwardRef58(({
|
|
|
12871
12889
|
/* @__PURE__ */ jsxs54("span", {
|
|
12872
12890
|
className: popconfirmBodyClass,
|
|
12873
12891
|
children: [
|
|
12874
|
-
icon ? /* @__PURE__ */
|
|
12892
|
+
icon ? /* @__PURE__ */ jsx71("span", {
|
|
12875
12893
|
className: popconfirmIconClass,
|
|
12876
12894
|
children: icon
|
|
12877
12895
|
}) : null,
|
|
12878
12896
|
/* @__PURE__ */ jsxs54("span", {
|
|
12879
12897
|
className: popconfirmContentClass,
|
|
12880
12898
|
children: [
|
|
12881
|
-
title ? /* @__PURE__ */
|
|
12899
|
+
title ? /* @__PURE__ */ jsx71("span", {
|
|
12882
12900
|
className: popconfirmTitleClass,
|
|
12883
12901
|
children: title
|
|
12884
12902
|
}) : null,
|
|
12885
|
-
description ? /* @__PURE__ */
|
|
12903
|
+
description ? /* @__PURE__ */ jsx71("span", {
|
|
12886
12904
|
className: popconfirmDescriptionClass,
|
|
12887
12905
|
children: description
|
|
12888
12906
|
}) : null
|
|
@@ -12893,7 +12911,7 @@ var Popconfirm = forwardRef58(({
|
|
|
12893
12911
|
/* @__PURE__ */ jsxs54("span", {
|
|
12894
12912
|
className: popconfirmActionsClass,
|
|
12895
12913
|
children: [
|
|
12896
|
-
showCancel ? /* @__PURE__ */
|
|
12914
|
+
showCancel ? /* @__PURE__ */ jsx71(Button, {
|
|
12897
12915
|
appearance: "text",
|
|
12898
12916
|
color: "secondary",
|
|
12899
12917
|
size: "sm",
|
|
@@ -12903,7 +12921,7 @@ var Popconfirm = forwardRef58(({
|
|
|
12903
12921
|
},
|
|
12904
12922
|
children: cancelText
|
|
12905
12923
|
}) : null,
|
|
12906
|
-
/* @__PURE__ */
|
|
12924
|
+
/* @__PURE__ */ jsx71(Button, {
|
|
12907
12925
|
color: "primary",
|
|
12908
12926
|
size: "sm",
|
|
12909
12927
|
...okButtonProps,
|
|
@@ -12915,7 +12933,7 @@ var Popconfirm = forwardRef58(({
|
|
|
12915
12933
|
})
|
|
12916
12934
|
]
|
|
12917
12935
|
}),
|
|
12918
|
-
arrow ? /* @__PURE__ */
|
|
12936
|
+
arrow ? /* @__PURE__ */ jsx71("span", {
|
|
12919
12937
|
className: popconfirmArrowClass
|
|
12920
12938
|
}) : null
|
|
12921
12939
|
]
|
|
@@ -12930,13 +12948,16 @@ import { forwardRef as forwardRef59 } from "react";
|
|
|
12930
12948
|
// src/classes/progress.ts
|
|
12931
12949
|
var progressBaseClass = "progress";
|
|
12932
12950
|
var progressColorClasses = {
|
|
12933
|
-
primary: "",
|
|
12951
|
+
primary: "progress-primary",
|
|
12934
12952
|
secondary: "progress-secondary",
|
|
12935
12953
|
tertiary: "progress-tertiary",
|
|
12954
|
+
accent: "progress-accent",
|
|
12955
|
+
neutral: "progress-neutral",
|
|
12956
|
+
base: "progress-base",
|
|
12957
|
+
info: "progress-info",
|
|
12936
12958
|
success: "progress-success",
|
|
12937
|
-
error: "progress-error",
|
|
12938
12959
|
warning: "progress-warning",
|
|
12939
|
-
|
|
12960
|
+
error: "progress-error"
|
|
12940
12961
|
};
|
|
12941
12962
|
var progressSizeClasses = {
|
|
12942
12963
|
sm: "progress-sm",
|
|
@@ -12955,7 +12976,7 @@ function getProgressClasses({
|
|
|
12955
12976
|
}
|
|
12956
12977
|
|
|
12957
12978
|
// src/components/progress/Progress.tsx
|
|
12958
|
-
import { jsx as
|
|
12979
|
+
import { jsx as jsx72, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
12959
12980
|
function clampPercent(percent) {
|
|
12960
12981
|
if (Number.isNaN(percent))
|
|
12961
12982
|
return 0;
|
|
@@ -12987,11 +13008,11 @@ var Progress = forwardRef59(({
|
|
|
12987
13008
|
}),
|
|
12988
13009
|
...props,
|
|
12989
13010
|
children: [
|
|
12990
|
-
/* @__PURE__ */
|
|
13011
|
+
/* @__PURE__ */ jsx72("div", {
|
|
12991
13012
|
className: "progress-bar",
|
|
12992
13013
|
style: indeterminate ? undefined : { width: `${safePercent}%` }
|
|
12993
13014
|
}),
|
|
12994
|
-
showInfo && /* @__PURE__ */
|
|
13015
|
+
showInfo && /* @__PURE__ */ jsx72("span", {
|
|
12995
13016
|
className: "progress-label",
|
|
12996
13017
|
children: format(safePercent)
|
|
12997
13018
|
}),
|
|
@@ -13039,7 +13060,7 @@ function getQRCodeClasses({
|
|
|
13039
13060
|
}
|
|
13040
13061
|
|
|
13041
13062
|
// src/components/qr-code/QRCode.tsx
|
|
13042
|
-
import { jsx as
|
|
13063
|
+
import { jsx as jsx73, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
13043
13064
|
var moduleCountByErrorLevel = {
|
|
13044
13065
|
L: 21,
|
|
13045
13066
|
M: 25,
|
|
@@ -13080,10 +13101,10 @@ function createModules(value, errorLevel) {
|
|
|
13080
13101
|
function renderIcon2(icon, iconSize) {
|
|
13081
13102
|
if (!icon)
|
|
13082
13103
|
return null;
|
|
13083
|
-
return /* @__PURE__ */
|
|
13104
|
+
return /* @__PURE__ */ jsx73("span", {
|
|
13084
13105
|
className: qrCodeIconClass,
|
|
13085
13106
|
style: { width: iconSize, height: iconSize },
|
|
13086
|
-
children: typeof icon === "string" ? /* @__PURE__ */
|
|
13107
|
+
children: typeof icon === "string" ? /* @__PURE__ */ jsx73("img", {
|
|
13087
13108
|
src: icon,
|
|
13088
13109
|
alt: ""
|
|
13089
13110
|
}) : icon
|
|
@@ -13094,13 +13115,13 @@ function QRCodeModules({
|
|
|
13094
13115
|
color
|
|
13095
13116
|
}) {
|
|
13096
13117
|
const count = modules.length;
|
|
13097
|
-
return /* @__PURE__ */
|
|
13118
|
+
return /* @__PURE__ */ jsx73("svg", {
|
|
13098
13119
|
className: qrCodeSvgClass,
|
|
13099
13120
|
viewBox: `0 0 ${count} ${count}`,
|
|
13100
13121
|
role: "img",
|
|
13101
13122
|
"aria-label": "QR code",
|
|
13102
13123
|
shapeRendering: "crispEdges",
|
|
13103
|
-
children: modules.map((row, rowIndex) => row.map((dark, colIndex) => dark ? /* @__PURE__ */
|
|
13124
|
+
children: modules.map((row, rowIndex) => row.map((dark, colIndex) => dark ? /* @__PURE__ */ jsx73("rect", {
|
|
13104
13125
|
x: colIndex,
|
|
13105
13126
|
y: rowIndex,
|
|
13106
13127
|
width: 1,
|
|
@@ -13113,12 +13134,12 @@ function CSSModules({
|
|
|
13113
13134
|
modules,
|
|
13114
13135
|
color
|
|
13115
13136
|
}) {
|
|
13116
|
-
return /* @__PURE__ */
|
|
13137
|
+
return /* @__PURE__ */ jsx73("span", {
|
|
13117
13138
|
className: qrCodeModulesClass,
|
|
13118
13139
|
style: { gridTemplateColumns: `repeat(${modules.length}, 1fr)` },
|
|
13119
13140
|
role: "img",
|
|
13120
13141
|
"aria-label": "QR code",
|
|
13121
|
-
children: modules.flatMap((row, rowIndex) => row.map((dark, colIndex) => /* @__PURE__ */
|
|
13142
|
+
children: modules.flatMap((row, rowIndex) => row.map((dark, colIndex) => /* @__PURE__ */ jsx73("span", {
|
|
13122
13143
|
className: cn(qrCodeModuleClass, dark && "qr-code-module-dark"),
|
|
13123
13144
|
style: dark ? { backgroundColor: color } : undefined
|
|
13124
13145
|
}, `${rowIndex}-${colIndex}`)))
|
|
@@ -13164,12 +13185,12 @@ var QRCode = forwardRef60(({
|
|
|
13164
13185
|
},
|
|
13165
13186
|
"data-value": value,
|
|
13166
13187
|
children: [
|
|
13167
|
-
type === "svg" ? /* @__PURE__ */
|
|
13188
|
+
type === "svg" ? /* @__PURE__ */ jsx73(QRCodeModules, {
|
|
13168
13189
|
modules,
|
|
13169
13190
|
color
|
|
13170
|
-
}) : /* @__PURE__ */
|
|
13191
|
+
}) : /* @__PURE__ */ jsx73("span", {
|
|
13171
13192
|
className: qrCodeCanvasClass,
|
|
13172
|
-
children: /* @__PURE__ */
|
|
13193
|
+
children: /* @__PURE__ */ jsx73(CSSModules, {
|
|
13173
13194
|
modules,
|
|
13174
13195
|
color
|
|
13175
13196
|
})
|
|
@@ -13178,11 +13199,11 @@ var QRCode = forwardRef60(({
|
|
|
13178
13199
|
label ? /* @__PURE__ */ jsxs56("span", {
|
|
13179
13200
|
className: qrCodeMaskClass,
|
|
13180
13201
|
children: [
|
|
13181
|
-
/* @__PURE__ */
|
|
13202
|
+
/* @__PURE__ */ jsx73("span", {
|
|
13182
13203
|
className: qrCodeMaskTitleClass,
|
|
13183
13204
|
children: label
|
|
13184
13205
|
}),
|
|
13185
|
-
status === "expired" && onRefresh ? /* @__PURE__ */
|
|
13206
|
+
status === "expired" && onRefresh ? /* @__PURE__ */ jsx73("button", {
|
|
13186
13207
|
type: "button",
|
|
13187
13208
|
className: qrCodeRefreshClass,
|
|
13188
13209
|
onClick: onRefresh,
|
|
@@ -13206,7 +13227,14 @@ var radioLabelBaseClass = "radio-label";
|
|
|
13206
13227
|
var radioColorClasses = {
|
|
13207
13228
|
primary: "radio-primary",
|
|
13208
13229
|
secondary: "radio-secondary",
|
|
13209
|
-
tertiary: "radio-tertiary"
|
|
13230
|
+
tertiary: "radio-tertiary",
|
|
13231
|
+
accent: "radio-accent",
|
|
13232
|
+
neutral: "radio-neutral",
|
|
13233
|
+
base: "radio-base",
|
|
13234
|
+
info: "radio-info",
|
|
13235
|
+
success: "radio-success",
|
|
13236
|
+
warning: "radio-warning",
|
|
13237
|
+
error: "radio-error"
|
|
13210
13238
|
};
|
|
13211
13239
|
var radioSizeClasses = {
|
|
13212
13240
|
sm: "radio-sm",
|
|
@@ -13239,7 +13267,7 @@ function getRadioLabelClasses({
|
|
|
13239
13267
|
}
|
|
13240
13268
|
|
|
13241
13269
|
// src/components/radio/Radio.tsx
|
|
13242
|
-
import { jsx as
|
|
13270
|
+
import { jsx as jsx74, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
13243
13271
|
var Radio = forwardRef61(({
|
|
13244
13272
|
color = "primary",
|
|
13245
13273
|
size = "md",
|
|
@@ -13260,21 +13288,21 @@ var Radio = forwardRef61(({
|
|
|
13260
13288
|
className
|
|
13261
13289
|
}),
|
|
13262
13290
|
children: [
|
|
13263
|
-
/* @__PURE__ */
|
|
13291
|
+
/* @__PURE__ */ jsx74("input", {
|
|
13264
13292
|
...props,
|
|
13265
13293
|
ref,
|
|
13266
13294
|
type: "radio",
|
|
13267
13295
|
className: radioInputClass,
|
|
13268
13296
|
disabled: isDisabled
|
|
13269
13297
|
}),
|
|
13270
|
-
/* @__PURE__ */
|
|
13298
|
+
/* @__PURE__ */ jsx74("span", {
|
|
13271
13299
|
className: getRadioCircleClasses({ color }),
|
|
13272
13300
|
"aria-hidden": "true",
|
|
13273
|
-
children: /* @__PURE__ */
|
|
13301
|
+
children: /* @__PURE__ */ jsx74("span", {
|
|
13274
13302
|
className: radioDotClass
|
|
13275
13303
|
})
|
|
13276
13304
|
}),
|
|
13277
|
-
children ? /* @__PURE__ */
|
|
13305
|
+
children ? /* @__PURE__ */ jsx74("span", {
|
|
13278
13306
|
className: getRadioLabelClasses({ labelPosition }),
|
|
13279
13307
|
children
|
|
13280
13308
|
}) : null
|
|
@@ -13303,10 +13331,16 @@ var rateSizeClasses = {
|
|
|
13303
13331
|
xl: "rating-xl"
|
|
13304
13332
|
};
|
|
13305
13333
|
var rateColorClasses = {
|
|
13306
|
-
primary: "",
|
|
13334
|
+
primary: "rating-primary",
|
|
13307
13335
|
secondary: "rating-secondary",
|
|
13308
13336
|
tertiary: "rating-tertiary",
|
|
13309
|
-
|
|
13337
|
+
accent: "rating-accent",
|
|
13338
|
+
neutral: "rating-neutral",
|
|
13339
|
+
base: "rating-base",
|
|
13340
|
+
info: "rating-info",
|
|
13341
|
+
success: "rating-success",
|
|
13342
|
+
warning: "rating-warning",
|
|
13343
|
+
error: "rating-error"
|
|
13310
13344
|
};
|
|
13311
13345
|
function getRateClasses({
|
|
13312
13346
|
size = "md",
|
|
@@ -13327,7 +13361,7 @@ function getRateItemClasses({
|
|
|
13327
13361
|
}
|
|
13328
13362
|
|
|
13329
13363
|
// src/components/rate/Rate.tsx
|
|
13330
|
-
import { jsx as
|
|
13364
|
+
import { jsx as jsx75 } from "react/jsx-runtime";
|
|
13331
13365
|
function clampValue(value, count, allowHalf) {
|
|
13332
13366
|
if (!Number.isFinite(value))
|
|
13333
13367
|
return 0;
|
|
@@ -13405,7 +13439,7 @@ var Rate = forwardRef62(({
|
|
|
13405
13439
|
commitValue(keyValues[event.key]);
|
|
13406
13440
|
}
|
|
13407
13441
|
}
|
|
13408
|
-
return /* @__PURE__ */
|
|
13442
|
+
return /* @__PURE__ */ jsx75("div", {
|
|
13409
13443
|
...props,
|
|
13410
13444
|
ref,
|
|
13411
13445
|
role: "radiogroup",
|
|
@@ -13429,7 +13463,7 @@ var Rate = forwardRef62(({
|
|
|
13429
13463
|
const checked = currentValue > 0 && Math.ceil(currentValue) === index;
|
|
13430
13464
|
const focusable = isInteractive && (checked || currentValue === 0 && index === 1);
|
|
13431
13465
|
const itemValue = half ? index - 0.5 : index;
|
|
13432
|
-
return /* @__PURE__ */
|
|
13466
|
+
return /* @__PURE__ */ jsx75("span", {
|
|
13433
13467
|
role: "radio",
|
|
13434
13468
|
"aria-checked": checked,
|
|
13435
13469
|
"aria-disabled": disabled || undefined,
|
|
@@ -13498,7 +13532,7 @@ function getResultPresentedIconClasses(status = "info") {
|
|
|
13498
13532
|
}
|
|
13499
13533
|
|
|
13500
13534
|
// src/components/result/Result.tsx
|
|
13501
|
-
import { jsx as
|
|
13535
|
+
import { jsx as jsx76, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
13502
13536
|
var statusLabels = {
|
|
13503
13537
|
success: "Success",
|
|
13504
13538
|
error: "Error",
|
|
@@ -13512,17 +13546,17 @@ function PresentedIconGlyph({
|
|
|
13512
13546
|
status
|
|
13513
13547
|
}) {
|
|
13514
13548
|
if (status === "404" || status === "403" || status === "500") {
|
|
13515
|
-
return /* @__PURE__ */
|
|
13549
|
+
return /* @__PURE__ */ jsx76("span", {
|
|
13516
13550
|
"aria-hidden": "true",
|
|
13517
13551
|
children: status
|
|
13518
13552
|
});
|
|
13519
13553
|
}
|
|
13520
13554
|
if (status === "success") {
|
|
13521
|
-
return /* @__PURE__ */
|
|
13555
|
+
return /* @__PURE__ */ jsx76("svg", {
|
|
13522
13556
|
"aria-hidden": "true",
|
|
13523
13557
|
focusable: "false",
|
|
13524
13558
|
viewBox: "0 0 24 24",
|
|
13525
|
-
children: /* @__PURE__ */
|
|
13559
|
+
children: /* @__PURE__ */ jsx76("path", {
|
|
13526
13560
|
d: "M5 12.5l4.25 4.25L19 7",
|
|
13527
13561
|
fill: "none",
|
|
13528
13562
|
stroke: "currentColor",
|
|
@@ -13538,14 +13572,14 @@ function PresentedIconGlyph({
|
|
|
13538
13572
|
focusable: "false",
|
|
13539
13573
|
viewBox: "0 0 24 24",
|
|
13540
13574
|
children: [
|
|
13541
|
-
/* @__PURE__ */
|
|
13575
|
+
/* @__PURE__ */ jsx76("path", {
|
|
13542
13576
|
d: "M12 4l8 15H4L12 4z",
|
|
13543
13577
|
fill: "none",
|
|
13544
13578
|
stroke: "currentColor",
|
|
13545
13579
|
strokeLinejoin: "round",
|
|
13546
13580
|
strokeWidth: "2"
|
|
13547
13581
|
}),
|
|
13548
|
-
/* @__PURE__ */
|
|
13582
|
+
/* @__PURE__ */ jsx76("path", {
|
|
13549
13583
|
d: "M12 9v4M12 17h.01",
|
|
13550
13584
|
fill: "none",
|
|
13551
13585
|
stroke: "currentColor",
|
|
@@ -13556,11 +13590,11 @@ function PresentedIconGlyph({
|
|
|
13556
13590
|
});
|
|
13557
13591
|
}
|
|
13558
13592
|
if (status === "error") {
|
|
13559
|
-
return /* @__PURE__ */
|
|
13593
|
+
return /* @__PURE__ */ jsx76("svg", {
|
|
13560
13594
|
"aria-hidden": "true",
|
|
13561
13595
|
focusable: "false",
|
|
13562
13596
|
viewBox: "0 0 24 24",
|
|
13563
|
-
children: /* @__PURE__ */
|
|
13597
|
+
children: /* @__PURE__ */ jsx76("path", {
|
|
13564
13598
|
d: "M8 8l8 8M16 8l-8 8",
|
|
13565
13599
|
fill: "none",
|
|
13566
13600
|
stroke: "currentColor",
|
|
@@ -13569,11 +13603,11 @@ function PresentedIconGlyph({
|
|
|
13569
13603
|
})
|
|
13570
13604
|
});
|
|
13571
13605
|
}
|
|
13572
|
-
return /* @__PURE__ */
|
|
13606
|
+
return /* @__PURE__ */ jsx76("svg", {
|
|
13573
13607
|
"aria-hidden": "true",
|
|
13574
13608
|
focusable: "false",
|
|
13575
13609
|
viewBox: "0 0 24 24",
|
|
13576
|
-
children: /* @__PURE__ */
|
|
13610
|
+
children: /* @__PURE__ */ jsx76("path", {
|
|
13577
13611
|
d: "M12 11v6M12 7h.01",
|
|
13578
13612
|
fill: "none",
|
|
13579
13613
|
stroke: "currentColor",
|
|
@@ -13584,11 +13618,11 @@ function PresentedIconGlyph({
|
|
|
13584
13618
|
}
|
|
13585
13619
|
function PresentedIcon({ status }) {
|
|
13586
13620
|
const normalizedStatus = normalizeResultStatus(status);
|
|
13587
|
-
return /* @__PURE__ */
|
|
13621
|
+
return /* @__PURE__ */ jsx76("span", {
|
|
13588
13622
|
className: getResultPresentedIconClasses(normalizedStatus),
|
|
13589
13623
|
"aria-label": statusLabels[normalizedStatus],
|
|
13590
13624
|
role: "img",
|
|
13591
|
-
children: /* @__PURE__ */
|
|
13625
|
+
children: /* @__PURE__ */ jsx76(PresentedIconGlyph, {
|
|
13592
13626
|
status: normalizedStatus
|
|
13593
13627
|
})
|
|
13594
13628
|
});
|
|
@@ -13608,21 +13642,21 @@ var Result = forwardRef63(({
|
|
|
13608
13642
|
className: getResultClasses({ status, className }),
|
|
13609
13643
|
...props,
|
|
13610
13644
|
children: [
|
|
13611
|
-
/* @__PURE__ */
|
|
13645
|
+
/* @__PURE__ */ jsx76("div", {
|
|
13612
13646
|
className: resultIconClass,
|
|
13613
|
-
children: icon ?? /* @__PURE__ */
|
|
13647
|
+
children: icon ?? /* @__PURE__ */ jsx76(PresentedIcon, {
|
|
13614
13648
|
status
|
|
13615
13649
|
})
|
|
13616
13650
|
}),
|
|
13617
|
-
title ? /* @__PURE__ */
|
|
13651
|
+
title ? /* @__PURE__ */ jsx76("div", {
|
|
13618
13652
|
className: resultTitleClass,
|
|
13619
13653
|
children: title
|
|
13620
13654
|
}) : null,
|
|
13621
|
-
subTitle ? /* @__PURE__ */
|
|
13655
|
+
subTitle ? /* @__PURE__ */ jsx76("div", {
|
|
13622
13656
|
className: resultSubTitleClass,
|
|
13623
13657
|
children: subTitle
|
|
13624
13658
|
}) : null,
|
|
13625
|
-
extra ? /* @__PURE__ */
|
|
13659
|
+
extra ? /* @__PURE__ */ jsx76("div", {
|
|
13626
13660
|
className: resultExtraClass,
|
|
13627
13661
|
children: extra
|
|
13628
13662
|
}) : null
|
|
@@ -13659,7 +13693,7 @@ function getRowClasses({
|
|
|
13659
13693
|
}
|
|
13660
13694
|
|
|
13661
13695
|
// src/components/row/Row.tsx
|
|
13662
|
-
import { jsx as
|
|
13696
|
+
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
13663
13697
|
var alignStyleMap = {
|
|
13664
13698
|
top: "flex-start",
|
|
13665
13699
|
middle: "center",
|
|
@@ -13691,7 +13725,7 @@ var Row = forwardRef64(({
|
|
|
13691
13725
|
...props
|
|
13692
13726
|
}, ref) => {
|
|
13693
13727
|
const [horizontalGutter, verticalGutter] = resolveGutter(gutter);
|
|
13694
|
-
return /* @__PURE__ */
|
|
13728
|
+
return /* @__PURE__ */ jsx77("div", {
|
|
13695
13729
|
...props,
|
|
13696
13730
|
ref,
|
|
13697
13731
|
className: getRowClasses({ align, justify, wrap, className }),
|
|
@@ -13740,7 +13774,7 @@ function getSegmentedItemClasses({
|
|
|
13740
13774
|
}
|
|
13741
13775
|
|
|
13742
13776
|
// src/components/segmented/Segmented.tsx
|
|
13743
|
-
import { jsx as
|
|
13777
|
+
import { jsx as jsx78, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
13744
13778
|
function normalizeOption(option) {
|
|
13745
13779
|
if (typeof option === "object" && option !== null && "value" in option) {
|
|
13746
13780
|
return option;
|
|
@@ -13775,7 +13809,7 @@ var Segmented = forwardRef65(({
|
|
|
13775
13809
|
}
|
|
13776
13810
|
onChange?.(option.value);
|
|
13777
13811
|
}
|
|
13778
|
-
return /* @__PURE__ */
|
|
13812
|
+
return /* @__PURE__ */ jsx78("div", {
|
|
13779
13813
|
...props,
|
|
13780
13814
|
ref,
|
|
13781
13815
|
role: "radiogroup",
|
|
@@ -13797,7 +13831,7 @@ var Segmented = forwardRef65(({
|
|
|
13797
13831
|
}),
|
|
13798
13832
|
onClick: () => selectOption(option),
|
|
13799
13833
|
children: [
|
|
13800
|
-
option.icon ? /* @__PURE__ */
|
|
13834
|
+
option.icon ? /* @__PURE__ */ jsx78("span", {
|
|
13801
13835
|
className: segmentedIconClass,
|
|
13802
13836
|
children: option.icon
|
|
13803
13837
|
}) : null,
|
|
@@ -13847,7 +13881,7 @@ function getSkeletonClasses({
|
|
|
13847
13881
|
}
|
|
13848
13882
|
|
|
13849
13883
|
// src/components/skeleton/Skeleton.tsx
|
|
13850
|
-
import { jsx as
|
|
13884
|
+
import { jsx as jsx79, jsxs as jsxs60, Fragment as Fragment13 } from "react/jsx-runtime";
|
|
13851
13885
|
function resolveAnimation(active, animation) {
|
|
13852
13886
|
if (animation)
|
|
13853
13887
|
return animation;
|
|
@@ -13873,7 +13907,7 @@ function SkeletonLine({
|
|
|
13873
13907
|
round,
|
|
13874
13908
|
width
|
|
13875
13909
|
}) {
|
|
13876
|
-
return /* @__PURE__ */
|
|
13910
|
+
return /* @__PURE__ */ jsx79("div", {
|
|
13877
13911
|
className: getSkeletonClasses({
|
|
13878
13912
|
variant: "text",
|
|
13879
13913
|
animation,
|
|
@@ -13891,7 +13925,7 @@ function SkeletonPrimitive({
|
|
|
13891
13925
|
children,
|
|
13892
13926
|
...props
|
|
13893
13927
|
}) {
|
|
13894
|
-
return /* @__PURE__ */
|
|
13928
|
+
return /* @__PURE__ */ jsx79("div", {
|
|
13895
13929
|
"aria-hidden": children ? undefined : true,
|
|
13896
13930
|
className: getSkeletonClasses({
|
|
13897
13931
|
variant,
|
|
@@ -13917,13 +13951,13 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13917
13951
|
...props
|
|
13918
13952
|
}, ref) => {
|
|
13919
13953
|
if (!loading) {
|
|
13920
|
-
return children ? /* @__PURE__ */
|
|
13954
|
+
return children ? /* @__PURE__ */ jsx79(Fragment13, {
|
|
13921
13955
|
children
|
|
13922
13956
|
}) : null;
|
|
13923
13957
|
}
|
|
13924
13958
|
const resolvedAnimation = resolveAnimation(active, animation);
|
|
13925
13959
|
if (variant) {
|
|
13926
|
-
return /* @__PURE__ */
|
|
13960
|
+
return /* @__PURE__ */ jsx79("div", {
|
|
13927
13961
|
ref,
|
|
13928
13962
|
"aria-hidden": true,
|
|
13929
13963
|
className: getSkeletonClasses({
|
|
@@ -13946,7 +13980,7 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13946
13980
|
className: cn(avatar ? skeletonAvatarTextClass : skeletonGroupClass, className),
|
|
13947
13981
|
...props,
|
|
13948
13982
|
children: [
|
|
13949
|
-
avatar && /* @__PURE__ */
|
|
13983
|
+
avatar && /* @__PURE__ */ jsx79("div", {
|
|
13950
13984
|
className: getSkeletonClasses({
|
|
13951
13985
|
variant: avatarConfig?.shape === "square" ? "rect" : "circle",
|
|
13952
13986
|
animation: resolvedAnimation,
|
|
@@ -13957,12 +13991,12 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13957
13991
|
/* @__PURE__ */ jsxs60("div", {
|
|
13958
13992
|
className: skeletonGroupClass,
|
|
13959
13993
|
children: [
|
|
13960
|
-
showTitle && /* @__PURE__ */
|
|
13994
|
+
showTitle && /* @__PURE__ */ jsx79(SkeletonLine, {
|
|
13961
13995
|
animation: resolvedAnimation,
|
|
13962
13996
|
round,
|
|
13963
13997
|
width: titleConfig?.width
|
|
13964
13998
|
}),
|
|
13965
|
-
Array.from({ length: rows }, (_, index) => /* @__PURE__ */
|
|
13999
|
+
Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsx79(SkeletonLine, {
|
|
13966
14000
|
animation: resolvedAnimation,
|
|
13967
14001
|
round,
|
|
13968
14002
|
width: resolveWidth(paragraphConfig?.width, index, rows)
|
|
@@ -13973,32 +14007,32 @@ var SkeletonRoot = forwardRef66(({
|
|
|
13973
14007
|
});
|
|
13974
14008
|
});
|
|
13975
14009
|
SkeletonRoot.displayName = "Skeleton";
|
|
13976
|
-
var SkeletonButton = forwardRef66((props, ref) => /* @__PURE__ */
|
|
14010
|
+
var SkeletonButton = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13977
14011
|
ref,
|
|
13978
14012
|
variant: "button",
|
|
13979
14013
|
...props
|
|
13980
14014
|
}));
|
|
13981
14015
|
SkeletonButton.displayName = "Skeleton.Button";
|
|
13982
|
-
var SkeletonInput = forwardRef66((props, ref) => /* @__PURE__ */
|
|
14016
|
+
var SkeletonInput = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13983
14017
|
ref,
|
|
13984
14018
|
variant: "input",
|
|
13985
14019
|
...props
|
|
13986
14020
|
}));
|
|
13987
14021
|
SkeletonInput.displayName = "Skeleton.Input";
|
|
13988
|
-
var SkeletonAvatar = forwardRef66(({ shape = "circle", className, ...props }, ref) => /* @__PURE__ */
|
|
14022
|
+
var SkeletonAvatar = forwardRef66(({ shape = "circle", className, ...props }, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13989
14023
|
ref,
|
|
13990
14024
|
variant: shape === "square" ? "rect" : "circle",
|
|
13991
14025
|
className: cn(shape === "square" && skeletonRoundedClass, className),
|
|
13992
14026
|
...props
|
|
13993
14027
|
}));
|
|
13994
14028
|
SkeletonAvatar.displayName = "Skeleton.Avatar";
|
|
13995
|
-
var SkeletonImage = forwardRef66((props, ref) => /* @__PURE__ */
|
|
14029
|
+
var SkeletonImage = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
13996
14030
|
ref,
|
|
13997
14031
|
variant: "rect",
|
|
13998
14032
|
...props
|
|
13999
14033
|
}));
|
|
14000
14034
|
SkeletonImage.displayName = "Skeleton.Image";
|
|
14001
|
-
var SkeletonNode = forwardRef66((props, ref) => /* @__PURE__ */
|
|
14035
|
+
var SkeletonNode = forwardRef66((props, ref) => /* @__PURE__ */ jsx79(SkeletonPrimitive, {
|
|
14002
14036
|
ref,
|
|
14003
14037
|
variant: "rect",
|
|
14004
14038
|
...props
|
|
@@ -14041,9 +14075,16 @@ var sliderSizeClasses = {
|
|
|
14041
14075
|
lg: "slider-lg"
|
|
14042
14076
|
};
|
|
14043
14077
|
var sliderColorClasses = {
|
|
14044
|
-
primary: "",
|
|
14078
|
+
primary: "slider-primary",
|
|
14045
14079
|
secondary: "slider-secondary",
|
|
14046
|
-
tertiary: "slider-tertiary"
|
|
14080
|
+
tertiary: "slider-tertiary",
|
|
14081
|
+
accent: "slider-accent",
|
|
14082
|
+
neutral: "slider-neutral",
|
|
14083
|
+
base: "slider-base",
|
|
14084
|
+
info: "slider-info",
|
|
14085
|
+
success: "slider-success",
|
|
14086
|
+
warning: "slider-warning",
|
|
14087
|
+
error: "slider-error"
|
|
14047
14088
|
};
|
|
14048
14089
|
function getSliderClasses({
|
|
14049
14090
|
size = "md",
|
|
@@ -14064,7 +14105,7 @@ function getSliderMarkClasses({
|
|
|
14064
14105
|
}
|
|
14065
14106
|
|
|
14066
14107
|
// src/components/slider/Slider.tsx
|
|
14067
|
-
import { jsx as
|
|
14108
|
+
import { jsx as jsx80, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
14068
14109
|
var hiddenInputStyle = {
|
|
14069
14110
|
position: "absolute",
|
|
14070
14111
|
inset: 0,
|
|
@@ -14330,7 +14371,7 @@ var Slider = forwardRef67(({
|
|
|
14330
14371
|
const values = Array.isArray(currentValue) ? currentValue : [currentValue];
|
|
14331
14372
|
const markEntries = Object.entries(marks ?? {}).map(([markValue, mark]) => [Number(markValue), mark]).filter(([markValue]) => Number.isFinite(markValue)).sort(([first], [second]) => first - second);
|
|
14332
14373
|
const inputStep = step === null ? undefined : step;
|
|
14333
|
-
return /* @__PURE__ */
|
|
14374
|
+
return /* @__PURE__ */ jsx80("div", {
|
|
14334
14375
|
...props,
|
|
14335
14376
|
ref,
|
|
14336
14377
|
"aria-disabled": disabled || undefined,
|
|
@@ -14338,7 +14379,7 @@ var Slider = forwardRef67(({
|
|
|
14338
14379
|
children: /* @__PURE__ */ jsxs61("div", {
|
|
14339
14380
|
className: sliderTrackClass,
|
|
14340
14381
|
children: [
|
|
14341
|
-
/* @__PURE__ */
|
|
14382
|
+
/* @__PURE__ */ jsx80("div", {
|
|
14342
14383
|
className: sliderTrackFilledClass,
|
|
14343
14384
|
style: getFilledStyle({
|
|
14344
14385
|
value: currentValue,
|
|
@@ -14348,19 +14389,19 @@ var Slider = forwardRef67(({
|
|
|
14348
14389
|
vertical
|
|
14349
14390
|
})
|
|
14350
14391
|
}),
|
|
14351
|
-
markEntries.length > 0 ? /* @__PURE__ */
|
|
14392
|
+
markEntries.length > 0 ? /* @__PURE__ */ jsx80("div", {
|
|
14352
14393
|
className: sliderMarksClass,
|
|
14353
14394
|
"aria-hidden": "true",
|
|
14354
14395
|
children: markEntries.map(([markValue, mark]) => {
|
|
14355
14396
|
const percent = getPercent(markValue, safeMin, safeMax, reverse);
|
|
14356
14397
|
const offsetStyle = vertical ? { bottom: `${percent}%` } : { left: `${percent}%` };
|
|
14357
|
-
return /* @__PURE__ */
|
|
14398
|
+
return /* @__PURE__ */ jsx80("span", {
|
|
14358
14399
|
className: getSliderMarkClasses({
|
|
14359
14400
|
active: isMarkActive(currentValue, markValue),
|
|
14360
14401
|
className: getMarkClassName(mark)
|
|
14361
14402
|
}),
|
|
14362
14403
|
style: { ...offsetStyle, ...getMarkStyle(mark) },
|
|
14363
|
-
children: /* @__PURE__ */
|
|
14404
|
+
children: /* @__PURE__ */ jsx80("span", {
|
|
14364
14405
|
className: sliderMarkLabelClass,
|
|
14365
14406
|
children: getMarkLabel(mark)
|
|
14366
14407
|
})
|
|
@@ -14369,7 +14410,7 @@ var Slider = forwardRef67(({
|
|
|
14369
14410
|
}) : null,
|
|
14370
14411
|
values.map((thumbValue, index) => {
|
|
14371
14412
|
const tooltipLabel = getTooltipLabel(tooltip, thumbValue);
|
|
14372
|
-
return /* @__PURE__ */
|
|
14413
|
+
return /* @__PURE__ */ jsx80("span", {
|
|
14373
14414
|
className: sliderThumbClass,
|
|
14374
14415
|
style: getThumbStyle({
|
|
14375
14416
|
value: thumbValue,
|
|
@@ -14378,13 +14419,13 @@ var Slider = forwardRef67(({
|
|
|
14378
14419
|
reverse,
|
|
14379
14420
|
vertical
|
|
14380
14421
|
}),
|
|
14381
|
-
children: tooltipLabel !== null ? /* @__PURE__ */
|
|
14422
|
+
children: tooltipLabel !== null ? /* @__PURE__ */ jsx80("span", {
|
|
14382
14423
|
className: sliderThumbLabelClass,
|
|
14383
14424
|
children: tooltipLabel
|
|
14384
14425
|
}) : null
|
|
14385
14426
|
}, index);
|
|
14386
14427
|
}),
|
|
14387
|
-
values.map((thumbValue, index) => /* @__PURE__ */
|
|
14428
|
+
values.map((thumbValue, index) => /* @__PURE__ */ jsx80("input", {
|
|
14388
14429
|
type: "range",
|
|
14389
14430
|
"aria-label": isRange ? index === 0 ? "Minimum value" : "Maximum value" : "Slider value",
|
|
14390
14431
|
className: sliderInputClass,
|
|
@@ -14436,7 +14477,7 @@ function getSpaceCompactClasses({
|
|
|
14436
14477
|
}
|
|
14437
14478
|
|
|
14438
14479
|
// src/components/space/Space.tsx
|
|
14439
|
-
import { jsx as
|
|
14480
|
+
import { jsx as jsx81, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
14440
14481
|
var sizeMap = {
|
|
14441
14482
|
small: 8,
|
|
14442
14483
|
middle: 16,
|
|
@@ -14467,7 +14508,7 @@ var SpaceBase = forwardRef68(({
|
|
|
14467
14508
|
}, ref) => {
|
|
14468
14509
|
const gap = resolveSize(size);
|
|
14469
14510
|
const childList = Children4.toArray(children).filter((child) => child !== null && child !== undefined);
|
|
14470
|
-
return /* @__PURE__ */
|
|
14511
|
+
return /* @__PURE__ */ jsx81("div", {
|
|
14471
14512
|
...props,
|
|
14472
14513
|
ref,
|
|
14473
14514
|
className: getSpaceClasses({ direction, wrap, className }),
|
|
@@ -14481,11 +14522,11 @@ var SpaceBase = forwardRef68(({
|
|
|
14481
14522
|
},
|
|
14482
14523
|
children: childList.map((child, index) => /* @__PURE__ */ jsxs62(React74.Fragment, {
|
|
14483
14524
|
children: [
|
|
14484
|
-
/* @__PURE__ */
|
|
14525
|
+
/* @__PURE__ */ jsx81("div", {
|
|
14485
14526
|
className: spaceItemClass,
|
|
14486
14527
|
children: child
|
|
14487
14528
|
}),
|
|
14488
|
-
split && index < childList.length - 1 ? /* @__PURE__ */
|
|
14529
|
+
split && index < childList.length - 1 ? /* @__PURE__ */ jsx81("span", {
|
|
14489
14530
|
className: spaceSplitClass,
|
|
14490
14531
|
children: split
|
|
14491
14532
|
}) : null
|
|
@@ -14504,7 +14545,7 @@ var Compact = forwardRef68(({
|
|
|
14504
14545
|
...props
|
|
14505
14546
|
}, ref) => {
|
|
14506
14547
|
const gap = resolveSize(size);
|
|
14507
|
-
return /* @__PURE__ */
|
|
14548
|
+
return /* @__PURE__ */ jsx81("div", {
|
|
14508
14549
|
...props,
|
|
14509
14550
|
ref,
|
|
14510
14551
|
className: getSpaceCompactClasses({ block, direction, className }),
|
|
@@ -14535,7 +14576,7 @@ function getStatisticClasses({ className }) {
|
|
|
14535
14576
|
}
|
|
14536
14577
|
|
|
14537
14578
|
// src/components/statistic/Statistic.tsx
|
|
14538
|
-
import { jsx as
|
|
14579
|
+
import { jsx as jsx82, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
14539
14580
|
function formatStatisticValue(value, precision) {
|
|
14540
14581
|
if (value === undefined || value === null)
|
|
14541
14582
|
return;
|
|
@@ -14583,23 +14624,23 @@ function StatisticBase({
|
|
|
14583
14624
|
className: getStatisticClasses({ className }),
|
|
14584
14625
|
...props,
|
|
14585
14626
|
children: [
|
|
14586
|
-
title !== undefined && /* @__PURE__ */
|
|
14627
|
+
title !== undefined && /* @__PURE__ */ jsx82("div", {
|
|
14587
14628
|
className: statisticTitleClass,
|
|
14588
14629
|
children: title
|
|
14589
14630
|
}),
|
|
14590
14631
|
/* @__PURE__ */ jsxs63("div", {
|
|
14591
14632
|
className: statisticContentClass,
|
|
14592
14633
|
children: [
|
|
14593
|
-
prefix !== undefined && /* @__PURE__ */
|
|
14634
|
+
prefix !== undefined && /* @__PURE__ */ jsx82("span", {
|
|
14594
14635
|
className: statisticPrefixClass,
|
|
14595
14636
|
children: prefix
|
|
14596
14637
|
}),
|
|
14597
|
-
/* @__PURE__ */
|
|
14638
|
+
/* @__PURE__ */ jsx82("span", {
|
|
14598
14639
|
className: statisticValueClass,
|
|
14599
14640
|
style: valueStyle,
|
|
14600
14641
|
children: renderedValue
|
|
14601
14642
|
}),
|
|
14602
|
-
suffix !== undefined && /* @__PURE__ */
|
|
14643
|
+
suffix !== undefined && /* @__PURE__ */ jsx82("span", {
|
|
14603
14644
|
className: statisticSuffixClass,
|
|
14604
14645
|
children: suffix
|
|
14605
14646
|
})
|
|
@@ -14633,7 +14674,7 @@ function Countdown({
|
|
|
14633
14674
|
const interval = window.setInterval(tick, 1000);
|
|
14634
14675
|
return () => window.clearInterval(interval);
|
|
14635
14676
|
}, [target, onChange, onFinish]);
|
|
14636
|
-
return /* @__PURE__ */
|
|
14677
|
+
return /* @__PURE__ */ jsx82(StatisticBase, {
|
|
14637
14678
|
...props,
|
|
14638
14679
|
value: formatCountdown(remaining, format)
|
|
14639
14680
|
});
|
|
@@ -14695,7 +14736,7 @@ function getStepsStepIconClasses({
|
|
|
14695
14736
|
}
|
|
14696
14737
|
|
|
14697
14738
|
// src/components/steps/Steps.tsx
|
|
14698
|
-
import { jsx as
|
|
14739
|
+
import { jsx as jsx83, jsxs as jsxs64, Fragment as Fragment14 } from "react/jsx-runtime";
|
|
14699
14740
|
function hasNode7(node) {
|
|
14700
14741
|
return node !== undefined && node !== null && node !== false;
|
|
14701
14742
|
}
|
|
@@ -14761,7 +14802,7 @@ function renderProgressDot({
|
|
|
14761
14802
|
index,
|
|
14762
14803
|
status
|
|
14763
14804
|
}) {
|
|
14764
|
-
const iconDot = /* @__PURE__ */
|
|
14805
|
+
const iconDot = /* @__PURE__ */ jsx83("span", {
|
|
14765
14806
|
className: "stepper-step-dot-inner"
|
|
14766
14807
|
});
|
|
14767
14808
|
if (typeof progressDot !== "function") {
|
|
@@ -14791,13 +14832,13 @@ function renderStepIcon({
|
|
|
14791
14832
|
index,
|
|
14792
14833
|
status
|
|
14793
14834
|
}) : item.icon ?? (status === "finish" ? "✓" : initial + index + 1);
|
|
14794
|
-
return /* @__PURE__ */
|
|
14835
|
+
return /* @__PURE__ */ jsx83("span", {
|
|
14795
14836
|
className: getStepsStepIconClasses({
|
|
14796
14837
|
progressDot: progressDotEnabled,
|
|
14797
14838
|
percent: progressPercent !== undefined
|
|
14798
14839
|
}),
|
|
14799
14840
|
"aria-hidden": progressPercent === undefined ? "true" : undefined,
|
|
14800
|
-
children: progressPercent !== undefined ? /* @__PURE__ */
|
|
14841
|
+
children: progressPercent !== undefined ? /* @__PURE__ */ jsx83("span", {
|
|
14801
14842
|
className: stepsStepPercentClass,
|
|
14802
14843
|
role: "progressbar",
|
|
14803
14844
|
"aria-label": `Step ${index + 1} progress`,
|
|
@@ -14820,13 +14861,13 @@ function renderStepContent(item) {
|
|
|
14820
14861
|
className: stepsStepLabelClass,
|
|
14821
14862
|
children: [
|
|
14822
14863
|
item.title,
|
|
14823
|
-
hasNode7(item.subTitle) ? /* @__PURE__ */
|
|
14864
|
+
hasNode7(item.subTitle) ? /* @__PURE__ */ jsx83("span", {
|
|
14824
14865
|
className: stepsStepSubtitleClass,
|
|
14825
14866
|
children: item.subTitle
|
|
14826
14867
|
}) : null
|
|
14827
14868
|
]
|
|
14828
14869
|
}) : null,
|
|
14829
|
-
hasNode7(description) ? /* @__PURE__ */
|
|
14870
|
+
hasNode7(description) ? /* @__PURE__ */ jsx83("span", {
|
|
14830
14871
|
className: stepsStepDescriptionClass,
|
|
14831
14872
|
children: description
|
|
14832
14873
|
}) : null
|
|
@@ -14851,7 +14892,7 @@ var StepsRoot = forwardRef69(({
|
|
|
14851
14892
|
const mergedCurrent = toInteger(current, 0);
|
|
14852
14893
|
const initialOffset = toInteger(initial, 0);
|
|
14853
14894
|
const progressDotEnabled = Boolean(progressDot);
|
|
14854
|
-
return /* @__PURE__ */
|
|
14895
|
+
return /* @__PURE__ */ jsx83("div", {
|
|
14855
14896
|
...props,
|
|
14856
14897
|
ref,
|
|
14857
14898
|
role: role ?? "list",
|
|
@@ -14893,7 +14934,7 @@ var StepsRoot = forwardRef69(({
|
|
|
14893
14934
|
}),
|
|
14894
14935
|
style: item.style,
|
|
14895
14936
|
children: [
|
|
14896
|
-
onChange ? /* @__PURE__ */
|
|
14937
|
+
onChange ? /* @__PURE__ */ jsx83("button", {
|
|
14897
14938
|
type: "button",
|
|
14898
14939
|
className: stepsStepButtonClass,
|
|
14899
14940
|
disabled: item.disabled,
|
|
@@ -14903,11 +14944,11 @@ var StepsRoot = forwardRef69(({
|
|
|
14903
14944
|
}
|
|
14904
14945
|
},
|
|
14905
14946
|
children: content
|
|
14906
|
-
}) : /* @__PURE__ */
|
|
14947
|
+
}) : /* @__PURE__ */ jsx83("div", {
|
|
14907
14948
|
className: stepsStepButtonClass,
|
|
14908
14949
|
children: content
|
|
14909
14950
|
}),
|
|
14910
|
-
/* @__PURE__ */
|
|
14951
|
+
/* @__PURE__ */ jsx83("span", {
|
|
14911
14952
|
className: stepsStepConnectorClass,
|
|
14912
14953
|
"aria-hidden": "true"
|
|
14913
14954
|
})
|
|
@@ -14937,7 +14978,14 @@ var switchSizeClasses = {
|
|
|
14937
14978
|
var switchColorClasses = {
|
|
14938
14979
|
primary: "switch-primary",
|
|
14939
14980
|
secondary: "switch-secondary",
|
|
14940
|
-
tertiary: "switch-tertiary"
|
|
14981
|
+
tertiary: "switch-tertiary",
|
|
14982
|
+
accent: "switch-accent",
|
|
14983
|
+
neutral: "switch-neutral",
|
|
14984
|
+
base: "switch-base",
|
|
14985
|
+
info: "switch-info",
|
|
14986
|
+
success: "switch-success",
|
|
14987
|
+
warning: "switch-warning",
|
|
14988
|
+
error: "switch-error"
|
|
14941
14989
|
};
|
|
14942
14990
|
function getSwitchClasses({
|
|
14943
14991
|
size = "md",
|
|
@@ -14953,7 +15001,7 @@ function getSwitchTrackClasses({
|
|
|
14953
15001
|
}
|
|
14954
15002
|
|
|
14955
15003
|
// src/components/switch/Switch.tsx
|
|
14956
|
-
import { jsx as
|
|
15004
|
+
import { jsx as jsx84, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
14957
15005
|
var Switch = forwardRef70(({
|
|
14958
15006
|
checked,
|
|
14959
15007
|
defaultChecked,
|
|
@@ -14982,7 +15030,7 @@ var Switch = forwardRef70(({
|
|
|
14982
15030
|
return /* @__PURE__ */ jsxs65("label", {
|
|
14983
15031
|
className: getSwitchClasses({ size, loading, className }),
|
|
14984
15032
|
children: [
|
|
14985
|
-
/* @__PURE__ */
|
|
15033
|
+
/* @__PURE__ */ jsx84("input", {
|
|
14986
15034
|
...props,
|
|
14987
15035
|
ref,
|
|
14988
15036
|
type: "checkbox",
|
|
@@ -14998,10 +15046,10 @@ var Switch = forwardRef70(({
|
|
|
14998
15046
|
className: getSwitchTrackClasses({ color }),
|
|
14999
15047
|
"aria-hidden": "true",
|
|
15000
15048
|
children: [
|
|
15001
|
-
hasChildren && /* @__PURE__ */
|
|
15049
|
+
hasChildren && /* @__PURE__ */ jsx84("span", {
|
|
15002
15050
|
children: isChecked ? checkedChildren : unCheckedChildren
|
|
15003
15051
|
}),
|
|
15004
|
-
/* @__PURE__ */
|
|
15052
|
+
/* @__PURE__ */ jsx84("span", {
|
|
15005
15053
|
className: switchThumbClass
|
|
15006
15054
|
})
|
|
15007
15055
|
]
|
|
@@ -15026,10 +15074,13 @@ var tagColorClasses = {
|
|
|
15026
15074
|
primary: "chip-primary",
|
|
15027
15075
|
secondary: "chip-secondary",
|
|
15028
15076
|
tertiary: "chip-tertiary",
|
|
15077
|
+
accent: "chip-accent",
|
|
15078
|
+
neutral: "chip-neutral",
|
|
15079
|
+
base: "chip-base",
|
|
15080
|
+
info: "chip-info",
|
|
15029
15081
|
success: "chip-success",
|
|
15030
|
-
error: "chip-error",
|
|
15031
15082
|
warning: "chip-warning",
|
|
15032
|
-
|
|
15083
|
+
error: "chip-error"
|
|
15033
15084
|
};
|
|
15034
15085
|
function getTagClasses({
|
|
15035
15086
|
color,
|
|
@@ -15048,7 +15099,7 @@ function getCheckableTagClasses({
|
|
|
15048
15099
|
}
|
|
15049
15100
|
|
|
15050
15101
|
// src/components/tag/Tag.tsx
|
|
15051
|
-
import { jsx as
|
|
15102
|
+
import { jsx as jsx85, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
15052
15103
|
var defaultCloseIcon3 = "x";
|
|
15053
15104
|
var TagRoot = forwardRef71(({
|
|
15054
15105
|
color,
|
|
@@ -15065,13 +15116,13 @@ var TagRoot = forwardRef71(({
|
|
|
15065
15116
|
className: getTagClasses({ color, bordered, className }),
|
|
15066
15117
|
...props,
|
|
15067
15118
|
children: [
|
|
15068
|
-
icon ? /* @__PURE__ */
|
|
15119
|
+
icon ? /* @__PURE__ */ jsx85("span", {
|
|
15069
15120
|
className: tagIconClass,
|
|
15070
15121
|
"aria-hidden": "true",
|
|
15071
15122
|
children: icon
|
|
15072
15123
|
}) : null,
|
|
15073
15124
|
children,
|
|
15074
|
-
closable ? /* @__PURE__ */
|
|
15125
|
+
closable ? /* @__PURE__ */ jsx85("button", {
|
|
15075
15126
|
type: "button",
|
|
15076
15127
|
className: tagCloseClass,
|
|
15077
15128
|
"aria-label": "Close",
|
|
@@ -15113,7 +15164,7 @@ var CheckableTag = forwardRef71(({
|
|
|
15113
15164
|
event.preventDefault();
|
|
15114
15165
|
emitChange();
|
|
15115
15166
|
}
|
|
15116
|
-
return /* @__PURE__ */
|
|
15167
|
+
return /* @__PURE__ */ jsx85("span", {
|
|
15117
15168
|
...props,
|
|
15118
15169
|
ref,
|
|
15119
15170
|
role: "checkbox",
|
|
@@ -15170,7 +15221,7 @@ function getTimePickerPanelClasses({
|
|
|
15170
15221
|
}
|
|
15171
15222
|
|
|
15172
15223
|
// src/components/time-picker/TimePicker.tsx
|
|
15173
|
-
import { jsx as
|
|
15224
|
+
import { jsx as jsx86, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
15174
15225
|
var TIME_PARTS_PATTERN = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s*([AaPp][Mm])?$/;
|
|
15175
15226
|
function padTimePart(value) {
|
|
15176
15227
|
return String(value).padStart(2, "0");
|
|
@@ -15292,7 +15343,7 @@ var TimePickerRoot = forwardRef72(({
|
|
|
15292
15343
|
className
|
|
15293
15344
|
}),
|
|
15294
15345
|
children: [
|
|
15295
|
-
/* @__PURE__ */
|
|
15346
|
+
/* @__PURE__ */ jsx86("input", {
|
|
15296
15347
|
className: timePickerInputClass,
|
|
15297
15348
|
disabled,
|
|
15298
15349
|
value: displayValue(currentValue, timeFormat, use12Hours),
|
|
@@ -15307,7 +15358,7 @@ var TimePickerRoot = forwardRef72(({
|
|
|
15307
15358
|
},
|
|
15308
15359
|
onChange: (event) => emitChange(event.currentTarget.value || undefined)
|
|
15309
15360
|
}),
|
|
15310
|
-
allowClear && currentValue && !disabled ? /* @__PURE__ */
|
|
15361
|
+
allowClear && currentValue && !disabled ? /* @__PURE__ */ jsx86("button", {
|
|
15311
15362
|
type: "button",
|
|
15312
15363
|
className: timePickerClearClass,
|
|
15313
15364
|
"aria-label": "Clear time",
|
|
@@ -15315,16 +15366,16 @@ var TimePickerRoot = forwardRef72(({
|
|
|
15315
15366
|
onClick: () => emitChange(undefined),
|
|
15316
15367
|
children: "x"
|
|
15317
15368
|
}) : null,
|
|
15318
|
-
/* @__PURE__ */
|
|
15369
|
+
/* @__PURE__ */ jsx86("span", {
|
|
15319
15370
|
className: timePickerIconClass,
|
|
15320
15371
|
"aria-hidden": "true",
|
|
15321
15372
|
children: "clock"
|
|
15322
15373
|
}),
|
|
15323
|
-
showNow && visible ? /* @__PURE__ */
|
|
15374
|
+
showNow && visible ? /* @__PURE__ */ jsx86("div", {
|
|
15324
15375
|
className: getTimePickerPanelClasses({ open: visible }),
|
|
15325
|
-
children: /* @__PURE__ */
|
|
15376
|
+
children: /* @__PURE__ */ jsx86("div", {
|
|
15326
15377
|
className: timePickerFooterClass,
|
|
15327
|
-
children: /* @__PURE__ */
|
|
15378
|
+
children: /* @__PURE__ */ jsx86("button", {
|
|
15328
15379
|
type: "button",
|
|
15329
15380
|
className: timePickerNowClass,
|
|
15330
15381
|
onMouseDown: (event) => event.preventDefault(),
|
|
@@ -15384,32 +15435,32 @@ var RangePicker2 = forwardRef72(({
|
|
|
15384
15435
|
className
|
|
15385
15436
|
}),
|
|
15386
15437
|
children: [
|
|
15387
|
-
/* @__PURE__ */
|
|
15438
|
+
/* @__PURE__ */ jsx86("input", {
|
|
15388
15439
|
className: timePickerInputClass,
|
|
15389
15440
|
disabled,
|
|
15390
15441
|
value: displayValue(currentValue?.[0], timeFormat, use12Hours),
|
|
15391
15442
|
placeholder: placeholder?.[0] ?? "Start time",
|
|
15392
15443
|
onChange: (event) => updateIndex(0, event.currentTarget.value || undefined)
|
|
15393
15444
|
}),
|
|
15394
|
-
/* @__PURE__ */
|
|
15445
|
+
/* @__PURE__ */ jsx86("span", {
|
|
15395
15446
|
className: timePickerSeparatorClass,
|
|
15396
15447
|
children: separator
|
|
15397
15448
|
}),
|
|
15398
|
-
/* @__PURE__ */
|
|
15449
|
+
/* @__PURE__ */ jsx86("input", {
|
|
15399
15450
|
className: timePickerInputClass,
|
|
15400
15451
|
disabled,
|
|
15401
15452
|
value: displayValue(currentValue?.[1], timeFormat, use12Hours),
|
|
15402
15453
|
placeholder: placeholder?.[1] ?? "End time",
|
|
15403
15454
|
onChange: (event) => updateIndex(1, event.currentTarget.value || undefined)
|
|
15404
15455
|
}),
|
|
15405
|
-
showNow ? /* @__PURE__ */
|
|
15456
|
+
showNow ? /* @__PURE__ */ jsx86("button", {
|
|
15406
15457
|
type: "button",
|
|
15407
15458
|
className: timePickerNowClass,
|
|
15408
15459
|
disabled,
|
|
15409
15460
|
onClick: () => emitChange([nowValue(), nowValue()]),
|
|
15410
15461
|
children: "Now"
|
|
15411
15462
|
}) : null,
|
|
15412
|
-
allowClear && (currentValue?.[0] || currentValue?.[1]) && !disabled ? /* @__PURE__ */
|
|
15463
|
+
allowClear && (currentValue?.[0] || currentValue?.[1]) && !disabled ? /* @__PURE__ */ jsx86("button", {
|
|
15413
15464
|
type: "button",
|
|
15414
15465
|
className: timePickerClearClass,
|
|
15415
15466
|
"aria-label": "Clear time range",
|
|
@@ -15445,10 +15496,15 @@ var timelineSizeClasses = {
|
|
|
15445
15496
|
lg: "timeline-lg"
|
|
15446
15497
|
};
|
|
15447
15498
|
var timelineMarkerColorClasses = {
|
|
15448
|
-
primary: "",
|
|
15499
|
+
primary: "timeline-marker-primary",
|
|
15449
15500
|
secondary: "timeline-marker-secondary",
|
|
15450
15501
|
tertiary: "timeline-marker-tertiary",
|
|
15502
|
+
accent: "timeline-marker-accent",
|
|
15503
|
+
neutral: "timeline-marker-neutral",
|
|
15504
|
+
base: "timeline-marker-base",
|
|
15505
|
+
info: "timeline-marker-info",
|
|
15451
15506
|
success: "timeline-marker-success",
|
|
15507
|
+
warning: "timeline-marker-warning",
|
|
15452
15508
|
error: "timeline-marker-error"
|
|
15453
15509
|
};
|
|
15454
15510
|
function getTimelineClasses({
|
|
@@ -15466,7 +15522,7 @@ function getTimelineMarkerClasses({
|
|
|
15466
15522
|
}
|
|
15467
15523
|
|
|
15468
15524
|
// src/components/timeline/Timeline.tsx
|
|
15469
|
-
import { jsx as
|
|
15525
|
+
import { jsx as jsx87, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
15470
15526
|
function buildItems({
|
|
15471
15527
|
items,
|
|
15472
15528
|
children,
|
|
@@ -15493,14 +15549,14 @@ var Timeline = forwardRef73(({
|
|
|
15493
15549
|
...props
|
|
15494
15550
|
}, ref) => {
|
|
15495
15551
|
const timelineItems = buildItems({ items, children, pending, reverse });
|
|
15496
|
-
return /* @__PURE__ */
|
|
15552
|
+
return /* @__PURE__ */ jsx87("div", {
|
|
15497
15553
|
...props,
|
|
15498
15554
|
ref,
|
|
15499
15555
|
className: getTimelineClasses({ mode, size, className }),
|
|
15500
15556
|
children: timelineItems.map((item, index) => /* @__PURE__ */ jsxs68("div", {
|
|
15501
15557
|
className: cn(timelineItemClass, item.pending && timelinePendingClass, item.className),
|
|
15502
15558
|
children: [
|
|
15503
|
-
/* @__PURE__ */
|
|
15559
|
+
/* @__PURE__ */ jsx87("span", {
|
|
15504
15560
|
className: getTimelineMarkerClasses({
|
|
15505
15561
|
color: item.color,
|
|
15506
15562
|
hasIcon: Boolean(item.dot)
|
|
@@ -15511,7 +15567,7 @@ var Timeline = forwardRef73(({
|
|
|
15511
15567
|
/* @__PURE__ */ jsxs68("div", {
|
|
15512
15568
|
className: timelineContentClass,
|
|
15513
15569
|
children: [
|
|
15514
|
-
item.label ? /* @__PURE__ */
|
|
15570
|
+
item.label ? /* @__PURE__ */ jsx87("span", {
|
|
15515
15571
|
className: timelineTimeClass,
|
|
15516
15572
|
children: item.label
|
|
15517
15573
|
}) : null,
|
|
@@ -15586,7 +15642,7 @@ function getTourIndicatorClasses({ active }) {
|
|
|
15586
15642
|
}
|
|
15587
15643
|
|
|
15588
15644
|
// src/components/tour/Tour.tsx
|
|
15589
|
-
import { jsx as
|
|
15645
|
+
import { jsx as jsx88, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
15590
15646
|
var defaultCloseIcon4 = "x";
|
|
15591
15647
|
var fallbackRect = {
|
|
15592
15648
|
top: 0,
|
|
@@ -15782,10 +15838,10 @@ var Tour = forwardRef74(({
|
|
|
15782
15838
|
if (indicatorsRender) {
|
|
15783
15839
|
return indicatorsRender(mergedCurrent, steps.length);
|
|
15784
15840
|
}
|
|
15785
|
-
return /* @__PURE__ */
|
|
15841
|
+
return /* @__PURE__ */ jsx88("div", {
|
|
15786
15842
|
className: tourIndicatorsClass,
|
|
15787
15843
|
"aria-label": "Tour steps",
|
|
15788
|
-
children: steps.map((_, index) => /* @__PURE__ */
|
|
15844
|
+
children: steps.map((_, index) => /* @__PURE__ */ jsx88("button", {
|
|
15789
15845
|
type: "button",
|
|
15790
15846
|
className: getTourIndicatorClasses({
|
|
15791
15847
|
active: index === mergedCurrent
|
|
@@ -15803,7 +15859,7 @@ var Tour = forwardRef74(({
|
|
|
15803
15859
|
className: getTourRootClasses({ open: visible, className }),
|
|
15804
15860
|
style: rootStyle,
|
|
15805
15861
|
children: [
|
|
15806
|
-
hasMask ? /* @__PURE__ */
|
|
15862
|
+
hasMask ? /* @__PURE__ */ jsx88("div", {
|
|
15807
15863
|
className: getTourMaskClasses({
|
|
15808
15864
|
visible: true,
|
|
15809
15865
|
className: maskConfig?.className
|
|
@@ -15814,7 +15870,7 @@ var Tour = forwardRef74(({
|
|
|
15814
15870
|
},
|
|
15815
15871
|
"aria-hidden": "true"
|
|
15816
15872
|
}) : null,
|
|
15817
|
-
showHighlight ? /* @__PURE__ */
|
|
15873
|
+
showHighlight ? /* @__PURE__ */ jsx88("div", {
|
|
15818
15874
|
className: tourTargetClass,
|
|
15819
15875
|
style: getHighlightStyle(targetRect, gap),
|
|
15820
15876
|
"aria-hidden": "true"
|
|
@@ -15835,18 +15891,18 @@ var Tour = forwardRef74(({
|
|
|
15835
15891
|
style: step.style
|
|
15836
15892
|
}),
|
|
15837
15893
|
children: [
|
|
15838
|
-
disabledInteraction ? /* @__PURE__ */
|
|
15894
|
+
disabledInteraction ? /* @__PURE__ */ jsx88("div", {
|
|
15839
15895
|
"aria-hidden": "true"
|
|
15840
15896
|
}) : null,
|
|
15841
15897
|
/* @__PURE__ */ jsxs69("div", {
|
|
15842
15898
|
className: tourHeaderClass,
|
|
15843
15899
|
children: [
|
|
15844
|
-
step.title ? /* @__PURE__ */
|
|
15900
|
+
step.title ? /* @__PURE__ */ jsx88("h2", {
|
|
15845
15901
|
id: titleId,
|
|
15846
15902
|
className: tourTitleClass,
|
|
15847
15903
|
children: step.title
|
|
15848
15904
|
}) : null,
|
|
15849
|
-
currentCloseIcon !== null && currentCloseIcon !== false ? /* @__PURE__ */
|
|
15905
|
+
currentCloseIcon !== null && currentCloseIcon !== false ? /* @__PURE__ */ jsx88("button", {
|
|
15850
15906
|
type: "button",
|
|
15851
15907
|
className: tourCloseClass,
|
|
15852
15908
|
"aria-label": "Close tour",
|
|
@@ -15855,11 +15911,11 @@ var Tour = forwardRef74(({
|
|
|
15855
15911
|
}) : null
|
|
15856
15912
|
]
|
|
15857
15913
|
}),
|
|
15858
|
-
step.cover ? /* @__PURE__ */
|
|
15914
|
+
step.cover ? /* @__PURE__ */ jsx88("div", {
|
|
15859
15915
|
className: tourCoverClass,
|
|
15860
15916
|
children: step.cover
|
|
15861
15917
|
}) : null,
|
|
15862
|
-
step.description ? /* @__PURE__ */
|
|
15918
|
+
step.description ? /* @__PURE__ */ jsx88("div", {
|
|
15863
15919
|
id: descriptionId,
|
|
15864
15920
|
className: tourBodyClass,
|
|
15865
15921
|
children: step.description
|
|
@@ -15871,7 +15927,7 @@ var Tour = forwardRef74(({
|
|
|
15871
15927
|
/* @__PURE__ */ jsxs69("div", {
|
|
15872
15928
|
className: tourActionsClass,
|
|
15873
15929
|
children: [
|
|
15874
|
-
mergedCurrent > 0 ? /* @__PURE__ */
|
|
15930
|
+
mergedCurrent > 0 ? /* @__PURE__ */ jsx88(Button, {
|
|
15875
15931
|
appearance: "text",
|
|
15876
15932
|
color: "secondary",
|
|
15877
15933
|
size: "sm",
|
|
@@ -15883,7 +15939,7 @@ var Tour = forwardRef74(({
|
|
|
15883
15939
|
},
|
|
15884
15940
|
children: currentPrevButtonProps?.children ?? "Previous"
|
|
15885
15941
|
}) : null,
|
|
15886
|
-
/* @__PURE__ */
|
|
15942
|
+
/* @__PURE__ */ jsx88(Button, {
|
|
15887
15943
|
color: "primary",
|
|
15888
15944
|
size: "sm",
|
|
15889
15945
|
...currentNextButtonProps,
|
|
@@ -15898,7 +15954,7 @@ var Tour = forwardRef74(({
|
|
|
15898
15954
|
})
|
|
15899
15955
|
]
|
|
15900
15956
|
}),
|
|
15901
|
-
/* @__PURE__ */
|
|
15957
|
+
/* @__PURE__ */ jsx88("span", {
|
|
15902
15958
|
className: tourArrowClass,
|
|
15903
15959
|
"aria-hidden": "true"
|
|
15904
15960
|
})
|
|
@@ -15950,7 +16006,7 @@ function getTransferListItemClasses({
|
|
|
15950
16006
|
}
|
|
15951
16007
|
|
|
15952
16008
|
// src/components/transfer/Transfer.tsx
|
|
15953
|
-
import { jsx as
|
|
16009
|
+
import { jsx as jsx89, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
15954
16010
|
var defaultLocale2 = {
|
|
15955
16011
|
itemUnit: "item",
|
|
15956
16012
|
itemsUnit: "items",
|
|
@@ -16032,7 +16088,7 @@ var TransferSearch = forwardRef75(({
|
|
|
16032
16088
|
placeholder = defaultLocale2.searchPlaceholder,
|
|
16033
16089
|
onChange,
|
|
16034
16090
|
...props
|
|
16035
|
-
}, ref) => /* @__PURE__ */
|
|
16091
|
+
}, ref) => /* @__PURE__ */ jsx89("input", {
|
|
16036
16092
|
...props,
|
|
16037
16093
|
ref,
|
|
16038
16094
|
type: "search",
|
|
@@ -16058,7 +16114,7 @@ var TransferOperation = forwardRef75(({
|
|
|
16058
16114
|
ref,
|
|
16059
16115
|
className: [transferOperationClass, className].filter(Boolean).join(" "),
|
|
16060
16116
|
children: [
|
|
16061
|
-
/* @__PURE__ */
|
|
16117
|
+
/* @__PURE__ */ jsx89("button", {
|
|
16062
16118
|
type: "button",
|
|
16063
16119
|
className: transferOperationButtonClass,
|
|
16064
16120
|
disabled: disabled || moveToRightDisabled,
|
|
@@ -16066,7 +16122,7 @@ var TransferOperation = forwardRef75(({
|
|
|
16066
16122
|
onClick: onMoveToRight,
|
|
16067
16123
|
children: operations[0] ?? ">"
|
|
16068
16124
|
}),
|
|
16069
|
-
oneWay ? null : /* @__PURE__ */
|
|
16125
|
+
oneWay ? null : /* @__PURE__ */ jsx89("button", {
|
|
16070
16126
|
type: "button",
|
|
16071
16127
|
className: transferOperationButtonClass,
|
|
16072
16128
|
disabled: disabled || moveToLeftDisabled,
|
|
@@ -16125,7 +16181,7 @@ function TransferListRoot({
|
|
|
16125
16181
|
/* @__PURE__ */ jsxs70("div", {
|
|
16126
16182
|
className: transferListHeaderClass,
|
|
16127
16183
|
children: [
|
|
16128
|
-
/* @__PURE__ */
|
|
16184
|
+
/* @__PURE__ */ jsx89("span", {
|
|
16129
16185
|
children: title
|
|
16130
16186
|
}),
|
|
16131
16187
|
/* @__PURE__ */ jsxs70("span", {
|
|
@@ -16137,17 +16193,17 @@ function TransferListRoot({
|
|
|
16137
16193
|
})
|
|
16138
16194
|
]
|
|
16139
16195
|
}),
|
|
16140
|
-
showSearch ? /* @__PURE__ */
|
|
16196
|
+
showSearch ? /* @__PURE__ */ jsx89(TransferSearch, {
|
|
16141
16197
|
value: mergedSearchValue,
|
|
16142
16198
|
disabled,
|
|
16143
16199
|
placeholder: searchPlaceholder,
|
|
16144
16200
|
"aria-label": `Search ${direction} list`,
|
|
16145
16201
|
onChange: handleSearch
|
|
16146
16202
|
}) : null,
|
|
16147
|
-
/* @__PURE__ */
|
|
16203
|
+
/* @__PURE__ */ jsx89("div", {
|
|
16148
16204
|
className: transferListBodyClass,
|
|
16149
16205
|
role: "listbox",
|
|
16150
|
-
children: visibleItems.length === 0 ? /* @__PURE__ */
|
|
16206
|
+
children: visibleItems.length === 0 ? /* @__PURE__ */ jsx89("div", {
|
|
16151
16207
|
className: transferListEmptyClass,
|
|
16152
16208
|
children: notFoundContent
|
|
16153
16209
|
}) : visibleItems.map((item) => {
|
|
@@ -16159,7 +16215,7 @@ function TransferListRoot({
|
|
|
16159
16215
|
disabled: disabled || item.disabled
|
|
16160
16216
|
}),
|
|
16161
16217
|
children: [
|
|
16162
|
-
/* @__PURE__ */
|
|
16218
|
+
/* @__PURE__ */ jsx89("input", {
|
|
16163
16219
|
type: "checkbox",
|
|
16164
16220
|
"aria-label": rendered.value,
|
|
16165
16221
|
checked: selected,
|
|
@@ -16170,7 +16226,7 @@ function TransferListRoot({
|
|
|
16170
16226
|
className: transferListItemContentClass,
|
|
16171
16227
|
children: [
|
|
16172
16228
|
rendered.label,
|
|
16173
|
-
item.description ? /* @__PURE__ */
|
|
16229
|
+
item.description ? /* @__PURE__ */ jsx89("span", {
|
|
16174
16230
|
className: transferListItemDescriptionClass,
|
|
16175
16231
|
children: item.description
|
|
16176
16232
|
}) : null
|
|
@@ -16183,7 +16239,7 @@ function TransferListRoot({
|
|
|
16183
16239
|
pageSize && pageCount > 1 ? /* @__PURE__ */ jsxs70("div", {
|
|
16184
16240
|
className: transferPaginationClass,
|
|
16185
16241
|
children: [
|
|
16186
|
-
/* @__PURE__ */
|
|
16242
|
+
/* @__PURE__ */ jsx89("button", {
|
|
16187
16243
|
type: "button",
|
|
16188
16244
|
className: transferPaginationButtonClass,
|
|
16189
16245
|
disabled: disabled || currentPage <= 1,
|
|
@@ -16197,7 +16253,7 @@ function TransferListRoot({
|
|
|
16197
16253
|
pageCount
|
|
16198
16254
|
]
|
|
16199
16255
|
}),
|
|
16200
|
-
/* @__PURE__ */
|
|
16256
|
+
/* @__PURE__ */ jsx89("button", {
|
|
16201
16257
|
type: "button",
|
|
16202
16258
|
className: transferPaginationButtonClass,
|
|
16203
16259
|
disabled: disabled || currentPage >= pageCount,
|
|
@@ -16283,7 +16339,7 @@ function TransferRoot({
|
|
|
16283
16339
|
ref,
|
|
16284
16340
|
className: getTransferClasses({ disabled, oneWay, className }),
|
|
16285
16341
|
children: [
|
|
16286
|
-
/* @__PURE__ */
|
|
16342
|
+
/* @__PURE__ */ jsx89(TransferListComponent, {
|
|
16287
16343
|
direction: "left",
|
|
16288
16344
|
title: titles[0],
|
|
16289
16345
|
items: sourceItems,
|
|
@@ -16299,7 +16355,7 @@ function TransferRoot({
|
|
|
16299
16355
|
onSearch,
|
|
16300
16356
|
onItemSelect: handleItemSelect
|
|
16301
16357
|
}),
|
|
16302
|
-
/* @__PURE__ */
|
|
16358
|
+
/* @__PURE__ */ jsx89(TransferOperation, {
|
|
16303
16359
|
disabled,
|
|
16304
16360
|
oneWay,
|
|
16305
16361
|
operations,
|
|
@@ -16308,7 +16364,7 @@ function TransferRoot({
|
|
|
16308
16364
|
onMoveToRight: () => move("right"),
|
|
16309
16365
|
onMoveToLeft: () => move("left")
|
|
16310
16366
|
}),
|
|
16311
|
-
/* @__PURE__ */
|
|
16367
|
+
/* @__PURE__ */ jsx89(TransferListComponent, {
|
|
16312
16368
|
direction: "right",
|
|
16313
16369
|
title: titles[1],
|
|
16314
16370
|
items: targetItems,
|
|
@@ -16386,7 +16442,7 @@ function getTreeSelectNodeClasses({
|
|
|
16386
16442
|
}
|
|
16387
16443
|
|
|
16388
16444
|
// src/components/tree-select/TreeSelect.tsx
|
|
16389
|
-
import { jsx as
|
|
16445
|
+
import { jsx as jsx90, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
16390
16446
|
var SHOW_ALL = "SHOW_ALL";
|
|
16391
16447
|
var SHOW_PARENT = "SHOW_PARENT";
|
|
16392
16448
|
var SHOW_CHILD = "SHOW_CHILD";
|
|
@@ -16676,7 +16732,7 @@ function TreeSelectRoot({
|
|
|
16676
16732
|
}),
|
|
16677
16733
|
style: { paddingLeft: item.level * 16 },
|
|
16678
16734
|
children: [
|
|
16679
|
-
hasChildren || item.node.isLeaf === false ? /* @__PURE__ */
|
|
16735
|
+
hasChildren || item.node.isLeaf === false ? /* @__PURE__ */ jsx90("button", {
|
|
16680
16736
|
type: "button",
|
|
16681
16737
|
className: treeSelectSwitcherClass,
|
|
16682
16738
|
"aria-label": `${expanded ? "Collapse" : "Expand"} ${String(item.title)}`,
|
|
@@ -16686,11 +16742,11 @@ function TreeSelectRoot({
|
|
|
16686
16742
|
setExpanded(expanded ? currentExpandedKeys.filter((key) => key !== item.key) : [...currentExpandedKeys, item.key], item);
|
|
16687
16743
|
},
|
|
16688
16744
|
children: expanded ? "-" : "+"
|
|
16689
|
-
}) : /* @__PURE__ */
|
|
16745
|
+
}) : /* @__PURE__ */ jsx90("span", {
|
|
16690
16746
|
className: treeSelectSwitcherClass,
|
|
16691
16747
|
"aria-hidden": "true"
|
|
16692
16748
|
}),
|
|
16693
|
-
checkable ? /* @__PURE__ */
|
|
16749
|
+
checkable ? /* @__PURE__ */ jsx90("input", {
|
|
16694
16750
|
type: "checkbox",
|
|
16695
16751
|
className: treeSelectCheckboxClass,
|
|
16696
16752
|
checked: selected,
|
|
@@ -16698,7 +16754,7 @@ function TreeSelectRoot({
|
|
|
16698
16754
|
"aria-label": `Check ${String(item.title)}`,
|
|
16699
16755
|
onChange: () => selectItem(item)
|
|
16700
16756
|
}) : null,
|
|
16701
|
-
/* @__PURE__ */
|
|
16757
|
+
/* @__PURE__ */ jsx90("button", {
|
|
16702
16758
|
type: "button",
|
|
16703
16759
|
role: "treeitem",
|
|
16704
16760
|
"aria-selected": selected,
|
|
@@ -16715,7 +16771,7 @@ function TreeSelectRoot({
|
|
|
16715
16771
|
}, item.key);
|
|
16716
16772
|
}
|
|
16717
16773
|
const renderedItems = displayItems(selectedItems, flatNodes, selectedKeys, treeCheckedStrategy);
|
|
16718
|
-
const selection = multi ? renderedItems.map((item) => /* @__PURE__ */
|
|
16774
|
+
const selection = multi ? renderedItems.map((item) => /* @__PURE__ */ jsx90("span", {
|
|
16719
16775
|
className: treeSelectTagClass,
|
|
16720
16776
|
children: item.title
|
|
16721
16777
|
}, item.key)) : renderedItems[0]?.title;
|
|
@@ -16737,21 +16793,21 @@ function TreeSelectRoot({
|
|
|
16737
16793
|
"aria-expanded": currentOpen,
|
|
16738
16794
|
onClick: () => setDropdownOpen(!currentOpen),
|
|
16739
16795
|
children: [
|
|
16740
|
-
/* @__PURE__ */
|
|
16796
|
+
/* @__PURE__ */ jsx90("span", {
|
|
16741
16797
|
className: treeSelectSelectionClass,
|
|
16742
|
-
children: hasValue ? selection : /* @__PURE__ */
|
|
16798
|
+
children: hasValue ? selection : /* @__PURE__ */ jsx90("span", {
|
|
16743
16799
|
className: treeSelectPlaceholderClass,
|
|
16744
16800
|
children: placeholder
|
|
16745
16801
|
})
|
|
16746
16802
|
}),
|
|
16747
|
-
/* @__PURE__ */
|
|
16803
|
+
/* @__PURE__ */ jsx90("span", {
|
|
16748
16804
|
className: treeSelectIconClass,
|
|
16749
16805
|
"aria-hidden": "true",
|
|
16750
16806
|
children: "v"
|
|
16751
16807
|
})
|
|
16752
16808
|
]
|
|
16753
16809
|
}),
|
|
16754
|
-
allowClear && hasValue && !disabled ? /* @__PURE__ */
|
|
16810
|
+
allowClear && hasValue && !disabled ? /* @__PURE__ */ jsx90("button", {
|
|
16755
16811
|
type: "button",
|
|
16756
16812
|
className: treeSelectClearClass,
|
|
16757
16813
|
"aria-label": "Clear selection",
|
|
@@ -16761,7 +16817,7 @@ function TreeSelectRoot({
|
|
|
16761
16817
|
currentOpen ? /* @__PURE__ */ jsxs71("div", {
|
|
16762
16818
|
className: treeSelectDropdownClass,
|
|
16763
16819
|
children: [
|
|
16764
|
-
searchable ? /* @__PURE__ */
|
|
16820
|
+
searchable ? /* @__PURE__ */ jsx90("input", {
|
|
16765
16821
|
className: treeSelectSearchClass,
|
|
16766
16822
|
value: currentSearch,
|
|
16767
16823
|
placeholder: typeof placeholder === "string" ? placeholder : undefined,
|
|
@@ -16773,11 +16829,11 @@ function TreeSelectRoot({
|
|
|
16773
16829
|
onSearch?.(nextSearch);
|
|
16774
16830
|
}
|
|
16775
16831
|
}) : null,
|
|
16776
|
-
/* @__PURE__ */
|
|
16832
|
+
/* @__PURE__ */ jsx90("div", {
|
|
16777
16833
|
className: treeSelectListClass,
|
|
16778
16834
|
role: "tree",
|
|
16779
16835
|
"aria-multiselectable": multi || undefined,
|
|
16780
|
-
children: visibleFlatNodes.length > 0 && visibleTree.length > 0 ? visibleTree.map(renderNode) : /* @__PURE__ */
|
|
16836
|
+
children: visibleFlatNodes.length > 0 && visibleTree.length > 0 ? visibleTree.map(renderNode) : /* @__PURE__ */ jsx90("div", {
|
|
16781
16837
|
className: treeSelectEmptyClass,
|
|
16782
16838
|
children: "No data"
|
|
16783
16839
|
})
|
|
@@ -16865,7 +16921,7 @@ function getTypographyLinkClasses({
|
|
|
16865
16921
|
}
|
|
16866
16922
|
|
|
16867
16923
|
// src/components/typography/Typography.tsx
|
|
16868
|
-
import { jsx as
|
|
16924
|
+
import { jsx as jsx91, jsxs as jsxs72, Fragment as Fragment15 } from "react/jsx-runtime";
|
|
16869
16925
|
function toText(children) {
|
|
16870
16926
|
if (typeof children === "string" || typeof children === "number") {
|
|
16871
16927
|
return String(children);
|
|
@@ -16937,37 +16993,37 @@ function wrapSemanticContent(content, {
|
|
|
16937
16993
|
}) {
|
|
16938
16994
|
let current = content;
|
|
16939
16995
|
if (code) {
|
|
16940
|
-
current = /* @__PURE__ */
|
|
16996
|
+
current = /* @__PURE__ */ jsx91("code", {
|
|
16941
16997
|
children: current
|
|
16942
16998
|
});
|
|
16943
16999
|
}
|
|
16944
17000
|
if (keyboard) {
|
|
16945
|
-
current = /* @__PURE__ */
|
|
17001
|
+
current = /* @__PURE__ */ jsx91("kbd", {
|
|
16946
17002
|
children: current
|
|
16947
17003
|
});
|
|
16948
17004
|
}
|
|
16949
17005
|
if (mark) {
|
|
16950
|
-
current = /* @__PURE__ */
|
|
17006
|
+
current = /* @__PURE__ */ jsx91("mark", {
|
|
16951
17007
|
children: current
|
|
16952
17008
|
});
|
|
16953
17009
|
}
|
|
16954
17010
|
if (strong) {
|
|
16955
|
-
current = /* @__PURE__ */
|
|
17011
|
+
current = /* @__PURE__ */ jsx91("strong", {
|
|
16956
17012
|
children: current
|
|
16957
17013
|
});
|
|
16958
17014
|
}
|
|
16959
17015
|
if (italic) {
|
|
16960
|
-
current = /* @__PURE__ */
|
|
17016
|
+
current = /* @__PURE__ */ jsx91("em", {
|
|
16961
17017
|
children: current
|
|
16962
17018
|
});
|
|
16963
17019
|
}
|
|
16964
17020
|
if (underline) {
|
|
16965
|
-
current = /* @__PURE__ */
|
|
17021
|
+
current = /* @__PURE__ */ jsx91("u", {
|
|
16966
17022
|
children: current
|
|
16967
17023
|
});
|
|
16968
17024
|
}
|
|
16969
17025
|
if (deleted) {
|
|
16970
|
-
current = /* @__PURE__ */
|
|
17026
|
+
current = /* @__PURE__ */ jsx91("del", {
|
|
16971
17027
|
children: current
|
|
16972
17028
|
});
|
|
16973
17029
|
}
|
|
@@ -16990,7 +17046,7 @@ function EditableContent({
|
|
|
16990
17046
|
}
|
|
16991
17047
|
}, [editing]);
|
|
16992
17048
|
if (!editable || disabled) {
|
|
16993
|
-
return /* @__PURE__ */
|
|
17049
|
+
return /* @__PURE__ */ jsx91(Fragment15, {
|
|
16994
17050
|
children
|
|
16995
17051
|
});
|
|
16996
17052
|
}
|
|
@@ -17029,7 +17085,7 @@ function EditableContent({
|
|
|
17029
17085
|
return /* @__PURE__ */ jsxs72("span", {
|
|
17030
17086
|
className: typographyEditingClass,
|
|
17031
17087
|
children: [
|
|
17032
|
-
/* @__PURE__ */
|
|
17088
|
+
/* @__PURE__ */ jsx91("textarea", {
|
|
17033
17089
|
ref: textareaRef,
|
|
17034
17090
|
className: typographyEditInputClass,
|
|
17035
17091
|
"aria-label": "Edit text",
|
|
@@ -17041,14 +17097,14 @@ function EditableContent({
|
|
|
17041
17097
|
},
|
|
17042
17098
|
onKeyDown: handleKeyDown
|
|
17043
17099
|
}),
|
|
17044
|
-
/* @__PURE__ */
|
|
17100
|
+
/* @__PURE__ */ jsx91("button", {
|
|
17045
17101
|
type: "button",
|
|
17046
17102
|
className: typographyActionClass,
|
|
17047
17103
|
"aria-label": "Save edit",
|
|
17048
17104
|
onClick: endEdit,
|
|
17049
17105
|
children: editableConfig.enterIcon ?? "Save"
|
|
17050
17106
|
}),
|
|
17051
|
-
/* @__PURE__ */
|
|
17107
|
+
/* @__PURE__ */ jsx91("button", {
|
|
17052
17108
|
type: "button",
|
|
17053
17109
|
className: typographyActionClass,
|
|
17054
17110
|
"aria-label": "Cancel edit",
|
|
@@ -17062,7 +17118,7 @@ function EditableContent({
|
|
|
17062
17118
|
return /* @__PURE__ */ jsxs72(Fragment15, {
|
|
17063
17119
|
children: [
|
|
17064
17120
|
children,
|
|
17065
|
-
/* @__PURE__ */
|
|
17121
|
+
/* @__PURE__ */ jsx91("button", {
|
|
17066
17122
|
type: "button",
|
|
17067
17123
|
className: typographyActionClass,
|
|
17068
17124
|
title: typeof editableConfig.tooltip === "string" ? editableConfig.tooltip : undefined,
|
|
@@ -17085,14 +17141,14 @@ function TypographyActions({
|
|
|
17085
17141
|
}) {
|
|
17086
17142
|
return /* @__PURE__ */ jsxs72(Fragment15, {
|
|
17087
17143
|
children: [
|
|
17088
|
-
ellipsis?.expandable ? /* @__PURE__ */
|
|
17144
|
+
ellipsis?.expandable ? /* @__PURE__ */ jsx91("button", {
|
|
17089
17145
|
type: "button",
|
|
17090
17146
|
className: cn(typographyActionClass, typographyExpandClass),
|
|
17091
17147
|
"aria-expanded": expanded,
|
|
17092
17148
|
onClick: onToggleExpand,
|
|
17093
17149
|
children: getExpandSymbol(ellipsis, expanded)
|
|
17094
17150
|
}) : null,
|
|
17095
|
-
copyable ? /* @__PURE__ */
|
|
17151
|
+
copyable ? /* @__PURE__ */ jsx91("button", {
|
|
17096
17152
|
type: "button",
|
|
17097
17153
|
className: typographyActionClass,
|
|
17098
17154
|
"aria-label": "Copy text",
|
|
@@ -17138,7 +17194,7 @@ function useTypographyBehavior({
|
|
|
17138
17194
|
sourceText
|
|
17139
17195
|
};
|
|
17140
17196
|
}
|
|
17141
|
-
var TypographyRoot = forwardRef77(({ className, ...props }, ref) => /* @__PURE__ */
|
|
17197
|
+
var TypographyRoot = forwardRef77(({ className, ...props }, ref) => /* @__PURE__ */ jsx91("div", {
|
|
17142
17198
|
...props,
|
|
17143
17199
|
ref,
|
|
17144
17200
|
className: getTypographyClasses(className)
|
|
@@ -17206,7 +17262,7 @@ var Text = forwardRef77(({
|
|
|
17206
17262
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null
|
|
17207
17263
|
]
|
|
17208
17264
|
}),
|
|
17209
|
-
/* @__PURE__ */
|
|
17265
|
+
/* @__PURE__ */ jsx91(TypographyActions, {
|
|
17210
17266
|
copyable: copyConfig,
|
|
17211
17267
|
ellipsis: ellipsisConfig,
|
|
17212
17268
|
disabled,
|
|
@@ -17280,7 +17336,7 @@ var Paragraph = forwardRef77(({
|
|
|
17280
17336
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null
|
|
17281
17337
|
]
|
|
17282
17338
|
}),
|
|
17283
|
-
/* @__PURE__ */
|
|
17339
|
+
/* @__PURE__ */ jsx91(TypographyActions, {
|
|
17284
17340
|
copyable: copyConfig,
|
|
17285
17341
|
ellipsis: ellipsisConfig,
|
|
17286
17342
|
disabled,
|
|
@@ -17355,7 +17411,7 @@ var Title = forwardRef77(({
|
|
|
17355
17411
|
content,
|
|
17356
17412
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null
|
|
17357
17413
|
]
|
|
17358
|
-
}), /* @__PURE__ */
|
|
17414
|
+
}), /* @__PURE__ */ jsx91(TypographyActions, {
|
|
17359
17415
|
copyable: copyConfig,
|
|
17360
17416
|
ellipsis: ellipsisConfig,
|
|
17361
17417
|
disabled,
|
|
@@ -17421,7 +17477,7 @@ var Link = forwardRef77(({
|
|
|
17421
17477
|
children: [
|
|
17422
17478
|
content,
|
|
17423
17479
|
ellipsisConfig?.suffix && !expanded ? ellipsisConfig.suffix : null,
|
|
17424
|
-
/* @__PURE__ */
|
|
17480
|
+
/* @__PURE__ */ jsx91(TypographyActions, {
|
|
17425
17481
|
ellipsis: ellipsisConfig,
|
|
17426
17482
|
disabled,
|
|
17427
17483
|
sourceText: "",
|
|
@@ -17488,7 +17544,7 @@ function getUploadItemClasses({
|
|
|
17488
17544
|
}
|
|
17489
17545
|
|
|
17490
17546
|
// src/components/upload/Upload.tsx
|
|
17491
|
-
import { jsx as
|
|
17547
|
+
import { jsx as jsx92, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
17492
17548
|
var LIST_IGNORE = Symbol("Upload.LIST_IGNORE");
|
|
17493
17549
|
var uidSeed = 0;
|
|
17494
17550
|
function nextUid() {
|
|
@@ -17655,12 +17711,12 @@ function UploadRoot({
|
|
|
17655
17711
|
}
|
|
17656
17712
|
}
|
|
17657
17713
|
function renderTrigger() {
|
|
17658
|
-
const trigger = children ?? /* @__PURE__ */
|
|
17714
|
+
const trigger = children ?? /* @__PURE__ */ jsx92("button", {
|
|
17659
17715
|
type: "button",
|
|
17660
17716
|
children: "Upload"
|
|
17661
17717
|
});
|
|
17662
17718
|
if (dragger) {
|
|
17663
|
-
return /* @__PURE__ */
|
|
17719
|
+
return /* @__PURE__ */ jsx92("div", {
|
|
17664
17720
|
className: uploadDropzoneClass,
|
|
17665
17721
|
role: "button",
|
|
17666
17722
|
tabIndex: disabled ? -1 : 0,
|
|
@@ -17700,7 +17756,7 @@ function UploadRoot({
|
|
|
17700
17756
|
}
|
|
17701
17757
|
});
|
|
17702
17758
|
}
|
|
17703
|
-
return /* @__PURE__ */
|
|
17759
|
+
return /* @__PURE__ */ jsx92("button", {
|
|
17704
17760
|
type: "button",
|
|
17705
17761
|
className: uploadTriggerClass,
|
|
17706
17762
|
disabled,
|
|
@@ -17718,7 +17774,7 @@ function UploadRoot({
|
|
|
17718
17774
|
className
|
|
17719
17775
|
}),
|
|
17720
17776
|
children: [
|
|
17721
|
-
/* @__PURE__ */
|
|
17777
|
+
/* @__PURE__ */ jsx92("input", {
|
|
17722
17778
|
ref: inputRef,
|
|
17723
17779
|
className: uploadInputClass,
|
|
17724
17780
|
type: "file",
|
|
@@ -17732,7 +17788,7 @@ function UploadRoot({
|
|
|
17732
17788
|
}
|
|
17733
17789
|
}),
|
|
17734
17790
|
renderTrigger(),
|
|
17735
|
-
mergedFileList.length > 0 ? /* @__PURE__ */
|
|
17791
|
+
mergedFileList.length > 0 ? /* @__PURE__ */ jsx92("div", {
|
|
17736
17792
|
className: getUploadListClasses({ listType }),
|
|
17737
17793
|
children: mergedFileList.map((file) => {
|
|
17738
17794
|
const size = formatSize(file.size);
|
|
@@ -17742,27 +17798,27 @@ function UploadRoot({
|
|
|
17742
17798
|
/* @__PURE__ */ jsxs73("div", {
|
|
17743
17799
|
className: uploadItemInfoClass,
|
|
17744
17800
|
children: [
|
|
17745
|
-
/* @__PURE__ */
|
|
17801
|
+
/* @__PURE__ */ jsx92("button", {
|
|
17746
17802
|
type: "button",
|
|
17747
17803
|
className: uploadPreviewClass,
|
|
17748
17804
|
disabled,
|
|
17749
17805
|
onClick: () => onPreview?.(file),
|
|
17750
|
-
children: /* @__PURE__ */
|
|
17806
|
+
children: /* @__PURE__ */ jsx92("span", {
|
|
17751
17807
|
className: uploadItemNameClass,
|
|
17752
17808
|
children: file.name
|
|
17753
17809
|
})
|
|
17754
17810
|
}),
|
|
17755
|
-
size ? /* @__PURE__ */
|
|
17811
|
+
size ? /* @__PURE__ */ jsx92("span", {
|
|
17756
17812
|
className: uploadItemSizeClass,
|
|
17757
17813
|
children: size
|
|
17758
17814
|
}) : null,
|
|
17759
|
-
typeof file.percent === "number" ? /* @__PURE__ */
|
|
17815
|
+
typeof file.percent === "number" ? /* @__PURE__ */ jsx92("div", {
|
|
17760
17816
|
className: uploadProgressClass,
|
|
17761
17817
|
role: "progressbar",
|
|
17762
17818
|
"aria-valuemin": 0,
|
|
17763
17819
|
"aria-valuemax": 100,
|
|
17764
17820
|
"aria-valuenow": file.percent,
|
|
17765
|
-
children: /* @__PURE__ */
|
|
17821
|
+
children: /* @__PURE__ */ jsx92("div", {
|
|
17766
17822
|
className: uploadProgressBarClass,
|
|
17767
17823
|
style: {
|
|
17768
17824
|
width: `${Math.max(0, Math.min(100, file.percent))}%`
|
|
@@ -17771,9 +17827,9 @@ function UploadRoot({
|
|
|
17771
17827
|
}) : null
|
|
17772
17828
|
]
|
|
17773
17829
|
}),
|
|
17774
|
-
/* @__PURE__ */
|
|
17830
|
+
/* @__PURE__ */ jsx92("div", {
|
|
17775
17831
|
className: uploadItemActionsClass,
|
|
17776
|
-
children: /* @__PURE__ */
|
|
17832
|
+
children: /* @__PURE__ */ jsx92("button", {
|
|
17777
17833
|
type: "button",
|
|
17778
17834
|
className: uploadRemoveClass,
|
|
17779
17835
|
disabled,
|
|
@@ -17791,7 +17847,7 @@ function UploadRoot({
|
|
|
17791
17847
|
}
|
|
17792
17848
|
var UploadFrame = forwardRef78(UploadRoot);
|
|
17793
17849
|
UploadFrame.displayName = "Upload";
|
|
17794
|
-
var Dragger = forwardRef78((props, ref) => /* @__PURE__ */
|
|
17850
|
+
var Dragger = forwardRef78((props, ref) => /* @__PURE__ */ jsx92(UploadFrame, {
|
|
17795
17851
|
...props,
|
|
17796
17852
|
ref,
|
|
17797
17853
|
dragger: true
|
|
@@ -17811,7 +17867,7 @@ function getWatermarkClasses({ className }) {
|
|
|
17811
17867
|
}
|
|
17812
17868
|
|
|
17813
17869
|
// src/components/watermark/Watermark.tsx
|
|
17814
|
-
import { jsx as
|
|
17870
|
+
import { jsx as jsx93, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
17815
17871
|
function encodeSvg(svg) {
|
|
17816
17872
|
return `url("data:image/svg+xml,${encodeURIComponent(svg)}")`;
|
|
17817
17873
|
}
|
|
@@ -17856,11 +17912,11 @@ var Watermark = forwardRef79(({
|
|
|
17856
17912
|
className: getWatermarkClasses({ className }),
|
|
17857
17913
|
style: { position: "relative", ...style },
|
|
17858
17914
|
children: [
|
|
17859
|
-
/* @__PURE__ */
|
|
17915
|
+
/* @__PURE__ */ jsx93("div", {
|
|
17860
17916
|
className: watermarkContentClass,
|
|
17861
17917
|
children
|
|
17862
17918
|
}),
|
|
17863
|
-
/* @__PURE__ */
|
|
17919
|
+
/* @__PURE__ */ jsx93("div", {
|
|
17864
17920
|
"aria-hidden": "true",
|
|
17865
17921
|
"data-watermark-source": image ?? (typeof content === "string" || typeof content === "number" ? String(content) : undefined),
|
|
17866
17922
|
"data-inherit": inherit || undefined,
|
|
@@ -17996,7 +18052,6 @@ export {
|
|
|
17996
18052
|
DmSearch,
|
|
17997
18053
|
DmQuery,
|
|
17998
18054
|
DmProvider,
|
|
17999
|
-
DmProTableInner,
|
|
18000
18055
|
DmProTable,
|
|
18001
18056
|
DmPagination,
|
|
18002
18057
|
DmPageHeader,
|