@ama-pt/agora-design-system 3.5.3 → 3.6.1

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

@@ -68,6 +68,14 @@ export interface InputRangeProps extends Omit<ComponentProps<'input'>, 'value' |
      * Show or hide the helper text.
      */
     hasHelperText?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
+    /**
+     * Accessible label for screen readers, prepended to errorFeedbackText.
+     */
+    errorFeedbackStateLabel?: string;
 }
 export interface InputRangeElement extends HTMLDivElement {
     sliders: HTMLInputElement[];

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

@@ -50,6 +50,14 @@ export interface InputSearchProps extends ComponentProps<'input'> {
      * Show or hide the helper text.
      */
     hasHelperText?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
+    /**
+     * Accessible label for screen readers, prepended to errorFeedbackText.
+     */
+    errorFeedbackStateLabel?: string;
 }
 declare const InputSearch: FC<InputSearchProps>;
 export { InputSearch };

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

@@ -49,6 +49,14 @@ export interface InputSelectProps extends Omit<ComponentProps<'select'>, 'option
      * Error feedback text displayed below input.
      */
     errorFeedbackText?: ReactNode;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
+    /**
+     * Accessible label for screen readers, prepended to errorFeedbackText.
+     */
+    errorFeedbackStateLabel?: string;
     /**
      * Show or hide the leading icon.
      */

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

@@ -25,6 +25,14 @@ export interface InputTextProps extends ComponentProps<'input'> {
     /**
      * Error feedback text displayed below input.
      */
+    feedbackStateLabel?: string;
+    /**
+     * Accessible label for screen readers, prepended to errorFeedbackText.
+     */
+    errorFeedbackStateLabel?: string;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
     errorFeedbackText?: ReactNode;
     /**
      * The flag to set if the label and feedback text is in dark mode or light mode.

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

@@ -46,6 +46,14 @@ export interface InputTextAreaProps extends ComponentProps<'textarea'> {
      * Show or hide the helper text.
      */
     hasHelperText?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
+    /**
+     * Accessible label for screen readers, prepended to errorFeedbackText.
+     */
+    errorFeedbackStateLabel?: string;
 }
 declare const InputTextArea: FC<InputTextAreaProps>;
 export { InputTextArea };

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

@@ -98,6 +98,14 @@ export interface InputTimeProps extends ComponentProps<'input'> {
      * Show or hide the helper text.
      */
     hasHelperText?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
+    /**
+     * Accessible label for screen readers, prepended to errorFeedbackText.
+     */
+    errorFeedbackStateLabel?: string;
 }
 declare const InputTime: FC<InputTimeProps>;
 export { InputTime };

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

@@ -17,4 +17,12 @@ export interface ModalConfiguration extends Omit<ComponentPropsWithoutRef<'div'>
      * Callback to run after modal is opened.
      */
     onShow?: () => void;
+    /**
+     * Callback to run before modal is closed.
+     */
+    onBeforeClose?: () => void;
+    /**
+     * Callback to run after modal is closed.
+     */
+    onAfterClose?: () => void;
 }

package/artifacts/dist/types/components/navigation-rail/components/action-button/action-button.d.ts

@@ -0,0 +1,6 @@
+import './action-button.css';
+import { FC } from 'react';
+import { ButtonProps } from '../../../../components/button';
+export interface ActionButtonProps extends ButtonProps {
+}
+export declare const ActionButton: FC<ActionButtonProps>;

package/artifacts/dist/types/components/navigation-rail/components/expand-button/expand-button.d.ts

@@ -0,0 +1,6 @@
+import './expand-button.css';
+import { FC } from 'react';
+import { ButtonProps } from '../../../../components/button';
+export interface ExpandButtonProps extends ButtonProps {
+}
+export declare const ExpandButton: FC<ExpandButtonProps>;

package/artifacts/dist/types/components/navigation-rail/components/expand-button-outside/expand-button-outside.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../../../components/button';
+import { NavigationRailPositions } from '../../helper';
+import './expand-button-outside.css';
+export interface ExpandButtonOutsideProps extends ButtonProps {
+    isNavigationRailOpened: boolean;
+    position: NavigationRailPositions;
+}
+export declare const ExpandButtonOutside: FC<ExpandButtonOutsideProps>;
+export default ExpandButtonOutside;

package/artifacts/dist/types/components/navigation-rail/components/navigation-rail-anchor/navigation-rail-anchor.d.ts

