@g4rcez/components 4.1.3 → 5.0.1

package/dist/components/page-calendar/page-calendar.utils.js

@@ -1,93 +0,0 @@
-import { addDays, startOfMonth, startOfWeek, getISOWeek } from "date-fns";
-export function toDateKey(d) {
-    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
-}
-export function groupEventsByDate(events) {
-    const map = new Map();
-    for (const event of events) {
-        const key = toDateKey(event.date);
-        const existing = map.get(key);
-        if (existing) {
-            existing.push(event);
-        }
-        else {
-            map.set(key, [event]);
-        }
-    }
-    return map;
-}
-export function getMonthDays(date) {
-    const monthStart = startOfMonth(date);
-    const gridStart = startOfWeek(monthStart, { weekStartsOn: 1 });
-    const days = [];
-    for (let i = 0; i < 42; i++) {
-        days.push(addDays(gridStart, i));
-    }
-    return days;
-}
-export function getWeekDays(date) {
-    const weekStart = startOfWeek(date, { weekStartsOn: 1 });
-    const days = [];
-    for (let i = 0; i < 7; i++) {
-        days.push(addDays(weekStart, i));
-    }
-    return days;
-}
-export function getHourSlots() {
-    return Array.from({ length: 24 }, (_, i) => i);
-}
-export function formatEventTime(date, locale) {
-    return new Intl.DateTimeFormat(locale, { hour: "2-digit", minute: "2-digit", hour12: false }).format(new Date(date));
-}
-export function formatDay(date, locale) {
-    return new Intl.DateTimeFormat(locale, { day: "numeric" }).format(date);
-}
-export function formatWeekDay(date, locale) {
-    return new Intl.DateTimeFormat(locale, { weekday: "short" }).format(date);
-}
-export function formatWeekdayLong(date, locale) {
-    return new Intl.DateTimeFormat(locale, { weekday: "long" }).format(date);
-}
-export function formatWeekdayShort(date, locale) {
-    return new Intl.DateTimeFormat(locale, { weekday: "short" }).format(date);
-}
-export function formatMonthYear(date, locale) {
-    return new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }).format(date);
-}
-export function formatMonthShort(date, locale) {
-    return new Intl.DateTimeFormat(locale, { month: "short" }).format(date);
-}
-export function formatHourLabel(hour, locale) {
-    return new Intl.DateTimeFormat(locale, { hour: "2-digit", minute: "2-digit", hour12: false }).format(new Date(0, 0, 0, hour));
-}
-export function formatFullDate(date, locale) {
-    return new Intl.DateTimeFormat(locale, { weekday: "long", month: "short", day: "numeric", year: "numeric" }).format(date);
-}
-export function formatTime(date, locale) {
-    return new Intl.DateTimeFormat(locale, { hour: "2-digit", minute: "2-digit", hour12: false }).format(date);
-}
-export function getWeekNumber(date) {
-    return getISOWeek(date);
-}
-export function computeEventColumns(events) {
-    const sorted = [...events].sort((a, b) => a.date.getTime() - b.date.getTime());
-    const hourGroups = new Map();
-    for (const event of sorted) {
-        const hour = event.date.getHours();
-        const group = hourGroups.get(hour);
-        if (group) {
-            group.push(event);
-        }
-        else {
-            hourGroups.set(hour, [event]);
-        }
-    }
-    const result = [];
-    for (const group of hourGroups.values()) {
-        const columnCount = group.length;
-        group.forEach((event, columnIndex) => {
-            result.push({ event, columnIndex, columnCount });
-        });
-    }
-    return result;
-}

package/dist/components/page-calendar/week-view.d.ts

