fis-component 0.0.23 → 0.0.25

package/dist/esm/types/src/components/Input/InputDate/styles.d.ts

@@ -0,0 +1,10 @@
+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 HiddenDatePickerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("antd/es/date-picker/generatePicker").PickerProps<import("dayjs").Dayjs>, "defaultValue" | "onChange" | "value" | "onOk"> & import("react").RefAttributes<import("rc-picker").PickerRef> & {
+    defaultValue?: unknown;
+    value?: unknown;
+    onChange?: ((date: unknown, dateString: string | string[]) => void) | undefined;
+    onOk?: ((date: unknown) => void) | undefined;
+}, "ref"> & {
+    ref?: ((instance: import("rc-picker").PickerRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("rc-picker").PickerRef> | null | undefined;
+}, never>> & string & Omit<import("antd/es/date-picker").DatePickerType, keyof import("react").Component<any, {}, any>>;

package/dist/esm/types/src/components/Input/InputField/index.d.ts

@@ -1,23 +1,30 @@
 import { ComponentPropsWithoutRef, JSX } from "react";
 export type InputTypeSuffix = "icon" | "suffix" | "dropdown";
+export type InputTypePrefix = "prefix" | "dropdown";
 export type InputSize = "md" | "lg";
 export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onClick"> {
     /**Control the size of the component*/
     sizeInput?: InputSize;
     /**Control the style type of component: "icon" | "suffix" | "dropdown" */
     typeSuffix?: InputTypeSuffix;
+    /**Control the style type of component: "prefix" | "dropdown" */
+    typePrefix?: InputTypePrefix;
     /**Prefix for filter value*/
     iconPrefix?: string | JSX.Element;
     /**iconSuffix for filter value*/
     iconSuffix?: string | JSX.Element;
     /**labelSuffix for filter value*/
     labelSuffix?: string | JSX.Element;
+    /**labelPrefix for filter value*/
+    labelPrefix?: string | JSX.Element;
     /**negative for current field*/
     negative?: boolean;
-    /**actived for current field*/
-    actived?: boolean;
-    /** onClick for current field Button */
+    /**active-dropdown for current field*/
+    activeDropdown?: boolean;
+    /** onClickSuffix for current field Button */
     onClickSuffix?: () => void;
+    /** onClickPrefix for current field Button */
+    onClickPrefix?: () => void;
 }
 declare const FISInputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
 export default FISInputField;

package/dist/esm/types/src/components/Input/InputField/styles.d.ts

@@ -1,9 +1,13 @@
 export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DivIconSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivIconPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SpanTextDropSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const DivIconDropSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DivDropdownSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivDropdownSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivDropdownPreFixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DivSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SpanTextSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DivPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanTextSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SpanTextPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 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;

package/dist/esm/types/src/components/Input/InputLabel/index.d.ts

@@ -9,5 +9,8 @@ export interface InputLabelProps {
     /**onClickIconLabel for current field*/
     onClickIconLabel?: () => void;
 }
-declare const FISInputLabel: React.ForwardRefExoticComponent<InputLabelProps & React.RefAttributes<unknown>>;
+declare const FISInputLabel: {
+    (props: InputLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default FISInputLabel;

package/dist/esm/types/src/components/Input/InputText/index.d.ts

@@ -1,21 +1,15 @@
 import React from "react";
 import { InputFieldProps } from "../InputField";
 import { InputLabelProps } from "../InputLabel";
-export interface InputTextProps extends Omit<InputFieldProps, "onChange" | "onEnter" | "onBlur">, Partial<InputLabelProps> {
+export interface InputTextProps extends InputFieldProps, Partial<InputLabelProps> {
     /**Boolean to show the lenght of value user-filled*/
     showCount?: boolean;
     /**Hint text for current field*/
     message?: string;
     /**positive for current field*/
     positive?: boolean;
-    /**value for current field*/
-    value?: string;
-    /** Handle onChange action */
-    onChange?: (value: string | null) => void;
     /** Handle onEnter action */
     onEnter?: (value: string | null) => void;
-    /** Handle onBlur action */
-    onBlur?: (value: string | null) => void;
     /** Handle onKeyDown action */
     onKeyDown?: (event: unknown) => void;
 }

package/dist/esm/types/src/components/Input/InputTime/InputTime.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta } from "@storybook/react";
+import { InputTimeProps } from ".";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, InputTimeProps>;

package/dist/esm/types/src/components/Input/InputTime/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { InputFieldProps } from "../InputField";
+import { InputLabelProps } from "../InputLabel";
+export interface InputTimeProps extends InputFieldProps, Partial<InputLabelProps> {
+    message?: string;
+    positive?: boolean;
+    format?: string;
+}
+declare const FISInputTime: React.ForwardRefExoticComponent<InputTimeProps & React.RefAttributes<HTMLInputElement>>;
+export default FISInputTime;

package/dist/esm/types/src/components/Input/InputTime/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 DivHintWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanHintSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 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 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 HiddenTimePickerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("antd").TimePickerProps, "ref"> & import("react").RefAttributes<import("rc-picker").PickerRef>, "ref"> & {
+    ref?: ((instance: import("rc-picker").PickerRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("rc-picker").PickerRef> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("antd").TimePickerProps, "ref"> & import("react").RefAttributes<import("rc-picker").PickerRef>> & {
+    RangePicker: import("react").ForwardRefExoticComponent<import("antd").TimeRangePickerProps & import("react").RefAttributes<import("rc-picker").PickerRef>>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const DivInputTimeSC: 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/LinkButton/LinkButton.stories.d.ts

@@ -15,7 +15,7 @@ declare const meta: {
     argTypes: {
         size: {
             control: "radio";
-            options: import(".").ButtonSize[];
+            options: (import(".").ButtonSize | undefined)[];
             description: string;
         };
         disabled: {

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

@@ -5,7 +5,7 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     /**Change the design of button*/
     variant?: ButtonVariant;
     /** Size md for only button icon */
-    size: ButtonSize;
+    size?: ButtonSize;
     /**
      * Defines the element that stands before the children element.
      */

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+type Props = {
+    /**
+     * The children to render into the `container`.
+     */
+    children?: ReactNode;
+    /**
+     * An HTML element or null.
+     * The `container` will have the portal children appended to it.
+     */
+    container?: HTMLElement | null;
+};
+declare function Portal(props: Props): import("react").ReactPortal | null;
+export { Portal };

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

@@ -1,4 +1,4 @@
-import React, { Ref, ComponentPropsWithoutRef } from "react";
+import React, { ComponentPropsWithoutRef, Ref } from "react";
 export type RadioSize = "sm" | "md";
 export type RadioVariant = "primary" | "secondary" | "tertiary";
 type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
@@ -15,6 +15,10 @@ type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "size"> & {
      * Pass a ref to the input element.
      */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Default checked state for uncontrolled usage
+     */
+    defaultChecked?: boolean;
 };
 declare const FISRadio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size"> & {
     children?: React.ReactNode;
@@ -30,6 +34,10 @@ declare const FISRadio: React.ForwardRefExoticComponent<Omit<Omit<React.Detailed
      * Pass a ref to the input element.
      */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Default checked state for uncontrolled usage
+     */
+    defaultChecked?: boolean;
 } & React.RefAttributes<HTMLLabelElement>>;
 export default FISRadio;
 export type { RadioProps };

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

@@ -1,3 +1,5 @@
+import { ForwardedRef, Ref } from "react";
+import { RadioSize } from "../Radio";
 type Value = string | number;
 type Option<T> = {
     value: T;
@@ -11,11 +13,23 @@ type RadioGroupProps<T extends Value> = {
     direction?: "row" | "column";
     name?: string;
     disabled?: boolean;
+    size?: RadioSize;
+    classContent?: string;
     getOptionDisabled?: (option: Option<T>) => boolean;
     onChange: (nextValue: T) => void;
     onFocus?: () => void;
     onBlur?: () => void;
 };
-declare function FISRadioGroup<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
-export default FISRadioGroup;
+declare function RadioGroupComponent<T extends Value>({ className, groupLabel, options, name, value, direction, disabled, size, classContent, getOptionDisabled, onChange, onFocus, onBlur, }: RadioGroupProps<T>, ref?: Ref<{
+    focus: () => void;
+}>): import("react/jsx-runtime").JSX.Element;
+declare namespace RadioGroupComponent {
+    var displayName: string;
+}
+declare const RadioGroup: <T extends Value>(props: RadioGroupProps<T> & {
+    ref?: ForwardedRef<{
+        focus: () => void;
+    }>;
+}) => ReturnType<typeof RadioGroupComponent>;
+export default RadioGroup;
 export type { RadioGroupProps };

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Segmenteds from ".";
+declare const meta: Meta<typeof Segmenteds>;
+export default meta;
+type Story = StoryObj<typeof Segmenteds>;
+export declare const Default: Story;
+export declare const ControlledSegmenteds: Story;

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

@@ -0,0 +1,39 @@
+import React from "react";
+export interface SegmentedPanelItemProps {
+    /** The tab control element associated with this pane item */
+    title?: string;
+    /** Defines the element that stands before the children element. */
+    startIcon?: React.ReactNode;
+    /** Defines the element that stands after the children element. */
+    endIcon?: React.ReactNode;
+    /** The unique value that identifies this pane item */
+    value: string;
+    /** If true, the pane item will be disabled */
+    disabled?: boolean;
+    /** Custom class name for styling */
+    className?: string;
+    /** The content to be displayed inside the pane */
+    children: React.ReactNode;
+}
+export declare const SegmentedPanelItem: React.FC<SegmentedPanelItemProps>;
+export type SegmentedSize = "xs" | "sm" | "md" | "lg";
+export interface SegmentedProps {
+    /** The child elements of the Segmented Control */
+    children: React.ReactNode;
+    /** The currently active segment (controlled component) */
+    active?: string;
+    /** The default active segment (uncontrolled component) */
+    defaultActive?: string;
+    /** The size of the Segmented Control */
+    size?: SegmentedSize;
+    /** Class name for the main container */
+    className?: string;
+    /** Class name for the inner content */
+    contentClassName?: string;
+    /** If true, the Segmented Control will stretch to full width */
+    fullWidth?: boolean;
+    /** Callback triggered when the active segment changes, receives the selected segment key */
+    onChange?: (key: string) => void;
+}
+declare const FISSegmented: React.FC<SegmentedProps>;
+export default FISSegmented;

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

@@ -0,0 +1,15 @@
+import { SegmentedSize } from ".";
+export declare const DivSegmentedContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivSegmentedNavSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fullWidth: boolean;
+    $size: SegmentedSize;
+}>> & string;
+export declare const DivSegmentedItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isActive: boolean;
+    $disabled?: boolean;
+    $size: SegmentedSize;
+    $fullWidth: boolean;
+    $onlyIcon: boolean;
+}>> & string;
+export declare const SpanIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SpanContentSC: 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/Slot/Slot.stories.example.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import(".").SlotProps & import("react").RefAttributes<HTMLLabelElement>>;
+    tags: string[];
+    args: {
+        className: string;
+        description: string;
+    };
+    argTypes: {
+        className: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+        descriptionStyle: {
+            control: "object";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,8 @@
+import { CSSProperties, DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
+export interface SlotProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
+    className?: string;
+    description?: ReactElement | string;
+    descriptionStyle?: CSSProperties;
+}
+declare const FISSlot: import("react").ForwardRefExoticComponent<SlotProps & import("react").RefAttributes<HTMLLabelElement>>;
+export default FISSlot;

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

@@ -0,0 +1 @@
+export declare const DivSlotContainerSC: 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/Switch/Switch.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FISSwitch from '.';
+declare const meta: Meta<typeof FISSwitch>;
+export default meta;
+type Story = StoryObj<typeof FISSwitch>;
+export declare const Basic: Story;
+export declare const Sizes: Story;
+export declare const WithLabels: Story;
+export declare const Disabled: Story;
+export declare const Interactive: Story;
+export declare const UseCases: Story;

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

@@ -0,0 +1,51 @@
+import React from "react";
+export type SwitchSize = "sm" | "md";
+export type SwitchVariant = "primary" | "secondary" | "tertiary";
+/**
+ * Props for the Switch component.
+ */
+interface SwitchProps {
+    /**
+     * The toggle state.
+     * - `true`: The toggle is ON.
+     * - `false`: The toggle is OFF.
+     */
+    isOn: boolean;
+    /**
+     * Determines whether the toggle is disabled.
+     * - `true`: The toggle is disabled and cannot be interacted with.
+     * - `false` or not provided: The toggle is enabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The size of the toggle.
+     * - Possible values are defined in `SwitchSize`.
+     * - Example: `"small" | "medium" | "large"`
+     */
+    size?: SwitchSize;
+    /**
+     * The main label displayed next to the toggle.
+     * - If not provided, the toggle will be displayed without a label.
+     */
+    label?: string;
+    /**
+     * The toggle's visual variant (styling type).
+     * - Possible values are defined in `SwitchVariant`.
+     * - Example: `"primary" | "secondary" | "outline"`
+     */
+    variant?: SwitchVariant;
+    /**
+     * A secondary label displayed below the toggle.
+     * - Typically used for additional descriptions or extra information.
+     */
+    subLabel?: string;
+    /**
+     * Callback function triggered when the toggle is clicked.
+     * - Takes no parameters.
+     * - Used to update the `isOn` state.
+     */
+    onToggle: () => void;
+}
+declare const FISSwitch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
+export default FISSwitch;

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

@@ -0,0 +1,20 @@
+import { SwitchSize } from ".";
+export declare const DivSwitchLabelContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SpanLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $size: SwitchSize;
+}>> & string;
+export declare const SpanSubLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $size: SwitchSize;
+}>> & string;
+export declare const DivSwitchTrackSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isOn: boolean;
+}>> & string;
+export declare const DivSwitchKnobSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isOn: boolean;
+    $size: SwitchSize;
+}>> & string;
+export declare const DivSwitchContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: SwitchSize;
+    $isOn: boolean;
+    $disabled: boolean;
+}>> & string;

package/dist/esm/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts

@@ -0,0 +1,53 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import(".").ColumnCellProps & import("react").RefAttributes<HTMLLabelElement>>;
+    tags: string[];
+    args: {
+        className: string;
+        content: string;
+        description: string;
+        variant: string;
+        disabled: false;
+        showBorder: true;
+        icon: import("react/jsx-runtime").JSX.Element;
+        textAlign: string;
+        contentWrapText: false;
+    };
+    argTypes: {
+        className: {
+            control: "text";
+        };
+        content: {
+            control: "text";
+        };
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+        };
+        showBorder: {
+            control: "boolean";
+            description: string;
+        };
+        textAlign: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        contentWrapText: {
+            control: "boolean";
+            description: string;
+        };
+        onIconClick: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/src/components/Table/ColumnCell/index.d.ts

@@ -0,0 +1,15 @@
+import { DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
+export interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
+    className?: string;
+    textAlign?: string;
+    contentWrapText?: boolean;
+    variant?: string;
+    content?: string;
+    description?: string;
+    icon?: ReactElement;
+    disabled?: boolean;
+    showBorder?: boolean;
+    onIconClick?: () => void;
+}
+declare const FISColumnCell: import("react").ForwardRefExoticComponent<ColumnCellProps & import("react").RefAttributes<HTMLLabelElement>>;
+export default FISColumnCell;

package/dist/esm/types/src/components/Table/ColumnCell/styles.d.ts

@@ -0,0 +1,12 @@
+interface ColumnsStylesProps {
+    $showBorder?: boolean;
+    $disabled?: boolean;
+    $variant?: string;
+    $textAlign?: string;
+    $contentWrapText?: boolean;
+    $hasContent?: string | undefined;
+    $hasDescription?: string | undefined;
+}
+export declare const DivColunmCellContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColumnsStylesProps>> & string;
+export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColumnsStylesProps>> & string;
+export {};

package/dist/esm/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts

@@ -0,0 +1,51 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import(".").HeaderCellProps & import("react").RefAttributes<HTMLLabelElement>>;
+    tags: string[];
+    args: {
+        className: string;
+        title: string;
+        description: string;
+        textAlign: string;
+        icon: import("react/jsx-runtime").JSX.Element;
+        disabled: false;
+        showBorder: true;
+        showDivider: true;
+        contentWrapText: false;
+    };
+    argTypes: {
+        className: {
+            control: "text";
+        };
+        title: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+        textAlign: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+        };
+        showBorder: {
+            control: "boolean";
+            description: string;
+        };
+        showDivider: {
+            control: "boolean";
+            description: string;
+        };
+        contentWrapText: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/types/src/components/Table/HeaderCell/index.d.ts

@@ -0,0 +1,14 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+export interface HeaderCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
+    className?: string;
+    textAlign?: string;
+    title?: string;
+    description?: string;
+    icon?: JSX.Element;
+    disabled?: boolean;
+    showBorder?: boolean;
+    showDivider?: boolean;
+    contentWrapText?: boolean;
+}
+declare const FISHeaderCell: import("react").ForwardRefExoticComponent<HeaderCellProps & import("react").RefAttributes<HTMLLabelElement>>;
+export default FISHeaderCell;

package/dist/esm/types/src/components/Table/HeaderCell/styles.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from "react";
+interface HeaderCellStyleProps {
+    $textAlign?: string;
+    $disabled?: boolean;
+    $showBorder?: boolean;
+    $contentWrapText?: boolean;
+    $hasIcon?: ReactElement;
+}
+export declare const DivHeaderCellContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderCellStyleProps>> & string;
+export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderCellStyleProps>> & string;
+export declare const DivCheckBoxSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderCellStyleProps>> & string;
+export {};

package/dist/esm/types/src/components/Table/Sorter/FISSorter.d.ts

@@ -0,0 +1,18 @@
+import { ComponentType } from "react";
+interface FISSorterProps {
+    columnKey: string;
+    onSort: (columnKey: string | null, order: string | null) => void;
+    sortedInfo: {
+        columnKey: string | null;
+        order: string | null;
+    };
+    colorActive?: string;
+    UpIcon?: ComponentType<{
+        style?: React.CSSProperties;
+    }>;
+    DownIcon?: ComponentType<{
+        style?: React.CSSProperties;
+    }>;
+}
+declare const FISSorter: ({ columnKey, onSort, sortedInfo, colorActive, UpIcon, DownIcon, }: FISSorterProps) => import("react/jsx-runtime").JSX.Element;
+export default FISSorter;