@akad/design-system - npm Package Compare versions

Comparing version 0.1.0-beta.12 to 0.2.0-beta.1

package.json

 {
   "name": "@akad/design-system",
-  "version": "0.1.0-beta.12",
+  "version": "0.2.0-beta.1",
   "main": "react/react.js",
@@ -5,0 +5,0 @@ "types": "react/main.d.ts",

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

@@ -0,1 +1,3 @@
+import { ReactNode } from 'react';
+
 export interface NameProps {
@@ -33,2 +35,14 @@ type: StringConstructor;
 }
+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 {
@@ -35,0 +49,0 @@ name: string;

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

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

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

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

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

@@ -18,3 +18,11 @@ import { DsSelectProps } from '.';
         }[];
+        className: string;
+        animated: boolean;
+        name: string;
+        testId: string;
+        placeholder: string;
+        tooltip: string;
+        tooltipPlacement: import('./Select.config').TooltipPlacement;
+        tooltipPosition: import('./Select.config').TooltipPosition;
     };
 };

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

 import { default as React } from 'react';
 
-export interface DsTextAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface DsTextAreaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
     name?: string;
@@ -15,2 +15,3 @@ testId?: string;
     rows?: number;
+    cols?: number;
     tooltip?: string;
@@ -21,3 +22,4 @@ icon?: 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;
@@ -28,4 +30,5 @@ onKeyDownHandler?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     description?: string;
+    style?: React.CSSProperties;
 }
 declare const DsTextArea: React.ForwardRefExoticComponent<DsTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default DsTextArea;

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

@@ -8,6 +8,3 @@ import { DsGridElementProps } from '../../../types/types';
 };
-declare const DsGridElement: {
-    ({ children, grid }: DsGridElementType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const DsGridElement: React.FC<DsGridElementType>;
 export default DsGridElement;

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

@@ -56,2 +56,13 @@ export declare const Gap: {
 }
+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 {
@@ -58,0 +69,0 @@ name: string;

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

@@ -5,10 +5,10 @@ import { default as PropTypes } from 'prop-types';
     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;
 }
@@ -28,14 +28,4 @@ declare const DsGridLayout: {
     };
-    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;

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

 import { default as React } from 'react';
-import { default as PropTypes } from 'prop-types';
 
@@ -14,11 +13,4 @@ export interface DsWrapperProps {
     ({ 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;

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

@@ -6,3 +6,3 @@ import { DsAccordionItems } from '../../../types/types';
     items: DsAccordionItems[];
-    activeItem?: number;
+    activeItem?: number | null;
     onClick?: (index: number) => void;
@@ -9,0 +9,0 @@ }

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

@@ -5,3 +5,3 @@ import { DsAccordionItemProps } from '../../../types/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: {
@@ -11,3 +11,2 @@ active: PropTypes.Requireable<boolean>;
         content: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-        className: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
@@ -14,0 +13,0 @@ };

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

 interface Tag {
+    id: string;
     text: string;
     icon: string;
-    title: string;
     hiddenClose?: boolean;
@@ -10,3 +10,3 @@ }
     activeTags: Tag[];
-    handleTagClose: (indexToRemove: number) => void;
+    handleTagClose: (_indexToRemove: number) => void;
 }
@@ -13,0 +13,0 @@ declare const DsActiveTags: {

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

@@ -13,2 +13,6 @@ export declare const Size: {
 }
+export interface TestIdProps {
+    type: StringConstructor;
+    default: string;
+}
 export interface LabelProps {
@@ -83,2 +87,3 @@ type: StringConstructor;
         label: LabelProps;
+        testId: TestIdProps;
         animated: AnimatedProps;
@@ -85,0 +90,0 @@ loading: LoadingProps;

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

@@ -6,2 +6,3 @@ import { Option } from './EditableSelect.config';
     name?: string;
+    testId?: string;
     value?: string;
@@ -23,5 +24,5 @@ size?: string;
 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;

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

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

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

@@ -0,1 +1,3 @@
+import { ReactNode } from 'react';
+
 export declare const NotificationType: {
@@ -46,2 +48,16 @@ readonly Success: "success";
 }
+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 {
@@ -48,0 +64,0 @@ name: string;

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

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

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

@@ -19,3 +19,3 @@ import { DsNotificationProps } from '.';
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -37,3 +37,3 @@ };
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -55,3 +55,3 @@ };
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -73,3 +73,3 @@ };
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
@@ -91,5 +91,5 @@ };
         elevation?: number | undefined;
-        progressBar: boolean;
+        progressBar?: boolean | undefined;
         handleClose?: ((event: import('react').MouseEvent<Element, MouseEvent>) => void) | undefined;
     };
 };

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

@@ -13,3 +13,3 @@ import { default as PropTypes } from 'prop-types';
 export interface DsPasswordConfirmationProps {
-    onChange?: (data: {
+    onChange: (data: {
         password: string;
@@ -16,0 +16,0 @@ confirmationPassword: string;

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

@@ -6,4 +6,4 @@ import { DsNotificationProps } from '../../molecules/Notification';
     className?: string;
-    position: string;
-    fluid: boolean;
+    position?: string;
+    fluid?: boolean;
     notifications: DsNotificationProps[];
@@ -10,0 +10,0 @@ removeNotification: (notificationid: string) => void;

react/main.d.ts

 export * from './components/index';
-export * from './hooks/index';
-export * from './helpers/utils';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Uses eval

Supply chain risk

Package uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

1313256

decreased by-21.06%

Lines of code

14364

decreased by-30.18%

No dependency changes