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

package/package.json

@@ -1,11 +1,11 @@
 {
-	"name": "@akad/design-system",
-	"version": "0.1.0-beta.9",
-	"main": "react/react.js",
-	"types": "react/main.d.ts",
-	"author": "Gabriel Mule <gabemule@gmail.com>",
-	"license": "MIT",
-	"devDependencies": {
-		"concurrently": "^8.2.2"
-	}
-}
+  "name": "@akad/design-system",
+  "version": "0.2.0-beta.1",
+  "main": "react/react.js",
+  "types": "react/main.d.ts",
+  "author": "Gabriel Mule <gabemule@gmail.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "concurrently": "^8.2.2"
+  }
+}

package/react/components/atoms/Checkbox/Checkbox.config.d.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export interface NameProps {
     type: StringConstructor;
     required: false;
@@ -30,6 +32,18 @@ export interface OnChangeHandlerProps {
     type: FunctionConstructor;
     default: () => void;
 }
+export interface DsCheckboxProps {
+    id?: string;
+    className?: string;
+    name?: string;
+    testId?: string;
+    label?: string | ReactNode;
+    description?: string | ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    changeByChecked?: boolean;
+    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
 export interface CheckboxConfig {
     name: string;
     class: string;

package/react/components/atoms/Checkbox/Checkbox.d.ts

@@ -1,16 +1,5 @@
-import { default as React, ReactNode } from 'react';
+import { DsCheckboxProps } from './Checkbox.config';
+import { default as React } from 'react';
 
-export interface DsCheckboxProps {
-    id?: string;
-    className?: string;
-    name?: string;
-    testId?: string;
-    label?: string | ReactNode;
-    description?: string | ReactNode;
-    checked?: boolean;
-    disabled?: boolean;
-    changeByChecked?: boolean;
-    onChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
 declare const DsCheckbox: React.ForwardRefExoticComponent<DsCheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default DsCheckbox;

package/react/components/atoms/Checkbox/index.d.ts

@@ -1,4 +1,5 @@
-import { default as DsCheckbox, DsCheckboxProps } from './Checkbox';
+import { DsCheckboxProps } from './Checkbox.config';
+import { default as DsCheckbox } from './Checkbox';
 
 export { DsCheckbox };
 export type { DsCheckboxProps };

package/react/components/atoms/Select/Select.stories.d.ts

@@ -15,5 +15,13 @@ export declare const Default: {
             value: string;
             label: string;
         }[];
+        className: string;
+        animated: boolean;
+        name: string;
+        testId: string;
+        placeholder: string;
+        tooltip: string;
+        tooltipPlacement: import('./Select.config').TooltipPlacement;
+        tooltipPosition: import('./Select.config').TooltipPosition;
     };
 };

package/react/components/atoms/TextArea/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export interface DsTextAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface DsTextAreaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
     name?: string;
     testId?: string;
     type?: string;
@@ -12,17 +12,20 @@ export interface DsTextAreaProps extends React.HTMLAttributes<HTMLDivElement> {
     minLength?: number;
     maxLength?: number;
     rows?: number;
+    cols?: number;
     tooltip?: string;
     icon?: string;
     status?: string;
     feedback?: string;
     disabled?: boolean;
-    onChangeHandler?: (event: React.ChangeEvent<HTMLTextAreaElement> | React.FormEvent<HTMLTextAreaElement>) => void;
+    required?: boolean;
+    onChangeHandler?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     onBlurHandler?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     onKeyDownHandler?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onFocusHandler?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
     resize: string;
     description?: string;
+    style?: React.CSSProperties;
 }
 declare const DsTextArea: React.ForwardRefExoticComponent<DsTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default DsTextArea;

package/react/components/bosons/GridLayout/GridElement.d.ts

@@ -5,8 +5,5 @@ type DsGridElementType = {
     children: string | React.ReactElement;
     grid: DsGridElementProps;
 };
-declare const DsGridElement: {
-    ({ children, grid }: DsGridElementType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const DsGridElement: React.FC<DsGridElementType>;
 export default DsGridElement;

package/react/components/bosons/GridLayout/GridElement.test.d.ts

@@ -0,0 +1 @@
+

package/react/components/bosons/GridLayout/GridLayout.config.d.ts

@@ -53,6 +53,17 @@ export interface VerticalAlignProps {
     default: Align;
     options: Align[];
 }
+export interface GridLayoutProps {
+    rows?: string;
+    gap?: Gap;
+    vGap?: boolean;
+    hGap?: boolean;
+    width?: string;
+    height?: string;
+    horizontalAlign?: Align;
+    verticalAlign?: Align;
+    children: React.ReactNode;
+}
 export interface GridLayoutConfig {
     name: string;
     class: string;

package/react/components/bosons/GridLayout/GridLayout.d.ts

@@ -2,14 +2,14 @@ import { default as PropTypes } from 'prop-types';
 
 export interface DsGridLayoutProps {
     children: JSX.Element | JSX.Element[];
-    rows: string;
-    gap: string;
-    vGap: string;
-    hGap: string;
-    horizontalAlign: string;
-    verticalAlign: string;
-    width: string;
-    height: string;
+    rows?: string;
+    gap?: string;
+    vGap?: boolean;
+    hGap?: boolean;
+    horizontalAlign?: string;
+    verticalAlign?: string;
+    width?: string;
+    height?: string;
 }
 declare const DsGridLayout: {
     ({ children, rows, gap, vGap, hGap, horizontalAlign, verticalAlign, width, height, }: DsGridLayoutProps): import("react/jsx-runtime").JSX.Element;
@@ -24,16 +24,6 @@ declare const DsGridLayout: {
         horizontalAlign: PropTypes.Requireable<import('./GridLayout.config').Align>;
         verticalAlign: PropTypes.Requireable<import('./GridLayout.config').Align>;
     };
-    defaultProps: {
-        rows: string;
-        gap: import('./GridLayout.config').Gap;
-        vGap: boolean;
-        hGap: boolean;
-        width: string;
-        height: string;
-        horizontalAlign: import('./GridLayout.config').Align;
-        verticalAlign: import('./GridLayout.config').Align;
-    };
     displayName: string;
 };
 export default DsGridLayout;

package/react/components/bosons/Wrapper/Wrapper.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { default as PropTypes } from 'prop-types';
 
 export interface DsWrapperProps {
     children?: React.ReactNode;
@@ -11,13 +10,6 @@ export interface DsWrapperProps {
 }
 declare const DsWrapper: {
     ({ children, space, top, right, bottom, left, }: DsWrapperProps): import("react/jsx-runtime").JSX.Element;
-    propTypes: {
-        space: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        top: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        right: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        bottom: PropTypes.Requireable<import('./Wrapper.config').Space>;
-        left: PropTypes.Requireable<import('./Wrapper.config').Space>;
-    };
     displayName: string;
 };
 export default DsWrapper;

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

@@ -3,7 +3,7 @@ import { default as PropTypes } from 'prop-types';
 
 interface Props {
     items: DsAccordionItems[];
-    activeItem?: number;
+    activeItem?: number | null;
     onClick?: (index: number) => void;
 }
 declare const DsAccordion: {

package/react/components/molecules/Accordion/AccordionItem.d.ts

@@ -2,12 +2,11 @@ import { DsAccordionItemProps } from '../../../types/types';
 import { default as PropTypes } from 'prop-types';
 
 declare const DsAccordionItem: {
-    ({ title, content, className, onToggle, active, disabled, }: DsAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ title, content, onToggle, active, disabled, }: DsAccordionItemProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         active: PropTypes.Requireable<boolean>;
         title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
         content: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-        className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
     };
     displayName: string;

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

@@ -1,13 +1,13 @@
 interface Tag {
+    id: string;
     text: string;
     icon: string;
-    title: string;
     hiddenClose?: boolean;
 }
 export interface DsActiveTagsProps {
     title: string;
     activeTags: Tag[];
-    handleTagClose: (indexToRemove: number) => void;
+    handleTagClose: (_indexToRemove: number) => void;
 }
 declare const DsActiveTags: {
     ({ title, activeTags, handleTagClose, }: DsActiveTagsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -10,6 +10,10 @@ export interface Option {
     name?: string;
     id?: string | number;
 }
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
 export interface LabelProps {
     type: StringConstructor;
     default: string;
@@ -79,6 +83,7 @@ export interface EditableSelectConfig {
     class: string;
     props: {
         label: LabelProps;
+        testId: TestIdProps;
         animated: AnimatedProps;
         loading: LoadingProps;
         disabled: DisabledProps;

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

@@ -3,6 +3,7 @@ import { Option } from './EditableSelect.config';
 export interface DsEditableSelectProps {
     label?: string;
     name?: string;
+    testId?: string;
     value?: string;
     size?: string;
     options?: Option[];
@@ -19,7 +20,7 @@ export interface DsEditableSelectProps {
     onFocusHandler?: () => void;
 }
 declare const DsEditableSelect: {
-    ({ label, name, value, options, size, onChangeHandler, onSelectHandler, icon, noOptionsMessage, disabled, status, onBlurHandler, onFocusHandler, animated, placeholder, loading, }: DsEditableSelectProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, name, testId, value, options, size, onChangeHandler, onSelectHandler, icon, noOptionsMessage, disabled, status, onBlurHandler, onFocusHandler, animated, placeholder, loading, }: DsEditableSelectProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DsEditableSelect;

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

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+
 export declare const NotificationType: {
     readonly Success: "success";
     readonly Danger: "danger";
@@ -43,6 +45,20 @@ 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;

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

@@ -1,34 +1,7 @@
-import { default as React, ReactNode } from 'react';
-import { default as PropTypes } from 'prop-types';
+import { DsNotificationProps } from './Notification.config';
 
-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;
-}
 declare const DsNotification: {
     ({ className, type, variant, id, children, message, autoClose, autoCloseTimer, dismissible, elevation, progressBar, handleClose, }: DsNotificationProps): import("react/jsx-runtime").JSX.Element | null;
-    propTypes: {
-        type: PropTypes.Requireable<import('./Notification.config').NotificationType>;
-        id: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<import('./Notification.config').NotificationVariant>;
-        message: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        autoClose: PropTypes.Requireable<boolean>;
-        autoCloseTimer: PropTypes.Requireable<number>;
-        dismissible: PropTypes.Requireable<boolean>;
-        elevation: PropTypes.Requireable<number>;
-        progressBar: PropTypes.Requireable<boolean>;
-        handleClose: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     displayName: string;
 };
 export default DsNotification;

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

@@ -16,7 +16,7 @@ export declare const Default: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -33,7 +33,7 @@ export declare const NotificationSuccess: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -50,7 +50,7 @@ export declare const NotificationDanger: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -67,7 +67,7 @@ export declare const NotificationWarning: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };
@@ -84,7 +84,7 @@ export declare const NotificationInfo: {
         autoCloseTimer?: number | undefined;
         dismissible?: boolean | undefined;
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };

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

@@ -1,4 +1,5 @@
-import { default as DsNotification, DsNotificationProps } from './Notification';
+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.d.ts

@@ -10,7 +10,7 @@ interface FeedbackObject {
     color: string;
 }
 export interface DsPasswordConfirmationProps {
-    onChange?: (data: {
+    onChange: (data: {
         password: string;
         confirmationPassword: string;
         isEqual: boolean;

package/react/components/molecules/Tabs/Tab.test.d.ts

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

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

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

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

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

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

@@ -3,8 +3,8 @@ import { default as PropTypes } from 'prop-types';
 
 export interface DsNotificationListProps {
     className?: string;
-    position: string;
-    fluid: boolean;
+    position?: string;
+    fluid?: boolean;
     notifications: DsNotificationProps[];
     removeNotification: (notificationid: string) => void;
 }

package/react/components/organisms/NotificationList/NotificationList.test.d.ts

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

package/react/components/templates/TwoColumns/TwoColumns.test.d.ts

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

package/react/decorators/storybook.test.d.ts

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

package/react/main.d.ts

@@ -1,3 +1 @@
 export * from './components/index';
-export * from './hooks/index';
-export * from './helpers/utils';