@stella-source/stellasource-dsl 3.5.2 → 3.6.0

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { CheckBoxProps } from "./types";
+declare const CheckBox: ({ id, className, label, checked, indeterminate, disabled, defaultChecked, align, fontSize, onChange, htmlProps, }: CheckBoxProps) => React.JSX.Element;
+export default CheckBox;

package/dist/cjs/types/components/CheckBox/CheckBox.stories.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+import { CheckBoxFontSizeVariant, CheckBoxProps } from "./types";
+declare const _default: {
+    title: string;
+    component: ({ id, className, label, checked, indeterminate, disabled, defaultChecked, align, fontSize, onChange, htmlProps, }: CheckBoxProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: string;
+        };
+        align: {
+            control: string;
+            options: string[];
+        };
+        fontSize: {
+            control: string;
+            options: CheckBoxFontSizeVariant[];
+        };
+    };
+    args: CheckBoxProps;
+};
+export default _default;
+export declare const SingleCheckBox: {
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const MulitpleCheckBoxes: {
+    render: () => React.JSX.Element;
+};

package/dist/cjs/types/components/CheckBox/styles.d.ts

@@ -0,0 +1,20 @@
+declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel"> & {
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel"> & {
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never>>> & string;
+declare const CheckBoxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$align" | "$disabled" | "$fontSize"> & {
+    $disabled?: boolean;
+    $align?: "top" | "center";
+    $fontSize?: string | null;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$align" | "$disabled" | "$fontSize"> & {
+    $disabled?: boolean;
+    $align?: "top" | "center";
+    $fontSize?: string | null;
+}, never>>> & string;
+declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "type"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "type">>> & string;
+declare const LabelGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const MainLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export { CheckBoxWrapper, HiddenInput, LabelGroup, MainLabel, IconWrapper };

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactElement } from "react";
+export declare enum CheckBoxFontSizeVariant {
+    SIZE_12 = "12px",
+    SIZE_14 = "14px",
+    SIZE_16 = "16px"
+}
+export interface CheckBoxProps {
+    id: string;
+    className?: string;
+    label?: string | ReactElement;
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    align?: "top" | "center";
+    fontSize?: `${CheckBoxFontSizeVariant}`;
+    onChange?: (id: string, checked: boolean) => void;
+    htmlProps?: HTMLAttributes<HTMLInputElement>;
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { CheckBoxGroupProps } from "./types";
+declare const CheckBoxGroup: ({ defaultOptions, onChange, heading, required, tooltipText, disabled, isSelectAllEnabled, fontSize, className, }: CheckBoxGroupProps) => React.JSX.Element;
+export default CheckBoxGroup;

package/dist/cjs/types/components/CheckBoxGroup/CheckBoxGroup.stories.d.ts

@@ -0,0 +1,63 @@
+import React from "react";
+import { CheckBoxGroupOption } from "./types";
+import { CheckBoxFontSizeVariant } from "../CheckBox/types";
+declare const _default: {
+    title: string;
+    component: ({ defaultOptions, onChange, heading, required, tooltipText, disabled, isSelectAllEnabled, fontSize, className, }: import("./types").CheckBoxGroupProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        heading: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        isSelectAllEnabled: {
+            control: string;
+        };
+        fontSize: {
+            control: string;
+            options: CheckBoxFontSizeVariant[];
+        };
+        options: {
+            control: string;
+        };
+        onChange: {
+            action: string;
+        };
+    };
+    args: {
+        heading: string;
+        disabled: boolean;
+        isSelectAllEnabled: boolean;
+        fontSize: CheckBoxFontSizeVariant;
+        options: CheckBoxGroupOption[];
+    };
+};
+export default _default;
+type StoryArgs = {
+    heading?: string;
+    disabled?: boolean;
+    isSelectAllEnabled?: boolean;
+    fontSize?: string;
+    required?: boolean;
+    tooltipText?: string;
+};
+export declare const Default: {
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const WithSelectAll: {
+    args: {
+        isSelectAllEnabled: boolean;
+    };
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const NestedTree: {
+    render: () => React.JSX.Element;
+};
+export declare const AllDisabled: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        disabled: boolean;
+    };
+};

package/dist/cjs/types/components/CheckBoxGroup/styles.d.ts

@@ -0,0 +1,4 @@
+declare const GroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>>> & string;
+declare const HeadingRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const Legend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>>> & string;
+export { GroupWrapper, HeadingRow, Legend };

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

@@ -0,0 +1,28 @@
+import { ReactElement } from "react";
+import { CheckBoxFontSizeVariant } from "../CheckBox/types";
+export interface CheckBoxGroupOption {
+    id: string;
+    label: string | ReactElement;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+}
+export interface CheckBoxGroupChangeOption {
+    id: string;
+    isChecked: boolean;
+    isSelectAllClicked: boolean;
+}
+export interface CheckBoxGroupChangePayload {
+    options: CheckBoxGroupChangeOption[];
+}
+export interface CheckBoxGroupProps {
+    defaultOptions: CheckBoxGroupOption[];
+    onChange: (payload: CheckBoxGroupChangePayload) => void;
+    heading?: string;
+    required?: boolean;
+    tooltipText?: string;
+    disabled?: boolean;
+    isSelectAllEnabled?: boolean;
+    fontSize?: `${CheckBoxFontSizeVariant}`;
+    className?: string;
+}

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

@@ -1,4 +1,4 @@
 import React from "react";
 import { LabelProps, LabelWithChildrenProps } from "./types";
-declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => React.JSX.Element;
+declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, isPointerOnHover, className, }: LabelProps | LabelWithChildrenProps) => React.JSX.Element;
 export default Label;

