@dreamtree-org/twreact-ui 1.2.1 → 1.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/DESIGN.md +118 -0
- package/README.md +52 -34
- package/ai-skills/dreamtree-ui.md +27 -0
- package/dist/components/blocks/AppShell.d.ts +4 -0
- package/dist/components/blocks/AppShell.d.ts.map +1 -0
- package/dist/components/blocks/ConfirmDialog.d.ts +4 -0
- package/dist/components/blocks/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/blocks/EmptyState.d.ts +4 -0
- package/dist/components/blocks/EmptyState.d.ts.map +1 -0
- package/dist/components/blocks/ErrorState.d.ts +4 -0
- package/dist/components/blocks/ErrorState.d.ts.map +1 -0
- package/dist/components/blocks/LoadingState.d.ts +9 -0
- package/dist/components/blocks/LoadingState.d.ts.map +1 -0
- package/dist/components/blocks/PageHeader.d.ts +4 -0
- package/dist/components/blocks/PageHeader.d.ts.map +1 -0
- package/dist/components/blocks/StatCard.d.ts +4 -0
- package/dist/components/blocks/StatCard.d.ts.map +1 -0
- package/dist/components/blocks/StatusPill.d.ts +5 -0
- package/dist/components/blocks/StatusPill.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +48 -38
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +958 -268
- package/dist/index.js +965 -267
- package/dist/tokens/brands/default.css +1 -0
- package/dist/tokens/brands/default.json +5 -0
- package/dist/tokens/brands/practicepro.css +17 -0
- package/dist/tokens/brands/practicepro.json +27 -0
- package/dist/tokens/tailwind3-preset.cjs +214 -0
- package/dist/tokens/theme.css +193 -0
- package/dist/tokens/tokens.json +373 -0
- package/dist/tokens/vars.css +98 -0
- package/dist/types/blocks.d.ts +109 -0
- package/dist/types/blocks.d.ts.map +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/doc/README.md +19 -0
- package/mcp/catalog.snapshot.json +398 -3
- package/package.json +11 -5
- package/tokens/brands/default.json +5 -0
- package/tokens/brands/practicepro.json +27 -0
- package/tokens/lib.cjs +128 -0
- package/tokens/tokens.json +133 -0
package/dist/index.js
CHANGED
|
@@ -90,17 +90,17 @@ function _iterableToArrayLimit(r, l) {
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
function _arrayLikeToArray$
|
|
93
|
+
function _arrayLikeToArray$3(r, a) {
|
|
94
94
|
(null == a || a > r.length) && (a = r.length);
|
|
95
95
|
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
96
96
|
return n;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
function _unsupportedIterableToArray$
|
|
99
|
+
function _unsupportedIterableToArray$3(r, a) {
|
|
100
100
|
if (r) {
|
|
101
|
-
if ("string" == typeof r) return _arrayLikeToArray$
|
|
101
|
+
if ("string" == typeof r) return _arrayLikeToArray$3(r, a);
|
|
102
102
|
var t = {}.toString.call(r).slice(8, -1);
|
|
103
|
-
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$
|
|
103
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0;
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
106
|
|
|
@@ -109,7 +109,7 @@ function _nonIterableRest() {
|
|
|
109
109
|
}
|
|
110
110
|
|
|
111
111
|
function _slicedToArray(r, e) {
|
|
112
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray$
|
|
112
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray$3(r, e) || _nonIterableRest();
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
function _objectWithoutPropertiesLoose$1(r, e) {
|
|
@@ -214,6 +214,36 @@ const AlertTriangle = createLucideIcon$1("AlertTriangle", [
|
|
|
214
214
|
*/
|
|
215
215
|
|
|
216
216
|
|
|
217
|
+
const ArrowDown = createLucideIcon$1("ArrowDown", [
|
|
218
|
+
["path", { d: "M12 5v14", key: "s699le" }],
|
|
219
|
+
["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
|
|
220
|
+
]);
|
|
221
|
+
|
|
222
|
+
/**
|
|
223
|
+
* lucide-react v0.0.1 - ISC
|
|
224
|
+
*/
|
|
225
|
+
|
|
226
|
+
|
|
227
|
+
const ArrowLeft = createLucideIcon$1("ArrowLeft", [
|
|
228
|
+
["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
|
|
229
|
+
["path", { d: "M19 12H5", key: "x3x0zl" }]
|
|
230
|
+
]);
|
|
231
|
+
|
|
232
|
+
/**
|
|
233
|
+
* lucide-react v0.0.1 - ISC
|
|
234
|
+
*/
|
|
235
|
+
|
|
236
|
+
|
|
237
|
+
const ArrowUp = createLucideIcon$1("ArrowUp", [
|
|
238
|
+
["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
|
|
239
|
+
["path", { d: "M12 19V5", key: "x0mq9r" }]
|
|
240
|
+
]);
|
|
241
|
+
|
|
242
|
+
/**
|
|
243
|
+
* lucide-react v0.0.1 - ISC
|
|
244
|
+
*/
|
|
245
|
+
|
|
246
|
+
|
|
217
247
|
const Bell = createLucideIcon$1("Bell", [
|
|
218
248
|
["path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9", key: "1qo2s2" }],
|
|
219
249
|
["path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0", key: "qgo35s" }]
|
|
@@ -445,6 +475,22 @@ const Image = createLucideIcon$1("Image", [
|
|
|
445
475
|
*/
|
|
446
476
|
|
|
447
477
|
|
|
478
|
+
const Inbox = createLucideIcon$1("Inbox", [
|
|
479
|
+
["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
|
|
480
|
+
[
|
|
481
|
+
"path",
|
|
482
|
+
{
|
|
483
|
+
d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
|
|
484
|
+
key: "oot6mr"
|
|
485
|
+
}
|
|
486
|
+
]
|
|
487
|
+
]);
|
|
488
|
+
|
|
489
|
+
/**
|
|
490
|
+
* lucide-react v0.0.1 - ISC
|
|
491
|
+
*/
|
|
492
|
+
|
|
493
|
+
|
|
448
494
|
const Info = createLucideIcon$1("Info", [
|
|
449
495
|
["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
|
|
450
496
|
["path", { d: "M12 16v-4", key: "1dtifu" }],
|
|
@@ -601,6 +647,19 @@ const RefreshCcw = createLucideIcon$1("RefreshCcw", [
|
|
|
601
647
|
*/
|
|
602
648
|
|
|
603
649
|
|
|
650
|
+
const RotateCw = createLucideIcon$1("RotateCw", [
|
|
651
|
+
[
|
|
652
|
+
"path",
|
|
653
|
+
{ d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }
|
|
654
|
+
],
|
|
655
|
+
["path", { d: "M21 3v5h-5", key: "1q7to0" }]
|
|
656
|
+
]);
|
|
657
|
+
|
|
658
|
+
/**
|
|
659
|
+
* lucide-react v0.0.1 - ISC
|
|
660
|
+
*/
|
|
661
|
+
|
|
662
|
+
|
|
604
663
|
const Save = createLucideIcon$1("Save", [
|
|
605
664
|
[
|
|
606
665
|
"path",
|
|
@@ -3217,9 +3276,9 @@ function cn$1() {
|
|
|
3217
3276
|
return twMerge(clsx(inputs));
|
|
3218
3277
|
}
|
|
3219
3278
|
|
|
3220
|
-
var _excluded$
|
|
3221
|
-
function ownKeys$
|
|
3222
|
-
function _objectSpread$
|
|
3279
|
+
var _excluded$I = ["id", "className", "type", "label", "placeholder", "error", "success", "disabled", "required", "clearable", "icon", "iconPosition", "onClear", "showCount", "maxLength", "readOnly", "onChange", "value", "defaultValue"];
|
|
3280
|
+
function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3281
|
+
function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3223
3282
|
var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
3224
3283
|
var _ref$current$value2, _ref$current;
|
|
3225
3284
|
var id = props.id,
|
|
@@ -3248,7 +3307,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3248
3307
|
onChange = props.onChange,
|
|
3249
3308
|
value = props.value,
|
|
3250
3309
|
defaultValue = props.defaultValue,
|
|
3251
|
-
rest = _objectWithoutProperties$1(props, _excluded$
|
|
3310
|
+
rest = _objectWithoutProperties$1(props, _excluded$I);
|
|
3252
3311
|
var internalId = React.useId();
|
|
3253
3312
|
var inputId = id || "input-".concat(internalId);
|
|
3254
3313
|
var isSearch = type === "search";
|
|
@@ -3334,7 +3393,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3334
3393
|
className: "text-primary-400",
|
|
3335
3394
|
children: icon
|
|
3336
3395
|
})
|
|
3337
|
-
}), jsxRuntime.jsx("input", _objectSpread$
|
|
3396
|
+
}), jsxRuntime.jsx("input", _objectSpread$O({
|
|
3338
3397
|
id: inputId,
|
|
3339
3398
|
ref: ref,
|
|
3340
3399
|
type: inputType,
|
|
@@ -3394,9 +3453,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3394
3453
|
});
|
|
3395
3454
|
});
|
|
3396
3455
|
|
|
3397
|
-
var _excluded$
|
|
3398
|
-
function ownKeys$
|
|
3399
|
-
function _objectSpread$
|
|
3456
|
+
var _excluded$H = ["className", "variant", "size", "disabled", "loading", "children", "leftIcon", "rightIcon", "fullWidth"];
|
|
3457
|
+
function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3458
|
+
function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3400
3459
|
var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
3401
3460
|
var className = _ref.className,
|
|
3402
3461
|
_ref$variant = _ref.variant,
|
|
@@ -3409,7 +3468,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3409
3468
|
leftIcon = _ref.leftIcon,
|
|
3410
3469
|
rightIcon = _ref.rightIcon,
|
|
3411
3470
|
fullWidth = _ref.fullWidth,
|
|
3412
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
3471
|
+
props = _objectWithoutProperties$1(_ref, _excluded$H);
|
|
3413
3472
|
var baseClasses = cn$1('inline-flex items-center justify-center rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none', {
|
|
3414
3473
|
// Variants
|
|
3415
3474
|
'bg-primary-600 text-white hover:bg-primary-700 focus:ring-primary-500': variant === 'primary',
|
|
@@ -3426,7 +3485,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3426
3485
|
// Full width
|
|
3427
3486
|
'w-full': fullWidth
|
|
3428
3487
|
}, className);
|
|
3429
|
-
return jsxRuntime.jsxs("button", _objectSpread$
|
|
3488
|
+
return jsxRuntime.jsxs("button", _objectSpread$N(_objectSpread$N({
|
|
3430
3489
|
ref: ref,
|
|
3431
3490
|
className: baseClasses,
|
|
3432
3491
|
disabled: disabled || loading
|
|
@@ -3445,7 +3504,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
3445
3504
|
Button.displayName = 'Button';
|
|
3446
3505
|
|
|
3447
3506
|
function _arrayWithoutHoles$1(r) {
|
|
3448
|
-
if (Array.isArray(r)) return _arrayLikeToArray$
|
|
3507
|
+
if (Array.isArray(r)) return _arrayLikeToArray$3(r);
|
|
3449
3508
|
}
|
|
3450
3509
|
|
|
3451
3510
|
function _iterableToArray$1(r) {
|
|
@@ -3457,12 +3516,12 @@ function _nonIterableSpread$1() {
|
|
|
3457
3516
|
}
|
|
3458
3517
|
|
|
3459
3518
|
function _toConsumableArray$1(r) {
|
|
3460
|
-
return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$
|
|
3519
|
+
return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$3(r) || _nonIterableSpread$1();
|
|
3461
3520
|
}
|
|
3462
3521
|
|
|
3463
|
-
var _excluded$
|
|
3464
|
-
function ownKeys$
|
|
3465
|
-
function _objectSpread$
|
|
3522
|
+
var _excluded$G = ["options", "value", "onChange", "placeholder", "label", "error", "disabled", "required", "multiSelect", "searchable", "grouped", "onMenuItemRender", "className", "allowClear", "creatable", "onCreateOption", "onSearch", "loading", "selectAllOption", "closeOnSelect", "maxTagCount", "renderGroupLabel", "name"];
|
|
3523
|
+
function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3524
|
+
function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3466
3525
|
/**
|
|
3467
3526
|
* Enhanced Select component (debounce removed)
|
|
3468
3527
|
* - Supports single and multi select
|
|
@@ -3483,7 +3542,7 @@ var flattenGroups = function flattenGroups() {
|
|
|
3483
3542
|
return groups.reduce(function (acc, g) {
|
|
3484
3543
|
var groupLabel = g.label;
|
|
3485
3544
|
g.options.forEach(function (opt) {
|
|
3486
|
-
return acc.push(_objectSpread$
|
|
3545
|
+
return acc.push(_objectSpread$M(_objectSpread$M({}, opt), {}, {
|
|
3487
3546
|
_group: groupLabel
|
|
3488
3547
|
}));
|
|
3489
3548
|
});
|
|
@@ -3538,7 +3597,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
3538
3597
|
maxTagCount = _ref$maxTagCount === void 0 ? 3 : _ref$maxTagCount,
|
|
3539
3598
|
renderGroupLabel = _ref.renderGroupLabel,
|
|
3540
3599
|
name = _ref.name,
|
|
3541
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
3600
|
+
props = _objectWithoutProperties$1(_ref, _excluded$G);
|
|
3542
3601
|
var _useState = React.useState(false),
|
|
3543
3602
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3544
3603
|
isOpen = _useState2[0],
|
|
@@ -3579,7 +3638,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
3579
3638
|
var flatOptions = React.useMemo(function () {
|
|
3580
3639
|
if (grouped) return flattenGroups(options);
|
|
3581
3640
|
return options.map(function (opt) {
|
|
3582
|
-
return _objectSpread$
|
|
3641
|
+
return _objectSpread$M({}, opt);
|
|
3583
3642
|
});
|
|
3584
3643
|
}, [options, grouped]);
|
|
3585
3644
|
var selectedValues = multiSelect ? Array.isArray(value) ? value : [] : value;
|
|
@@ -3604,7 +3663,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
3604
3663
|
}
|
|
3605
3664
|
if (grouped) {
|
|
3606
3665
|
return options.map(function (g) {
|
|
3607
|
-
return _objectSpread$
|
|
3666
|
+
return _objectSpread$M(_objectSpread$M({}, g), {}, {
|
|
3608
3667
|
options: g.options.filter(function (o) {
|
|
3609
3668
|
return o.label.toLowerCase().includes(searchTerm.toLowerCase());
|
|
3610
3669
|
})
|
|
@@ -3874,7 +3933,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
3874
3933
|
className: "text-xs border border-slate-200 p-0.5 rounded-md cursor-pointer hover:bg-gray-100",
|
|
3875
3934
|
onClick: function onClick() {
|
|
3876
3935
|
return setCollapsedGroups(function (prev) {
|
|
3877
|
-
return _objectSpread$
|
|
3936
|
+
return _objectSpread$M(_objectSpread$M({}, prev), {}, _defineProperty$4({}, group.label, !prev[group.label]));
|
|
3878
3937
|
});
|
|
3879
3938
|
},
|
|
3880
3939
|
children: jsxRuntime.jsx(ChevronDown, {
|
|
@@ -3968,7 +4027,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
3968
4027
|
}), jsxRuntime.jsxs("div", {
|
|
3969
4028
|
ref: selectRef,
|
|
3970
4029
|
className: "relative",
|
|
3971
|
-
children: [jsxRuntime.jsxs("button", _objectSpread$
|
|
4030
|
+
children: [jsxRuntime.jsxs("button", _objectSpread$M(_objectSpread$M({
|
|
3972
4031
|
type: "button",
|
|
3973
4032
|
"aria-haspopup": "listbox",
|
|
3974
4033
|
"aria-expanded": isOpen,
|
|
@@ -4035,7 +4094,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
4035
4094
|
// escapes any ancestor overflow:hidden|auto|scroll. Coordinates
|
|
4036
4095
|
// are anchored to the trigger's viewport rect; width matches the
|
|
4037
4096
|
// trigger; maxHeight is driven by available space.
|
|
4038
|
-
style: _objectSpread$
|
|
4097
|
+
style: _objectSpread$M({
|
|
4039
4098
|
left: menuCoords ? "".concat(menuCoords.left, "px") : undefined,
|
|
4040
4099
|
top: menuCoords ? "".concat(menuCoords.top, "px") : undefined,
|
|
4041
4100
|
width: menuCoords ? "".concat(menuCoords.width, "px") : undefined
|
|
@@ -4517,11 +4576,11 @@ var DEFAULT_ACTIONS = [{
|
|
|
4517
4576
|
})
|
|
4518
4577
|
}];
|
|
4519
4578
|
|
|
4520
|
-
function ownKeys$
|
|
4521
|
-
function _objectSpread$
|
|
4522
|
-
function _createForOfIteratorHelper$
|
|
4523
|
-
function _unsupportedIterableToArray$
|
|
4524
|
-
function _arrayLikeToArray$
|
|
4579
|
+
function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4580
|
+
function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4581
|
+
function _createForOfIteratorHelper$2(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$2(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
4582
|
+
function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
|
|
4583
|
+
function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
4525
4584
|
/**
|
|
4526
4585
|
* Generate a unique key for a row based on id, _id, or index
|
|
4527
4586
|
*/
|
|
@@ -4569,7 +4628,7 @@ var mergeDefaultActions = function mergeDefaultActions(overrides, defaults) {
|
|
|
4569
4628
|
if (!Array.isArray(overrides)) return defaults;
|
|
4570
4629
|
if (!Array.isArray(defaults) || defaults.length === 0) return overrides;
|
|
4571
4630
|
var byName = new Map();
|
|
4572
|
-
var _iterator = _createForOfIteratorHelper$
|
|
4631
|
+
var _iterator = _createForOfIteratorHelper$2(overrides),
|
|
4573
4632
|
_step;
|
|
4574
4633
|
try {
|
|
4575
4634
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
@@ -4582,7 +4641,7 @@ var mergeDefaultActions = function mergeDefaultActions(overrides, defaults) {
|
|
|
4582
4641
|
_iterator.f();
|
|
4583
4642
|
}
|
|
4584
4643
|
var merged = defaults.map(function (d) {
|
|
4585
|
-
return d !== null && d !== void 0 && d.name && byName.has(d.name) ? _objectSpread$
|
|
4644
|
+
return d !== null && d !== void 0 && d.name && byName.has(d.name) ? _objectSpread$L(_objectSpread$L({}, d), byName.get(d.name)) : d;
|
|
4586
4645
|
});
|
|
4587
4646
|
var defaultNames = new Set(defaults.map(function (d) {
|
|
4588
4647
|
return d === null || d === void 0 ? void 0 : d.name;
|
|
@@ -4617,14 +4676,14 @@ var resolveActions = function resolveActions(actions, row, index) {
|
|
|
4617
4676
|
if (!Array.isArray(source) || source.length === 0) return EMPTY_RESOLVED;
|
|
4618
4677
|
var inlineActions = [];
|
|
4619
4678
|
var menuActions = [];
|
|
4620
|
-
var _iterator2 = _createForOfIteratorHelper$
|
|
4679
|
+
var _iterator2 = _createForOfIteratorHelper$2(source),
|
|
4621
4680
|
_step2;
|
|
4622
4681
|
try {
|
|
4623
4682
|
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
4624
4683
|
var action = _step2.value;
|
|
4625
4684
|
if (!action || _typeof$4(action) !== "object") continue;
|
|
4626
4685
|
if (callIfFn(action.hidden, row, index)) continue;
|
|
4627
|
-
var resolved = _objectSpread$
|
|
4686
|
+
var resolved = _objectSpread$L(_objectSpread$L({}, action), {}, {
|
|
4628
4687
|
label: callIfFn(action.label, row, index),
|
|
4629
4688
|
icon: callIfFn(action.icon, row, index),
|
|
4630
4689
|
disabled: !!callIfFn(action.disabled, row, index),
|
|
@@ -5161,8 +5220,8 @@ function ActionMenu(_ref) {
|
|
|
5161
5220
|
}), document.body);
|
|
5162
5221
|
}
|
|
5163
5222
|
|
|
5164
|
-
function ownKeys$
|
|
5165
|
-
function _objectSpread$
|
|
5223
|
+
function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5224
|
+
function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5166
5225
|
/**
|
|
5167
5226
|
* Desktop table row component
|
|
5168
5227
|
*/
|
|
@@ -5242,7 +5301,7 @@ function TableRow(_ref) {
|
|
|
5242
5301
|
var isRowActive = interactive && (activeCell === null || activeCell === void 0 ? void 0 : activeCell.rowKey) === rowKey;
|
|
5243
5302
|
var effectiveRow = React.useMemo(function () {
|
|
5244
5303
|
if (!interactive || !pendingEdits || !pendingEdits[rowKey]) return row;
|
|
5245
|
-
return _objectSpread$
|
|
5304
|
+
return _objectSpread$K(_objectSpread$K({}, row), pendingEdits[rowKey]);
|
|
5246
5305
|
}, [interactive, pendingEdits, rowKey, row]);
|
|
5247
5306
|
return jsxRuntime.jsxs(React.Fragment, {
|
|
5248
5307
|
children: [jsxRuntime.jsxs("tr", {
|
|
@@ -5729,10 +5788,10 @@ function FieldInput(_ref) {
|
|
|
5729
5788
|
});
|
|
5730
5789
|
}
|
|
5731
5790
|
|
|
5732
|
-
var _excluded$
|
|
5791
|
+
var _excluded$F = ["data", "columns", "sortable", "filterable", "selectable", "pagination", "pageSize", "onSort", "onFilter", "onFetch", "onFilterChange", "onSelectionChange", "onRowClick", "hasDetails", "DetailsComponent", "className", "withAction", "onAction", "actions", "replaceDefaultActions", "showSerial", "cellClass", "rowClass", "globalSearch", "limitOptions", "showLimitSelector", "onLimitChange", "showReloadButton", "renderReloadButton", "onReload", "stripedRows", "theme", "responsiveBreakpoint", "serverSide", "totalRecords", "pageNumber", "onPageChange", "TheadComponent", "TfootComponent", "interactive", "onSave", "onEdit", "onRowAdd", "onRowDelete", "editKeyBinding", "newRowPosition", "addRowRef", "onInitAddRow", "renderAddRowButton", "renderExternalAddRow"],
|
|
5733
5792
|
_excluded2$4 = ["_key", "_isNew"];
|
|
5734
|
-
function ownKeys$
|
|
5735
|
-
function _objectSpread$
|
|
5793
|
+
function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5794
|
+
function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5736
5795
|
var DEFAULT_DATA = [];
|
|
5737
5796
|
var DEFAULT_COLUMNS = [];
|
|
5738
5797
|
var DEFAULT_THEME = {
|
|
@@ -5820,8 +5879,8 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
5820
5879
|
onInitAddRow = _ref.onInitAddRow,
|
|
5821
5880
|
renderAddRowButton = _ref.renderAddRowButton,
|
|
5822
5881
|
renderExternalAddRow = _ref.renderExternalAddRow,
|
|
5823
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
5824
|
-
theme = _objectSpread$
|
|
5882
|
+
props = _objectWithoutProperties$1(_ref, _excluded$F);
|
|
5883
|
+
theme = _objectSpread$J(_objectSpread$J({}, DEFAULT_THEME), theme);
|
|
5825
5884
|
// State
|
|
5826
5885
|
var _useState = React.useState(false),
|
|
5827
5886
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -5849,7 +5908,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
5849
5908
|
setCurrentPage = _useState0[1];
|
|
5850
5909
|
var _useState1 = React.useState(function () {
|
|
5851
5910
|
return Array.isArray(initialColumns) ? initialColumns.map(function (c) {
|
|
5852
|
-
return _objectSpread$
|
|
5911
|
+
return _objectSpread$J({}, c);
|
|
5853
5912
|
}) : [];
|
|
5854
5913
|
}),
|
|
5855
5914
|
_useState10 = _slicedToArray(_useState1, 2),
|
|
@@ -5966,7 +6025,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
5966
6025
|
return getRowKey(r, i) === rowKey;
|
|
5967
6026
|
});
|
|
5968
6027
|
if (!origRow) return;
|
|
5969
|
-
var effectiveRow = _objectSpread$
|
|
6028
|
+
var effectiveRow = _objectSpread$J(_objectSpread$J({}, origRow), pendingEdits[rowKey] || {});
|
|
5970
6029
|
columnsState.forEach(function (col) {
|
|
5971
6030
|
var _col$rules;
|
|
5972
6031
|
if (col.isVisible === false) return;
|
|
@@ -6038,7 +6097,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6038
6097
|
return getRowKey(r, i) === activeCell.rowKey;
|
|
6039
6098
|
});
|
|
6040
6099
|
if (existing) {
|
|
6041
|
-
return _objectSpread$
|
|
6100
|
+
return _objectSpread$J(_objectSpread$J({}, existing), pendingEdits[activeCell.rowKey] || {});
|
|
6042
6101
|
}
|
|
6043
6102
|
var newRowMatch = newRows.find(function (r) {
|
|
6044
6103
|
return r._key === activeCell.rowKey;
|
|
@@ -6069,7 +6128,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6069
6128
|
if (newRowIdx !== -1) {
|
|
6070
6129
|
setNewRows(function (prev) {
|
|
6071
6130
|
var next = _toConsumableArray$1(prev);
|
|
6072
|
-
next[newRowIdx] = _objectSpread$
|
|
6131
|
+
next[newRowIdx] = _objectSpread$J(_objectSpread$J({}, next[newRowIdx]), {}, _defineProperty$4({}, colKey, newValue));
|
|
6073
6132
|
onEdit === null || onEdit === void 0 || onEdit({
|
|
6074
6133
|
rowKey: rowKey,
|
|
6075
6134
|
colKey: colKey,
|
|
@@ -6082,11 +6141,11 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6082
6141
|
return;
|
|
6083
6142
|
}
|
|
6084
6143
|
setPendingEdits(function (prev) {
|
|
6085
|
-
var nextRowEdits = _objectSpread$
|
|
6144
|
+
var nextRowEdits = _objectSpread$J(_objectSpread$J({}, prev[rowKey] || {}), {}, _defineProperty$4({}, colKey, newValue));
|
|
6086
6145
|
var origRow = tableData.find(function (r, i) {
|
|
6087
6146
|
return getRowKey(r, i) === rowKey;
|
|
6088
6147
|
});
|
|
6089
|
-
var updatedRow = _objectSpread$
|
|
6148
|
+
var updatedRow = _objectSpread$J(_objectSpread$J({}, origRow), nextRowEdits);
|
|
6090
6149
|
onEdit === null || onEdit === void 0 || onEdit({
|
|
6091
6150
|
rowKey: rowKey,
|
|
6092
6151
|
colKey: colKey,
|
|
@@ -6094,7 +6153,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6094
6153
|
row: updatedRow,
|
|
6095
6154
|
isNew: false
|
|
6096
6155
|
});
|
|
6097
|
-
return _objectSpread$
|
|
6156
|
+
return _objectSpread$J(_objectSpread$J({}, prev), {}, _defineProperty$4({}, rowKey, nextRowEdits));
|
|
6098
6157
|
});
|
|
6099
6158
|
}, [newRows, tableData, onEdit]);
|
|
6100
6159
|
var _handleAddRow = React.useCallback(function (positionOverride) {
|
|
@@ -6162,7 +6221,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6162
6221
|
});
|
|
6163
6222
|
});
|
|
6164
6223
|
setPendingEdits(function (prev) {
|
|
6165
|
-
var next = _objectSpread$
|
|
6224
|
+
var next = _objectSpread$J({}, prev);
|
|
6166
6225
|
delete next[rowKey];
|
|
6167
6226
|
return next;
|
|
6168
6227
|
});
|
|
@@ -6188,7 +6247,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6188
6247
|
updatedTableData = tableData.map(function (row, i) {
|
|
6189
6248
|
var rKey = getRowKey(row, i);
|
|
6190
6249
|
if (dirtyEdits[rKey]) {
|
|
6191
|
-
return _objectSpread$
|
|
6250
|
+
return _objectSpread$J(_objectSpread$J({}, row), dirtyEdits[rKey]);
|
|
6192
6251
|
}
|
|
6193
6252
|
return row;
|
|
6194
6253
|
});
|
|
@@ -6313,7 +6372,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6313
6372
|
React.useEffect(function () {
|
|
6314
6373
|
if (initialColumns !== initialColumnsRef.current) {
|
|
6315
6374
|
setColumnsState(Array.isArray(initialColumns) ? initialColumns.map(function (c) {
|
|
6316
|
-
return _objectSpread$
|
|
6375
|
+
return _objectSpread$J({}, c);
|
|
6317
6376
|
}) : []);
|
|
6318
6377
|
initialColumnsRef.current = initialColumns;
|
|
6319
6378
|
}
|
|
@@ -6563,7 +6622,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6563
6622
|
var toggleColumnVisibility = React.useCallback(function (key) {
|
|
6564
6623
|
setColumnsState(function (prev) {
|
|
6565
6624
|
return prev.map(function (c) {
|
|
6566
|
-
return c.key === key ? _objectSpread$
|
|
6625
|
+
return c.key === key ? _objectSpread$J(_objectSpread$J({}, c), {}, {
|
|
6567
6626
|
isVisible: !(c.isVisible !== false)
|
|
6568
6627
|
}) : c;
|
|
6569
6628
|
});
|
|
@@ -6582,7 +6641,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6582
6641
|
}, [sortable, onSort]);
|
|
6583
6642
|
var handleFilter = React.useCallback(function (key, value) {
|
|
6584
6643
|
setFilters(function (prev) {
|
|
6585
|
-
var newFilters = _objectSpread$
|
|
6644
|
+
var newFilters = _objectSpread$J(_objectSpread$J({}, prev), {}, _defineProperty$4({}, key, value));
|
|
6586
6645
|
onFilter === null || onFilter === void 0 || onFilter(newFilters);
|
|
6587
6646
|
onFilterChange === null || onFilterChange === void 0 || onFilterChange(newFilters);
|
|
6588
6647
|
return newFilters;
|
|
@@ -6953,7 +7012,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
6953
7012
|
theme: safeTheme
|
|
6954
7013
|
}), !isMobileView && jsxRuntime.jsx("div", {
|
|
6955
7014
|
className: "overflow-x-auto overflow-y-visible",
|
|
6956
|
-
children: jsxRuntime.jsxs("table", _objectSpread$
|
|
7015
|
+
children: jsxRuntime.jsxs("table", _objectSpread$J(_objectSpread$J({
|
|
6957
7016
|
className: cn$1("min-w-full divide-y divide-gray-200", className)
|
|
6958
7017
|
}, props), {}, {
|
|
6959
7018
|
children: [jsxRuntime.jsxs("thead", {
|
|
@@ -7088,7 +7147,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
7088
7147
|
}), interactive && newRowPosition !== "top" && renderAddRowClickableRow()]
|
|
7089
7148
|
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
7090
7149
|
children: [interactive && newRowPosition === "top" && renderAddRowClickableRow(), interactive && newRowPosition === "top" && newRows.map(function (newRow, newIdx) {
|
|
7091
|
-
return jsxRuntime.jsx(TableRow, _objectSpread$
|
|
7150
|
+
return jsxRuntime.jsx(TableRow, _objectSpread$J({
|
|
7092
7151
|
row: newRow,
|
|
7093
7152
|
rowIndexInPage: newIdx,
|
|
7094
7153
|
startIndex: 0,
|
|
@@ -7097,14 +7156,14 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
7097
7156
|
onDeleteNewRow: handleDeleteNewRow
|
|
7098
7157
|
}, rowSharedProps), newRow._key);
|
|
7099
7158
|
}), paginatedData.map(function (row, rowIndexInPage) {
|
|
7100
|
-
return jsxRuntime.jsx(TableRow, _objectSpread$
|
|
7159
|
+
return jsxRuntime.jsx(TableRow, _objectSpread$J({
|
|
7101
7160
|
row: row,
|
|
7102
7161
|
rowIndexInPage: rowIndexInPage,
|
|
7103
7162
|
startIndex: startIndex,
|
|
7104
7163
|
visibleCount: visibleCount
|
|
7105
7164
|
}, rowSharedProps), getRowKey(row, startIndex + rowIndexInPage));
|
|
7106
7165
|
}), interactive && newRowPosition !== "top" && newRows.map(function (newRow, newIdx) {
|
|
7107
|
-
return jsxRuntime.jsx(TableRow, _objectSpread$
|
|
7166
|
+
return jsxRuntime.jsx(TableRow, _objectSpread$J({
|
|
7108
7167
|
row: newRow,
|
|
7109
7168
|
rowIndexInPage: paginatedData.length + newIdx,
|
|
7110
7169
|
startIndex: 0,
|
|
@@ -7144,7 +7203,7 @@ var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
|
|
|
7144
7203
|
})]
|
|
7145
7204
|
})
|
|
7146
7205
|
}) : paginatedData.map(function (row, rowIndexInPage) {
|
|
7147
|
-
return jsxRuntime.jsx(MobileCard, _objectSpread$
|
|
7206
|
+
return jsxRuntime.jsx(MobileCard, _objectSpread$J({
|
|
7148
7207
|
row: row,
|
|
7149
7208
|
rowIndexInPage: rowIndexInPage,
|
|
7150
7209
|
startIndex: startIndex
|
|
@@ -12532,9 +12591,9 @@ function subMonths(dirtyDate, dirtyAmount) {
|
|
|
12532
12591
|
return addMonths(dirtyDate, -amount);
|
|
12533
12592
|
}
|
|
12534
12593
|
|
|
12535
|
-
var _excluded$
|
|
12536
|
-
function ownKeys$
|
|
12537
|
-
function _objectSpread$
|
|
12594
|
+
var _excluded$E = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
|
|
12595
|
+
function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12596
|
+
function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12538
12597
|
var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
12539
12598
|
var value = _ref.value,
|
|
12540
12599
|
onChange = _ref.onChange,
|
|
@@ -12559,7 +12618,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
12559
12618
|
showClear = _ref$showClear === void 0 ? true : _ref$showClear,
|
|
12560
12619
|
_ref$closeOnSelect = _ref.closeOnSelect,
|
|
12561
12620
|
closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
|
|
12562
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
12621
|
+
props = _objectWithoutProperties$1(_ref, _excluded$E);
|
|
12563
12622
|
// Normalize incoming value (accept Date or ISO string)
|
|
12564
12623
|
var selected = React.useMemo(function () {
|
|
12565
12624
|
if (!value) return null;
|
|
@@ -12889,7 +12948,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
12889
12948
|
}), jsxRuntime.jsxs("div", {
|
|
12890
12949
|
ref: datePickerRef,
|
|
12891
12950
|
className: "relative",
|
|
12892
|
-
children: [jsxRuntime.jsxs("button", _objectSpread$
|
|
12951
|
+
children: [jsxRuntime.jsxs("button", _objectSpread$I(_objectSpread$I({
|
|
12893
12952
|
type: "button",
|
|
12894
12953
|
className: cn$1("flex w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", {
|
|
12895
12954
|
"border-error-500 focus:ring-error-500": error,
|
|
@@ -12930,9 +12989,9 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
|
|
|
12930
12989
|
});
|
|
12931
12990
|
});
|
|
12932
12991
|
|
|
12933
|
-
var _excluded$
|
|
12934
|
-
function ownKeys$
|
|
12935
|
-
function _objectSpread$
|
|
12992
|
+
var _excluded$D = ["id", "name", "checked", "defaultChecked", "onChange", "disabled", "size", "color", "trackClass", "thumbClass", "className", "topLabel", "bottomLabel", "rightLabel", "leftLabel", "ariaLabel"];
|
|
12993
|
+
function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12994
|
+
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12936
12995
|
/**
|
|
12937
12996
|
* Switch.jsx
|
|
12938
12997
|
* - Plain JSX (no TypeScript)
|
|
@@ -13030,7 +13089,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
|
|
|
13030
13089
|
rightLabel = props.rightLabel,
|
|
13031
13090
|
leftLabel = props.leftLabel,
|
|
13032
13091
|
ariaLabel = props.ariaLabel,
|
|
13033
|
-
rest = _objectWithoutProperties$1(props, _excluded$
|
|
13092
|
+
rest = _objectWithoutProperties$1(props, _excluded$D);
|
|
13034
13093
|
var isControlled = typeof checked === "boolean";
|
|
13035
13094
|
var _useState = React.useState(defaultChecked),
|
|
13036
13095
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -13085,7 +13144,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
|
|
|
13085
13144
|
htmlFor: idRef.current,
|
|
13086
13145
|
className: labelOpacityClass,
|
|
13087
13146
|
children: leftLabel
|
|
13088
|
-
}) : null, jsxRuntime.jsxs("button", _objectSpread$
|
|
13147
|
+
}) : null, jsxRuntime.jsxs("button", _objectSpread$H(_objectSpread$H({
|
|
13089
13148
|
ref: ref,
|
|
13090
13149
|
id: idRef.current,
|
|
13091
13150
|
type: "button",
|
|
@@ -13131,11 +13190,11 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
|
|
|
13131
13190
|
});
|
|
13132
13191
|
Switch.displayName = "Switch";
|
|
13133
13192
|
|
|
13134
|
-
var _excluded$
|
|
13193
|
+
var _excluded$C = ["fields", "onSubmit", "defaultValues", "validationSchema", "className", "submitText", "resetText", "submitButtonClass", "resetButtonClass", "showReset", "submitDisabled"],
|
|
13135
13194
|
_excluded2$3 = ["type", "name", "label", "required", "options", "placeholder"],
|
|
13136
13195
|
_excluded3$2 = ["onChange", "ref", "value"];
|
|
13137
|
-
function ownKeys$
|
|
13138
|
-
function _objectSpread$
|
|
13196
|
+
function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13197
|
+
function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13139
13198
|
var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
13140
13199
|
var _ref$fields = _ref.fields,
|
|
13141
13200
|
fields = _ref$fields === void 0 ? [] : _ref$fields,
|
|
@@ -13154,7 +13213,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13154
13213
|
showReset = _ref$showReset === void 0 ? true : _ref$showReset,
|
|
13155
13214
|
_ref$submitDisabled = _ref.submitDisabled,
|
|
13156
13215
|
submitDisabled = _ref$submitDisabled === void 0 ? false : _ref$submitDisabled,
|
|
13157
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
13216
|
+
props = _objectWithoutProperties$1(_ref, _excluded$C);
|
|
13158
13217
|
var methods = useForm({
|
|
13159
13218
|
defaultValues: defaultValues,
|
|
13160
13219
|
resolver: validationSchema
|
|
@@ -13191,7 +13250,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13191
13250
|
placeholder = field.placeholder,
|
|
13192
13251
|
fieldProps = _objectWithoutProperties$1(field, _excluded2$3);
|
|
13193
13252
|
var error = (_errors$name = errors[name]) === null || _errors$name === void 0 ? void 0 : _errors$name.message;
|
|
13194
|
-
var commonProps = _objectSpread$
|
|
13253
|
+
var commonProps = _objectSpread$G(_objectSpread$G({
|
|
13195
13254
|
name: name,
|
|
13196
13255
|
label: label,
|
|
13197
13256
|
required: required,
|
|
@@ -13213,7 +13272,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13213
13272
|
onChange = _ref2$field.onChange,
|
|
13214
13273
|
value = _ref2$field.value,
|
|
13215
13274
|
ref = _ref2$field.ref;
|
|
13216
|
-
return jsxRuntime.jsx(Input, _objectSpread$
|
|
13275
|
+
return jsxRuntime.jsx(Input, _objectSpread$G({
|
|
13217
13276
|
type: type,
|
|
13218
13277
|
value: value || "",
|
|
13219
13278
|
onChange: onChange,
|
|
@@ -13230,7 +13289,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13230
13289
|
onChange = _ref3$field.onChange,
|
|
13231
13290
|
value = _ref3$field.value,
|
|
13232
13291
|
ref = _ref3$field.ref;
|
|
13233
|
-
return jsxRuntime.jsx(Select, _objectSpread$
|
|
13292
|
+
return jsxRuntime.jsx(Select, _objectSpread$G({
|
|
13234
13293
|
value: value,
|
|
13235
13294
|
onChange: onChange,
|
|
13236
13295
|
ref: ref,
|
|
@@ -13247,7 +13306,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13247
13306
|
onChange = _ref4$field.onChange,
|
|
13248
13307
|
value = _ref4$field.value,
|
|
13249
13308
|
ref = _ref4$field.ref;
|
|
13250
|
-
return jsxRuntime.jsx(DatePicker, _objectSpread$
|
|
13309
|
+
return jsxRuntime.jsx(DatePicker, _objectSpread$G({
|
|
13251
13310
|
value: value,
|
|
13252
13311
|
onChange: onChange,
|
|
13253
13312
|
ref: ref
|
|
@@ -13402,7 +13461,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13402
13461
|
d: "M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
|
|
13403
13462
|
})
|
|
13404
13463
|
}), "Choose File"]
|
|
13405
|
-
}), jsxRuntime.jsx("input", _objectSpread$
|
|
13464
|
+
}), jsxRuntime.jsx("input", _objectSpread$G(_objectSpread$G({}, field), {}, {
|
|
13406
13465
|
id: name,
|
|
13407
13466
|
ref: ref,
|
|
13408
13467
|
type: "file",
|
|
@@ -13416,13 +13475,13 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13416
13475
|
var reader = new FileReader();
|
|
13417
13476
|
reader.onloadend = function () {
|
|
13418
13477
|
setFilePreviews(function (prev) {
|
|
13419
|
-
return _objectSpread$
|
|
13478
|
+
return _objectSpread$G(_objectSpread$G({}, prev), {}, _defineProperty$4({}, name, reader.result));
|
|
13420
13479
|
});
|
|
13421
13480
|
};
|
|
13422
13481
|
reader.readAsDataURL(file);
|
|
13423
13482
|
} else {
|
|
13424
13483
|
setFilePreviews(function (prev) {
|
|
13425
|
-
return _objectSpread$
|
|
13484
|
+
return _objectSpread$G(_objectSpread$G({}, prev), {}, _defineProperty$4({}, name, null));
|
|
13426
13485
|
});
|
|
13427
13486
|
}
|
|
13428
13487
|
},
|
|
@@ -13436,7 +13495,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13436
13495
|
onClick: function onClick() {
|
|
13437
13496
|
_onChange3(null);
|
|
13438
13497
|
setFilePreviews(function (prev) {
|
|
13439
|
-
return _objectSpread$
|
|
13498
|
+
return _objectSpread$G(_objectSpread$G({}, prev), {}, _defineProperty$4({}, name, null));
|
|
13440
13499
|
});
|
|
13441
13500
|
},
|
|
13442
13501
|
className: "ml-3 text-sm text-error-600 hover:text-error-800",
|
|
@@ -13468,7 +13527,7 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13468
13527
|
onChange = _ref9$field.onChange,
|
|
13469
13528
|
value = _ref9$field.value,
|
|
13470
13529
|
ref = _ref9$field.ref;
|
|
13471
|
-
return jsxRuntime.jsx(Switch, _objectSpread$
|
|
13530
|
+
return jsxRuntime.jsx(Switch, _objectSpread$G({
|
|
13472
13531
|
checked: !!value,
|
|
13473
13532
|
onChange: onChange,
|
|
13474
13533
|
ref: ref,
|
|
@@ -13508,8 +13567,8 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13508
13567
|
}
|
|
13509
13568
|
return renderField(group);
|
|
13510
13569
|
};
|
|
13511
|
-
return jsxRuntime.jsx(FormProvider, _objectSpread$
|
|
13512
|
-
children: jsxRuntime.jsxs("form", _objectSpread$
|
|
13570
|
+
return jsxRuntime.jsx(FormProvider, _objectSpread$G(_objectSpread$G({}, methods), {}, {
|
|
13571
|
+
children: jsxRuntime.jsxs("form", _objectSpread$G(_objectSpread$G({
|
|
13513
13572
|
ref: ref,
|
|
13514
13573
|
className: cn$1("space-y-6", className),
|
|
13515
13574
|
onSubmit: handleSubmit(handleFormSubmit)
|
|
@@ -13536,9 +13595,9 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
|
|
|
13536
13595
|
});
|
|
13537
13596
|
Form.displayName = "Form";
|
|
13538
13597
|
|
|
13539
|
-
var _excluded$
|
|
13540
|
-
function ownKeys$
|
|
13541
|
-
function _objectSpread$
|
|
13598
|
+
var _excluded$B = ["items", "allowMultiple", "defaultOpenIndexes", "onChange", "className", "headerClassName", "contentClassName", "chevronPosition", "chevronIcon", "bordered", "rounded", "size", "transitionDuration"];
|
|
13599
|
+
function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13600
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13542
13601
|
/**
|
|
13543
13602
|
* item.leftIcon may be:
|
|
13544
13603
|
* - ReactNode (e.g. <svg/>)
|
|
@@ -13570,7 +13629,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
|
|
|
13570
13629
|
size = _ref$size === void 0 ? "md" : _ref$size,
|
|
13571
13630
|
_ref$transitionDurati = _ref.transitionDuration,
|
|
13572
13631
|
transitionDuration = _ref$transitionDurati === void 0 ? 220 : _ref$transitionDurati,
|
|
13573
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
13632
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$B);
|
|
13574
13633
|
var saneDefault = Array.isArray(defaultOpenIndexes) ? defaultOpenIndexes.filter(function (i) {
|
|
13575
13634
|
return Number.isFinite(i) && i >= 0 && i < items.length;
|
|
13576
13635
|
}) : [];
|
|
@@ -13681,7 +13740,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
|
|
|
13681
13740
|
}
|
|
13682
13741
|
return left; // assume ReactNode
|
|
13683
13742
|
};
|
|
13684
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
13743
|
+
return jsxRuntime.jsx("div", _objectSpread$F(_objectSpread$F({
|
|
13685
13744
|
ref: ref,
|
|
13686
13745
|
className: wrapperClasses,
|
|
13687
13746
|
role: "presentation"
|
|
@@ -13782,9 +13841,9 @@ var Accordion = /*#__PURE__*/React.forwardRef(function Accordion(_ref, ref) {
|
|
|
13782
13841
|
});
|
|
13783
13842
|
Accordion.displayName = "Accordion";
|
|
13784
13843
|
|
|
13785
|
-
var _excluded$
|
|
13786
|
-
function ownKeys$
|
|
13787
|
-
function _objectSpread$
|
|
13844
|
+
var _excluded$A = ["id", "name", "label", "checked", "defaultChecked", "onChange", "disabled", "required", "className", "size", "labelPosition", "value", "ariaLabel", "variant", "indeterminate", "borderColor", "color", "iconClass", "checkedClass", "wrapperProps"];
|
|
13845
|
+
function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13846
|
+
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13788
13847
|
var SIZE_CLASSES = {
|
|
13789
13848
|
sm: {
|
|
13790
13849
|
box: "h-4 w-4",
|
|
@@ -13877,7 +13936,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
13877
13936
|
iconClass = _ref.iconClass,
|
|
13878
13937
|
checkedClass = _ref.checkedClass,
|
|
13879
13938
|
wrapperProps = _ref.wrapperProps,
|
|
13880
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
13939
|
+
props = _objectWithoutProperties$1(_ref, _excluded$A);
|
|
13881
13940
|
var autoId = React.useId();
|
|
13882
13941
|
var inputId = id || "".concat(autoId, "-checkbox");
|
|
13883
13942
|
var inputRef = React.useRef(null);
|
|
@@ -13915,7 +13974,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
13915
13974
|
borderColor: color,
|
|
13916
13975
|
color: "#ffffff"
|
|
13917
13976
|
} : {};
|
|
13918
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
13977
|
+
return jsxRuntime.jsxs("div", _objectSpread$E(_objectSpread$E({
|
|
13919
13978
|
className: wrapperCls
|
|
13920
13979
|
}, wrapperProps !== null && wrapperProps !== void 0 ? wrapperProps : {}), {}, {
|
|
13921
13980
|
children: [label && labelPosition === "left" && jsxRuntime.jsx("label", {
|
|
@@ -13928,7 +13987,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
13928
13987
|
borderColor: currentChecked && (isPreset || customColorStyle.borderColor) ? undefined : borderColor
|
|
13929
13988
|
},
|
|
13930
13989
|
"aria-disabled": disabled,
|
|
13931
|
-
children: [jsxRuntime.jsx("input", _objectSpread$
|
|
13990
|
+
children: [jsxRuntime.jsx("input", _objectSpread$E({
|
|
13932
13991
|
id: inputId,
|
|
13933
13992
|
ref: inputRef,
|
|
13934
13993
|
name: name,
|
|
@@ -13964,9 +14023,9 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
13964
14023
|
});
|
|
13965
14024
|
Checkbox.displayName = "Checkbox";
|
|
13966
14025
|
|
|
13967
|
-
var _excluded$
|
|
13968
|
-
function ownKeys$
|
|
13969
|
-
function _objectSpread$
|
|
14026
|
+
var _excluded$z = ["value", "defaultValue", "onChange", "swatches", "showAlpha", "size", "disabled", "className", "label", "id"];
|
|
14027
|
+
function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14028
|
+
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13970
14029
|
/**
|
|
13971
14030
|
* ColorPicker.jsx
|
|
13972
14031
|
* A reusable, accessible, and Tailwind-friendly color picker component (plain JavaScript)
|
|
@@ -14145,7 +14204,7 @@ var ColorPicker = /*#__PURE__*/React.forwardRef(function ColorPicker(props, ref)
|
|
|
14145
14204
|
_props$label = props.label,
|
|
14146
14205
|
label = _props$label === void 0 ? "Pick a color" : _props$label,
|
|
14147
14206
|
id = props.id,
|
|
14148
|
-
rest = _objectWithoutProperties$1(props, _excluded$
|
|
14207
|
+
rest = _objectWithoutProperties$1(props, _excluded$z);
|
|
14149
14208
|
var parsedControlled = React.useMemo(function () {
|
|
14150
14209
|
return parseColor(value !== null && value !== void 0 ? value : null);
|
|
14151
14210
|
}, [value]);
|
|
@@ -14197,7 +14256,7 @@ var ColorPicker = /*#__PURE__*/React.forwardRef(function ColorPicker(props, ref)
|
|
|
14197
14256
|
gap: "gap-4"
|
|
14198
14257
|
}
|
|
14199
14258
|
}[size];
|
|
14200
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
14259
|
+
return jsxRuntime.jsxs("div", _objectSpread$D(_objectSpread$D({
|
|
14201
14260
|
ref: ref,
|
|
14202
14261
|
className: cn$1("inline-block", className)
|
|
14203
14262
|
}, rest), {}, {
|
|
@@ -14258,7 +14317,7 @@ var ColorPicker = /*#__PURE__*/React.forwardRef(function ColorPicker(props, ref)
|
|
|
14258
14317
|
value: rgbaToHex(internal, false).slice(0, 7),
|
|
14259
14318
|
onChange: function onChange(e) {
|
|
14260
14319
|
var parsed = hexToRgba(e.target.value);
|
|
14261
|
-
if (parsed) pushChange(_objectSpread$
|
|
14320
|
+
if (parsed) pushChange(_objectSpread$D(_objectSpread$D({}, parsed), {}, {
|
|
14262
14321
|
a: internal.a
|
|
14263
14322
|
}));
|
|
14264
14323
|
},
|
|
@@ -14276,7 +14335,7 @@ var ColorPicker = /*#__PURE__*/React.forwardRef(function ColorPicker(props, ref)
|
|
|
14276
14335
|
if (p) pushChange(p);else {
|
|
14277
14336
|
var maybe = v.startsWith("#") ? v : "#".concat(v);
|
|
14278
14337
|
var ph = hexToRgba(maybe);
|
|
14279
|
-
if (ph) pushChange(_objectSpread$
|
|
14338
|
+
if (ph) pushChange(_objectSpread$D(_objectSpread$D({}, ph), {}, {
|
|
14280
14339
|
a: internal.a
|
|
14281
14340
|
}));
|
|
14282
14341
|
}
|
|
@@ -14293,7 +14352,7 @@ var ColorPicker = /*#__PURE__*/React.forwardRef(function ColorPicker(props, ref)
|
|
|
14293
14352
|
max: 100,
|
|
14294
14353
|
value: Math.round(((_internal$a2 = internal.a) !== null && _internal$a2 !== void 0 ? _internal$a2 : 1) * 100),
|
|
14295
14354
|
onChange: function onChange(v) {
|
|
14296
|
-
pushChange(_objectSpread$
|
|
14355
|
+
pushChange(_objectSpread$D(_objectSpread$D({}, internal), {}, {
|
|
14297
14356
|
a: clamp(v / 100, 0, 1)
|
|
14298
14357
|
}));
|
|
14299
14358
|
},
|
|
@@ -14335,9 +14394,9 @@ function Slider(_ref6) {
|
|
|
14335
14394
|
});
|
|
14336
14395
|
}
|
|
14337
14396
|
|
|
14338
|
-
var _excluded$
|
|
14339
|
-
function ownKeys$
|
|
14340
|
-
function _objectSpread$
|
|
14397
|
+
var _excluded$y = ["value", "onChange", "placeholder", "label", "error", "disabled", "required", "minDate", "maxDate", "className", "weekStartsOn", "portal", "displayFormat", "locale", "showClear", "closeOnSelect"];
|
|
14398
|
+
function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14399
|
+
function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14341
14400
|
/*
|
|
14342
14401
|
Single-calendar DateRangePicker with hover-preview and space-aware popup positioning
|
|
14343
14402
|
- Enforces mandatory range selection until both start and end are chosen.
|
|
@@ -14379,7 +14438,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_re
|
|
|
14379
14438
|
showClear = _ref$showClear === void 0 ? true : _ref$showClear,
|
|
14380
14439
|
_ref$closeOnSelect = _ref.closeOnSelect,
|
|
14381
14440
|
closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
|
|
14382
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
14441
|
+
props = _objectWithoutProperties$1(_ref, _excluded$y);
|
|
14383
14442
|
var start = React.useMemo(function () {
|
|
14384
14443
|
return normalizeDate(value === null || value === void 0 ? void 0 : value.start);
|
|
14385
14444
|
}, [value]);
|
|
@@ -14741,7 +14800,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_re
|
|
|
14741
14800
|
}), jsxRuntime.jsxs("div", {
|
|
14742
14801
|
ref: datePickerRef,
|
|
14743
14802
|
className: "relative",
|
|
14744
|
-
children: [jsxRuntime.jsxs("button", _objectSpread$
|
|
14803
|
+
children: [jsxRuntime.jsxs("button", _objectSpread$C(_objectSpread$C({
|
|
14745
14804
|
type: "button",
|
|
14746
14805
|
className: cn$1("flex w-full items-center justify-between rounded-md border border-gray-300 bg-white px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", {
|
|
14747
14806
|
"border-error-500 focus:ring-error-500": error,
|
|
@@ -14787,9 +14846,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(_re
|
|
|
14787
14846
|
});
|
|
14788
14847
|
DateRangePicker.displayName = "DateRangePicker";
|
|
14789
14848
|
|
|
14790
|
-
var _excluded$
|
|
14791
|
-
function ownKeys$
|
|
14792
|
-
function _objectSpread$
|
|
14849
|
+
var _excluded$x = ["size", "speed", "thickness", "color", "secondaryColor", "variant", "className", "inline", "ariaLabel", "text", "reverse", "style"];
|
|
14850
|
+
function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14851
|
+
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14793
14852
|
var sizeToPx = function sizeToPx(size) {
|
|
14794
14853
|
if (!size) return 24;
|
|
14795
14854
|
if (typeof size === "number") return size;
|
|
@@ -14827,14 +14886,14 @@ var Loader = /*#__PURE__*/React.forwardRef(function Loader(_ref, ref) {
|
|
|
14827
14886
|
_ref$reverse = _ref.reverse,
|
|
14828
14887
|
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
14829
14888
|
style = _ref.style,
|
|
14830
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
14889
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$x);
|
|
14831
14890
|
var px = sizeToPx(size);
|
|
14832
14891
|
var wrapperClass = cn$1(inline ? "inline-flex" : "flex", "items-center gap-2", className);
|
|
14833
14892
|
// animation attributes for SVG rotate
|
|
14834
14893
|
var animDur = "".concat(speed, "s");
|
|
14835
14894
|
var rotateFrom = reverse ? "360 12 12" : "0 12 12";
|
|
14836
14895
|
var rotateTo = reverse ? "0 12 12" : "360 12 12";
|
|
14837
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
14896
|
+
return jsxRuntime.jsxs("div", _objectSpread$B(_objectSpread$B({
|
|
14838
14897
|
ref: ref,
|
|
14839
14898
|
role: "progressbar",
|
|
14840
14899
|
"aria-label": ariaLabel,
|
|
@@ -14923,9 +14982,9 @@ var Loader = /*#__PURE__*/React.forwardRef(function Loader(_ref, ref) {
|
|
|
14923
14982
|
}));
|
|
14924
14983
|
});
|
|
14925
14984
|
|
|
14926
|
-
var _excluded$
|
|
14927
|
-
function ownKeys$
|
|
14928
|
-
function _objectSpread$
|
|
14985
|
+
var _excluded$w = ["min", "max", "step", "minGap", "value", "defaultValue", "onChange", "onFinalChange", "showInputs", "showTooltips", "disabled", "presets", "formatValue", "className", "size", "colorClass", "ariaLabel"];
|
|
14986
|
+
function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14987
|
+
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14929
14988
|
/**
|
|
14930
14989
|
* PriceRangeSlider - UI library component (Tailwind)
|
|
14931
14990
|
*
|
|
@@ -14995,7 +15054,7 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
|
|
|
14995
15054
|
colorClass = _ref$colorClass === void 0 ? "bg-pink-500" : _ref$colorClass,
|
|
14996
15055
|
_ref$ariaLabel = _ref.ariaLabel,
|
|
14997
15056
|
ariaLabel = _ref$ariaLabel === void 0 ? "Price range" : _ref$ariaLabel,
|
|
14998
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
15057
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$w);
|
|
14999
15058
|
var isControlled = value && _typeof$4(value) === "object";
|
|
15000
15059
|
var _useState = React.useState(isControlled ? value.min : defaultValue.min),
|
|
15001
15060
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -15171,7 +15230,7 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
|
|
|
15171
15230
|
max: pmax
|
|
15172
15231
|
});
|
|
15173
15232
|
};
|
|
15174
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
15233
|
+
return jsxRuntime.jsxs("div", _objectSpread$A(_objectSpread$A({
|
|
15175
15234
|
ref: ref,
|
|
15176
15235
|
className: cn$1("bg-white rounded-lg p-4 w-full max-w-lg", className)
|
|
15177
15236
|
}, rest), {}, {
|
|
@@ -15294,9 +15353,9 @@ var PriceRangePicker = /*#__PURE__*/React.forwardRef(function PriceRangePicker(_
|
|
|
15294
15353
|
});
|
|
15295
15354
|
PriceRangePicker.displayName = "PriceRangePicker";
|
|
15296
15355
|
|
|
15297
|
-
var _excluded$
|
|
15298
|
-
function ownKeys$
|
|
15299
|
-
function _objectSpread$
|
|
15356
|
+
var _excluded$v = ["value", "max", "size", "showValue", "rounded", "color", "bgColor", "valueColor", "striped", "animated", "label", "ariaLabel", "className", "style"];
|
|
15357
|
+
function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15358
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15300
15359
|
// ProgressBar component that enforces HEX colors only for color, bgColor, and valueColor
|
|
15301
15360
|
var SIZE_MAP$1 = {
|
|
15302
15361
|
xs: "h-1",
|
|
@@ -15367,7 +15426,7 @@ var ProgressBar = /*#__PURE__*/React.forwardRef(function ProgressBar(_ref, ref)
|
|
|
15367
15426
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
15368
15427
|
_ref$style = _ref.style,
|
|
15369
15428
|
style = _ref$style === void 0 ? {} : _ref$style,
|
|
15370
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
15429
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$v);
|
|
15371
15430
|
var safeMax = typeof max === 'number' && max > 0 ? max : 100;
|
|
15372
15431
|
var safeValue = typeof value === 'number' ? value : 0;
|
|
15373
15432
|
var clamped = Math.max(0, Math.min(safeValue, safeMax));
|
|
@@ -15392,14 +15451,14 @@ var ProgressBar = /*#__PURE__*/React.forwardRef(function ProgressBar(_ref, ref)
|
|
|
15392
15451
|
var animatedStyle = animated ? {
|
|
15393
15452
|
animation: 'stripeShift 1s linear infinite'
|
|
15394
15453
|
} : {};
|
|
15395
|
-
var finalFillStyle = _objectSpread$
|
|
15454
|
+
var finalFillStyle = _objectSpread$z(_objectSpread$z(_objectSpread$z({
|
|
15396
15455
|
width: "".concat(percent, "%"),
|
|
15397
15456
|
backgroundColor: fillHex,
|
|
15398
15457
|
color: textHex
|
|
15399
15458
|
}, stripeStyle), animatedStyle), {}, {
|
|
15400
15459
|
transition: 'width 300ms ease-out'
|
|
15401
15460
|
});
|
|
15402
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
15461
|
+
return jsxRuntime.jsxs("div", _objectSpread$z(_objectSpread$z({
|
|
15403
15462
|
ref: ref,
|
|
15404
15463
|
className: cn$1("w-full", className),
|
|
15405
15464
|
style: style
|
|
@@ -15411,7 +15470,7 @@ var ProgressBar = /*#__PURE__*/React.forwardRef(function ProgressBar(_ref, ref)
|
|
|
15411
15470
|
children: label
|
|
15412
15471
|
}) : null, jsxRuntime.jsx("div", {
|
|
15413
15472
|
className: "w-full relative overflow-hidden ".concat(trackRadiusClass),
|
|
15414
|
-
style: _objectSpread$
|
|
15473
|
+
style: _objectSpread$z({
|
|
15415
15474
|
backgroundColor: trackHex
|
|
15416
15475
|
}, heightStyle),
|
|
15417
15476
|
role: "progressbar",
|
|
@@ -16618,9 +16677,9 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
16618
16677
|
var propTypesExports = propTypes.exports;
|
|
16619
16678
|
var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
|
|
16620
16679
|
|
|
16621
|
-
var _excluded$
|
|
16622
|
-
function ownKeys$
|
|
16623
|
-
function _objectSpread$
|
|
16680
|
+
var _excluded$u = ["id", "name", "value", "checked", "defaultChecked", "onChange", "disabled", "required", "label", "size", "labelPosition", "radioColor", "className", "ariaLabel"];
|
|
16681
|
+
function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16682
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16624
16683
|
var cn = function cn() {
|
|
16625
16684
|
for (var _len = arguments.length, vals = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
16626
16685
|
vals[_key] = arguments[_key];
|
|
@@ -16664,7 +16723,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
|
|
|
16664
16723
|
_ref$className = _ref.className,
|
|
16665
16724
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
16666
16725
|
ariaLabel = _ref.ariaLabel,
|
|
16667
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
16726
|
+
props = _objectWithoutProperties$1(_ref, _excluded$u);
|
|
16668
16727
|
var autoId = React.useId();
|
|
16669
16728
|
var inputId = id || "".concat(autoId, "-radio");
|
|
16670
16729
|
var accentColor = radioColor || "blue";
|
|
@@ -16692,7 +16751,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
|
|
|
16692
16751
|
"aria-hidden": "true",
|
|
16693
16752
|
children: " *"
|
|
16694
16753
|
}) : null]
|
|
16695
|
-
}), jsxRuntime.jsx("input", _objectSpread$
|
|
16754
|
+
}), jsxRuntime.jsx("input", _objectSpread$y({
|
|
16696
16755
|
ref: ref,
|
|
16697
16756
|
id: inputId,
|
|
16698
16757
|
type: "radio",
|
|
@@ -16756,9 +16815,9 @@ Radio.defaultProps = {
|
|
|
16756
16815
|
required: false
|
|
16757
16816
|
};
|
|
16758
16817
|
|
|
16759
|
-
var _excluded$
|
|
16760
|
-
function ownKeys$
|
|
16761
|
-
function _objectSpread$
|
|
16818
|
+
var _excluded$t = ["count", "value", "defaultValue", "readOnly", "icon", "toggledIcon", "activeColor", "inactiveColor", "size", "onChange", "onClick", "text", "className", "id", "name"];
|
|
16819
|
+
function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16820
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16762
16821
|
function StarFilled(_ref) {
|
|
16763
16822
|
var _ref$size = _ref.size,
|
|
16764
16823
|
size = _ref$size === void 0 ? 20 : _ref$size;
|
|
@@ -16816,7 +16875,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function Rate(_ref3, ref) {
|
|
|
16816
16875
|
className = _ref3$className === void 0 ? "" : _ref3$className,
|
|
16817
16876
|
id = _ref3.id,
|
|
16818
16877
|
name = _ref3.name,
|
|
16819
|
-
rest = _objectWithoutProperties$1(_ref3, _excluded$
|
|
16878
|
+
rest = _objectWithoutProperties$1(_ref3, _excluded$t);
|
|
16820
16879
|
var _useState = React.useState(Math.max(0, Math.min(count, Math.floor(defaultValue || 0)))),
|
|
16821
16880
|
_useState2 = _slicedToArray(_useState, 2),
|
|
16822
16881
|
internalValue = _useState2[0],
|
|
@@ -16888,7 +16947,7 @@ var Rate = /*#__PURE__*/React.forwardRef(function Rate(_ref3, ref) {
|
|
|
16888
16947
|
return;
|
|
16889
16948
|
}
|
|
16890
16949
|
};
|
|
16891
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
16950
|
+
return jsxRuntime.jsxs("div", _objectSpread$x(_objectSpread$x({
|
|
16892
16951
|
ref: ref,
|
|
16893
16952
|
id: id,
|
|
16894
16953
|
className: cn$1("inline-flex items-center gap-2", className),
|
|
@@ -16948,9 +17007,9 @@ var Rate = /*#__PURE__*/React.forwardRef(function Rate(_ref3, ref) {
|
|
|
16948
17007
|
});
|
|
16949
17008
|
Rate.displayName = "Rate";
|
|
16950
17009
|
|
|
16951
|
-
var _excluded$
|
|
16952
|
-
function ownKeys$
|
|
16953
|
-
function _objectSpread$
|
|
17010
|
+
var _excluded$s = ["label", "avatarSrc", "avatarAlt", "initials", "size", "onRemove", "onClick", "className", "closeClass", "ariaLabel", "avatarPosition", "avatarClassname", "initialClassname"];
|
|
17011
|
+
function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17012
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16954
17013
|
var RoundedTag = /*#__PURE__*/React.forwardRef(function RoundedTag(_ref, ref) {
|
|
16955
17014
|
var label = _ref.label,
|
|
16956
17015
|
_ref$avatarSrc = _ref.avatarSrc,
|
|
@@ -16977,7 +17036,7 @@ var RoundedTag = /*#__PURE__*/React.forwardRef(function RoundedTag(_ref, ref) {
|
|
|
16977
17036
|
avatarClassname = _ref$avatarClassname === void 0 ? "" : _ref$avatarClassname,
|
|
16978
17037
|
_ref$initialClassname = _ref.initialClassname,
|
|
16979
17038
|
initialClassname = _ref$initialClassname === void 0 ? "" : _ref$initialClassname,
|
|
16980
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
17039
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$s);
|
|
16981
17040
|
var showAvatar = Boolean(avatarSrc || initials);
|
|
16982
17041
|
var sizes = {
|
|
16983
17042
|
sm: {
|
|
@@ -17027,7 +17086,7 @@ var RoundedTag = /*#__PURE__*/React.forwardRef(function RoundedTag(_ref, ref) {
|
|
|
17027
17086
|
children: initials
|
|
17028
17087
|
})
|
|
17029
17088
|
});
|
|
17030
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
17089
|
+
return jsxRuntime.jsxs("div", _objectSpread$w(_objectSpread$w({
|
|
17031
17090
|
ref: ref,
|
|
17032
17091
|
className: cn$1("inline-flex items-center rounded-full bg-gray-100 text-primary-800", paddingClass, gapClass, s.text, className),
|
|
17033
17092
|
role: "group",
|
|
@@ -17061,9 +17120,9 @@ var RoundedTag = /*#__PURE__*/React.forwardRef(function RoundedTag(_ref, ref) {
|
|
|
17061
17120
|
});
|
|
17062
17121
|
RoundedTag.displayName = "RoundedTag";
|
|
17063
17122
|
|
|
17064
|
-
var _excluded$
|
|
17065
|
-
function ownKeys$
|
|
17066
|
-
function _objectSpread$
|
|
17123
|
+
var _excluded$r = ["count", "circle", "height", "width", "rounded", "animated", "active", "gap", "inline", "className", "children", "style"];
|
|
17124
|
+
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17125
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17067
17126
|
/**
|
|
17068
17127
|
* Skeleton Component (React)
|
|
17069
17128
|
*
|
|
@@ -17109,7 +17168,7 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(_ref, ref) {
|
|
|
17109
17168
|
children = _ref$children === void 0 ? null : _ref$children,
|
|
17110
17169
|
_ref$style = _ref.style,
|
|
17111
17170
|
style = _ref$style === void 0 ? {} : _ref$style,
|
|
17112
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
17171
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$r);
|
|
17113
17172
|
if (!active) return jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
17114
17173
|
children: children
|
|
17115
17174
|
});
|
|
@@ -17122,13 +17181,13 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(_ref, ref) {
|
|
|
17122
17181
|
});
|
|
17123
17182
|
var shimmerOverlay = animated ? "linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%)" : "none";
|
|
17124
17183
|
var baseBg = "#e9eef7";
|
|
17125
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
17184
|
+
return jsxRuntime.jsxs("div", _objectSpread$v(_objectSpread$v({
|
|
17126
17185
|
ref: ref,
|
|
17127
17186
|
className: cn$1("skeleton-wrapper", className),
|
|
17128
17187
|
role: "status",
|
|
17129
17188
|
"aria-busy": active,
|
|
17130
17189
|
"aria-live": "polite",
|
|
17131
|
-
style: _objectSpread$
|
|
17190
|
+
style: _objectSpread$v({
|
|
17132
17191
|
display: "flex",
|
|
17133
17192
|
flexDirection: containerDirection,
|
|
17134
17193
|
gap: gap,
|
|
@@ -17157,9 +17216,9 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(_ref, ref) {
|
|
|
17157
17216
|
});
|
|
17158
17217
|
Skeleton.displayName = "Skeleton";
|
|
17159
17218
|
|
|
17160
|
-
var _excluded$
|
|
17161
|
-
function ownKeys$
|
|
17162
|
-
function _objectSpread$
|
|
17219
|
+
var _excluded$q = ["children", "defaultIndex", "index", "onChange", "orientation", "size", "variant", "animated", "className"];
|
|
17220
|
+
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17221
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17163
17222
|
/*
|
|
17164
17223
|
Tabs.jsx
|
|
17165
17224
|
- Default export: Tabs (provider wrapper)
|
|
@@ -17210,7 +17269,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
|
|
|
17210
17269
|
animated = _ref$animated === void 0 ? true : _ref$animated,
|
|
17211
17270
|
_ref$className = _ref.className,
|
|
17212
17271
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
17213
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
17272
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$q);
|
|
17214
17273
|
var isControlled = controlledIndex != null;
|
|
17215
17274
|
var _useState = React.useState(defaultIndex),
|
|
17216
17275
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -17239,7 +17298,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
|
|
|
17239
17298
|
};
|
|
17240
17299
|
return jsxRuntime.jsx(TabsContext.Provider, {
|
|
17241
17300
|
value: value,
|
|
17242
|
-
children: jsxRuntime.jsx("div", _objectSpread$
|
|
17301
|
+
children: jsxRuntime.jsx("div", _objectSpread$u(_objectSpread$u({
|
|
17243
17302
|
ref: ref,
|
|
17244
17303
|
className: cn$1("tabs-root", className)
|
|
17245
17304
|
}, rest), {}, {
|
|
@@ -17435,9 +17494,9 @@ Tabs.Tab = Tab;
|
|
|
17435
17494
|
Tabs.Panels = Panels;
|
|
17436
17495
|
Tabs.Panel = Panel;
|
|
17437
17496
|
|
|
17438
|
-
var _excluded$
|
|
17439
|
-
function ownKeys$
|
|
17440
|
-
function _objectSpread$
|
|
17497
|
+
var _excluded$p = ["items", "trigger", "className", "menuClass", "menuItemClass", "closeOnSelect", "ariaLabel", "wrapperClassName"];
|
|
17498
|
+
function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17499
|
+
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17441
17500
|
/**
|
|
17442
17501
|
* ThreeDotPopover (Simple)
|
|
17443
17502
|
*
|
|
@@ -17482,7 +17541,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
|
|
|
17482
17541
|
ariaLabel = _ref$ariaLabel === void 0 ? "More options" : _ref$ariaLabel,
|
|
17483
17542
|
_ref$wrapperClassName = _ref.wrapperClassName,
|
|
17484
17543
|
wrapperClassName = _ref$wrapperClassName === void 0 ? "" : _ref$wrapperClassName,
|
|
17485
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
17544
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$p);
|
|
17486
17545
|
var triggerRef = React.useRef(null);
|
|
17487
17546
|
var menuRef = React.useRef(null);
|
|
17488
17547
|
var _useState = React.useState(false),
|
|
@@ -17538,7 +17597,7 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
|
|
|
17538
17597
|
"aria-expanded": open,
|
|
17539
17598
|
"aria-haspopup": "menu"
|
|
17540
17599
|
}) : DefaultTrigger;
|
|
17541
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
17600
|
+
return jsxRuntime.jsxs("div", _objectSpread$t(_objectSpread$t({
|
|
17542
17601
|
ref: ref,
|
|
17543
17602
|
className: cn$1("inline-block relative", wrapperClassName)
|
|
17544
17603
|
}, rest), {}, {
|
|
@@ -17581,12 +17640,12 @@ var ThreeDotPopoverSimple = /*#__PURE__*/React.forwardRef(function ThreeDotPopov
|
|
|
17581
17640
|
});
|
|
17582
17641
|
ThreeDotPopoverSimple.displayName = "ThreeDotPopover";
|
|
17583
17642
|
|
|
17584
|
-
var _excluded$
|
|
17585
|
-
function ownKeys$
|
|
17586
|
-
function _objectSpread$
|
|
17587
|
-
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
17588
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
17589
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
17643
|
+
var _excluded$o = ["position", "trigger", "content", "customTrigger", "children", "open", "defaultOpen", "onChange", "delay", "offset", "textClass", "bgClass", "className", "portal", "id"];
|
|
17644
|
+
function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17645
|
+
function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17646
|
+
function _createForOfIteratorHelper$1(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
17647
|
+
function _unsupportedIterableToArray$1(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0; } }
|
|
17648
|
+
function _arrayLikeToArray$1(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
17590
17649
|
/**
|
|
17591
17650
|
* Tooltip props
|
|
17592
17651
|
* - position: 'auto' | 'top' | 'bottom' | 'left' | 'right' (default 'auto')
|
|
@@ -17630,7 +17689,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref, forwardedRef)
|
|
|
17630
17689
|
_ref$portal = _ref.portal,
|
|
17631
17690
|
portal = _ref$portal === void 0 ? true : _ref$portal,
|
|
17632
17691
|
propsId = _ref.id,
|
|
17633
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
17692
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$o);
|
|
17634
17693
|
var triggerRef = React.useRef(null);
|
|
17635
17694
|
var tooltipRef = React.useRef(null);
|
|
17636
17695
|
var delayRef = React.useRef(null);
|
|
@@ -17680,7 +17739,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref, forwardedRef)
|
|
|
17680
17739
|
var candidates = ["top", "bottom", "left", "right"];
|
|
17681
17740
|
var chosen = position === "auto" ? "top" : position;
|
|
17682
17741
|
if (position === "auto") {
|
|
17683
|
-
var _iterator = _createForOfIteratorHelper(candidates),
|
|
17742
|
+
var _iterator = _createForOfIteratorHelper$1(candidates),
|
|
17684
17743
|
_step;
|
|
17685
17744
|
try {
|
|
17686
17745
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
@@ -17886,7 +17945,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref, forwardedRef)
|
|
|
17886
17945
|
children: children
|
|
17887
17946
|
});
|
|
17888
17947
|
// Tooltip box element
|
|
17889
|
-
var tooltipNode = open ? jsxRuntime.jsx("div", _objectSpread$
|
|
17948
|
+
var tooltipNode = open ? jsxRuntime.jsx("div", _objectSpread$s(_objectSpread$s({
|
|
17890
17949
|
ref: tooltipRef,
|
|
17891
17950
|
id: id,
|
|
17892
17951
|
role: "tooltip"
|
|
@@ -17909,9 +17968,9 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(_ref, forwardedRef)
|
|
|
17909
17968
|
});
|
|
17910
17969
|
Tooltip.displayName = "Tooltip";
|
|
17911
17970
|
|
|
17912
|
-
var _excluded$
|
|
17913
|
-
function ownKeys$
|
|
17914
|
-
function _objectSpread$
|
|
17971
|
+
var _excluded$n = ["value", "onChange", "inputProps", "icon", "iconProps", "iconPosition", "placeholder", "className"];
|
|
17972
|
+
function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17973
|
+
function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17915
17974
|
var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref, ref) {
|
|
17916
17975
|
var _ref$value = _ref.value,
|
|
17917
17976
|
value = _ref$value === void 0 ? null : _ref$value,
|
|
@@ -17927,7 +17986,7 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref,
|
|
|
17927
17986
|
_ref$placeholder = _ref.placeholder,
|
|
17928
17987
|
placeholder = _ref$placeholder === void 0 ? "lat, lng" : _ref$placeholder,
|
|
17929
17988
|
className = _ref.className,
|
|
17930
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
17989
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$n);
|
|
17931
17990
|
var _useState = React.useState(function () {
|
|
17932
17991
|
return value ? formatCoords(value) : "";
|
|
17933
17992
|
}),
|
|
@@ -18021,7 +18080,7 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref,
|
|
|
18021
18080
|
strokeWidth: "1.2"
|
|
18022
18081
|
})]
|
|
18023
18082
|
});
|
|
18024
|
-
var iconButton = jsxRuntime.jsx("button", _objectSpread$
|
|
18083
|
+
var iconButton = jsxRuntime.jsx("button", _objectSpread$r(_objectSpread$r({
|
|
18025
18084
|
type: "button",
|
|
18026
18085
|
onClick: handleIconClick
|
|
18027
18086
|
}, iconProps), {}, {
|
|
@@ -18030,12 +18089,12 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref,
|
|
|
18030
18089
|
children: icon ? /*#__PURE__*/React.isValidElement(icon) ? /*#__PURE__*/React.cloneElement(icon) : icon : DefaultIcon
|
|
18031
18090
|
}));
|
|
18032
18091
|
var inputPaddingClass = iconPosition === "right" ? "pr-10" : "pl-10";
|
|
18033
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
18092
|
+
return jsxRuntime.jsx("div", _objectSpread$r(_objectSpread$r({
|
|
18034
18093
|
className: cn$1("inline-flex items-center", className)
|
|
18035
18094
|
}, rest), {}, {
|
|
18036
18095
|
children: jsxRuntime.jsxs("div", {
|
|
18037
18096
|
className: "relative",
|
|
18038
|
-
children: [jsxRuntime.jsx("input", _objectSpread$
|
|
18097
|
+
children: [jsxRuntime.jsx("input", _objectSpread$r(_objectSpread$r({
|
|
18039
18098
|
ref: ref,
|
|
18040
18099
|
type: "text",
|
|
18041
18100
|
placeholder: placeholder
|
|
@@ -18052,9 +18111,9 @@ var LocationPicker = /*#__PURE__*/React.forwardRef(function LocationPicker(_ref,
|
|
|
18052
18111
|
});
|
|
18053
18112
|
LocationPicker.displayName = "LocationPicker";
|
|
18054
18113
|
|
|
18055
|
-
var _excluded$
|
|
18056
|
-
function ownKeys$
|
|
18057
|
-
function _objectSpread$
|
|
18114
|
+
var _excluded$m = ["lang", "continuous", "interimResults", "onSpeechComplete", "onSpeaking", "onError", "onStart", "onStop", "renderButton", "autoStart", "disabled", "resetOnStart", "className"];
|
|
18115
|
+
function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18116
|
+
function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18058
18117
|
var isProbablyMobile = function isProbablyMobile() {
|
|
18059
18118
|
if (typeof navigator === "undefined") return false;
|
|
18060
18119
|
return /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
|
|
@@ -18088,7 +18147,7 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
18088
18147
|
_ref$resetOnStart = _ref.resetOnStart,
|
|
18089
18148
|
resetOnStart = _ref$resetOnStart === void 0 ? false : _ref$resetOnStart,
|
|
18090
18149
|
className = _ref.className,
|
|
18091
|
-
rest = _objectWithoutProperties$1(_ref, _excluded$
|
|
18150
|
+
rest = _objectWithoutProperties$1(_ref, _excluded$m);
|
|
18092
18151
|
var recognitionRef = React.useRef(null);
|
|
18093
18152
|
var isMountedRef = React.useRef(true);
|
|
18094
18153
|
var autoStartedRef = React.useRef(false);
|
|
@@ -18243,7 +18302,7 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
18243
18302
|
});
|
|
18244
18303
|
}
|
|
18245
18304
|
var isDisabled = disabled || !_isSupported;
|
|
18246
|
-
return jsxRuntime.jsxs("button", _objectSpread$
|
|
18305
|
+
return jsxRuntime.jsxs("button", _objectSpread$q(_objectSpread$q({
|
|
18247
18306
|
type: "button",
|
|
18248
18307
|
"aria-pressed": _isListening,
|
|
18249
18308
|
"aria-label": _isListening ? "Stop listening" : "Start listening",
|
|
@@ -18312,9 +18371,9 @@ var TextToSpeech = function TextToSpeech(_ref) {
|
|
|
18312
18371
|
});
|
|
18313
18372
|
};
|
|
18314
18373
|
|
|
18315
|
-
var _excluded$
|
|
18316
|
-
function ownKeys$
|
|
18317
|
-
function _objectSpread$
|
|
18374
|
+
var _excluded$l = ["items", "collapsed", "onToggle", "className", "logo", "user", "onUserClick", "drawerPosition", "isMobileOpen", "setIsMobileOpen", "showCollapsedTooltips", "tooltipOptions"];
|
|
18375
|
+
function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18376
|
+
function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18318
18377
|
/**
|
|
18319
18378
|
* Sidebar component with custom tooltip for collapsed mode.
|
|
18320
18379
|
*
|
|
@@ -18345,7 +18404,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
18345
18404
|
_ref2$showCollapsedTo = _ref2.showCollapsedTooltips,
|
|
18346
18405
|
showCollapsedTooltips = _ref2$showCollapsedTo === void 0 ? true : _ref2$showCollapsedTo,
|
|
18347
18406
|
tooltipOptions = _ref2.tooltipOptions,
|
|
18348
|
-
props = _objectWithoutProperties$1(_ref2, _excluded$
|
|
18407
|
+
props = _objectWithoutProperties$1(_ref2, _excluded$l);
|
|
18349
18408
|
var _useState = React.useState(new Set()),
|
|
18350
18409
|
_useState2 = _slicedToArray(_useState, 2),
|
|
18351
18410
|
expandedItems = _useState2[0],
|
|
@@ -18442,7 +18501,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
18442
18501
|
return id === item.id ? null : id;
|
|
18443
18502
|
});
|
|
18444
18503
|
},
|
|
18445
|
-
children: [showTooltipForThis ? jsxRuntime.jsx(Tooltip, _objectSpread$
|
|
18504
|
+
children: [showTooltipForThis ? jsxRuntime.jsx(Tooltip, _objectSpread$p(_objectSpread$p({}, tooltipOptions), {}, {
|
|
18446
18505
|
trigger: "hover",
|
|
18447
18506
|
content: item.label,
|
|
18448
18507
|
position: "right",
|
|
@@ -18569,7 +18628,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
18569
18628
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
18570
18629
|
children: [jsxRuntime.jsx("div", {
|
|
18571
18630
|
className: "hidden md:flex sticky top-0 h-screen",
|
|
18572
|
-
children: jsxRuntime.jsx("div", _objectSpread$
|
|
18631
|
+
children: jsxRuntime.jsx("div", _objectSpread$p(_objectSpread$p({
|
|
18573
18632
|
ref: ref,
|
|
18574
18633
|
className: cn$1(desktopPlacementClass, className)
|
|
18575
18634
|
}, props), {}, {
|
|
@@ -18594,9 +18653,9 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
|
18594
18653
|
});
|
|
18595
18654
|
Sidebar.displayName = "Sidebar";
|
|
18596
18655
|
|
|
18597
|
-
var _excluded$
|
|
18598
|
-
function ownKeys$
|
|
18599
|
-
function _objectSpread$
|
|
18656
|
+
var _excluded$k = ["trigger", "children", "placement", "className"];
|
|
18657
|
+
function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18658
|
+
function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18600
18659
|
var Dropdown = function Dropdown(_ref) {
|
|
18601
18660
|
var trigger = _ref.trigger,
|
|
18602
18661
|
children = _ref.children,
|
|
@@ -18604,7 +18663,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
18604
18663
|
placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
|
|
18605
18664
|
_ref$className = _ref.className,
|
|
18606
18665
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
18607
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
18666
|
+
props = _objectWithoutProperties$1(_ref, _excluded$k);
|
|
18608
18667
|
var _useState = React.useState(false),
|
|
18609
18668
|
_useState2 = _slicedToArray(_useState, 2),
|
|
18610
18669
|
isOpen = _useState2[0],
|
|
@@ -18627,7 +18686,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
18627
18686
|
'top-start': 'bottom-full left-0 mb-1',
|
|
18628
18687
|
'top-end': 'bottom-full right-0 mb-1'
|
|
18629
18688
|
};
|
|
18630
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
18689
|
+
return jsxRuntime.jsxs("div", _objectSpread$o(_objectSpread$o({
|
|
18631
18690
|
className: "relative inline-block ".concat(className),
|
|
18632
18691
|
ref: dropdownRef
|
|
18633
18692
|
}, props), {}, {
|
|
@@ -18643,10 +18702,10 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
18643
18702
|
}));
|
|
18644
18703
|
};
|
|
18645
18704
|
|
|
18646
|
-
var _excluded$
|
|
18705
|
+
var _excluded$j = ["emitter", "content", "notifications"],
|
|
18647
18706
|
_excluded2$2 = ["emitter", "logo", "items", "user", "notifications", "searchable", "onSearch", "leftIcon", "rightMenuContent", "onLeftIconClick", "onLoginClick", "onLogoutClick", "className", "onFetch", "isMobileOpen", "setIsMobileOpen"];
|
|
18648
|
-
function ownKeys$
|
|
18649
|
-
function _objectSpread$
|
|
18707
|
+
function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18708
|
+
function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18650
18709
|
// Simplified Notifications, uses notifications from props and a single effect for fetch/update
|
|
18651
18710
|
var NotificationsDropdown = function NotificationsDropdown(_ref) {
|
|
18652
18711
|
var emitter = _ref.emitter,
|
|
@@ -18776,10 +18835,10 @@ var RightMenuContent = function RightMenuContent(_ref2) {
|
|
|
18776
18835
|
_ref2.content;
|
|
18777
18836
|
var _ref2$notifications = _ref2.notifications,
|
|
18778
18837
|
notifications = _ref2$notifications === void 0 ? [] : _ref2$notifications,
|
|
18779
|
-
props = _objectWithoutProperties$1(_ref2, _excluded$
|
|
18838
|
+
props = _objectWithoutProperties$1(_ref2, _excluded$j);
|
|
18780
18839
|
return jsxRuntime.jsx("div", {
|
|
18781
18840
|
className: "relative",
|
|
18782
|
-
children: jsxRuntime.jsx(NotificationsDropdown, _objectSpread$
|
|
18841
|
+
children: jsxRuntime.jsx(NotificationsDropdown, _objectSpread$n({
|
|
18783
18842
|
emitter: emitter,
|
|
18784
18843
|
notifications: notifications
|
|
18785
18844
|
}, props))
|
|
@@ -18882,11 +18941,11 @@ var Navbar = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
|
|
|
18882
18941
|
};
|
|
18883
18942
|
// RightMenuContent: prefer prop if provided, else fallback
|
|
18884
18943
|
var RightMenuComponent = typeof RightMenuContentProp === "function" ? RightMenuContentProp : function (rest) {
|
|
18885
|
-
return jsxRuntime.jsx(RightMenuContent, _objectSpread$
|
|
18944
|
+
return jsxRuntime.jsx(RightMenuContent, _objectSpread$n({
|
|
18886
18945
|
emitter: emitter
|
|
18887
18946
|
}, rest));
|
|
18888
18947
|
};
|
|
18889
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
18948
|
+
return jsxRuntime.jsxs("nav", _objectSpread$n(_objectSpread$n({
|
|
18890
18949
|
ref: ref,
|
|
18891
18950
|
className: cn$1("bg-white border-b border-gray-200 px-4 sm:px-6 lg:px-8", className)
|
|
18892
18951
|
}, props), {}, {
|
|
@@ -19037,15 +19096,15 @@ Navbar.propTypes = {
|
|
|
19037
19096
|
onSearch: PropTypes.func
|
|
19038
19097
|
};
|
|
19039
19098
|
|
|
19040
|
-
var _excluded$
|
|
19041
|
-
function ownKeys$
|
|
19042
|
-
function _objectSpread$
|
|
19099
|
+
var _excluded$i = ["items", "className"];
|
|
19100
|
+
function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19101
|
+
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19043
19102
|
var FootNav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19044
19103
|
var _ref$items = _ref.items,
|
|
19045
19104
|
items = _ref$items === void 0 ? [] : _ref$items,
|
|
19046
19105
|
className = _ref.className,
|
|
19047
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19048
|
-
return jsxRuntime.jsx("nav", _objectSpread$
|
|
19106
|
+
props = _objectWithoutProperties$1(_ref, _excluded$i);
|
|
19107
|
+
return jsxRuntime.jsx("nav", _objectSpread$m(_objectSpread$m({
|
|
19049
19108
|
ref: ref,
|
|
19050
19109
|
className: cn$1('fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 px-4 py-2 md:hidden', className)
|
|
19051
19110
|
}, props), {}, {
|
|
@@ -19077,9 +19136,9 @@ var FootNav = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19077
19136
|
});
|
|
19078
19137
|
FootNav.displayName = 'FootNav';
|
|
19079
19138
|
|
|
19080
|
-
var _excluded$
|
|
19081
|
-
function ownKeys$
|
|
19082
|
-
function _objectSpread$
|
|
19139
|
+
var _excluded$h = ["items", "separator", "showHome", "homeIcon", "onHomeClick", "className"];
|
|
19140
|
+
function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19141
|
+
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19083
19142
|
var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19084
19143
|
var _ref$items = _ref.items,
|
|
19085
19144
|
items = _ref$items === void 0 ? [] : _ref$items,
|
|
@@ -19095,7 +19154,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19095
19154
|
}) : _ref$homeIcon,
|
|
19096
19155
|
onHomeClick = _ref.onHomeClick,
|
|
19097
19156
|
className = _ref.className,
|
|
19098
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19157
|
+
props = _objectWithoutProperties$1(_ref, _excluded$h);
|
|
19099
19158
|
var allItems = showHome ? [{
|
|
19100
19159
|
id: 'home',
|
|
19101
19160
|
label: 'Home',
|
|
@@ -19103,7 +19162,7 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19103
19162
|
icon: homeIcon,
|
|
19104
19163
|
onClick: onHomeClick
|
|
19105
19164
|
}].concat(_toConsumableArray$1(items)) : items;
|
|
19106
|
-
return jsxRuntime.jsx("nav", _objectSpread$
|
|
19165
|
+
return jsxRuntime.jsx("nav", _objectSpread$l(_objectSpread$l({
|
|
19107
19166
|
ref: ref,
|
|
19108
19167
|
className: cn$1('flex items-center space-x-1 text-sm', className),
|
|
19109
19168
|
"aria-label": "Breadcrumb"
|
|
@@ -19141,12 +19200,12 @@ var Breadcrumbs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19141
19200
|
});
|
|
19142
19201
|
Breadcrumbs.displayName = 'Breadcrumbs';
|
|
19143
19202
|
|
|
19144
|
-
var _excluded$
|
|
19203
|
+
var _excluded$g = ["isOpen", "onClose", "title", "children", "size", "dismissible", "showCloseButton", "footer", "className", "onOpen"],
|
|
19145
19204
|
_excluded2$1 = ["children", "className"],
|
|
19146
19205
|
_excluded3$1 = ["children", "className"],
|
|
19147
19206
|
_excluded4$1 = ["children", "className"];
|
|
19148
|
-
function ownKeys$
|
|
19149
|
-
function _objectSpread$
|
|
19207
|
+
function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19208
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19150
19209
|
// Elements that can receive keyboard focus. Used to drive the focus trap and to
|
|
19151
19210
|
// pick the first element to focus when the dialog opens (WAI-ARIA APG dialog).
|
|
19152
19211
|
var FOCUSABLE_SELECTOR = ['a[href]', 'button:not([disabled])', 'textarea:not([disabled])', 'input:not([disabled])', 'select:not([disabled])', '[tabindex]:not([tabindex="-1"])'].join(',');
|
|
@@ -19181,7 +19240,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (_ref, _ref3) {
|
|
|
19181
19240
|
footer = _ref.footer,
|
|
19182
19241
|
className = _ref.className,
|
|
19183
19242
|
onOpen = _ref.onOpen,
|
|
19184
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19243
|
+
props = _objectWithoutProperties$1(_ref, _excluded$g);
|
|
19185
19244
|
var dialogRef = React.useRef(null);
|
|
19186
19245
|
// The element that had focus when the dialog opened, so we can restore it on close.
|
|
19187
19246
|
var lastFocusedRef = React.useRef(null);
|
|
@@ -19257,7 +19316,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (_ref, _ref3) {
|
|
|
19257
19316
|
return /*#__PURE__*/ReactDOM.createPortal(jsxRuntime.jsx("div", {
|
|
19258
19317
|
className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 p-4",
|
|
19259
19318
|
onClick: handleBackdropClick,
|
|
19260
|
-
children: jsxRuntime.jsxs("div", _objectSpread$
|
|
19319
|
+
children: jsxRuntime.jsxs("div", _objectSpread$k(_objectSpread$k({
|
|
19261
19320
|
ref: function ref(node) {
|
|
19262
19321
|
return setRefs(node, dialogRef, _ref3);
|
|
19263
19322
|
},
|
|
@@ -19298,7 +19357,7 @@ Dialog.Header = function (_ref4) {
|
|
|
19298
19357
|
var children = _ref4.children,
|
|
19299
19358
|
className = _ref4.className,
|
|
19300
19359
|
props = _objectWithoutProperties$1(_ref4, _excluded2$1);
|
|
19301
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19360
|
+
return jsxRuntime.jsx("div", _objectSpread$k(_objectSpread$k({
|
|
19302
19361
|
className: cn$1('border-b border-gray-200 px-6 py-4', className)
|
|
19303
19362
|
}, props), {}, {
|
|
19304
19363
|
children: children
|
|
@@ -19308,7 +19367,7 @@ Dialog.Body = function (_ref5) {
|
|
|
19308
19367
|
var children = _ref5.children,
|
|
19309
19368
|
className = _ref5.className,
|
|
19310
19369
|
props = _objectWithoutProperties$1(_ref5, _excluded3$1);
|
|
19311
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19370
|
+
return jsxRuntime.jsx("div", _objectSpread$k(_objectSpread$k({
|
|
19312
19371
|
className: cn$1('px-6 py-4', className)
|
|
19313
19372
|
}, props), {}, {
|
|
19314
19373
|
children: children
|
|
@@ -19318,16 +19377,16 @@ Dialog.Footer = function (_ref6) {
|
|
|
19318
19377
|
var children = _ref6.children,
|
|
19319
19378
|
className = _ref6.className,
|
|
19320
19379
|
props = _objectWithoutProperties$1(_ref6, _excluded4$1);
|
|
19321
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19380
|
+
return jsxRuntime.jsx("div", _objectSpread$k(_objectSpread$k({
|
|
19322
19381
|
className: cn$1('flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4', className)
|
|
19323
19382
|
}, props), {}, {
|
|
19324
19383
|
children: children
|
|
19325
19384
|
}));
|
|
19326
19385
|
};
|
|
19327
19386
|
|
|
19328
|
-
var _excluded$
|
|
19329
|
-
function ownKeys$
|
|
19330
|
-
function _objectSpread$
|
|
19387
|
+
var _excluded$f = ["id", "title", "message", "description", "type", "duration", "onClose", "position", "statusIcon", "actions", "color", "footerNote", "showFooterNote", "portal", "className"];
|
|
19388
|
+
function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19389
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19331
19390
|
var STATUS_CONFIG = {
|
|
19332
19391
|
success: {
|
|
19333
19392
|
icon: CheckCircle2,
|
|
@@ -19394,7 +19453,7 @@ var Toast = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19394
19453
|
portal = _ref$portal === void 0 ? true : _ref$portal,
|
|
19395
19454
|
_ref$className = _ref.className,
|
|
19396
19455
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
19397
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19456
|
+
props = _objectWithoutProperties$1(_ref, _excluded$f);
|
|
19398
19457
|
var _useState = React.useState(true),
|
|
19399
19458
|
_useState2 = _slicedToArray(_useState, 2),
|
|
19400
19459
|
isVisible = _useState2[0],
|
|
@@ -19468,7 +19527,7 @@ var Toast = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19468
19527
|
var statusStyle = STATUS_CONFIG[type] || STATUS_CONFIG.info || STATUS_CONFIG["default"];
|
|
19469
19528
|
var StatusIconComponent = statusStyle.icon;
|
|
19470
19529
|
var bodyText = description || message;
|
|
19471
|
-
var toastContent = jsxRuntime.jsxs("div", _objectSpread$
|
|
19530
|
+
var toastContent = jsxRuntime.jsxs("div", _objectSpread$j(_objectSpread$j({
|
|
19472
19531
|
ref: ref,
|
|
19473
19532
|
onMouseEnter: function onMouseEnter() {
|
|
19474
19533
|
return setIsPaused(true);
|
|
@@ -19573,7 +19632,7 @@ var ToastContainer = function ToastContainer(_ref2) {
|
|
|
19573
19632
|
children: toasts.map(function (t) {
|
|
19574
19633
|
return jsxRuntime.jsx("div", {
|
|
19575
19634
|
className: "pointer-events-auto w-full max-w-md",
|
|
19576
|
-
children: jsxRuntime.jsx(Toast, _objectSpread$
|
|
19635
|
+
children: jsxRuntime.jsx(Toast, _objectSpread$j(_objectSpread$j({}, t), {}, {
|
|
19577
19636
|
portal: false,
|
|
19578
19637
|
position: position,
|
|
19579
19638
|
onClose: onRemove
|
|
@@ -19590,7 +19649,7 @@ var useToast = function useToast() {
|
|
|
19590
19649
|
setToasts = _useState8[1];
|
|
19591
19650
|
var addToast = React.useCallback(function (toastOptions) {
|
|
19592
19651
|
var id = toastOptions.id || "".concat(Date.now(), "-").concat(Math.random().toString(36).slice(2, 7));
|
|
19593
|
-
var newToast = _objectSpread$
|
|
19652
|
+
var newToast = _objectSpread$j(_objectSpread$j({}, toastOptions), {}, {
|
|
19594
19653
|
id: id
|
|
19595
19654
|
});
|
|
19596
19655
|
setToasts(function (prev) {
|
|
@@ -19614,35 +19673,35 @@ var useToast = function useToast() {
|
|
|
19614
19673
|
} : options);
|
|
19615
19674
|
}, [addToast]);
|
|
19616
19675
|
toast.success = function (title, message, options) {
|
|
19617
|
-
return addToast(_objectSpread$
|
|
19676
|
+
return addToast(_objectSpread$j({
|
|
19618
19677
|
title: title,
|
|
19619
19678
|
message: message,
|
|
19620
19679
|
type: 'success'
|
|
19621
19680
|
}, _typeof$4(options) === 'object' ? options : {}));
|
|
19622
19681
|
};
|
|
19623
19682
|
toast.error = function (title, message, options) {
|
|
19624
|
-
return addToast(_objectSpread$
|
|
19683
|
+
return addToast(_objectSpread$j({
|
|
19625
19684
|
title: title,
|
|
19626
19685
|
message: message,
|
|
19627
19686
|
type: 'error'
|
|
19628
19687
|
}, _typeof$4(options) === 'object' ? options : {}));
|
|
19629
19688
|
};
|
|
19630
19689
|
toast.warning = function (title, message, options) {
|
|
19631
|
-
return addToast(_objectSpread$
|
|
19690
|
+
return addToast(_objectSpread$j({
|
|
19632
19691
|
title: title,
|
|
19633
19692
|
message: message,
|
|
19634
19693
|
type: 'warning'
|
|
19635
19694
|
}, _typeof$4(options) === 'object' ? options : {}));
|
|
19636
19695
|
};
|
|
19637
19696
|
toast.info = function (title, message, options) {
|
|
19638
|
-
return addToast(_objectSpread$
|
|
19697
|
+
return addToast(_objectSpread$j({
|
|
19639
19698
|
title: title,
|
|
19640
19699
|
message: message,
|
|
19641
19700
|
type: 'info'
|
|
19642
19701
|
}, _typeof$4(options) === 'object' ? options : {}));
|
|
19643
19702
|
};
|
|
19644
19703
|
toast["default"] = function (title, message, options) {
|
|
19645
|
-
return addToast(_objectSpread$
|
|
19704
|
+
return addToast(_objectSpread$j({
|
|
19646
19705
|
title: title,
|
|
19647
19706
|
message: message,
|
|
19648
19707
|
type: 'default'
|
|
@@ -19657,9 +19716,9 @@ var useToast = function useToast() {
|
|
|
19657
19716
|
};
|
|
19658
19717
|
};
|
|
19659
19718
|
|
|
19660
|
-
var _excluded$
|
|
19661
|
-
function ownKeys$
|
|
19662
|
-
function _objectSpread$
|
|
19719
|
+
var _excluded$e = ["variant", "title", "children", "dismissible", "onDismiss", "className"];
|
|
19720
|
+
function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19721
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19663
19722
|
var Alert = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19664
19723
|
var _ref$variant = _ref.variant,
|
|
19665
19724
|
variant = _ref$variant === void 0 ? 'info' : _ref$variant,
|
|
@@ -19669,7 +19728,7 @@ var Alert = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19669
19728
|
dismissible = _ref$dismissible === void 0 ? false : _ref$dismissible,
|
|
19670
19729
|
onDismiss = _ref.onDismiss,
|
|
19671
19730
|
className = _ref.className,
|
|
19672
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19731
|
+
props = _objectWithoutProperties$1(_ref, _excluded$e);
|
|
19673
19732
|
var variants = {
|
|
19674
19733
|
success: {
|
|
19675
19734
|
container: 'bg-success-50 border-success-200',
|
|
@@ -19705,7 +19764,7 @@ var Alert = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19705
19764
|
}
|
|
19706
19765
|
};
|
|
19707
19766
|
var variantStyles = variants[variant];
|
|
19708
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19767
|
+
return jsxRuntime.jsx("div", _objectSpread$i(_objectSpread$i({
|
|
19709
19768
|
ref: ref,
|
|
19710
19769
|
className: cn$1('rounded-md border p-4', variantStyles.container, className),
|
|
19711
19770
|
role: "alert"
|
|
@@ -19747,9 +19806,9 @@ var Alert = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19747
19806
|
});
|
|
19748
19807
|
Alert.displayName = 'Alert';
|
|
19749
19808
|
|
|
19750
|
-
var _excluded$
|
|
19751
|
-
function ownKeys$
|
|
19752
|
-
function _objectSpread$
|
|
19809
|
+
var _excluded$d = ["children", "variant", "size", "rounded", "className"];
|
|
19810
|
+
function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19811
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19753
19812
|
var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19754
19813
|
var children = _ref.children,
|
|
19755
19814
|
_ref$variant = _ref.variant,
|
|
@@ -19759,7 +19818,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19759
19818
|
_ref$rounded = _ref.rounded,
|
|
19760
19819
|
rounded = _ref$rounded === void 0 ? true : _ref$rounded,
|
|
19761
19820
|
className = _ref.className,
|
|
19762
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19821
|
+
props = _objectWithoutProperties$1(_ref, _excluded$d);
|
|
19763
19822
|
var variants = {
|
|
19764
19823
|
"default": 'bg-gray-100 text-primary-800',
|
|
19765
19824
|
primary: 'bg-primary-100 text-primary-800',
|
|
@@ -19774,7 +19833,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19774
19833
|
md: 'px-2.5 py-0.5 text-sm',
|
|
19775
19834
|
lg: 'px-3 py-1 text-base'
|
|
19776
19835
|
};
|
|
19777
|
-
return jsxRuntime.jsx("span", _objectSpread$
|
|
19836
|
+
return jsxRuntime.jsx("span", _objectSpread$h(_objectSpread$h({
|
|
19778
19837
|
ref: ref,
|
|
19779
19838
|
className: cn$1('inline-flex items-center font-medium', variants[variant], sizes[size], {
|
|
19780
19839
|
'rounded-full': rounded,
|
|
@@ -19786,9 +19845,9 @@ var Badge = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19786
19845
|
});
|
|
19787
19846
|
Badge.displayName = 'Badge';
|
|
19788
19847
|
|
|
19789
|
-
var _excluded$
|
|
19790
|
-
function ownKeys$
|
|
19791
|
-
function _objectSpread$
|
|
19848
|
+
var _excluded$c = ["src", "alt", "name", "size", "shape", "status", "className"];
|
|
19849
|
+
function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19850
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19792
19851
|
var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19793
19852
|
var src = _ref.src,
|
|
19794
19853
|
alt = _ref.alt,
|
|
@@ -19799,7 +19858,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19799
19858
|
shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
|
|
19800
19859
|
status = _ref.status,
|
|
19801
19860
|
className = _ref.className,
|
|
19802
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19861
|
+
props = _objectWithoutProperties$1(_ref, _excluded$c);
|
|
19803
19862
|
var sizes = {
|
|
19804
19863
|
xs: 'h-6 w-6 text-xs',
|
|
19805
19864
|
sm: 'h-8 w-8 text-sm',
|
|
@@ -19831,7 +19890,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19831
19890
|
return jsxRuntime.jsxs("div", {
|
|
19832
19891
|
ref: ref,
|
|
19833
19892
|
className: "relative inline-block",
|
|
19834
|
-
children: [jsxRuntime.jsxs("div", _objectSpread$
|
|
19893
|
+
children: [jsxRuntime.jsxs("div", _objectSpread$g(_objectSpread$g({
|
|
19835
19894
|
className: cn$1('flex items-center justify-center bg-gray-100 text-primary-600 font-medium', sizes[size], {
|
|
19836
19895
|
'rounded-full': shape === 'circle',
|
|
19837
19896
|
'rounded-md': shape === 'square',
|
|
@@ -19869,21 +19928,21 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19869
19928
|
});
|
|
19870
19929
|
Avatar.displayName = 'Avatar';
|
|
19871
19930
|
|
|
19872
|
-
var _excluded$
|
|
19931
|
+
var _excluded$b = ["children", "className", "hover"],
|
|
19873
19932
|
_excluded2 = ["children", "className"],
|
|
19874
19933
|
_excluded3 = ["children", "className"],
|
|
19875
19934
|
_excluded4 = ["children", "className"],
|
|
19876
19935
|
_excluded5 = ["children", "className"],
|
|
19877
19936
|
_excluded6 = ["children", "className"];
|
|
19878
|
-
function ownKeys$
|
|
19879
|
-
function _objectSpread$
|
|
19937
|
+
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19938
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19880
19939
|
var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19881
19940
|
var children = _ref.children,
|
|
19882
19941
|
className = _ref.className,
|
|
19883
19942
|
_ref$hover = _ref.hover,
|
|
19884
19943
|
hover = _ref$hover === void 0 ? false : _ref$hover,
|
|
19885
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
19886
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19944
|
+
props = _objectWithoutProperties$1(_ref, _excluded$b);
|
|
19945
|
+
return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({
|
|
19887
19946
|
ref: ref,
|
|
19888
19947
|
className: cn$1('rounded-lg border border-gray-200 bg-white shadow-sm', {
|
|
19889
19948
|
'hover:shadow-md transition-shadow': hover
|
|
@@ -19897,7 +19956,7 @@ var CardHeader = function CardHeader(_ref2) {
|
|
|
19897
19956
|
var children = _ref2.children,
|
|
19898
19957
|
className = _ref2.className,
|
|
19899
19958
|
props = _objectWithoutProperties$1(_ref2, _excluded2);
|
|
19900
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19959
|
+
return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({
|
|
19901
19960
|
className: cn$1('px-6 py-4 border-b border-gray-200', className)
|
|
19902
19961
|
}, props), {}, {
|
|
19903
19962
|
children: children
|
|
@@ -19907,7 +19966,7 @@ var CardTitle = function CardTitle(_ref3) {
|
|
|
19907
19966
|
var children = _ref3.children,
|
|
19908
19967
|
className = _ref3.className,
|
|
19909
19968
|
props = _objectWithoutProperties$1(_ref3, _excluded3);
|
|
19910
|
-
return jsxRuntime.jsx("h3", _objectSpread$
|
|
19969
|
+
return jsxRuntime.jsx("h3", _objectSpread$f(_objectSpread$f({
|
|
19911
19970
|
className: cn$1('text-lg font-semibold text-primary-900', className)
|
|
19912
19971
|
}, props), {}, {
|
|
19913
19972
|
children: children
|
|
@@ -19917,7 +19976,7 @@ var CardDescription = function CardDescription(_ref4) {
|
|
|
19917
19976
|
var children = _ref4.children,
|
|
19918
19977
|
className = _ref4.className,
|
|
19919
19978
|
props = _objectWithoutProperties$1(_ref4, _excluded4);
|
|
19920
|
-
return jsxRuntime.jsx("p", _objectSpread$
|
|
19979
|
+
return jsxRuntime.jsx("p", _objectSpread$f(_objectSpread$f({
|
|
19921
19980
|
className: cn$1('text-sm text-primary-600', className)
|
|
19922
19981
|
}, props), {}, {
|
|
19923
19982
|
children: children
|
|
@@ -19927,7 +19986,7 @@ var CardContent = function CardContent(_ref5) {
|
|
|
19927
19986
|
var children = _ref5.children,
|
|
19928
19987
|
className = _ref5.className,
|
|
19929
19988
|
props = _objectWithoutProperties$1(_ref5, _excluded5);
|
|
19930
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19989
|
+
return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({
|
|
19931
19990
|
className: cn$1('px-6 py-4', className)
|
|
19932
19991
|
}, props), {}, {
|
|
19933
19992
|
children: children
|
|
@@ -19937,7 +19996,7 @@ var CardFooter = function CardFooter(_ref6) {
|
|
|
19937
19996
|
var children = _ref6.children,
|
|
19938
19997
|
className = _ref6.className,
|
|
19939
19998
|
props = _objectWithoutProperties$1(_ref6, _excluded6);
|
|
19940
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
19999
|
+
return jsxRuntime.jsx("div", _objectSpread$f(_objectSpread$f({
|
|
19941
20000
|
className: cn$1('px-6 py-4 border-t border-gray-200', className)
|
|
19942
20001
|
}, props), {}, {
|
|
19943
20002
|
children: children
|
|
@@ -19949,9 +20008,9 @@ Card.Description = CardDescription;
|
|
|
19949
20008
|
Card.Content = CardContent;
|
|
19950
20009
|
Card.Footer = CardFooter;
|
|
19951
20010
|
|
|
19952
|
-
var _excluded$
|
|
19953
|
-
function ownKeys$
|
|
19954
|
-
function _objectSpread$
|
|
20011
|
+
var _excluded$a = ["currentPage", "totalPages", "onPageChange", "showFirstLast", "showPrevNext", "maxVisiblePages", "className"];
|
|
20012
|
+
function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20013
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19955
20014
|
var Pagination = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
19956
20015
|
var _ref$currentPage = _ref.currentPage,
|
|
19957
20016
|
currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,
|
|
@@ -19965,7 +20024,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19965
20024
|
_ref$maxVisiblePages = _ref.maxVisiblePages,
|
|
19966
20025
|
maxVisiblePages = _ref$maxVisiblePages === void 0 ? 5 : _ref$maxVisiblePages,
|
|
19967
20026
|
className = _ref.className,
|
|
19968
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
20027
|
+
props = _objectWithoutProperties$1(_ref, _excluded$a);
|
|
19969
20028
|
var getVisiblePages = function getVisiblePages() {
|
|
19970
20029
|
var pages = [];
|
|
19971
20030
|
var halfVisible = Math.floor(maxVisiblePages / 2);
|
|
@@ -19991,7 +20050,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
19991
20050
|
}
|
|
19992
20051
|
};
|
|
19993
20052
|
if (totalPages <= 1) return null;
|
|
19994
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
20053
|
+
return jsxRuntime.jsxs("nav", _objectSpread$e(_objectSpread$e({
|
|
19995
20054
|
ref: ref,
|
|
19996
20055
|
className: cn$1('flex items-center justify-center space-x-1', className),
|
|
19997
20056
|
"aria-label": "Pagination"
|
|
@@ -20054,9 +20113,9 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
20054
20113
|
});
|
|
20055
20114
|
Pagination.displayName = 'Pagination';
|
|
20056
20115
|
|
|
20057
|
-
var _excluded$
|
|
20058
|
-
function ownKeys$
|
|
20059
|
-
function _objectSpread$
|
|
20116
|
+
var _excluded$9 = ["steps", "currentStep", "orientation", "variant", "onStepClick", "className"];
|
|
20117
|
+
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20118
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20060
20119
|
var Stepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20061
20120
|
var _ref$steps = _ref.steps,
|
|
20062
20121
|
steps = _ref$steps === void 0 ? [] : _ref$steps,
|
|
@@ -20067,7 +20126,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
20067
20126
|
_ref.variant;
|
|
20068
20127
|
var onStepClick = _ref.onStepClick,
|
|
20069
20128
|
className = _ref.className,
|
|
20070
|
-
props = _objectWithoutProperties$1(_ref, _excluded$
|
|
20129
|
+
props = _objectWithoutProperties$1(_ref, _excluded$9);
|
|
20071
20130
|
var getStepStatus = function getStepStatus(stepIndex) {
|
|
20072
20131
|
if (stepIndex < currentStep) return 'completed';
|
|
20073
20132
|
if (stepIndex === currentStep) return 'current';
|
|
@@ -20090,7 +20149,7 @@ var Stepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
20090
20149
|
text: 'text-primary-500'
|
|
20091
20150
|
}
|
|
20092
20151
|
};
|
|
20093
|
-
return jsxRuntime.jsx("nav", _objectSpread$
|
|
20152
|
+
return jsxRuntime.jsx("nav", _objectSpread$d(_objectSpread$d({
|
|
20094
20153
|
ref: ref,
|
|
20095
20154
|
className: cn$1('flex', {
|
|
20096
20155
|
'flex-col': orientation === 'vertical',
|
|
@@ -20149,9 +20208,9 @@ var Stepper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
20149
20208
|
});
|
|
20150
20209
|
Stepper.displayName = 'Stepper';
|
|
20151
20210
|
|
|
20152
|
-
var _excluded = ["accept", "multiple", "maxSize", "onFileSelect", "onFileRemove", "files", "disabled", "className"];
|
|
20153
|
-
function ownKeys$
|
|
20154
|
-
function _objectSpread$
|
|
20211
|
+
var _excluded$8 = ["accept", "multiple", "maxSize", "onFileSelect", "onFileRemove", "files", "disabled", "className"];
|
|
20212
|
+
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20213
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20155
20214
|
var FileUpload = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20156
20215
|
var accept = _ref.accept,
|
|
20157
20216
|
_ref$multiple = _ref.multiple,
|
|
@@ -20164,7 +20223,7 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
20164
20223
|
_ref$disabled = _ref.disabled,
|
|
20165
20224
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
20166
20225
|
className = _ref.className,
|
|
20167
|
-
props = _objectWithoutProperties$1(_ref, _excluded);
|
|
20226
|
+
props = _objectWithoutProperties$1(_ref, _excluded$8);
|
|
20168
20227
|
var _useState = React.useState(false),
|
|
20169
20228
|
_useState2 = _slicedToArray(_useState, 2),
|
|
20170
20229
|
isDragOver = _useState2[0],
|
|
@@ -20243,7 +20302,7 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
20243
20302
|
(_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
|
|
20244
20303
|
}
|
|
20245
20304
|
};
|
|
20246
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
20305
|
+
return jsxRuntime.jsxs("div", _objectSpread$c(_objectSpread$c({
|
|
20247
20306
|
ref: ref,
|
|
20248
20307
|
className: cn$1('w-full', className)
|
|
20249
20308
|
}, props), {}, {
|
|
@@ -20417,6 +20476,637 @@ var Carousel = /*#__PURE__*/React.forwardRef(function Carousel(props, ref) {
|
|
|
20417
20476
|
});
|
|
20418
20477
|
Carousel.displayName = "Carousel";
|
|
20419
20478
|
|
|
20479
|
+
var _excluded$7 = ["brand", "nav", "sidebarFooter", "topbar", "pageTitle", "linkAs", "children", "className"];
|
|
20480
|
+
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20481
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20482
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
20483
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
20484
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
20485
|
+
// Extracted from procurementpro/components/app-shell.tsx (12 of 13 products hand-roll a shell).
|
|
20486
|
+
// Sidebar on lg+, top bar + drawer below. Colours come from the shell role tokens, so a brand file
|
|
20487
|
+
// restyles it. Nav items render with `linkAs` (pass Next.js Link) so links prefetch and open in new tabs.
|
|
20488
|
+
var NavList = function NavList(_ref) {
|
|
20489
|
+
var nav = _ref.nav,
|
|
20490
|
+
Link = _ref.Link,
|
|
20491
|
+
onNavigate = _ref.onNavigate;
|
|
20492
|
+
var groups = [];
|
|
20493
|
+
var _iterator = _createForOfIteratorHelper(nav),
|
|
20494
|
+
_step;
|
|
20495
|
+
try {
|
|
20496
|
+
var _loop = function _loop() {
|
|
20497
|
+
var item = _step.value;
|
|
20498
|
+
var key = item.group || '';
|
|
20499
|
+
var g = groups.find(function (x) {
|
|
20500
|
+
return x.key === key;
|
|
20501
|
+
});
|
|
20502
|
+
if (!g) groups.push(g = {
|
|
20503
|
+
key: key,
|
|
20504
|
+
items: []
|
|
20505
|
+
});
|
|
20506
|
+
g.items.push(item);
|
|
20507
|
+
};
|
|
20508
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
20509
|
+
_loop();
|
|
20510
|
+
}
|
|
20511
|
+
} catch (err) {
|
|
20512
|
+
_iterator.e(err);
|
|
20513
|
+
} finally {
|
|
20514
|
+
_iterator.f();
|
|
20515
|
+
}
|
|
20516
|
+
return jsxRuntime.jsx("nav", {
|
|
20517
|
+
"aria-label": "Main navigation",
|
|
20518
|
+
className: "flex-1 overflow-y-auto px-3 pb-4",
|
|
20519
|
+
children: groups.map(function (g) {
|
|
20520
|
+
return jsxRuntime.jsxs("div", {
|
|
20521
|
+
className: "mb-3",
|
|
20522
|
+
children: [g.key && jsxRuntime.jsx("p", {
|
|
20523
|
+
className: "px-3 pb-1 pt-2 text-micro font-medium uppercase tracking-wide text-shell-foreground/70",
|
|
20524
|
+
children: g.key
|
|
20525
|
+
}), jsxRuntime.jsx("ul", {
|
|
20526
|
+
className: "space-y-0.5",
|
|
20527
|
+
children: g.items.map(function (item) {
|
|
20528
|
+
var content = jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
20529
|
+
children: [item.icon && jsxRuntime.jsx("span", {
|
|
20530
|
+
className: "inline-flex h-5 w-5 shrink-0 items-center justify-center",
|
|
20531
|
+
"aria-hidden": "true",
|
|
20532
|
+
children: item.icon
|
|
20533
|
+
}), jsxRuntime.jsx("span", {
|
|
20534
|
+
className: "flex-1 truncate",
|
|
20535
|
+
children: item.label
|
|
20536
|
+
}), item.count > 0 && jsxRuntime.jsx("span", {
|
|
20537
|
+
className: "rounded-full bg-white/15 px-2 py-0.5 text-xs font-semibold text-white",
|
|
20538
|
+
children: item.count
|
|
20539
|
+
})]
|
|
20540
|
+
});
|
|
20541
|
+
var cls = cn$1('flex h-10 w-full items-center gap-3 rounded-control px-3 text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-primary-400', item.active ? 'bg-shell-active font-semibold text-white' : 'text-shell-foreground hover:bg-white/5 hover:text-white');
|
|
20542
|
+
var handle = function handle() {
|
|
20543
|
+
var _item$onClick;
|
|
20544
|
+
(_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
|
|
20545
|
+
onNavigate();
|
|
20546
|
+
};
|
|
20547
|
+
return jsxRuntime.jsx("li", {
|
|
20548
|
+
children: item.href ? jsxRuntime.jsx(Link, {
|
|
20549
|
+
href: item.href,
|
|
20550
|
+
className: cls,
|
|
20551
|
+
"aria-current": item.active ? 'page' : undefined,
|
|
20552
|
+
onClick: handle,
|
|
20553
|
+
children: content
|
|
20554
|
+
}) : jsxRuntime.jsx("button", {
|
|
20555
|
+
type: "button",
|
|
20556
|
+
className: cls,
|
|
20557
|
+
"aria-current": item.active ? 'page' : undefined,
|
|
20558
|
+
onClick: handle,
|
|
20559
|
+
children: content
|
|
20560
|
+
})
|
|
20561
|
+
}, item.id);
|
|
20562
|
+
})
|
|
20563
|
+
})]
|
|
20564
|
+
}, g.key || 'main');
|
|
20565
|
+
})
|
|
20566
|
+
});
|
|
20567
|
+
};
|
|
20568
|
+
var AppShell = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
20569
|
+
var brand = _ref2.brand,
|
|
20570
|
+
nav = _ref2.nav,
|
|
20571
|
+
sidebarFooter = _ref2.sidebarFooter,
|
|
20572
|
+
topbar = _ref2.topbar,
|
|
20573
|
+
pageTitle = _ref2.pageTitle,
|
|
20574
|
+
_ref2$linkAs = _ref2.linkAs,
|
|
20575
|
+
Link = _ref2$linkAs === void 0 ? 'a' : _ref2$linkAs,
|
|
20576
|
+
children = _ref2.children,
|
|
20577
|
+
className = _ref2.className,
|
|
20578
|
+
props = _objectWithoutProperties$1(_ref2, _excluded$7);
|
|
20579
|
+
var _useState = React.useState(false),
|
|
20580
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20581
|
+
open = _useState2[0],
|
|
20582
|
+
setOpen = _useState2[1];
|
|
20583
|
+
var menuButton = React.useRef(null);
|
|
20584
|
+
var close = React.useCallback(function () {
|
|
20585
|
+
return setOpen(false);
|
|
20586
|
+
}, []);
|
|
20587
|
+
React.useEffect(function () {
|
|
20588
|
+
if (!open) return undefined;
|
|
20589
|
+
var onKey = function onKey(e) {
|
|
20590
|
+
if (e.key === 'Escape') {
|
|
20591
|
+
var _menuButton$current;
|
|
20592
|
+
setOpen(false);
|
|
20593
|
+
(_menuButton$current = menuButton.current) === null || _menuButton$current === void 0 || _menuButton$current.focus();
|
|
20594
|
+
}
|
|
20595
|
+
};
|
|
20596
|
+
document.addEventListener('keydown', onKey);
|
|
20597
|
+
return function () {
|
|
20598
|
+
return document.removeEventListener('keydown', onKey);
|
|
20599
|
+
};
|
|
20600
|
+
}, [open]);
|
|
20601
|
+
var sidebar = jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
20602
|
+
children: [jsxRuntime.jsxs("div", {
|
|
20603
|
+
className: "flex items-center justify-between px-5 pb-4 pt-5 text-white",
|
|
20604
|
+
children: [jsxRuntime.jsx("div", {
|
|
20605
|
+
className: "min-w-0",
|
|
20606
|
+
children: brand
|
|
20607
|
+
}), jsxRuntime.jsx("button", {
|
|
20608
|
+
type: "button",
|
|
20609
|
+
className: "rounded-control p-1.5 text-shell-foreground hover:bg-white/10 lg:hidden",
|
|
20610
|
+
onClick: close,
|
|
20611
|
+
"aria-label": "Close navigation",
|
|
20612
|
+
children: jsxRuntime.jsx(X, {
|
|
20613
|
+
className: "h-5 w-5"
|
|
20614
|
+
})
|
|
20615
|
+
})]
|
|
20616
|
+
}), jsxRuntime.jsx(NavList, {
|
|
20617
|
+
nav: nav,
|
|
20618
|
+
Link: Link,
|
|
20619
|
+
onNavigate: close
|
|
20620
|
+
}), sidebarFooter && jsxRuntime.jsx("div", {
|
|
20621
|
+
className: "border-t border-white/10 p-3",
|
|
20622
|
+
children: sidebarFooter
|
|
20623
|
+
})]
|
|
20624
|
+
});
|
|
20625
|
+
return jsxRuntime.jsxs("div", _objectSpread$b(_objectSpread$b({
|
|
20626
|
+
ref: ref,
|
|
20627
|
+
className: cn$1('min-h-screen bg-background text-foreground lg:grid lg:grid-cols-[16rem_minmax(0,1fr)]', className)
|
|
20628
|
+
}, props), {}, {
|
|
20629
|
+
children: [jsxRuntime.jsx("a", {
|
|
20630
|
+
href: "#main",
|
|
20631
|
+
className: "sr-only focus:not-sr-only focus:absolute focus:left-2 focus:top-2 focus:z-50 focus:rounded-control focus:bg-surface focus:px-3 focus:py-2",
|
|
20632
|
+
children: "Skip to content"
|
|
20633
|
+
}), jsxRuntime.jsx("aside", {
|
|
20634
|
+
className: "sticky top-0 hidden h-screen flex-col bg-shell lg:flex",
|
|
20635
|
+
"aria-label": "Sidebar",
|
|
20636
|
+
children: sidebar
|
|
20637
|
+
}), open && jsxRuntime.jsxs("div", {
|
|
20638
|
+
className: "fixed inset-0 z-40 lg:hidden",
|
|
20639
|
+
children: [jsxRuntime.jsx("div", {
|
|
20640
|
+
className: "absolute inset-0 bg-secondary-900/50",
|
|
20641
|
+
onClick: close,
|
|
20642
|
+
"aria-hidden": "true"
|
|
20643
|
+
}), jsxRuntime.jsx("aside", {
|
|
20644
|
+
className: "absolute inset-y-0 left-0 flex w-72 max-w-[85%] flex-col bg-shell",
|
|
20645
|
+
"aria-label": "Sidebar",
|
|
20646
|
+
children: sidebar
|
|
20647
|
+
})]
|
|
20648
|
+
}), jsxRuntime.jsxs("div", {
|
|
20649
|
+
className: "flex min-w-0 flex-col",
|
|
20650
|
+
children: [jsxRuntime.jsxs("header", {
|
|
20651
|
+
className: "sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-line bg-surface px-4 lg:px-6",
|
|
20652
|
+
children: [jsxRuntime.jsx("button", {
|
|
20653
|
+
ref: menuButton,
|
|
20654
|
+
type: "button",
|
|
20655
|
+
className: "-ml-1 rounded-control p-2 text-muted hover:bg-secondary-100 lg:hidden",
|
|
20656
|
+
onClick: function onClick() {
|
|
20657
|
+
return setOpen(true);
|
|
20658
|
+
},
|
|
20659
|
+
"aria-label": "Open navigation",
|
|
20660
|
+
"aria-expanded": open,
|
|
20661
|
+
children: jsxRuntime.jsx(Menu, {
|
|
20662
|
+
className: "h-5 w-5"
|
|
20663
|
+
})
|
|
20664
|
+
}), pageTitle && jsxRuntime.jsx("span", {
|
|
20665
|
+
className: "truncate text-sm font-semibold lg:hidden",
|
|
20666
|
+
children: pageTitle
|
|
20667
|
+
}), jsxRuntime.jsx("div", {
|
|
20668
|
+
className: "ml-auto flex items-center gap-3",
|
|
20669
|
+
children: topbar
|
|
20670
|
+
})]
|
|
20671
|
+
}), jsxRuntime.jsx("main", {
|
|
20672
|
+
id: "main",
|
|
20673
|
+
className: "mx-auto w-full max-w-7xl flex-1 px-4 py-6 md:px-8 md:py-8",
|
|
20674
|
+
children: children
|
|
20675
|
+
})]
|
|
20676
|
+
})]
|
|
20677
|
+
}));
|
|
20678
|
+
});
|
|
20679
|
+
AppShell.displayName = 'AppShell';
|
|
20680
|
+
|
|
20681
|
+
var _excluded$6 = ["title", "subtitle", "actions", "back", "linkAs", "className"];
|
|
20682
|
+
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20683
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20684
|
+
// Extracted from taskpro/client/src/features/shared/PageHeader.jsx (31 imports) and the
|
|
20685
|
+
// CampaignPro UX guide's page anatomy: one h1, a muted subtitle, actions top right.
|
|
20686
|
+
var PageHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20687
|
+
var title = _ref.title,
|
|
20688
|
+
subtitle = _ref.subtitle,
|
|
20689
|
+
actions = _ref.actions,
|
|
20690
|
+
back = _ref.back,
|
|
20691
|
+
_ref$linkAs = _ref.linkAs,
|
|
20692
|
+
Link = _ref$linkAs === void 0 ? 'a' : _ref$linkAs,
|
|
20693
|
+
className = _ref.className,
|
|
20694
|
+
props = _objectWithoutProperties$1(_ref, _excluded$6);
|
|
20695
|
+
return jsxRuntime.jsxs("div", _objectSpread$a(_objectSpread$a({
|
|
20696
|
+
ref: ref,
|
|
20697
|
+
className: cn$1('flex flex-col gap-3', className)
|
|
20698
|
+
}, props), {}, {
|
|
20699
|
+
children: [back && jsxRuntime.jsxs(Link, {
|
|
20700
|
+
href: back.href,
|
|
20701
|
+
className: "inline-flex w-fit items-center gap-1.5 rounded-control text-sm text-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
|
|
20702
|
+
children: [jsxRuntime.jsx(ArrowLeft, {
|
|
20703
|
+
className: "h-4 w-4",
|
|
20704
|
+
"aria-hidden": "true"
|
|
20705
|
+
}), back.label]
|
|
20706
|
+
}), jsxRuntime.jsxs("div", {
|
|
20707
|
+
className: "flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
|
|
20708
|
+
children: [jsxRuntime.jsxs("div", {
|
|
20709
|
+
className: "min-w-0",
|
|
20710
|
+
children: [jsxRuntime.jsx("h1", {
|
|
20711
|
+
className: "text-xl font-semibold tracking-tight text-foreground sm:text-2xl",
|
|
20712
|
+
children: title
|
|
20713
|
+
}), subtitle && jsxRuntime.jsx("p", {
|
|
20714
|
+
className: "mt-1 max-w-2xl text-sm text-muted",
|
|
20715
|
+
children: subtitle
|
|
20716
|
+
})]
|
|
20717
|
+
}), actions && jsxRuntime.jsx("div", {
|
|
20718
|
+
className: "flex flex-wrap items-center gap-3",
|
|
20719
|
+
children: actions
|
|
20720
|
+
})]
|
|
20721
|
+
})]
|
|
20722
|
+
}));
|
|
20723
|
+
});
|
|
20724
|
+
PageHeader.displayName = 'PageHeader';
|
|
20725
|
+
|
|
20726
|
+
var _excluded$5 = ["variant", "rows", "label", "className"];
|
|
20727
|
+
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20728
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20729
|
+
// Extracted from venturepro/client/src/components/States.jsx (6 products hand-roll loaders).
|
|
20730
|
+
// A skeleton shaped like the content that replaces it; no page-level spinners.
|
|
20731
|
+
// Plain bars rather than twreact Skeleton: Skeleton gives every bar its own role="status" and an
|
|
20732
|
+
// inline colour, which would nest live regions inside this one.
|
|
20733
|
+
var Bone = function Bone(_ref) {
|
|
20734
|
+
var _ref$width = _ref.width,
|
|
20735
|
+
width = _ref$width === void 0 ? '100%' : _ref$width,
|
|
20736
|
+
_ref$height = _ref.height,
|
|
20737
|
+
height = _ref$height === void 0 ? 14 : _ref$height,
|
|
20738
|
+
className = _ref.className;
|
|
20739
|
+
return jsxRuntime.jsx("span", {
|
|
20740
|
+
"aria-hidden": "true",
|
|
20741
|
+
className: cn$1('block animate-pulse rounded-control bg-gray-200 motion-reduce:animate-none', className),
|
|
20742
|
+
style: {
|
|
20743
|
+
width: width,
|
|
20744
|
+
height: height
|
|
20745
|
+
}
|
|
20746
|
+
});
|
|
20747
|
+
};
|
|
20748
|
+
var Line = Bone;
|
|
20749
|
+
var shapes = {
|
|
20750
|
+
table: function table(rows) {
|
|
20751
|
+
return jsxRuntime.jsx("div", {
|
|
20752
|
+
className: "divide-y divide-gray-200",
|
|
20753
|
+
children: Array.from({
|
|
20754
|
+
length: rows
|
|
20755
|
+
}, function (_, i) {
|
|
20756
|
+
return jsxRuntime.jsxs("div", {
|
|
20757
|
+
className: "flex items-center gap-4 px-4 py-3",
|
|
20758
|
+
children: [jsxRuntime.jsx(Line, {
|
|
20759
|
+
width: "30%"
|
|
20760
|
+
}), jsxRuntime.jsx(Line, {
|
|
20761
|
+
width: "20%"
|
|
20762
|
+
}), jsxRuntime.jsx(Line, {
|
|
20763
|
+
width: "15%"
|
|
20764
|
+
}), jsxRuntime.jsx(Line, {
|
|
20765
|
+
width: "10%"
|
|
20766
|
+
})]
|
|
20767
|
+
}, i);
|
|
20768
|
+
})
|
|
20769
|
+
});
|
|
20770
|
+
},
|
|
20771
|
+
cards: function cards(rows) {
|
|
20772
|
+
return jsxRuntime.jsx("div", {
|
|
20773
|
+
className: "grid gap-4 p-4 sm:grid-cols-2 lg:grid-cols-3",
|
|
20774
|
+
children: Array.from({
|
|
20775
|
+
length: rows
|
|
20776
|
+
}, function (_, i) {
|
|
20777
|
+
return jsxRuntime.jsxs("div", {
|
|
20778
|
+
className: "flex flex-col gap-3 rounded-card border border-gray-200 p-4",
|
|
20779
|
+
children: [jsxRuntime.jsx(Line, {
|
|
20780
|
+
width: "60%",
|
|
20781
|
+
height: 16
|
|
20782
|
+
}), jsxRuntime.jsx(Line, {}), jsxRuntime.jsx(Line, {
|
|
20783
|
+
width: "80%"
|
|
20784
|
+
})]
|
|
20785
|
+
}, i);
|
|
20786
|
+
})
|
|
20787
|
+
});
|
|
20788
|
+
},
|
|
20789
|
+
stats: function stats(rows) {
|
|
20790
|
+
return jsxRuntime.jsx("div", {
|
|
20791
|
+
className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
|
|
20792
|
+
children: Array.from({
|
|
20793
|
+
length: rows
|
|
20794
|
+
}, function (_, i) {
|
|
20795
|
+
return jsxRuntime.jsxs("div", {
|
|
20796
|
+
className: "flex items-center gap-4 rounded-card border border-gray-200 bg-surface p-5",
|
|
20797
|
+
children: [jsxRuntime.jsx(Bone, {
|
|
20798
|
+
width: 48,
|
|
20799
|
+
height: 48
|
|
20800
|
+
}), jsxRuntime.jsxs("div", {
|
|
20801
|
+
className: "flex flex-1 flex-col gap-2",
|
|
20802
|
+
children: [jsxRuntime.jsx(Line, {
|
|
20803
|
+
width: "60%"
|
|
20804
|
+
}), jsxRuntime.jsx(Line, {
|
|
20805
|
+
width: "40%",
|
|
20806
|
+
height: 24
|
|
20807
|
+
})]
|
|
20808
|
+
})]
|
|
20809
|
+
}, i);
|
|
20810
|
+
})
|
|
20811
|
+
});
|
|
20812
|
+
},
|
|
20813
|
+
detail: function detail(rows) {
|
|
20814
|
+
return jsxRuntime.jsx("div", {
|
|
20815
|
+
className: "grid grid-cols-[minmax(8rem,auto)_1fr] gap-x-6 gap-y-3 p-4",
|
|
20816
|
+
children: Array.from({
|
|
20817
|
+
length: rows
|
|
20818
|
+
}, function (_, i) {
|
|
20819
|
+
return jsxRuntime.jsxs(React.Fragment, {
|
|
20820
|
+
children: [jsxRuntime.jsx(Line, {
|
|
20821
|
+
width: "70%"
|
|
20822
|
+
}), jsxRuntime.jsx(Line, {
|
|
20823
|
+
width: "".concat(50 + i * 17 % 40, "%")
|
|
20824
|
+
})]
|
|
20825
|
+
}, i);
|
|
20826
|
+
})
|
|
20827
|
+
});
|
|
20828
|
+
}
|
|
20829
|
+
};
|
|
20830
|
+
var LoadingState = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
20831
|
+
var _ref2$variant = _ref2.variant,
|
|
20832
|
+
variant = _ref2$variant === void 0 ? 'table' : _ref2$variant,
|
|
20833
|
+
rows = _ref2.rows,
|
|
20834
|
+
_ref2$label = _ref2.label,
|
|
20835
|
+
label = _ref2$label === void 0 ? 'Loading…' : _ref2$label,
|
|
20836
|
+
className = _ref2.className,
|
|
20837
|
+
props = _objectWithoutProperties$1(_ref2, _excluded$5);
|
|
20838
|
+
var count = rows !== null && rows !== void 0 ? rows : variant === 'stats' ? 4 : variant === 'cards' ? 3 : 5;
|
|
20839
|
+
var render = shapes[variant] || shapes.table;
|
|
20840
|
+
return jsxRuntime.jsxs("div", _objectSpread$9(_objectSpread$9({
|
|
20841
|
+
ref: ref,
|
|
20842
|
+
role: "status",
|
|
20843
|
+
"aria-busy": "true",
|
|
20844
|
+
"aria-live": "polite",
|
|
20845
|
+
className: cn$1(className)
|
|
20846
|
+
}, props), {}, {
|
|
20847
|
+
children: [jsxRuntime.jsx("span", {
|
|
20848
|
+
className: "sr-only",
|
|
20849
|
+
children: label
|
|
20850
|
+
}), render(count)]
|
|
20851
|
+
}));
|
|
20852
|
+
});
|
|
20853
|
+
LoadingState.displayName = 'LoadingState';
|
|
20854
|
+
|
|
20855
|
+
var _excluded$4 = ["label", "value", "icon", "tone", "change", "loading", "className"];
|
|
20856
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20857
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20858
|
+
// Extracted from PracticePro/components/ui/StatCard.tsx (28 imports), with tones mapped to the
|
|
20859
|
+
// semantic scales instead of product colours. Class names are written out in full so Tailwind keeps them.
|
|
20860
|
+
var TONES = {
|
|
20861
|
+
primary: 'bg-primary-50 text-primary-600',
|
|
20862
|
+
secondary: 'bg-secondary-100 text-secondary-600',
|
|
20863
|
+
success: 'bg-success-50 text-success-600',
|
|
20864
|
+
warning: 'bg-warning-50 text-warning-600',
|
|
20865
|
+
error: 'bg-error-50 text-error-600',
|
|
20866
|
+
info: 'bg-info-50 text-info-600'
|
|
20867
|
+
};
|
|
20868
|
+
var StatCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20869
|
+
var _change$goodWhenUp, _change$unit;
|
|
20870
|
+
var label = _ref.label,
|
|
20871
|
+
value = _ref.value,
|
|
20872
|
+
icon = _ref.icon,
|
|
20873
|
+
_ref$tone = _ref.tone,
|
|
20874
|
+
tone = _ref$tone === void 0 ? 'primary' : _ref$tone,
|
|
20875
|
+
change = _ref.change,
|
|
20876
|
+
_ref$loading = _ref.loading,
|
|
20877
|
+
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
20878
|
+
className = _ref.className,
|
|
20879
|
+
props = _objectWithoutProperties$1(_ref, _excluded$4);
|
|
20880
|
+
var up = change ? change.value >= 0 : false;
|
|
20881
|
+
var good = change ? ((_change$goodWhenUp = change.goodWhenUp) !== null && _change$goodWhenUp !== void 0 ? _change$goodWhenUp : true) === up : false;
|
|
20882
|
+
return jsxRuntime.jsx(Card, _objectSpread$8(_objectSpread$8({
|
|
20883
|
+
ref: ref,
|
|
20884
|
+
className: cn$1('h-full', className)
|
|
20885
|
+
}, props), {}, {
|
|
20886
|
+
children: jsxRuntime.jsxs("div", {
|
|
20887
|
+
className: "flex items-start gap-4 p-5",
|
|
20888
|
+
children: [icon && jsxRuntime.jsx("span", {
|
|
20889
|
+
className: cn$1('grid h-12 w-12 shrink-0 place-items-center rounded-card', TONES[tone] || TONES.primary),
|
|
20890
|
+
"aria-hidden": "true",
|
|
20891
|
+
children: icon
|
|
20892
|
+
}), jsxRuntime.jsxs("div", {
|
|
20893
|
+
className: "min-w-0",
|
|
20894
|
+
children: [jsxRuntime.jsx("p", {
|
|
20895
|
+
className: "text-sm text-muted",
|
|
20896
|
+
children: label
|
|
20897
|
+
}), loading ? jsxRuntime.jsx(Bone, {
|
|
20898
|
+
height: 32,
|
|
20899
|
+
width: 72,
|
|
20900
|
+
className: "mt-1"
|
|
20901
|
+
}) : jsxRuntime.jsx("p", {
|
|
20902
|
+
className: "mt-0.5 text-2xl font-semibold tracking-tight text-foreground tabular-nums sm:text-3xl",
|
|
20903
|
+
children: value
|
|
20904
|
+
}), change && !loading && jsxRuntime.jsxs("p", {
|
|
20905
|
+
className: "mt-1 flex items-center gap-1 text-xs text-muted",
|
|
20906
|
+
children: [jsxRuntime.jsxs("span", {
|
|
20907
|
+
className: cn$1('inline-flex items-center gap-0.5 font-semibold', good ? 'text-success-600' : 'text-error-600'),
|
|
20908
|
+
children: [up ? jsxRuntime.jsx(ArrowUp, {
|
|
20909
|
+
className: "h-3.5 w-3.5",
|
|
20910
|
+
"aria-hidden": "true"
|
|
20911
|
+
}) : jsxRuntime.jsx(ArrowDown, {
|
|
20912
|
+
className: "h-3.5 w-3.5",
|
|
20913
|
+
"aria-hidden": "true"
|
|
20914
|
+
}), jsxRuntime.jsxs("span", {
|
|
20915
|
+
className: "sr-only",
|
|
20916
|
+
children: [up ? 'Up' : 'Down', " "]
|
|
20917
|
+
}), Math.abs(change.value), (_change$unit = change.unit) !== null && _change$unit !== void 0 ? _change$unit : '%']
|
|
20918
|
+
}), change.period]
|
|
20919
|
+
})]
|
|
20920
|
+
})]
|
|
20921
|
+
})
|
|
20922
|
+
}));
|
|
20923
|
+
});
|
|
20924
|
+
StatCard.displayName = 'StatCard';
|
|
20925
|
+
|
|
20926
|
+
var _excluded$3 = ["status", "map", "tone", "icon", "children", "className"];
|
|
20927
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20928
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20929
|
+
// Extracted from billpro/client/src/components/StatusPill.jsx (10 products hand-roll one).
|
|
20930
|
+
// One map from domain state to tone + human label; unknown states are humanized, never shown raw.
|
|
20931
|
+
var TONE_TO_VARIANT = {
|
|
20932
|
+
neutral: 'secondary',
|
|
20933
|
+
info: 'primary',
|
|
20934
|
+
success: 'success',
|
|
20935
|
+
warning: 'warning',
|
|
20936
|
+
danger: 'error',
|
|
20937
|
+
muted: 'outline',
|
|
20938
|
+
// Semantic tones are accepted too.
|
|
20939
|
+
primary: 'primary',
|
|
20940
|
+
secondary: 'secondary',
|
|
20941
|
+
error: 'error'
|
|
20942
|
+
};
|
|
20943
|
+
var humanizeStatus = function humanizeStatus(status) {
|
|
20944
|
+
var words = String(status).replace(/[_-]+/g, ' ').trim().toLowerCase();
|
|
20945
|
+
return words.charAt(0).toUpperCase() + words.slice(1);
|
|
20946
|
+
};
|
|
20947
|
+
var StatusPill = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20948
|
+
var _ref2;
|
|
20949
|
+
var status = _ref.status,
|
|
20950
|
+
map = _ref.map,
|
|
20951
|
+
tone = _ref.tone,
|
|
20952
|
+
icon = _ref.icon,
|
|
20953
|
+
children = _ref.children,
|
|
20954
|
+
className = _ref.className,
|
|
20955
|
+
props = _objectWithoutProperties$1(_ref, _excluded$3);
|
|
20956
|
+
var entry = status != null && map ? map[status] : undefined;
|
|
20957
|
+
var resolvedTone = (entry === null || entry === void 0 ? void 0 : entry.tone) || tone || 'neutral';
|
|
20958
|
+
var label = (_ref2 = children !== null && children !== void 0 ? children : entry === null || entry === void 0 ? void 0 : entry.label) !== null && _ref2 !== void 0 ? _ref2 : status != null ? humanizeStatus(status) : null;
|
|
20959
|
+
var resolvedIcon = icon !== null && icon !== void 0 ? icon : entry === null || entry === void 0 ? void 0 : entry.icon;
|
|
20960
|
+
return jsxRuntime.jsxs(Badge, _objectSpread$7(_objectSpread$7({
|
|
20961
|
+
ref: ref,
|
|
20962
|
+
variant: TONE_TO_VARIANT[resolvedTone] || 'secondary',
|
|
20963
|
+
size: "sm",
|
|
20964
|
+
className: cn$1('gap-1.5 whitespace-nowrap', className)
|
|
20965
|
+
}, props), {}, {
|
|
20966
|
+
children: [resolvedIcon && jsxRuntime.jsx("span", {
|
|
20967
|
+
className: "inline-flex h-3.5 w-3.5 items-center",
|
|
20968
|
+
"aria-hidden": "true",
|
|
20969
|
+
children: resolvedIcon
|
|
20970
|
+
}), label]
|
|
20971
|
+
}));
|
|
20972
|
+
});
|
|
20973
|
+
StatusPill.displayName = 'StatusPill';
|
|
20974
|
+
|
|
20975
|
+
var _excluded$2 = ["title", "description", "icon", "action", "compact", "className"];
|
|
20976
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20977
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20978
|
+
// Extracted from procurementpro/components/common/empty-state.tsx (7 products hand-roll one).
|
|
20979
|
+
// Sits inside the card it replaces: icon, title, one line of guidance, optional action.
|
|
20980
|
+
var EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
20981
|
+
var title = _ref.title,
|
|
20982
|
+
description = _ref.description,
|
|
20983
|
+
icon = _ref.icon,
|
|
20984
|
+
action = _ref.action,
|
|
20985
|
+
_ref$compact = _ref.compact,
|
|
20986
|
+
compact = _ref$compact === void 0 ? false : _ref$compact,
|
|
20987
|
+
className = _ref.className,
|
|
20988
|
+
props = _objectWithoutProperties$1(_ref, _excluded$2);
|
|
20989
|
+
return jsxRuntime.jsxs("div", _objectSpread$6(_objectSpread$6({
|
|
20990
|
+
ref: ref,
|
|
20991
|
+
className: cn$1('flex flex-col items-center justify-center gap-2 text-center', compact ? 'px-4 py-8' : 'px-6 py-12', className)
|
|
20992
|
+
}, props), {}, {
|
|
20993
|
+
children: [jsxRuntime.jsx("span", {
|
|
20994
|
+
className: "mb-1 grid h-12 w-12 place-items-center rounded-full bg-secondary-100 text-muted",
|
|
20995
|
+
"aria-hidden": "true",
|
|
20996
|
+
children: icon || jsxRuntime.jsx(Inbox, {
|
|
20997
|
+
className: "h-6 w-6"
|
|
20998
|
+
})
|
|
20999
|
+
}), jsxRuntime.jsx("h3", {
|
|
21000
|
+
className: "text-base font-semibold text-foreground",
|
|
21001
|
+
children: title
|
|
21002
|
+
}), description && jsxRuntime.jsx("p", {
|
|
21003
|
+
className: "max-w-sm text-sm text-muted",
|
|
21004
|
+
children: description
|
|
21005
|
+
}), action && jsxRuntime.jsx("div", {
|
|
21006
|
+
className: "mt-3",
|
|
21007
|
+
children: action
|
|
21008
|
+
})]
|
|
21009
|
+
}));
|
|
21010
|
+
});
|
|
21011
|
+
EmptyState.displayName = 'EmptyState';
|
|
21012
|
+
|
|
21013
|
+
var _excluded$1 = ["title", "description", "onRetry", "retryLabel", "className"];
|
|
21014
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21015
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21016
|
+
// Extracted from CampaignPro/components/app/page-error.tsx (7 products hand-roll one).
|
|
21017
|
+
// Neutral copy and a retry; never shows a raw error.message.
|
|
21018
|
+
var ErrorState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
21019
|
+
var _ref$title = _ref.title,
|
|
21020
|
+
title = _ref$title === void 0 ? "We couldn't load this" : _ref$title,
|
|
21021
|
+
_ref$description = _ref.description,
|
|
21022
|
+
description = _ref$description === void 0 ? 'Your data is safe. Try again, and if it keeps happening, contact support.' : _ref$description,
|
|
21023
|
+
onRetry = _ref.onRetry,
|
|
21024
|
+
_ref$retryLabel = _ref.retryLabel,
|
|
21025
|
+
retryLabel = _ref$retryLabel === void 0 ? 'Try again' : _ref$retryLabel,
|
|
21026
|
+
className = _ref.className,
|
|
21027
|
+
props = _objectWithoutProperties$1(_ref, _excluded$1);
|
|
21028
|
+
return jsxRuntime.jsxs("div", _objectSpread$5(_objectSpread$5({
|
|
21029
|
+
ref: ref,
|
|
21030
|
+
role: "alert",
|
|
21031
|
+
className: cn$1('flex flex-col items-center justify-center gap-2 px-6 py-12 text-center', className)
|
|
21032
|
+
}, props), {}, {
|
|
21033
|
+
children: [jsxRuntime.jsx("span", {
|
|
21034
|
+
className: "mb-1 grid h-12 w-12 place-items-center rounded-full bg-error-50 text-error-600",
|
|
21035
|
+
"aria-hidden": "true",
|
|
21036
|
+
children: jsxRuntime.jsx(AlertCircle, {
|
|
21037
|
+
className: "h-6 w-6"
|
|
21038
|
+
})
|
|
21039
|
+
}), jsxRuntime.jsx("h3", {
|
|
21040
|
+
className: "text-base font-semibold text-foreground",
|
|
21041
|
+
children: title
|
|
21042
|
+
}), description && jsxRuntime.jsx("p", {
|
|
21043
|
+
className: "max-w-sm text-sm text-muted",
|
|
21044
|
+
children: description
|
|
21045
|
+
}), onRetry && jsxRuntime.jsx(Button, {
|
|
21046
|
+
variant: "outline",
|
|
21047
|
+
className: "mt-3",
|
|
21048
|
+
onClick: onRetry,
|
|
21049
|
+
leftIcon: jsxRuntime.jsx(RotateCw, {
|
|
21050
|
+
className: "h-4 w-4",
|
|
21051
|
+
"aria-hidden": "true"
|
|
21052
|
+
}),
|
|
21053
|
+
children: retryLabel
|
|
21054
|
+
})]
|
|
21055
|
+
}));
|
|
21056
|
+
});
|
|
21057
|
+
ErrorState.displayName = 'ErrorState';
|
|
21058
|
+
|
|
21059
|
+
var _excluded = ["isOpen", "title", "description", "confirmLabel", "cancelLabel", "destructive", "loading", "onConfirm", "onCancel", "className"];
|
|
21060
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21061
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21062
|
+
// Extracted from firepro/components/ui/confirm-dialog.tsx. Replaces native confirm():
|
|
21063
|
+
// the title asks the question, one line says what happens, the button is named with the verb.
|
|
21064
|
+
var ConfirmDialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
21065
|
+
var isOpen = _ref.isOpen,
|
|
21066
|
+
title = _ref.title,
|
|
21067
|
+
description = _ref.description,
|
|
21068
|
+
confirmLabel = _ref.confirmLabel,
|
|
21069
|
+
_ref$cancelLabel = _ref.cancelLabel,
|
|
21070
|
+
cancelLabel = _ref$cancelLabel === void 0 ? 'Cancel' : _ref$cancelLabel,
|
|
21071
|
+
_ref$destructive = _ref.destructive,
|
|
21072
|
+
destructive = _ref$destructive === void 0 ? false : _ref$destructive,
|
|
21073
|
+
_ref$loading = _ref.loading,
|
|
21074
|
+
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
21075
|
+
onConfirm = _ref.onConfirm,
|
|
21076
|
+
onCancel = _ref.onCancel,
|
|
21077
|
+
className = _ref.className,
|
|
21078
|
+
props = _objectWithoutProperties$1(_ref, _excluded);
|
|
21079
|
+
return jsxRuntime.jsx(Dialog, _objectSpread$4(_objectSpread$4({
|
|
21080
|
+
ref: ref,
|
|
21081
|
+
isOpen: isOpen,
|
|
21082
|
+
onClose: onCancel,
|
|
21083
|
+
title: title,
|
|
21084
|
+
size: "sm",
|
|
21085
|
+
dismissible: !loading,
|
|
21086
|
+
className: className,
|
|
21087
|
+
footer: jsxRuntime.jsxs("div", {
|
|
21088
|
+
className: "flex flex-col-reverse gap-3 sm:flex-row sm:justify-end",
|
|
21089
|
+
children: [jsxRuntime.jsx(Button, {
|
|
21090
|
+
variant: "outline",
|
|
21091
|
+
onClick: onCancel,
|
|
21092
|
+
disabled: loading,
|
|
21093
|
+
children: cancelLabel
|
|
21094
|
+
}), jsxRuntime.jsx(Button, {
|
|
21095
|
+
variant: destructive ? 'destructive' : 'primary',
|
|
21096
|
+
onClick: onConfirm,
|
|
21097
|
+
loading: loading,
|
|
21098
|
+
children: confirmLabel
|
|
21099
|
+
})]
|
|
21100
|
+
})
|
|
21101
|
+
}, props), {}, {
|
|
21102
|
+
children: description && jsxRuntime.jsx("p", {
|
|
21103
|
+
className: "text-sm text-muted",
|
|
21104
|
+
children: description
|
|
21105
|
+
})
|
|
21106
|
+
}));
|
|
21107
|
+
});
|
|
21108
|
+
ConfirmDialog.displayName = 'ConfirmDialog';
|
|
21109
|
+
|
|
20420
21110
|
var ThemeContext = /*#__PURE__*/React.createContext(undefined);
|
|
20421
21111
|
var useTheme = function useTheme() {
|
|
20422
21112
|
var context = React.useContext(ThemeContext);
|
|
@@ -29095,6 +29785,7 @@ var StoreProvider = function StoreProvider(_ref) {
|
|
|
29095
29785
|
|
|
29096
29786
|
exports.Accordion = Accordion;
|
|
29097
29787
|
exports.Alert = Alert;
|
|
29788
|
+
exports.AppShell = AppShell;
|
|
29098
29789
|
exports.Avatar = Avatar;
|
|
29099
29790
|
exports.Badge = Badge;
|
|
29100
29791
|
exports.Breadcrumbs = Breadcrumbs;
|
|
@@ -29104,18 +29795,23 @@ exports.Carousel = Carousel;
|
|
|
29104
29795
|
exports.Checkbox = Checkbox;
|
|
29105
29796
|
exports.ColorPicker = ColorPicker;
|
|
29106
29797
|
exports.Condition = Condition;
|
|
29798
|
+
exports.ConfirmDialog = ConfirmDialog;
|
|
29107
29799
|
exports.DatePicker = DatePicker;
|
|
29108
29800
|
exports.DateRangePicker = DateRangePicker;
|
|
29109
29801
|
exports.Dialog = Dialog;
|
|
29110
29802
|
exports.Emitter = EmitterClass;
|
|
29803
|
+
exports.EmptyState = EmptyState;
|
|
29804
|
+
exports.ErrorState = ErrorState;
|
|
29111
29805
|
exports.FileUpload = FileUpload;
|
|
29112
29806
|
exports.FootNav = FootNav;
|
|
29113
29807
|
exports.Form = Form;
|
|
29114
29808
|
exports.Helpers = Helpers;
|
|
29115
29809
|
exports.Input = Input;
|
|
29116
29810
|
exports.Loader = Loader;
|
|
29811
|
+
exports.LoadingState = LoadingState;
|
|
29117
29812
|
exports.LocationPicker = LocationPicker;
|
|
29118
29813
|
exports.Navbar = Navbar;
|
|
29814
|
+
exports.PageHeader = PageHeader;
|
|
29119
29815
|
exports.Pagination = Pagination;
|
|
29120
29816
|
exports.PriceRangePicker = PriceRangePicker;
|
|
29121
29817
|
exports.ProgressBar = ProgressBar;
|
|
@@ -29126,6 +29822,8 @@ exports.Select = Select;
|
|
|
29126
29822
|
exports.Sidebar = Sidebar;
|
|
29127
29823
|
exports.Skeleton = Skeleton;
|
|
29128
29824
|
exports.SpeechToText = SpeechToText;
|
|
29825
|
+
exports.StatCard = StatCard;
|
|
29826
|
+
exports.StatusPill = StatusPill;
|
|
29129
29827
|
exports.Stepper = Stepper;
|
|
29130
29828
|
exports.StoreProvider = StoreProvider;
|
|
29131
29829
|
exports.Switch = Switch;
|