@@ -1,11 +0,0 @@
-import type { CalendarEvent } from "./page-calendar.types";
-type WeekViewProps = {
-    days: Date[];
-    eventsByDate: Map<string, CalendarEvent[]>;
-    currentDate: Date;
-    onEventClick: (event: CalendarEvent) => void;
-    onSlotClick?: (date: Date) => void;
-};
-export declare function WeekView({ days, eventsByDate, onEventClick, onSlotClick }: WeekViewProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=week-view.d.ts.map

package/dist/components/page-calendar/week-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"week-view.d.ts","sourceRoot":"","sources":["../../../src/components/page-calendar/week-view.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAM3D,KAAK,aAAa,GAAG;IACjB,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC;IAC3C,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACtC,CAAC;AAQF,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,aAAa,+BA6FxF"}

package/dist/components/page-calendar/week-view.jsx

@@ -1,71 +0,0 @@
-import { isToday } from "date-fns";
-import { useEffect, useRef } from "react";
-import { useLocale } from "../../hooks/use-locale";
-import { EventPill } from "./event-pill";
-import { getHourSlots, toDateKey, formatWeekdayShort, formatDay, formatHourLabel, formatFullDate, computeEventColumns } from "./page-calendar.utils";
-const HOUR_HEIGHT = 48;
-function getTopOffset(event) {
-    const hour = event.date.getHours();
-    const minutes = event.date.getMinutes();
-    return hour * HOUR_HEIGHT + (minutes / 60) * HOUR_HEIGHT;
-}
-export function WeekView({ days, eventsByDate, onEventClick, onSlotClick }) {
-    const locale = useLocale();
-    const currentHourRef = useRef(null);
-    const scrollBodyRef = useRef(null);
-    const hours = getHourSlots();
-    useEffect(() => {
-        if (scrollBodyRef.current && currentHourRef.current) {
-            const top = currentHourRef.current.offsetTop;
-            scrollBodyRef.current.scrollTop = top - scrollBodyRef.current.clientHeight / 2;
-        }
-    }, []);
-    return (<div className="flex flex-1 flex-col overflow-hidden">
-            <div className="flex flex-shrink-0 border-b border-border">
-                <div className="w-[60px] flex-shrink-0"/>
-                {days.map((day, idx) => {
-            const isCurrentDay = isToday(day);
-            return (<div key={idx} aria-label={formatFullDate(day, locale)} className="flex-1 py-2 text-center text-xs font-medium text-muted-foreground">
-                            <span className="block">{formatWeekdayShort(day, locale)}</span>
-                            <span className={`inline-flex h-6 w-6 items-center justify-center rounded-full text-sm font-bold ${isCurrentDay ? "bg-primary text-primary-foreground" : "text-foreground"}`}>
-                                {formatDay(day, locale)}
-                            </span>
-                        </div>);
-        })}
-            </div>
-            <div ref={scrollBodyRef} className="flex flex-1 items-start overflow-y-auto">
-                <div className="w-[60px] flex-shrink-0">
-                    {hours.map((hour) => (<div key={hour} className="relative" style={{ height: HOUR_HEIGHT }}>
-                            <span className="absolute -top-2.5 right-2 text-[10px] text-muted-foreground">
-                                {hour === 0 ? "" : formatHourLabel(hour, locale)}
-                            </span>
-                            {hour === new Date().getHours() && <div ref={currentHourRef}/>}
-                        </div>))}
-                </div>
-                {days.map((day, dayIdx) => {
-            const key = toDateKey(day);
-            const events = eventsByDate.get(key) || [];
-            return (<div key={dayIdx} className="relative flex-1 border-l border-card-border">
-                            {hours.map((hour) => {
-                    const slotDate = new Date(day);
-                    slotDate.setHours(hour, 0, 0, 0);
-                    return (<div key={hour} role="button" tabIndex={0} aria-label={formatHourLabel(hour, locale)} className="cursor-pointer border-b border-border/50 hover:bg-muted/20" style={{ height: HOUR_HEIGHT }} onClick={() => onSlotClick?.(slotDate)} onKeyDown={(e) => {
-                            if (e.key === "Enter" || e.key === " ") {
-                                e.preventDefault();
-                                onSlotClick?.(slotDate);
-                            }
-                        }}/>);
-                })}
-                            {computeEventColumns(events).map(({ event, columnIndex, columnCount }) => (<div key={event.id} className="absolute" style={{
-                        top: getTopOffset(event),
-                        height: HOUR_HEIGHT,
-                        left: `calc(${(columnIndex / columnCount) * 100}% + 1px)`,
-                        width: `calc(${100 / columnCount}% - 2px)`,
-                    }} onClick={(e) => e.stopPropagation()}>
-                                    <EventPill event={event} onClick={() => onEventClick(event)}/>
-                                </div>))}
-                        </div>);
-        })}
-            </div>
-        </div>);
-}

package/dist/components/table/filter.d.ts

@@ -1,42 +0,0 @@
-import React from "react";
-import { AllPaths } from "sidekicker";
-import { Any, Label } from "../../types";
-import { OptionProps } from "../form/select";
-import { Col, ColType, TableConfiguration } from "./table-lib";
-type Operators = {
-    value: string;
-    label: string;
-    symbol: string;
-    "data-default"?: string;
-};
-type OperatorTypes = "contains" | "is" | "isNot" | "notContains" | "lessThan" | "greaterThan" | "startsWith" | "endsWith";
-type Operations = Record<OperatorTypes, Operators>;
-type OperationOptions = Partial<Record<ColType, OptionProps[]>>;
-type FilterValue = string | number | string[] | boolean;
-export type FilterConfig<T extends object = object> = {
-    id: string;
-    label: Label;
-    name: AllPaths<T>;
-    type: ColType;
-    operation: Operators;
-    value: FilterValue;
-};
-type Props<T extends object> = TableConfiguration<T, {
-    cols: Col<T>[];
-    filters: FilterConfig<T>[];
-    set: React.Dispatch<React.SetStateAction<FilterConfig<T>[]>>;
-}>;
-export declare const createFilterFromCol: <T extends Any>(f: Col<T>, options: OperationOptions, operations: Operations, rest?: Partial<FilterConfig<T>>) => FilterConfig<T>;
-export declare const useOperators: () => {
-    options: Partial<Record<ColType, OptionProps[]>>;
-    operations: Operations;
-};
-export declare const Filter: <T extends object>(props: Props<T>) => React.JSX.Element;
-type ColumnHeaderFilterProps<T extends object> = {
-    filter: FilterConfig<T>;
-    onDelete: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    set: React.Dispatch<React.SetStateAction<FilterConfig<T>[]>>;
-};
-export declare const ColumnHeaderFilter: <T extends object>({ filter, onDelete, set }: ColumnHeaderFilterProps<T>) => React.JSX.Element;
-export {};
-//# sourceMappingURL=filter.d.ts.map

package/dist/components/table/filter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/components/table/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,EAAE,WAAW,EAAU,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAY,kBAAkB,EAAiB,MAAM,aAAa,CAAC;AAExF,KAAK,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3F,KAAK,aAAa,GAAG,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1H,KAAK,UAAU,GAAG,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AAEnD,KAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;AAEhE,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAC7C,CAAC,EACD;IACI,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAChE,CACJ,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,GAAG,EAC7C,GAAG,GAAG,CAAC,CAAC,CAAC,EACT,SAAS,gBAAgB,EACzB,YAAY,UAAU,EACtB,OAAM,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAM,KACpC,YAAY,CAAC,CAAC,CAOhB,CAAC;AAEF,eAAO,MAAM,YAAY;;;CA0CxB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,sBA0GvD,CAAC;AAEF,KAAK,uBAAuB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7C,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAChE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,MAAM,EAAE,2BAA2B,uBAAuB,CAAC,CAAC,CAAC,sBAiDzG,CAAC"}

package/dist/components/table/filter.jsx

@@ -1,141 +0,0 @@
-import { FunnelIcon, PlusIcon, TrashIcon } from "@phosphor-icons/react";
-import React, { Fragment, useMemo } from "react";
-import { useTranslations } from "../../hooks/use-translations";
-import { uuid } from "../../lib/fns";
-import { Dropdown } from "../floating/dropdown";
-import { Input } from "../form/input";
-import { Select } from "../form/select";
-import { ColType, getLabel, valueFromType } from "./table-lib";
-export const createFilterFromCol = (f, options, operations, rest = {}) => {
-    const name = f.id;
-    const type = f.type ?? ColType.Text;
-    const typeOptions = options[type] ?? [];
-    const operatorId = (typeOptions.find((x) => x["data-default"])?.value ?? typeOptions[0]?.value);
-    const operation = operations[operatorId];
-    return { id: uuid(), operation, label: getLabel(f), name, type, value: "", ...rest };
-};
-export const useOperators = () => {
-    const translation = useTranslations();
-    const operations = useMemo(() => ({
-        contains: {
-            value: "contains",
-            label: translation.tableFilterTypeContains,
-            symbol: "includes",
-            "data-default": "true",
-        },
-        is: { value: "is", label: translation.tableFilterTypeIs, symbol: "is" },
-        isNot: { value: "isNot", label: translation.tableFilterTypeIsNot, symbol: "!==" },
-        notContains: {
-            value: "notContains",
-            label: translation.tableFilterTypeNotContains,
-            symbol: "notIncludes",
-        },
-        lessThan: { value: "lessThan", label: translation.tableFilterTypeLessThan, symbol: "<=" },
-        greaterThan: { value: "greaterThan", label: translation.tableFilterTypeGreaterThan, symbol: ">=" },
-        startsWith: { value: "startsWith", label: translation.tableFilterTypeStartsWith, symbol: "startsWith" },
-        endsWith: { value: "endsWith", label: translation.tableFilterTypeEndsWith, symbol: "endsWith" },
-    }), [translation]);
-    const options = useMemo(() => ({
-        [ColType.Text]: [
-            operations.is,
-            operations.isNot,
-            operations.contains,
-            operations.notContains,
-            operations.startsWith,
-            operations.endsWith,
-        ],
-        [ColType.Boolean]: [operations.is, operations.isNot],
-        [ColType.Number]: [operations.is, operations.isNot, operations.greaterThan, operations.lessThan],
-    }), [operations]);
-    return { options, operations };
-};
-export const Filter = (props) => {
-    const translation = useTranslations();
-    const operators = useOperators();
-    const onAddFilter = () => {
-        const col = props.cols.at(0);
-        props.set((prev) => [...prev, createFilterFromCol(col, operators.options, operators.operations)]);
-    };
-    const onSelectProperty = (e) => {
-        const changedId = e.target.dataset.id || "";
-        const newId = e.target.value;
-        props.set((prev) => prev.map((x) => {
-            if (changedId !== x.id)
-                return x;
-            const col = props.cols.find((x) => newId === x.id);
-            return createFilterFromCol(col, operators.options, operators.operations, { value: "" });
-        }));
-    };
-    const onSelectOperation = (e) => {
-        const id = e.target.dataset.id || "";
-        const operator = e.target.value;
-        props.set((prev) => prev.map((x) => x.id === id
-            ? {
-                ...x,
-                operation: operators.operations[operator],
-            }
-            : x));
-    };
-    const onDelete = (e) => {
-        const id = e.currentTarget.dataset.id || "";
-        props.set((prev) => prev.filter((x) => x.id !== id));
-    };
-    const onChangeValue = (e) => {
-        const id = e.target.dataset.id || "";
-        const value = valueFromType(e.target);
-        props.set((prev) => prev.map((x) => (x.id === id ? { ...x, value } : x)));
-    };
-    return (<Fragment>
-            <Dropdown arrow title={translation.tableFilterDropdownTitle} trigger={<span className="flex items-center gap-1 proportional-nums">
-                        <FunnelIcon size={14}/>
-                        {translation.tableFilterLabel} {props.filters.length === 0 ? "" : ` (${props.filters.length})`}
-                    </span>}>
-                <ul className="mt-4 space-y-2">
-                    {props.filters.map((filter) => {
-            const options = operators.options[filter.type];
-            return (<li key={`filter-select-${filter.id}`} className="flex flex-nowrap gap-3">
-                                <Select options={props.options} title={translation.tableFilterColumnTitle} placeholder={translation.tableFilterColumnPlaceholder} value={filter.name} data-id={filter.id} onChange={onSelectProperty}/>
-                                <Select data-id={filter.id} onChange={onSelectOperation} value={filter.operation.value} options={options} title={translation.tableFilterOperatorTitle} placeholder={translation.tableFilterOperatorPlaceholder}/>
-                                <Input optionalText="" data-id={filter.id} onChange={onChangeValue} value={filter.value} type={filter.type} title={translation.tableFilterValueTitle} placeholder={translation.tableFilterValuePlaceholder}/>
-                                <div className="mt-5 flex items-center justify-center">
-                                    <button data-id={filter.id} type="button" onClick={onDelete}>
-                                        <TrashIcon className="text-danger" size={16}/>
-                                    </button>
-                                </div>
-                            </li>);
-        })}
-                    <li>
-                        <button type="button" onClick={onAddFilter} className="flex items-center gap-1 text-primary">
-                            <PlusIcon size={14}/> {translation.tableFilterNewFilter}
-                        </button>
-                    </li>
-                </ul>
-            </Dropdown>
-        </Fragment>);
-};
-export const ColumnHeaderFilter = ({ filter, onDelete, set }) => {
-    const translation = useTranslations();
-    const operators = useOperators();
-    const onSelectOperation = (e) => {
-        const operator = e.target.value;
-        const id = e.target.dataset.id || "";
-        set((prev) => prev.map((x) => x.id === id
-            ? {
-                ...x,
-                operation: operators.operations[operator],
-            }
-            : x));
-    };
-    const onChangeValue = (e) => {
-        const id = e.target.dataset.id || "";
-        const value = valueFromType(e.target);
-        set((prev) => prev.map((x) => (x.id === id ? { ...x, value } : x)));
-    };
-    return (<div className="flex flex-nowrap items-center gap-4 py-2">
-            <Select data-id={filter.id} onChange={onSelectOperation} value={filter.operation.value} options={operators.options[filter.type]} title={translation.tableFilterColumnTitle} placeholder={translation.tableFilterColumnPlaceholder}/>
-            <Input optionalText=" " data-id={filter.id} onChange={onChangeValue} value={filter.value} type={filter.type} title={translation.tableFilterValueTitle} placeholder={translation.tableFilterValueTitle}/>
-            <button onClick={onDelete} data-id={filter.id} type="button" className="mt-4">
-                <TrashIcon className="text-danger" size={14}/>
-            </button>
-        </div>);
-};

package/dist/components/table/group.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { Col, TableConfiguration } from "./table-lib";
-export type GroupItem<T extends object> = Col<T> & {
-    rows: T[];
-    index: number;
-    groupId: string;
-    groupName: string;
-    groupKey: keyof T;
-};
-type Props<T extends object> = TableConfiguration<T, {
-    rows: T[];
-    groups: GroupItem<T>[];
-    setGroups: React.Dispatch<React.SetStateAction<GroupItem<T>[]>>;
-}>;
-export declare const Group: <T extends object>(props: Props<T>) => React.JSX.Element;
-export {};
-//# sourceMappingURL=group.d.ts.map

package/dist/components/table/group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/table/group.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,GAAG,EAAoB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG;IAC/C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAC7C,CAAC,EACD;IACI,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnE,CACJ,CAAC;AAqBF,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,sBA4EtD,CAAC"}

package/dist/components/table/group.jsx

@@ -1,68 +0,0 @@
-"use client";
-import { LayoutGroup, Reorder, useDragControls, useMotionValue } from "motion/react";
-import Linq from "linq-arrays";
-import { DotsSixVerticalIcon, TrashIcon, StackMinusIcon } from "@phosphor-icons/react";
-import React, { Fragment, useState } from "react";
-import { keys } from "sidekicker";
-import { useTranslations } from "../../hooks/use-translations";
-import { uuid } from "../../lib/fns";
-import { Button } from "../core/button";
-import { Dropdown } from "../floating/dropdown";
-import { Select } from "../form/select";
-import { createOptionCols } from "./table-lib";
-const Item = ({ item, onPointerDown }) => {
-    const y = useMotionValue(0);
-    return (<Reorder.Item onPointerDown={onPointerDown} id={item.groupId} className="flex flex-row items-center gap-2" key={item.groupId} value={item} style={{ y }}>
-            <button type="button" className="cursor-grab">
-                <DotsSixVerticalIcon size={14}/>
-            </button>
-            <span>{item.groupName}</span>
-        </Reorder.Item>);
-};
-export const Group = (props) => {
-    const translations = useTranslations();
-    const options = createOptionCols(props.cols);
-    const controls = useDragControls();
-    const [group, setGroup] = useState(props.groups[0]?.thead || "");
-    const onChange = (e) => {
-        const select = e.target;
-        const key = select.value;
-        const index = select.options.selectedIndex;
-        const label = select.options.item(index)?.label || "";
-        setGroup(label);
-        const groupBy = new Linq(props.rows).GroupBy(key);
-        const col = props.cols.find((x) => x.id === key);
-        props.setGroups(keys(groupBy).map((groupName, index) => {
-            const rows = groupBy[groupName];
-            return { ...col, groupId: uuid(), groupKey: key, index, rows, groupName: groupName };
-        }));
-    };
-    const onDelete = () => props.setGroups([]);
-    return (<Fragment>
-            <Dropdown arrow={false} title={translations.tableGroupLabel} trigger={<span className="flex items-center gap-1 proportional-nums">
-                        <StackMinusIcon size={14}/>
-                        {translations.tableGroupLabelWithCount}
-                        {props.groups.length > 0 ? ` - ${group}(${props.groups.length})` : ""}
-                    </span>}>
-                <div className="flex flex-nowrap items-center">
-                    <Select value={group} title="Tipo de agrupamento" onChange={onChange} options={options} placeholder="Agrupar por..."/>
-                    <Button className="mt-4" onClick={onDelete} theme="raw" data-id={group}>
-                        <TrashIcon size={16} className="text-danger"/>
-                    </Button>
-                </div>
-                {props.groups.length > 0 ? (<section className="my-4">
-                        <header>
-                            <h2 className="text-xl font-medium">Order groups</h2>
-                        </header>
-                        <LayoutGroup>
-                            <Reorder.Group axis="y" className="relative space-y-2" drag dragControls={controls} dragListener={false} layoutScroll onReorder={props.setGroups} values={props.groups}>
-                                {props.groups.map((item) => (<Item key={item.groupId} item={item} onPointerDown={(e) => {
-                    controls.start(e);
-                    props.setGroups([...props.groups]);
-                }}/>))}
-                            </Reorder.Group>
-                        </LayoutGroup>
-                    </section>) : null}
-            </Dropdown>
-        </Fragment>);
-};

package/dist/components/table/index.d.ts

@@ -1,19 +0,0 @@
-import { ComponentProps } from "react";
-import { InnerTableProps } from "./inner-table";
-import { TableOperationProps } from "./table-lib";
-export type TableProps<T extends Record<string, unknown>> = Pick<InnerTableProps<T>, "cols" | "rows" | "loadingMore" | "border" | "Aside"> & {
-    name: string;
-} & Partial<TableOperationProps<T> & {
-    loading: boolean;
-    reference: keyof T;
-    operations: boolean;
-    useControl: boolean;
-    inlineFilter: boolean;
-    inlineSorter: boolean;
-    sticky: number | null;
-    onScrollEnd: () => void;
-    getScrollRef?: () => HTMLElement | undefined;
-    getRowProps: (row: T) => ComponentProps<"tr">;
-}>;
-export declare const Table: <T extends Record<string, unknown>>(props: TableProps<T>) => import("react").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAK3D,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,OAAO,EAAuC,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG;IACzI,IAAI,EAAE,MAAM,CAAC;CAChB,GAAG,OAAO,CACH,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,SAAS,CAAC;IAC7C,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC;CACjD,CACJ,CAAC;AASN,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,gCAwH5E,CAAC"}

package/dist/components/table/index.jsx

@@ -1,60 +0,0 @@
-"use client";
-import { AnimatePresence } from "motion/react";
-import { useEffect, useMemo } from "react";
-import { useReducer } from "use-typed-reducer";
-import { useTweaks } from "../../hooks/use-tweaks";
-import { InnerTable } from "./inner-table";
-import { Metadata } from "./metadata";
-import { createOptionCols } from "./table-lib";
-import { TableProvider } from "./table.context";
-const dispatcherFun = (prev, setter) => typeof setter === "function" ? setter(prev) : setter;
-const compareAndExec = (prev, state, exec) => (prev === state ? undefined : exec?.(state));
-export const Table = (props) => {
-    const tweaks = useTweaks();
-    const contextState = useMemo(() => ({
-        sticky: props.sticky === undefined ? (tweaks.table.sticky ?? undefined) : (props.sticky ?? undefined),
-    }), [props.sticky, tweaks.table.sticky]);
-    const operations = props.operations ?? tweaks.table.operations ?? true;
-    const optionCols = useMemo(() => createOptionCols(props.cols), [props.cols]);
-    const [state, dispatch] = useReducer({
-        cols: props.cols,
-        sorters: (props.sorters ?? []),
-        groups: (props.groups ?? []),
-        filters: (props.filters ?? []),
-    }, (get) => {
-        const create = (key) => (arg) => {
-            const state = get.state();
-            return { ...state, [key]: dispatcherFun(state[key], arg) };
-        };
-        return {
-            cols: create("cols"),
-            sorters: create("sorters"),
-            groups: create("groups"),
-            filters: create("filters"),
-        };
-    }, {
-        postMiddleware: [
-            (state, prev) => {
-                props.set?.(state);
-                compareAndExec(prev?.filters ?? [], state.filters ?? [], props.setFilters);
-                compareAndExec(prev?.sorters ?? [], state.sorters ?? [], props.setSorters);
-                compareAndExec(prev?.groups ?? [], state.groups ?? [], props.setGroups);
-                compareAndExec(prev?.cols ?? [], state.cols ?? [], props.setCols);
-                return state;
-            },
-        ],
-    });
-    useEffect(() => {
-        dispatch.cols(props.cols);
-    }, [props.cols]);
-    return (<TableProvider value={contextState}>
-            <AnimatePresence propagate initial={false}>
-                {operations ? (<Metadata cols={state.cols} rows={props.rows} options={optionCols} groups={state.groups} filters={state.filters} setCols={dispatch.cols} sorters={state.sorters} setGroups={dispatch.groups} setFilters={dispatch.filters} setSorters={dispatch.sorters} pagination={props.pagination ?? null} inlineFilter={props.inlineFilter ?? true} inlineSorter={props.inlineSorter ?? true}/>) : null}
-                {state.groups.length === 0 ? (<InnerTable {...props} index={0} cols={state.cols} options={optionCols} groups={state.groups} filters={state.filters} optionCols={optionCols} setCols={dispatch.cols} sorters={state.sorters} setGroups={dispatch.groups} setFilters={dispatch.filters} setSorters={dispatch.sorters} onScrollEnd={props.onScrollEnd} pagination={props.pagination ?? null} inlineFilter={props.inlineFilter ?? true} inlineSorter={props.inlineSorter ?? true}/>) : (<div className="flex flex-wrap gap-4">
-                        {state.groups.map((group, index) => (<div className="min-w-full" key={`group-${group.groupId}`}>
-                                <InnerTable {...props} group={group} index={index} cols={state.cols} pagination={null} rows={group.rows} options={optionCols} groups={state.groups} filters={state.filters} optionCols={optionCols} setCols={dispatch.cols} sorters={state.sorters} setGroups={dispatch.groups} setFilters={dispatch.filters} setSorters={dispatch.sorters} onScrollEnd={props.onScrollEnd} inlineFilter={props.inlineFilter ?? true} inlineSorter={props.inlineSorter ?? true}/>
-                            </div>))}
-                    </div>)}
-            </AnimatePresence>
-        </TableProvider>);
-};

package/dist/components/table/inner-table.d.ts

@@ -1,29 +0,0 @@
-import React, { ComponentProps, HTMLAttributes } from "react";
-import { OptionProps } from "../form/select";
-import { FilterConfig } from "./filter";
-import { GroupItem } from "./group";
-import { Sorter } from "./sort";
-import { CellAsideElement, Col, TableOperationProps } from "./table-lib";
-import { Any } from "../../types";
-export type InnerTableProps<T extends Any> = HTMLAttributes<HTMLTableElement> & TableOperationProps<T> & {
-    rows: T[];
-    index: number;
-    cols: Col<T>[];
-    border?: boolean;
-    loading?: boolean;
-    group?: GroupItem<T>;
-    useControl?: boolean;
-    loadingMore?: boolean;
-    sorters?: Sorter<T>[];
-    showMetadata?: boolean;
-    groups?: GroupItem<T>[];
-    onScrollEnd?: () => void;
-    optionCols: OptionProps[];
-    filters?: FilterConfig<T>[];
-    Aside?: React.FC<CellAsideElement<T>>;
-    getScrollRef?: () => HTMLElement | undefined;
-    getRowProps?: (_: T) => ComponentProps<"tr">;
-    setGroups: React.Dispatch<React.SetStateAction<GroupItem<T>[]>>;
-};
-export declare const InnerTable: <T extends Record<string, unknown>>({ cols, filters, setCols, sorters, setFilters, setSorters, onScrollEnd, getScrollRef, pagination, useControl, ...props }: InnerTableProps<T>) => React.JSX.Element;
-//# sourceMappingURL=inner-table.d.ts.map

package/dist/components/table/inner-table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inner-table.d.ts","sourceRoot":"","sources":["../../../src/components/table/inner-table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA2B,cAAc,EAAwC,MAAM,OAAO,CAAC;AAM7H,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,OAAO,EAAa,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,GAAG,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGzE,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAYlC,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,GAAG,IAAI,cAAc,CAAC,gBAAgB,CAAC,GACzE,mBAAmB,CAAC,CAAC,CAAC,GAAG;IACrB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,SAAS,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC;IAC7C,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACnE,CAAC;AAmFN,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,0HAY3D,eAAe,CAAC,CAAC,CAAC,sBA0EpB,CAAC"}