@mrshmllw/smores-react 10.7.0-crumbs-feature-vite-bundling.1 → 10.7.0-crumbs-feature-vite-bundling.2

package/dist/Table/helpers.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare const isMappedReactElement: (obj: unknown) => obj is ReactElement<any>[];

package/dist/Table/index.d.ts

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

package/dist/Table/types.d.ts

@@ -0,0 +1,114 @@
+import { default as React, ReactElement, ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button';
+import { IconStrictProps } from '../IconStrict';
+import { Color } from '../theme';
+export type TableStylesProps = {
+    hasKeyline?: boolean;
+    fixedHeader?: boolean;
+    headerHeight?: string;
+    stripedColor?: Color;
+    stickyCell?: boolean;
+    headerColor?: Color;
+    rowColor?: Color;
+    rowBorderColor?: Color;
+    rowActionsBgColor?: Color;
+    minWidth?: string;
+    maxWidth?: string;
+    noWrapContent?: boolean;
+    truncateContent?: boolean;
+    rowPadding?: string;
+    columnPadding?: string;
+    hideOverflow?: boolean;
+    clickableRow?: boolean;
+};
+export type Primitive = string | number | boolean | bigint;
+export type BaseRowAction<T> = {
+    onClick: (rowData: T) => void;
+    showCondition?: (rowData: T) => boolean;
+};
+export type RowAction<T> = RowActionButtonDefault<T> | RowActionElementOverride<T>;
+export type RowActionButtonDefault<T> = {
+    iconButton?: Pick<IconStrictProps, 'size' | 'render' | 'iconColor' | 'backgroundColor' | 'id' | 'title'> & {
+        tooltipText?: string;
+    };
+    genericButton?: Pick<ButtonProps, 'children' | 'loading' | 'disabled' | 'primary' | 'secondary' | 'fallbackStyle' | 'textBtn' | 'smallButton' | 'id'>;
+} & BaseRowAction<T>;
+export type RowActionElementOverride<T> = {
+    element: ReactElement<any>;
+} & BaseRowAction<T>;
+export type RowActions<T> = {
+    actions: RowAction<T>[];
+    minWidth?: string;
+    bgColor?: Color;
+};
+type RowCellRenderer<T> = (row: T, rowIndex: number, column: TableColumn<T>, id: string | number) => React.ReactNode;
+export interface TableColumn<T> {
+    name?: string | number | React.ReactNode;
+    minWidth?: string;
+    maxWidth?: string;
+    noWrapContent?: boolean;
+    truncateContent?: boolean;
+    hideOverflow?: boolean;
+    cell?: RowCellRenderer<T>;
+}
+/** @template T - The type of data the table displays. */
+interface CommonTableProps<T> {
+    /** Array of columns to display in the table. */
+    columns: TableColumn<T>[];
+    /** Sets the height of the header. */
+    headerHeight?: string;
+    /** If true, the table header will be fixed/sticky. */
+    fixedHeader?: boolean;
+    /** If true, the table header will have a key line. */
+    hasKeyline?: boolean;
+    /** If present, the table rows will have alternating colors. */
+    stripedColor?: Color;
+    /** A function to determine if a row is expandable. */
+    expandable?: (rowData: T) => boolean;
+    /** The color for the table header. */
+    headerColor?: Color;
+    /** The default color for each table row. */
+    rowColor?: Color;
+    /** The default color for each table row border. */
+    rowBorderColor?: Color;
+    /** A React element to show when a row is expanded. */
+    subTable?: {
+        table: (rowData: T) => ReactElement<any>;
+        showOnExpand?: (rowData: T) => boolean;
+    };
+    /** Settings for sub rows. */
+    subRows?: {
+        /** Function that returns a React element for the sub row. */
+        rows: (rowData: T) => ReactElement<any> | ReactElement<any>[];
+        /** If true, the sub rows will only be shown when the row is expanded. */
+        showOnExpand?: (rowData: T) => boolean;
+    };
+    /** Function to apply to a row, to make the entire row clickable, useful for navigation. */
+    clickableRow?: (rowData: T) => void;
+    /** Array of actions that can be performed on each row. */
+    rowActions?: RowActions<T>;
+    /** The Y padding for each row. */
+    rowPadding?: string;
+    /** The X padding for each row. */
+    columnPadding?: string;
+    /** Hides the table header. Table defaults to always showing the header. */
+    hideTableHeader?: boolean;
+}
+export interface TableProps<T> extends CommonTableProps<T> {
+    /** Array of data to be displayed in the table. */
+    data: T[];
+    /** The text to show when there is no available data to map through. */
+    noDataContent?: ReactNode;
+}
+export interface TableRowProps<T> extends CommonTableProps<T> {
+    rowData: T;
+    rowIndex: number;
+    showActions?: boolean;
+}
+export interface RowActionsProps<T> extends Pick<CommonTableProps<T>, 'expandable' | 'rowActions'> {
+    rowData: T;
+    toggleExpansion: () => void;
+    isExpanded?: boolean;
+}
+export type TableHeaderProps<T> = CommonTableProps<T>;
+export {};

package/dist/Tag/Tag.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { MarginProps } from '../utils/space';
+import { Color } from '../theme';
+export type TagProps = {
+    label: string;
+    color: Color;
+    bgColor: Color;
+    borderColor?: Color;
+    className?: string;
+} & MarginProps;
+export declare const Tag: FC<TagProps>;

package/dist/Tag/index.d.ts

@@ -0,0 +1 @@
+export { Tag } from './Tag';

package/dist/Text/Text.d.ts

@@ -0,0 +1,21 @@
+import { FC, LabelHTMLAttributes, ReactNode } from 'react';
+import { Color } from '../theme';
+import { MarginProps } from '../utils/space';
+/**
+ * @deprecated Use only new Typo
+ */
+export type DeprecatedTypo = 'header-large' | 'header-medium' | 'header-small' | 'desc-heavy' | 'desc-medium' | 'desc-light' | 'desc-small' | 'base' | 'base-small' | 'base-xsmall' | 'label-large';
+export type Typo = 'hero-alternate' | 'hero' | 'heading-alternate' | 'heading-large' | 'heading-medium' | 'heading-small' | 'headline-regular' | 'headline-small' | 'body-standfirst' | 'body-regular' | 'body-small' | 'caption' | 'label';
+type Props = {
+    children: ReactNode;
+    tag?: any;
+    className?: string;
+    typo?: Typo | (string & Record<never, never>);
+    align?: string;
+    color?: Color;
+    cursor?: string;
+    title?: string;
+} & MarginProps;
+export type TextProps = Props & Omit<LabelHTMLAttributes<HTMLElement>, 'color'>;
+export declare const Text: FC<TextProps>;
+export {};

package/dist/Text/fontMapping.d.ts

@@ -0,0 +1,2 @@
+import { Typo } from './Text';
+export declare const fontStyleMapping: Record<Typo, string>;

package/dist/Text/index.d.ts

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

package/dist/TextDateOfBirthInput/TextDateOfBirthInput.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { FieldsetProps } from '../fields/Fieldset';
+export type DateObject = {
+    day?: string | null;
+    month?: string | null;
+    year?: string | null;
+};
+export type TextDateOfBirthInputProps = {
+    value: DateObject;
+    onChange: (value: DateObject) => void;
+    showCompleted?: boolean;
+    hookformError?: {
+        type: string;
+        message?: string;
+    };
+    dataTestId?: string;
+} & Pick<FieldsetProps, 'label' | 'assistiveText'>;
+/**
+ * Renders a set of input fields to collect a date of birth as separate day, month,
+ * and year fields.
+ *
+ * ### Date of birth input validations
+ * - All fields are present and correctly formatted.
+ * - The age is at least 17 years old.
+ * - The year is not before 1900.
+ */
+export declare const TextDateOfBirthInput: React.ForwardRefExoticComponent<{
+    value: DateObject;
+    onChange: (value: DateObject) => void;
+    showCompleted?: boolean;
+    hookformError?: {
+        type: string;
+        message?: string;
+    };
+    dataTestId?: string;
+} & Pick<FieldsetProps, "label" | "assistiveText"> & React.RefAttributes<HTMLInputElement>>;

package/dist/TextDateOfBirthInput/index.d.ts

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

package/dist/TextInput/TextInput.d.ts

@@ -0,0 +1,39 @@
+import { default as React, FocusEvent, FormEvent, HTMLInputAutoCompleteAttribute } from 'react';
+import { CommonFieldProps } from '../fields/commonFieldTypes';
+interface Props extends CommonFieldProps {
+    type?: 'text' | 'email' | 'password' | 'time' | 'date' | 'tel';
+    placeholder: string;
+    name?: string;
+    value: string;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Triggers after animation end (animation duration is 2s),
+     * the animation starts when a user selects or hovers over an autofill option
+     */
+    onAutoFill?: () => void;
+}
+type InputMode = 'text' | 'email' | 'numeric';
+/** on change or on input required */
+type InputProps = ({
+    /** on change is required and on input optional */
+    onChange: (e: string) => void;
+    onInputChange?: (e: FormEvent<HTMLInputElement>) => void;
+} | {
+    /** on input is required and on change optional */
+    onChange?: (e: string) => void;
+    onInputChange: (e: FormEvent<HTMLInputElement>) => void;
+}) & {
+    autoCompleteAttr?: HTMLInputAutoCompleteAttribute;
+    inputModeAttr?: InputMode;
+};
+export type TextInputProps = Props & InputProps;
+/**
+ * A reusable TextInput component that supports various input types, custom styling, icons,
+ * and autofill detection.
+ *
+ * ### Caveats:
+ * - `onAutoFill` triggers after animation end (animation duration is 2s),
+ * the animation starts when a user selects or hovers over an autofill option
+ */
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { TextInput } from './TextInput';

package/dist/Textarea/Textarea.d.ts

@@ -0,0 +1,27 @@
+import { default as React, FocusEvent, FormEvent } from 'react';
+import { CommonFieldProps } from '../fields/commonFieldTypes';
+import { MarginProps } from '../utils/space';
+type BaseProps = {
+    id?: string;
+    placeholder?: string;
+    name?: string;
+    value: string;
+    error?: boolean;
+    errorMsg?: string;
+    resize?: 'none' | 'both';
+    disabled?: boolean;
+    maxLength?: number;
+    onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+    rows?: number;
+    fallbackStyle?: boolean;
+} & CommonFieldProps & MarginProps;
+type TruncateProps = {
+    onChange: (e: string) => void;
+    onInputChange?: (e: FormEvent<HTMLTextAreaElement>) => void;
+} | {
+    onChange?: (e: string) => void;
+    onInputChange: (e: FormEvent<HTMLTextAreaElement>) => void;
+};
+export type TextareaProps = BaseProps & TruncateProps;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { Textarea } from './Textarea';

package/dist/Toggle/Toggle.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { MarginProps } from '../utils/space';
+export type Props = {
+    /** unique ID */
+    id?: string;
+    /** checked flag  */
+    checked: boolean;
+    disabled?: boolean;
+    /** onToggle listener  */
+    onToggle: () => void;
+} & MarginProps;
+export declare const Toggle: FC<Props>;

package/dist/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { Toggle } from './Toggle';

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,33 @@
+import { default as React, FC, ReactNode } from 'react';
+import { Side } from '@floating-ui/react';
+export interface TooltipProps {
+    children: ReactNode;
+    content: string | ReactNode;
+    position?: Side;
+    maxWidth?: number;
+    title?: string;
+    underline?: boolean;
+    variant?: TooltipVariant;
+    portalContainer?: HTMLElement | null | React.MutableRefObject<HTMLElement | null>;
+    /**
+     * If true, the tooltip will position itself inline its children
+     *
+     * Used for inline content like blocks of text that span multiple lines
+     *
+     * @example
+     * ```tsx
+     * <Text>
+     *   Marshmallow car insurance, the best insurance in town.
+     *   <Tooltip inline content="Tooltip content">Hover here</Tooltip>
+     *   to learn more as the Policy Holder
+     * </Text>
+     * ```
+     */
+    inline?: boolean;
+}
+export type TooltipVariant = 'primary' | 'fallback' | 'bubblegum';
+export declare const Tooltip: FC<TooltipProps>;
+export declare const Tip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxWidth?: number;
+    $background: string;
+}>> & string;

