@zimyo/ui 1.3.0 → 1.5.0

package/dist/Switch/index.esm.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"react";import{FormControl as i,FormControlLabel as t,Switch as a,FormHelperText as d}from"@mui/material";const l=o.forwardRef(({label:o="",helperText:l="",error:c=!1,onChange:n,checked:m,required:f=!1,disabled:h=!1,...s},p)=>e(i,{error:c,disabled:h,component:"fieldset",children:[r(t,{control:r(a,{inputRef:p,checked:m,onChange:(e,r)=>n?.(e,r),disabled:h,required:1==f||!0===f,...s}),label:o}),l&&r(d,{children:l})]}));export{l as Switch,l as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import a from"react";import{FormControl as o,FormControlLabel as i,Switch as l,FormHelperText as t}from"@mui/material";const d=a.forwardRef(({label:a="",helperText:d="",error:c=!1,onChange:m,checked:n,required:s=!1,disabled:f=!1,className:h,...p},u)=>e(o,{className:h,error:c,disabled:f,component:"fieldset",children:[r(i,{control:r(l,{inputRef:u,checked:n,onChange:(e,r)=>m?.(e,r),disabled:f,required:1==s||!0===s,...p}),label:a}),d&&r(t,{children:d})]}));export{d as Switch,d as default};

package/dist/Switch/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const o=r.forwardRef(({label:r="",helperText:o="",error:l=!1,onChange:i,checked:d,required:s=!1,disabled:a=!1,...c},n)=>e.jsxs(t.FormControl,{error:l,disabled:a,component:"fieldset",children:[e.jsx(t.FormControlLabel,{control:e.jsx(t.Switch,{inputRef:n,checked:d,onChange:(e,r)=>i?.(e,r),disabled:a,required:1==s||!0===s,...c}),label:r}),o&&e.jsx(t.FormHelperText,{children:o})]}));exports.Switch=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const l=r.forwardRef(({label:r="",helperText:l="",error:o=!1,onChange:s,checked:a,required:i=!1,disabled:c=!1,className:d,...n},u)=>e.jsxs(t.FormControl,{className:d,error:o,disabled:c,component:"fieldset",children:[e.jsx(t.FormControlLabel,{control:e.jsx(t.Switch,{inputRef:u,checked:a,onChange:(e,r)=>s?.(e,r),disabled:c,required:1==i||!0===i,...n}),label:r}),l&&e.jsx(t.FormHelperText,{children:l})]}));exports.Switch=l,exports.default=l;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React$1 from 'react';
 import React__default from 'react';
-import { ButtonProps as ButtonProps$1, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TextFieldProps, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
+import { ButtonProps as ButtonProps$1, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, SwitchProps as SwitchProps$1, TypographyProps, SxProps as SxProps$1 } from '@mui/material';
 import { SxProps } from '@mui/system';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Props, GroupBase } from 'react-select';
@@ -15,12 +15,14 @@ interface ButtonProps extends Omit<ButtonProps$1, 'sx'> {
     sx?: SxProps;
     loaderSize?: number;
     loaderPosition?: 'start' | 'end' | 'center';
+    onStartIconClick?: (e: React__default.MouseEvent) => void;
+    onEndIconClick?: (e: React__default.MouseEvent) => void;
 }
 declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
 interface Option {
-    label: string;
-    value: string | number;
+    label?: string;
+    value?: string | number;
     [key: string]: any;
 }
 type SelectSize = "sm" | "md" | "lg";
@@ -34,8 +36,10 @@ type SelectProps<OptionType extends Option> = {
     required?: boolean;
     valueKey?: string;
     labelKey?: string;
+    searchByID?: boolean;
+    value?: any;
 } & Props<OptionType, boolean, GroupBase<OptionType>>;
-declare function Select<OptionType extends Option>({ label, error, className, size, required, valueKey, labelKey, ...props }: SelectProps<OptionType>): react_jsx_runtime.JSX.Element;
+declare function Select<OptionType extends Option>({ label, error, className, size, required, valueKey, labelKey, isMulti, value, options, onChange, searchByID, ...props }: SelectProps<OptionType>): react_jsx_runtime.JSX.Element;
 
 interface AccordionProps extends Omit<AccordionProps$1, 'sx' | 'onChange' | 'expanded'> {
     type?: 'single' | 'multiple';
@@ -74,19 +78,6 @@ interface SwitchProps extends Omit<SwitchProps$1, 'onChange'> {
 }
 declare const Switch: React__default.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
-interface TextInputProps extends Omit<TextFieldProps, 'variant'> {
-    label?: string;
-    placeholder?: string;
-    IS_MANDATORY?: boolean | number | string;
-    startIcon?: React__default.ReactNode;
-    endIcon?: React__default.ReactNode;
-    error?: boolean;
-    variant?: 'outlined' | 'filled' | 'standard';
-    helperText?: string;
-    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'search';
-}
-declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
 interface RadioOption {
     value: string;
     label: string;
@@ -192,7 +183,7 @@ declare const badgeVariants: (props?: ({
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
-type InputSize = "sm" | "md" | "lg";
+type InputSize$2 = "sm" | "md" | "lg";
 type InputVariant = "outlined" | "contained";
 interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
@@ -200,7 +191,7 @@ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
     error?: string;
     leftIcon?: React$1.ReactNode;
     rightIcon?: React$1.ReactNode;
-    size?: InputSize;
+    size?: InputSize$2;
     variant?: InputVariant;
     allowedPattern?: "number" | "alpha" | RegExp;
 }
@@ -221,6 +212,63 @@ interface NoticeProps {
 }
 declare const Notice: React$1.FC<NoticeProps>;
 
+type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+type DateRange = {
+    from: Date;
+    to: Date;
+};
+type DisabledDateObject = {
+    dayOfWeek: DayOfWeek[];
+} | {
+    before: Date;
+} | {
+    after: Date;
+} | {
+    before: Date;
+    after: Date;
+} | DateRange;
+type DisabledProp = boolean | Date | Date[] | DisabledDateObject;
+type InputSize$1 = "sm" | "md" | "lg";
+type DatePickerVariant$1 = "outlined" | "contained";
+interface DatePickerProps {
+    label?: string;
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    required?: boolean;
+    description?: string;
+    error?: string;
+    disabled?: boolean;
+    variant?: DatePickerVariant$1;
+    size?: InputSize$1;
+    className?: string;
+    disableRange?: DisabledProp;
+}
+declare const DatePicker: React$1.FC<DatePickerProps>;
+
+type InputSize = "sm" | "md" | "lg";
+type DatePickerVariant = "outlined" | "contained";
+interface DateRangePickerProps {
+    label?: string;
+    value?: {
+        from: Date;
+        to: Date;
+    };
+    onChange?: (range: {
+        from: Date;
+        to: Date;
+    } | undefined) => void;
+    placeholder?: string;
+    required?: boolean;
+    description?: string;
+    error?: string;
+    disabled?: boolean;
+    variant?: DatePickerVariant;
+    size?: InputSize;
+    className?: string;
+}
+declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
+
 interface UILibraryThemeProviderProps {
     children: React__default.ReactNode;
     primaryColor?: string;
@@ -310,5 +358,5 @@ declare const designTokens: {
 declare function cn(...inputs: ClassValue[]): string;
 declare function useStableId(prefix?: string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Blockquote, Button, Caption, Code, Drawer, Heading, Input, Lead, Modal, Muted, Notice, RadioGroup, Select, Strong, Switch, Text, TextInput, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, BadgeProps, ButtonProps, DrawerProps, InputProps, ModalProps, NoticeProps, RadioGroupProps, RadioOption, SelectProps, SwitchProps, TextInputProps, ThemeConfig, UILibraryThemeProviderProps };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Blockquote, Button, Caption, Code, DatePicker, DateRangePicker, Drawer, Heading, Input, Lead, Modal, Muted, Notice, RadioGroup, Select, Strong, Switch, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, BadgeProps, ButtonProps, DatePickerProps, DateRangePickerProps, DrawerProps, InputProps, ModalProps, NoticeProps, RadioGroupProps, RadioOption, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };