@akad/design-system 0.0.1-beta.14

package/react/components/molecules/Indicator/Indicator.config.d.ts

@@ -0,0 +1,18 @@
+export interface CurrentProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface LengthProps {
+    type: NumberConstructor;
+    required: true;
+}
+export interface DsIndicatorConfig {
+    name: string;
+    class: string;
+    props: {
+        current: CurrentProps;
+        length: LengthProps;
+    };
+}
+declare const DsIndicatorConfig: DsIndicatorConfig;
+export default DsIndicatorConfig;

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

@@ -0,0 +1,6 @@
+export interface DsIndicatorProps {
+    length: number;
+    current?: number;
+}
+declare const DsIndicator: ({ length, current, }: DsIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default DsIndicator;

package/react/components/molecules/Indicator/Indicator.stories.d.ts

@@ -0,0 +1,12 @@
+import { DsIndicatorProps } from './Indicator';
+import { Meta } from '@storybook/react';
+
+declare const componentProps: Meta;
+export default componentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsIndicatorProps>;
+    args: {
+        length: number;
+        current: number;
+    };
+};

package/react/components/molecules/Indicator/Indicator.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { default as DsIndicator, DsIndicatorProps } from './Indicator';
+
+export { DsIndicator };
+export type { DsIndicatorProps };

package/react/components/molecules/InlineEditable/InlineEditable.config.d.ts

