globalfy-design-system 1.15.0 → 1.17.0

package/dist/components/atoms/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
-import { DatePickerProps } from './DatePicker.types';
+import { DayPickerSingleProps } from 'react-day-picker';
 
-export declare const DatePicker: ({ ...props }: DatePickerProps) => JSX.Element;
+export type DatePickerProps = Omit<DayPickerSingleProps, "mode">;
+export declare const DatePicker: ({ selected, ...props }: DatePickerProps) => JSX.Element;

package/dist/components/atoms/DatePicker/DatePicker.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const meta: {
     title: string;
-    component: ({ ...props }: import('./DatePicker.types').DatePickerProps) => JSX.Element;
+    component: ({ selected, ...props }: import('./DatePicker').DatePickerProps) => JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/components/atoms/DatePicker/index.d.ts

@@ -1,2 +1 @@
 export * from './DatePicker';
-export * from './DatePicker.types';

package/dist/components/atoms/Input/Input.d.ts

@@ -1,7 +1,22 @@
 import { default as React } from 'react';
 
+export type InputProps = {
+    label?: string;
+    placeholder?: string;
+    message?: string;
+    icon?: React.ReactNode;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    isValid?: boolean;
+    disabled?: boolean;
+    value?: string;
+    isDatePicker?: boolean;
+    iconAction?: () => void;
+    iconSize?: "small" | "large";
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
+export type InputPasswordProps = Omit<InputProps, "icon" | "type" | "isDatePicker">;
 export declare const Input: React.ForwardRefExoticComponent<{
-    label: string;
+    label?: string | undefined;
     placeholder?: string | undefined;
     message?: string | undefined;
     icon?: React.ReactNode;

package/dist/components/atoms/Input/Input.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<{
-        label: string;
+        label?: string | undefined;
         placeholder?: string | undefined;
         message?: string | undefined;
         icon?: import('react').ReactNode;

package/dist/components/atoms/Input/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Input';
 export * from './InputPassword';
-export * from './Input.types';

package/dist/components/atoms/TextArea/TextArea.d.ts

@@ -1,9 +1,18 @@
-/// <reference types="react" />
+import { TextareaHTMLAttributes } from 'react';
+
+export type TextAreaProps = {
+    label?: string;
+    message?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    allowResize?: boolean;
+    value?: string;
+} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
 export declare const TextArea: import('react').ForwardRefExoticComponent<{
-    label: string;
+    label?: string | undefined;
     message?: string | undefined;
     isInvalid?: boolean | undefined;
     isValid?: boolean | undefined;
     allowResize?: boolean | undefined;
     value?: string | undefined;
-} & Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "color" | "onFocus" | "onBlur" | "size"> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/components/atoms/TextArea/TextArea.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<{
-        label: string;
+        label?: string | undefined;
         message?: string | undefined;
         isInvalid?: boolean | undefined;
         isValid?: boolean | undefined;

package/dist/components/atoms/TextArea/index.d.ts

@@ -1,2 +1 @@
 export * from './TextArea';
-export * from './TextArea.types';

package/dist/components/molecules/DatePickerInput/DatePickerInput.d.ts

@@ -1,3 +1,8 @@
-import { DatePickerInputProps } from './DatePickerInput.types';
-
-export declare const DatePickerInput: ({ label, initialDate, onSelect, dateFormat }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+export type DatePickerInputProps = {
+    label?: string;
+    onSelect?: (date: Date | undefined) => void;
+    initialDate?: Date;
+    dateFormat?: string;
+    disabled?: boolean;
+};
+export declare const DatePickerInput: ({ label, initialDate, onSelect, dateFormat, disabled }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/DatePickerInput/DatePickerInput.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ label, initialDate, onSelect, dateFormat }: import('./DatePickerInput.types').DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, initialDate, onSelect, dateFormat, disabled }: import('./DatePickerInput').DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
 };
 export default meta;

package/dist/components/molecules/DatePickerInput/index.d.ts

@@ -1,2 +1 @@
 export * from './DatePickerInput';
-export * from './DatePickerInput.types';

package/dist/globalfy-design-system.js

@@ -47731,7 +47731,7 @@ const Vj = Aj, Tj = Cj, Hj = Zj, zj = Ej, Av0 = ({
       N
     ]);
     return /* @__PURE__ */ A.jsx("div", { className: "w-full", children: /* @__PURE__ */ A.jsxs(x, { ...M(), children: [
-      z ? S : null,
+      z && C ? S : null,
       /* @__PURE__ */ A.jsxs(
         "div",
         {
@@ -51772,15 +51772,19 @@ const iX = (e) => {
       }
     )
   ] });
-}, sX = ({ ...e }) => /* @__PURE__ */ A.jsx(
+}, sX = ({
+  selected: e,
+  ...r
+}) => /* @__PURE__ */ A.jsx(
   aX,
   {
-    disabled: (r) => r > /* @__PURE__ */ new Date() || r < /* @__PURE__ */ new Date("1900-01-01"),
+    ...r,
+    mode: "single",
     components: {
       Caption: iX
     },
     showOutsideDays: !0,
-    ...e
+    selected: typeof e == "string" ? new Date(e) : void 0
   }
 ), ZP = ({
   children: e,
@@ -57948,37 +57952,32 @@ const Uv0 = ({
   label: e,
   initialDate: r,
   onSelect: t,
-  dateFormat: o
+  dateFormat: o,
+  disabled: a
 }) => {
-  const [a, s] = p0(!1), [l, c] = p0(r), u = () => {
-    s(!0);
-  }, d = (p) => {
-    t && t(p), c(p), h();
-  }, h = () => {
-    s(!1);
+  const [s, l] = p0(!1), [c, u] = p0(r), d = () => {
+    l(!0);
+  }, h = (g) => {
+    t && t(g), u(g), p();
+  }, p = () => {
+    l(!1);
   };
   return /* @__PURE__ */ A.jsx(
     yW,
     {
-      isOpen: a,
-      align: "end",
-      onInteractOutside: h,
-      content: /* @__PURE__ */ A.jsx(
-        sX,
-        {
-          selected: l,
-          onSelect: d,
-          mode: "single"
-        }
-      ),
+      isOpen: s,
+      align: "start",
+      onInteractOutside: p,
+      content: /* @__PURE__ */ A.jsx(sX, { selected: c, onSelect: h }),
       children: /* @__PURE__ */ A.jsx("div", { children: /* @__PURE__ */ A.jsx(
         kH,
         {
-          value: l ? Ue(l, o ?? "dd/MM/yyyy") : "",
-          onClick: u,
+          value: c ? Ue(c, o ?? "dd/MM/yyyy") : "",
+          onClick: d,
           isDatePicker: !0,
           label: e,
-          icon: "calendar"
+          icon: "calendar",
+          disabled: a
         }
       ) })
     }