@ama-pt/agora-design-system 0.2.3 → 0.3.0

package/dist/esm/types/components/ui/molecules/dropdown-list/models/dropdown-list.interface.d.ts

@@ -1,59 +0,0 @@
-import { ReactElement, RefObject } from 'react';
-import { BooleanProp } from '../../../../index';
-import { DropdownSectionProps } from './dropdown-section.interface';
-import { DropdownSectionOptionProps } from './dropdown-section-option.interface';
-export interface DropdownListProps extends Omit<React.ComponentPropsWithRef<'select'>, 'onChange'> {
-    /**
-     *  Element reference to allow the control of the DropdownList behaviour.
-     *  This prop should only be used when DropdownList component is expected to be controlled by another component or element.
-     */
-    controlRef: RefObject<HTMLElement>;
-    /**
-     *  Event triggered when the user dismisses the dropdown (triggered by an escape key, a blur event, etc...)
-     */
-    onDismiss?: () => void;
-    /**
-     *  List of DropdownListSection components to be rendered.
-     */
-    children: ReactElement<DropdownSectionProps> | Array<ReactElement<DropdownSectionProps>>;
-    /**
-     *  Number of visible items to display in the DropdownList. Remaining items will be accessible via scroll bar.
-     */
-    visibleCount?: number;
-    /**
-     *   Event triggered whenever selected value or values changes.
-     */
-    onChange?: (options: DropdownSectionOptionProps[]) => void;
-    /**
-     *  Allow extra option to select/unselect all items. This will select all filtered or unfiltered items.
-     */
-    selectAll?: BooleanProp;
-    /**
-     *  Select All item text to be rendered.
-     */
-    selectAllLabel?: string;
-    /**
-     *  Enable the search bar to filter items.
-     */
-    searchable?: BooleanProp;
-    /**
-     *  Accessible text for the input search bar.
-     */
-    searchInputAriaLabel?: string;
-    /**
-     *  Placeholder text for input search bar.
-     */
-    searchInputPlaceholder?: string;
-    /**
-     *  Text to show when filtering presents no results.
-     */
-    searchNoResultsText?: string;
-    /**
-     *  Delay timing to apply before starting a search run, using the existent term in the search input bar.
-     */
-    searchDebounceTimeout?: number;
-    /**
-     *  Event triggered whenever the input search bar value changes.
-     */
-    onInputSearchChange?: (value: string) => void;
-}

package/dist/esm/types/components/ui/molecules/dropdown-list/models/dropdown-search-input.interface.d.ts

@@ -1,32 +0,0 @@
-import { FocusEvent } from 'react';
-import { DropdownSectionOptionProps } from './dropdown-section-option.interface';
-export interface DropdownSearchInputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'onChange'> {
-    /**
-     * List of available options
-     */
-    'options': DropdownSectionOptionProps[];
-    /**
-     *  Accessible text for the input search bar.
-     */
-    'aria-label'?: string;
-    /**
-     *  Placeholder text for input search bar.
-     */
-    'placeholder'?: string;
-    /**
-     *  Delay timing to apply before starting a search run, using the existent term in the search input bar.
-     */
-    'debounce'?: number;
-    /**
-     * Event triggered when the user dismisses the dropdown (triggered by an escape key, a blur event, etc...)
-     */
-    'onDismiss'?: () => void;
-    /**
-     * On change handler
-     */
-    'onChange'?: (results: DropdownSectionOptionProps[]) => void;
-    /**
-     * On focus handler
-     */
-    'onFocus'?: (evt: FocusEvent<HTMLInputElement>) => void;
-}

package/dist/esm/types/components/ui/molecules/dropdown-list/models/dropdown-section-option.interface.d.ts

@@ -1,14 +0,0 @@
-import { DropdownSectionType } from '../index';
-import { BooleanProp, IconPosition } from '../../../../index';
-export interface DropdownSectionOptionProps {
-    sectionType?: DropdownSectionType;
-    itemSectionId?: string;
-    text: string;
-    value: string;
-    icon?: string;
-    disabled?: boolean;
-    selected?: boolean;
-    data?: Record<string, any>;
-    hasIcon?: BooleanProp;
-    iconPosition?: IconPosition;
-}

