@scmlatam/web-ui 0.2.63 → 0.2.65

package/dist/src/components/form/select/Select.d.ts

@@ -1,3 +1,3 @@
 import { SelectProps } from './types/types';
-declare const CustomSelect: ({ label, value, setValue, values, placeholder, disabled, fullWidth, white, }: SelectProps) => import("react").JSX.Element;
+declare const CustomSelect: ({ label, value, setValue, values, placeholder, disabled, fullWidth, white, search, }: SelectProps) => import("react").JSX.Element;
 export { CustomSelect };

package/dist/src/components/rb.d.ts

@@ -8,6 +8,8 @@ export { FormField, FormGrid, FormShell } from '../rb-components/form';
 export type { FormFieldProps, FormFieldSpan, FormGridColumnGap, FormGridProps, FormGridRowGap, FormShellProps, FormShellSize, } from '../rb-components/form';
 export { RbList, RbListItem } from '../rb-components/list';
 export type { RbListItemProps, RbListProps, RbListSize, RbListVariant, } from '../rb-components/list';
+export { RbTransferList } from '../rb-components/transfer-list';
+export type { RbTransferListChangeDetails, RbTransferListItem, RbTransferListItemId, RbTransferListLabels, RbTransferListProps, } from '../rb-components/transfer-list';
 export { PillsTabs, PillsTabs as RbPillsTabs, TabPanel, TabPanel as RbTabPanel, } from '../rb-components/navigation';
 export type { PillsTabItem, PillsTabsProps, TabPanelItem, TabPanelProps, } from '../rb-components/navigation';
 export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, CustomIndefiniteDatePicker, CustomDateControl, Calendario, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, ConfirmDialog, RbContextMenu, Checkbox, Radio, RbStepper, cn, } from '../rb-components/ui';

package/dist/src/pages/home/rb/sections/TransferListSection.d.ts

@@ -0,0 +1 @@
+export declare function TransferListSection(): import("react").JSX.Element;

package/dist/src/rb-components/index.d.ts

@@ -8,3 +8,4 @@ export * from './navigation';
 export * from './tree-panel';
 export * from './timeline';
 export * from './images';
+export * from './transfer-list';

package/dist/src/rb-components/transfer-list/RbTransferList.d.ts

@@ -0,0 +1,2 @@
+import { RbTransferListProps } from './transferList.types';
+export declare function RbTransferList({ dataSource, value, defaultValue, onChange, titles, showSearch, showClearAll, onClearAll, title, labels, showSelectAll, disabled, panelHeight, className, }: RbTransferListProps): import("react").JSX.Element;

package/dist/src/rb-components/transfer-list/index.d.ts

@@ -0,0 +1,2 @@
+export { RbTransferList } from './RbTransferList';
+export type { RbTransferListChangeDetails, RbTransferListItem, RbTransferListItemId, RbTransferListLabels, RbTransferListProps, } from './transferList.types';

package/dist/src/rb-components/transfer-list/transferList.types.d.ts

@@ -0,0 +1,41 @@
+import { CSSProperties, ReactNode } from 'react';
+export type RbTransferListItemId = string | number;
+export interface RbTransferListItem {
+    id: RbTransferListItemId;
+    label: string;
+    disabled?: boolean;
+}
+export interface RbTransferListChangeDetails {
+    action: "add" | "remove" | "clear";
+    movedIds: RbTransferListItemId[];
+}
+export interface RbTransferListLabels {
+    availableTitle: string;
+    selectedTitle: string;
+    selectAll: string;
+    clearAll: string;
+    add: string;
+    remove: string;
+    availableEmpty: string;
+    selectedEmpty: string;
+    searchPlaceholder: string;
+    search: string;
+    noResults: string;
+    moved: (count: number, destination: string) => string;
+}
+export interface RbTransferListProps {
+    dataSource?: readonly RbTransferListItem[];
+    value?: readonly RbTransferListItemId[];
+    defaultValue?: readonly RbTransferListItemId[];
+    onChange?: (value: RbTransferListItemId[], details: RbTransferListChangeDetails) => void;
+    titles?: readonly [string, string];
+    showSearch?: boolean;
+    showClearAll?: boolean;
+    onClearAll?: () => void;
+    title?: ReactNode;
+    labels?: Partial<RbTransferListLabels>;
+    showSelectAll?: boolean;
+    disabled?: boolean;
+    panelHeight?: CSSProperties["height"];
+    className?: string;
+}

