@granto-umbrella/umbrella-components 3.0.54 → 3.0.56

package/package.json

@@ -1,141 +1,141 @@
-{
-  "name": "@granto-umbrella/umbrella-components",
-  "version": "3.0.54",
-  "description": "Umbrella Components for React",
-  "type": "module",
-  "main": "src/index.js",
-  "module": "src/index.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/grantoseguros/granto-umbrella-components.git"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "commit": "cz",
-    "pr": "node scripts/open-pr.cjs",
-    "typecheck": "npm run typecheck:app && npm run typecheck:test",
-    "typecheck:app": "tsc -p tsconfig.app.json --noEmit",
-    "typecheck:test": "tsc -p tsconfig.test.json --noEmit",
-    "test": "jest --config=jest.config.mjs",
-    "test:ci": "jest --config=jest.config.mjs --coverage",
-    "test:related": "jest --config=jest.config.mjs -o",
-    "test:coverage": "jest --config jest.config.mjs --coverage --coverageReporters",
-    "lint": "eslint .",
-    "lint:staged": "eslint --max-warnings=0 --ignore-pattern 'storybook-static/**' --ignore-pattern 'coverage/**' --ignore-pattern 'dist/**'",
-    "format": "prettier -c .",
-    "format:check": "prettier --check .",
-    "format:write": "prettier -w .",
-    "prepare": "lefthook install",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build:storybook": "storybook build -o storybook-static",
-    "predeploy": "npm run build-storybook",
-    "deploy": "gh-pages -d storybook-static",
-    "version": "npm run build && git add .",
-    "release:patch": "npm version patch && git push && git push --tags",
-    "release:minor": "npm version minor && git push && git push --tags",
-    "release:major": "npm version major && git push && git push --tags",
-    "bump:patch": "npm version patch",
-    "bump:minor": "npm version minor",
-    "bump:major": "npm version major"
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-git"
-    }
-  },
-  "dependencies": {
-    "@hello-pangea/dnd": "^18.0.1",
-    "@phosphor-icons/react": "^2.1.10",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.3",
-    "@radix-ui/react-popover": "^1.1.11",
-    "@radix-ui/react-radio-group": "^1.2.4",
-    "cpf-cnpj-validator": "^1.0.3",
-    "date-fns": "^4.1.0",
-    "lucide-react": "^0.488.0",
-    "make-mask": "^1.0.3",
-    "phosphor-react": "^1.4.1",
-    "radix": "^0.0.0",
-    "react": "^18.3.1",
-    "react-datepicker": "^8.3.0",
-    "react-day-picker": "^9.6.7",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.63.0",
-    "react-router": "^6.30.1",
-    "react-router-dom": "^6.30.1",
-    "react-select": "^5.10.0",
-    "recharts": "^3.2.1",
-    "tailwind-merge": "^3.2.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "4.1.3",
-    "@commitlint/cli": "^20.1.0",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@eslint/js": "^9.17.0",
-    "@storybook/addon-actions": "^9.0.8",
-    "@storybook/addon-docs": "10.1.6",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-onboarding": "10.1.6",
-    "@storybook/react-vite": "^10.1.6",
-    "@storybook/test": "^8.6.14",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^30.0.0",
-    "@types/mocha": "^10.0.10",
-    "@types/node": "^24.9.2",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
-    "@types/styled-components": "^5.1.34",
-    "@vitejs/plugin-react": "^4.7.0",
-    "babel-plugin-styled-components": "^2.1.4",
-    "commitizen": "^4.3.1",
-    "commitlint": "^20.1.0",
-    "cz-git": "^1.12.0",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "10.1.6",
-    "gh-pages": "^6.3.0",
-    "globals": "^15.13.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-styled-components": "^7.2.0",
-    "lefthook": "^2.0.1",
-    "prettier": "^3.6.2",
-    "react-icons": "^5.4.0",
-    "storybook": "^10.1.10",
-    "styled-components": "^6.1.19",
-    "ts-jest": "^29.4.5",
-    "ts-node": "^10.9.2",
-    "typescript": "~5.6.2",
-    "typescript-eslint": "^8.18.1",
-    "vite": "^6.0.3",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "keywords": [
-    "cli",
-    "vite",
-    "components"
-  ],
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
-  "engines": {
-    "node": "20.17.0",
-    "yarn": ">=1.22.18"
-  },
-  "files": [
-    "dist",
-    "src/**/*",
-    "!src/**/*.test.*",
-    "!src/**/*.stories.*"
-  ]
-}
+{
+  "name": "@granto-umbrella/umbrella-components",
+  "version": "3.0.56",
+  "description": "Umbrella Components for React",
+  "type": "module",
+  "main": "src/index.js",
+  "module": "src/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/grantoseguros/granto-umbrella-components.git"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "commit": "cz",
+    "pr": "node scripts/open-pr.cjs",
+    "typecheck": "npm run typecheck:app && npm run typecheck:test",
+    "typecheck:app": "tsc -p tsconfig.app.json --noEmit",
+    "typecheck:test": "tsc -p tsconfig.test.json --noEmit",
+    "test": "jest --config=jest.config.mjs",
+    "test:ci": "jest --config=jest.config.mjs --coverage",
+    "test:related": "jest --config=jest.config.mjs -o",
+    "test:coverage": "jest --config jest.config.mjs --coverage --coverageReporters",
+    "lint": "eslint .",
+    "lint:staged": "eslint --max-warnings=0 --ignore-pattern 'storybook-static/**' --ignore-pattern 'coverage/**' --ignore-pattern 'dist/**'",
+    "format": "prettier -c .",
+    "format:check": "prettier --check .",
+    "format:write": "prettier -w .",
+    "prepare": "lefthook install",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build:storybook": "storybook build -o storybook-static",
+    "predeploy": "npm run build-storybook",
+    "deploy": "gh-pages -d storybook-static",
+    "version": "npm run build && git add .",
+    "release:patch": "npm version patch && git push && git push --tags",
+    "release:minor": "npm version minor && git push && git push --tags",
+    "release:major": "npm version major && git push && git push --tags",
+    "bump:patch": "npm version patch",
+    "bump:minor": "npm version minor",
+    "bump:major": "npm version major"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-git"
+    }
+  },
+  "dependencies": {
+    "@hello-pangea/dnd": "^18.0.1",
+    "@phosphor-icons/react": "^2.1.10",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.3",
+    "@radix-ui/react-popover": "^1.1.11",
+    "@radix-ui/react-radio-group": "^1.2.4",
+    "cpf-cnpj-validator": "^1.0.3",
+    "date-fns": "^4.1.0",
+    "lucide-react": "^0.488.0",
+    "make-mask": "^1.0.3",
+    "phosphor-react": "^1.4.1",
+    "radix": "^0.0.0",
+    "react": "^18.3.1",
+    "react-datepicker": "^8.3.0",
+    "react-day-picker": "^9.6.7",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.63.0",
+    "react-router": "^6.30.1",
+    "react-router-dom": "^6.30.1",
+    "react-select": "^5.10.0",
+    "recharts": "^3.2.1",
+    "tailwind-merge": "^3.2.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "4.1.3",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@eslint/js": "^9.17.0",
+    "@storybook/addon-actions": "^9.0.8",
+    "@storybook/addon-docs": "10.1.6",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-onboarding": "10.1.6",
+    "@storybook/react-vite": "^10.1.6",
+    "@storybook/test": "^8.6.14",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
+    "@types/mocha": "^10.0.10",
+    "@types/node": "^24.9.2",
+    "@types/react": "^18.3.17",
+    "@types/react-dom": "^18.3.5",
+    "@types/styled-components": "^5.1.34",
+    "@vitejs/plugin-react": "^4.7.0",
+    "babel-plugin-styled-components": "^2.1.4",
+    "commitizen": "^4.3.1",
+    "commitlint": "^20.1.0",
+    "cz-git": "^1.12.0",
+    "eslint": "^9.17.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-storybook": "10.1.6",
+    "gh-pages": "^6.3.0",
+    "globals": "^15.13.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-styled-components": "^7.2.0",
+    "lefthook": "^2.0.1",
+    "prettier": "^3.6.2",
+    "react-icons": "^5.4.0",
+    "storybook": "^10.1.10",
+    "styled-components": "^6.1.19",
+    "ts-jest": "^29.4.5",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.18.1",
+    "vite": "^6.0.3",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "keywords": [
+    "cli",
+    "vite",
+    "components"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "engines": {
+    "node": "20.17.0",
+    "yarn": ">=1.22.18"
+  },
+  "files": [
+    "dist",
+    "src/**/*",
+    "!src/**/*.test.*",
+    "!src/**/*.stories.*"
+  ]
+}

package/src/components/atoms/Button/Button.types.ts

@@ -1,27 +1,27 @@
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  size?: 'sm' | 'md' | 'lg';
-  variant?:
-    | 'primary'
-    | 'outline'
-    | 'outline_ghost'
-    | 'outline_ghost_disabled'
-    | 'outline_danger'
-    | 'danger'
-    | 'ghost'
-    | 'ghost_alert'
-    | 'alert'
-    | 'danger-no-fill'
-    | 'accent-outline'
-    | 'accent-fill'
-    | 'secondary-outline'
-    | 'danger-fill';
-  radius?: string;
-  isLoading?: boolean;
-  leftIcon?: string;
-  rightIcon?: string;
-  iconSize?: string;
-  fontSize?: string;
-  width?: string;
-  height?: string;
-  testId?: string;
-}
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  size?: 'sm' | 'md' | 'lg';
+  variant?:
+    | 'primary'
+    | 'outline'
+    | 'outline_ghost'
+    | 'outline_ghost_disabled'
+    | 'outline_danger'
+    | 'danger'
+    | 'ghost'
+    | 'ghost_alert'
+    | 'alert'
+    | 'danger-no-fill'
+    | 'accent-outline'
+    | 'accent-fill'
+    | 'secondary-outline'
+    | 'danger-fill';
+  radius?: string;
+  isLoading?: boolean;
+  leftIcon?: string;
+  rightIcon?: string;
+  iconSize?: string;
+  fontSize?: string;
+  width?: string;
+  height?: string;
+  testId?: string;
+}