@@ -0,0 +1,73 @@
+export declare const DsInlineEditableConfig: {
+    readonly name: "DsInlineEditable";
+    readonly class: "ds-inline-editable";
+    readonly props: {
+        readonly name: {
+            readonly type: StringConstructor;
+            readonly required: true;
+        };
+        readonly value: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly min: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly max: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly prefix: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly suffix: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly onChangeHandler: {
+            readonly type: FunctionConstructor;
+            readonly default: () => void;
+        };
+    };
+};
+export type DsInlineEditableConfig = typeof DsInlineEditableConfig;
+export interface NameProps {
+    type: StringConstructor;
+    required: true;
+}
+export interface ValueProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface MinProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface MaxProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface PrefixProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface SuffixProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface OnChangeHandlerProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface DsInlineEditableProps {
+    name: NameProps;
+    value: ValueProps;
+    min: MinProps;
+    max: MaxProps;
+    prefix: PrefixProps;
+    suffix: SuffixProps;
+    onChangeHandler: OnChangeHandlerProps;
+}
+export default DsInlineEditableConfig;

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

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+
+export interface DsInlineEditableProps {
+    name: string;
+    value?: string;
+    prefix?: string;
+    sufix?: string;
+    min?: string;
+    max?: string;
+    onChangeHandler?: (event: React.FormEvent<HTMLInputElement>) => void;
+}
+declare const DsInlineEditable: {
+    ({ name, value, prefix, sufix, min, max, onChangeHandler, }: DsInlineEditableProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        value: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+export default DsInlineEditable;

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

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

package/react/components/molecules/InlineEditable/InlineEditable.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { default as DsInlineEditable, DsInlineEditableProps } from './InlineEditable';
+
+export { DsInlineEditable };
+export type { DsInlineEditableProps };

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

@@ -0,0 +1,41 @@
+export declare const Elevation: readonly [1, 2, 3, 4];
+export type Elevation = (typeof Elevation)[number];
+export interface ElevationProps {
+    type: NumberConstructor;
+    options: readonly Elevation[];
+}
+export declare const Variant: {
+    readonly Squared: "squared";
+    readonly Rounded: "rounded";
+};
+export type Variant = (typeof Variant)[keyof typeof Variant];
+export interface VariantProps {
+    type: StringConstructor;
+    default: Variant;
+    options: Variant[];
+}
+export interface CancelBtnTextProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ConfirmBtnTextProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface IsModalOpenProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ModalConfig {
+    name: string;
+    class: string;
+    props: {
+        elevation: ElevationProps;
+        variant: VariantProps;
+        cancelBtnText: CancelBtnTextProps;
+        confirmBtnText: ConfirmBtnTextProps;
+        isModalOpen: IsModalOpenProps;
+    };
+}
+declare const ModalConfig: ModalConfig;
+export default ModalConfig;

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { default as PropTypes } from 'prop-types';
+
+export interface DsModalProps {
+    className?: string;
+    title?: ReactNode;
+    content: ReactNode;
+    cancelBtnText: string;
+    confirmBtnText: string;
+    variant: string;
+    elevation?: number;
+    isModalOpen: boolean;
+    onClose: () => void;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+}
+declare const DsModal: {
+    ({ className, title, content, cancelBtnText, confirmBtnText, variant, elevation, isModalOpen, onClose, onCancel, onConfirm, ...props }: DsModalProps): import("react/jsx-runtime").JSX.Element | null;
+    propTypes: {
+        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>;
+        isModalOpen: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    displayName: string;
+};
+export default DsModal;

package/react/components/molecules/Modal/Modal.stories.d.ts

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

package/react/components/molecules/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,4 @@
+import { default as DsModal, DsModalProps } from './Modal';
+
+export { DsModal };
+export type { DsModalProps };

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

@@ -0,0 +1,77 @@
+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 interface NotificationTypeProps {
+    type: StringConstructor;
+    default: NotificationType;
+    options: NotificationType[];
+}
+export interface IdProps {
+    type: StringConstructor;
+}
+export interface AutoCloseProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface AutoCloseTimerProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface DismissibleProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ElevationProps {
+    type: NumberConstructor;
+    options: number[];
+}
+export interface NotificationVariantProps {
+    type: StringConstructor;
+    default: NotificationVariant;
+    options: NotificationVariant[];
+}
+export interface ProgressBarProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+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;
+    handleClose?: (event: React.MouseEvent) => void;
+}
+export interface DsNotificationConfig {
+    name: string;
+    class: string;
+    props: {
+        type: NotificationTypeProps;
+        id: IdProps;
+        autoClose: AutoCloseProps;
+        autoCloseTimer: AutoCloseTimerProps;
+        dismissible: DismissibleProps;
+        elevation: ElevationProps;
+        variant: NotificationVariantProps;
+        progressBar: ProgressBarProps;
+    };
+}
+declare const DsNotificationConfig: DsNotificationConfig;
+export default DsNotificationConfig;

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

@@ -0,0 +1,7 @@
+import { DsNotificationProps } from './Notification.config';
+
+declare const DsNotification: {
+    ({ className, type, variant, id, children, message, autoClose, autoCloseTimer, dismissible, elevation, progressBar, handleClose, }: DsNotificationProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export default DsNotification;

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import { DsNotificationProps } from './Notification.config';
+import { default as DsNotification } from './Notification';
+
+export { DsNotification };
+export type { DsNotificationProps };

package/react/components/molecules/PasswordConfirmation/PasswordConfirmartion.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,27 @@
+export interface ValidationItem {
+    title: string;
+    rule: (_password: string) => boolean;
+}
+export interface OnChangeProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface ValidationListProps {
+    type: ArrayConstructor;
+    default: ValidationItem[];
+}
+export interface InstructionLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface PasswordConfirmationConfig {
+    name: string;
+    class: string;
+    props: {
+        onChange: OnChangeProps;
+        validationList: ValidationListProps;
+        instructionLabel: InstructionLabelProps;
+    };
+}
+declare const DsPasswordConfirmationConfig: PasswordConfirmationConfig;
+export default DsPasswordConfirmationConfig;

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

@@ -0,0 +1,31 @@
+import { default as PropTypes } from 'prop-types';
+
+interface ValidationRule {
+    title: string;
+    rule: (password: string) => boolean;
+}
+interface FeedbackObject {
+    score: number;
+    label: string;
+    color: string;
+}
+export interface DsPasswordConfirmationProps {
+    onChange: (data: {
+        password: string;
+        confirmationPassword: string;
+        isEqual: boolean;
+        feedback: FeedbackObject;
+    }) => void;
+    validationList: Array<ValidationRule>;
+    instructionLabel: string;
+}
+declare const DsPasswordConfirmation: {
+    ({ onChange, validationList, instructionLabel, }: DsPasswordConfirmationProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        validationList: PropTypes.Validator<any[]>;
+        instructionLabel: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+export default DsPasswordConfirmation;

package/react/components/molecules/PasswordConfirmation/PasswordConfirmation.stories.d.ts

@@ -0,0 +1,14 @@
+import { ThemeProviderProps } from '../ThemeProvider';
+import { DsPasswordConfirmationProps } from '.';
+import { Meta } from '@storybook/react';
+
+declare const ComponentProps: Meta;
+export default ComponentProps;
+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[];
+        instructionLabel: string;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { default as DsPasswordConfirmation, DsPasswordConfirmationProps } from './PasswordConfirmation';
+
+export { DsPasswordConfirmation };
+export type { DsPasswordConfirmationProps };

package/react/components/molecules/Stepper/Stepper.config.d.ts

@@ -0,0 +1,18 @@
+export interface StepsProps {
+    type: ArrayConstructor;
+    required: boolean;
+}
+export interface SelectedStepProps {
+    type: NumberConstructor;
+    default: number;
+}
+export interface StepperConfig {
+    name: string;
+    class: string;
+    props: {
+        steps: StepsProps;
+        selectedStep: SelectedStepProps;
+    };
+}
+declare const DsStepperConfig: StepperConfig;
+export default DsStepperConfig;

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

@@ -0,0 +1,12 @@
+import { DsStepProps } from '../../../types/types';
+
+export interface DsStepperProps {
+    steps: Array<DsStepProps>;
+    selectedStep?: number;
+    onChange: (selectedIndex: number) => void;
+}
+declare const DsStepper: {
+    ({ steps, selectedStep, onChange, }: DsStepperProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DsStepper;

package/react/components/molecules/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,23 @@
+import { DsStepperProps } from './Stepper';
+import { Meta } from '@storybook/react';
+
+declare const componentProps: Meta;
+export default componentProps;
+export declare const Default: {
+    render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsStepperProps>;
+    args: {
+        selectedStep: number;
+        steps: ({
+            name: string;
+            label: string;
+            icon: string;
+            disabled?: undefined;
+        } | {
+            name: string;
+            label: string;
+            icon: string;
+            disabled: boolean;
+        })[];
+        onChange: import('@storybook/addon-actions').HandlerFunction;
+    };
+};

package/react/components/molecules/Stepper/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,4 @@
+import { default as DsStepper, DsStepperProps } from './Stepper';
+
+export { DsStepper };
+export type { DsStepperProps };

package/react/components/molecules/Table/Table.config.d.ts

@@ -0,0 +1,23 @@
+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;