package/dist/esm/types/components/ui/molecules/dropdown-list/models/dropdown-section-type.type.d.ts

@@ -1 +0,0 @@
-export type DropdownSectionType = 'checkbox' | 'radio' | 'text';

package/dist/esm/types/components/ui/molecules/dropdown-list/models/dropdown-section.interface.d.ts

@@ -1,11 +0,0 @@
-import { BooleanProp, IconPosition } from '../../../../index';
-import { DropdownSectionOptionProps } from './dropdown-section-option.interface';
-import { DropdownSectionType } from './dropdown-section-type.type';
-export interface DropdownSectionProps {
-    id: string;
-    type: DropdownSectionType;
-    items: DropdownSectionOptionProps[];
-    headerText?: string;
-    hasIcon?: BooleanProp;
-    iconPosition?: IconPosition;
-}

package/dist/esm/types/components/ui/molecules/dropdown-list/utils/is-totally-visible-inside-container.d.ts

@@ -1,2 +0,0 @@
-declare const isTotallyVisibleInsideContainer: (elem: HTMLElement, container: HTMLElement) => boolean;
-export { isTotallyVisibleInsideContainer };

package/dist/esm/types/components/ui/molecules/progress-bar-group/index.d.ts

@@ -1,2 +0,0 @@
-export { ProgressBarGroup } from './progress-bar-group';
-export type { ProgressBarGroupProps } from './progress-bar-group';

package/dist/esm/types/components/ui/molecules/progress-bar-group/progress-bar-group.d.ts

@@ -1,30 +0,0 @@
-import { FC, HtmlHTMLAttributes, ReactElement } from 'react';
-import { ProgressBarProps } from '../../atoms/progress-bar/progress-bar';
-import './progress-bar-group.scss';
-/**
- * ProgressBarGroup component.
- */
-export interface ProgressBarGroupProps extends HtmlHTMLAttributes<HTMLDivElement> {
-    /**
-     * The label text to display.
-     */
-    label?: string;
-    /**
-     * Whether to hide the label or not.
-     */
-    hideLabel?: boolean;
-    /**
-     * List of progress components to use as children of the group.
-     */
-    children?: ReactElement<ProgressBarProps> | Array<ReactElement<ProgressBarProps>>;
-    /**
-     * Whether to hide the percentage value or not.
-     */
-    hidePercentageValues?: boolean;
-    /**
-     * Whether to display the progress bars in a sequential order or not.
-     */
-    sequential?: boolean;
-}
-declare const ProgressBarGroup: FC<ProgressBarGroupProps>;
-export { ProgressBarGroup };

package/dist/esm/types/components/ui/molecules/radio-button-group/index.d.ts

@@ -1,2 +0,0 @@
-export { RadioButtonGroup } from './radio-button-group';
-export type { RadioButtonGroupProps } from './radio-button-group';

package/dist/esm/types/components/ui/molecules/radio-button-group/radio-button-group.d.ts

@@ -1,26 +0,0 @@
-import { ChangeEvent, FC, HtmlHTMLAttributes, ReactElement } from 'react';
-import { RadioButtonProps } from '../../atoms/radio/radio';
-export interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     *  Input label text.
-     */
-    label?: string;
-    /**
-     * Group name
-     */
-    name: string;
-    /**
-     *  List of radiobutton props to generate as radio buttons.
-     */
-    items?: RadioButtonProps[];
-    /**
-     *  List of radio button components to use as children of the group.
-     */
-    children?: ReactElement<RadioButtonProps> | Array<ReactElement<ReactElement<RadioButtonProps>>>;
-    /**
-     *  Event triggered whenever any of the radio buttons changes is own state.
-     */
-    onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;
-}
-declare const RadioButtonGroup: FC<RadioButtonGroupProps>;
-export { RadioButtonGroup };

