@plenustech/design-system 0.2.0 → 0.2.1

package/dist/types/components/data-display/Table/Table.d.ts

@@ -58,12 +58,12 @@ export interface TableColumnProps {
     width?: string;
 }
 declare function TableColumn({ align, children, help, hideBelow, id, numeric, sortable, width }: TableColumnProps): import("react").JSX.Element;
-export interface TableBodyProps<T> {
+export interface TableBodyProps<T extends TableRowItem> {
     children: (item: T) => ReactNode;
     empty?: ReactNode;
     items: readonly T[];
 }
-declare function TableBody<T>({ children, empty, items }: TableBodyProps<T>): import("react").JSX.Element;
+declare function TableBody<T extends TableRowItem>({ children, empty, items }: TableBodyProps<T>): import("react").JSX.Element;
 export interface TableRowProps {
     children: ReactNode;
     disabled?: boolean;

package/dist/types/components/forms/Checkbox/Checkbox.d.ts

@@ -1,8 +1,9 @@
-import { type ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
 export interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {
     error?: string;
     hint?: string;
     indeterminate?: boolean;
-    label: string;
+    /** Sem rotulo visivel, o nome vem de `aria-label` ou `aria-labelledby`. */
+    label?: ReactNode;
 }
 export declare function Checkbox({ 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, className, error, hint, id: providedId, indeterminate, label, ref, ...props }: CheckboxProps): import("react").JSX.Element;

package/dist/types/components/forms/ComboBox/ComboBox.d.ts

@@ -6,8 +6,7 @@ export interface ComboBoxOption {
     value: string;
 }
 /** As propriedades nativas vao ao campo de texto, que e o controle; o `className` soma ao do sistema. */
-export interface ComboBoxProps extends Omit<ComponentPropsWithRef<'input'>, 'defaultValue' | 'name' | 'onChange' | 'size' | 'type' | 'value'> {
-    defaultValue?: string;
+interface ComboBoxBaseProps extends Omit<ComponentPropsWithRef<'input'>, 'defaultValue' | 'name' | 'onChange' | 'size' | 'type' | 'value'> {
     emptyMessage?: string;
     error?: string;
     hint?: string;
@@ -19,9 +18,21 @@ export interface ComboBoxProps extends Omit<ComponentPropsWithRef<'input'>, 'def
     name?: string;
     loading?: boolean;
     onSearch?: (term: string) => void;
-    onValueChange?: (value: string) => void;
     options: readonly ComboBoxOption[];
     size?: ComboBoxSize;
+}
+export interface ComboBoxSingleProps extends ComboBoxBaseProps {
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    selectionMode?: 'single';
     value?: string;
 }
-export declare function ComboBox({ 'aria-describedby': ariaDescribedBy, className, defaultValue, name, disabled, emptyMessage, error, hint, id: providedId, label, loading, onBlur, onClick, onKeyDown, onSearch, onValueChange, options, placeholder, ref, required, size, value, ...props }: ComboBoxProps): import("react").JSX.Element;
+export interface ComboBoxMultipleProps extends ComboBoxBaseProps {
+    defaultValue?: readonly string[];
+    onValueChange?: (values: readonly string[]) => void;
+    selectionMode: 'multiple';
+    value?: readonly string[];
+}
+export type ComboBoxProps = ComboBoxSingleProps | ComboBoxMultipleProps;
+export declare function ComboBox(allProps: ComboBoxProps): import("react").JSX.Element;
+export {};

package/dist/types/components/forms/ComboBox/index.d.ts

@@ -1,2 +1,2 @@
 export { ComboBox } from './ComboBox.js';
-export type { ComboBoxProps, ComboBoxOption, ComboBoxSize } from './ComboBox.js';
+export type { ComboBoxMultipleProps, ComboBoxOption, ComboBoxProps, ComboBoxSingleProps, ComboBoxSize, } from './ComboBox.js';

package/dist/types/components/icons/icons.d.ts

@@ -3,6 +3,7 @@ export declare function IconArrowDown(props: IconProps): import("react").JSX.Ele
 export declare function IconArrowUp(props: IconProps): import("react").JSX.Element;
 export declare function IconCalendar(props: IconProps): import("react").JSX.Element;
 export declare function IconChevronDown(props: IconProps): import("react").JSX.Element;
+export declare function IconChevronExpand(props: IconProps): import("react").JSX.Element;
 export declare function IconChevronLeft(props: IconProps): import("react").JSX.Element;
 export declare function IconChevronRight(props: IconProps): import("react").JSX.Element;
 export declare function IconChevronUp(props: IconProps): import("react").JSX.Element;
@@ -10,3 +11,4 @@ export declare function IconClock(props: IconProps): import("react").JSX.Element
 export declare function IconClose(props: IconProps): import("react").JSX.Element;
 export declare function IconMinusCircle(props: IconProps): import("react").JSX.Element;
 export declare function IconPlusCircle(props: IconProps): import("react").JSX.Element;
+export declare function IconQuestionCircle(props: IconProps): import("react").JSX.Element;

package/dist/types/components/icons/index.d.ts

@@ -1,2 +1,2 @@
 export type { IconProps } from './Icon.js';
-export { IconArrowDown, IconArrowUp, IconCalendar, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconMinusCircle, IconPlusCircle, } from './icons.js';
+export { IconArrowDown, IconArrowUp, IconCalendar, IconChevronDown, IconChevronExpand, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconMinusCircle, IconPlusCircle, IconQuestionCircle, } from './icons.js';

package/dist/types/components/navigation/Pagination/Pagination.d.ts

@@ -1,5 +1,7 @@
 import { type ComponentPropsWithRef } from 'react';
 export interface PaginationProps extends ComponentPropsWithRef<'nav'> {
+    /** Suspende a troca de pagina, como enquanto a pagina pedida carrega. Os botoes continuam focaveis. */
+    disabled?: boolean;
     label?: string;
     onPageChange: (page: number) => void;
     page: number;
@@ -7,7 +9,7 @@ export interface PaginationProps extends ComponentPropsWithRef<'nav'> {
     /** Quantidade de paginas mostradas de cada lado da atual. */
     siblings?: number;
 }
-export declare function Pagination({ className, label, onPageChange, page, pageCount, siblings, ...props }: PaginationProps): import("react").JSX.Element | null;
+export declare function Pagination({ className, disabled, label, onPageChange, page, pageCount, siblings, ...props }: PaginationProps): import("react").JSX.Element | null;
 /**
  * Primeira e ultima pagina sempre visiveis; null representa a reticencia. A faixa tem sempre as mesmas vagas: perto
  * da ponta a janela encosta nela em vez de encolher, e reticencia nunca esconde uma pagina so.

package/dist/types/components/overlays/Dialog/Dialog.d.ts

@@ -1,13 +1,16 @@
 import { type ComponentPropsWithRef, type ReactNode } from 'react';
 export type DialogSize = 'sm' | 'md' | 'lg';
+export type DialogRole = 'dialog' | 'alertdialog';
 /** As propriedades nativas vao ao elemento do dialogo; o `className` soma ao do sistema. */
-export interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'title'> {
+export interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'title'> {
     children?: ReactNode;
     description?: string;
     dismissable?: boolean;
     footer?: ReactNode;
     onClose: () => void;
     open: boolean;
+    /** `alertdialog` para a confirmacao que interrompe e exige resposta, como a de uma acao destrutiva. */
+    role?: DialogRole;
     size?: DialogSize;
     title: string;
 }

package/dist/types/components/overlays/Dialog/index.d.ts

@@ -1,2 +1,2 @@
 export { Dialog } from './Dialog.js';
-export type { DialogProps, DialogSize } from './Dialog.js';
+export type { DialogProps, DialogRole, DialogSize } from './Dialog.js';

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export { IconArrowDown, IconArrowUp, IconCalendar, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconMinusCircle, IconPlusCircle, } from './components/icons/index.js';
+export { IconArrowDown, IconArrowUp, IconCalendar, IconChevronDown, IconChevronExpand, IconChevronLeft, IconChevronRight, IconChevronUp, IconClock, IconClose, IconMinusCircle, IconPlusCircle, IconQuestionCircle, } from './components/icons/index.js';
 export type { IconProps } from './components/icons/index.js';
 export { Button } from './components/actions/Button/index.js';
 export type { ButtonProps, ButtonSize, ButtonVariant } from './components/actions/Button/index.js';
@@ -41,13 +41,13 @@ export type { AccordionProps, AccordionItem, AccordionIconPosition } from './com
 export { Select } from './components/forms/Select/index.js';
 export type { SelectProps, SelectOption, SelectSize } from './components/forms/Select/index.js';
 export { ComboBox } from './components/forms/ComboBox/index.js';
-export type { ComboBoxProps, ComboBoxOption, ComboBoxSize } from './components/forms/ComboBox/index.js';
+export type { ComboBoxMultipleProps, ComboBoxOption, ComboBoxProps, ComboBoxSingleProps, ComboBoxSize, } from './components/forms/ComboBox/index.js';
 export { Menu } from './components/overlays/Menu/index.js';
 export type { MenuProps, MenuItem } from './components/overlays/Menu/index.js';
 export { Tooltip } from './components/overlays/Tooltip/index.js';
 export type { TooltipProps, TooltipPlacement } from './components/overlays/Tooltip/index.js';
 export { Dialog } from './components/overlays/Dialog/index.js';
-export type { DialogProps, DialogSize } from './components/overlays/Dialog/index.js';
+export type { DialogProps, DialogRole, DialogSize } from './components/overlays/Dialog/index.js';
 export { Badge } from './components/data-display/Badge/index.js';
 export type { BadgeProps, BadgeTone } from './components/data-display/Badge/index.js';
 export { Avatar } from './components/data-display/Avatar/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plenustech/design-system",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Design System centralizado para os produtos web da Plenustech.",
   "license": "UNLICENSED",
   "publishConfig": {