@akad/design-system 0.2.0-beta.9 → 1.0.0-alpha.2

package/react/src/components/molecules/InlineEditable/InlineEditable.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta } from '@storybook/react';
+import { DsInlineEditableProps } from '.';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsInlineEditableProps>;
+    args: {
+        name: string;
+        value?: string;
+        prefix?: string;
+        sufix?: string;
+        min?: string;
+        max?: string;
+        onChangeHandler?: (event: React.FormEvent<HTMLInputElement>) => void;
+    };
+};

package/react/src/components/molecules/InlineEditable/index.d.ts

@@ -0,0 +1,4 @@
+export { default as DsInlineEditable } from './InlineEditable';
+export type { DsInlineEditableProps } from './InlineEditable';
+export { default as inlineEditableConfig } from './InlineEditable.config';
+export type { InlineEditableConfig, NameProps, ValueProps, MinProps, MaxProps, PrefixProps, SuffixProps, OnChangeHandlerProps, DsInlineEditableProps as InlineEditableConfigProps, } from './InlineEditable.config';

package/react/src/components/molecules/Modal/Modal.config.d.ts

@@ -0,0 +1,44 @@
+export declare enum ModalElevation {
+    Elevation1 = 1,
+    Elevation2 = 2,
+    Elevation3 = 3,
+    Elevation4 = 4
+}
+export interface ModalElevationProps {
+    type: NumberConstructor;
+    options: readonly ModalElevation[];
+}
+export declare enum ModalVariant {
+    Squared = "squared",
+    Rounded = "rounded"
+}
+export interface ModalVariantProps {
+    type: StringConstructor;
+    default: ModalVariant;
+    options: ModalVariant[];
+}
+export interface ModalCancelBtnTextProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ModalConfirmBtnTextProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ModalIsModalOpenProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ModalConfig {
+    name: string;
+    class: string;
+    props: {
+        elevation: ModalElevationProps;
+        variant: ModalVariantProps;
+        cancelBtnText: ModalCancelBtnTextProps;
+        confirmBtnText: ModalConfirmBtnTextProps;
+        isModalOpen: ModalIsModalOpenProps;
+    };
+}
+declare const modalConfig: ModalConfig;
+export default modalConfig;