package/dist/esm/types/components/ui/organisms/input-date/contexts/date-picker-state.context.d.ts

@@ -1,34 +0,0 @@
-import React, { Dispatch, FC, ReactNode, SetStateAction } from 'react';
-import { Months } from '../../../../models';
-import { WeekDays } from '../../../../models/week-days.interface';
-export type DatePickerStateContextType = {
-    focusedDate: Date;
-    setFocusedDate: Dispatch<SetStateAction<Date>>;
-    selectedDate: Date;
-    setSelectedDate: Dispatch<SetStateAction<Date>>;
-    confirm: (date: Date) => void;
-    cancel: () => void;
-    labels: {
-        previousYearAriaLabel: string;
-        previousMonthAriaLabel: string;
-        nextMonthAriaLabel: string;
-        nextYearAriaLabel: string;
-        monthsLabels?: Months;
-        weekdaysLabels?: WeekDays;
-        focusedDayAriaLabel?: string;
-        selectedDayAriaLabel: string;
-        todayDayAriaLabel: string;
-        todayLabel: string;
-        todayAriaLabel?: string;
-        cancelLabel: string;
-        cancelAriaLabel?: string;
-        okLabel: string;
-        okAriaLabel?: string;
-    };
-};
-export declare const DatePickerStateContext: React.Context<DatePickerStateContextType | undefined>;
-export interface DatePickerStateProviderProps {
-    children: ReactNode;
-    value: DatePickerStateContextType;
-}
-export declare const DatePickerStateProvider: FC<DatePickerStateProviderProps>;

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

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import { Months } from '../../../../models';
-import { WeekDays } from '../../../../models/week-days.interface';
-declare const useDatePickerStateContext: () => {
-    getLabels: () => {
-        previousYearAriaLabel: string;
-        previousMonthAriaLabel: string;
-        nextMonthAriaLabel: string;
-        nextYearAriaLabel: string;
-        monthsLabels?: Months | undefined;
-        weekdaysLabels?: WeekDays | undefined;
-        focusedDayAriaLabel?: string | undefined;
-        selectedDayAriaLabel: string;
-        todayDayAriaLabel: string;
-        todayLabel: string;
-        todayAriaLabel?: string | undefined;
-        cancelLabel: string;
-        cancelAriaLabel?: string | undefined;
-        okLabel: string;
-        okAriaLabel?: string | undefined;
-    };
-    getAbbrWeekDays: () => string[];
-    focusedMonth: string | undefined;
-    focusedYear: number;
-    moveToPreviousYear: () => void;
-    moveToPreviousMonth: () => void;
-    moveToNextMonth: () => void;
-    moveToNextYear: () => void;
-    moveToNextDay: () => void;
-    moveToNextWeek: () => void;
-    moveToPreviousDay: () => void;
-    moveToPreviousWeek: () => void;
-    moveToFirstDayOfWeek: () => void;
-    moveToLastDayOfWeek: () => void;
-    selectFocusedDate: () => void;
-    focusToday: () => void;
-    focusedDate: Date;
-    setFocusedDate: import("react").Dispatch<import("react").SetStateAction<Date>>;
-    selectedDate: Date;
-    setSelectedDate: import("react").Dispatch<import("react").SetStateAction<Date>>;
-    confirm: (date: Date) => void;
-    cancel: () => void;
-    labels: {
-        previousYearAriaLabel: string;
-        previousMonthAriaLabel: string;
-        nextMonthAriaLabel: string;
-        nextYearAriaLabel: string;
-        monthsLabels?: Months | undefined;
-        weekdaysLabels?: WeekDays | undefined;
-        focusedDayAriaLabel?: string | undefined;
-        selectedDayAriaLabel: string;
-        todayDayAriaLabel: string;
-        todayLabel: string;
-        todayAriaLabel?: string | undefined;
-        cancelLabel: string;
-        cancelAriaLabel?: string | undefined;
-        okLabel: string;
-        okAriaLabel?: string | undefined;
-    };
-};
-export { useDatePickerStateContext };

