@ama-pt/agora-design-system 0.3.1 → 0.4.0

package/dist/index.d.ts

@@ -190,7 +190,7 @@ interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Avatar information. Information related to the avatar, such as user name or other.
      */
-    information?: string;
+    information: string;
     /**
      * Avatar alt personalized description of the avatar. The text appears if the avatar fails to load on the page.
      */
@@ -612,15 +612,53 @@ interface ListProps extends ComponentPropsWithoutRef<'ul'> {
 }
 declare const List: FC<ListProps>;
 
+/**
+ * Menu item type
+ */
+type MenuItemType = 'primary' | 'search' | 'menu' | 'secondary' | 'user' | 'avatar' | 'close';
+type BaseProps = {
+    /**
+     * Remove default icons.
+     */
+    noIcons?: BooleanProp;
+    /**
+     * Type of menu item
+     */
+    itemType: MenuItemType;
+    /**
+     * Menu on dark background
+     */
+    darkMode?: BooleanProp;
+    /**
+     *  Menu item is a action button
+     */
+    actionItem?: BooleanProp;
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+};
+type MenuItemProps = BaseProps & (HTMLProps<HTMLAnchorElement> | HTMLProps<HTMLButtonElement> | HTMLProps<HTMLDivElement> | AvatarProps);
+interface MenuItemRef {
+    current: HTMLButtonElement | HTMLAnchorElement | null;
+    toggleMenuItem: () => void;
+}
+type ExtendedInterfaceMenu = HTMLButtonElement | HTMLAnchorElement | MenuItemRef | AvatarProps;
+declare const MenuItem: React__default.ForwardRefExoticComponent<((BaseProps & AvatarProps) | Omit<BaseProps & React__default.HTMLProps<HTMLDivElement>, "ref"> | Omit<BaseProps & React__default.HTMLProps<HTMLAnchorElement>, "ref"> | Omit<BaseProps & React__default.HTMLProps<HTMLButtonElement>, "ref">) & React__default.RefAttributes<ExtendedInterfaceMenu>>;
+
 interface ModalProps extends ComponentPropsWithoutRef<'dialog'> {
     /**
      * Title text for the close button.
      */
-    closeText: string;
+    closeButtonText: string;
     /**
      * Children content.
      */
     children: ReactNode;
+    /**
+     * Show or hide close button title.
+     */
+    hideCloseButtonText?: BooleanProp;
 }
 declare const Modal: FC<ModalProps>;
 
@@ -1032,10 +1070,6 @@ interface ButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'onC
      * Group name
      */
     name?: string;
-    /**
-     *  List of button props to generate as buttons.
-     */
-    items?: ButtonProps[];
     /**
      *  List of button components to use as children of the group.
      */
@@ -1947,4 +1981,4 @@ declare const AgoraTailwindConfig: {
     plugins: (({ addComponents }: any) => void)[];
 };
 
-export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, type CardFooterProps, type CardLinksFooterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListType, Modal, ModalContext, type ModalContextProps, type ModalProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean, useModal, useModalContext, useToast, useToastContext, useWindowSize };
+export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, type CardFooterProps, type CardLinksFooterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListType, MenuItem, type MenuItemProps, type MenuItemRef, type MenuItemType, Modal, ModalContext, type ModalContextProps, type ModalProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean, useModal, useModalContext, useToast, useToastContext, useWindowSize };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "engines": {
     "node": "18.17.1"
   },
@@ -12,6 +12,8 @@
   ],
   "types": "dist/index.d.ts",
   "scripts": {
+    "start": "yarn run storybook",
+    "dev": "yarn run storybook",
     "storybook": "gulp && storybook dev -p 6006",
     "build-storybook": "gulp && storybook build",
     "lint": "eslint src --ext .ts,.tsx",