dd360-ds - npm Package Compare versions

Comparing version 1.0.18 to 1.0.20

lib/dd3.d.ts

@@ -6,3 +6,3 @@ /// <reference types="react" />
 interface IButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link' | 'ghost' | 'cancel' | 'success' | 'outlineWhite' | 'outlineBlue';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'link' | 'ghost' | 'cancel' | 'success' | 'outlineWhite' | 'outlineBlue' | 'disabled';
     size?: 'small' | 'medium' | 'large';
@@ -15,2 +15,4 @@ padding?: number;
     paddingY?: number;
+    fontWeight?: 'normal' | 'bold' | 'medium' | 'light' | 'semibold';
+    rounded?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
     role?: string;
@@ -27,2 +29,27 @@ loadingComponent?: React$1.ReactElement;
 
+declare type IconName = keyof typeof HIcons;
+interface DynamicHeroIconProps extends React$1.ComponentProps<'svg'> {
+    icon: IconName;
+}
+declare const DynamicHeroIcon: ({ icon, className, ...props }: DynamicHeroIconProps) => JSX.Element;
+
+interface BaseCircleButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    iconName: IconName;
+    disabled?: boolean;
+    selected?: boolean;
+    width?: string;
+    height: string;
+    shadow?: 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'square' | 'circle';
+    iconProperties?: {
+        width?: string;
+        height?: string;
+        padding?: string;
+    };
+}
+declare type WithoutTypeButtonProps = Omit<BaseCircleButtonProps, 'variant'>;
+declare function BaseCircleButton({ iconName, width, height, disabled, selected, shadow, iconProperties, variant, ...props }: BaseCircleButtonProps): JSX.Element;
+declare function SquareButton({ ...props }: WithoutTypeButtonProps): JSX.Element;
+declare function CircleButton({ ...props }: WithoutTypeButtonProps): JSX.Element;
+
 interface CircleProps extends React$1.HTMLProps<HTMLDivElement> {
@@ -44,6 +71,7 @@ children?: React$1.ReactNode;
     description?: string;
+    defaultIsClose?: boolean;
     onClose?: () => void;
-    textClose?: string;
+    txtCloseBtn?: string;
 }
-declare function FeedBackBox({ type, title, description, onClose, textClose, ...props }: IProps$2): JSX.Element;
+declare function FeedBackBox({ type, title, description, defaultIsClose, onClose, txtCloseBtn, ...props }: IProps$2): JSX.Element;
 