package/dist/esm/types/components/ui/organisms/input-date/date-picker-dropdown-body/date-picker-dropdown-body.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const DialogBody: FC;

package/dist/esm/types/components/ui/organisms/input-date/date-picker-dropdown-footer/date-picker-dropdown-footer.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const DialogFooter: FC;

package/dist/esm/types/components/ui/organisms/input-date/date-picker-dropdown-header/date-picker-dropdown-header.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const DialogHeader: FC;

package/dist/esm/types/components/ui/organisms/input-date/date-picker-dropdown.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-import { Months } from '../../../models';
-import { WeekDays } from '../../../models/week-days.interface';
-export interface DatePickerDropdownProps {
-    date: Date;
-    onChange: (date: Date) => void;
-    onCancel: () => void;
-    labels: {
-        previousYearAriaLabel: string;
-        previousMonthAriaLabel: string;
-        nextMonthAriaLabel: string;
-        nextYearAriaLabel: string;
-        monthsLabels?: Months;
-        weekdaysLabels?: WeekDays;
-        focusedDayAriaLabel?: string;
-        selectedDayAriaLabel: string;
-        todayDayAriaLabel: string;
-        todayLabel: string;
-        todayAriaLabel?: string;
-        cancelLabel: string;
-        cancelAriaLabel?: string;
-        okLabel: string;
-        okAriaLabel?: string;
-    };
-}
-export declare const DatePickerDropdown: FC<DatePickerDropdownProps>;

package/dist/esm/types/components/ui/organisms/input-date/index.d.ts

@@ -1,2 +0,0 @@
-export { InputDate } from './input-date';
-export type { InputDateProps } from './input-date';

package/dist/esm/types/components/ui/organisms/input-date/input-date.d.ts

@@ -1,103 +0,0 @@
-import React, { ComponentPropsWithRef } from 'react';
-import { BooleanProp, FeedbackState, Months } from '../../../models';
-import { WeekDays } from '../../../models/week-days.interface';
-import './input-date.scss';
-export interface InputDateProps extends ComponentPropsWithRef<'input'> {
-    /**
-     * Input label text.
-     */
-    label?: string;
-    /**
-     * Show or hide input label.
-     */
-    hideLabel?: BooleanProp;
-    /**
-     * Sets the input in a error state. This also affects the feedback state.
-     */
-    hasError?: BooleanProp;
-    /**
-     * Show or hide the feedback status text.
-     */
-    hasFeedback?: BooleanProp;
-    /**
-     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
-     */
-    feedbackState?: FeedbackState;
-    /**
-     * Feedback text displayed below input.
-     */
-    feedbackText?: string;
-    /**
-     * Show or hide the leading icon.
-     */
-    hasIcon?: BooleanProp;
-    /**
-     * Name of the icon leading icon to be displayed.
-     */
-    icon?: string;
-    /**
-     * Accessible text to apply to the trailing calendar icon.
-     */
-    calendarIconAriaLabel: string;
-    /**
-     * Accessible text to apply to the date picker previous year button.
-     */
-    previousYearAriaLabel: string;
-    /**
-     * Accessible text to apply to the date picker previous month button.
-     */
-    previousMonthAriaLabel: string;
-    /**
-     * Accessible text to apply to the date picker next month button.
-     */
-    nextMonthAriaLabel: string;
-    /**
-     * Accessible text to apply to the date picker next year button.
-     */
-    nextYearAriaLabel: string;
-    /**
-     * Labels for each month.
-     */
-    monthsLabels?: Months;
-    /**
-     * Labels for each weekday.
-     */
-    weekdaysLabels?: WeekDays;
-    /**
-     * Accessible text to identify the current focused day.
-     */
-    focusedDayAriaLabel?: string;
-    /**
-     * Accessible text to identify the current selected day.
-     */
-    selectedDayAriaLabel: string;
-    /**
-     * Accessible text to identify the highlighted today day.
-     */
-    todayDayAriaLabel: string;
-    /**
-     * Label for the date picker today button.
-     */
-    todayLabel: string;
-    /**
-     * Accessible text for the date picker today button.
-     */
-    todayAriaLabel?: string;
-    /**
-     * Label for the date picker cancel button.
-     */
-    cancelLabel: string;
-    /**
-     * Accessible text for the date picker cancel button.
-     */
-    cancelAriaLabel?: string;
-    /**
-     * Label for the date picker ok button.
-     */
-    okLabel: string;
-    /**
-     * Accessible text for the date picker ok button.
-     */
-    okAriaLabel?: string;
-}
-export declare const InputDate: React.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/types/components/ui/organisms/input-date/utils/get-date-string.d.ts

