@ama-pt/agora-design-system 0.2.0 → 0.2.1

package/dist/esm/types/components/ui/atoms/scribbles/scribbles.d.ts

@@ -14,11 +14,11 @@ export interface ScribblesProps extends SuperScribblesProps {
     /**
      * Callback to run when scribble is loaded.
      */
-    onIconLoad?: () => void;
+    onScribblesLoad?: () => void;
     /**
      * Callback to run when scribble fails to load.
      */
-    onIconError?: () => void;
+    onScribblesError?: () => void;
 }
 export declare const Scribbles: FC<ScribblesProps>;
 export {};

package/dist/esm/types/components/ui/atoms/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './switch';
+export type { SwitchProps, SwitchPosition } from './switch';

package/dist/esm/types/components/ui/atoms/switch/switch.d.ts

@@ -0,0 +1,28 @@
+import React, { ForwardRefRenderFunction } from 'react';
+import { BooleanProp } from '../../../models';
+import './switch.scss';
+export type SwitchPosition = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+export interface SwitchProps extends React.ComponentPropsWithRef<'input'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Whether the switch is disabled.
+     */
+    reverse?: boolean;
+    /**
+     * The position of the switch.
+     */
+    position?: SwitchPosition;
+    /**
+     * Defines if the Switch should be fluid
+     */
+    fullWidth?: boolean;
+}
+export declare const InnerSwitch: ForwardRefRenderFunction<HTMLInputElement, SwitchProps>;
+export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/types/components/ui/atoms/tabs/index.d.ts

@@ -0,0 +1,8 @@
+export { TabBody } from './tab-body/tab-body';
+export { TabHeader } from './tab-header/tab-header';
+export { Tab } from './tab/tab';
+export { Tabs } from './tabs';
+export type { TabProps } from './tab/tab';
+export type { TabsProps } from './tabs';
+export type { TabHeaderProps } from './tab-header/tab-header';
+export type { TabBodyProps } from './tab-body/tab-body';

package/dist/esm/types/components/ui/atoms/tabs/tab/tab.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { BooleanProp } from '../../../../models';
+import { TabBodyProps } from '../tab-body/tab-body';
+import { TabHeaderProps } from '../tab-header/tab-header';
+export interface TabProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: Array<ReactElement<TabHeaderProps> | ReactElement<TabBodyProps>>;
+    /**
+     * Active tab.
+     */
+    active?: BooleanProp;
+}
+export declare const Tab: FC<TabProps>;

package/dist/esm/types/components/ui/atoms/tabs/tab-body/tab-body.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import './tab-body.scss';
+export interface TabBodyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+export declare const TabBody: FC<TabBodyProps>;

package/dist/esm/types/components/ui/atoms/tabs/tab-header/tab-header.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+import './tab-header.scss';
+export interface TabHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children?: ReactNode;
+}
+export declare const TabHeader: FC<TabHeaderProps>;

package/dist/esm/types/components/ui/atoms/tabs/tabs.d.ts

@@ -0,0 +1,19 @@
+import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
+import { BooleanProp } from '../../../models';
+import { TabProps } from './tab/tab';
+import './tabs.scss';
+export interface TabsProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Children content.
+     */
+    children: ReactElement<TabProps> | Array<ReactElement<TabProps>>;
+    /**
+     * Defines if the tab should be fluid.
+     */
+    fullWidth?: BooleanProp;
+    /**
+     * Automatic activation.
+     */
+    automaticActivation?: BooleanProp;
+}
+export declare const Tabs: FC<TabsProps>;

package/dist/esm/types/components/ui/index.d.ts

@@ -13,6 +13,7 @@ export * from './atoms/progress-bar';
 export * from './atoms/radio';
 export * from './atoms/scribbles';
 export * from './atoms/tag';
+export * from './atoms/switch';
 export * from './molecules/accordion-group';
 export * from './molecules/checkbox-group';
 export * from './molecules/dropdown-list';

package/dist/index.d.ts

@@ -467,11 +467,11 @@ interface ScribblesProps extends SuperScribblesProps {
     /**
      * Callback to run when scribble is loaded.
      */
-    onIconLoad?: () => void;
+    onScribblesLoad?: () => void;
     /**
      * Callback to run when scribble fails to load.
      */
-    onIconError?: () => void;
+    onScribblesError?: () => void;
 }
 declare const Scribbles: FC<ScribblesProps>;
 
@@ -511,6 +511,31 @@ interface TagProps extends ComponentPropsWithRef<'button'> {
 }
 declare const Tag: React$1.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