package/dist/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip } from './Tooltip';

package/dist/fields/Field/Field.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ReactNode } from 'react';
+import { CommonFieldProps } from '../commonFieldTypes';
+export interface FieldProps extends CommonFieldProps {
+    htmlFor?: string;
+    children: ReactNode;
+}
+export declare const Field: ({ children, ...fieldProps }: FieldProps) => React.JSX.Element;

package/dist/fields/Field/index.d.ts

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

package/dist/fields/Fieldset/Fieldset.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { MarginProps } from '../../utils/space';
+import { CommonFieldProps } from '../commonFieldTypes';
+export type FieldsetProps = CommonFieldProps & MarginProps;
+export declare const Fieldset: ({ children, renderAsTitle, id, ...fieldProps }: FieldsetProps) => React.JSX.Element;

package/dist/fields/Fieldset/index.d.ts

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

package/dist/fields/commonFieldTypes.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ReactNode } from 'react';
+import { Icons } from '../Icon/iconsList';
+import { MarginProps } from '../utils/space';
+export interface CommonFieldProps extends MarginProps {
+    id?: string;
+    className?: string;
+    children?: ReactNode;
+    label?: string;
+    renderAsTitle?: boolean;
+    assistiveText?: string | ReactElement<any>;
+    required?: boolean;
+    error?: boolean;
+    errorMsg?: string | ReactElement<any>;
+    completed?: boolean;
+    frontIcon?: Icons;
+    trailingIcon?: Icons;
+    fallbackStyle?: boolean;
+    disabled?: boolean;
+}