@@ -1 +0,0 @@
-export declare const getDateString: (d: Date) => string;

package/dist/esm/types/components/ui/organisms/input-date/utils/is-date-in-same-month.d.ts

@@ -1 +0,0 @@
-export declare const isDateInSameMonthOfYear: (date1: Date, date2: Date) => boolean;

package/dist/esm/types/components/ui/organisms/input-date/utils/is-same-day.d.ts

@@ -1 +0,0 @@
-export declare const isSameDay: (date1: Date, date2: Date) => boolean;

package/dist/esm/types/components/ui/organisms/input-date/utils/parse-input-date.d.ts

@@ -1 +0,0 @@
-export declare const parseInputDate: (val?: string | null) => Date | null;

package/dist/esm/types/components/ui/organisms/input-phone/index.d.ts

@@ -1,2 +0,0 @@
-export { InputPhone, PhoneCountryISOs, PhoneCountryCodes } from './input-phone';
-export type { InputPhoneProps, PhoneCountryISO, PhoneCountryCode, InputPhoneRef } from './input-phone';

package/dist/esm/types/components/ui/organisms/input-phone/input-phone.d.ts

@@ -1,75 +0,0 @@
-import React, { ComponentPropsWithRef } from 'react';
-import { BooleanProp, FeedbackState } from '../../../models';
-import './input-phone.scss';
-export declare const PhoneCountryCodes: string[];
-export type PhoneCountryCode = (typeof PhoneCountryCodes)[number];
-export declare const PhoneCountryISOs: string[];
-export type PhoneCountryISO = (typeof PhoneCountryISOs)[number];
-export interface InputPhoneRef {
-    input: HTMLInputElement;
-    iso: PhoneCountryISO;
-    code: PhoneCountryCode;
-}
-export interface InputPhoneProps extends Omit<ComponentPropsWithRef<'input'>, 'onChange'> {
-    /**
-     * Input label text.
-     */
-    label?: string;
-    /**
-     * Show or hide input label.
-     */
-    hideLabel?: BooleanProp;
-    /**
-     * Sets the input in a error state. This also affects the feedback state.
-     */
-    hasError?: BooleanProp;
-    /**
-     * Show or hide the feedback status text.
-     */
-    hasFeedback?: BooleanProp;
-    /**
-     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
-     */
-    feedbackState?: FeedbackState;
-    /**
-     * Feedback text displayed below input.
-     */
-    feedbackText?: string;
-    /**
-     *  Define de initial country selected using the country ISO. Will override defaultCode prop.
-     */
-    defaultISO?: PhoneCountryISO;
-    /**
-     *  Define de initial country selected using the country phone code (without +). Will be overridden by defaultISO prop.
-     */
-    defaultCode?: PhoneCountryCode;
-    /**
-     * Alternative text that labels the combobox button that opens/closes the country dropdown flag list.
-     */
-    comboboxAriaLabel?: string;
-    /**
-     * Enable the search bar to filter items.
-     */
-    searchable?: BooleanProp;
-    /**
-     * Placeholder text for input search bar.
-     */
-    searchInputPlaceholder?: string;
-    /**
-     * Accessible text for the input search bar.
-     */
-    searchInputAriaLabel?: string;
-    /**
-     *  Text to show when filtering presents no results.
-     */
-    searchNoResultsText?: string;
-    /**
-     *  Number of visible items to display in the DropdownList. Remaining items will be accessible via scroll bar.
-     */
-    visibleCount?: number;
-    /**
-     *  Callback to run whenever the input value or country dropdown changes.
-     */
-    onChange: (args: InputPhoneRef) => void;
-}
-export declare const InputPhone: React.ForwardRefExoticComponent<Omit<InputPhoneProps, "ref"> & React.RefAttributes<HTMLInputElement | InputPhoneRef>>;

