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

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

@@ -0,0 +1,104 @@
+export declare enum EditableSelectSize {
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export interface EditableSelectOption {
+    label: string;
+    value?: string | number;
+    name?: string;
+    id?: string | number;
+}
+export interface EditableSelectTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface EditableSelectLoadingProps {
+    type: BooleanConstructor;
+}
+export interface EditableSelectAnimatedProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface EditableSelectPlaceholderProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectIconProps {
+    type: StringConstructor;
+    default: undefined;
+}
+export interface EditableSelectNameProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectNoOptionsMessageProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectOptionsProps {
+    type: ArrayConstructor;
+    default: never[];
+}
+export interface EditableSelectStatusProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface EditableSelectSizeProps {
+    type: StringConstructor;
+    options: EditableSelectSize[];
+    default: EditableSelectSize;
+}
+export interface EditableSelectOnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectOnBlurHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectOnFocusHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectOnSelectHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface EditableSelectConfig {
+    name: string;
+    class: string;
+    props: {
+        label: EditableSelectLabelProps;
+        testId: EditableSelectTestIdProps;
+        animated: EditableSelectAnimatedProps;
+        loading: EditableSelectLoadingProps;
+        disabled: EditableSelectDisabledProps;
+        icon: EditableSelectIconProps;
+        name: EditableSelectNameProps;
+        noOptionsMessage: EditableSelectNoOptionsMessageProps;
+        options: EditableSelectOptionsProps;
+        status: EditableSelectStatusProps;
+        value: EditableSelectValueProps;
+        size: EditableSelectSizeProps;
+        onChangeHandler: EditableSelectOnChangeHandlerProps;
+        onBlurHandler: EditableSelectOnBlurHandlerProps;
+        onFocusHandler: EditableSelectOnFocusHandlerProps;
+        onSelectHandler: EditableSelectOnSelectHandlerProps;
+        placeholder: EditableSelectPlaceholderProps;
+    };
+}
+declare const editableSelectConfig: EditableSelectConfig;
+export default editableSelectConfig;

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

@@ -1,4 +1,4 @@
-import { Option } from './EditableSelect.config';
+import { EditableSelectOption } from './EditableSelect.config';
 
 export interface DsEditableSelectProps {
     label?: string;
@@ -6,7 +6,7 @@ export interface DsEditableSelectProps {
     testId?: string;
     value?: string;
     size?: string;
-    options?: Option[];
+    options?: EditableSelectOption[];
     onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement> | React.FormEvent<HTMLInputElement>) => void;
     onSelectHandler?: (selectedOption: object) => void;
     icon?: string;

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

@@ -0,0 +1,4 @@
+export * from './EditableSelect';
+export * from './EditableSelect.config';
+export { default as DsEditableSelect } from './EditableSelect';
+export { default as editableSelectConfig } from './EditableSelect.config';

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

@@ -6,7 +6,7 @@ export interface LengthProps {
     type: NumberConstructor;
     required: true;
 }
-export interface DsIndicatorConfig {
+export interface IndicatorConfig {
     name: string;
     class: string;
     props: {
@@ -14,5 +14,5 @@ export interface DsIndicatorConfig {
         length: LengthProps;
     };
 }
-declare const DsIndicatorConfig: DsIndicatorConfig;
-export default DsIndicatorConfig;
+declare const indicatorConfig: IndicatorConfig;
+export default indicatorConfig;

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

@@ -0,0 +1,4 @@
+export * from './Indicator';
+export * from './Indicator.config';
+export { default as DsIndicator } from './Indicator';
+export { default as indicatorConfig } from './Indicator.config';

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

@@ -1,4 +1,4 @@
-export declare const DsInlineEditableConfig: {
+export declare const inlineEditableConfig: {
     readonly name: "DsInlineEditable";
     readonly class: "ds-inline-editable";
     readonly props: {
@@ -32,7 +32,7 @@ export declare const DsInlineEditableConfig: {
         };
     };
 };
-export type DsInlineEditableConfig = typeof DsInlineEditableConfig;
+export type InlineEditableConfig = typeof inlineEditableConfig;
 export interface NameProps {
     type: StringConstructor;
     required: true;
@@ -70,4 +70,4 @@ export interface DsInlineEditableProps {
     suffix: SuffixProps;
     onChangeHandler: OnChangeHandlerProps;
 }
-export default DsInlineEditableConfig;
+export default inlineEditableConfig;

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

@@ -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

@@ -8,7 +8,7 @@ export declare const Default: {
     args: {
         onClose: import('@storybook/addon-actions').HandlerFunction;
         isModalOpen: boolean;
-        variant: import('./Modal.config').Variant;
+        variant: import('.').ModalVariant;
     };
 };
 export declare const ModalSquared: {
@@ -28,7 +28,7 @@ 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: {

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/{components → src/components}/molecules/Notification/Notification.stories.d.ts

@@ -1,4 +1,4 @@
-import { DsNotificationProps } from '.';
+import { DsNotificationProps } from './Notification';
 import { Meta } from '@storybook/react';
 
 declare const ComponentProps: Meta;

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

@@ -8,7 +8,7 @@ export declare const Default: {
     render: import('@storybook/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/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/{components → src/components}/molecules/Table/Table.stories.d.ts

@@ -1,4 +1,4 @@
-import { DsTableRowProps } from './Table.types';
+import { DsTableRowProps } from './Table.config';
 import { Meta } from '@storybook/react';
 
 declare const componentProps: Meta;
@@ -6,7 +6,7 @@ export default componentProps;
 export declare const Default: {
     render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTableRowProps>;
     args: {
-        columns: import('./Table.types').DsTableColumnsProps[];
-        data: import('./Table.types').DsTableCoverageItem[];
+        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,4 +1,4 @@
-import { DsTabProps } from '../../../types/types';
+import { DsTabProps } from './Tabs';
 import { default as React } from 'react';
 
 declare const DsTab: React.FC<DsTabProps>;

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

@@ -6,7 +6,7 @@ export default componentProps;
 export declare const Default: {
     render: import('@storybook/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;