@zealicsolutions/web-ui 1.0.117 → 1.0.118

package/dist/cjs/moleculeItems/BaseMoleculeItem/BaseMoleculeItem.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { MoleculeItemDTO } from 'containers/types/moleculeItemTypes';
-export type BaseMoleculeItemType = 'checklist_item' | 'stepper_item' | 'other_item';
-export interface BaseMoleculeItemProps {
-    id: string;
-    name: string;
-    type: BaseMoleculeItemType;
-    instance: 'molecule_item';
-    organismLibraryMoleculeId?: string;
-    properties?: MoleculeItemDTO['properties'];
-    config?: MoleculeItemDTO['config'];
-}
-export declare const BaseMoleculeItem: FC<BaseMoleculeItemProps>;

package/dist/cjs/moleculeItems/ChecklistItem/ChecklistItem.d.ts

@@ -1,22 +0,0 @@
-import { FC } from 'react';
-import { ConfigurationItemInfo } from 'containers';
-export type ChecklistItemProps = {
-    id: string;
-    label: string;
-    textColor: string;
-    iconSize?: 'small' | 'medium' | 'large';
-    onChange?: (id: string) => void;
-    fontSize: string;
-    fontFamily: string;
-    fontWeight: string;
-    alignment: 'left' | 'center' | 'right';
-    isChecked: boolean;
-    isSystemDriven?: boolean;
-    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
-    iconName?: string;
-    iconColor?: string;
-    checkedIconName?: string;
-    checkedIconColor?: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-};
-export declare const ChecklistItem: FC<ChecklistItemProps>;

package/dist/cjs/moleculeItems/StepperItem/StepperItem.d.ts

@@ -1,34 +0,0 @@
-import { FC } from 'react';
-import { ConfigurationItemInfo } from 'containers';
-export type StepperOrientation = 'horizontal' | 'vertical';
-export interface StepperItemProps {
-    id: string;
-    title: string;
-    subText?: string;
-    iconName?: string;
-    fontSize?: string;
-    fontWeight?: string | number;
-    fontFamily?: string;
-    color?: string;
-    backgroundColor?: string;
-    subTextFontSize?: string;
-    subTextFontWeight?: string | number;
-    subTextFontFamily?: string;
-    subTextColor?: string;
-    subTextBackgroundColor?: string;
-    borderRadius?: string;
-    iconColor?: string;
-    iconBorderRadius?: number;
-    iconBackgroundColor?: string;
-    iconSize?: string;
-    orientation?: StepperOrientation;
-    isActive?: boolean;
-    index?: number;
-    activeStep?: number;
-    lineColor?: string;
-    lineWidth?: string;
-    lineRadius?: string;
-    stepGap?: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-}
-export declare const StepperItem: FC<StepperItemProps>;

package/dist/cjs/moleculeItems/moleculeItemConfigurators.d.ts

@@ -1,6 +0,0 @@
-export type MoleculeItemConfiguratorDescriptor = {
-    component: string;
-    version: string;
-    [key: string]: unknown;
-};
-export declare const moleculeItemConfiguratorsMap: Record<string, MoleculeItemConfiguratorDescriptor>;

package/dist/cjs/molecules/Accordion/Accordion.d.ts

@@ -1,56 +0,0 @@
-import { BoxProps } from '@mui/material';
-import { ConfigurationItemInfo } from 'containers';
-import { FC } from 'react';
-export type AccordionItem = {
-    id: string;
-    text?: string;
-    subText?: string;
-    bodyText?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-};
-export type AccordionProps = BoxProps & {
-    items: AccordionItem[];
-    rounded?: boolean;
-    elevation?: number;
-    color?: string;
-    placement?: 'left' | 'right';
-    textAlign: 'left' | 'center' | 'right' | 'justify';
-    textColor: string;
-    fontSize: string;
-    fontFamily: string;
-    fontWeight: string;
-    subTextColor: string;
-    subTextFontSize: string;
-    subTextFontFamily: string;
-    subTextFontWeight: string;
-    bodyTextColor: string;
-    bodyTextFontSize: string;
-    bodyTextFontFamily: string;
-    bodyTextFontWeight: string;
-    backgroundColor?: string;
-    borderStyle?: string;
-    borderColor?: string;
-    borderWeight?: string;
-    cornerRadius?: string;
-    shadow?: boolean;
-    allExpandedByDefault?: boolean;
-    gutter?: boolean;
-    expandSingle?: boolean;
-    iconName?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    width?: string;
-    gap?: string;
-    moleculeId?: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-};
-export declare const Accordion: FC<AccordionProps>;

package/dist/cjs/molecules/Accordion/Accordion.stories.d.ts