package/react/{components → src/components}/molecules/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { default as PropTypes } from 'prop-types';
+import { ReactNode } from 'react';
 
 export interface DsModalProps {
     className?: string;
@@ -20,8 +20,8 @@ declare const DsModal: {
         firstButtonText: PropTypes.Requireable<string>;
         confirmBtnText: PropTypes.Requireable<string>;
         cancelBtnText: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<import('./Modal.config').Variant>;
-        elevation: PropTypes.Requireable<1 | 2 | 3 | 4>;
+        variant: PropTypes.Requireable<import('./Modal.config').ModalVariant>;
+        elevation: PropTypes.Requireable<import('./Modal.config').ModalElevation>;
         isModalOpen: PropTypes.Requireable<boolean>;
         title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         content: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/react/{components → src/components}/molecules/Modal/Modal.stories.d.ts

@@ -1,18 +1,18 @@
-import { DsModalProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsModalProps } from '.';
 
 declare const componentProps: Meta;
 export default componentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
     args: {
         onClose: import('@storybook/addon-actions').HandlerFunction;
         isModalOpen: boolean;
-        variant: import('./Modal.config').Variant;
+        variant: import('.').ModalVariant;
     };
 };
 export declare const ModalSquared: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
     args: {
         variant: string;
         onClose: import('@storybook/addon-actions').HandlerFunction;
@@ -20,7 +20,7 @@ export declare const ModalSquared: {
     };
 };
 export declare const ModalWithButtons: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
     args: {
         cancelBtnText: string;
         confirmBtnText: string;
@@ -28,11 +28,11 @@ export declare const ModalWithButtons: {
         onConfirm: import('@storybook/addon-actions').HandlerFunction;
         onClose: import('@storybook/addon-actions').HandlerFunction;
         isModalOpen: boolean;
-        variant: import('./Modal.config').Variant;
+        variant: import('.').ModalVariant;
     };
 };
 export declare const ModalSquaredWithButtons: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsModalProps>;
     args: {
         variant: string;
         cancelBtnText: string;

package/react/src/components/molecules/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Modal';
+export * from './Modal.config';
+export { default as DsModal } from './Modal';
+export { default as modalConfig } from './Modal.config';

package/react/{components → src/components}/molecules/Notification/Notification.config.d.ts

@@ -1,17 +1,13 @@
-import { ReactNode } from 'react';
-
-export declare const NotificationType: {
-    readonly Success: "success";
-    readonly Danger: "danger";
-    readonly Warning: "warning";
-    readonly Info: "info";
-};
-export type NotificationType = (typeof NotificationType)[keyof typeof NotificationType];
-export declare const NotificationVariant: {
-    readonly Rounded: "rounded";
-    readonly Squared: "squared";
-};
-export type NotificationVariant = (typeof NotificationVariant)[keyof typeof NotificationVariant];
+export declare enum NotificationType {
+    Success = "success",
+    Danger = "danger",
+    Warning = "warning",
+    Info = "info"
+}
+export declare enum NotificationVariant {
+    Rounded = "rounded",
+    Squared = "squared"
+}
 export interface NotificationTypeProps {
     type: StringConstructor;
     default: NotificationType;
@@ -49,22 +45,7 @@ export interface TestIdProps {
     type: StringConstructor;
     default: string;
 }
-export interface DsNotificationProps {
-    className?: string;
-    type?: string;
-    variant?: string;
-    id: string;
-    children?: ReactNode;
-    message?: ReactNode;
-    autoClose?: boolean;
-    autoCloseTimer?: number;
-    dismissible?: boolean;
-    elevation?: number;
-    progressBar?: boolean;
-    testId?: string;
-    handleClose?: (event: React.MouseEvent) => void;
-}
-export interface DsNotificationConfig {
+export interface NotificationConfig {
     name: string;
     class: string;
     props: {
@@ -79,5 +60,5 @@ export interface DsNotificationConfig {
         testId: TestIdProps;
     };
 }
-declare const DsNotificationConfig: DsNotificationConfig;
-export default DsNotificationConfig;
+declare const notificationConfig: NotificationConfig;
+export default notificationConfig;

package/react/src/components/molecules/Notification/Notification.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ReactNode } from 'react';
+
+export interface DsNotificationProps {
+    className?: string;
+    type?: string;
+    variant?: string;
+    id: string;
+    children?: ReactNode;
+    message?: ReactNode;
+    autoClose?: boolean;
+    autoCloseTimer?: number;
+    dismissible?: boolean;
+    elevation?: number;
+    progressBar?: boolean;
+    testId?: string;
+    handleClose?: (event: React.MouseEvent) => void;
+}
+declare const DsNotification: {
+    ({ className, type, variant, id, children, message, autoClose, autoCloseTimer, dismissible, elevation, progressBar, handleClose, testId, }: DsNotificationProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default DsNotification;

package/react/src/components/molecules/Notification/Notification.stories.d.ts

@@ -0,0 +1,95 @@
+import { Meta } from '@storybook/react';
+import { DsNotificationProps } from './Notification';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+export declare const Default: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsNotificationProps>;
+    args: {
+        className?: string;
+        type?: string;
+        variant?: string;
+        id: string;
+        children?: import('react').ReactNode;
+        message?: import('react').ReactNode;
+        autoClose?: boolean;
+        autoCloseTimer?: number;
+        dismissible?: boolean;
+        elevation?: number;
+        progressBar?: boolean;
+        testId?: string;
+        handleClose?: (event: React.MouseEvent) => void;
+    };
+};
+export declare const NotificationSuccess: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsNotificationProps>;
+    args: {
+        type: string;
+        className?: string;
+        variant?: string;
+        id: string;
+        children?: import('react').ReactNode;
+        message?: import('react').ReactNode;
+        autoClose?: boolean;
+        autoCloseTimer?: number;
+        dismissible?: boolean;
+        elevation?: number;
+        progressBar?: boolean;
+        testId?: string;
+        handleClose?: (event: React.MouseEvent) => void;
+    };
+};
+export declare const NotificationDanger: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsNotificationProps>;
+    args: {
+        type: string;
+        className?: string;
+        variant?: string;
+        id: string;
+        children?: import('react').ReactNode;
+        message?: import('react').ReactNode;
+        autoClose?: boolean;
+        autoCloseTimer?: number;
+        dismissible?: boolean;
+        elevation?: number;
+        progressBar?: boolean;
+        testId?: string;
+        handleClose?: (event: React.MouseEvent) => void;
+    };
+};
+export declare const NotificationWarning: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsNotificationProps>;
+    args: {
+        type: string;
+        className?: string;
+        variant?: string;
+        id: string;
+        children?: import('react').ReactNode;
+        message?: import('react').ReactNode;
+        autoClose?: boolean;
+        autoCloseTimer?: number;
+        dismissible?: boolean;
+        elevation?: number;
+        progressBar?: boolean;
+        testId?: string;
+        handleClose?: (event: React.MouseEvent) => void;
+    };
+};
+export declare const NotificationInfo: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsNotificationProps>;
+    args: {
+        type: string;
+        className?: string;
+        variant?: string;
+        id: string;
+        children?: import('react').ReactNode;
+        message?: import('react').ReactNode;
+        autoClose?: boolean;
+        autoCloseTimer?: number;
+        dismissible?: boolean;
+        elevation?: number;
+        progressBar?: boolean;
+        testId?: string;
+        handleClose?: (event: React.MouseEvent) => void;
+    };
+};

package/react/src/components/molecules/Notification/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Notification';
+export * from './Notification.config';
+export { default as DsNotification } from './Notification';
+export { default as notificationConfig } from './Notification.config';

package/react/src/components/molecules/PasswordConfirmation/PasswordConfirmation.config.d.ts

@@ -0,0 +1,32 @@
+export interface PasswordConfirmationValidationItem {
+    title: string;
+    rule: (_password: string) => boolean;
+}
+export interface PasswordConfirmationOnChangeProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface PasswordConfirmationValidationListProps {
+    type: ArrayConstructor;
+    default: PasswordConfirmationValidationItem[];
+}
+export interface PasswordConfirmationInstructionLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface PasswordConfirmationTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface PasswordConfirmationConfig {
+    name: string;
+    class: string;
+    props: {
+        onChange: PasswordConfirmationOnChangeProps;
+        validationList: PasswordConfirmationValidationListProps;
+        instructionLabel: PasswordConfirmationInstructionLabelProps;
+        testId: PasswordConfirmationTestIdProps;
+    };
+}
+declare const passwordConfirmationConfig: PasswordConfirmationConfig;
+export default passwordConfirmationConfig;

package/react/{components → src/components}/molecules/PasswordConfirmation/PasswordConfirmation.stories.d.ts

@@ -1,14 +1,14 @@
-import { ThemeProviderProps } from '../ThemeProvider';
-import { DsPasswordConfirmationProps } from '.';
 import { Meta } from '@storybook/react';
+import { DsPasswordConfirmationProps } from '.';
+import { ThemeProviderProps } from '../ThemeProvider';
 
 declare const ComponentProps: Meta;
 export default ComponentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsPasswordConfirmationProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsPasswordConfirmationProps>;
     args: {
         onChange: import('@storybook/addon-actions').HandlerFunction;
-        validationList: import('./PasswordConfirmation.config').ValidationItem[];
+        validationList: import('./PasswordConfirmation.config').PasswordConfirmationValidationItem[];
         instructionLabel: string;
     };
 };