@@ -0,0 +1,9 @@
+import './navigation-rail-anchor.css';
+import { FC } from 'react';
+import { AnchorProps } from '../../../../components/anchor';
+export interface NavigationRailAnchorProps extends AnchorProps {
+    active?: boolean;
+    borderless?: boolean;
+    isTextBold?: boolean;
+}
+export declare const NavigationRailAnchor: FC<NavigationRailAnchorProps>;

package/artifacts/dist/types/components/navigation-rail/components/navigation-rail-drawer/navigation-rail-drawer.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactElement } from 'react';
+import './navigation-rail-drawer.css';
+import { ButtonProps } from '../../../../components/button';
+import { NavigationRailAnchor } from '../../index';
+export type NavigationRailDrawerChildren = ReactElement<typeof NavigationRailAnchor> | ReactElement<typeof NavigationRailDrawer>;
+export interface NavigationRailDrawerDrawerProps extends ButtonProps {
+    label: string;
+    numberPill?: number;
+    startOpened?: boolean;
+    isTextBold?: boolean;
+    hasChildrenActivated?: boolean;
+    children?: NavigationRailDrawerChildren | NavigationRailDrawerChildren[];
+}
+export declare const NavigationRailDrawer: FC<NavigationRailDrawerDrawerProps>;

package/artifacts/dist/types/components/navigation-rail/helper.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+export type NavigationRailPositions = 'right' | 'left';
+export type NavigationRailContextType = {
+    darkMode: boolean;
+    position: NavigationRailPositions;
+    expanded: boolean;
+};
+type NavigationRailChildType = ReactElement | ReactElement[] | undefined;
+export declare const NavigationRailContext: import("react").Context<NavigationRailContextType>;
+export declare const getChildrenOfType: (childType: unknown, children: NavigationRailChildType) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare const getAllChildrenOfType: (childType: unknown[], children: NavigationRailChildType) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];
+export declare const handlerExpandButtonIcon: (position: NavigationRailPositions, opened: boolean) => {
+    leadingIcon: string;
+    leadingIconHover: string;
+} | {
+    trailingIcon: string;
+    trailingIconHover: string;
+};
+export {};

package/artifacts/dist/types/components/navigation-rail/index.d.ts

@@ -0,0 +1,12 @@
+export { NavigationRail } from './navigation-rail';
+export type { NavigationRailProps } from './navigation-rail';
+export { ExpandButton } from './components/expand-button/expand-button';
+export type { ExpandButtonProps } from './components/expand-button/expand-button';
+export { ExpandButtonOutside } from './components/expand-button-outside/expand-button-outside';
+export type { ExpandButtonOutsideProps } from './components/expand-button-outside/expand-button-outside';
+export { NavigationRailAnchor } from './components/navigation-rail-anchor/navigation-rail-anchor';
+export type { NavigationRailAnchorProps } from './components/navigation-rail-anchor/navigation-rail-anchor';
+export { ActionButton } from './components/action-button/action-button';
+export type { ActionButtonProps } from './components/action-button/action-button';
+export { NavigationRailDrawer } from './components/navigation-rail-drawer/navigation-rail-drawer';
+export type { NavigationRailDrawerDrawerProps } from './components/navigation-rail-drawer/navigation-rail-drawer';

package/artifacts/dist/types/components/navigation-rail/navigation-rail.d.ts

@@ -0,0 +1,25 @@
+import './navigation-rail.css';
+import { FC, ReactElement } from 'react';
+import { BooleanProp } from '../../models';
+import { ActionButton, ExpandButton, NavigationRailAnchor, NavigationRailDrawer } from './index';
+import { NavigationRailPositions } from './helper';
+export type NavigationRailChildren = ReactElement<typeof ExpandButton> | ReactElement<typeof NavigationRailAnchor> | ReactElement<typeof NavigationRailDrawer> | ReactElement<typeof ActionButton> | boolean;
+export interface NavigationRailProps {
+    /**
+     * The flag to set if navigation rail is open or closed.
+     */
+    expanded?: BooleanProp;
+    /**
+     * The flag to set Dark mode.
+     */
+    darkMode?: BooleanProp;
+    /**
+     * Defines the orientation of navigation rail.
+     */
+    position?: NavigationRailPositions;
+    /**
+     * The children of the component, which can be of type `ExpandButton`, `NavigationRailAnchor`, `NavigationRailDrawer` or `ActionButton`.
+     */
+    children?: NavigationRailChildren | NavigationRailChildren[];
+}
+export declare const NavigationRail: FC<NavigationRailProps>;

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

