fis-component 0.0.32 → 0.0.34

package/dist/esm/types/src/components/MenuSelect/MenuSelect.stories.d.ts

@@ -0,0 +1,64 @@
+import { MenuProps } from "./types";
+declare const meta: {
+    title: string;
+    component: import("react").FC<MenuProps>;
+    tags: string[];
+    argTypes: {
+        placeholder: {
+            control: "text";
+            description: string;
+        };
+        size: {
+            control: "radio";
+            options: string[];
+            description: string;
+        };
+        loading: {
+            control: "boolean";
+            description: string;
+        };
+        noData: {
+            control: "boolean";
+            description: string;
+        };
+        noResult: {
+            control: "boolean";
+            description: string;
+        };
+        combobox: {
+            control: "boolean";
+            description: string;
+        };
+        multi: {
+            control: "boolean";
+            description: string;
+        };
+        negative: {
+            control: "boolean";
+            description: string;
+        };
+        loadingText: {
+            control: "text";
+            description: string;
+        };
+        noDataText: {
+            control: "text";
+            description: string;
+        };
+        noResultText: {
+            control: "text";
+            description: string;
+        };
+        removeSelectedText: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const Loading: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const NoData: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const NoResults: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const MultiSelect: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;
+export declare const Combobox: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MenuProps>;

package/dist/esm/types/src/components/MenuSelect/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MenuProps } from "./types";
+declare const FISMenuSelect: React.FC<MenuProps>;
+export default FISMenuSelect;

package/dist/esm/types/src/components/MenuSelect/styles.d.ts

@@ -0,0 +1,12 @@
+export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivLoaderSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivIconDataSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PTitleSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const DivWrapperMenuSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivSearchSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MenuContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $removeSelectedGroup?: boolean;
+}>> & string;
+export declare const FixedBottomSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PGroupLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/esm/types/src/components/MenuSelect/types.d.ts

@@ -0,0 +1,37 @@
+export interface MenuItem {
+    label: string;
+    description?: string;
+    value: string;
+}
+export interface MenuGroup {
+    groupLabel: string;
+    items: MenuItem[];
+}
+export type MenuSize = "md" | "lg";
+export interface MenuProps {
+    className?: string;
+    placeholder?: string;
+    groups: MenuGroup[];
+    size?: MenuSize;
+    multi?: boolean;
+    selectedValues?: string[];
+    onChangeSelected?: (values: string[]) => void;
+    loading?: boolean;
+    noData?: boolean;
+    noResult?: boolean;
+    onClickMenu?: () => void;
+    combobox?: boolean;
+    negative?: boolean;
+    loadingText?: string;
+    noDataText?: string;
+    noResultText?: string;
+    removeSelectedText?: string;
+    selectedGroupLabel?: string;
+}
+export interface MenuState {
+    search: string;
+    selectedItemsGroup: MenuGroup | null;
+    otherGroups: MenuGroup[];
+    filteredGroups: MenuGroup[];
+    removeSelectedGroup: MenuGroup | null;
+}

package/dist/esm/types/src/components/Select/Select.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from "@storybook/react";
+import { SelectProps } from "./types";
+type ComboboxStoryProps = SelectProps<string>;
+declare const _default: Meta<ComboboxStoryProps>;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const DefaultMulti: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;

package/dist/esm/types/src/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from "./types";
+declare const FISSelect: import("react").ForwardRefExoticComponent<SelectProps<string> & import("react").RefAttributes<HTMLInputElement>>;
+export default FISSelect;

package/dist/esm/types/src/components/Select/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivInputWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivDropdownMenuSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SelectedTagsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/types/src/components/Select/types.d.ts

@@ -0,0 +1,31 @@
+import { InputFieldProps } from "../Input/InputField";
+import { InputLabelProps } from "../Input/InputLabel";
+import { MenuProps } from "../MenuSelect/types";
+export interface SelectOption {
+    groupLabel: string;
+    items: {
+        label: string;
+        description?: string;
+        value: string;
+    }[];
+}
+export type SingleSelect<T> = {
+    multi: false;
+    value: T;
+    onChange: (value: T) => void;
+    displayValue?: (value: SelectOption) => string;
+};
+export type MultiSelect<T> = {
+    multi: true;
+    value: T[];
+    onChange: (value: T[]) => void;
+    displayValue?: (value: SelectOption[]) => string;
+};
+export type SelectProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu"> & {
+    options: SelectOption[];
+    message?: string;
+    placeholderSearch?: string;
+    positive?: boolean;
+    multiDisplayText?: (count: number) => string;
+    renderOption?: (option: SelectOption) => React.ReactNode;
+} & (SingleSelect<T> | MultiSelect<T>);

package/dist/esm/types/src/components/SelectItem/SelectItem.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import FISSelectItem from ".";
+declare const meta: Meta<typeof FISSelectItem>;
+export default meta;
+type Story = StoryObj<typeof FISSelectItem>;
+export declare const Default: Story;
+export declare const WithPrefixIcon: Story;
+export declare const WithSuffixIcon: Story;
+export declare const WithPrefixAndSuffix: Story;
+export declare const ReadOnly: Story;
+export declare const Disabled: Story;
+export declare const WithActiveDropdown: Story;

package/dist/esm/types/src/components/SelectItem/index.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef, JSX } from "react";
+export type SelectSize = "xs" | "sm" | "md" | "lg";
+export interface SelectFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
+    /**Control the size of the component*/
+    size?: SelectSize;
+    /**Prefix for filter value*/
+    iconPrefix?: string | JSX.Element;
+    /**iconSuffix for filter value*/
+    iconSuffix?: string | JSX.Element;
+    /**actived for current field*/
+    actived?: boolean;
+    /**active-dropdown for current field*/
+    activeDropdown?: boolean;
+    /** onClickSuffix for current field Button */
+    onClickSuffix?: () => void;
+    /** onClickPrefix for current field Button */
+    onClickPrefix?: () => void;
+}
+declare const FISSelectItem: import("react").ForwardRefExoticComponent<SelectFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export default FISSelectItem;

package/dist/esm/types/src/components/SelectItem/styles.d.ts

@@ -0,0 +1,10 @@
+import { SelectSize } from ".";
+interface SelectItemProps {
+    $size?: SelectSize;
+}
+export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, SelectItemProps>> & string;
+export declare const DivWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export declare const DivIconPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export declare const DivIconSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectItemProps>> & string;
+export {};

package/dist/esm/types/src/index.d.ts

@@ -19,6 +19,9 @@ export { default as FISAvatar } from "./components/Avatar";
 export { default as FISInputArea } from "./components/Input/InputArea";
 export { default as FISInputStepper } from "./components/Input/InputStepper";
 export { default as FISTooltip } from "./components/Tooltip";
+export { default as FISMenuSelect } from "./components/MenuSelect";
+export { default as FISMenuItem } from "./components/MenuItem";
+export { default as FISMenuSection } from "./components/MenuSection";
 export { default as FISDivider } from "./components/Divider";
 export { default as FISBadge } from "./components/Badge";
 export { default as FISCollapse } from "./components/Collapse";
@@ -36,3 +39,5 @@ export { default as FISAlertBanner } from "./components/AlertBanner";
 export { default as FISProgressCircular } from "./components/ProgressCircular";
 export { default as FISProgressLinear } from "./components/ProgressLinear";
 export { default as FISSplitButton } from "./components/SplitButton";
+export { default as FISSelect } from "./components/Select";
+export { default as FISSelectItem } from "./components/SelectItem";