+type SwitchPosition = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+interface SwitchProps extends React$1.ComponentPropsWithRef<'input'> {
+    /**
+     * Input label text.
+     */
+    label?: string;
+    /**
+     * Show or hide input label.
+     */
+    hideLabel?: BooleanProp;
+    /**
+     * Whether the switch is disabled.
+     */
+    reverse?: boolean;
+    /**
+     * The position of the switch.
+     */
+    position?: SwitchPosition;
+    /**
+     * Defines if the Switch should be fluid
+     */
+    fullWidth?: boolean;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
 type AccordionGroupType = 'single' | 'multiple';
 interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
     /**
@@ -958,4 +983,4 @@ declare class TypedEventEmitter<K extends string, T> {
     emit(eventName: K, event: T): boolean;
 }
 
-export { Accordion, AccordionGroup, AccordionGroupProps, AccordionGroupType, AccordionProps, AccordionRef, BooleanProp, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Button, ButtonAppearance, ButtonProps, ButtonVariant, CardFederatedFooterProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, DropdownList, DropdownListProps, DropdownSection, DropdownSectionOption, DropdownSectionOptionProps, DropdownSectionProps, DropdownSectionType, FederatedFooter, FederatedFooterProps, FeedbackState, Icon, IconDimensions, IconName, IconPosition, IconProps, InputDate, InputDateEventProps, InputDateLanguageProps, InputDateProps, InputNumber, InputNumberProps, InputPassword, InputPasswordProps, InputPhone, InputPhoneProps, InputPhoneRef, InputSearch, InputSearchProps, InputSelect, InputSelectProps, InputText, InputTextArea, InputTextAreaProps, InputTextProps, LinkableIconsProps, LinkableImagesProps, PhoneCountryCode, PhoneCountryCodes, PhoneCountryISO, PhoneCountryISOs, Pill, PillAppearance, PillProps, PillVariant, ProgressBar, ProgressBarProps, RadioButton, RadioButtonGroup, RadioButtonGroupProps, RadioButtonProps, Scribbles, ScribblesName, ScribblesProps, Tag, TagProps, TagVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean };
+export { Accordion, AccordionGroup, AccordionGroupProps, AccordionGroupType, AccordionProps, AccordionRef, BooleanProp, Breadcrumb, BreadcrumbLink, BreadcrumbProps, Button, ButtonAppearance, ButtonProps, ButtonVariant, CardFederatedFooterProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, DropdownList, DropdownListProps, DropdownSection, DropdownSectionOption, DropdownSectionOptionProps, DropdownSectionProps, DropdownSectionType, FederatedFooter, FederatedFooterProps, FeedbackState, Icon, IconDimensions, IconName, IconPosition, IconProps, InputDate, InputDateEventProps, InputDateLanguageProps, InputDateProps, InputNumber, InputNumberProps, InputPassword, InputPasswordProps, InputPhone, InputPhoneProps, InputPhoneRef, InputSearch, InputSearchProps, InputSelect, InputSelectProps, InputText, InputTextArea, InputTextAreaProps, InputTextProps, LinkableIconsProps, LinkableImagesProps, PhoneCountryCode, PhoneCountryCodes, PhoneCountryISO, PhoneCountryISOs, Pill, PillAppearance, PillProps, PillVariant, ProgressBar, ProgressBarProps, RadioButton, RadioButtonGroup, RadioButtonGroupProps, RadioButtonProps, Scribbles, ScribblesName, ScribblesProps, Switch, SwitchPosition, SwitchProps, Tag, TagProps, TagVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "engines": {
     "node": "18.15.0"
   },
@@ -12,8 +12,8 @@
   ],
   "types": "dist/index.d.ts",
   "scripts": {
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "storybook": "gulp JSONStories && storybook dev -p 6006",
+    "build-storybook": "gulp JSONStories && storybook build",
     "lint": "eslint src --ext .js,.jsx,.ts,.tsx,.json",
     "lint:fix": "eslint --fix ./**/*.{js,jsx,ts,tsx,json}",
     "format": "prettier --write ./**/*.{js,jsx,ts,tsx,css,scss,mdx,md,json} --config ./.prettierrc",
@@ -29,8 +29,13 @@
     "babel-loader": "^8.2.5",
     "classnames": "^2.3.2",
     "fs": "^0.0.1-security",
+    "glob": "^7.2.3",
+    "gulp": "^4.0.2",
+    "gulp-clean": "^0.4.0",
+    "gulp-typescript": "^6.0.0-alpha.1",
     "path": "^0.12.7",
     "raw-loader": "^4.0.2",
+    "react-syntax-highlighter": "^15.5.0",
     "sass": "^1.56.2",
     "source-map-loader": "^4.0.1",
     "url-loader": "^4.1.1"
@@ -42,21 +47,22 @@
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^11.1.1",
-    "@storybook/addon-a11y": "^7.0.18",
-    "@storybook/addon-actions": "^7.0.18",
-    "@storybook/addon-docs": "^7.0.18",
-    "@storybook/addon-essentials": "^7.0.18",
-    "@storybook/addon-interactions": "^7.0.18",
-    "@storybook/addon-links": "^7.0.18",
-    "@storybook/addon-mdx-gfm": "^7.0.18",
-    "@storybook/builder-vite": "^7.0.18",
+    "@storybook/addon-a11y": "^7.0.20",
+    "@storybook/addon-actions": "^7.0.20",
+    "@storybook/addon-docs": "^7.0.20",
+    "@storybook/addon-storysource": "^7.0.20",
+    "@storybook/addon-essentials": "^7.0.20",
+    "@storybook/addon-interactions": "^7.0.20",
+    "@storybook/addon-links": "^7.0.20",
+    "@storybook/addon-mdx-gfm": "^7.0.20",
+    "@storybook/blocks": "^7.0.20",
     "@storybook/mdx2-csf": "^1.1.0",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react": "^7.0.18",
-    "@storybook/react-vite": "^7.0.18",
+    "@storybook/react": "^7.0.20",
+    "@storybook/react-vite": "^7.0.20",
     "@storybook/testing-library": "^0.1.0",
-    "@storybook/theming": "^7.0.18",
+    "@storybook/theming": "^7.0.20",
     "@types/node": "^18.11.9",
     "@types/prop-types": "^15.7.5",
     "@types/react": "^18.0.25",
@@ -87,7 +93,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "sass": "^1.56.1",
     "sass-loader": "^13.2.0",
-    "storybook": "^7.0.18",
+    "storybook": "^7.0.20",
     "tailwindcss": "^3.2.4",
     "ts-dedent": "^2.2.0",
     "typescript": "4.9.3",
@@ -101,10 +107,10 @@
     "enhanced-resolve": "5.10.0"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "author": {
     "name": "AMA"