package/src/components/atoms/Checkbox/Checkbox.types.ts

@@ -1,13 +1,13 @@
-export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  label?: string;
-  checked?: boolean;
-  onChange?: () => void;
-  disabled?: boolean;
-}
-
-export interface CheckboxGroupProps {
-  options: { label: string; value: string }[];
-  selected: string[];
-  setSelected: (values: string[]) => void;
-  direction?: 'vertical' | 'horizontal';
-}
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label?: string;
+  checked?: boolean;
+  onChange?: () => void;
+  disabled?: boolean;
+}
+
+export interface CheckboxGroupProps {
+  options: { label: string; value: string }[];
+  selected: string[];
+  setSelected: (values: string[]) => void;
+  direction?: 'vertical' | 'horizontal';
+}

package/src/components/atoms/Textarea/Textarea.types.ts

@@ -1,6 +1,6 @@
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-  label?: string;
-  supportingText?: string;
-  testId?: string;
-  info?: string;
-}
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+  label?: string;
+  supportingText?: string;
+  testId?: string;
+  info?: string;
+}

package/src/components/atoms/Tooltip/Tooltip.tsx

@@ -1,60 +1,60 @@
-import React, { useState } from 'react';
-import {
-  TooltipContainer,
-  TooltipTrigger,
-  TooltipContent,
-  TooltipText,
-  TooltipLink,
-} from '../Tooltip/Tootip.styles';
-import { TooltipProps } from './tooltip.types';
-import { ArrowSquareOut } from '@phosphor-icons/react';
-import info from '../../../assets/info.png';
-
-const Tooltip: React.FC<TooltipProps> = ({
-  children,
-  content,
-  position = 'top',
-  helpLink,
-}) => {
-  const [visible, setVisible] = useState(false);
-
-  const handleMouseEnter = () => {
-    setVisible(true);
-  };
-
-  const handleMouseLeave = () => {
-    setVisible(false);
-  };
-
-  return (
-    <TooltipContainer>
-      {children}
-      <TooltipTrigger
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-      >
-        <img src={info} alt="Informação" />
-      </TooltipTrigger>
-      <TooltipContent
-        $position={position}
-        $visible={visible}
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
-      >
-        <TooltipText>{content}</TooltipText>
-        {helpLink && (
-          <TooltipLink
-            href={helpLink}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Saiba mais
-            <ArrowSquareOut size={12} weight="bold" />
-          </TooltipLink>
-        )}
-      </TooltipContent>
-    </TooltipContainer>
-  );
-};
-
-export default Tooltip;
+import React, { useState } from 'react';
+import {
+  TooltipContainer,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipText,
+  TooltipLink,
+} from '../Tooltip/Tootip.styles';
+import { TooltipProps } from './tooltip.types';
+import { ArrowSquareOut } from '@phosphor-icons/react';
+import info from '../../../assets/info.png';
+
+const Tooltip: React.FC<TooltipProps> = ({
+  children,
+  content,
+  position = 'top',
+  helpLink,
+}) => {
+  const [visible, setVisible] = useState(false);
+
+  const handleMouseEnter = () => {
+    setVisible(true);
+  };
+
+  const handleMouseLeave = () => {
+    setVisible(false);
+  };
+
+  return (
+    <TooltipContainer>
+      {children}
+      <TooltipTrigger
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+      >
+        <img src={info} alt="Informação" />
+      </TooltipTrigger>
+      <TooltipContent
+        $position={position}
+        $visible={visible}
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+      >
+        <TooltipText>{content}</TooltipText>
+        {helpLink && (
+          <TooltipLink
+            href={helpLink}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Saiba mais
+            <ArrowSquareOut size={12} weight="bold" />
+          </TooltipLink>
+        )}
+      </TooltipContent>
+    </TooltipContainer>
+  );
+};
+
+export default Tooltip;