@wizleap-inc/wiz-ui-react 0.72.0 → 1.0.1

package/dist/components/base/inputs/index.d.ts

@@ -13,3 +13,4 @@ export * from './time-picker';
 export * from './upload';
 export * from './date-picker';
 export * from './date-range-picker';
+export * from './number-input';

package/dist/components/base/inputs/number-input/components/index.d.ts

@@ -0,0 +1 @@
+export { WizNumberInput } from './number-input';

package/dist/components/base/inputs/number-input/components/number-input.d.ts

@@ -0,0 +1,18 @@
+import { BaseProps } from '../../../../../types';
+type Props = BaseProps & {
+    value?: number;
+    onChange?: (e: number | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    width?: string;
+    error?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+};
+export declare const WizNumberInput: {
+    (props: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: "WizNumberInput";
+};
+export {};

package/dist/components/base/inputs/number-input/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/components/base/inputs/number-input/stories/number-input.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { WizNumberInput } from '..';
+declare const meta: Meta<typeof WizNumberInput>;
+export default meta;
+type Story = StoryObj<typeof WizNumberInput>;
+export declare const Default: Story;
+export declare const Placeholder: Story;
+export declare const WithValue: Story;
+export declare const Disabled: Story;

package/dist/components/base/inputs/search-input/components/search-input.d.ts

@@ -1,10 +1,9 @@
-import { FC } from 'react';
 import { TIcon } from '../../../..';
 import { BaseProps } from '../../../../../types';
-import { SearchInputOption } from './types';
-type Props = BaseProps & {
-    options: SearchInputOption[];
-    values: number[];
+import { CheckboxOption, SearchInputOption } from './types';
+type Props<T extends CheckboxOption> = BaseProps & {
+    options: SearchInputOption<T>[];
+    values: T[];
     name?: string;
     placeholder?: string;
     disabled?: boolean;
@@ -17,7 +16,10 @@ type Props = BaseProps & {
     icon?: TIcon;
     showSelectedItem?: boolean;
     showParentLabel?: boolean;
-    onChangeValues: (values: number[]) => void;
+    onChangeValues: (values: T[]) => void;
+};
+export declare const WizSearchInput: {
+    <T extends CheckboxOption>({ className, style, options, values, name, placeholder, disabled, expand, singleSelect, inputWidth, popupWidth, isDirectionFixed, emptyMessage, showSelectedItem, onChangeValues, showParentLabel, icon, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: "WizSearchInput";
 };
-export declare const WizSearchInput: FC<Props>;
 export {};

package/dist/components/base/inputs/search-input/components/search-popup-panel.d.ts

@@ -1,14 +1,13 @@
-import { FC } from 'react';
 import { BaseProps } from '../../../../../types';
-import { SearchInputOption } from './types';
-type Props = BaseProps & {
-    options: SearchInputOption[];
-    values: number[];
+import { CheckboxOption, SearchInputOption } from './types';
+type Props<T extends CheckboxOption> = BaseProps & {
+    options: SearchInputOption<T>[];
+    values: T[];
     width?: string;
     emptyMessage: string;
     singleSelect?: boolean;
-    onChangeValues: (values: number[]) => void;
+    onChangeValues: (values: T[]) => void;
     closePopup: () => void;
 };
-export declare const SearchPopupPanel: FC<Props>;
+export declare const SearchPopupPanel: <T extends CheckboxOption>({ className, style, options, values, width, emptyMessage, singleSelect, onChangeValues, closePopup, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/base/inputs/search-input/components/types.d.ts

@@ -1,9 +1,10 @@
 export type Tag = {
     label: string;
 };
-export type SearchInputOption = {
+export type CheckboxOption = string | number | string[];
+export type SearchInputOption<T = number> = {
     label: string;
-    value: number;
-    children?: SearchInputOption[];
+    value: T;
+    children?: SearchInputOption<T>[];
     tag?: Tag;
 };

package/dist/components/base/inputs/search-input/stories/search-input.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { WizSearchInput } from '..';
 declare const meta: Meta<typeof WizSearchInput>;
 export default meta;
-type Story = StoryObj<typeof WizSearchInput>;
+type Story = StoryObj<typeof WizSearchInput<number>>;
 export declare const Default: Story;
 export declare const LongLabel: Story;
 export declare const Tag: Story;

package/dist/components/base/inputs/search-selector/components/popup-button-group/components/button-item.d.ts

@@ -1,10 +1,9 @@
-import { FC } from 'react';
 import { BaseProps } from '../../../../../../../types';
 import { ButtonItem as ButtonItemType } from '../types';
-type Props = BaseProps & {
-    item: ButtonItemType;
+type Props<T> = BaseProps & {
+    item: ButtonItemType<T>;
     disabled: boolean;
     depth: number;
 };
-export declare const ButtonItem: FC<Props>;
+export declare const ButtonItem: <T>({ className, style, item, disabled, depth, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/base/inputs/search-selector/components/popup-button-group/components/group-item.d.ts

@@ -1,10 +1,9 @@
-import { FC } from 'react';
 import { BaseProps } from '../../../../../../../types';
 import { GroupItem as GroupItemType } from '../types';
-type Props = BaseProps & {
-    item: GroupItemType;
+type Props<T> = BaseProps & {
+    item: GroupItemType<T>;
     disabled: boolean;
     depth: number;
 };
-export declare const GroupItem: FC<Props>;
+export declare const GroupItem: <T>({ className, style, item, disabled, depth, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/base/inputs/search-selector/components/popup-button-group/components/popup-button-group.d.ts

@@ -1,9 +1,8 @@
 import { SpacingKeys } from '@wizleap-inc/wiz-ui-constants';
-import { FC } from 'react';
 import { BaseProps } from '../../../../../../../types';
 import { ButtonGroupItem } from '../types';
-type Props = BaseProps & {
-    options: ButtonGroupItem[];
+type Props<T> = BaseProps & {
+    options: ButtonGroupItem<T>[];
     width?: string;
     p?: SpacingKeys;
     borderRadius?: SpacingKeys;
@@ -13,5 +12,5 @@ type Props = BaseProps & {
     buttonDivider?: boolean;
     depth?: number;
 };
-export declare const PopupButtonGroup: FC<Props>;
+export declare const PopupButtonGroup: <T>({ className, style, options, width, p, borderRadius, disabled, expand, groupDivider, buttonDivider, depth, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/base/inputs/search-selector/components/popup-button-group/types.d.ts

@@ -1,30 +1,30 @@
 import { TIcon } from '../../../../..';
-export interface PopupButtonOption {
+export interface PopupButtonOption<T> {
     label: string;
-    value: number;
+    value?: T;
     exLabel?: string;
     icon?: TIcon;
     iconDefaultColor?: "green.800" | "gray.500";
     disabled?: boolean;
     onClick: () => void;
 }
-export interface ButtonItem {
+export interface ButtonItem<T> {
     kind: "button";
-    option: PopupButtonOption;
+    option: PopupButtonOption<T>;
 }
 interface DividerItem {
     kind: "divider";
 }
-export interface GroupItem {
+export interface GroupItem<T> {
     kind: "group";
     title: string;
-    items: ButtonGroupItem[];
+    items: ButtonGroupItem<T>[];
     groupDivider?: boolean;
     buttonDivider?: boolean;
 }
-export type ButtonGroupItem = ButtonItem | DividerItem | GroupItem;
-export type ItemElement = DividerItem | {
+export type ButtonGroupItem<T> = ButtonItem<T> | DividerItem | GroupItem<T>;
+export type ItemElement<T> = DividerItem | {
     kind: "item";
-    item: Exclude<ButtonGroupItem, DividerItem>;
+    item: Exclude<ButtonGroupItem<T>, DividerItem>;
 };
 export {};

package/dist/components/base/inputs/search-selector/components/search-selector-helper.d.ts

@@ -1,2 +1,2 @@
 import { SearchSelectorOption } from './types';
-export declare function filterOptions(options: SearchSelectorOption[], searchText: string, threshold: number): SearchSelectorOption[];
+export declare function filterOptions<T>(options: SearchSelectorOption<T>[], searchText: string, threshold: number): SearchSelectorOption<T>[];

package/dist/components/base/inputs/search-selector/components/search-selector.d.ts

@@ -1,9 +1,8 @@
-import { FC } from 'react';
 import { BaseProps } from '../../../../../types';
 import { SearchSelectorOption } from './types';
-type Props = BaseProps & {
-    options: SearchSelectorOption[];
-    values: number[];
+type Props<T> = BaseProps & {
+    options: SearchSelectorOption<T>[];
+    values: T[];
     placeholder?: string;
     width?: string;
     disabled?: boolean;
@@ -21,9 +20,12 @@ type Props = BaseProps & {
      * @default 0.75
      */
     threshold?: number;
-    onChangeValues: (values: number[]) => void;
+    onChangeValues: (values: T[]) => void;
     onCreate?: (label: string) => void;
     onInputSearchText?: (text: string) => void;
 };
-export declare const WizSearchSelector: FC<Props>;
+export declare const WizSearchSelector: {
+    <T>({ className, style, options, values, placeholder, width, disabled, expand, multiSelectable, addable, error, isDirectionFixed, showExLabel, dropdownMaxHeight, threshold, onChangeValues, onCreate, onInputSearchText, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: "WizSearchSelector";
+};
 export {};

package/dist/components/base/inputs/search-selector/components/types.d.ts

@@ -1,6 +1,6 @@
-export type SearchSelectorOption = {
+export type SearchSelectorOption<T = number> = {
     label: string;
-    value: number;
+    value: T;
     exLabel?: string;
     disabled?: boolean;
 };

package/dist/components/base/inputs/search-selector/stories/search-selector.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { WizSearchSelector } from '..';
 declare const meta: Meta<typeof WizSearchSelector>;
 export default meta;
-type Story = StoryObj<typeof WizSearchSelector>;
+type Story = StoryObj<typeof WizSearchSelector<number>>;
 export declare const Default: Story;
 export declare const LongWordSelector: Story;
 export declare const Disabled: Story;

package/dist/components/base/inputs/selectbox/components/selectbox.d.ts

@@ -1,14 +1,13 @@
-import { FC } from 'react';
 import { BaseProps } from '../../../../../types';
-type SelectBoxOption = {
+type SelectBoxOption<T = number> = {
     label: string;
     exLabel?: string;
-    value: number;
+    value: T;
     disabled?: boolean;
 };
-type Props = BaseProps & {
-    options: SelectBoxOption[];
-    value: number | null;
+type Props<T> = BaseProps & {
+    options: SelectBoxOption<T>[];
+    value: T | null;
     placeholder?: string;
     width?: string;
     disabled?: boolean;
@@ -17,7 +16,10 @@ type Props = BaseProps & {
     isDirectionFixed?: boolean;
     showExLabel?: boolean;
     dropdownMaxHeight?: string;
-    onChange: (value: number | null) => void;
+    onChange: (value: T | null) => void;
+};
+export declare const WizSelectBox: {
+    <T>({ className, style, options, value, placeholder, width, disabled, expand, error, isDirectionFixed, showExLabel, dropdownMaxHeight, onChange, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: "WizSelectBox";
 };
-export declare const WizSelectBox: FC<Props>;
 export {};

package/dist/components/base/inputs/selectbox/stories/selectbox.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 import { WizSelectBox } from '..';
 declare const meta: Meta<typeof WizSelectBox>;
 export default meta;
-type Story = StoryObj<typeof WizSelectBox>;
+type Story = StoryObj<typeof WizSelectBox<number>>;
 export declare const Default: Story;
 export declare const Disabled: Story;
 export declare const DisabledItems: Story;

package/dist/components/custom/chat/components/chat-card.d.ts

@@ -1,8 +1,8 @@
-import { ComponentProps, FC } from 'react';
+import { ComponentProps } from 'react';
 import { WizSelectBox } from '../../..';
 import { BaseProps } from '../../../../types';
 import { Message } from './types';
-type Props = BaseProps & {
+type Props<T> = BaseProps & {
     textValue: string;
     username: string;
     isOpen: boolean;
@@ -11,13 +11,16 @@ type Props = BaseProps & {
     haveNewMessage?: boolean;
     formRows?: number;
     typingUsername?: string;
-    status?: number | null;
-    statusOptions?: ComponentProps<typeof WizSelectBox>["options"];
+    status?: T | null;
+    statusOptions?: ComponentProps<typeof WizSelectBox<T>>["options"];
     statusPlaceholder?: string;
-    onChangeStatus?: (status: number | null) => void;
+    onChangeStatus?: (status: T | null) => void;
     onChangeTextValue: (value: string) => void;
     onSubmit: () => void;
     onToggle: () => void;
 };
-export declare const WizChatCard: FC<Props>;
+export declare const WizChatCard: {
+    <T>({ className, style, isOpen, textValue, username, placeholder, messages, haveNewMessage, formRows, typingUsername, status, statusOptions, statusPlaceholder, onChangeStatus, onChangeTextValue, onSubmit, onToggle, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: "WizChatCard";
+};
 export {};