package/dist/fields/components/CommonInput.d.ts

@@ -0,0 +1,30 @@
+import { Icons } from '../../Icon/iconsList';
+interface IInput {
+    $error?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    step?: number;
+    value?: string;
+    $frontIcon?: Icons;
+    $trailingIcon?: Icons;
+    $fallbackStyle?: boolean;
+}
+interface SIcon {
+    $disabled?: boolean;
+}
+export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IInput>> & string;
+export declare const StyledFrontIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    className?: string;
+    render: Icons;
+    size?: number;
+    color?: import('../..').Color;
+    rotate?: number;
+} & import('../..').MarginProps, SIcon>> & string & Omit<import('react').FC<import('../../Icon/Icon').IconProps>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledTrailingIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    className?: string;
+    render: Icons;
+    size?: number;
+    color?: import('../..').Color;
+    rotate?: number;
+} & import('../..').MarginProps, SIcon>> & string & Omit<import('react').FC<import('../../Icon/Icon').IconProps>, keyof import('react').Component<any, {}, any>>;
+export {};

package/dist/fields/components/InternalField.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ReactNode } from 'react';
+import { CommonFieldProps } from '../commonFieldTypes';
+interface InternalFieldProps extends CommonFieldProps {
+    children: ReactNode;
+    className?: string;
+    htmlFor?: string;
+    fieldType: 'field' | 'fieldset';
+}
+export declare const InternalField: ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed, ...marginProps }: InternalFieldProps) => React.JSX.Element;
+export {};