package/dist/cjs/types/components/Label/Label.stories.d.ts

@@ -1,7 +1,7 @@
 import { LabelProps, LabelWithChildrenProps } from "./types";
 declare const _default: {
     title: string;
-    component: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => import("react").JSX.Element;
+    component: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, isPointerOnHover, className, }: LabelProps | LabelWithChildrenProps) => import("react").JSX.Element;
     tags: string[];
     parameters: {};
     args: LabelProps | LabelWithChildrenProps;

package/dist/cjs/types/components/Label/styles.d.ts

@@ -1,8 +1,9 @@
 interface LabelComponentProps {
     $hideLabel?: boolean;
+    $isPointerOnHover?: boolean;
 }
 declare const RequiredIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../StellaIcon/types").StellaIconProps, never> & Partial<Pick<import("../StellaIcon/types").StellaIconProps, never>>> & string & Omit<({ iconName, size, color, className, id, dataTestId, }: import("../StellaIcon/types").StellaIconProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 declare const ToolTipIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Tooltip/types").TooltipProps, never> & Partial<Pick<import("../Tooltip/types").TooltipProps, never>>> & string & Omit<({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: import("../Tooltip/types").TooltipProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
-declare const LabelComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$hideLabel"> & LabelComponentProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$hideLabel"> & LabelComponentProps, never>>> & string;
+declare const LabelComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof LabelComponentProps> & LabelComponentProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof LabelComponentProps> & LabelComponentProps, never>>> & string;
 declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 export { LabelComponent, RequiredIcon, ToolTipIcon, LabelContainer };

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

@@ -8,6 +8,7 @@ export interface LabelProps {
     tooltipText?: string;
     children?: never;
     htmlFor: string;
+    isPointerOnHover?: boolean;
     htmlProps?: HTMLAttributes<HTMLLabelElement>;
 }
 export interface LabelWithChildrenProps {
@@ -19,5 +20,6 @@ export interface LabelWithChildrenProps {
     tooltipText?: string;
     htmlFor?: never;
     children: ReactElement;
+    isPointerOnHover?: boolean;
     htmlProps?: HTMLAttributes<HTMLLabelElement>;
 }

package/dist/cjs/types/components/Sync/styles.d.ts

@@ -2,6 +2,6 @@ interface SyncContainerProps {
     $labelPosition?: "right" | "left";
 }
 declare const SyncContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$labelPosition"> & SyncContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$labelPosition"> & SyncContainerProps, never>>> & string;
-declare const CustomLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never> & Partial<Pick<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never>>> & string & Omit<({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const CustomLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never> & Partial<Pick<import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps, never>>> & string & Omit<({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, isPointerOnHover, className, }: import("../Label/types").LabelProps | import("../Label/types").LabelWithChildrenProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 declare const CustomIconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../IconButton/types").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export { CustomIconButton, CustomLabel, SyncContainer };

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

@@ -23,7 +23,9 @@ import { StellaButtonVariant } from "./components/StellaButton/types";
 import { Styles } from "./shared/tokens";
 import "./shared/tokens/tokens.css";
 import OrderStatus from "./components/OrderStatus/OrderStatus";
+import CheckBoxGroup from "./components/CheckBoxGroup/CheckBoxGroup";
+import CheckBox from "./components/CheckBox/CheckBox";
 /**Exports */
 export type { StellaIconDefinition } from "./components/StellaIcon/types";
 export type { CustomColumnMeta } from "./components/Table/types";
-export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, OrderStatus, SelectorChip, Styles, };
+export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, OrderStatus, SelectorChip, CheckBox, CheckBoxGroup, Styles, };