akeyless-client-commons 1.1.98 → 1.1.100

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.
Files changed (13) hide show
  1. package/dist/components/index.css +94 -38
  2. package/dist/components/index.css.map +1 -1
  3. package/dist/components/index.d.mts +6 -2
  4. package/dist/components/index.d.ts +6 -2
  5. package/dist/components/index.js +24 -9
  6. package/dist/components/index.mjs +24 -9
  7. package/dist/hooks/index.d.mts +8 -1
  8. package/dist/hooks/index.d.ts +8 -1
  9. package/dist/hooks/index.js +286 -11
  10. package/dist/hooks/index.mjs +283 -12
  11. package/dist/types/index.d.mts +4 -0
  12. package/dist/types/index.d.ts +4 -0
  13. package/package.json +1 -1
package/dist/components/index.d.ts CHANGED
@@ -212,6 +212,8 @@ interface DateInputElement extends BaseElementProps {
212
212
  props?: React.InputHTMLAttributes<HTMLInputElement>;
213
213
  calendarClassName?: string;
214
214
  inputClassName?: string;
215
+ selectedDayClassName?: string;
216
+ todayDayClassName?: string;
215
217
  }
216
218
  interface TextAreaElement extends BaseElementProps {
217
219
  type: "textarea";
@@ -387,6 +389,8 @@ interface DatePickerProps {
387
389
  toText?: string;
388
390
  buttonText?: string;
389
391
  calendarClassName?: string;
392
+ selectedDayClassName?: string;
393
+ todayDayClassName?: string;
390
394
  }
391
395
 
392
396
  declare const Version: ({ version, className }: {
@@ -617,7 +621,7 @@ declare const defaultFormElementContainerClassName = "flex justify-start items-c
617
621
  declare const defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
618
622
  declare const useSortValues: (options: any[], sortDirection: "abc" | "cba", sortAsNumber?: boolean) => any[];
619
623
  declare const InputContainer: ({ validationError, name, inputType, labelContent, defaultValue, validationName, containerClassName, labelClassName, elementClassName, required, placeholder, props, minLength, onKeyDown, onChange, direction, value, labelWithDots, labelsCommonClassName, elementsCommonClassName, title, labelStyle, }: InputContainerProps) => react_jsx_runtime.JSX.Element;
620
- declare const DateInputContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, onKeyDown, onChange, direction, value, labelWithDots, labelsCommonClassName, elementsCommonClassName, title, labelStyle, calendarClassName, inputClassName, }: DateInputContainerProps) => react_jsx_runtime.JSX.Element;
624
+ declare const DateInputContainer: ({ name, labelContent, defaultValue, containerClassName, labelClassName, elementClassName, required, placeholder, props, onKeyDown, onChange, direction, value, labelWithDots, labelsCommonClassName, elementsCommonClassName, title, labelStyle, calendarClassName, inputClassName, selectedDayClassName, todayDayClassName, }: DateInputContainerProps) => react_jsx_runtime.JSX.Element;
621
625
  declare const SelectContainer: ({ name, labelContent, containerClassName, labelClassName, defaultValue, elementClassName, optionClassName, required, options, selectClassName, optionsContainerClassName, sortDirection, sortAsNumber, direction, onChange, labelWithDots, iconClassName, labelsCommonClassName, elementsCommonClassName, title, labelStyle, }: SelectContainerProps) => react_jsx_runtime.JSX.Element;
622
626
  declare function MultiSelect({ onChange, selectedOptions, emptyOptionsElement, unremovableOptions, options, styles, name, placeholder, labelContent, required, labelClassName, groupBy, onSearch, onSearchSync, triggerSearchOnFocus, sortDirection, sortAsNumber, direction, createNewOptionLabel, searchInputProps, labelWithDots, labelsCommonClassName, labelStyle, closeDropdownOnSelect, elementsCommonClassName, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
623
627
  declare const SelectWithSearch: ({ options, labelClassName, labelContent, name, onChange, value, placeholder, required, defaultValue, notFoundLabel, searchPlaceholder, containerClassName, dropdownClassName, dropdownOptionClassName, elementClassName, notFoundLabelClassName, searchClassName, buttonClassName, buttonFocusClassName, sortDirection, sortAsNumber, disabled, direction, createNewOptionLabel, createNewOptionContainerClassName, labelWithDots, labelsCommonClassName, elementsCommonClassName, labelStyle, dropdownContainerClassName, }: SelectWithSearchProps) => react_jsx_runtime.JSX.Element;
@@ -645,7 +649,7 @@ declare const ElementsContainer: React$1.MemoExoticComponent<(props: ElementsCon
645
649
 
646
650
  declare const ConfirmForm: ({ onV, onX, headline, direction, containerClassName, buttonsContainerClassName, headlineClassName, cancelButtonClassName, confirmButtonClassName, cancelButtonProps, confirmButtonProps, cancelElement, confirmElement, }: ConfirmFormProps) => react_jsx_runtime.JSX.Element;
647
651
  declare const DatePicker: ({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps) => react_jsx_runtime.JSX.Element;
648
- declare function DatePicker2({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, calendarClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps): react_jsx_runtime.JSX.Element;
652
+ declare function DatePicker2({ submit, formClassName, labelsClassName, inputsClassName, buttonClassName, calendarClassName, selectedDayClassName, todayDayClassName, buttonStyle, defaultFrom, defaultTo, direction, fromText, toText, buttonText, }: DatePickerProps): react_jsx_runtime.JSX.Element;
649
653
 
650
654
  interface CodeInputProps {
651
655
  codeValue: string;
package/dist/components/index.js CHANGED
@@ -6230,8 +6230,10 @@ function CalendarHeader() {
6230
6230
  });
6231
6231
  }
6232
6232
  function CalendarGridComponent(param) {
6233
- var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
6233
+ var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, selectedDayClassName = param.selectedDayClassName, todayDayClassName = param.todayDayClassName;
6234
6234
  var now = (0, import_date.today)((0, import_date.getLocalTimeZone)());
6235
+ var resolvedSelectedDayClassName = (selectedDayClassName === null || selectedDayClassName === void 0 ? void 0 : selectedDayClassName.trim()) ? selectedDayClassName : "bg-blue-600 text-white";
6236
+ var resolvedTodayDayClassName = (todayDayClassName === null || todayDayClassName === void 0 ? void 0 : todayDayClassName.trim()) ? todayDayClassName : "bg-sky-200 text-sky-950";
6235
6237
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components2.CalendarGrid, {
6236
6238
  children: [
6237
6239
  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components2.CalendarGridHeader, {
@@ -6246,9 +6248,11 @@ function CalendarGridComponent(param) {
6246
6248
  className: "[&_td]:px-0 [&_td]:py-px",
6247
6249
  children: function(date) {
6248
6250
  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")),
6251
+ className: (0, import_react_aria_components2.composeRenderProps)(void 0, function(_className, renderProps) {
6252
+ return 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-[hovered]:text-foreground data-[unavailable]:line-through data-[disabled]:opacity-30 data-[unavailable]:opacity-30 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", // Single date calendar selected/today styles (props-driven)
6253
+ !isRange && (renderProps === null || renderProps === void 0 ? void 0 : renderProps.isSelected) && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isDisabled) && resolvedSelectedDayClassName, !isRange && date.compare(now) === 0 && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isSelected) && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isDisabled) && resolvedTodayDayClassName, // Range-specific styles (fixed Tailwind data-* variant syntax)
6254
+ 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");
6255
+ }),
6252
6256
  date: date
6253
6257
  });
6254
6258
  }
@@ -6257,8 +6261,10 @@ function CalendarGridComponent(param) {
6257
6261
  });
6258
6262
  }
6259
6263
  function Calendar(_param) {
6260
- var className = _param.className, props = _object_without_properties(_param, [
6261
- "className"
6264
+ var className = _param.className, selectedDayClassName = _param.selectedDayClassName, todayDayClassName = _param.todayDayClassName, props = _object_without_properties(_param, [
6265
+ "className",
6266
+ "selectedDayClassName",
6267
+ "todayDayClassName"
6262
6268
  ]);
6263
6269
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_aria_components2.Calendar, _object_spread_props(_object_spread({}, props), {
6264
6270
  className: (0, import_react_aria_components2.composeRenderProps)(className, function(className2) {
@@ -6266,7 +6272,10 @@ function Calendar(_param) {
6266
6272
  }),
6267
6273
  children: [
6268
6274
  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CalendarHeader, {}),
6269
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CalendarGridComponent, {})
6275
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CalendarGridComponent, {
6276
+ selectedDayClassName: selectedDayClassName,
6277
+ todayDayClassName: todayDayClassName
6278
+ })
6270
6279
  ]
6271
6280
  }));
6272
6281
  }
@@ -6351,7 +6360,7 @@ var InputContainer = function(param) {
6351
6360
  }));