package/dist/fields/components/Placeholder.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Placeholder: () => React.JSX.Element;

package/dist/fontStyle.d.ts

@@ -0,0 +1 @@
+export declare const FontStyle: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useEventListener';
+export * from './useClickOutside';
+export * from './useScript';
+export * from './useTimeout';
+export * from './useBodyScrollLock';

package/dist/hooks/useBodyScrollLock/index.d.ts

@@ -0,0 +1,4 @@
+export declare function useBodyScrollLock({ node, showModal, }: {
+    node: HTMLDivElement | null;
+    showModal: boolean;
+}): void;

package/dist/hooks/useClickOutside/index.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { GenericEventCallback } from '../../types';
+export declare const useOnClickOutside: ({ ref, callback, }: {
+    ref: RefObject<HTMLElement | null>;
+    callback: GenericEventCallback;
+}) => void;

package/dist/hooks/useEventListener/index.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+import { GenericEventCallback } from '../../types';
+export declare const useEventListener: ({ eventName, callback, ref, capture, }: {
+    eventName: keyof HTMLElementEventMap;
+    callback: GenericEventCallback;
+    ref: RefObject<HTMLElement | Document | null>;
+    capture?: boolean;
+}) => void;

package/dist/hooks/useScript/index.d.ts

@@ -0,0 +1,4 @@
+export declare const useScript: ({ url, async, }: {
+    url: string;
+    async?: boolean;
+}) => void;

package/dist/hooks/useTimeout/index.d.ts

@@ -0,0 +1 @@
+export declare const useTimeout: (callback: () => void, delay: number) => void;

package/dist/index.d.ts

@@ -0,0 +1,53 @@
+export * from './Accordion';
+export * from './ActionDropdown';
+export * from './Badge';
+export * from './BadgeList';
+export * from './Banner';
+export * from './Box';
+export * from './BrandCard';
+export * from './Button';
+export * from './Card';
+export * from './CheckBox';
+export * from './CheckBoxGroup';
+export * from './Chip';
+export * from './CurrencyInput';
+export * from './Datepicker';
+export * from './Divider';
+export * from './Dropdown';
+export * from './Emoji';
+export * from './fields/Field';
+export * from './fields/Fieldset';
+export * from './fontStyle';
+export * from './hooks';
+export * from './Icon';
+export * from './IconStrict';
+export * from './IconWrapper';
+export * from './LabelledText';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './Modal';
+export * from './NumberInput';
+export * from './Pagination';
+export * from './RadioGroup';
+export * from './RichText';
+export * from './RichTextEditor';
+export * from './Row';
+export * from './SearchInput';
+export * from './SegmentedControl';
+export * from './SliderInput';
+export * from './Snackbar';
+export * from './SupportMessage';
+export * from './Table';
+export * from './Tag';
+export * from './Text';
+export * from './Textarea';
+export * from './TextDateOfBirthInput';
+export * from './TextInput';
+export * from './theme';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './utils/dateOfBirth/dateOfBirthValidator';
+export * from './utils/dateOfBirth/dateOfBirthValidator.utils';
+export * from './utils/dateOfBirth/schema';
+export * from './utils/space';