@ama-pt/agora-design-system 1.2.3 → 2.0.0

package/artifacts/dist/types/components/{header-v2 → header}/internals/general-bar/unauthenticated/internal-unauthenticated-layout.d.ts

@@ -1,4 +1,4 @@
-import { LayoutProps } from '../../../../../components/header-v2/internals/shared/panel-menu/layout.interface';
+import { LayoutProps } from '../../../../../components/header/internals/shared/panel-menu/layout.interface';
 import { FC } from 'react';
 import './internal-unauthenticated-layout.scss';
 export declare const InternalUnauthenticatedLayout: FC<LayoutProps>;

package/artifacts/dist/types/components/{header-v2 → header}/internals/navigation-bar/navigation-burger/internal-navigation-burger-layout.d.ts

@@ -1,4 +1,4 @@
-import { LayoutProps } from '../../../../../components/header-v2/internals/shared/panel-menu/layout.interface';
+import { LayoutProps } from '../../../../../components/header/internals/shared/panel-menu/layout.interface';
 import { FC } from 'react';
 import './internal-navigation-burger-layout.scss';
 export declare const InternalNavigationBurgerLayout: FC<LayoutProps>;

package/artifacts/dist/types/components/{header-v2 → header}/internals/navigation-bar/navigation-list/internal-navigation-link-layout.d.ts