6352
6361
  };
6353
6362
  var DateInputContainer = function(param) {
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;
6363
+ 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, _param_selectedDayClassName = param.selectedDayClassName, selectedDayClassName = _param_selectedDayClassName === void 0 ? "" : _param_selectedDayClassName, _param_todayDayClassName = param.todayDayClassName, todayDayClassName = _param_todayDayClassName === void 0 ? "" : _param_todayDayClassName;
6355
6364
  var containerProps = (0, import_react15.useMemo)(function() {
6356
6365
  return {
6357
6366
  containerClassName: containerClassName,
@@ -6445,6 +6454,8 @@ var DateInputContainer = function(param) {
6445
6454
  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components4.Dialog, {
6446
6455
  className: "max-h-[inherit] overflow-auto p-2",
6447
6456
  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Calendar, {
6457
+ selectedDayClassName: selectedDayClassName,
6458
+ todayDayClassName: todayDayClassName,
6448
6459
  className: cn("bg-white", calendarClassName)
6449
6460
  })
6450
6461
  })
@@ -7310,7 +7321,7 @@ function DatePicker2(param) {
7310
7321
  return function(form) {
7311
7322
  return _ref.apply(this, arguments);
7312
7323
  };
7313
- }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
7324
+ }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_selectedDayClassName = param.selectedDayClassName, selectedDayClassName = _param_selectedDayClassName === void 0 ? "" : _param_selectedDayClassName, _param_todayDayClassName = param.todayDayClassName, todayDayClassName = _param_todayDayClassName === void 0 ? "" : _param_todayDayClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
7314
7325
  var _ref = _sliced_to_array((0, import_react18.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
7315
7326
  var onSubmit = /*#__PURE__*/ function() {
7316
7327
  var _ref = _async_to_generator(function(e) {
@@ -7390,6 +7401,8 @@ function DatePicker2(param) {
7390
7401
  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
7391
7402
  className: "max-h-[inherit] overflow-auto p-2",
7392
7403
  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
7404
+ selectedDayClassName: selectedDayClassName,
7405
+ todayDayClassName: todayDayClassName,
7393
7406
  className: cn("bg-white", calendarClassName)
7394
7407
  })
7395
7408
  })
@@ -7431,6 +7444,8 @@ function DatePicker2(param) {
7431
7444
  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components5.Dialog, {
7432
7445
  className: "max-h-[inherit] overflow-auto p-2",
7433
7446
  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Calendar, {
7447
+ selectedDayClassName: selectedDayClassName,
7448
+ todayDayClassName: todayDayClassName,
7434
7449
  className: cn("bg-white", calendarClassName)
7435
7450
  })
7436
7451
  })
package/dist/components/index.mjs CHANGED
@@ -6002,8 +6002,10 @@ function CalendarHeader() {
6002
6002
  });
6003
6003
  }
6004
6004
  function CalendarGridComponent(param) {
6005
- var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange;
6005
+ var _param_isRange = param.isRange, isRange = _param_isRange === void 0 ? false : _param_isRange, selectedDayClassName = param.selectedDayClassName, todayDayClassName = param.todayDayClassName;
6006
6006
  var now = today(getLocalTimeZone());
6007
+ var resolvedSelectedDayClassName = (selectedDayClassName === null || selectedDayClassName === void 0 ? void 0 : selectedDayClassName.trim()) ? selectedDayClassName : "bg-blue-600 text-white";
6008
+ var resolvedTodayDayClassName = (todayDayClassName === null || todayDayClassName === void 0 ? void 0 : todayDayClassName.trim()) ? todayDayClassName : "bg-sky-200 text-sky-950";
6007
6009
  return /* @__PURE__ */ jsxs14(CalendarGridRac, {
6008
6010
  children: [
6009
6011
  /* @__PURE__ */ jsx21(CalendarGridHeaderRac, {
@@ -6018,9 +6020,11 @@ function CalendarGridComponent(param) {
6018
6020
  className: "[&_td]:px-0 [&_td]:py-px",
6019
6021
  children: function(date) {
6020
6022
  return /* @__PURE__ */ jsx21(CalendarCellRac, {
6021
- 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
6022
- 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
6023
- 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")),
6023
+ className: composeRenderProps2(void 0, function(_className, renderProps) {
6024
+ return 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-[hovered]:text-foreground data-[unavailable]:line-through data-[disabled]:opacity-30 data-[unavailable]:opacity-30 data-[focus-visible]:ring-[3px] data-[focus-visible]:ring-ring/50", // Single date calendar selected/today styles (props-driven)
6025
+ !isRange && (renderProps === null || renderProps === void 0 ? void 0 : renderProps.isSelected) && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isDisabled) && resolvedSelectedDayClassName, !isRange && date.compare(now) === 0 && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isSelected) && !(renderProps === null || renderProps === void 0 ? void 0 : renderProps.isDisabled) && resolvedTodayDayClassName, // Range-specific styles (fixed Tailwind data-* variant syntax)
6026
+ 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");
6027
+ }),
6024
6028
  date: date
6025
6029
  });
6026
6030
  }
@@ -6029,8 +6033,10 @@ function CalendarGridComponent(param) {
6029
6033
  });
6030
6034
  }
6031
6035
  function Calendar(_param) {
6032
- var className = _param.className, props = _object_without_properties(_param, [
6033
- "className"
6036
+ var className = _param.className, selectedDayClassName = _param.selectedDayClassName, todayDayClassName = _param.todayDayClassName, props = _object_without_properties(_param, [
6037
+ "className",
6038
+ "selectedDayClassName",
6039
+ "todayDayClassName"
6034
6040
  ]);
6035
6041
  return /* @__PURE__ */ jsxs14(CalendarRac, _object_spread_props(_object_spread({}, props), {
6036
6042
  className: composeRenderProps2(className, function(className2) {
@@ -6038,7 +6044,10 @@ function Calendar(_param) {
6038
6044
  }),
6039
6045
  children: [
6040
6046
  /* @__PURE__ */ jsx21(CalendarHeader, {}),
6041
- /* @__PURE__ */ jsx21(CalendarGridComponent, {})
6047
+ /* @__PURE__ */ jsx21(CalendarGridComponent, {
6048
+ selectedDayClassName: selectedDayClassName,
6049
+ todayDayClassName: todayDayClassName
6050
+ })
6042
6051
  ]
6043
6052
  }));
6044
6053
  }
@@ -6123,7 +6132,7 @@ var InputContainer = function(param) {
6123
6132
  }));
6124
6133
  };
6125
6134
  var DateInputContainer = function(param) {
6126
- 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;
6135
+ 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, _param_selectedDayClassName = param.selectedDayClassName, selectedDayClassName = _param_selectedDayClassName === void 0 ? "" : _param_selectedDayClassName, _param_todayDayClassName = param.todayDayClassName, todayDayClassName = _param_todayDayClassName === void 0 ? "" : _param_todayDayClassName;
6127
6136
  var containerProps = useMemo9(function() {
6128
6137
  return {
6129
6138
  containerClassName: containerClassName,
@@ -6217,6 +6226,8 @@ var DateInputContainer = function(param) {
6217
6226
  children: /* @__PURE__ */ jsx22(Dialog2, {
6218
6227
  className: "max-h-[inherit] overflow-auto p-2",
6219
6228
  children: /* @__PURE__ */ jsx22(Calendar, {
6229
+ selectedDayClassName: selectedDayClassName,
6230
+ todayDayClassName: todayDayClassName,
6220
6231
  className: cn("bg-white", calendarClassName)
6221
6232
  })
6222
6233
  })
@@ -7082,7 +7093,7 @@ function DatePicker2(param) {
7082
7093
  return function(form) {
7083
7094
  return _ref.apply(this, arguments);
7084
7095
  };
7085
- }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
7096
+ }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_calendarClassName = param.calendarClassName, calendarClassName = _param_calendarClassName === void 0 ? "" : _param_calendarClassName, _param_selectedDayClassName = param.selectedDayClassName, selectedDayClassName = _param_selectedDayClassName === void 0 ? "" : _param_selectedDayClassName, _param_todayDayClassName = param.todayDayClassName, todayDayClassName = _param_todayDayClassName === void 0 ? "" : _param_todayDayClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
7086
7097
  var _useState11 = _sliced_to_array(useState11(false), 2), isLoading = _useState11[0], setIsLoading = _useState11[1];
7087
7098
  var onSubmit = /*#__PURE__*/ function() {
7088
7099
  var _ref = _async_to_generator(function(e) {
@@ -7162,6 +7173,8 @@ function DatePicker2(param) {
7162
7173
  children: /* @__PURE__ */ jsx24(Dialog3, {
7163
7174
  className: "max-h-[inherit] overflow-auto p-2",
7164
7175
  children: /* @__PURE__ */ jsx24(Calendar, {
7176
+ selectedDayClassName: selectedDayClassName,
7177
+ todayDayClassName: todayDayClassName,
7165
7178
  className: cn("bg-white", calendarClassName)
7166
7179
  })
7167
7180
  })
@@ -7203,6 +7216,8 @@ function DatePicker2(param) {
7203
7216
  children: /* @__PURE__ */ jsx24(Dialog3, {
7204
7217
  className: "max-h-[inherit] overflow-auto p-2",
7205
7218
  children: /* @__PURE__ */ jsx24(Calendar, {
7219
+ selectedDayClassName: selectedDayClassName,
7220
+ todayDayClassName: todayDayClassName,
7206
7221
  className: cn("bg-white", calendarClassName)
7207
7222
  })
7208
7223
  })
package/dist/hooks/index.d.mts CHANGED
@@ -48,6 +48,12 @@ interface OnSnapshotConfig extends OnSnapshotParsers {
48
48
  parseAs?: "object" | "array";
49
49
  subscribeTo?: "cache" | "db";
50
50
  }
51
+ interface OnSnapshotConfigDocument extends Omit<OnSnapshotParsers, "onAdd"> {
52
+ collectionName: string;
53
+ documentId: string;
54
+ extraParsers?: Omit<OnSnapshotParsers, "onAdd">[];
55
+ conditions?: WhereCondition[];
56
+ }
51
57
 
52
58
  interface GetDataPayload<T = any> {
53
59
  key: string;
@@ -94,6 +100,7 @@ interface UseDbSnapshotsSettings {
94
100
  };
95
101
  }
96
102
  declare const useDbSnapshots: (configs: OnSnapshotConfig[], label?: string, settings?: UseDbSnapshotsSettings) => void;
103
+ declare const useDbDocumentSnapshots: (configs: OnSnapshotConfigDocument[], label?: string, settings?: UseDbSnapshotsSettings) => void;
97
104
  declare const useSmartSnapshots: (configs: OnSnapshotConfig[], label?: string, settings?: UseDbSnapshotsSettings) => {
98
105
  groupedConfig: {
99
106
  configForDb: OnSnapshotConfig[];
@@ -105,4 +112,4 @@ declare const useSocketSnapshots: (configs: OnSnapshotConfig[], label?: string,
105
112
  socketConnected: boolean;
106
113
  };
107
114
 
108
- export { type RunWorkerFunction, type UseWebWorkerOptions, type WebWorkerFunction, useDbSnapshots, useDeepCompareEffect, useDeepCompareMemo, useDocumentTitle, useSafeEffect, useSetUserCountry, useSmartSnapshots, useSocketSnapshots, useWebWorker };
115
+ export { type RunWorkerFunction, type UseWebWorkerOptions, type WebWorkerFunction, useDbDocumentSnapshots, useDbSnapshots, useDeepCompareEffect, useDeepCompareMemo, useDocumentTitle, useSafeEffect, useSetUserCountry, useSmartSnapshots, useSocketSnapshots, useWebWorker };
package/dist/hooks/index.d.ts CHANGED
@@ -48,6 +48,12 @@ interface OnSnapshotConfig extends OnSnapshotParsers {
48
48
  parseAs?: "object" | "array";
49
49
  subscribeTo?: "cache" | "db";
50
50
  }
51
+ interface OnSnapshotConfigDocument extends Omit<OnSnapshotParsers, "onAdd"> {
52
+ collectionName: string;
53
+ documentId: string;
54
+ extraParsers?: Omit<OnSnapshotParsers, "onAdd">[];
55
+ conditions?: WhereCondition[];
56
+ }
51
57
 
52
58
  interface GetDataPayload<T = any> {
53
59
  key: string;
@@ -94,6 +100,7 @@ interface UseDbSnapshotsSettings {
94
100
  };
95
101
  }
96
102
  declare const useDbSnapshots: (configs: OnSnapshotConfig[], label?: string, settings?: UseDbSnapshotsSettings) => void;
103
+ declare const useDbDocumentSnapshots: (configs: OnSnapshotConfigDocument[], label?: string, settings?: UseDbSnapshotsSettings) => void;
97
104
  declare const useSmartSnapshots: (configs: OnSnapshotConfig[], label?: string, settings?: UseDbSnapshotsSettings) => {
98
105
  groupedConfig: {
99
106
  configForDb: OnSnapshotConfig[];
@@ -105,4 +112,4 @@ declare const useSocketSnapshots: (configs: OnSnapshotConfig[], label?: string,
105
112
  socketConnected: boolean;
106
113
  };
107
114
 
108
- export { type RunWorkerFunction, type UseWebWorkerOptions, type WebWorkerFunction, useDbSnapshots, useDeepCompareEffect, useDeepCompareMemo, useDocumentTitle, useSafeEffect, useSetUserCountry, useSmartSnapshots, useSocketSnapshots, useWebWorker };
115
+ export { type RunWorkerFunction, type UseWebWorkerOptions, type WebWorkerFunction, useDbDocumentSnapshots, useDbSnapshots, useDeepCompareEffect, useDeepCompareMemo, useDocumentTitle, useSafeEffect, useSetUserCountry, useSmartSnapshots, useSocketSnapshots, useWebWorker };