@ama-pt/agora-design-system 3.3.7 → 3.4.1

package/artifacts/dist/types/components/panel-switcher/desktop/panel-switcher-desktop.d.ts

@@ -1,16 +1,13 @@
-import { TabBodyProps, TabHeaderProps } from '../../../components/tabs';
-import { BooleanProp } from '../../../models';
+import { TabBodyProps } from '../../../components/tabs';
 import React, { ComponentProps, FC, ReactElement } from 'react';
 import './panel-switcher-desktop.css';
+import { ButtonsHeaderData } from '../panel-switcher';
 export interface PanelSwitcherDesktopProps extends ComponentProps<'div'> {
-    leadingIcon?: string;
-    leadingIconHover?: string;
-    withIcon?: BooleanProp;
     buttonListRef: React.RefObject<HTMLDivElement | null>;
     panelRef: React.RefObject<HTMLDivElement | null>;
     activeButton: number;
     activateButton: (index: number) => void;
-    buttonsHeaderData: Array<ReactElement<TabHeaderProps>>;
+    buttonsHeaderData: Array<ButtonsHeaderData>;
     buttonsBodyData: Array<ReactElement<TabBodyProps>>;
 }
 export declare const PanelSwitcherDesktop: FC<PanelSwitcherDesktopProps>;

package/artifacts/dist/types/components/panel-switcher/mobile/panel-switcher-mobile.d.ts

@@ -1,16 +1,13 @@
 import React, { FC, ReactElement, RefObject } from 'react';
-import { TabBodyProps, TabHeaderProps } from '../../../components/tabs';
-import { BooleanProp } from '../../../models';
+import { TabBodyProps } from '../../../components/tabs';
 import './panel-switcher-mobile.css';
+import { ButtonsHeaderData } from '../panel-switcher';
 export interface PanelSwitcherMobileProps {
     modalCloseButtonLabel: string;
-    leadingIcon?: string;
-    leadingIconHover?: string;
     buttonListRef: RefObject<HTMLDivElement | null>;
-    buttonsHeaderData: Array<ReactElement<TabHeaderProps>>;
+    buttonsHeaderData: Array<ButtonsHeaderData>;
     buttonsBodyData: Array<ReactElement<TabBodyProps>>;
     activeButton?: number;
-    withIcon?: BooleanProp;
 }
 export declare const ModalContent: FC<{
     content: React.ReactNode;

package/artifacts/dist/types/components/panel-switcher/panel-switcher-container.d.ts

@@ -1,26 +1,18 @@
 import { FC, ReactElement } from 'react';
-import { BooleanProp } from '../../models';
 import { TabProps } from '../tabs';
+import { PanelData } from './panel-switcher';
 export interface PanelSwitcherContainerProps {
     /**
-     * Collection of the content displayed by triggering a panel button.
+     * Collection of PanelData to be displayed by panel.
      */
-    children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
+    data: PanelData[];
     /**
-     * Defines if the panel tabs have an icon preceding the text.
+     * Collection of the content displayed by triggering a panel button.
      */
-    withIcon?: BooleanProp;
+    children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
     /**
      * Defines the label of the modal close button.
      */
     modalCloseButtonLabel: string;
-    /**
-     * Defines the name of the icon to be displayed
-     */
-    leadingIcon?: string;
-    /**
-     * Defines the name of the icon to be displayed on mouse hover.
-     */
-    leadingIconHover?: string;
 }
 export declare const PanelSwitcherContainer: FC<PanelSwitcherContainerProps>;

package/artifacts/dist/types/components/panel-switcher/panel-switcher.d.ts

@@ -1,29 +1,24 @@
-import { FC, ReactNode } from 'react';
-import { BooleanProp } from '../../models';
+import { FC, ReactElement, ReactNode } from 'react';
+import { TabBodyProps } from '../tabs';
+export type PanelData = {
+    text: string;
+    content: ReactNode;
+    leadingIcon?: string;
+    leadingIconHover?: string;
+};
+export type ButtonsHeaderData = {
+    leadingIcon: string;
+    leadingIconHover: string;
+    child: ReactElement<TabBodyProps>;
+};
 export interface PanelSwitcherProps {
     /**
-     * Collection of the content displayed by triggering a panel button.
-     */
-    children: ReactNode | Array<ReactNode>;
-    /**
-     * Collection of the string content displayed inside each panel button.
+     * Collection of PanelData to be displayed by panel.
      */
-    panelButtons: string | Array<string>;
+    data: PanelData[];
     /**
      * Defines the label of the modal close button.
      */
     modalCloseButtonLabel: string;
-    /**
-     * Defines if the panel buttons have an icon preceding the text.
-     */
-    withIcon?: BooleanProp;
-    /**
-     * Defines the name of the icon to be displayed.
-     */
-    leadingIcon?: string;
-    /**
-     * Defines the name of the icon to be displayed on mouse hover.
-     */
-    leadingIconHover?: string;
 }
 export declare const PanelSwitcher: FC<PanelSwitcherProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "3.3.7",
+  "version": "3.4.1",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
@@ -25,69 +25,69 @@
     "classnames": "^2.5.1"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.10.2",
-    "@babel/core": "^7.27.4",
-    "@babel/preset-env": "^7.27.2",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@mdx-js/react": "^3.1.0",
-    "@playwright/test": "^1.53.1",
-    "@storybook/addon-a11y": "^9.1.2",
-    "@storybook/addon-docs": "^9.1.2",
-    "@storybook/addon-links": "^9.1.2",
+    "@axe-core/playwright": "^4.11.0",
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@mdx-js/react": "^3.1.1",
+    "@playwright/test": "^1.57.0",
+    "@storybook/addon-a11y": "^9.1.16",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-links": "^9.1.16",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react": "^9.1.2",
-    "@storybook/react-vite": "^9.1.2",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@storybook/react": "^9.1.16",
+    "@storybook/react-vite": "^9.1.16",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.15.32",
+    "@types/node": "^22.19.2",
     "@types/prop-types": "^15.7.15",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react-swc": "^3.10.2",
-    "autoprefixer": "^10.4.21",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "autoprefixer": "^10.4.22",
     "babel-jest": "^29.7.0",
     "date-fns": "^4.1.0",
-    "del": "^8.0.0",
+    "del": "^8.0.1",
     "eslint": "^8.57.1",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-prettier": "^9.1.2",
     "eslint-import-resolver-typescript": "^3.10.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.5.0",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^9.1.2",
-    "glob": "^11.0.3",
+    "eslint-plugin-storybook": "^9.1.16",
+    "glob": "^11.1.0",
     "gulp": "^5.0.1",
     "gulp-file": "^0.4.0",
     "gulp-minify": "^3.1.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "jest-preview": "^0.3.1",
+    "jest-preview": "^0.3.2",
     "jest-sonar-reporter": "^2.0.0",
-    "playwright": "^1.53.1",
+    "playwright": "^1.57.0",
     "postcss": "^8.5.6",
-    "prettier": "^3.6.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-syntax-highlighter": "^15.6.1",
-    "storybook": "^9.1.2",
-    "tailwindcss": "^3.4.17",
+    "prettier": "^3.7.4",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "react-syntax-highlighter": "^15.6.6",
+    "storybook": "^9.1.16",
+    "tailwindcss": "^3.4.18",
     "ts-dedent": "^2.2.0",
-    "ts-jest": "^29.4.0",
+    "ts-jest": "^29.4.6",
     "ts-node": "^10.9.2",
     "tsc-alias": "^1.8.16",
     "typescript": "*",
-    "vite": "^5.4.19",
+    "vite": "^5.4.21",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "peerDependencies": {