package/dist/src/rb-components/transfer-list/transferList.utils.d.ts

@@ -0,0 +1,16 @@
+import { RbTransferListChangeDetails, RbTransferListItem, RbTransferListItemId } from './transferList.types';
+export declare function filterTransferItems(items: readonly RbTransferListItem[], query: string): readonly RbTransferListItem[];
+export declare function normalizeTransferIds(items: readonly RbTransferListItem[], ids: readonly RbTransferListItemId[]): RbTransferListItemId[];
+export declare function getTransferCheckState(items: readonly RbTransferListItem[], checkedIds: readonly RbTransferListItemId[]): {
+    eligibleIds: RbTransferListItemId[];
+    checked: boolean;
+    indeterminate: boolean;
+    count: number;
+};
+export declare function applyTransfer(items: readonly RbTransferListItem[], selectedIds: readonly RbTransferListItemId[], checkedIds: readonly RbTransferListItemId[], action: RbTransferListChangeDetails["action"]): {
+    selectedIds: RbTransferListItemId[];
+    details: {
+        action: "clear" | "add" | "remove";
+        movedIds: RbTransferListItemId[];
+    };
+};

package/dist/src/rb-components/transfer-list/transferList.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/stories/rb/RbTable.stories.d.ts

@@ -27,6 +27,8 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basica: Story;
+export declare const CeldasDeshabilitadasConColumnasFijadas: Story;
+export declare const PlanificacionConDiasCerrados: Story;
 export declare const Full: Story;
 export declare const Vacia: Story;
 export declare const VaciaMediana: Story;

package/dist/src/stories/rb/RbTransferList.stories.d.ts

@@ -0,0 +1,77 @@
+import { StoryObj } from '@storybook/react-vite';
+import { RbTransferList, RbTransferListItem, RbTransferListItemId } from '../../components/rb';
+declare const meta: {
+    title: string;
+    component: typeof RbTransferList;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        dataSource?: readonly RbTransferListItem[] | undefined;
+        value?: readonly RbTransferListItemId[] | undefined;
+        defaultValue?: readonly RbTransferListItemId[] | undefined;
+        onChange?: ((value: RbTransferListItemId[], details: import('../../rb-components').RbTransferListChangeDetails) => void) | undefined;
+        titles?: readonly [string, string] | undefined;
+        showSearch?: boolean | undefined;
+        showClearAll?: boolean | undefined;
+        onClearAll?: (() => void) | undefined;
+        title?: import('react').ReactNode;
+        labels?: Partial<import('../../rb-components').RbTransferListLabels> | undefined;
+        showSelectAll?: boolean | undefined;
+        disabled?: boolean | undefined;
+        panelHeight?: import("csstype").Property.Height<string | number> | undefined;
+        className?: string | undefined;
+    }>) => import("react").JSX.Element)[];
+    args: {
+        dataSource: RbTransferListItem[];
+        title: string;
+        defaultValue: string[];
+        showSearch: true;
+    };
+    argTypes: {
+        showSelectAll: {
+            control: "boolean";
+            description: string;
+        };
+        value: {
+            description: string;
+        };
+        onChange: {
+            description: string;
+        };
+        showSearch: {
+            control: "boolean";
+            description: string;
+        };
+        showClearAll: {
+            control: "boolean";
+            description: string;
+        };
+        titles: {
+            control: "object";
+        };
+        labels: {
+            control: "object";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basico: Story;
+export declare const SinBusqueda: Story;
+export declare const SeleccionTotalYParcial: Story;
+export declare const SinSeleccionGlobal: Story;
+export declare const Teclado: Story;
+export declare const Controlado: Story;
+export declare const ControladoSinConfirmar: Story;
+export declare const Vacio: Story;
+export declare const Deshabilitado: Story;
+export declare const ElementosDeshabilitados: Story;
+export declare const DatosDinamicos: Story;
+export declare const TextosLargosYScroll: Story;
+export declare const Movil: Story;
+export declare const DosGrupos: Story;
+export declare const Busqueda: Story;
+export declare const BusquedaDestino: Story;
+export declare const SinBorrarTodo: Story;