@herca/r-kit 0.0.24 → 0.0.25

package/dist/index.d.cts

@@ -476,6 +476,8 @@ interface CalendarProps {
     onEventClick?: (event?: CalendarEvent) => void;
     backdropOnClick?: (day?: CalendarDay) => void;
     showDefaultController?: boolean;
+    onMonthChange?: (month: number) => void;
+    onYearChange?: (year: number) => void;
 }
 type CalendarState = {
     currentMonth: number;
@@ -533,7 +535,7 @@ declare const ItemDropdown: ({ active, value, onClick, }: {
     onClick: () => void;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, showDefaultController, }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, onMonthChange, onYearChange, showDefaultController, }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 declare const getCalendarDays: ({ currentYear, currentMonth, }: GetCalendarDaysProps) => {
     date: number;
@@ -914,6 +916,7 @@ interface InputProps extends Omit<react.ComponentProps<'input'>, 'size'>, InputV
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 interface FileItem {
+    id?: string;
     file: File;
     label?: string;
     hint?: string;
@@ -982,11 +985,11 @@ declare const ModalPreviewAttachment: ({ onClose, open, src, name, type, iframeP
 interface InputOTPProps {
     length?: number;
     value: string;
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
     label?: string;
     hint?: string;
-    description?: string;
-    errorMessages?: string | string[];
+    description?: string | undefined;
+    errorMessages?: string | string[] | undefined;
     disabled?: boolean;
     className?: string;
     size?: 'sm' | 'md' | 'lg';
@@ -1250,7 +1253,7 @@ interface TextWithChildren extends TextBaseProps {
     value?: never;
 }
 interface TextWithValue extends TextBaseProps {
-    value: string;
+    value?: string | null | undefined;
     children?: never;
 }
 type TextProps = TextWithChildren | TextWithValue;

package/dist/index.d.ts

@@ -476,6 +476,8 @@ interface CalendarProps {
     onEventClick?: (event?: CalendarEvent) => void;
     backdropOnClick?: (day?: CalendarDay) => void;
     showDefaultController?: boolean;
+    onMonthChange?: (month: number) => void;
+    onYearChange?: (year: number) => void;
 }
 type CalendarState = {
     currentMonth: number;
@@ -533,7 +535,7 @@ declare const ItemDropdown: ({ active, value, onClick, }: {
     onClick: () => void;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, showDefaultController, }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ showNavigator, showHeader, value, onChange, disabledDates, dayConfigs, defaultMonth, defaultYear, styleConfig, wrapperClassname, weekWrapperClassname, dayWrapperClassname, daysOfWeek, months, showNextNavigator, showPrevNavigator, mode, rangeValue, size, variant, events, showCalendarTooltip, type, onTypeChange, onEventClick, backdropOnClick, onMonthChange, onYearChange, showDefaultController, }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 declare const getCalendarDays: ({ currentYear, currentMonth, }: GetCalendarDaysProps) => {
     date: number;
@@ -914,6 +916,7 @@ interface InputProps extends Omit<react.ComponentProps<'input'>, 'size'>, InputV
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 interface FileItem {
+    id?: string;
     file: File;
     label?: string;
     hint?: string;
@@ -982,11 +985,11 @@ declare const ModalPreviewAttachment: ({ onClose, open, src, name, type, iframeP
 interface InputOTPProps {
     length?: number;
     value: string;
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
     label?: string;
     hint?: string;
-    description?: string;
-    errorMessages?: string | string[];
+    description?: string | undefined;
+    errorMessages?: string | string[] | undefined;
     disabled?: boolean;
     className?: string;
     size?: 'sm' | 'md' | 'lg';
@@ -1250,7 +1253,7 @@ interface TextWithChildren extends TextBaseProps {
     value?: never;
 }
 interface TextWithValue extends TextBaseProps {
-    value: string;
+    value?: string | null | undefined;
     children?: never;
 }
 type TextProps = TextWithChildren | TextWithValue;

package/dist/index.js

@@ -7715,7 +7715,7 @@ var ModalPreviewAttachment = ({
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-between", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx("button", { onClick: onClose, className: "cursor-pointer", children: /* @__PURE__ */ jsx(Icon_default, { name: "times", color: "white" }) }),
+              /* @__PURE__ */ jsx("button", { onClick: onClose, className: "cursor-pointer", type: "button", children: /* @__PURE__ */ jsx(Icon_default, { name: "times", color: "white" }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
                 iconName && /* @__PURE__ */ jsx(Icon_default, { name: iconName, size: 48 }),
                 /* @__PURE__ */ jsx(
@@ -7821,8 +7821,26 @@ var ZoomController = ({
   minZoom
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx(Button, { size: "icon", onClick: onZoomIn, disabled: zoom >= maxZoom, children: /* @__PURE__ */ jsx(Icon_default, { name: "search-plus-fill" }) }),
-    /* @__PURE__ */ jsx(Button, { size: "icon", onClick: onZoomOut, disabled: zoom <= minZoom, children: /* @__PURE__ */ jsx(Icon_default, { name: "search-minus-fill" }) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "icon",
+        onClick: onZoomIn,
+        disabled: zoom >= maxZoom,
+        type: "button",
+        children: /* @__PURE__ */ jsx(Icon_default, { name: "search-plus-fill" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "icon",
+        onClick: onZoomOut,
+        disabled: zoom <= minZoom,
+        type: "button",
+        children: /* @__PURE__ */ jsx(Icon_default, { name: "search-minus-fill" })
+      }
+    ),
     /* @__PURE__ */ jsxs(Button, { color: "secondary", onClick: onDownload, children: [
       /* @__PURE__ */ jsx(Icon_default, { name: "download" }),
       /* @__PURE__ */ jsx(
@@ -8044,6 +8062,7 @@ var InputFile = forwardRef(
         }
       }
       const mapped = selectedFiles.map((file) => ({
+        id: crypto.randomUUID(),
         file,
         customName: file.name,
         preview: URL.createObjectURL(file)
@@ -8321,7 +8340,7 @@ var InputFile = forwardRef(
             customName: customNames[i] ?? item.customName ?? item.file.name,
             disabled
           },
-          i
+          item?.id
         )) })
       ] })
     ] });
@@ -8573,7 +8592,7 @@ var InputOTP = ({
     if (!/^\d?$/.test(char)) return;
     const next = [...values];
     next[index] = char;
-    onChange(next.join(""));
+    onChange?.(next.join(""));
     if (char && index < length - 1) {
       focusInput(index + 1);
     }
@@ -9611,7 +9630,7 @@ function Textarea({
       description,
       errorMessages,
       className,
-      required: props.required,
+      required: false,
       children: /* @__PURE__ */ jsx(
         "textarea",
         {
@@ -11201,6 +11220,8 @@ var Calendar2 = ({
   onTypeChange,
   onEventClick,
   backdropOnClick,
+  onMonthChange,
+  onYearChange,
   showDefaultController = false
 }) => {
   const currentDate = /* @__PURE__ */ new Date();
@@ -11276,6 +11297,8 @@ var Calendar2 = ({
       newMonth = 0;
       newYear += 1;
     }
+    onMonthChange?.(newMonth);
+    onYearChange?.(newYear);
     setCurrentMonth(newMonth);
     setCurrentYear(newYear);
   };