@@ -34,6 +34,18 @@ export interface RadioButtonProps extends ComponentProps<'input'> {
      * The flag to set if the radio button is in dark mode or light mode.
      */
     darkMode?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
+    /**
+     * Show or hide the helper text.
+     */
+    hasHelperText?: BooleanProp;
+    /**
+     * Helper text displayed below checkbox.
+     */
+    helperText?: ReactNode;
 }
 declare const RadioButton: FC<RadioButtonProps>;
 export { RadioButton };

package/artifacts/dist/types/components/radio-button-group/radio-button-group.d.ts

@@ -6,6 +6,10 @@ export interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLField
      * Group legend.
      */
     legend?: ReactNode;
+    /**
+     * Group helper text.
+     */
+    helperText?: ReactNode;
     /**
      * Group name
      */
@@ -34,6 +38,10 @@ export interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLField
      *  Event triggered whenever any of the radio buttons changes is own state.
      */
     onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const RadioButtonGroup: FC<RadioButtonGroupProps>;
 export { RadioButtonGroup };

package/artifacts/dist/types/components/ratings/rating-icons/rating-icons.d.ts

@@ -50,6 +50,10 @@ export interface RatingIconsProps extends Omit<ComponentProps<'div'>, 'onChange'
      * The list of icons to use as rating icon values;
      */
     children?: ReactElement<IconProps> | ReactElement<IconProps>[];
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const RatingIcons: FC<RatingIconsProps>;
 export { RatingIcons };

package/artifacts/dist/types/components/search-pagination/search-pagination.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../models';
+import { ComponentProps, FC } from 'react';
 import './search-pagination.css';
 export interface SearchPaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'> {
     /**
@@ -34,6 +34,10 @@ export interface SearchPaginationProps extends Omit<ComponentProps<'nav'>, 'onCh
      * Previous page button alternative text.
      */
     previousPageAriaLabel: string;
+    /**
+     * Defines which page is currently active.
+     */
+    activePage?: number;
     /**
      *  Event triggered whenever any of the search pages changes is current state.
      */

package/artifacts/dist/types/components/shared/feedback/feedback.d.ts