@@ -1,146 +0,0 @@
-import React from 'react';
-import { AccordionProps } from './Accordion';
-declare const _default: {
-    title: string;
-    component: React.FC<AccordionProps>;
-    argTypes: {
-        shadow: {
-            control: string;
-        };
-        gutter: {
-            control: string;
-        };
-        expandSingle: {
-            control: string;
-        };
-        allExpandedByDefault: {
-            control: string;
-        };
-        elevation: {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-        placement: {
-            options: string[];
-            control: string;
-        };
-        textAlign: {
-            options: string[];
-            control: string;
-        };
-        color: {
-            control: string;
-        };
-        backgroundColor: {
-            control: string;
-        };
-        textColor: {
-            control: string;
-        };
-        subTextColor: {
-            control: string;
-        };
-        bodyTextColor: {
-            control: string;
-        };
-        borderColor: {
-            control: string;
-        };
-        borderStyle: {
-            control: string;
-        };
-        borderWeight: {
-            control: string;
-        };
-        cornerRadius: {
-            control: string;
-        };
-        iconName: {
-            control: string;
-        };
-        fontFamily: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        subTextFontFamily: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        bodyTextFontFamily: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        fontWeight: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        subTextFontWeight: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        bodyTextFontWeight: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        fontSize: {
-            control: string;
-        };
-        subTextFontSize: {
-            control: string;
-        };
-        bodyTextFontSize: {
-            control: string;
-        };
-        paddingTop: {
-            control: string;
-        };
-        paddingRight: {
-            control: string;
-        };
-        paddingBottom: {
-            control: string;
-        };
-        paddingLeft: {
-            control: string;
-        };
-        marginTop: {
-            control: string;
-        };
-        marginRight: {
-            control: string;
-        };
-        marginBottom: {
-            control: string;
-        };
-        marginLeft: {
-            control: string;
-        };
-        width: {
-            control: string;
-            description: string;
-        };
-        gap: {
-            control: string;
-            description: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AccordionProps>;
-export declare const AllExpanded: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AccordionProps>;

package/dist/cjs/molecules/Alert/Alert.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { TypographyProps } from '@mui/material';
-import { ConfigurationItemInfo } from 'containers';
-import { IconRendererProps } from 'molecules/Icon';
-export interface AlertMoleculeProps {
-    dismissible?: boolean;
-    width?: string;
-    height?: string;
-    backgroundColor?: string;
-    icon?: IconRendererProps['iconName'];
-    iconColor?: string;
-    text?: string;
-    subText?: string;
-    textAlign?: TypographyProps['textAlign'];
-    color?: string;
-    wrap?: boolean;
-    fontSize?: number | string;
-    fontFamily?: TypographyProps['fontFamily'];
-    fontWeight?: number | string;
-    subTextAlign?: TypographyProps['textAlign'];
-    subTextWrap?: boolean;
-    subTextColor?: string;
-    subTextFontSize?: number | string;
-    subTextFontFamily?: TypographyProps['fontFamily'];
-    subTextFontWeight?: number | string;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-}
-export declare const AlertMolecule: React.FC<AlertMoleculeProps>;

package/dist/cjs/molecules/Alert/Alert.stories.d.ts

@@ -1,4 +0,0 @@
-import { AlertMoleculeProps } from './Alert';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AlertMoleculeProps>;

package/dist/cjs/molecules/Avatar/Avatar.d.ts

@@ -1,37 +0,0 @@
-import { ConfigurationItemInfo } from 'containers';
-import React from 'react';
-export interface AvatarMoleculeProps {
-    /** Data‑model field to pull the display value from */
-    sourceDataModelField?: string;
-    /** Icon name to show when no value (default = “user”) */
-    iconName?: string;
-    /** --- simple style props --- */
-    backgroundColor?: string;
-    textColor?: string;
-    size?: number | string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: number | 'normal' | 'bold';
-    borderColor?: string;
-    borderWidth?: number;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    /** Pass‑through for editor canvas etc. */
-    configurationItemInfo?: ConfigurationItemInfo;
-}
-/**
- * Shows initials of `sourceDataModelField` or an icon fallback.
- */
-export declare const AvatarMolecule: React.FC<AvatarMoleculeProps>;

package/dist/cjs/molecules/Avatar/Avatar.stories.d.ts

@@ -1,9 +0,0 @@
-import { AvatarMoleculeProps } from './Avatar';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const WithIconFallback: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps & {
-    sourceDataModelFieldValue: string;
-}>;
-export declare const WithInitials: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarMoleculeProps & {
-    sourceDataModelFieldValue: string;
-}>;

package/dist/cjs/molecules/Badge/Badge.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { BadgeProps as MuiBadgeProps } from '@mui/material';
-export interface BadgeMoleculeProps extends Omit<MuiBadgeProps, 'color'> {
-    iconColor?: string;
-    color?: string;
-    icon?: string;
-    badgeVariant?: MuiBadgeProps['variant'];
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    configurationItemInfo?: Record<string, unknown>;
-}
-export declare const BadgeMolecule: React.FC<BadgeMoleculeProps>;

package/dist/cjs/molecules/Badge/Badge.stories.d.ts

@@ -1,4 +0,0 @@
-import { BadgeMoleculeProps } from './Badge';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
-export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, BadgeMoleculeProps>;

package/dist/cjs/molecules/BaseMolecule.d.ts

@@ -1,14 +0,0 @@
-import { ContainerComponentProps, Molecule } from 'containers';
-import { FC } from 'react';
-import { HeaderTabs } from '../containers/OrganismItem';
-export declare const updateSize: (components: ContainerComponentProps[], targetId: string, newWidth: string, newHeight: string) => ContainerComponentProps[];
-export type BaseMoleculeProps = Molecule & {
-    tabsProps?: {
-        tabs: HeaderTabs[];
-        activeTabKey?: string;
-        onTabChange: (tabKey: string) => void;
-    };
-    isMobile?: boolean;
-    parentId?: string;
-};
-export declare const BaseMolecule: FC<BaseMoleculeProps>;

package/dist/cjs/molecules/BaseMolecule.stories.d.ts

@@ -1,68 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { BaseMolecule } from './BaseMolecule';
-/**
- * BaseMolecule Story - Foundation for All Molecule Examples
- *
- * This story demonstrates the core structure and patterns used by all molecules in Zeal UI.
- * It serves as the foundation for understanding how molecules are configured and rendered.
- *
- * Key Concepts Demonstrated:
- * 1. Molecule Structure: id, type, name, config, properties
- * 2. Configuration System: props for styling, properties for content
- * 3. Data Binding: dataCapture for connecting to data sources
- * 4. State Management: How molecules interact with application state
- * 5. Styling System: CSS properties and responsive design
- */
-declare const meta: Meta<typeof BaseMolecule>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * Basic Molecule Structure Example
- *
- * Shows the minimal configuration needed for any molecule.
- * This demonstrates the core pattern that all molecules follow.
- */
-export declare const BasicStructure: Story;
-/**
- * Data Binding Example
- *
- * Demonstrates how molecules bind to external data sources.
- * This pattern is used throughout forms and display components.
- */
-export declare const DataBinding: Story;
-/**
- * Form Input Example
- *
- * Shows how input molecules handle user interaction and validation.
- * This pattern applies to all form input types.
- */
-export declare const FormInput: Story;
-/**
- * Complex Molecule with Children Example
- *
- * Demonstrates how complex molecules like steppers or accordions contain other molecules.
- * Shows the hierarchical structure pattern.
- */
-export declare const ComplexMolecule: Story;
-/**
- * Complete Organism Example
- *
- * Shows how molecules work together in a complete organism structure.
- * This demonstrates the full pattern for building complex UIs.
- */
-export declare const CompleteOrganism: Story;
-/**
- * Pattern Reference
- *
- * This section documents the key patterns that all molecule examples should follow.
- * Use this as a template for creating new molecule examples.
- */
-export declare const PatternReference: {
-    parameters: {
-        docs: {
-            description: {
-                story: string;
-            };
-        };
-    };
-};

package/dist/cjs/molecules/BasicTextField/BasicTextField.d.ts

@@ -1,41 +0,0 @@
-import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
-import { ConfigurationItemInfo } from 'containers';
-import React, { InputHTMLAttributes } from 'react';
-import { FieldValues, RegisterOptions } from 'react-hook-form';
-export type BasicTextFieldProps = MuiTextFieldProps & {
-    required?: boolean;
-    requiredErrorText?: string;
-    validationErrorText?: string;
-    backgroundColor?: string;
-    textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    color?: string;
-    fontSize?: number | string;
-    fontFamily?: string;
-    fontWeight?: 'normal' | 'bold';
-    inputType?: InputHTMLAttributes<unknown>['type'];
-    borderColor?: string;
-    masked?: boolean;
-    multiLine?: boolean;
-    marginLeft?: string;
-    marginTop?: string;
-    marginRight?: string;
-    marginBottom?: string;
-    paddingLeft?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    width?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    text?: string;
-    placeholderText?: string;
-    configurationItemInfo?: ConfigurationItemInfo;
-    name: string;
-    rules?: Omit<RegisterOptions<FieldValues, string>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
-    sourceDataModelField?: string;
-    isDisplayOnly?: boolean;
-};
-export declare const BasicTextField: React.FC<BasicTextFieldProps>;