@ama-pt/agora-design-system 1.0.3 → 1.1.0

package/artifacts/dist/types/components/input-date/contexts/use-date-picker-state-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Months, WeekDays } from '../../../models';
 declare const useDatePickerStateContext: () => {
     getLabels: () => {
@@ -6,17 +5,17 @@ declare const useDatePickerStateContext: () => {
         previousMonthAriaLabel: string;
         nextMonthAriaLabel: string;
         nextYearAriaLabel: string;
-        monthsLabels?: Months | undefined;
-        weekdaysLabels?: WeekDays | undefined;
-        focusedDayAriaLabel?: string | undefined;
+        monthsLabels?: Months;
+        weekdaysLabels?: WeekDays;
+        focusedDayAriaLabel?: string;
         selectedDayAriaLabel: string;
         todayDayAriaLabel: string;
         todayLabel: string;
-        todayAriaLabel?: string | undefined;
+        todayAriaLabel?: string;
         cancelLabel: string;
-        cancelAriaLabel?: string | undefined;
+        cancelAriaLabel?: string;
         okLabel: string;
-        okAriaLabel?: string | undefined;
+        okAriaLabel?: string;
     };
     getAbbrWeekDays: () => string[];
     focusedMonth: string | undefined;
@@ -37,23 +36,25 @@ declare const useDatePickerStateContext: () => {
     setFocusedDate: import("react").Dispatch<import("react").SetStateAction<Date>>;
     selectedDate: Date;
     setSelectedDate: import("react").Dispatch<import("react").SetStateAction<Date>>;
+    disabledDates: Array<Date | string> | [];
+    setDisabledDates: import("react").Dispatch<import("react").SetStateAction<Array<Date | string> | []>>;
     cancel: () => void;
     labels: {
         previousYearAriaLabel: string;
         previousMonthAriaLabel: string;
         nextMonthAriaLabel: string;
         nextYearAriaLabel: string;
-        monthsLabels?: Months | undefined;
-        weekdaysLabels?: WeekDays | undefined;
-        focusedDayAriaLabel?: string | undefined;
+        monthsLabels?: Months;
+        weekdaysLabels?: WeekDays;
+        focusedDayAriaLabel?: string;
         selectedDayAriaLabel: string;
         todayDayAriaLabel: string;
         todayLabel: string;
-        todayAriaLabel?: string | undefined;
+        todayAriaLabel?: string;
         cancelLabel: string;
-        cancelAriaLabel?: string | undefined;
+        cancelAriaLabel?: string;
         okLabel: string;
-        okAriaLabel?: string | undefined;
+        okAriaLabel?: string;
     };
 };
 export { useDatePickerStateContext };

package/artifacts/dist/types/components/input-date/date-picker-dropdown.d.ts

@@ -3,6 +3,7 @@ import { Months, WeekDays } from '../../models';
 export interface DatePickerDropdownProps {
     className?: string;
     date?: Date;
+    disabledDates?: Array<Date | string> | [];
     onChange: (date: Date) => void;
     onCancel: () => void;
     labels: {

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

@@ -10,6 +10,10 @@ export interface InputDateProps extends ComponentPropsWithRef<'input'> {
      * Show or hide input label.
      */
     hideLabel?: BooleanProp;
+    /**
+     * Array with the dates to be considered disabled.
+     */
+    disabledDates?: Array<Date | string> | [];
     /**
      * Sets the input in a error state. This also affects the feedback state.
      */

package/artifacts/dist/types/components/input-date/utils/get-closest-available-day.d.ts

@@ -0,0 +1,11 @@
+export declare const enum Direction {
+    Forward = "forward",
+    Backward = "backward"
+}
+interface GetClosestAvailableDayParams {
+    startingDate?: Date;
+    disabledDates: (Date | string)[];
+    direction?: Direction;
+}
+export declare const getClosestAvailableDay: ({ startingDate, disabledDates, direction }: GetClosestAvailableDayParams) => Date;
+export {};

package/artifacts/dist/types/components/input-date/utils/is-day-on-array.d.ts

@@ -0,0 +1 @@
+export declare const isDayOnArray: (date: Date, datesArray: (Date | string)[]) => boolean;

package/artifacts/dist/types/components/input-date/utils/parse-date.d.ts

@@ -0,0 +1,3 @@
+export declare const formatDayOrMonth: (number: string) => string;
+export declare const isLeapYear: (year: number) => boolean;
+export declare const parseDate: (currentDay: number, currentMonth: number, currentYear: number) => string;

package/artifacts/dist/types/components/link-wrapper/link-wrapper.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef, FC, ReactNode } from 'react';
+import React, { ComponentPropsWithRef, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
 import './link-wrapper.scss';
 export type LinkWrapperAppearance = 'link' | 'text';
@@ -33,5 +33,4 @@ export interface LinkWrapperProps extends Omit<ComponentPropsWithRef<'span'>, 'c
      */
     [dataAttribute: `data-${string}`]: string;
 }
-declare const LinkWrapper: FC<LinkWrapperProps>;
-export { LinkWrapper };
+export declare const LinkWrapper: React.ForwardRefExoticComponent<Omit<LinkWrapperProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LoaderDialogProps } from './loader-dialog';
 import { DialogElement } from '../../components/dialog';
 export interface LoaderDialogContextProps {

package/artifacts/dist/types/components/menu-item/menu-item.d.ts

@@ -1,4 +1,4 @@
-import React, { ForwardRefRenderFunction, HTMLProps, ReactNode } from 'react';
+import React, { HTMLProps, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
 import { AvatarProps } from '../../components/avatar';
 import './menu-item.scss';
@@ -32,12 +32,23 @@ type BaseProps = {
      */
     vertically?: BooleanProp;
 };
+/**
+ * @deprecated Deprecated since 1 September 2024.
+ */
 export type MenuItemProps = (BaseProps & HTMLProps<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>) | (BaseProps & AvatarProps);
+/**
+ * @deprecated Deprecated since 1 September 2024.
+ */
 export interface MenuItemRef {
     current: HTMLButtonElement | HTMLAnchorElement | null;
     toggleMenuItem: () => void;
 }
+/**
+ * @deprecated Deprecated since 1 September 2024.
+ */
 export type ExtendedInterfaceMenu = HTMLButtonElement | HTMLAnchorElement | AvatarProps | MenuItemRef | null;
-export declare const InnerMenuItem: ForwardRefRenderFunction<ExtendedInterfaceMenu, MenuItemProps>;
+/**
+ * @deprecated Deprecated since 1 September 2024.
+ */
 export declare const MenuItem: React.ForwardRefExoticComponent<((BaseProps & AvatarProps) | Omit<BaseProps & React.HTMLProps<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>, "ref">) & React.RefAttributes<ExtendedInterfaceMenu>>;
 export {};

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

@@ -0,0 +1,3 @@
+export * from './quiz-option';
+export * from './quiz-options';
+export * from './quiz-item-summary';

package/artifacts/dist/types/components/quiz/quiz-item-summary/index.d.ts

@@ -0,0 +1,2 @@
+export { QuizItemSummary } from './quiz-item-summary';
+export type { QuizItemSummaryProps } from './quiz-item-summary';

package/artifacts/dist/types/components/quiz/quiz-item-summary/quiz-item-summary.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import { BooleanProp } from '../../../models';
+import './quiz-item-summary.scss';
+export interface QuizItemSummaryProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+    /**
+     * The dark mode boolean.
+     */
+    darkMode?: BooleanProp;
+    /**
+     *  Navigation link. It can be a native anchor or any other type of link (example: NextJS link, ReactRouter Link, etc...).
+     */
+    backLink?: ReactNode;
+}
+export declare const QuizItemSummary: FC<QuizItemSummaryProps>;

package/artifacts/dist/types/components/quiz/quiz-option/index.d.ts

@@ -0,0 +1,2 @@
+export { QuizOption } from './quiz-option';
+export type { QuizOptionProps } from './quiz-option';

package/artifacts/dist/types/components/quiz/quiz-option/quiz-option.d.ts

@@ -0,0 +1,12 @@
+import { CheckboxProps } from '../../../components/checkbox';
+import { InputSelectProps } from '../../../components/input-select';
+import { RadioButtonProps } from '../../../components/radio';
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import './quiz-option.scss';
+export interface QuizOptionProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactElement<RadioButtonProps | CheckboxProps | InputSelectProps>;
+}
+export declare const QuizOption: FC<QuizOptionProps>;

package/artifacts/dist/types/components/quiz/quiz-options/index.d.ts

@@ -0,0 +1,2 @@
+export { QuizOptions } from './quiz-options';
+export type { QuizOptionsProps } from './quiz-options';

package/artifacts/dist/types/components/quiz/quiz-options/quiz-options.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { QuizOptionProps } from '../../../components/quiz/quiz-option';
+export interface QuizOptionsProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children: ReactElement<QuizOptionProps> | Array<ReactElement<QuizOptionProps>>;
+}
+export declare const QuizOptions: FC<QuizOptionsProps>;

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

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

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

@@ -0,0 +1,2 @@
+export { RatingIcons } from './rating-icons';
+export type { RatingIconsProps, RatingIconsElement } from './rating-icons';

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

@@ -0,0 +1,54 @@
+import React, { ComponentPropsWithRef, ReactElement, ReactNode } from 'react';
+import { IconProps } from '../../../components/icon';
+import { BooleanProp, FeedbackState } from '../../../models';
+import './rating-icons.scss';
+export interface RatingIconsElement extends HTMLDivElement {
+    rating: number;
+}
+export interface RatingIconsProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'ref'> {
+    /**
+     * Label of the rating icons.
+     */
+    label?: ReactNode;
+    /**
+     * Hide rating icons label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Enables dark mode.
+     */
+    darkMode?: BooleanProp;
+    /**
+     *  Set the rating icons in readonly mode.
+     */
+    readOnly?: BooleanProp;
+    /**
+     *  Change Event that is triggered whenever rating changes.
+     */
+    onChange?: (value: number) => void;
+    /**
+     *  Default rating value.
+     */
+    value?: number;
+    /**
+     * Show or hide the feedback status text.
+     */
+    hasFeedback?: BooleanProp;
+    /**
+     * Text informative displayed below input text.
+     */
+    feedbackText?: ReactNode;
+    /**
+     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
+     */
+    feedbackState?: FeedbackState;
+    /**
+     * Indicates the feedback state of feedback text. This param will change the left feedback icon and dye it.
+     */
+    hasError?: BooleanProp;
+    /**
+     * The list of icons to use as rating icon values;
+     */
+    children?: ReactElement<IconProps> | ReactElement<IconProps>[];
+}
+export declare const RatingIcons: React.ForwardRefExoticComponent<RatingIconsProps & React.RefAttributes<RatingIconsElement>>;

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

@@ -1,9 +1,15 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../../models';
 import './rating-stars.scss';
+/**
+ * @deprecated Use RatingIcon component.
+ */
 export interface RatingStarsElement extends HTMLDivElement {
     rating: number;
 }
+/**
+ * @deprecated Use RatingIcon component.
+ */
 export interface RatingStarsProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'ref'> {
     /**
      * Label of the rating stars.
@@ -54,4 +60,7 @@ export interface RatingStarsProps extends Omit<ComponentPropsWithRef<'div'>, 'on
      */
     hasError?: BooleanProp;
 }
+/**
+ * @deprecated Use RatingIcon component.
+ */
 export declare const RatingStars: React.ForwardRefExoticComponent<RatingStarsProps & React.RefAttributes<RatingStarsElement>>;

package/artifacts/dist/types/components/toasts/toast-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ToastProps } from './toast';
 import './toast.scss';
 export interface ToastContextProps {

package/artifacts/dist/types/utils/debounce.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const debounce: (func: Function, timeout?: number) => (...args: any) => void;
 export { debounce };
 export declare const useDebounceHook: (func: any, timeout?: number) => {

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [
@@ -15,7 +15,7 @@
     "build-storybook": "gulp && storybook build -o ./artifacts/storybook-static",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint src --fix --ext .ts,.tsx",
-    "format": "prettier --write ./**/*.{js,jsx,ts,tsx,css,scss,mdx,md,json} --config ./.prettierrc",
+    "format": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,scss,mdx,md,json}\" --config \"./.prettierrc\"",
     "playwright-tests": "yarn playwright install && yarn run playwright test",
     "jest-tests": "yarn run jest",
     "build": "vite build && tailwindcss -i ./src/styles/globals.css -o ./artifacts/dist/tailwind.css && gulp bundle && tsc --project tsconfig-build.json && tsc-alias -p tsconfig-build.json"
@@ -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.2.6",
-    "@storybook/addon-actions": "^8.2.6",
-    "@storybook/addon-docs": "^8.2.6",
-    "@storybook/addon-essentials": "^8.2.6",
-    "@storybook/addon-interactions": "^8.2.6",
-    "@storybook/addon-links": "^8.2.6",
-    "@storybook/addon-storysource": "^8.2.6",
-    "@storybook/blocks": "^8.2.6",
+    "@storybook/addon-a11y": "^8.2.9",
+    "@storybook/addon-actions": "^8.2.9",
+    "@storybook/addon-docs": "^8.2.9",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-storysource": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^8.2.6",
-    "@storybook/react-vite": "^8.2.6",
-    "@storybook/test": "^8.2.6",
-    "@storybook/theming": "^8.2.6",
-    "@storybook/types": "^8.2.6",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@storybook/theming": "^8.2.9",
+    "@storybook/types": "^8.2.9",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.1",
     "@testing-library/user-event": "^14.5.1",
@@ -90,7 +90,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-syntax-highlighter": "^15.5.0",
-    "storybook": "^8.2.6",
+    "storybook": "^8.2.9",
     "tailwindcss": "^3.4.1",
     "ts-dedent": "^2.2.0",
     "ts-jest": "^29.1.2",