@@ -100,3 +128,3 @@ interface IInputProps {
 
-interface ImageProps extends React$1.HTMLProps<HTMLImageElement> {
+interface ImageProps extends React$1.ImgHTMLAttributes<HTMLImageElement> {
     rounded?: 'sm' | 'lg' | 'md';
@@ -265,8 +293,2 @@ circle?: boolean;
 
-interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
-    to?: string;
-    LinkComponent?: React$1.ComponentType<any>;
-}
-declare function Anchor({ children, to, className, LinkComponent }: LinkProps): JSX.Element;
-
 interface WrapperProps extends React.HTMLProps<HTMLDivElement> {
@@ -321,11 +343,6 @@ children: React.ReactNode;
 
-declare type IconName = keyof typeof HIcons;
-interface DynamicHeroIconProps extends React$1.ComponentProps<'svg'> {
-    icon: IconName;
-}
-declare const DynamicHeroIcon: ({ icon, className, ...props }: DynamicHeroIconProps) => JSX.Element;
-
 interface BreadcrumbsProps extends React$1.HTMLProps<HTMLDivElement> {
     options: Array<{
         name?: string;
+        icon?: IconName;
         to?: () => void;
@@ -342,2 +359,14 @@ }>;
 
+interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
+    to?: string;
+    LinkComponent?: React$1.ComponentType<any>;
+}
+declare function Anchor({ children, to, className, LinkComponent }: LinkProps): JSX.Element;
+
+interface KBDProps {
+    kbds: Array<string>;
+    separator?: string;
+}
+declare function Kbd({ kbds, separator }: KBDProps): JSX.Element;
+
 interface ITopHeader {
@@ -354,2 +383,17 @@ colSpan?: number;
 
-export { ActiveButton, Anchor, Avatar, AvatarProps, Badge, Breadcrumbs, BreadcrumbsProps, Button, Circle, Collapse, Container, ContainerProps, DynamicHeroIcon, DynamicHeroIconProps, FeedBackBox, Flex, GeneralTable, IBadgeProps, IDataTable, IHeader, IHeaderType, IPaginatedData, IParamsPagination, IProps$2 as IProps, ITextAreaProps, ITopHeader, IType, IconName, Image, ImageIcon, ImageIconProps, ImageProps, Input, Language, LinkProps, ModalCustom, ModalCustomProps, Navbar, NavbarAuth, Order, OrderProps, OverFlow, OverFlowProps, ProgressBar, ProgressBarProps, Row, RowProps, SideBar, Skeleton, Spinner, SpinnerProps, Stepper, StepperProps, Text, TextArea, TextProps, Wrapper, WrapperProps };
+declare type SizeTypes = {
+    width: undefined | number;
+    height: undefined | number;
+};
+declare type useResizeReturnedTypes = {
+    size: SizeTypes;
+    isMobile: boolean;
+};
+/**
+ * It returns an object with the current window size and a boolean value that indicates if the window
+ * is mobile or not
+ * @returns An object with two properties: size and isMobile.
+ */
+declare function useResize(): useResizeReturnedTypes;
+
+export { ActiveButton, Anchor, Avatar, AvatarProps, Badge, BaseCircleButton, Breadcrumbs, BreadcrumbsProps, Button, Circle, CircleButton, Collapse, Container, ContainerProps, DynamicHeroIcon, DynamicHeroIconProps, FeedBackBox, Flex, GeneralTable, IBadgeProps, IDataTable, IHeader, IHeaderType, IPaginatedData, IParamsPagination, IProps$2 as IProps, ITextAreaProps, ITopHeader, IType, IconName, Image, ImageIcon, ImageIconProps, ImageProps, Input, KBDProps, Kbd, Language, LinkProps, ModalCustom, ModalCustomProps, Navbar, NavbarAuth, Order, OrderProps, OverFlow, OverFlowProps, ProgressBar, ProgressBarProps, Row, RowProps, SideBar, SizeTypes, Skeleton, Spinner, SpinnerProps, SquareButton, Stepper, StepperProps, Text, TextArea, TextProps, WithoutTypeButtonProps, Wrapper, WrapperProps, useResize, useResizeReturnedTypes };

package.json

 {
     "name": "dd360-ds",
-    "version": "1.0.18",
+    "version": "1.0.20",
     "main": "lib/index.js",
@@ -10,13 +10,23 @@ "module": "lib/index.esm.js",
     ],
+    "repository": {
+        "type": "git",
+        "url": "https://gitlab.com/dd3tech/dd360/dd3-components-ui"
+    },
+    "bugs": {
+        "url": "https://gitlab.com/dd3tech/dd360/dd3-components-ui/-/issues"
+    },
     "scripts": {
-        "dev": "vite",
-        "build": "tsc && vite build",
-        "build-lib": "rollup -c",
         "serve": "vite preview",
         "storybook": "start-storybook -p 6006",
+        "test": "vitest run",
+        "coverage": "vitest run --coverage",
+        "build-lib": "rollup -c",
         "build-storybook": "build-storybook",
         "format": "prettier --write ./src",
-        "test": "vitest",
-        "coverage": "vitest run --coverage",
-        "prepare": "husky install"
+        "prepare": "husky install",
+        "commit": "git cz",
+        "add-co": "git add . && git cz",
+        "pre-commit": "npm run format",
+        "pre-push": "npm run test",
+        "clean": "rm -rf ./node_modules && rm -f package-lock.json"
     },
@@ -50,2 +60,3 @@ "dependencies": {
         "chromatic": "^6.7.4",
+        "git-cz": "^4.9.0",
         "html-webpack-plugin": "^5.5.0",
@@ -69,3 +80,8 @@ "husky": "^8.0.1",
         "vitest": "^0.19.1"
+    },
+    "config": {
+        "commitizen": {
+            "path": "./node_modules/git-cz"
+        }
     }
 }

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1527302

increased by1.89%

Lines of code

13575

increased by2.11%

Number of low maintenance alerts

1

decreased by-50%

Number of low supply chain risk alerts

50

decreased by-1.96%

Worsened metrics

Dev dependency count

35

increased by2.94%

No dependency changes