@etus/design-system 1.0.4 → 2.0.1

package/lib/components/StatusBadge/StatusBadge.d.ts

@@ -0,0 +1,14 @@
+export interface StatusBadgeProps {
+    labelValue?: string;
+    color?: 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+    size?: 'small' | 'medium' | 'large';
+    type?: 'default' | 'secondary' | 'heavy';
+    loading?: boolean;
+    closeable?: boolean;
+    icon?: string;
+    isAppendedIcon?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    onClose?: () => void;
+}
+export declare function StatusBadge({ labelValue, color, size, type, loading, closeable, icon, isAppendedIcon, children, className, onClose, }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/StatusBadge/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");require("../Badge/index.cjs.js");

package/lib/components/StatusBadge/index.d.ts

@@ -1,7 +1 @@
-import StatusBadge from "./StatusBadge.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { StatusBadge };
-//# sourceMappingURL=index.d.ts.map
+export { StatusBadge } from './StatusBadge';

package/lib/components/StatusBadge/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import"../Badge/index.es.js";

package/lib/components/Stepper/Stepper.d.ts

@@ -0,0 +1,16 @@
+export interface StepperProps {
+    value?: any;
+    onChange?: (value: number) => void;
+    options: Array<{
+        [key: string]: any;
+    }>;
+    labelKey?: string;
+    valueKey?: string;
+    iconKey?: string;
+    size?: "small" | "medium" | "large";
+    getObject?: boolean;
+    noClick?: boolean;
+    allowSkip?: boolean;
+    className?: string;
+}
+export declare function Stepper({ value, onChange, options, labelKey, valueKey, iconKey, size, getObject, noClick, allowSkip, className, }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Stepper/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");require("react");;/* empty css                             */require("../Badge/index.cjs.js");

package/lib/components/Stepper/index.d.ts

@@ -1,7 +1 @@
-import Stepper from "./Stepper.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Stepper };
-//# sourceMappingURL=index.d.ts.map
+export { Stepper } from './Stepper';

package/lib/components/Stepper/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import"react";/* empty css                           */import"../Badge/index.es.js";

package/lib/components/Switch/Switch.d.ts

@@ -0,0 +1,12 @@
+export interface SwitchProps {
+    id?: string;
+    name?: string;
+    value?: boolean;
+    defaultValue?: boolean;
+    onChange?: (value: boolean) => void;
+    rhs?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function Switch({ id, name, value, defaultValue, onChange, rhs, disabled, children, className, }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Switch/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");require("react");

package/lib/components/Switch/index.d.ts

@@ -1,7 +1 @@
-import Switch from "./Switch.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Switch };
-//# sourceMappingURL=index.d.ts.map
+export { Switch } from './Switch';

package/lib/components/Switch/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import"react";

package/lib/components/Tab/Tab.d.ts

@@ -0,0 +1,16 @@
+export interface TabProps {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    options?: Array<string | {
+        label: string;
+        icon?: string;
+        [key: string]: any;
+    }>;
+    labelKey?: string;
+    isIcon?: boolean;
+    notCard?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function Tab({ value, defaultValue, onChange, options, labelKey, isIcon, notCard, children, className, }: TabProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Tab/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");require("react");require("../Badge/index.cjs.js");

package/lib/components/Tab/index.d.ts

@@ -1,7 +1 @@
-import Tab from "./Tab.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Tab };
-//# sourceMappingURL=index.d.ts.map
+export { Tab } from './Tab';

package/lib/components/Tab/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import"react";import"../Badge/index.es.js";

package/lib/components/Table/Table.d.ts

@@ -0,0 +1,70 @@
+import { default as React } from 'react';
+export interface Column {
+    label?: string;
+    value: string;
+    sortable?: boolean;
+    width?: string;
+    align?: 'flex-start' | 'center' | 'flex-end';
+    render?: (value: any, item: any, index: number) => React.ReactNode;
+}
+export interface TableProps {
+    columns: Column[];
+    items: any[];
+    sortOptions?: {
+        by?: string;
+        desc?: boolean;
+    };
+    page?: number;
+    defaultPage?: number;
+    itemsPerPage?: number;
+    defaultItemsPerPage?: number;
+    numberOfItems?: number;
+    renderPaginationInBackEnd?: boolean;
+    hideFooter?: boolean;
+    isHeaderFixed?: boolean;
+    enableSelection?: boolean;
+    enableAggregation?: boolean;
+    loading?: boolean;
+    noShadow?: boolean;
+    hasHover?: boolean;
+    onPageChange?: (page: number) => void;
+    onItemsPerPageChange?: (n: number) => void;
+    onSortBy?: (key: string, desc: boolean) => void;
+    onPageItems?: (page: number, itemsPerPage: number) => void;
+    onSelectAll?: (value: boolean) => void;
+    onSelectRow?: (item: any, selected: boolean) => void;
+    /** Slot: per-row aggregation cell (Vue: slot name="aggregation") */
+    renderAggregation?: (item: any, index: number) => React.ReactNode;
+    /** Slot: per-row selection cell (Vue: slot name="select") */
+    renderSelect?: (item: any, index: number) => React.ReactNode;
+    /** Slot: per-row actions cell (Vue: slot name="actions") */
+    renderActions?: (item: any, index: number) => React.ReactNode;
+    /** Slot: expandable child rows (Vue: slot name="childs") */
+    renderChilds?: (item: any, index: number) => React.ReactNode;
+    /** Slot: empty state (Vue: slot name="empty-state") */
+    renderEmptyState?: () => React.ReactNode;
+    /** Slot: custom footer content in tfoot (Vue: slot name="footer") */
+    renderFooter?: () => React.ReactNode;
+    /** Slot: items per page label (Vue: slot name="items-per-page") */
+    renderItemsPerPage?: () => React.ReactNode;
+    /** Slot: showing page text (Vue: slot name="showing-page") */
+    renderShowingPage?: (min: number, max: number, total: number) => React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+declare function TableActions({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TableEmptyState({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ columns, items, sortOptions, page: pageProp, defaultPage, itemsPerPage: itemsPerPageProp, defaultItemsPerPage, numberOfItems, renderPaginationInBackEnd, hideFooter, isHeaderFixed, enableSelection, enableAggregation, loading, noShadow, hasHover, onPageChange, onItemsPerPageChange, onSortBy, onPageItems, onSelectAll, onSelectRow, renderAggregation, renderSelect, renderActions, renderChilds, renderEmptyState, renderFooter, renderItemsPerPage, renderShowingPage, children, className, }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Table {
+    var Actions: typeof TableActions;
+    var Footer: typeof TableFooter;
+    var EmptyState: typeof TableEmptyState;
+}
+export {};

package/lib/components/Table/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");require("react");require("../Badge/index.cjs.js");require("../../assets/Tooltip-Diruxnme.js");;/* empty css                           */;/* empty css                               */require("react-dom");;/* empty css                                     */;/* empty css                                   */;/* empty css                            */;/* empty css                            */require("../../assets/clsx-C11secjj.js");require("../../hooks/useTransition.cjs.js");

package/lib/components/Table/index.d.ts

@@ -1,7 +1 @@
-import Table from "./Table.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Table };
-//# sourceMappingURL=index.d.ts.map
+export { Table } from './Table';

package/lib/components/Table/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import"react";import"../Badge/index.es.js";import"../../assets/Tooltip-DbBhUsGz.js";/* empty css                         *//* empty css                             */import"react-dom";/* empty css                                   *//* empty css                                 *//* empty css                          *//* empty css                          */import"../../assets/clsx-B-dksMZM.js";import"../../hooks/useTransition.es.js";

package/lib/components/TagInput/TagInput.d.ts

@@ -0,0 +1,32 @@
+export interface TagInputProps {
+    value?: any[];
+    defaultValue?: any[];
+    onChange?: (value: any[]) => void;
+    labelValue?: string;
+    errorMessage?: string;
+    infoMessage?: string;
+    disabled?: boolean;
+    required?: boolean;
+    allowDuplicate?: boolean;
+    max?: number;
+    isError?: boolean;
+    placeholder?: string;
+    mask?: 'cpf' | 'cnpj' | 'cep' | 'domain' | 'url' | 'email';
+    icon?: string;
+    appendIcon?: boolean;
+    tooltipMinWidth?: number;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function TagInput({ value, defaultValue, onChange, labelValue, errorMessage, infoMessage, disabled, required, allowDuplicate, max, isError, placeholder, mask, icon, appendIcon, tooltipMinWidth, children, className, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TagInput {
+    var PrependIcon: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var AppendIcon: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Hint: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+}

package/lib/components/TagInput/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");require("react");require("../../assets/Tooltip-Diruxnme.js");require("../Badge/index.cjs.js");;/* empty css                           */require("react-dom");require("../../assets/clsx-C11secjj.js");require("../../hooks/useTransition.cjs.js");

package/lib/components/TagInput/index.d.ts

@@ -1,7 +1 @@
-import TagInput from "./TagInput.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { TagInput };
-//# sourceMappingURL=index.d.ts.map
+export { TagInput } from './TagInput';

package/lib/components/TagInput/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import"react";import"../../assets/Tooltip-DbBhUsGz.js";import"../Badge/index.es.js";/* empty css                         */import"react-dom";import"../../assets/clsx-B-dksMZM.js";import"../../hooks/useTransition.es.js";

package/lib/components/TagSelect/TagSelect.d.ts

@@ -0,0 +1,25 @@
+export interface TagSelectProps {
+    value?: any[];
+    defaultValue?: any[];
+    onChange?: (value: any[]) => void;
+    options?: any[];
+    labelKey?: string;
+    valueKey?: string;
+    getObject?: boolean;
+    disabled?: boolean;
+    labelValue?: string;
+    searchable?: boolean;
+    creatable?: boolean;
+    isError?: boolean;
+    errorMessage?: string;
+    infoMessage?: string;
+    required?: boolean;
+    placeholder?: string;
+    icon?: string;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    absolute?: boolean;
+    buttonLabel?: string;
+    className?: string;
+}
+export declare function TagSelect({ value, defaultValue, onChange, options, labelKey, valueKey, getObject: getObjectProp, disabled, labelValue, searchable, creatable, isError, errorMessage, infoMessage, required, placeholder, icon, expanded: expandedProp, onExpandedChange, absolute, buttonLabel, className, }: TagSelectProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/TagSelect/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");require("react");require("../../assets/Tooltip-Diruxnme.js");require("../Badge/index.cjs.js");;/* empty css                           */;/* empty css                               */require("react-dom");;/* empty css                                     */;/* empty css                            */require("../../assets/clsx-C11secjj.js");require("../../hooks/useTransition.cjs.js");

package/lib/components/TagSelect/index.d.ts

@@ -1,7 +1 @@
-import TagSelect from "./TagSelect.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { TagSelect };
-//# sourceMappingURL=index.d.ts.map
+export { TagSelect } from './TagSelect';

package/lib/components/TagSelect/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import"react";import"../../assets/Tooltip-DbBhUsGz.js";import"../Badge/index.es.js";/* empty css                         *//* empty css                             */import"react-dom";/* empty css                                   *//* empty css                          */import"../../assets/clsx-B-dksMZM.js";import"../../hooks/useTransition.es.js";

package/lib/components/Textarea/Textarea.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+interface TextareaProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    labelValue?: string;
+    max?: number;
+    errorMessage?: string;
+    infoMessage?: string;
+    disabled?: boolean;
+    isError?: boolean;
+    required?: boolean;
+    placeholder?: string;
+    textAlign?: 'start' | 'center' | 'end';
+    tooltipMinWidth?: number;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    className?: string;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/lib/components/Textarea/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../assets/Textarea-foQgQnsz.js");require("../Avatar/index.cjs.js");require("react");require("../../assets/clsx-C11secjj.js");require("../../hooks/useControllable.cjs.js");require("../../assets/Label-bwrT7VIV.js");require("../../assets/Tooltip-Diruxnme.js");require("react-dom");require("../../hooks/useTransition.cjs.js");require("../Icon/index.cjs.js");require("../Badge/index.cjs.js");;/* empty css                           */

package/lib/components/Textarea/index.d.ts

@@ -1,7 +1 @@
-import Textarea from "./Textarea.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Textarea };
-//# sourceMappingURL=index.d.ts.map
+export { Textarea } from './Textarea';

package/lib/components/Textarea/index.es.js

@@ -0,0 +1 @@
+import"../../assets/Textarea-CFobhecb.js";import"../Avatar/index.es.js";import"react";import"../../assets/clsx-B-dksMZM.js";import"../../hooks/useControllable.es.js";import"../../assets/Label-BTtohMHb.js";import"../../assets/Tooltip-DbBhUsGz.js";import"react-dom";import"../../hooks/useTransition.es.js";import"../Icon/index.es.js";import"../Badge/index.es.js";/* empty css                         */

package/lib/components/Toast/Toast.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+type ToastType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+export interface ToastOptions {
+    id?: string;
+    title?: string;
+    message?: string;
+    type?: ToastType;
+    top?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    right?: boolean;
+    timeout?: number | null;
+    buttonLabel?: string;
+    action?: () => void;
+}
+interface ToastContextValue {
+    toast: (options: ToastOptions) => {
+        id: string;
+        close: () => void;
+    };
+}
+export declare function ToastProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): ToastContextValue;
+export {};

package/lib/components/Toast/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../assets/Toast-DIAVNK5L.js");require("../Avatar/index.cjs.js");require("react");require("react-dom");require("../Badge/index.cjs.js");;/* empty css                            */

package/lib/components/Toast/index.d.ts

@@ -1,7 +1 @@
-import Toast from "./Toast.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Toast };
-//# sourceMappingURL=index.d.ts.map
+export { ToastProvider, useToast } from './Toast';

package/lib/components/Toast/index.es.js

@@ -0,0 +1 @@
+import"../../assets/Toast-w4v5o8DT.js";import"../Avatar/index.es.js";import"react";import"react-dom";import"../Badge/index.es.js";/* empty css                          */

package/lib/components/Toggle/Toggle.d.ts

@@ -0,0 +1,13 @@
+export interface ToggleProps {
+    value?: boolean;
+    defaultValue?: boolean;
+    onChange?: (value: boolean) => void;
+    id?: string;
+    name?: string;
+    groupValue?: any;
+    disabled?: boolean;
+    type?: 'default' | 'secondary';
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function Toggle({ value, defaultValue, onChange, id, name, groupValue, disabled, type, children, className, }: ToggleProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Toggle/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Avatar/index.cjs.js");const e=require("react");e.createContext(null);

package/lib/components/Toggle/index.d.ts

@@ -1,7 +1 @@
-import Toggle from "./Toggle.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Toggle };
-//# sourceMappingURL=index.d.ts.map
+export { Toggle } from './Toggle';

package/lib/components/Toggle/index.es.js

@@ -0,0 +1 @@
+import"../Avatar/index.es.js";import{createContext as t}from"react";t(null);

package/lib/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,22 @@
+export interface ToggleGroupContextValue {
+    selected: any;
+    disabled: boolean;
+    type: 'default' | 'secondary';
+    select: (value: any) => void;
+}
+export declare const ToggleGroupContext: import('react').Context<ToggleGroupContextValue | null>;
+export interface ToggleGroupProps {
+    value?: any;
+    defaultValue?: any;
+    onChange?: (value: any) => void;
+    vertical?: boolean;
+    disabled?: boolean;
+    type?: 'default' | 'secondary';
+    options?: Array<any>;
+    labelKey?: string;
+    valueKey?: string;
+    getObject?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function ToggleGroup({ value, defaultValue, onChange, vertical, disabled, type, options, labelKey, valueKey, getObject, children, className, }: ToggleGroupProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/ToggleGroup/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../Toggle/index.cjs.js");require("../Avatar/index.cjs.js");require("react");

package/lib/components/ToggleGroup/index.d.ts

@@ -1,7 +1 @@
-import ToggleGroup from "./ToggleGroup.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { ToggleGroup };
-//# sourceMappingURL=index.d.ts.map
+export { ToggleGroup } from './ToggleGroup';

package/lib/components/ToggleGroup/index.es.js

@@ -0,0 +1 @@
+import"../Toggle/index.es.js";import"../Avatar/index.es.js";import"react";

package/lib/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,15 @@
+export interface TooltipProps {
+    labelValue?: string;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function TooltipLabel({ children }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ labelValue, position, children, className, style, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tooltip {
+    var Label: typeof TooltipLabel;
+}
+export {};

package/lib/components/Tooltip/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../assets/Tooltip-Diruxnme.js");require("../Avatar/index.cjs.js");require("react");require("react-dom");require("../../assets/clsx-C11secjj.js");require("../../hooks/useTransition.cjs.js");

package/lib/components/Tooltip/index.d.ts

@@ -1,7 +1 @@
-import Tooltip from "./Tooltip.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Tooltip };
-//# sourceMappingURL=index.d.ts.map
+export { Tooltip } from './Tooltip';

package/lib/components/Tooltip/index.es.js

@@ -0,0 +1 @@
+import"../../assets/Tooltip-DbBhUsGz.js";import"../Avatar/index.es.js";import"react";import"react-dom";import"../../assets/clsx-B-dksMZM.js";import"../../hooks/useTransition.es.js";

package/lib/components/Tree/Tree.d.ts

@@ -0,0 +1,14 @@
+import { Option as DropOption } from '../../utils/types/DropOption';
+export interface TreeProps {
+    value?: any;
+    defaultValue?: any;
+    onChange?: (value: any) => void;
+    options: DropOption[];
+    labelKey?: string;
+    valueKey?: string;
+    getObject?: boolean;
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function Tree({ value, defaultValue, onChange, options, labelKey, valueKey, getObject, multiple, disabled, className, }: TreeProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Tree/index.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../assets/Tree-BbX0rS-d.js");require("../Avatar/index.cjs.js");require("react");require("../Badge/index.cjs.js");

package/lib/components/Tree/index.d.ts

@@ -1,7 +1 @@
-import Tree from "./Tree.vue";
-declare const _default: {
-    install(Vue: any): void;
-};
-export default _default;
-export { Tree };
-//# sourceMappingURL=index.d.ts.map
+export { Tree } from './Tree';

package/lib/components/Tree/index.es.js

@@ -0,0 +1 @@
+import"../../assets/Tree-DNsiZzdg.js";import"../Avatar/index.es.js";import"react";import"../Badge/index.es.js";