bianic-ui 1.9.3 → 1.10.1

package/dist/cjs/types/components/Forms/DatePicker/DatePicker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface DatePickerProps extends React.HTMLAttributes<HTMLInputElement> {
+    value?: Date;
+}
+declare function DatePicker({ value, onChange }: DatePickerProps): React.JSX.Element;
+export default DatePicker;

package/dist/cjs/types/components/Forms/DatePicker/DatePickerSimulation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Simulation: () => React.JSX.Element;
+export default Simulation;

package/dist/cjs/types/components/Forms/DatePicker/PickerCalendar.d.ts

@@ -0,0 +1,7 @@
+import React, { ChangeEvent, ComponentPropsWithRef } from 'react';
+interface PickerCalendarProps extends ComponentPropsWithRef<'div'> {
+    selectedDate?: Date;
+    onDateChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+declare const PickerCalendar: ({ selectedDate, onDateChange, ref, }: PickerCalendarProps) => React.JSX.Element;
+export default PickerCalendar;

package/dist/cjs/types/components/Forms/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export { default as DatePicker } from './DatePicker';

package/dist/cjs/types/components/Forms/Dropdown/DropdownItem.d.ts

@@ -1,12 +1,15 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
+interface valueObject {
+    [key: string]: any;
+}
 export interface DropdownItemProps extends Omit<ComponentPropsWithRef<'button'>, 'content'> {
     children?: ReactNode | undefined;
     content: string | ReactNode;
     className?: string;
-    onClickItem?: (event: React.MouseEvent<HTMLElement>, val: string | number) => void;
+    onClickItem?: (event: React.MouseEvent<HTMLElement>, val: string | number | valueObject) => void;
     onClose?: () => void;
     size?: 'sm' | 'md';
-    value?: string | number;
+    value?: string | number | valueObject;
     disabled?: boolean;
     zIndex?: number;
 }

package/dist/cjs/types/components/Forms/Dropdown/config.d.ts

@@ -1,4 +1,8 @@
-declare const sizeConfig: {
+declare const containerSizeConfig: {
+    sm: string;
+    md: string;
+};
+declare const itemSizeConfig: {
     sm: string;
     md: string;
 };
@@ -6,4 +10,4 @@ declare const fontConfig: {
     sm: string;
     md: string;
 };
-export { sizeConfig, fontConfig };
+export { containerSizeConfig, fontConfig, itemSizeConfig };

package/dist/cjs/types/components/Forms/SegmentButton/SegmentButtonItem.d.ts

@@ -7,4 +7,4 @@ export interface SegmentButtonItemProps extends ComponentPropsWithoutRef<'button
     isfitContent?: boolean;
     onClick: () => void;
 }
-export default function SegmentButtonItem({ selected, size, children, disabled, isfitContent, onClick, }: SegmentButtonItemProps): React.JSX.Element;
+export default function SegmentButtonItem({ className, selected, size, children, disabled, isfitContent, onClick, }: SegmentButtonItemProps): React.JSX.Element;

package/dist/cjs/types/components/Forms/SegmentButton/config.d.ts

@@ -20,4 +20,10 @@ declare const minWidthConfig: {
     sm: string;
     tn: string;
 };
-export { isSelectedConfig, roundedConfig, sizeConfig, minWidthConfig };
+declare const minHeightConfig: {
+    lg: string;
+    md: string;
+    sm: string;
+    tn: string;
+};
+export { isSelectedConfig, roundedConfig, sizeConfig, minWidthConfig, minHeightConfig, };

package/dist/cjs/types/components/Forms/SelectInput/Example/CustomDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CustomDropdown: () => React.JSX.Element;
+export default CustomDropdown;

package/dist/cjs/types/components/Forms/SelectInput/PropsInterface.d.ts

@@ -1,16 +1,19 @@
 import { ComponentPropsWithoutRef } from 'react';
+import { DropdownContainerProps } from '../Dropdown/DropdownContainer';
 interface SelectInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
     descText?: string;
     disabled?: boolean;
     id?: string;
     size?: 'md' | 'sm';
     label?: string;
-    options: any;
+    options?: any;
     required?: boolean;
     selected?: string | number | {
         label: string | null;
     };
     setSelected?: any;
     onClickDropdown?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    children?: React.ReactNode;
+    dropContProps?: Omit<DropdownContainerProps, 'children'>;
 }
 export default SelectInputProps;