package/dist/esm/types/components/ui/organisms/input-phone/resources/config.d.ts

@@ -1,8 +0,0 @@
-export interface IFlagProps {
-    code: string;
-    iso: string;
-    country: string;
-    flag?: string;
-}
-declare const FlagsList: IFlagProps[];
-export default FlagsList;

package/dist/esm/types/components/ui/organisms/input-select/index.d.ts

@@ -1,2 +0,0 @@
-export { InputSelect } from './input-select';
-export type { InputSelectProps } from './input-select';

package/dist/esm/types/components/ui/organisms/input-select/input-select.d.ts

@@ -1,86 +0,0 @@
-import React, { ComponentPropsWithRef } from 'react';
-import { BooleanProp, FeedbackState } from '../../../models';
-import { DropdownSectionOptionProps, DropdownSectionProps } from '../../molecules/dropdown-list';
-import './input-select.scss';
-export interface InputSelectRef {
-    selectedOptions: DropdownSectionOptionProps[];
-}
-export interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'options' | 'onChange'> {
-    /**
-     * Input label text.
-     */
-    label?: string;
-    /**
-     * Show or hide input label.
-     */
-    hideLabel?: BooleanProp;
-    /**
-     * Sets the input in a error state. This also affects the feedback state.
-     */
-    hasError?: BooleanProp;
-    /**
-     * Show or hide the feedback status text.
-     */
-    hasFeedback?: BooleanProp;
-    /**
-     * Defines the state of the feedback text. This param will change the feedback icon and dye it.
-     */
-    feedbackState?: FeedbackState;
-    /**
-     * Feedback text displayed below input.
-     */
-    feedbackText?: string;
-    /**
-     * Show or hide the leading icon.
-     */
-    hasIcon?: BooleanProp;
-    /**
-     * Name of the icon leading icon to be displayed.
-     */
-    icon?: string;
-    /**
-     * List of options to show inside the Dropdown list.
-     */
-    options?: DropdownSectionProps[];
-    /**
-     *  Number of visible items to display in the DropdownList. Remaining items will be accessible via scroll bar.
-     */
-    visibleCount?: number;
-    /**
-     *   Event triggered whenever selected value or values changes.
-     */
-    onChange?: (options: DropdownSectionOptionProps[]) => void;
-    /**
-     *  Allow extra option to select/unselect all items. This will select all filtered or unfiltered items.
-     */
-    selectAll?: BooleanProp;
-    /**
-     *  Select All item text to be rendered.
-     */
-    selectAllLabel?: string;
-    /**
-     *  Enable the search bar to filter items.
-     */
-    searchable?: BooleanProp;
-    /**
-     *  Placeholder text for input search bar.
-     */
-    searchInputPlaceholder?: string;
-    /**
-     *  Accessible text for the input search bar.
-     */
-    searchInputAriaLabel?: string;
-    /**
-     *  Text to show when filtering presents no results.
-     */
-    searchNoResultsText?: string;
-    /**
-     * Text placed as Select all options item
-     */
-    allSelectedLabel?: string;
-    /**
-     * Initial template structure for multiple items selections text output
-     */
-    pluralSelectedPlaceholder?: string;
-}
-export declare const InputSelect: React.ForwardRefExoticComponent<Omit<InputSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement | InputSelectRef>>;

package/dist/esm/types/components/ui/templates/footer/federated-footer/federated-footer-card.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { CardFooterProps } from '../models/CardFooterProps';
-declare const FederatedFooterCard: FC<CardFooterProps>;
-export { FederatedFooterCard };