@ama-pt/agora-design-system 3.4.2 → 3.5.1

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

@@ -60,6 +60,14 @@ export interface InputRangeProps extends Omit<ComponentProps<'input'>, 'value' |
      *  Error feedback text displayed below input.
      */
     errorFeedbackText?: ReactNode;
+    /**
+     * Defines helper text.
+     */
+    helperText?: ReactNode;
+    /**
+     * Show or hide the helper text.
+     */
+    hasHelperText?: BooleanProp;
 }
 export interface InputRangeElement extends HTMLDivElement {
     sliders: HTMLInputElement[];

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

@@ -42,6 +42,14 @@ export interface InputSearchProps extends ComponentProps<'input'> {
      * Highlight the input indicating some error
      */
     hasError?: BooleanProp;
+    /**
+     * Defines helper text.
+     */
+    helperText?: ReactNode;
+    /**
+     * Show or hide the helper text.
+     */
+    hasHelperText?: BooleanProp;
 }
 declare const InputSearch: FC<InputSearchProps>;
 export { InputSearch };

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

@@ -1,6 +1,7 @@
 import { BooleanProp } from '../../models';
 import { ComponentProps, FC, Ref } from 'react';
 import './input-search-bar.css';
+import type { ReactNode } from 'react';
 export interface InputSearchBarElement extends HTMLInputElement {
     /**
      * React ref object to the search action button.
@@ -60,6 +61,14 @@ export interface InputSearchBarProps extends ComponentProps<'input'> {
      * React ref object to the input search bar.
      */
     ref?: Ref<InputSearchBarElement>;
+    /**
+     * Defines helper text.
+     */
+    helperText?: ReactNode;
+    /**
+     * Show or hide the helper text.
+     */
+    hasHelperText?: BooleanProp;
 }
 declare const InputSearchBar: FC<InputSearchBarProps>;
 export { InputSearchBar };

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

@@ -42,6 +42,14 @@ export interface InputTextProps extends ComponentProps<'input'> {
      * Highlight the input indicating some error
      */
     hasError?: BooleanProp;
+    /**
+     * Defines helper text.
+     */
+    helperText?: ReactNode;
+    /**
+     * Show or hide the helper text.
+     */
+    hasHelperText?: BooleanProp;
 }
 declare const InputText: FC<InputTextProps>;
 export { InputText };

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

@@ -38,6 +38,14 @@ export interface InputTextAreaProps extends ComponentProps<'textarea'> {
      * Defines if the char counter on right corner should or should not be visible.
      */
     showCharCounter?: BooleanProp;
+    /**
+     * Defines helper text.
+     */
+    helperText?: ReactNode;
+    /**
+     * Show or hide the helper text.
+     */
+    hasHelperText?: BooleanProp;
 }
 declare const InputTextArea: FC<InputTextAreaProps>;
 export { InputTextArea };

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

@@ -3,8 +3,8 @@ import './input-time.css';
 import { BooleanProp, FeedbackState, TimeFormat } from '../../models';
 export interface InputTimeProps extends ComponentProps<'input'> {
     /**
-    * Defines the time format that will be used.
-    */
+     * Defines the time format that will be used.
+     */
     format?: TimeFormat;
     /**
      * The flag to set if the label and feedback text is in dark mode or light mode.
@@ -90,6 +90,14 @@ export interface InputTimeProps extends ComponentProps<'input'> {
      * Accessible text for the timepicker footer message.
      */
     timepickerMessageAriaLabel?: string;
+    /**
+     * Defines helper text.
+     */
+    helperText?: ReactNode;
+    /**
+     * Show or hide the helper text.
+     */
+    hasHelperText?: BooleanProp;
 }
 declare const InputTime: FC<InputTimeProps>;
 export { InputTime };

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

@@ -1,4 +1,4 @@
-import { TimePeriod } from '../../../models';
+import { TimeFormat, TimePeriod } from '../../../models';
 export declare const FULL_TIME_TEXT_REGEX_WITH_PERIOD: RegExp;
 export declare const FULL_TIME_TEXT_REGEX_WITHOUT_PERIOD: RegExp;
 export declare const DEFAULT_PLACEHOLDER: {
@@ -11,14 +11,13 @@ export declare const timePeriod: {
     pm: string;
 };
 export declare const startTime: {
-    hour: string;
     minute: string;
     period: string;
 };
 export declare const formatHour: (hour: number | string, minHour: number, maxHour: number) => string;
 export declare const formatMinute: (minute: number | string, minMinute: number, maxMinute: number) => string;
 export declare const formatFullTime: (hasPeriod: boolean, selectedHour: number | string, selectedMinute: number | string, selectedPeriod: TimePeriod) => string;
-export declare const parseFullTime: (hasPeriod: boolean, fullTimeText: string) => {
+export declare const parseFullTime: (hasPeriod: boolean, fullTimeText: string, hourFormat: TimeFormat) => {
     selectedHour: string;
     selectedMinute: string;
     selectedPeriod: TimePeriod;

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

@@ -15,5 +15,6 @@ export interface TabsDesktopProps extends ComponentPropsWithoutRef<'div'> {
     tabPanelClassName: string;
     tabsHeaderData: Array<ReactElement<TabHeaderProps>>;
     tabsBodyData: Array<ReactElement<TabBodyProps>>;
+    isDesktop: boolean;
 }
 export declare const TabsDesktop: FC<TabsDesktopProps>;

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

@@ -12,6 +12,7 @@ interface TabsMobileProps extends ComponentPropsWithoutRef<'div'> {
     currentType: TabCurrentType;
     tabsHeaderData: Array<ReactElement<TabHeaderProps>>;
     tabsBodyData: Array<ReactElement<TabBodyProps>>;
+    isTabletOrMobile: boolean;
 }
 export declare const TabsMobile: FC<TabsMobileProps>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "3.4.2",
+  "version": "3.5.1",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [

package/artifacts/dist/types/components/status-card/interactive-status-card.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps, FC, ReactNode } from 'react';
-import { StatusCardType } from './status-card';
-export interface InteractiveStatusCardProps extends ComponentProps<'div'> {
-    className?: string;
-    interactive?: boolean;
-    children?: ReactNode;
-    type?: StatusCardType;
-    onActivate?: () => void;
-}
-declare const InteractiveStatusCard: FC<InteractiveStatusCardProps>;
-export { InteractiveStatusCard };

package/artifacts/dist/types/components/status-card/non-interactive-status-card.d.ts

@@ -1,9 +0,0 @@
-import { ComponentProps, FC, ReactNode } from 'react';
-import { StatusCardType } from './status-card';
-export interface NonInteractiveStatusCardProps extends ComponentProps<'div'> {
-    className?: string;
-    children?: ReactNode;
-    type?: StatusCardType;
-}
-declare const NonInteractiveStatusCard: FC<NonInteractiveStatusCardProps>;
-export { NonInteractiveStatusCard };

package/artifacts/dist/types/components/status-card/status-card.d.ts

@@ -1,25 +0,0 @@
-import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp } from '../../models';
-import './status-card.css';
-export type StatusCardType = 'info' | 'success' | 'warning' | 'danger';
-export interface StatusCardProps extends ComponentProps<'div'> {
-    /**
-     * Status card description content
-     */
-    description: ReactNode;
-    /**
-     * The available Status card types. Defines the appearance of the cards.
-     */
-    type: StatusCardType;
-    /**
-     * The flag to make the status card interactive. When it is interactive,
-     * card can be focused by clicking on it.
-     */
-    interactive?: BooleanProp;
-    /**
-     * Callback to run whenever the status card is interactive.
-     */
-    onActivate?: () => void;
-}
-declare const StatusCard: FC<StatusCardProps>;
-export { StatusCard };