fis-component 0.0.22 → 0.0.24

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;

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

@@ -0,0 +1,32 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import(".").TableProps & import("react").RefAttributes<HTMLLabelElement>>;
+    tags: string[];
+    args: {
+        className: string;
+        dataSource: {
+            key: string;
+            content: string;
+            description: string;
+        }[];
+        columns: ({
+            title: () => import("react/jsx-runtime").JSX.Element;
+            dataIndex: string;
+            key: string;
+            width: number;
+            render: (content: any, row: any) => import("react/jsx-runtime").JSX.Element;
+        } | {
+            title: () => import("react/jsx-runtime").JSX.Element;
+            dataIndex: string;
+            width: number;
+            render: (_: any, row: any) => import("react/jsx-runtime").JSX.Element;
+            key?: undefined;
+        })[];
+    };
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RowSelection: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { TableProps as AntdTableProps } from "antd";
+export interface TableProps extends Omit<AntdTableProps<any>, "columns" | "dataSource"> {
+    className?: string;
+    dataSource: AntdTableProps<any>["dataSource"];
+    columns: AntdTableProps<any>["columns"];
+}
+declare const FISTable: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLLabelElement>>;
+export default FISTable;

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

@@ -0,0 +1 @@
+export declare const DivTableContainerSC: 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/Table/helper.d.ts

@@ -0,0 +1,27 @@
+export declare const TEXT_ALIGN: {
+    LEFT: string;
+    RIGHT: string;
+};
+export declare const COLUMN_TEXT_ALIGN: {
+    LEFT: string;
+    RIGHT: string;
+    SINGLE_LINE: string;
+};
+export declare const COLUMN_VARIANT: {
+    PRIMARY: string;
+    SECONDARY: string;
+    TERTIARY: string;
+    PRIMARY_POSITIVE: string;
+    SECONDARY_POSITIVE: string;
+    TERTIARY_POSITIVE: string;
+    PRIMARY_NEGATIVE: string;
+    SECONDARY_NEGATIVE: string;
+    TERTIARY_NEGATIVE: string;
+};
+export declare const CONTENT_TEXT_TYPE: {
+    DEFAULT: string;
+    WRAP_TEXT: string;
+    NO_DESCRIPTION: string;
+    ONLY_LABEL: string;
+};
+export declare const getColorContentStyle: (type: string) => import("styled-components").RuleSet<object> | undefined;

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

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

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

@@ -0,0 +1,39 @@
+import React from "react";
+export interface TabPanelItemProps {
+    /** 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 TabPanelItem: React.FC<TabPanelItemProps>;
+export type TabSize = "xs" | "sm" | "md" | "lg";
+export interface TabProps {
+    /** The child elements of the Tab Control */
+    children: React.ReactNode;
+    /** The currently active segment (controlled component) */
+    active?: string;
+    /** The default active segment (uncontrolled component) */
+    defaultActive?: string;
+    /** The size of the Tab Control */
+    size?: TabSize;
+    /** Class name for the main container */
+    className?: string;
+    /** Class name for the inner content */
+    contentClassName?: string;
+    /** If true, the Tab 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 FISTab: React.FC<TabProps>;
+export default FISTab;

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

@@ -0,0 +1,15 @@
+import { TabSize } from ".";
+export declare const DivTabContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivTabNavSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $fullWidth: boolean;
+    $size: TabSize;
+}>> & string;
+export declare const DivTabItemSC: 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: TabSize;
+    $fullWidth: boolean;
+}>> & string;
+export declare const DivActiveIndicatorSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & 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/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import FISTooltip from './';
+declare const meta: Meta<typeof FISTooltip>;
+export default meta;
+type Story = StoryObj<typeof FISTooltip>;
+export declare const Basic: Story;
+export declare const PrimaryTheme: Story;
+export declare const SecondaryTheme: Story;
+export declare const CustomTitleStructure: Story;
+export declare const Placements: Story;
+export declare const CompleteCustomTitle: Story;
+export declare const CustomTitleImplementation: Story;

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

@@ -0,0 +1,28 @@
+import type { TooltipProps as TooltipPropsAntd } from "antd";
+import { FC } from "react";
+export type TooltipColor = "primary" | "secondary";
+export type TooltipSize = "md" | "lg";
+export type TooltipTitleCustom = {
+    /** The main title text of the tooltip */
+    label: string;
+    /** Additional description text (optional) */
+    description?: string;
+    /** Display text for the link (optional) */
+    link?: string;
+    /** URL for the link (optional) */
+    linkUrl?: string;
+};
+interface TooltipProps extends Omit<TooltipPropsAntd, "variant" | "title"> {
+    /** Additional class names to apply to the tooltip*/
+    className?: string | undefined;
+    /** The color of the tooltip */
+    variant: TooltipColor;
+    /** The tooltip title, which can be a custom object or a React node */
+    title: TooltipTitleCustom | React.ReactNode;
+    /** The size of the tooltip (optional) */
+    size?: TooltipSize;
+    /** Child elements that the tooltip wraps (optional) */
+    children?: React.ReactNode;
+}
+declare const FISTooltip: FC<TooltipProps>;
+export default FISTooltip;

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

@@ -0,0 +1,12 @@
+import { TooltipColor, TooltipSize } from "./";
+interface TooltipSCProps {
+    $variant: TooltipColor;
+    $size: TooltipSize;
+}
+export declare const DivTooltipContentWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivTooltipContentSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivTooltipLabelSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DivTooltipDescriptionSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ATooltipLinkSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+export declare const DivTooltipSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TooltipSCProps>> & string;
+export {};

package/dist/esm/types/src/components/Tooltip/util.d.ts

@@ -0,0 +1,2 @@
+import { TooltipTitleCustom } from ".";
+export declare function isTooltipTitleCustom(title: unknown): title is TooltipTitleCustom;

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

@@ -3,13 +3,27 @@ export type { ThemeType } from "./styles/design-system";
 export { default as FISButton } from "./components/Button";
 export { default as FISLinkButton } from "./components/LinkButton";
 export { default as FISIconButton } from "./components/IconButton";
-export { default as FISGroupButton } from "./components/GroupButton";
+export { default as FISSwitch } from "./components/Switch";
+export { default as FISTab, TabPanelItem } from "./components/Tabs";
+export { default as FISSegmented, SegmentedPanelItem, } from "./components/Segmented";
+export { default as FISButtonGroup } from "./components/ButtonGroup";
 export { default as FISBreadcrumb } from "./components/Breadcrumb";
 export { default as FISRadio } from "./components/Radio";
+export { default as FISRadioGroup } from "./components/RadioGroup";
 export { default as FISCheckbox } from "./components/Checkbox";
+export { default as FISCheckboxGroup } from "./components/CheckboxGroup";
 export { default as FISInputField } from "./components/Input/InputField";
 export { default as FISInputText } from "./components/Input/InputText";
 export { default as FISInputLabel } from "./components/Input/InputLabel";
 export { default as FISAvatar } from "./components/Avatar";
-export { default as FISTextArea } from "./components/Input/TextArea";
+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 FISDivider } from "./components/Divider";
+export { default as FISBadge } from "./components/Badge";
+export { default as FISInputTime } from "./components/Input/InputTime";
+export { default as FISInputDate } from "./components/Input/InputDate";
+export { default as FISTable } from "./components/Table/Table";
+export { default as FISTableHeader } from "./components/Table/HeaderCell";
+export { default as FISTableColumn } from "./components/Table/ColumnCell";
+export { default as FISSorter } from "./components/Table/Sorter/FISSorter";