@@ -1,5 +1,5 @@
-import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../../models';
+import { ComponentProps, FC, ReactNode } from 'react';
 import './feedback.css';
 export interface FeedbackProps extends ComponentProps<'div'> {
     /**
@@ -14,6 +14,10 @@ export interface FeedbackProps extends ComponentProps<'div'> {
      * The flag to set if the feedback text is in dark mode or light mode.
      */
     darkMode?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const Feedback: FC<FeedbackProps>;
 export { Feedback };

package/artifacts/dist/types/components/step-list/step-list.d.ts

@@ -1,9 +1,14 @@
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import './step-list.css';
+import { BooleanProp } from '../../models';
 export interface StepListProps extends ComponentPropsWithoutRef<'ol'> {
     /**
      * Children content.
      */
     children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
+    /**
+     * The flag to set Dark mode.
+     */
+    darkMode?: BooleanProp;
 }
 export declare const StepList: FC<StepListProps>;

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

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

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

@@ -43,6 +43,10 @@ export interface SwitchProps extends ComponentProps<'input'> {
      * Highlight the switch indicating some error.
      */
     hasError?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const Switch: FC<SwitchProps>;
 export { Switch };

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

@@ -1,3 +1,4 @@
+export type { RowSelectionState } from './models/row-selection-state.type';
 export type { SortOrder } from './models/sort-order.type';
 export type { SortType } from './models/sort-type.type';
 export type { TableLayout } from './models/table-layout.type';
@@ -18,3 +19,7 @@ export type { TableRowProps } from './table-row';
 export { Table } from './table';
 export type { TableProps } from './table';
 export type { TablePaginationProps } from './table-pagination';
+export { TableSelectionCell } from './table-selection-cell';
+export type { TableSelectionCellProps } from './table-selection-cell';
+export { TableSelectionHeaderCell } from './table-selection-header-cell';
+export type { TableSelectionHeaderCellProps } from './table-selection-header-cell';

package/artifacts/dist/types/components/table/models/row-selection-state.type.d.ts

@@ -0,0 +1 @@
+export type RowSelectionState = 'none' | 'indeterminate' | 'all';

package/artifacts/dist/types/components/table/table-header-cell.d.ts

@@ -3,6 +3,11 @@ import { SortOrder } from './models/sort-order.type';
 import { SortType } from './models/sort-type.type';
 export interface TableHeaderCellProps extends HTMLAttributes<HTMLTableCellElement> {
     children: ReactNode;
+    /**
+     * The scope of the header cell. Defines the set of data cells that the header applies to.
+     * Defaults to "col".
+     * */
+    scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
     /**
      * The sort type applied.
      * */

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

@@ -1,7 +1,6 @@
-import { FC, HTMLAttributes, ReactElement } from 'react';
-import { TableCellProps } from './table-cell';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    children: ReactElement<TableCellProps> | Array<ReactElement<TableCellProps>>;
+    children: ReactNode;
 }
 declare const TableRow: FC<TableRowProps>;
 export { TableRow };

package/artifacts/dist/types/components/table/table-selection-cell.d.ts

@@ -0,0 +1,23 @@
+import { FC, HTMLAttributes } from 'react';
+export interface TableSelectionCellProps extends Omit<HTMLAttributes<HTMLTableCellElement>, 'onChange'> {
+    /**
+     * Whether this row's checkbox is checked.
+     */
+    checked: boolean;
+    /**
+     * Callback fired when the row checkbox changes.
+     * Receives `true` when checked, `false` when unchecked.
+     */
+    onChange: (checked: boolean) => void;
+    /**
+     * Space-separated list of IDs of elements whose text content provides the
+     * accessible name for this row's checkbox.
+     * Should reference cells in the same row that contain meaningful content
+     * (e.g. name, identifier).
+     *
+     * Falls back to `aria-label="Selecionar linha"` when not provided.
+     */
+    checkboxAriaLabelledBy?: string;
+}
+declare const TableSelectionCell: FC<TableSelectionCellProps>;
+export { TableSelectionCell };

package/artifacts/dist/types/components/table/table-selection-header-cell.d.ts

@@ -0,0 +1,18 @@
+import { FC, HTMLAttributes } from 'react';
+import { RowSelectionState } from './models/row-selection-state.type';
+export interface TableSelectionHeaderCellProps extends HTMLAttributes<HTMLTableCellElement> {
+    /**
+     * The current selection state of all rows.
+     * - 'none': no rows selected
+     * - 'indeterminate': some rows selected
+     * - 'all': all rows selected
+     */
+    selectionState: RowSelectionState;
+    /**
+     * Callback fired when the select-all checkbox changes.
+     * Receives `true` when the user intends to select all rows, `false` when deselecting all.
+     */
+    onSelectionChange: (checked: boolean) => void;
+}
+declare const TableSelectionHeaderCell: FC<TableSelectionHeaderCellProps>;
+export { TableSelectionHeaderCell };

package/artifacts/dist/types/components/uploader/button-uploader/button-uploader.d.ts

@@ -78,6 +78,10 @@ export interface ButtonUploaderProps extends ComponentProps<'input'> {
      * Highlights the button uploader with some error indication.
      */
     hasError?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const ButtonUploader: FC<ButtonUploaderProps>;
 export { ButtonUploader };

package/artifacts/dist/types/components/uploader/drag-and-drop-uploader/drag-and-drop-uploader.d.ts

@@ -82,6 +82,10 @@ export interface DragAndDropUploaderProps extends ComponentProps<'input'> {
      * Highlights the button uploader with some error indication.
      */
     hasError?: BooleanProp;
+    /**
+     * Accessible label for screen readers, prepended to feedbackText.
+     */
+    feedbackStateLabel?: string;
 }
 declare const DragAndDropUploader: FC<DragAndDropUploaderProps>;
 export { DragAndDropUploader };

package/artifacts/dist/types/models/feedback-state-type.d.ts

@@ -1 +1 @@
-export type FeedbackState = 'info' | 'danger' | 'success' | 'warning';
+export type FeedbackState = 'info' | 'danger' | 'success' | 'warning' | 'loading';

package/artifacts/dist/types/utils/expand-ref.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, Ref, RefObject } from 'react';
-export declare function useExpandedRef<T>(ref: Ref<T> | null, innerRef: RefObject<HTMLElement | null>, data: T, deps?: DependencyList): RefObject<T | null>;
+import { Ref, RefObject } from 'react';
+export declare function useExpandedRef<T>(ref: Ref<T> | null, innerRef: RefObject<HTMLElement | null>, data: T): RefObject<T | null>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "3.5.3",
+  "version": "3.6.1",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
@@ -19,6 +19,8 @@
     "playwright-tests": "npm install playwright && playwright install && playwright test",
     "jest-tests": "jest --coverage",
     "jest-tests-no-coverage": "jest --coverage=false",
+    "local-jest-tests": "jest --config jest.config.local.ts --coverage",
+    "local-jest-tests-no-coverage": "jest --config jest.config.local.ts --coverage=false",
     "build": "vite build && tailwindcss -i ./src/styles/globals.css -o ./artifacts/dist/tailwind.css && tsc --project tsconfig-build.json && tsc-alias -p tsconfig-build.json"
   },
   "dependencies": {