package/react/src/components/molecules/PasswordConfirmation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './PasswordConfirmation';
+export * from './PasswordConfirmation.config';
+export { default as DsPasswordConfirmation } from './PasswordConfirmation';
+export { default as passwordConfirmationConfig } from './PasswordConfirmation.config';

package/react/{components → src/components}/molecules/Stepper/Stepper.config.d.ts

@@ -14,5 +14,5 @@ export interface StepperConfig {
         selectedStep: SelectedStepProps;
     };
 }
-declare const DsStepperConfig: StepperConfig;
-export default DsStepperConfig;
+declare const stepperConfig: StepperConfig;
+export default stepperConfig;

package/react/{components → src/components}/molecules/Stepper/Stepper.d.ts

@@ -1,5 +1,10 @@
-import { DsStepProps } from '../../../types/types';
-
+export interface DsStepProps {
+    index?: number;
+    disabled?: boolean;
+    icon: string;
+    label: string;
+    name: string;
+}
 export interface DsStepperProps {
     steps: Array<DsStepProps>;
     selectedStep?: number;

package/react/{components → src/components}/molecules/Stepper/Stepper.stories.d.ts

@@ -1,10 +1,10 @@
-import { DsStepperProps } from './Stepper';
 import { Meta } from '@storybook/react';
+import { DsStepperProps } from './Stepper';
 
 declare const componentProps: Meta;
 export default componentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsStepperProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsStepperProps>;
     args: {
         selectedStep: number;
         steps: ({

package/react/src/components/molecules/Stepper/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Stepper';
+export * from './Stepper.config';
+export { default as DsStepper } from './Stepper';
+export { default as stepperConfig } from './Stepper.config';

package/react/{components/molecules/Table/Table.types.d.ts → src/components/molecules/Table/Table.config.d.ts}

@@ -19,3 +19,26 @@ export interface DsTableRowProps {
     columns: Array<DsTableColumnsProps>;
     item: DsTableCoverageItem;
 }
+export interface HeaderProps {
+    type: ArrayConstructor;
+    default: unknown[];
+}
+export interface ItemsProps {
+    type: ArrayConstructor;
+    default: unknown[];
+}
+export interface ColumnsProps {
+    type: ArrayConstructor;
+    default: unknown[];
+}
+export interface TableConfig {
+    name: string;
+    class: string;
+    props: {
+        header: HeaderProps;
+        items: ItemsProps;
+        columns: ColumnsProps;
+    };
+}
+declare const tableConfig: TableConfig;
+export default tableConfig;

package/react/{components → src/components}/molecules/Table/Table.d.ts

@@ -1,4 +1,4 @@
-import { DsTableProps } from './Table.types';
+import { DsTableProps } from './Table.config';
 
 declare const DsTable: {
     ({ columns, data, className }: DsTableProps): import("react/jsx-runtime").JSX.Element;

package/react/src/components/molecules/Table/Table.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+import { DsTableRowProps } from './Table.config';
+
+declare const componentProps: Meta;
+export default componentProps;
+export declare const Default: {
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTableRowProps>;
+    args: {
+        columns: import('.').DsTableColumnsProps[];
+        data: import('.').DsTableCoverageItem[];
+    };
+};

package/react/{components → src/components}/molecules/Table/TableRow.d.ts

@@ -1,4 +1,4 @@
-import { DsTableRowProps } from './Table.types';
+import { DsTableRowProps } from './Table.config';
 
 declare const DsTableRow: {
     ({ item, columns }: DsTableRowProps): import("react/jsx-runtime").JSX.Element;

package/react/{components → src/components}/molecules/Table/dataTable.mock.d.ts

@@ -1,4 +1,4 @@
-import { DsTableColumnsProps, DsTableCoverageItem } from './Table.types';
+import { DsTableColumnsProps, DsTableCoverageItem } from './Table.config';
 
 declare const contentDataCoverages: DsTableCoverageItem[];
 declare const columnsData: DsTableColumnsProps[];

package/react/src/components/molecules/Table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Table';
+export * from './Table.config';
+export { default as DsTable } from './Table';
+export { default as tableConfig } from './Table.config';

package/react/{components → src/components}/molecules/Tabs/Tab.d.ts

@@ -1,5 +1,5 @@
-import { DsTabProps } from '../../../types/types';
 import { default as React } from 'react';
+import { DsTabProps } from './Tabs';
 
 declare const DsTab: React.FC<DsTabProps>;
 export default DsTab;

package/react/src/components/molecules/Tabs/Tabs.config.d.ts

@@ -0,0 +1,44 @@
+export declare enum TabsColor {
+    None = "",
+    Primary = "primary",
+    Secondary = "secondary",
+    Neutral = "neutral",
+    Success = "success",
+    Warning = "warning",
+    Danger = "danger",
+    Info = "info"
+}
+export interface TabsTabsProps {
+    type: ArrayConstructor;
+    required: boolean;
+}
+export interface TabsSelectedTabProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface TabsColorProps {
+    type: StringConstructor;
+    default: TabsColor;
+    options: TabsColor[];
+}
+export interface TabsClassNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface TabsOnChangeProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface TabsConfig {
+    name: string;
+    class: string;
+    props: {
+        tabs: TabsTabsProps;
+        selectedTab: TabsSelectedTabProps;
+        color: TabsColorProps;
+        className: TabsClassNameProps;
+        onChange: TabsOnChangeProps;
+    };
+}
+declare const tabsConfig: TabsConfig;
+export default tabsConfig;

package/react/{components → src/components}/molecules/Tabs/Tabs.d.ts

@@ -1,6 +1,16 @@
-import { DsTabProps } from '../../../types/types';
 import { default as React } from 'react';
 
+export interface DsTabProps {
+    active?: boolean;
+    className?: string;
+    color?: string;
+    content: React.ReactNode | string;
+    disabled?: boolean;
+    name?: string;
+    index: number;
+    title: React.ReactNode | string;
+    onClick?: (index: number) => void;
+}
 export interface DsTabsProps {
     tabs: DsTabProps[];
     selectedTab?: number;

package/react/{components → src/components}/molecules/Tabs/Tabs.stories.d.ts

@@ -1,12 +1,12 @@
-import { DsTabsProps } from './Tabs';
 import { Meta } from '@storybook/react';
+import { DsTabsProps } from './Tabs';
 
 declare const componentProps: Meta;
 export default componentProps;
 export declare const Default: {
-    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTabsProps>;
+    render: import('storybook/internal/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTabsProps>;
     args: {
-        color: import('./Tabs.config').Color;
+        color: import('../../../main').TabsColor;
         selectedTab: number;
         tabs: ({
             name: string;

package/react/src/components/molecules/Tabs/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Tabs';
+export * from './Tabs.config';
+export { default as DsTabs } from './Tabs';
+export { default as tabsConfig } from './Tabs.config';

package/react/src/components/molecules/ThemeProvider/ThemeProvider.config.d.ts

@@ -0,0 +1,28 @@
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark"
+}
+export declare enum Library {
+    Core = "core",
+    Marketing = "mkt"
+}
+export interface ThemeProps {
+    type: StringConstructor;
+    default: Theme;
+    options: Theme[];
+}
+export interface LibraryProps {
+    type: StringConstructor;
+    default: Library;
+    options: Library[];
+}
+export interface ThemeProviderConfig {
+    name: string;
+    class: string;
+    props: {
+        theme: ThemeProps;
+        library: LibraryProps;
+    };
+}
+declare const themeProviderConfig: ThemeProviderConfig;
+export default themeProviderConfig;

package/react/src/components/organisms/NotificationList/NotificationList.config.d.ts

@@ -0,0 +1,32 @@
+export declare enum NotificationListPosition {
+    TopLeft = "top-left",
+    TopCenter = "top-center",
+    TopRight = "top-right",
+    BottomLeft = "bottom-left",
+    BottomCenter = "bottom-center",
+    BottomRight = "bottom-right"
+}
+export interface NotificationListPositionProps {
+    type: StringConstructor;
+    default: NotificationListPosition;
+    options: NotificationListPosition[];
+}
+export interface NotificationListFluidProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface NotificationListClassNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface NotificationListConfig {
+    name: string;
+    class: string;
+    props: {
+        position: NotificationListPositionProps;
+        fluid: NotificationListFluidProps;
+        className: NotificationListClassNameProps;
+    };
+}
+declare const notificationListConfig: NotificationListConfig;
+export default notificationListConfig;