akeyless-client-commons 1.1.96 → 1.1.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.mts +2 -4
- package/dist/components/index.d.ts +2 -4
- package/dist/components/index.js +148 -148
- package/dist/components/index.mjs +147 -147
- package/dist/types/index.d.mts +1 -3
- package/dist/types/index.d.ts +1 -3
- package/package.json +1 -1
package/dist/components/index.js
CHANGED
|
@@ -5975,7 +5975,7 @@ function useDeepCompareEffect(effect, dependencies) {
|
|
|
5975
5975
|
}
|
|
5976
5976
|
// src/components/forms/ModularForm/formElements.tsx
|
|
5977
5977
|
var import_react15 = require("react");
|
|
5978
|
-
var
|
|
5978
|
+
var import_react_aria_components3 = require("react-aria-components");
|
|
5979
5979
|
// src/components/forms/ModularForm/InternationalPhonePicker.tsx
|
|
5980
5980
|
var import_lucide_react5 = require("lucide-react");
|
|
5981
5981
|
var import_react13 = require("react");
|
|
@@ -6166,7 +6166,7 @@ var FlagComponent = function(param) {
|
|
|
6166
6166
|
});
|
|
6167
6167
|
};
|
|
6168
6168
|
// src/components/forms/ModularForm/formElements.tsx
|
|
6169
|
-
var
|
|
6169
|
+
var import_react_aria_components4 = require("react-aria-components");
|
|
6170
6170
|
// src/components/ui/datefield-rac.tsx
|
|
6171
6171
|
var import_react_aria_components = require("react-aria-components");
|
|
6172
6172
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
@@ -6200,10 +6200,80 @@ function DateInput(_param) {
|
|
|
6200
6200
|
}
|
|
6201
6201
|
}));
|
|
6202
6202
|
}
|
|
6203
|
-
// src/components/
|
|
6204
|
-
var import_lucide_react6 = require("lucide-react");
|
|
6203
|
+
// src/components/ui/calendar-rac.tsx
|
|
6205
6204
|
var import_date = require("@internationalized/date");
|
|
6205
|
+
var import_lucide_react6 = require("lucide-react");
|
|
6206
|
+
var import_react_aria_components2 = require("react-aria-components");
|
|
6206
6207
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
6208
|
+
function CalendarHeader() {
|
|
6209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("header", {
|
|
6210
|
+
className: "flex w-full items-center gap-1 pb-1",
|
|
6211
|
+
children: [
|
|
6212
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.Button, {
|
|
6213
|
+
className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
6214
|
+
slot: "previous",
|
|
6215
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ChevronLeftIcon, {
|
|
6216
|
+
size: 16
|
|
6217
|
+
})
|
|
6218
|
+
}),
|
|
6219
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.Heading, {
|
|
6220
|
+
className: "grow text-center font-medium text-sm"
|
|
6221
|
+
}),
|
|
6222
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.Button, {
|
|
6223
|
+
className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
6224
|
+
slot: "next",
|
|
6225
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ChevronRightIcon, {
|
|
6226
|
+
size: 16
|
|
6227
|
+
})
|
|
6228
|
+
})
|
|
6229
|
+
]
|
|
6230
|
+
});
|
|
6231
|
+
}
|
|
6232
|
+
function CalendarGridComponent(param) {
|
|
6233
|
+
var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
|
|
6234
|
+
var now = (0, import_date.today)((0, import_date.getLocalTimeZone)());
|
|
6235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components2.CalendarGrid, {
|
|
6236
|
+
children: [
|
|
6237
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarGridHeader, {
|
|
6238
|
+
children: function(day) {
|
|
6239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarHeaderCell, {
|
|
6240
|
+
className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
|
|
6241
|
+
children: day
|
|
6242
|
+
});
|
|
6243
|
+
}
|
|
6244
|
+
}),
|
|
6245
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarGridBody, {
|
|
6246
|
+
className: "[&_td]:px-0 [&_td]:py-px",
|
|
6247
|
+
children: function(date) {
|
|
6248
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarCell, {
|
|
6249
|
+
className: cn("relative flex size-9 items-center justify-center whitespace-nowrap rounded-md p-0 font-normal text-foreground text-sm outline-none duration-150 [transition-property:color,background-color,border-radius,box-shadow] data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50", // Range-specific styles
|
|
6250
|
+
isRange && "data-invalid:data-selection-end:bg-destructive data-invalid:data-selection-start:bg-destructive data-invalid:data-selection-end:text-white data-invalid:data-selection-start:text-white data-selected:rounded-none data-selection-start:rounded-s-md data-selection-end:rounded-e-md data-invalid:bg-red-100 data-selected:bg-accent data-selection-end:bg-primary data-selection-start:bg-primary data-selected:text-foreground data-selection-end:text-primary-foreground data-selection-start:text-primary-foreground", // Today indicator styles
|
|
6251
|
+
date.compare(now) === 0 && cn("after:-translate-x-1/2 after:pointer-events-none after:absolute after:start-1/2 after:bottom-1 after:z-10 after:size-[3px] after:rounded-full after:bg-primary", isRange ? "data-selection-end:after:bg-background data-selection-start:after:bg-background" : "data-selected:after:bg-background")),
|
|
6252
|
+
date: date
|
|
6253
|
+
});
|
|
6254
|
+
}
|
|
6255
|
+
})
|
|
6256
|
+
]
|
|
6257
|
+
});
|
|
6258
|
+
}
|
|
6259
|
+
function Calendar(_param) {
|
|
6260
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
6261
|
+
"className"
|
|
6262
|
+
]);
|
|
6263
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components2.Calendar, _object_spread_props(_object_spread({}, props), {
|
|
6264
|
+
className: (0, import_react_aria_components2.composeRenderProps)(className, function(className2) {
|
|
6265
|
+
return cn("w-fit", className2);
|
|
6266
|
+
}),
|
|
6267
|
+
children: [
|
|
6268
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CalendarHeader, {}),
|
|
6269
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CalendarGridComponent, {})
|
|
6270
|
+
]
|
|
6271
|
+
}));
|
|
6272
|
+
}
|
|
6273
|
+
// src/components/forms/ModularForm/formElements.tsx
|
|
6274
|
+
var import_lucide_react7 = require("lucide-react");
|
|
6275
|
+
var import_date2 = require("@internationalized/date");
|
|
6276
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
6207
6277
|
var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
|
|
6208
6278
|
var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
|
|
6209
6279
|
var useSortValues = function(options, sortDirection, sortAsNumber) {
|
|
@@ -6261,8 +6331,8 @@ var InputContainer = function(param) {
|
|
|
6261
6331
|
labelStyle,
|
|
6262
6332
|
elementsCommonClassName
|
|
6263
6333
|
]);
|
|
6264
|
-
return /* @__PURE__ */ (0,
|
|
6265
|
-
children: /* @__PURE__ */ (0,
|
|
6334
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6335
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
|
|
6266
6336
|
title: title,
|
|
6267
6337
|
minLength: minLength,
|
|
6268
6338
|
placeholder: placeholder,
|
|
@@ -6281,7 +6351,7 @@ var InputContainer = function(param) {
|
|
|
6281
6351
|
}));
|
|
6282
6352
|
};
|
|
6283
6353
|
var DateInputContainer = function(param) {
|
|
6284
|
-
var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle,
|
|
6354
|
+
var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, elementsCommonClassName = param.elementsCommonClassName, title = param.title, labelStyle = param.labelStyle, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName;
|
|
6285
6355
|
var containerProps = (0, import_react15.useMemo)(function() {
|
|
6286
6356
|
return {
|
|
6287
6357
|
containerClassName: containerClassName,
|
|
@@ -6310,12 +6380,12 @@ var DateInputContainer = function(param) {
|
|
|
6310
6380
|
var getDefaultValue = function(dateStr) {
|
|
6311
6381
|
if (dateStr) {
|
|
6312
6382
|
try {
|
|
6313
|
-
return (0,
|
|
6383
|
+
return (0, import_date2.parseDate)(dateStr);
|
|
6314
6384
|
} catch (e) {
|
|
6315
|
-
return (0,
|
|
6385
|
+
return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
|
|
6316
6386
|
}
|
|
6317
6387
|
}
|
|
6318
|
-
return (0,
|
|
6388
|
+
return (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
|
|
6319
6389
|
};
|
|
6320
6390
|
var handleDateChange = (0, import_react15.useCallback)(function(date) {
|
|
6321
6391
|
if (!onChange) {
|
|
@@ -6335,24 +6405,25 @@ var DateInputContainer = function(param) {
|
|
|
6335
6405
|
]);
|
|
6336
6406
|
var pickerValue = value ? getDefaultValue(value) : void 0;
|
|
6337
6407
|
var pickerDefaultValue = !pickerValue && defaultValue ? getDefaultValue(defaultValue) : void 0;
|
|
6338
|
-
return /* @__PURE__ */ (0,
|
|
6339
|
-
children: /* @__PURE__ */ (0,
|
|
6408
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6409
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components3.I18nProvider, {
|
|
6340
6410
|
locale: "en-GB",
|
|
6341
|
-
children: /* @__PURE__ */ (0,
|
|
6342
|
-
|
|
6411
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components4.DatePicker, {
|
|
6412
|
+
placeholderValue: placeholder ? (0, import_date2.parseDate)(placeholder) : void 0,
|
|
6413
|
+
className: cn("flex items-center gap-2 flex-1", elementClassName),
|
|
6343
6414
|
name: name,
|
|
6344
6415
|
defaultValue: pickerDefaultValue,
|
|
6345
6416
|
value: pickerValue,
|
|
6346
6417
|
onChange: handleDateChange,
|
|
6347
6418
|
onKeyDown: onKeyDown,
|
|
6348
6419
|
children: [
|
|
6349
|
-
/* @__PURE__ */ (0,
|
|
6420
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
|
|
6350
6421
|
title: title,
|
|
6351
|
-
className: cn("flex flex-1"
|
|
6422
|
+
className: cn("flex flex-1"),
|
|
6352
6423
|
children: [
|
|
6353
|
-
/* @__PURE__ */ (0,
|
|
6354
|
-
className: cn("flex-1 bg-background", defaultFormElementBorderClassName
|
|
6355
|
-
children: /* @__PURE__ */ (0,
|
|
6424
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Group, {
|
|
6425
|
+
className: cn("flex-1 bg-background", defaultFormElementBorderClassName),
|
|
6426
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DateInput, _object_spread_props(_object_spread({}, props), {
|
|
6356
6427
|
unstyled: true,
|
|
6357
6428
|
style: {
|
|
6358
6429
|
direction: "ltr"
|
|
@@ -6360,21 +6431,21 @@ var DateInputContainer = function(param) {
|
|
|
6360
6431
|
className: cn("flex-1 h-9 px-3 py-2 text-sm", direction === "rtl" ? "justify-end text-right" : "justify-start text-left", inputClassName)
|
|
6361
6432
|
}))
|
|
6362
6433
|
}),
|
|
6363
|
-
/* @__PURE__ */ (0,
|
|
6434
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Button, {
|
|
6364
6435
|
className: "-ms-9 -me-px z-10 flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50",
|
|
6365
|
-
children: /* @__PURE__ */ (0,
|
|
6436
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react7.CalendarIcon, {
|
|
6366
6437
|
size: 16
|
|
6367
6438
|
})
|
|
6368
6439
|
})
|
|
6369
6440
|
]
|
|
6370
6441
|
}),
|
|
6371
|
-
/* @__PURE__ */ (0,
|
|
6442
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Popover, {
|
|
6372
6443
|
className: "data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out",
|
|
6373
6444
|
offset: 4,
|
|
6374
|
-
children: /* @__PURE__ */ (0,
|
|
6445
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Dialog, {
|
|
6375
6446
|
className: "max-h-[inherit] overflow-auto p-2",
|
|
6376
|
-
children: /* @__PURE__ */ (0,
|
|
6377
|
-
className: cn("bg-white",
|
|
6447
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Calendar, {
|
|
6448
|
+
className: cn("bg-white", calendarClassName)
|
|
6378
6449
|
})
|
|
6379
6450
|
})
|
|
6380
6451
|
})
|
|
@@ -6419,8 +6490,8 @@ var SelectContainer = function(param) {
|
|
|
6419
6490
|
labelStyle,
|
|
6420
6491
|
elementsCommonClassName
|
|
6421
6492
|
]);
|
|
6422
|
-
return /* @__PURE__ */ (0,
|
|
6423
|
-
children: /* @__PURE__ */ (0,
|
|
6493
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6494
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
|
|
6424
6495
|
title: title,
|
|
6425
6496
|
style: {
|
|
6426
6497
|
direction: direction
|
|
@@ -6430,21 +6501,21 @@ var SelectContainer = function(param) {
|
|
|
6430
6501
|
return setIsOpen(!isOpen);
|
|
6431
6502
|
},
|
|
6432
6503
|
children: [
|
|
6433
|
-
/* @__PURE__ */ (0,
|
|
6504
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
|
|
6434
6505
|
className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultFormElementBorderClassName, selectClassName),
|
|
6435
6506
|
children: ((_options_find = options.find(function(opt) {
|
|
6436
6507
|
return opt.value === selectedValue;
|
|
6437
6508
|
})) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
|
|
6438
6509
|
}),
|
|
6439
|
-
isOpen ? /* @__PURE__ */ (0,
|
|
6510
|
+
isOpen ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", {
|
|
6440
6511
|
className: cn("fa-light fa-chevron-up absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
|
|
6441
|
-
}) : /* @__PURE__ */ (0,
|
|
6512
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("i", {
|
|
6442
6513
|
className: cn("fa-light fa-chevron-down absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
|
|
6443
6514
|
}),
|
|
6444
|
-
isOpen && /* @__PURE__ */ (0,
|
|
6515
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
|
|
6445
6516
|
className: cn("absolute w-full bg-white border border-gray-300 max-h-32 overflow-y-auto z-10", optionsContainerClassName),
|
|
6446
6517
|
children: sortOptions.map(function(option) {
|
|
6447
|
-
return /* @__PURE__ */ (0,
|
|
6518
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
|
|
6448
6519
|
className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
|
|
6449
6520
|
onClick: function() {
|
|
6450
6521
|
return handleOptionClick(option.value);
|
|
@@ -6453,7 +6524,7 @@ var SelectContainer = function(param) {
|
|
|
6453
6524
|
}, option.value);
|
|
6454
6525
|
})
|
|
6455
6526
|
}),
|
|
6456
|
-
/* @__PURE__ */ (0,
|
|
6527
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
|
|
6457
6528
|
value: selectedValue,
|
|
6458
6529
|
type: "hidden",
|
|
6459
6530
|
name: name,
|
|
@@ -6492,8 +6563,8 @@ function MultiSelect(param) {
|
|
|
6492
6563
|
labelStyle,
|
|
6493
6564
|
elementsCommonClassName
|
|
6494
6565
|
]);
|
|
6495
|
-
return /* @__PURE__ */ (0,
|
|
6496
|
-
children: /* @__PURE__ */ (0,
|
|
6566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6567
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(multiselect_default, {
|
|
6497
6568
|
closeDropdownOnSelect: closeDropdownOnSelect,
|
|
6498
6569
|
commandProps: {
|
|
6499
6570
|
label: placeholder
|
|
@@ -6515,7 +6586,7 @@ function MultiSelect(param) {
|
|
|
6515
6586
|
className: cn(defaultFormElementBorderClassName, styles.className),
|
|
6516
6587
|
dropdownClassName: styles.dropdownClassName,
|
|
6517
6588
|
dropdownOptionClassName: styles.dropdownOptionClassName,
|
|
6518
|
-
emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0,
|
|
6589
|
+
emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", {
|
|
6519
6590
|
className: "text-center text-sm",
|
|
6520
6591
|
children: "all options selected."
|
|
6521
6592
|
}),
|
|
@@ -6553,8 +6624,8 @@ var SelectWithSearch = function(param) {
|
|
|
6553
6624
|
labelStyle,
|
|
6554
6625
|
elementsCommonClassName
|
|
6555
6626
|
]);
|
|
6556
|
-
return /* @__PURE__ */ (0,
|
|
6557
|
-
children: /* @__PURE__ */ (0,
|
|
6627
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6628
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SearchSelect, {
|
|
6558
6629
|
direction: direction,
|
|
6559
6630
|
createNewOptionLabel: createNewOptionLabel,
|
|
6560
6631
|
createNewOptionContainerClassName: createNewOptionContainerClassName,
|
|
@@ -6605,8 +6676,8 @@ var TextAreaContainer = function(param) {
|
|
|
6605
6676
|
labelStyle,
|
|
6606
6677
|
elementsCommonClassName
|
|
6607
6678
|
]);
|
|
6608
|
-
return /* @__PURE__ */ (0,
|
|
6609
|
-
children: /* @__PURE__ */ (0,
|
|
6679
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6680
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
|
|
6610
6681
|
defaultValue: value ? void 0 : defaultValue,
|
|
6611
6682
|
value: defaultValue ? void 0 : value,
|
|
6612
6683
|
onChange: onChange,
|
|
@@ -6622,7 +6693,7 @@ var TextAreaContainer = function(param) {
|
|
|
6622
6693
|
};
|
|
6623
6694
|
var FormSeparator = function(param) {
|
|
6624
6695
|
var props = param.props, children = param.children;
|
|
6625
|
-
return /* @__PURE__ */ (0,
|
|
6696
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", _object_spread_props(_object_spread({}, props), {
|
|
6626
6697
|
className: cn("border-b-[1px] border-gray-300 h-[1px]", props === null || props === void 0 ? void 0 : props.className),
|
|
6627
6698
|
children: children
|
|
6628
6699
|
}));
|
|
@@ -6654,8 +6725,8 @@ var CheckboxContainer = function(param) {
|
|
|
6654
6725
|
labelStyle,
|
|
6655
6726
|
elementsCommonClassName
|
|
6656
6727
|
]);
|
|
6657
|
-
return /* @__PURE__ */ (0,
|
|
6658
|
-
children: /* @__PURE__ */ (0,
|
|
6728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6729
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Checkbox, {
|
|
6659
6730
|
id: id,
|
|
6660
6731
|
name: name,
|
|
6661
6732
|
checked: checked,
|
|
@@ -6719,21 +6790,21 @@ var DurationPicker = function(param) {
|
|
|
6719
6790
|
onChange === null || onChange === void 0 ? void 0 : onChange(durationToSeconds(update));
|
|
6720
6791
|
};
|
|
6721
6792
|
};
|
|
6722
|
-
return /* @__PURE__ */ (0,
|
|
6723
|
-
children: /* @__PURE__ */ (0,
|
|
6793
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
|
|
6794
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
|
|
6724
6795
|
title: title,
|
|
6725
6796
|
className: cn("flex gap-1.5 text-sm", elementClassName),
|
|
6726
6797
|
dir: "ltr",
|
|
6727
6798
|
children: [
|
|
6728
6799
|
Array.from(new Set(options)).map(function(field) {
|
|
6729
|
-
return /* @__PURE__ */ (0,
|
|
6800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
|
|
6730
6801
|
className: "flex flex-col border p-0.5 rounded-md",
|
|
6731
6802
|
children: [
|
|
6732
|
-
!hideLabels && /* @__PURE__ */ (0,
|
|
6803
|
+
!hideLabels && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", {
|
|
6733
6804
|
className: "mb-1 ps-1 capitalize text-start border-b-[1px] border-b-gray-300",
|
|
6734
6805
|
children: field.slice(0, 1)
|
|
6735
6806
|
}),
|
|
6736
|
-
/* @__PURE__ */ (0,
|
|
6807
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
|
|
6737
6808
|
type: "number",
|
|
6738
6809
|
inputMode: "numeric",
|
|
6739
6810
|
min: 0,
|
|
@@ -6751,7 +6822,7 @@ var DurationPicker = function(param) {
|
|
|
6751
6822
|
]
|
|
6752
6823
|
}, field);
|
|
6753
6824
|
}),
|
|
6754
|
-
/* @__PURE__ */ (0,
|
|
6825
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
|
|
6755
6826
|
name: name,
|
|
6756
6827
|
type: "hidden",
|
|
6757
6828
|
value: durationToSeconds(duration)
|
|
@@ -6762,10 +6833,10 @@ var DurationPicker = function(param) {
|
|
|
6762
6833
|
};
|
|
6763
6834
|
var FormElementContainer = function(param) {
|
|
6764
6835
|
var containerClassName = param.containerClassName, direction = param.direction, labelClassName = param.labelClassName, labelContent = param.labelContent, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName, name = param.name, required = param.required, children = param.children, _param_defaultContainerClassName = param.defaultContainerClassName, defaultContainerClassName = _param_defaultContainerClassName === void 0 ? true : _param_defaultContainerClassName, _param_elementsCommonClassName = param.elementsCommonClassName, elementsCommonClassName = _param_elementsCommonClassName === void 0 ? "" : _param_elementsCommonClassName, labelStyle = param.labelStyle;
|
|
6765
|
-
return /* @__PURE__ */ (0,
|
|
6836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
|
|
6766
6837
|
className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName, elementsCommonClassName),
|
|
6767
6838
|
children: [
|
|
6768
|
-
labelContent && /* @__PURE__ */ (0,
|
|
6839
|
+
labelContent && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ElementLabel, {
|
|
6769
6840
|
labelStyle: labelStyle,
|
|
6770
6841
|
labelsCommonClassName: labelsCommonClassName,
|
|
6771
6842
|
withDots: labelWithDots,
|
|
@@ -6781,7 +6852,7 @@ var FormElementContainer = function(param) {
|
|
|
6781
6852
|
};
|
|
6782
6853
|
var ElementLabel = function(param) {
|
|
6783
6854
|
var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? false : _param_withDots, direction = param.direction, labelsCommonClassName = param.labelsCommonClassName, _param_labelStyle = param.labelStyle, labelStyle = _param_labelStyle === void 0 ? {} : _param_labelStyle;
|
|
6784
|
-
return /* @__PURE__ */ (0,
|
|
6855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", {
|
|
6785
6856
|
style: _object_spread({
|
|
6786
6857
|
direction: direction
|
|
6787
6858
|
}, labelStyle),
|
|
@@ -6790,11 +6861,11 @@ var ElementLabel = function(param) {
|
|
|
6790
6861
|
title: labelContent,
|
|
6791
6862
|
children: [
|
|
6792
6863
|
labelContent,
|
|
6793
|
-
required && /* @__PURE__ */ (0,
|
|
6864
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
|
|
6794
6865
|
className: "text-red-500",
|
|
6795
6866
|
children: "*"
|
|
6796
6867
|
}),
|
|
6797
|
-
withDots && /* @__PURE__ */ (0,
|
|
6868
|
+
withDots && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
|
|
6798
6869
|
children: ":"
|
|
6799
6870
|
})
|
|
6800
6871
|
]
|
|
@@ -6856,15 +6927,15 @@ var ElementsContainer = (0, import_react15.memo)(function(props) {
|
|
|
6856
6927
|
containerClassName,
|
|
6857
6928
|
elementProps
|
|
6858
6929
|
]);
|
|
6859
|
-
return /* @__PURE__ */ (0,
|
|
6930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
|
|
6860
6931
|
ref: containerRef,
|
|
6861
6932
|
className: cn("flex flex-col gap-1", className),
|
|
6862
6933
|
children: [
|
|
6863
|
-
headline && /* @__PURE__ */ (0,
|
|
6934
|
+
headline && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
|
|
6864
6935
|
className: cn("text-start text-primary font-bold border-b-[1px] border-gray-400 pb-0.5", headlineClassName),
|
|
6865
6936
|
children: headline
|
|
6866
6937
|
}),
|
|
6867
|
-
/* @__PURE__ */ (0,
|
|
6938
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
|
|
6868
6939
|
className: cn("flex flex-col gap-1.5", childrenContainerClassName),
|
|
6869
6940
|
children: enhancedChildren
|
|
6870
6941
|
})
|
|
@@ -6873,7 +6944,7 @@ var ElementsContainer = (0, import_react15.memo)(function(props) {
|
|
|
6873
6944
|
}, propsAreEqual);
|
|
6874
6945
|
ElementsContainer.displayName = "ElementsContainer";
|
|
6875
6946
|
// src/components/forms/ModularForm/ModularForm.tsx
|
|
6876
|
-
var
|
|
6947
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
6877
6948
|
var ModularForm = function(param) {
|
|
6878
6949
|
var _param_submitFunction = param.submitFunction, submitFunction = _param_submitFunction === void 0 ? /*#__PURE__*/ function() {
|
|
6879
6950
|
var _ref = _async_to_generator(function(form) {
|
|
@@ -6980,7 +7051,7 @@ var ModularForm = function(param) {
|
|
|
6980
7051
|
return _ref.apply(this, arguments);
|
|
6981
7052
|
};
|
|
6982
7053
|
}();
|
|
6983
|
-
return /* @__PURE__ */ (0,
|
|
7054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", {
|
|
6984
7055
|
ref: formRef,
|
|
6985
7056
|
onSubmit: onSubmit,
|
|
6986
7057
|
style: {
|
|
@@ -6988,79 +7059,79 @@ var ModularForm = function(param) {
|
|
|
6988
7059
|
},
|
|
6989
7060
|
className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", className),
|
|
6990
7061
|
children: [
|
|
6991
|
-
headerContent && /* @__PURE__ */ (0,
|
|
7062
|
+
headerContent && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
|
|
6992
7063
|
className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
|
|
6993
7064
|
children: headerContent
|
|
6994
7065
|
}),
|
|
6995
|
-
/* @__PURE__ */ (0,
|
|
7066
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
|
|
6996
7067
|
className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
|
|
6997
7068
|
children: elements.map(function(element, index2) {
|
|
6998
7069
|
switch(element.type){
|
|
6999
7070
|
case "input":
|
|
7000
|
-
return /* @__PURE__ */ (0,
|
|
7071
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InputContainer, _object_spread_props(_object_spread({
|
|
7001
7072
|
direction: direction
|
|
7002
7073
|
}, element), {
|
|
7003
7074
|
labelsCommonClassName: labelsCommonClassName,
|
|
7004
7075
|
elementsCommonClassName: elementsCommonClassName
|
|
7005
7076
|
}), index2);
|
|
7006
7077
|
case "dateInput":
|
|
7007
|
-
return /* @__PURE__ */ (0,
|
|
7078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DateInputContainer, _object_spread_props(_object_spread({
|
|
7008
7079
|
direction: direction
|
|
7009
7080
|
}, element), {
|
|
7010
7081
|
labelsCommonClassName: labelsCommonClassName,
|
|
7011
7082
|
elementsCommonClassName: elementsCommonClassName
|
|
7012
7083
|
}), index2);
|
|
7013
7084
|
case "textarea":
|
|
7014
|
-
return /* @__PURE__ */ (0,
|
|
7085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TextAreaContainer, _object_spread_props(_object_spread({
|
|
7015
7086
|
direction: element.direction || direction
|
|
7016
7087
|
}, element), {
|
|
7017
7088
|
labelsCommonClassName: labelsCommonClassName,
|
|
7018
7089
|
elementsCommonClassName: elementsCommonClassName
|
|
7019
7090
|
}), index2);
|
|
7020
7091
|
case "select":
|
|
7021
|
-
return /* @__PURE__ */ (0,
|
|
7092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectContainer, _object_spread_props(_object_spread({
|
|
7022
7093
|
direction: direction
|
|
7023
7094
|
}, element), {
|
|
7024
7095
|
labelsCommonClassName: labelsCommonClassName,
|
|
7025
7096
|
elementsCommonClassName: elementsCommonClassName
|
|
7026
7097
|
}), index2);
|
|
7027
7098
|
case "checkbox":
|
|
7028
|
-
return /* @__PURE__ */ (0,
|
|
7099
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CheckboxContainer, _object_spread_props(_object_spread({
|
|
7029
7100
|
direction: direction
|
|
7030
7101
|
}, element), {
|
|
7031
7102
|
labelsCommonClassName: labelsCommonClassName,
|
|
7032
7103
|
elementsCommonClassName: elementsCommonClassName
|
|
7033
7104
|
}), index2);
|
|
7034
7105
|
case "multiSelect":
|
|
7035
|
-
return /* @__PURE__ */ (0,
|
|
7106
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MultiSelect, _object_spread_props(_object_spread({
|
|
7036
7107
|
direction: direction
|
|
7037
7108
|
}, element), {
|
|
7038
7109
|
labelsCommonClassName: labelsCommonClassName,
|
|
7039
7110
|
elementsCommonClassName: elementsCommonClassName
|
|
7040
7111
|
}), index2);
|
|
7041
7112
|
case "selectWithSearch":
|
|
7042
|
-
return /* @__PURE__ */ (0,
|
|
7113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectWithSearch, _object_spread_props(_object_spread({
|
|
7043
7114
|
direction: direction
|
|
7044
7115
|
}, element), {
|
|
7045
7116
|
labelsCommonClassName: labelsCommonClassName,
|
|
7046
7117
|
elementsCommonClassName: elementsCommonClassName
|
|
7047
7118
|
}), index2);
|
|
7048
7119
|
case "internationalPhoneInput":
|
|
7049
|
-
return /* @__PURE__ */ (0,
|
|
7120
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({
|
|
7050
7121
|
direction: direction
|
|
7051
7122
|
}, element), {
|
|
7052
7123
|
labelsCommonClassName: labelsCommonClassName,
|
|
7053
7124
|
elementsCommonClassName: elementsCommonClassName
|
|
7054
7125
|
}), index2);
|
|
7055
7126
|
case "duration":
|
|
7056
|
-
return /* @__PURE__ */ (0,
|
|
7127
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DurationPicker, _object_spread_props(_object_spread({
|
|
7057
7128
|
direction: direction
|
|
7058
7129
|
}, element), {
|
|
7059
7130
|
labelsCommonClassName: labelsCommonClassName,
|
|
7060
7131
|
elementsCommonClassName: elementsCommonClassName
|
|
7061
7132
|
}), index2);
|
|
7062
7133
|
case "separator":
|
|
7063
|
-
return /* @__PURE__ */ (0,
|
|
7134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FormSeparator, _object_spread_props(_object_spread({
|
|
7064
7135
|
direction: direction
|
|
7065
7136
|
}, element), {
|
|
7066
7137
|
children: element.children
|
|
@@ -7075,15 +7146,15 @@ var ModularForm = function(param) {
|
|
|
7075
7146
|
}
|
|
7076
7147
|
})
|
|
7077
7148
|
}),
|
|
7078
|
-
/* @__PURE__ */ (0,
|
|
7149
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", {
|
|
7079
7150
|
className: cn("flex justify-between w-full", footerClassName),
|
|
7080
7151
|
children: [
|
|
7081
|
-
/* @__PURE__ */ (0,
|
|
7152
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
|
|
7082
7153
|
title: errorMsg,
|
|
7083
7154
|
className: cn("text-[#f22] text-[18px] max-w-[80%] ellipsis", errorClassName),
|
|
7084
7155
|
children: errorMsg
|
|
7085
7156
|
}),
|
|
7086
|
-
/* @__PURE__ */ (0,
|
|
7157
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", {
|
|
7087
7158
|
ref: submitRef,
|
|
7088
7159
|
disabled: isLoading,
|
|
7089
7160
|
onClick: function(e) {
|
|
@@ -7091,7 +7162,7 @@ var ModularForm = function(param) {
|
|
|
7091
7162
|
},
|
|
7092
7163
|
className: cn("bg-[#547f22] px-3 py-1.5 rounded-lg text-white min-w-20", buttonClassName),
|
|
7093
7164
|
type: "submit",
|
|
7094
|
-
children: isLoading ? /* @__PURE__ */ (0,
|
|
7165
|
+
children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Loader, _object_spread({
|
|
7095
7166
|
size: 18,
|
|
7096
7167
|
color: "#fff"
|
|
7097
7168
|
}, loaderProps)) : buttonContent
|
|
@@ -7108,77 +7179,6 @@ var import_moment2 = __toESM(require("moment"));
|
|
|
7108
7179
|
var import_lucide_react8 = require("lucide-react");
|
|
7109
7180
|
var import_react_aria_components5 = require("react-aria-components");
|
|
7110
7181
|
var import_date3 = require("@internationalized/date");
|
|
7111
|
-
// src/components/ui/calendar-rac.tsx
|
|
7112
|
-
var import_date2 = require("@internationalized/date");
|
|
7113
|
-
var import_lucide_react7 = require("lucide-react");
|
|
7114
|
-
var import_react_aria_components4 = require("react-aria-components");
|
|
7115
|
-
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
7116
|
-
function CalendarHeader() {
|
|
7117
|
-
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("header", {
|
|
7118
|
-
className: "flex w-full items-center gap-1 pb-1",
|
|
7119
|
-
children: [
|
|
7120
|
-
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.Button, {
|
|
7121
|
-
className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
7122
|
-
slot: "previous",
|
|
7123
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react7.ChevronLeftIcon, {
|
|
7124
|
-
size: 16
|
|
7125
|
-
})
|
|
7126
|
-
}),
|
|
7127
|
-
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.Heading, {
|
|
7128
|
-
className: "grow text-center font-medium text-sm"
|
|
7129
|
-
}),
|
|
7130
|
-
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.Button, {
|
|
7131
|
-
className: "flex size-9 items-center justify-center rounded-md text-muted-foreground/80 outline-none transition-[color,box-shadow] hover:bg-accent hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50",
|
|
7132
|
-
slot: "next",
|
|
7133
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react7.ChevronRightIcon, {
|
|
7134
|
-
size: 16
|
|
7135
|
-
})
|
|
7136
|
-
})
|
|
7137
|
-
]
|
|
7138
|
-
});
|
|
7139
|
-
}
|
|
7140
|
-
function CalendarGridComponent(param) {
|
|
7141
|
-
var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
|
|
7142
|
-
var now = (0, import_date2.today)((0, import_date2.getLocalTimeZone)());
|
|
7143
|
-
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components4.CalendarGrid, {
|
|
7144
|
-
children: [
|
|
7145
|
-
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarGridHeader, {
|
|
7146
|
-
children: function(day) {
|
|
7147
|
-
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarHeaderCell, {
|
|
7148
|
-
className: "size-9 rounded-md p-0 font-medium text-muted-foreground/80 text-xs",
|
|
7149
|
-
children: day
|
|
7150
|
-
});
|
|
7151
|
-
}
|
|
7152
|
-
}),
|
|
7153
|
-
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarGridBody, {
|
|
7154
|
-
className: "[&_td]:px-0 [&_td]:py-px",
|
|
7155
|
-
children: function(date) {
|
|
7156
|
-
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components4.CalendarCell, {
|
|
7157
|
-
className: cn("relative flex size-9 items-center justify-center whitespace-nowrap rounded-md p-0 font-normal text-foreground text-sm outline-none duration-150 [transition-property:color,background-color,border-radius,box-shadow] data-disabled:pointer-events-none data-unavailable:pointer-events-none data-focus-visible:z-10 data-hovered:bg-accent data-selected:bg-primary data-hovered:text-foreground data-selected:text-primary-foreground data-unavailable:line-through data-disabled:opacity-30 data-unavailable:opacity-30 data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50", // Range-specific styles
|
|
7158
|
-
isRange && "data-invalid:data-selection-end:bg-destructive data-invalid:data-selection-start:bg-destructive data-invalid:data-selection-end:text-white data-invalid:data-selection-start:text-white data-selected:rounded-none data-selection-start:rounded-s-md data-selection-end:rounded-e-md data-invalid:bg-red-100 data-selected:bg-accent data-selection-end:bg-primary data-selection-start:bg-primary data-selected:text-foreground data-selection-end:text-primary-foreground data-selection-start:text-primary-foreground", // Today indicator styles
|
|
7159
|
-
date.compare(now) === 0 && cn("after:-translate-x-1/2 after:pointer-events-none after:absolute after:start-1/2 after:bottom-1 after:z-10 after:size-[3px] after:rounded-full after:bg-primary", isRange ? "data-selection-end:after:bg-background data-selection-start:after:bg-background" : "data-selected:after:bg-background")),
|
|
7160
|
-
date: date
|
|
7161
|
-
});
|
|
7162
|
-
}
|
|
7163
|
-
})
|
|
7164
|
-
]
|
|
7165
|
-
});
|
|
7166
|
-
}
|
|
7167
|
-
function Calendar2(_param) {
|
|
7168
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
7169
|
-
"className"
|
|
7170
|
-
]);
|
|
7171
|
-
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components4.Calendar, _object_spread_props(_object_spread({}, props), {
|
|
7172
|
-
className: (0, import_react_aria_components4.composeRenderProps)(className, function(className2) {
|
|
7173
|
-
return cn("w-fit", className2);
|
|
7174
|
-
}),
|
|
7175
|
-
children: [
|
|
7176
|
-
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarHeader, {}),
|
|
7177
|
-
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CalendarGridComponent, {})
|
|
7178
|
-
]
|
|
7179
|
-
}));
|
|
7180
|
-
}
|
|
7181
|
-
// src/components/forms/index.tsx
|
|
7182
7182
|
var import_react_aria_components6 = require("react-aria-components");
|
|
7183
7183
|
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
7184
7184
|
var ConfirmForm = function(param) {
|
|
@@ -7389,7 +7389,7 @@ function DatePicker2(param) {
|
|
|
7389
7389
|
offset: 4,
|
|
7390
7390
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
|
|
7391
7391
|
className: "max-h-[inherit] overflow-auto p-2",
|
|
7392
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
7392
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
|
|
7393
7393
|
className: cn("bg-white", calendarClassName)
|
|
7394
7394
|
})
|
|
7395
7395
|
})
|
|
@@ -7430,7 +7430,7 @@ function DatePicker2(param) {
|
|
|
7430
7430
|
offset: 4,
|
|
7431
7431
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
|
|
7432
7432
|
className: "max-h-[inherit] overflow-auto p-2",
|
|
7433
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
7433
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
|
|
7434
7434
|
className: cn("bg-white", calendarClassName)
|
|
7435
7435
|
})
|
|
7436
7436
|
})
|