@@ -1,6 +1,6 @@
-import { LayoutProps } from '../../../../../components/header-v2/internals/shared/panel-menu/layout.interface';
-import { NavigationLinkProps } from '../../../../../components/header-v2/navigation-bar/navigation-link';
-import { RelatedNavigationLinkProps } from '../../../../../components/header-v2/navigation-bar/related-navigation-link';
+import { LayoutProps } from '../../../../../components/header/internals/shared/panel-menu/layout.interface';
+import { NavigationLinkProps } from '../../../../../components/header/navigation-bar/navigation-link';
+import { RelatedNavigationLinkProps } from '../../../../../components/header/navigation-bar/related-navigation-link';
 import { FC, ReactElement, ReactNode } from 'react';
 import './internal-navigation-link-layout.scss';
 export interface InternalNavigationLinksLayoutProps extends Omit<LayoutProps, 'title'> {

package/artifacts/dist/types/components/{header-v2 → header}/internals/navigation-bar/navigation-modal/internal-modal-content.d.ts

@@ -1,5 +1,5 @@
-import { NavigationLinkProps } from '../../../../../components/header-v2/navigation-bar/navigation-link';
-import { NavigationRootProps } from '../../../../../components/header-v2/navigation-bar/navigation-root';
+import { NavigationLinkProps } from '../../../../../components/header/navigation-bar/navigation-link';
+import { NavigationRootProps } from '../../../../../components/header/navigation-bar/navigation-root';
 import { FC, ReactElement } from 'react';
 import './internal-modal-content.scss';
 export interface InternalModalContentProps {

package/artifacts/dist/types/components/{header-v2 → header}/internals/navigation-bar/navigation-modal/internal-navigation-modal-layout.d.ts

@@ -1,4 +1,4 @@
-import { LayoutProps } from '../../../../../components/header-v2/internals/shared/panel-menu/layout.interface';
+import { LayoutProps } from '../../../../../components/header/internals/shared/panel-menu/layout.interface';
 import { FC } from 'react';
 import './internal-navigation-modal-layout.scss';
 export declare const InternalNavigationModalLayout: FC<LayoutProps>;

package/artifacts/dist/types/components/index.d.ts

@@ -17,7 +17,6 @@ export * from './feedback';
 export * from './footer';
 export * from './glossary-letters';
 export * from './header';
-export * from './header-v2';
 export * from './icon';
 export * from './input-date';
 export * from './input-email-bar';
@@ -33,7 +32,6 @@ export * from './input-textarea';
 export * from './link-wrapper';
 export * from './list';
 export * from './loader-dialog';
-export * from './menu-item';
 export * from './modal-dialog';
 export * from './pill';
 export * from './popup-dialog';
@@ -49,6 +47,7 @@ export * from './sidebar';
 export * from './skip-navigation';
 export * from './status-card';
 export * from './step-list';
+export * from './stepper';
 export * from './switch';
 export * from './table';
 export * from './tabs';

package/artifacts/dist/types/components/input-select/input-select.d.ts

@@ -3,7 +3,14 @@ import React, { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
 import { DropdownOptionProps, DropdownSectionProps, DropdownType } from '../../components/dropdown';
 import './input-select.scss';
 export interface InputSelectRef {
+    /**
+     * Array containing the selected options in the dropdown.
+     */
     selectedOptions: DropdownOptionProps[];
+    /**
+     * Reset the selection state within the component.
+     */
+    clearSelectedOptions: () => void;
 }
 export interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'options' | 'onChange'> {
     /**

package/artifacts/dist/types/components/modal-dialog/modal-config.model.d.ts

@@ -6,7 +6,15 @@ export interface ModalConfiguration extends Omit<ComponentPropsWithoutRef<'div'>
      */
     closeButtonLabel: string;
     /**
-     * Render dialog with dark mode styles.
+     * Render modal with dark mode styles.
      */
     darkMode?: BooleanProp;
+    /**
+     * Callback to run after modal is closed.
+     */
+    onHide?: () => void;
+    /**
+     * Callback to run after modal is opened.
+     */
+    onShow?: () => void;
 }

package/artifacts/dist/types/components/modal-dialog/modal-context.d.ts

@@ -3,13 +3,13 @@ import { ReactNode } from 'react';
 import { ModalConfiguration } from './modal-config.model';
 export interface ModalContextProps {
     /**
-     * The visible dialog element. If not visible the value is null.
+     * The visible modal element. If not visible the value is null.
      */
     current: DialogElement | null;
     /**
      * Tells if a modal is visible or not.
      */
-    visibility?: boolean;
+    isVisible: () => boolean;
     /**
      * Shows a new modal with the configurations provided.
      */

package/artifacts/dist/types/components/ratings/index.d.ts

@@ -1,3 +1,2 @@
 export * from './rating-buttons';
 export * from './rating-icons';
-export * from './rating-stars';

package/artifacts/dist/types/components/sidebar/models/sidebar-variant.type.d.ts

@@ -1 +1 @@
-export type SidebarVariantType = 'filter' | 'navigation' | 'navigation-tabs';
+export type SidebarVariantType = 'filter' | 'navigation';

package/artifacts/dist/types/components/sidebar/sidebar-item-navigation-mobile/sidebar-item-navigation-mobile.d.ts

@@ -1,6 +1,6 @@
+import { SidebarProps } from '../../../components/sidebar';
 import { FC, RefObject } from 'react';
 import './sidebar-item-navigation-mobile.scss';
-import { SidebarProps } from '../../../components/sidebar';
 export declare const SidebarItemNavigationMobile: FC<SidebarProps & {
     sidebarRef: RefObject<HTMLUListElement>;
 }>;

package/artifacts/dist/types/components/stepper/index.d.ts

@@ -0,0 +1,4 @@
+export { Stepper } from './stepper';
+export type { StepperProps } from './stepper';
+export { Step } from './step';
+export type { StepProps } from './step';

package/artifacts/dist/types/components/stepper/step.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef, FC } from 'react';
+import { BooleanProp } from '../../models';
+import './step.scss';
+/**
+ * Available step status.
+ */
+export type StepStatusType = 'done' | 'error' | 'current' | 'draft' | 'disabled' | 'default';
+export interface StepProps extends ComponentPropsWithRef<'button'> {
+    /**
+     * Defines if the step is interactive. If the parent stepper have interactive prop defined, it will override this prop.
+     */
+    interactive?: BooleanProp;
+    /**
+     * The status of the step.
+     */
+    status?: StepStatusType;
+}
+export declare const Step: FC<StepProps>;

package/artifacts/dist/types/components/stepper/stepper.d.ts

@@ -0,0 +1,16 @@
+import { BooleanProp } from '../../models';
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement } from 'react';
+import { StepProps } from './step';
+import './stepper.scss';
+export interface StepperProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * Defines if the stepper is interactive or not.
+     */
+    interactive?: BooleanProp;
+    /**
+     * List of steps.
+     */
+    children?: ReactElement<StepProps> | ReactElement<StepProps>[];
+}
+export declare const InnerStepper: ForwardRefRenderFunction<HTMLDivElement, StepperProps>;
+export declare const Stepper: React.ForwardRefExoticComponent<Omit<StepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/artifacts/dist/types/components/table/table.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
+import React, { ComponentPropsWithRef, ReactElement } from 'react';
 import { TableLayout } from './models/table-layout.type';
 import { TableBodyProps } from './table-body';
 import { TableCaptionProps } from './table-caption';
@@ -7,10 +7,6 @@ import { TableHeaderProps } from './table-header';
 import { TablePaginationProps } from './table-pagination';
 import './table.scss';
 export interface TableProps extends ComponentPropsWithRef<'table'> {
-    /**
-     * Define the title of table
-     */
-    caption?: ReactNode;
     /**
      * Table children content
      */

package/artifacts/dist/types/components/tabs/desktop/tabs-desktop.d.ts

@@ -0,0 +1,19 @@
+import { BooleanProp } from '../../../models';
+import React, { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { TabBodyProps } from '../tab-body';
+import { TabHeaderProps } from '../tab-header';
+import { TabCurrentType } from '../tabs';
+import './tabs-desktop.scss';
+export interface TabsDesktopProps extends ComponentPropsWithoutRef<'div'> {
+    fullWidth: BooleanProp;
+    vertically?: BooleanProp;
+    tabListRef: React.RefObject<HTMLDivElement>;
+    tabPanelRef: React.RefObject<HTMLDivElement>;
+    activeTab: number;
+    activateTab: (index: number) => void;
+    currentType: TabCurrentType;
+    tabPanelClassName: string;
+    tabsHeaderData: Array<ReactElement<TabHeaderProps>>;
+    tabsBodyData: Array<ReactElement<TabBodyProps>>;
+}
+export declare const TabsDesktop: FC<TabsDesktopProps>;

package/artifacts/dist/types/components/tabs/mobile/tabs-mobile.d.ts

@@ -0,0 +1,17 @@
+import { BooleanProp } from '../../../models';
+import React, { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { TabBodyProps } from '../tab-body';
+import { TabHeaderProps } from '../tab-header';
+import { TabCurrentType } from '../tabs';
+import './tabs-mobile.scss';
+interface TabsMobileProps extends ComponentPropsWithoutRef<'div'> {
+    fullWidth: BooleanProp;
+    tabListRef: React.RefObject<HTMLDivElement>;
+    activeTab: number;
+    activateTab: (index: number) => void;
+    currentType: TabCurrentType;
+    tabsHeaderData: Array<ReactElement<TabHeaderProps>>;
+    tabsBodyData: Array<ReactElement<TabBodyProps>>;
+}
+export declare const TabsMobile: FC<TabsMobileProps>;
+export {};

package/artifacts/dist/types/components/tabs/tabs.d.ts

@@ -1,7 +1,6 @@
-import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import { BooleanProp } from '../../models';
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import { TabProps } from './tab';
-import './tabs.scss';
 export type TabCurrentType = 'neutral' | 'primary' | 'secondary';
 export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "1.2.3",
+  "version": "2.0.0",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
@@ -30,28 +30,28 @@
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
-    "@mdx-js/react": "^2.3.0",
+    "@mdx-js/react": "^3.1.0",
     "@playwright/test": "^1.39.0",
-    "@storybook/addon-a11y": "^8.3.6",
-    "@storybook/addon-actions": "^8.3.6",
-    "@storybook/addon-docs": "^8.3.6",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/addon-links": "^8.3.6",
-    "@storybook/addon-storysource": "^8.3.6",
-    "@storybook/blocks": "^8.3.6",
+    "@storybook/addon-a11y": "^8.4.5",
+    "@storybook/addon-actions": "^8.4.5",
+    "@storybook/addon-docs": "^8.4.5",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-links": "^8.4.5",
+    "@storybook/addon-storysource": "^8.4.5",
+    "@storybook/blocks": "^8.4.5",
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.3.6",
-    "@storybook/react-vite": "^8.3.6",
-    "@storybook/test": "^8.3.6",
-    "@storybook/theming": "^8.3.6",
-    "@storybook/types": "^8.3.6",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-vite": "^8.4.5",
+    "@storybook/test": "^8.4.5",
+    "@storybook/theming": "^8.4.5",
+    "@storybook/types": "^8.4.5",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^15.0.1",
+    "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.1",
     "@types/jest": "^29.5.12",
-    "@types/node": "^20.5.0",
+    "@types/node": "^22.10.0",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.2.20",
     "@types/react-dom": "^18.2.7",
@@ -61,8 +61,8 @@
     "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.17",
     "babel-jest": "^29.7.0",
-    "date-fns": "^2.30.0",
-    "del": "^7.1.0",
+    "date-fns": "^4.1.0",
+    "del": "^8.0.0",
     "eslint": "^8.47.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
@@ -73,9 +73,9 @@
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.3.3",
-    "gulp": "^4.0.2",
+    "eslint-plugin-storybook": "^0.11.1",
+    "glob": "^11.0.0",
+    "gulp": "^5.0.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-concat": "^2.6.1",
     "gulp-file": "^0.4.0",
@@ -90,7 +90,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-syntax-highlighter": "^15.5.0",
-    "storybook": "^8.3.6",
+    "storybook": "^8.4.5",
     "tailwindcss": "^3.4.1",
     "ts-dedent": "^2.2.0",
     "ts-jest": "^29.1.2",
@@ -98,7 +98,7 @@
     "tsc-alias": "^1.8.8",
     "typescript": "*",
     "vite": "^5.0.10",
-    "vite-tsconfig-paths": "^4.3.2"
+    "vite-tsconfig-paths": "^5.1.3"
   },
   "peerDependencies": {
     "@types/react": "^18.2.0",