@ama-pt/agora-design-system 1.2.2 → 1.3.0

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

@@ -6,14 +6,26 @@ export interface AccordionElement extends HTMLDivElement {
      *  Expand the accordion.
      */
     expand: () => void;
+    /**
+     *  Expand the accordion without triggering any event (onExpanded and onChange will not be triggered).
+     */
+    silentExpand: () => void;
     /**
      *  Collapse the accordion.
      */
     collapse: () => void;
+    /**
+     *  Collapse the accordion without triggering any event (onCollapse and onChange will not be triggered).
+     */
+    silentCollapse: () => void;
     /**
      *  Toggles the content of the accordion.
      */
     toggle: () => void;
+    /**
+     *  Toggles the accordion without triggering any event (onCollapse, onExpanded and onChange will not be triggered).
+     */
+    silentToggle: () => void;
     /**
      *  Current value of the expanded state of the accordion.
      */
@@ -48,9 +60,17 @@ export interface AccordionProps extends ComponentPropsWithRef<'div'> {
      * Event function called whenever the accordion collapses.
      */
     onCollapsed?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
+    /**
+     * Event function called whenever the accordion expands or collapses.
+     */
+    onChange?: (evt: SyntheticEvent<AccordionElement | undefined>) => void | undefined;
     /**
      * Initial value for the expanded value.
      */
+    defaultExpanded?: BooleanProp;
+    /**
+     * Value for the expanded value.
+     */
     expanded?: BooleanProp;
     /**
      * React ref object to the accordion.

package/artifacts/dist/types/components/accordion-group/accordion-group.d.ts

@@ -1,15 +1,10 @@
 import React, { ComponentPropsWithRef, ForwardRefRenderFunction, ReactElement } from 'react';
 import { AccordionProps } from '../../components/accordion';
-export type AccordionGroupType = 'single' | 'multiple';
 export interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
     /**
-     *  List of accordion components to use as children of the group.
+     * List of accordion components to use as children of the group.
      */
     children?: ReactElement<AccordionProps> | Array<ReactElement<AccordionProps>>;
-    /**
-     *  Option to open multiple accordions or just one at a time.
-     */
-    type?: AccordionGroupType;
 }
 export declare const InnerAccordionGroup: ForwardRefRenderFunction<HTMLDivElement, AccordionGroupProps>;
 export declare const AccordionGroup: React.ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/artifacts/dist/types/components/accordion-group/index.d.ts

@@ -1,2 +1,2 @@
 export { AccordionGroup } from './accordion-group';
-export type { AccordionGroupProps, AccordionGroupType } from './accordion-group';
+export type { AccordionGroupProps } from './accordion-group';

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

@@ -49,6 +49,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/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.2",
+  "version": "1.3.0",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
@@ -32,21 +32,21 @@
     "@babel/preset-typescript": "^7.22.5",
     "@mdx-js/react": "^2.3.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/user-event": "^14.5.1",
@@ -73,7 +73,7 @@
     "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",
+    "eslint-plugin-storybook": "^0.11.1",
     "glob": "^10.3.3",
     "gulp": "^4.0.2",
     "gulp-clean-css": "^4.3.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",

package/artifacts/dist/types/components/icon/assets/empty-icon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SVGIconProps } from '../../../models';
-declare const _default: (props: SVGIconProps) => React.JSX.Element;
-export default _default;