package/dist/cjs/types/components/Forms/SelectInput/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import SelectInputProps from './PropsInterface';
-declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, onClickDropdown, ...props }: SelectInputProps): React.JSX.Element;
+declare function SelectInput({ descText, disabled, size, id, label, options, required, selected, setSelected, onClickDropdown, children, dropContProps: { className: dropContClassName, ...restDropContProps }, ...props }: SelectInputProps): React.JSX.Element;
 declare namespace SelectInput {
     var defaultProps: {
         descText: string;

package/dist/cjs/types/components/Forms/TextInput/PropsInterface.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
-interface TextInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
+import { ChangeEvent, ComponentPropsWithRef } from 'react';
+interface TextInputProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {
     descText?: string;
     disabled?: boolean;
     icon?: React.ReactNode;

package/dist/cjs/types/components/Forms/TextInput/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import TextInputProps from './PropsInterface';
 import './style.css';
-declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, inputClassName, isFlatRight, actionElement, autoComplete, ...props }: TextInputProps): React.JSX.Element;
+declare function TextInput({ descText, disabled, icon, id, size, isValid, label, placeholder, readOnly, required, variant, value, onChange, maxLength, inputClassName, isFlatRight, actionElement, autoComplete, ref, ...props }: TextInputProps): React.JSX.Element;
 declare namespace TextInput {
     var defaultProps: {
         descText: string;

package/dist/cjs/types/components/Forms/index.d.ts

@@ -8,3 +8,4 @@ export { default as Toggle } from './Toggle';
 export { SegmentButtonItem, SegmentButtonGroup } from './SegmentButton';
 export { FormGroup, FormGroupButton, FormGroupLabel } from './Group';
 export { DropdownContainer, DropdownItem } from './Dropdown';
+export { default as DatePicker } from './DatePicker/DatePicker';

package/dist/cjs/types/components/index.d.ts

@@ -10,7 +10,7 @@ export { default as Color } from './Color';
 export { default as Divider } from './Divider/Divider';
 export { default as FileTree } from './FileTree';
 export { MenuContainer, MenuItem } from './Menu';
-export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, } from './Forms';
+export { TextInput, Radio, TextArea, Checkbox, SelectInput, LiveSearch, Toggle, SegmentButtonItem, SegmentButtonGroup, FormGroup, FormGroupButton, FormGroupLabel, DropdownItem, DropdownContainer, DatePicker, } from './Forms';
 export * from './Icons';
 export { default as Modal } from './Modal/Modal';
 export { default as PaginationBar } from './PaginationBar/PaginationBar';

package/dist/cjs/types/stories/Form/DatePicker/Datepicker.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+import { DatePicker } from '../../../components';
+declare const meta: {
+    title: string;
+    component: typeof DatePicker;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DateInputDemo: Story;

package/dist/cjs/types/stories/Form/DatePicker/DatepickerSimulation.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SimulationDemo: Story;

package/dist/cjs/types/stories/Form/SegmentButton.stories.d.ts

@@ -12,3 +12,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Demo: Story;
+export declare const IconOnlyDemo: Story;

package/dist/cjs/types/stories/Form/SelectInput/SelectInput.stories.d.ts

@@ -12,4 +12,3 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Demo: Story;
 export declare const WithCaption: Story;
-export declare const CustomOption: Story;

package/dist/cjs/types/stories/Form/SelectInput/SelectInputCustom.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: () => import("react").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CustomDropdown: Story;

package/dist/cjs/types/utility/helper.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const childrenElement: (element: any) => any;
 declare const validUnion: (value: any, union: any) => any;
-declare const useDetectOutsideClick: (ref: React.RefObject<HTMLElement>, initialState: boolean, event?: string) => (boolean | import("react").Dispatch<import("react").SetStateAction<boolean>>)[];
+declare const useDetectOutsideClick: (ref: React.RefObject<HTMLElement>, initialState: boolean, ignoreRef: React.RefObject<HTMLElement>, event?: string) => (boolean | import("react").Dispatch<import("react").SetStateAction<boolean>>)[];
 export { childrenElement, validUnion, useDetectOutsideClick };