@g4rcez/components 5.0.1 → 5.0.3

package/dist/components/table/thead.jsx

@@ -0,0 +1,103 @@
+"use client";
+import { AnimatePresence, motion, Reorder } from "motion/react";
+import { Order } from "linq-arrays";
+import { PlusIcon, MagnifyingGlassIcon, MagnifyingGlassMinusIcon } from "@phosphor-icons/react";
+import React, { Fragment, useCallback, useRef } from "react";
+import { useTranslations } from "../../hooks/use-translations";
+import { useTweaks } from "../../hooks/use-tweaks";
+import { Dropdown } from "../floating/dropdown";
+import { ColumnHeaderFilter, createFilterFromCol, useOperators } from "./filter";
+import { SorterHead } from "./sort";
+import { getLabel, useWidthControl } from "./table-lib";
+const dragConstraints = { top: 0, left: 0, right: 0, bottom: -1 };
+const HeaderChild = (props) => {
+    const tweaks = useTweaks();
+    const translation = useTranslations();
+    const ownFilters = props.filters.filter((x) => x.name === props.header.id);
+    const hasFilters = ownFilters.length > 0;
+    const defaultAllowSort = props.header.allowSort ?? tweaks.table.sorters ?? true;
+    const defaultAllowFilter = props.header.allowFilter ?? tweaks.table.filters ?? true;
+    const operators = useOperators();
+    const FilterIcon = hasFilters ? MagnifyingGlassIcon : MagnifyingGlassMinusIcon;
+    const th = useRef(null);
+    const onDelete = (e) => {
+        const id = e.currentTarget.dataset.id || "";
+        return props.setFilters((prev) => prev.filter((x) => x.id !== id));
+    };
+    const dragRef = useCallback((dom) => {
+        if (dom === null)
+            return;
+        th.current = dom;
+        const controller = new AbortController();
+        dom.addEventListener("pointerdown", (e) => {
+            const target = e.target;
+            if (target.dataset.type === "resizer") {
+                e.stopPropagation();
+                return e.stopImmediatePropagation();
+            }
+        }, { signal: controller.signal });
+        return () => controller.abort();
+    }, []);
+    const ownSorter = props.sorters.find((x) => props.header.id === x.value);
+    const ariaSort = !ownSorter?.type ? "none" : ownSorter.type === Order.Asc ? "ascending" : "descending";
+    const label = getLabel(props.header);
+    return (<Reorder.Item {...props.header.thProps} as="th" ref={dragRef} initial={false} dragSnapToOrigin dragDirectionLock role="columnheader" aria-sort={ariaSort} value={props.header} aria-busy={props.loading} data-tableheader={props.header.id} whileDrag={{ cursor: "grabbing" }} className={`typography relative min-w-0 cursor-grab overflow-clip border-r-table-cell-border border-table-border bg-table-header font-medium first:rounded-tl-table-radius last:rounded-tr-table-radius last:border-r-transparent md:h-14 ${props.header.thProps?.className ?? ""}`}>
+            <span className={`flex h-full items-center justify-between bg-table-header p-table-cell-padding ${props.isLast ? "rounded-tr-table-radius" : ""} ${props.index === 0 ? "rounded-tl-table-radius" : ""}`}>
+                <span className="flex items-center gap-table-inline-gap-tight">
+                    {props.inlineFilter && defaultAllowFilter ? (<Dropdown arrow trigger={<span>
+                                    <span id={`${props.header.id}-filter-dropdown-button`} className="sr-only">
+                                        {translation.tableFilterDropdownTitleUnique} {label}
+                                    </span>
+                                    <FilterIcon aria-labelledby={`${props.header.id}-filter-dropdown-button`} size={14}/>
+                                </span>} title={<span className="text-typography-lg">
+                                    {translation.tableFilterDropdownTitleUnique} <span className="font-medium">{label}</span>
+                                </span>}>
+                            <ul className="font-medium">
+                                {ownFilters.length === 0 ? null : (<Fragment>
+                                        {ownFilters.map((filter) => (<li key={`thead-filter-${filter.id}`} className="my-1">
+                                                <ColumnHeaderFilter onDelete={onDelete} filter={filter} set={props.setFilters}/>
+                                            </li>))}
+                                    </Fragment>)}
+                                <li>
+                                    <button type="button" className="flex items-center gap-table-inline-gap-tight text-primary" onClick={() => props.setFilters((prev) => prev.concat(createFilterFromCol(props.header, operators.options, operators.operations)))}>
+                                        <PlusIcon size={14}/> {translation.tableFilterNewFilter}
+                                    </button>
+                                </li>
+                            </ul>
+                        </Dropdown>) : null}
+                    <span className="text-typography-base pointer-events-auto text-balance">{props.header.thead}</span>
+                    {props.inlineSorter && defaultAllowSort ? (<SorterHead col={props.header} setSorters={props.setSorters} sorters={props.sorters}/>) : null}
+                </span>
+            </span>
+            {props.isLast ? null : (<motion.button drag="x" draggable dragListener dragMomentum type="button" animate={false} dragElastic={0} dragPropagation initial={false} dragSnapToOrigin dragDirectionLock data-type="resizer" title={props.header.id} dragConstraints={dragConstraints} className="absolute -right-[0.5px] top-0 z-calendar block h-full w-table-divider-w cursor-col-resize bg-transparent hover:w-1.5 hover:bg-primary active:w-1.5 active:bg-primary" onClick={(e) => void e.currentTarget.focus()} onKeyDown={(e) => {
+                if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+                    if (th.current === null)
+                        return;
+                    th.current.setAttribute("data-resized", "true");
+                    const v = th.current.getBoundingClientRect().width;
+                    const move = e.shiftKey ? 50 : 10;
+                    const delta = move * (e.key === "ArrowLeft" ? -1 : 1);
+                    th.current.style.width = `${Math.abs(v + delta)}px`;
+                }
+            }} onDoubleClick={() => {
+                if (th.current === null)
+                    return;
+                th.current.style.width = "auto";
+            }} onDrag={(_, info) => {
+                if (th.current === null)
+                    return;
+                th.current.setAttribute("data-resized", "true");
+                const v = th.current.getBoundingClientRect().width;
+                const delta = info.delta.x;
+                th.current.style.width = `${Math.abs(v + delta)}px`;
+            }}/>)}
+        </Reorder.Item>);
+};
+export const TableHeader = (props) => {
+    const [ref, onChange] = useWidthControl(props.setCols);
+    return (<Reorder.Group layout as="tr" axis="x" drag="x" ref={ref} layoutRoot role="row" layoutScroll onReorder={onChange} values={props.headers}>
+            <AnimatePresence>
+                {props.headers.map((header, index) => (<HeaderChild index={index} header={header} filters={props.filters} loading={props.loading} sorters={props.sorters} setFilters={props.setFilters} setSorters={props.setSorters} inlineFilter={props.inlineFilter} inlineSorter={props.inlineSorter} isLast={index === props.headers.length - 1} key={`header-child-item-${header.id}`}/>))}
+            </AnimatePresence>
+        </Reorder.Group>);
+};

package/dist/config/context.d.ts

@@ -0,0 +1,21 @@
+import type { IconProps } from "@phosphor-icons/react";
+import type { Locales } from "the-mask-input";
+import { parsers } from "../styles/design-tokens";
+import { type Translations } from "./default-translations";
+import { type Tweaks } from "./default-tweaks";
+export type ContextProps = Partial<{
+    tweaks: Partial<Tweaks>;
+    map: Partial<Translations>;
+    locale: Locales | undefined;
+    parser: typeof parsers.hsla;
+    rootFloating?: HTMLElement | null;
+    iconWeight: IconProps["weight"];
+}>;
+export declare const Context: import("react").Context<Partial<{
+    tweaks: Tweaks;
+    map: Translations;
+    locale: Locales | undefined;
+    parser: typeof parsers.hsla;
+    floatingRef?: HTMLElement | null;
+}>>;
+//# sourceMappingURL=context.d.ts.map

package/dist/config/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/config/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACxB,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC3B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,OAAO,CAAC,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;GAMlB,CAAC"}

package/dist/config/context.js

@@ -0,0 +1,12 @@
+"use client";
+import { createContext } from "react";
+import { parsers } from "../styles/design-tokens";
+import { defaultTranslations } from "./default-translations";
+import { defaultTweaks } from "./default-tweaks";
+export const Context = createContext({
+    parser: parsers.hsla,
+    tweaks: defaultTweaks,
+    floatingRef: undefined,
+    map: defaultTranslations,
+    locale: undefined,
+});

package/dist/config/default-translations.d.ts

@@ -0,0 +1,112 @@
+import React from "react";
+export declare const defaultTranslations: {
+    autocompleteEmpty: string;
+    calendarBackMonth: string;
+    calendarFromDate: string;
+    calendarMonthLabel: string;
+    calendarNextMonth: string;
+    calendarDatetimeTitle: string;
+    calendarToDate: string;
+    calendarToday: string;
+    pageCalendarMonthView: string;
+    pageCalendarWeekView: string;
+    pageCalendarDayView: string;
+    pageCalendarPrevious: string;
+    pageCalendarNext: string;
+    pageCalendarToday: string;
+    pageCalendarAddEvent: string;
+    pageCalendarWeekLabel: (n: number) => string;
+    pageCalendarFilter: string;
+    pageCalendarMoreEvents: (n: number) => string;
+    pageCalendarLabel: string;
+    pageCalendarNavigation: string;
+    pageCalendarMonthGrid: string;
+    pageCalendarFilterEnabled: string;
+    pageCalendarFilterDisabled: string;
+    pageCalendarEventCount: (n: number) => string;
+    pageCalendarEventAt: (title: string, time: string) => string;
+    commandPaletteEmpty: string;
+    commandPaletteLoading: string;
+    commandPaletteResults: string;
+    commandPaletteSearchLabel: string;
+    commandPaletteSearchPlaceholder: string;
+    commandPaletteTitle: string;
+    datePickerCalendarButtonLabel: string;
+    emptyDataMessage: string;
+    inputCaretDown: string;
+    inputCloseValue: string;
+    inputOptionalLabel: string;
+    wizardNext: string;
+    wizardPrev: string;
+    wizardFinish: string;
+    wizardSkip: string;
+    multiSelectInnerPlaceholder: string;
+    multiSelectSelectedLabel: string;
+    tableColumnResizer: string;
+    tableFilterColumnPlaceholder: string;
+    tableFilterColumnTitle: string;
+    tableFilterDropdownTitle: string;
+    tableFilterDropdownTitleUnique: string;
+    tableFilterLabel: string;
+    tableFilterNewFilter: string;
+    tableFilterOperatorPlaceholder: string;
+    tableFilterOperatorTitle: string;
+    tableFilterTypeContains: string;
+    tableFilterTypeEndsWith: string;
+    tableFilterTypeGreaterThan: string;
+    tableFilterTypeIs: string;
+    tableFilterTypeIsNot: string;
+    tableFilterTypeLessThan: string;
+    tableFilterTypeNotContains: string;
+    tableFilterTypeStartsWith: string;
+    tableFilterValuePlaceholder: string;
+    tableFilterValueTitle: string;
+    tableFilterDeleteLabel: (label: string) => string;
+    tableGroupLabel: string;
+    tableGroupLabelWithCount: string;
+    tableGroupOrderTitle: string;
+    tableGroupPlaceholder: string;
+    tableGroupTypeTitle: string;
+    tablePaginationFooter: (pagination: {
+        pages: number;
+        totalItems: number;
+        sizes?: number[];
+        current: number;
+        select: React.ReactNode;
+    }) => React.JSX.Element;
+    tablePaginationNext: string;
+    tablePaginationPrevious: string;
+    tablePaginationSelectLabel: string;
+    tableSortAddButton: string;
+    tableSortAsc: string;
+    tableSortDesc: string;
+    tableSortDropdownTitle: string;
+    tableSortOrderByLabel: string;
+    tableSortOrderInputPlaceholder: string;
+    tableSortOrderInputTitle: string;
+    tableSortTypeInputPlaceholder: string;
+    tableSortTypeInputTitle: string;
+    uploadIdle: string;
+    uploadIdleButton: string;
+    uploadDragging: (props: {
+        n: number;
+    }) => string;
+    uploadDialogTitle: string;
+    fileUploadRemoveFile: (name: string) => string;
+    fileUploadUploadButtonLabel: (label: string) => string;
+    fileUploadViewFile: (name: string) => string;
+    dialogResizeLabel: string;
+    dialogResizeInstructions: string;
+    modalConfirmCancel: string;
+    modalConfirmConfirm: string;
+    modalConfirmTitle: string;
+    datepickerPlaceholder: (_: string) => string;
+    spinnerLoading: string;
+    skeletonLoading: string;
+    closeButton: string;
+    fileUploadZoneLabel: string;
+    listCloseDetails: string;
+    listOpenDetails: (title: string) => string;
+};
+export type Translations = typeof defaultTranslations;
+//# sourceMappingURL=default-translations.d.ts.map

package/dist/config/default-translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-translations.d.ts","sourceRoot":"","sources":["../../src/config/default-translations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;+BAgBD,MAAM;;gCAEL,MAAM;;;;;;gCAMN,MAAM;iCACL,MAAM,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAqCjB,MAAM;;;;;;wCAMF;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;;;;;;;;;;;;;;4BAqB7G;QAAE,CAAC,EAAE,MAAM,CAAA;KAAE;;iCAER,MAAM;yCACE,MAAM;+BAChB,MAAM;;;;;;+BAON,MAAM;;;;;;6BAMR,MAAM;CAClC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,OAAO,mBAAmB,CAAC"}

package/dist/config/default-translations.jsx

@@ -0,0 +1,105 @@
+import React, { Fragment } from "react";
+export const defaultTranslations = {
+    autocompleteEmpty: "Nothing here...",
+    calendarBackMonth: "Back month",
+    calendarFromDate: "From",
+    calendarMonthLabel: "Month",
+    calendarNextMonth: "Next month",
+    calendarDatetimeTitle: "Time",
+    calendarToDate: "To",
+    calendarToday: "Today",
+    pageCalendarMonthView: "Month view",
+    pageCalendarWeekView: "Week view",
+    pageCalendarDayView: "Day view",
+    pageCalendarPrevious: "Previous",
+    pageCalendarNext: "Next",
+    pageCalendarToday: "Today",
+    pageCalendarAddEvent: "Add event",
+    pageCalendarWeekLabel: (n) => `Week ${n}`,
+    pageCalendarFilter: "Filter:",
+    pageCalendarMoreEvents: (n) => `+${n} more...`,
+    pageCalendarLabel: "Calendar",
+    pageCalendarNavigation: "Calendar navigation",
+    pageCalendarMonthGrid: "Calendar month",
+    pageCalendarFilterEnabled: "enabled",
+    pageCalendarFilterDisabled: "disabled",
+    pageCalendarEventCount: (n) => (n === 1 ? "1 event" : `${n} events`),
+    pageCalendarEventAt: (title, time) => `${title} at ${time}`,
+    commandPaletteEmpty: "Nothing here...",
+    commandPaletteLoading: "Loading...",
+    commandPaletteResults: "Results",
+    commandPaletteSearchLabel: "Command palette search",
+    commandPaletteSearchPlaceholder: "Search for...",
+    commandPaletteTitle: "Command palette",
+    datePickerCalendarButtonLabel: "Click to open a date picker",
+    emptyDataMessage: "No data",
+    inputCaretDown: "Click to see all options",
+    inputCloseValue: "Click to clear the value",
+    inputOptionalLabel: "Optional",
+    wizardNext: "Next",
+    wizardPrev: "Previous",
+    wizardFinish: "Finish",
+    wizardSkip: "Skip",
+    multiSelectInnerPlaceholder: "Search...",
+    multiSelectSelectedLabel: "Selected",
+    tableColumnResizer: "Resize column",
+    tableFilterColumnPlaceholder: "Filter by",
+    tableFilterColumnTitle: "Filter by",
+    tableFilterDropdownTitle: "Filters",
+    tableFilterDropdownTitleUnique: "Filter by",
+    tableFilterLabel: "Filters",
+    tableFilterNewFilter: "New filter",
+    tableFilterOperatorPlaceholder: "Equals to...",
+    tableFilterOperatorTitle: "Operation",
+    tableFilterTypeContains: "Contains",
+    tableFilterTypeEndsWith: "Ends with",
+    tableFilterTypeGreaterThan: "Greater than",
+    tableFilterTypeIs: "Is",
+    tableFilterTypeIsNot: "Is not",
+    tableFilterTypeLessThan: "Less than",
+    tableFilterTypeNotContains: "Not contains",
+    tableFilterTypeStartsWith: "Starts with",
+    tableFilterValuePlaceholder: "Something...",
+    tableFilterValueTitle: "Value",
+    tableFilterDeleteLabel: (label) => `Delete filter ${label}`,
+    tableGroupLabel: "Group",
+    tableGroupLabelWithCount: "Group",
+    tableGroupOrderTitle: "Order groups",
+    tableGroupPlaceholder: "Group by...",
+    tableGroupTypeTitle: "Group type",
+    tablePaginationFooter: (pagination) => (<Fragment>
+            {pagination.current} to {pagination.pages} of {pagination.totalItems} items.{Array.isArray(pagination.sizes) ? pagination.select : null}{" "}
+            per page.
+        </Fragment>),
+    tablePaginationNext: "Next",
+    tablePaginationPrevious: "Previous",
+    tablePaginationSelectLabel: "Select the size of page",
+    tableSortAddButton: "Add sort",
+    tableSortAsc: "Ascending",
+    tableSortDesc: "Descending",
+    tableSortDropdownTitle: "Order by",
+    tableSortOrderByLabel: "Order by",
+    tableSortOrderInputPlaceholder: "Order by",
+    tableSortOrderInputTitle: "Order by",
+    tableSortTypeInputPlaceholder: "Ascending",
+    tableSortTypeInputTitle: "Sort type",
+    uploadIdle: "You can drag your files here",
+    uploadIdleButton: "Choose your files",
+    uploadDragging: (props) => `Dragging ${props.n} ${props.n > 0 ? "files" : "file"}`,
+    uploadDialogTitle: "Details of your file",
+    fileUploadRemoveFile: (name) => `Remove ${name}`,
+    fileUploadUploadButtonLabel: (label) => `Upload ${label}`,
+    fileUploadViewFile: (name) => `View ${name}`,
+    dialogResizeLabel: "Resize modal",
+    dialogResizeInstructions: "Use arrow keys to resize the modal",
+    modalConfirmCancel: "Cancel",
+    modalConfirmConfirm: "Confirm",
+    modalConfirmTitle: "Confirmation",
+    datepickerPlaceholder: (_) => "day/month/year",
+    spinnerLoading: "Loading",
+    skeletonLoading: "Loading content",
+    closeButton: "Close",
+    fileUploadZoneLabel: "File upload area. Drag files here or press Enter to browse.",
+    listCloseDetails: "Close details",
+    listOpenDetails: (title) => `Open details for ${title}`,
+};

package/dist/config/default-tweaks.d.ts

@@ -0,0 +1,13 @@
+export type Tweaks = {
+    table: {
+        sorters: boolean;
+        filters: boolean;
+        operations: boolean;
+        sticky: number | undefined;
+    };
+    input: {
+        iconFeedback: boolean;
+    };
+};
+export declare const defaultTweaks: Tweaks;
+//# sourceMappingURL=default-tweaks.d.ts.map

package/dist/config/default-tweaks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-tweaks.d.ts","sourceRoot":"","sources":["../../src/config/default-tweaks.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACjB,KAAK,EAAE;QACH,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,EAAE,OAAO,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;QACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,KAAK,EAAE;QACH,YAAY,EAAE,OAAO,CAAC;KACzB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAG3B,CAAC"}

package/dist/config/default-tweaks.js

@@ -0,0 +1,4 @@
+export const defaultTweaks = {
+    input: { iconFeedback: true },
+    table: { operations: true, sorters: true, filters: true, sticky: undefined },
+};

package/dist/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const FLOATING_DELAY = 200;
+export declare const TYPEAHEAD_RESET_DELAY = 500;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,qBAAqB,MAAM,CAAC"}

package/dist/constants.js

@@ -0,0 +1,2 @@
+export const FLOATING_DELAY = 200;
+export const TYPEAHEAD_RESET_DELAY = 500;

package/dist/{use-translations-DTLfPE3_.js → context-CsnUsfeP.js}

@@ -1,7 +1,7 @@
-import { Fragment as e, createContext as t, useContext as n } from "react";
-import { jsxs as r } from "react/jsx-runtime";
+import { Fragment as e, createContext as t } from "react";
+import { jsxs as n } from "react/jsx-runtime";
 //#region src/styles/design-tokens.ts
-var i = {
+var r = {
 	hex: (e) => e,
 	raw: (e) => e,
 	hsl: (e) => `hsl(${e})`,
@@ -11,57 +11,57 @@ var i = {
 	rgba: (e) => `rgba(${e})`,
 	cssVariable: (e, t, n) => `var(--${n})`,
 	formatWithVar: (e) => (t, n, r) => `${e}(var(--${r}), <alpha-value>)`
-}, a = (e, t, n = "", r = "") => Object.entries(e).reduce((e, [i, o]) => {
-	let s = r === "" ? `${n}${i}` : `${r}-${i}`;
+}, i = (e, t, n = "", r = "") => Object.entries(e).reduce((e, [a, o]) => {
+	let s = r === "" ? `${n}${a}` : `${r}-${a}`;
 	if (typeof o == "string") {
-		let a = r === "" ? `${n}${i}` : i;
-		return e.concat(t(o, a, s));
+		let i = r === "" ? `${n}${a}` : a;
+		return e.concat(t(o, i, s));
 	}
-	return e.concat(a(o, t, n, s));
-}, []), o = (e, t, n = "", r = "") => Object.entries(e).reduce((e, [i, a]) => {
+	return e.concat(i(o, t, n, s));
+}, []), a = (e, t, n = "", r = "") => Object.entries(e).reduce((e, [i, o]) => {
 	let s = r === "" ? `${n}${i}` : `${r}-${i}`;
-	if (typeof a == "string") {
-		let o = r === "" ? `${n}${i}` : i;
+	if (typeof o == "string") {
+		let a = r === "" ? `${n}${i}` : i;
 		return {
 			...e,
-			[o]: t(a, i, s)
+			[a]: t(o, i, s)
 		};
 	}
 	return {
 		...e,
-		[i]: o(a, t, n, s)
+		[i]: a(o, t, n, s)
 	};
-}, {}), s = {
+}, {}), o = {
 	default: (e) => `:root { ${e} }`,
 	dark: (e) => `html.dark {${e}}`
-}, c = (e, t) => {
+}, s = (e, t) => {
 	let n = t.value || ((e, t) => t), r = e.map((e) => `${e.key}: ${n(e.key, e.value)}`).join(";");
 	return t.result(r);
-}, l = {
-	default: (e) => c(e, { result: s.default }),
-	dark: (e) => c(e, { result: s.dark })
-}, u = (e) => (t, n, r) => {
+}, c = {
+	default: (e) => s(e, { result: o.default }),
+	dark: (e) => s(e, { result: o.dark })
+}, l = (e) => (t, n, r) => {
 	let i = {
 		key: `--${r}`,
 		value: `${t}`
 	};
 	return e ? e(i) : i;
-}, d = (e) => ({
+}, u = (e) => ({
 	key: e.key.replace(/^--/, "--z-"),
 	value: e.value
-}), f = (e, t) => {
-	let n = a(e.colors, u(t?.colors)), r = a(e.spacing, u(t?.spacing)), i = a(e.rounded, u(t?.rounded)), o = a(e.shadow, u(t?.rounded)), s = a(e.zIndex, u(t?.zIndex ?? d)), c = e.components ? a(e.components, u(t?.components)) : [], l = e.custom ? a(e.custom, u(t?.customTokens)) : [];
-	return n.concat(r, i, c, l, s, o);
-}, p = (e, t) => c(f(e), {
+}), d = (e, t) => {
+	let n = i(e.colors, l(t?.colors)), r = i(e.spacing, l(t?.spacing)), a = i(e.rounded, l(t?.rounded)), o = i(e.shadow, l(t?.rounded)), s = i(e.zIndex, l(t?.zIndex ?? u)), c = e.components ? i(e.components, l(t?.components)) : [], d = e.custom ? i(e.custom, l(t?.customTokens)) : [];
+	return n.concat(r, a, c, d, s, o);
+}, f = (e, t) => s(d(e), {
 	result: (e) => `html${t ? `.${t}` : ""} {${e}}`,
 	value: (e, t) => t.replace("hsla(", "").replace(")", "")
-}), m = (e, t) => f(e, t).reduce((e, t) => ({
+}), p = (e, t) => d(e, t).reduce((e, t) => ({
 	...e,
 	[t.key]: t.value
-}), {}), h = (e, t) => c(f(e, t), {
+}), {}), m = (e, t) => s(d(e, t), {
 	result: (e) => `html${t?.name ? `.${t.name}` : ""} {${e}}`,
 	value: (e, t) => t
-}), g = {
+}), h = {
 	autocompleteEmpty: "Nothing here...",
 	calendarBackMonth: "Back month",
 	calendarFromDate: "From",
@@ -89,6 +89,10 @@ var i = {
 	pageCalendarEventAt: (e, t) => `${e} at ${t}`,
 	commandPaletteEmpty: "Nothing here...",
 	commandPaletteLoading: "Loading...",
+	commandPaletteResults: "Results",
+	commandPaletteSearchLabel: "Command palette search",
+	commandPaletteSearchPlaceholder: "Search for...",
+	commandPaletteTitle: "Command palette",
 	datePickerCalendarButtonLabel: "Click to open a date picker",
 	emptyDataMessage: "No data",
 	inputCaretDown: "Click to see all options",
@@ -119,9 +123,13 @@ var i = {
 	tableFilterTypeStartsWith: "Starts with",
 	tableFilterValuePlaceholder: "Something...",
 	tableFilterValueTitle: "Value",
+	tableFilterDeleteLabel: (e) => `Delete filter ${e}`,
 	tableGroupLabel: "Group",
 	tableGroupLabelWithCount: "Group",
-	tablePaginationFooter: (t) => /* @__PURE__ */ r(e, { children: [
+	tableGroupOrderTitle: "Order groups",
+	tableGroupPlaceholder: "Group by...",
+	tableGroupTypeTitle: "Group type",
+	tablePaginationFooter: (t) => /* @__PURE__ */ n(e, { children: [
 		t.current,
 		" to ",
 		t.pages,
@@ -148,12 +156,22 @@ var i = {
 	uploadIdleButton: "Choose your files",
 	uploadDragging: (e) => `Dragging ${e.n} ${e.n > 0 ? "files" : "file"}`,
 	uploadDialogTitle: "Details of your file",
+	fileUploadRemoveFile: (e) => `Remove ${e}`,
+	fileUploadUploadButtonLabel: (e) => `Upload ${e}`,
+	fileUploadViewFile: (e) => `View ${e}`,
+	dialogResizeLabel: "Resize modal",
+	dialogResizeInstructions: "Use arrow keys to resize the modal",
+	modalConfirmCancel: "Cancel",
+	modalConfirmConfirm: "Confirm",
+	modalConfirmTitle: "Confirmation",
 	datepickerPlaceholder: (e) => "day/month/year",
 	spinnerLoading: "Loading",
 	skeletonLoading: "Loading content",
 	closeButton: "Close",
-	fileUploadZoneLabel: "File upload area. Drag files here or press Enter to browse."
-}, _ = {
+	fileUploadZoneLabel: "File upload area. Drag files here or press Enter to browse.",
+	listCloseDetails: "Close details",
+	listOpenDetails: (e) => `Open details for ${e}`
+}, g = {
 	input: { iconFeedback: !0 },
 	table: {
 		operations: !0,
@@ -161,17 +179,14 @@ var i = {
 		filters: !0,
 		sticky: void 0
 	}
-}, v = t({
-	parser: i.hsla,
-	tweaks: _,
+}, _ = t({
+	parser: r.hsla,
+	tweaks: g,
 	floatingRef: void 0,
-	map: g,
+	map: h,
 	locale: void 0
-}), y = () => {
-	let e = n(v);
-	return e ? e.map : g;
-};
+});
 //#endregion
-export { m as a, p as c, a as d, g as i, h as l, v as n, o, _ as r, l as s, y as t, i as u };
+export { a, m as c, p as i, r as l, g as n, c as o, h as r, f as s, _ as t, i as u };
 
-//# sourceMappingURL=use-translations-DTLfPE3_.js.map
+//# sourceMappingURL=context-CsnUsfeP.js.map

package/dist/context-CsnUsfeP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-CsnUsfeP.js","names":[],"sources":["../src/styles/design-tokens.ts","../src/config/default-translations.tsx","../src/config/default-tweaks.ts","../src/config/context.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { DesignTokens, DesignTokensBuilder, DesignTokensParser, GeneralTokens, Token } from \"./theme.types\";\n\nexport const parsers = {\n    hex: (v: string) => v,\n    raw: (v: string) => v,\n    hsl: (v: string) => `hsl(${v})` as const,\n    rgb: (v: string) => `rgb(${v})` as const,\n    z: (_, __, k) => `var(--z-${k})` as const,\n    hsla: (v: string) => `hsla(${v})` as const,\n    rgba: (v: string) => `rgba(${v})` as const,\n    cssVariable: (_, __, k) => `var(--${k})` as const,\n    formatWithVar: (format: string) => (_: string, __: string, v: string) => `${format}(var(--${v}), <alpha-value>)` as const,\n} satisfies Record<string, DesignTokensParser>;\n\nexport const reduceTokens = <T extends GeneralTokens>(colors: T, parse: DesignTokensBuilder, prefix: string = \"\", append: string = \"\"): Token[] =>\n    Object.entries(colors).reduce<Token[]>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return acc.concat(parse(value, k, combine));\n        }\n        return acc.concat(reduceTokens(value, parse, prefix, combine));\n    }, []);\n\nexport const createDesignTokens = <T extends GeneralTokens, Fn extends DesignTokensParser>(\n    colors: T,\n    parse: Fn,\n    prefix: string = \"\",\n    append: string = \"\"\n): T =>\n    Object.entries(colors).reduce<T>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return { ...acc, [k]: parse(value, key, combine) };\n        }\n        return {\n            ...acc,\n            [key]: createDesignTokens(value, parse, prefix, combine),\n        };\n    }, {} as T);\n\nconst modifiers = {\n    default: (variables: string) => `:root { ${variables} }`,\n    dark: (variables: string) => `html.dark {${variables}}`,\n};\n\nconst createStyleContent = (\n    tokens: Token[],\n    modifiers: {\n        result: (str: string) => string;\n        value?: (k: string, v: string) => string;\n    }\n) => {\n    const v = modifiers.value || ((_: string, s: string) => s);\n    const content = tokens.map((token) => `${token.key}: ${v(token.key, token.value)}`).join(\";\");\n    return modifiers.result(content);\n};\n\nexport const createStyles = {\n    default: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.default }),\n    dark: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.dark }),\n};\n\ntype TokenParsersType = \"colors\" | \"spacing\" | \"rounded\" | \"components\" | \"customTokens\" | \"zIndex\";\n\ntype TokenCustomParser = (t: Token) => Token;\n\nexport type TokenRemap = Partial<Record<TokenParsersType, TokenCustomParser> & { name: string }>;\n\nconst fn =\n    (p?: TokenCustomParser): DesignTokensBuilder =>\n    (value, _, key) => {\n        const r = { key: `--${key}`, value: `${value}` };\n        return p ? p(r) : r;\n    };\n\nconst zIndexParser = (t: Token): Token => ({\n    key: t.key.replace(/^--/, \"--z-\"),\n    value: t.value,\n});\n\nconst createTokens = (theme: DesignTokens, map?: TokenRemap) => {\n    const colors = reduceTokens(theme.colors, fn(map?.colors));\n    const spacing = reduceTokens(theme.spacing, fn(map?.spacing));\n    const rounded = reduceTokens(theme.rounded, fn(map?.rounded));\n    const shadow = reduceTokens(theme.shadow, fn(map?.rounded));\n    const zIndex = reduceTokens(theme.zIndex, fn(map?.zIndex ?? zIndexParser));\n    const components = theme.components ? reduceTokens(theme.components, fn(map?.components)) : [];\n    const customTokens = theme.custom ? reduceTokens(theme.custom, fn(map?.customTokens)) : [];\n    return colors.concat(spacing, rounded, components, customTokens, zIndex, shadow);\n};\n\nexport const createTheme = (theme: DesignTokens, name?: string) =>\n    createStyleContent(createTokens(theme), {\n        result: (variables: string) => `html${name ? `.${name}` : \"\"} {${variables}}`,\n        value: (_, v) => v.replace(\"hsla(\", \"\").replace(\")\", \"\"),\n    });\n\nexport const createCssProperties = (theme: DesignTokens, map?: TokenRemap): CSSProperties => {\n    const tokens = createTokens(theme, map);\n    return tokens.reduce<CSSProperties>((acc, el) => ({ ...acc, [el.key]: el.value }), {});\n};\n\nexport const createTokenStyles = (theme: DesignTokens, map?: TokenRemap) =>\n    createStyleContent(createTokens(theme, map), {\n        result: (variables: string) => `html${map?.name ? `.${map.name}` : \"\"} {${variables}}`,\n        value: (_, v) => v,\n    });\n","import React, { Fragment } from \"react\";\n\nexport const defaultTranslations = {\n    autocompleteEmpty: \"Nothing here...\",\n    calendarBackMonth: \"Back month\",\n    calendarFromDate: \"From\",\n    calendarMonthLabel: \"Month\",\n    calendarNextMonth: \"Next month\",\n    calendarDatetimeTitle: \"Time\",\n    calendarToDate: \"To\",\n    calendarToday: \"Today\",\n    pageCalendarMonthView: \"Month view\",\n    pageCalendarWeekView: \"Week view\",\n    pageCalendarDayView: \"Day view\",\n    pageCalendarPrevious: \"Previous\",\n    pageCalendarNext: \"Next\",\n    pageCalendarToday: \"Today\",\n    pageCalendarAddEvent: \"Add event\",\n    pageCalendarWeekLabel: (n: number) => `Week ${n}`,\n    pageCalendarFilter: \"Filter:\",\n    pageCalendarMoreEvents: (n: number) => `+${n} more...`,\n    pageCalendarLabel: \"Calendar\",\n    pageCalendarNavigation: \"Calendar navigation\",\n    pageCalendarMonthGrid: \"Calendar month\",\n    pageCalendarFilterEnabled: \"enabled\",\n    pageCalendarFilterDisabled: \"disabled\",\n    pageCalendarEventCount: (n: number) => (n === 1 ? \"1 event\" : `${n} events`),\n    pageCalendarEventAt: (title: string, time: string) => `${title} at ${time}`,\n    commandPaletteEmpty: \"Nothing here...\",\n    commandPaletteLoading: \"Loading...\",\n    commandPaletteResults: \"Results\",\n    commandPaletteSearchLabel: \"Command palette search\",\n    commandPaletteSearchPlaceholder: \"Search for...\",\n    commandPaletteTitle: \"Command palette\",\n    datePickerCalendarButtonLabel: \"Click to open a date picker\",\n    emptyDataMessage: \"No data\",\n    inputCaretDown: \"Click to see all options\",\n    inputCloseValue: \"Click to clear the value\",\n    inputOptionalLabel: \"Optional\",\n    wizardNext: \"Next\",\n    wizardPrev: \"Previous\",\n    wizardFinish: \"Finish\",\n    wizardSkip: \"Skip\",\n    multiSelectInnerPlaceholder: \"Search...\",\n    multiSelectSelectedLabel: \"Selected\",\n    tableColumnResizer: \"Resize column\",\n    tableFilterColumnPlaceholder: \"Filter by\",\n    tableFilterColumnTitle: \"Filter by\",\n    tableFilterDropdownTitle: \"Filters\",\n    tableFilterDropdownTitleUnique: \"Filter by\",\n    tableFilterLabel: \"Filters\",\n    tableFilterNewFilter: \"New filter\",\n    tableFilterOperatorPlaceholder: \"Equals to...\",\n    tableFilterOperatorTitle: \"Operation\",\n    tableFilterTypeContains: \"Contains\",\n    tableFilterTypeEndsWith: \"Ends with\",\n    tableFilterTypeGreaterThan: \"Greater than\",\n    tableFilterTypeIs: \"Is\",\n    tableFilterTypeIsNot: \"Is not\",\n    tableFilterTypeLessThan: \"Less than\",\n    tableFilterTypeNotContains: \"Not contains\",\n    tableFilterTypeStartsWith: \"Starts with\",\n    tableFilterValuePlaceholder: \"Something...\",\n    tableFilterValueTitle: \"Value\",\n    tableFilterDeleteLabel: (label: string) => `Delete filter ${label}`,\n    tableGroupLabel: \"Group\",\n    tableGroupLabelWithCount: \"Group\",\n    tableGroupOrderTitle: \"Order groups\",\n    tableGroupPlaceholder: \"Group by...\",\n    tableGroupTypeTitle: \"Group type\",\n    tablePaginationFooter: (pagination: { pages: number; totalItems: number; sizes?: number[]; current: number; select: React.ReactNode }) => (\n        <Fragment>\n            {pagination.current} to {pagination.pages} of {pagination.totalItems} items.{Array.isArray(pagination.sizes) ? pagination.select : null}{\" \"}\n            per page.\n        </Fragment>\n    ),\n    tablePaginationNext: \"Next\",\n    tablePaginationPrevious: \"Previous\",\n    tablePaginationSelectLabel: \"Select the size of page\",\n    tableSortAddButton: \"Add sort\",\n    tableSortAsc: \"Ascending\",\n    tableSortDesc: \"Descending\",\n    tableSortDropdownTitle: \"Order by\",\n    tableSortOrderByLabel: \"Order by\",\n    tableSortOrderInputPlaceholder: \"Order by\",\n    tableSortOrderInputTitle: \"Order by\",\n    tableSortTypeInputPlaceholder: \"Ascending\",\n    tableSortTypeInputTitle: \"Sort type\",\n\n    uploadIdle: \"You can drag your files here\",\n    uploadIdleButton: \"Choose your files\",\n    uploadDragging: (props: { n: number }) => `Dragging ${props.n} ${props.n > 0 ? \"files\" : \"file\"}`,\n    uploadDialogTitle: \"Details of your file\",\n    fileUploadRemoveFile: (name: string) => `Remove ${name}`,\n    fileUploadUploadButtonLabel: (label: string) => `Upload ${label}`,\n    fileUploadViewFile: (name: string) => `View ${name}`,\n    dialogResizeLabel: \"Resize modal\",\n    dialogResizeInstructions: \"Use arrow keys to resize the modal\",\n    modalConfirmCancel: \"Cancel\",\n    modalConfirmConfirm: \"Confirm\",\n    modalConfirmTitle: \"Confirmation\",\n\n    datepickerPlaceholder: (_: string) => \"day/month/year\",\n    spinnerLoading: \"Loading\",\n    skeletonLoading: \"Loading content\",\n    closeButton: \"Close\",\n    fileUploadZoneLabel: \"File upload area. Drag files here or press Enter to browse.\",\n    listCloseDetails: \"Close details\",\n    listOpenDetails: (title: string) => `Open details for ${title}`,\n};\n\nexport type Translations = typeof defaultTranslations;\n","export type Tweaks = {\n    table: {\n        sorters: boolean;\n        filters: boolean;\n        operations: boolean;\n        sticky: number | undefined;\n    };\n    input: {\n        iconFeedback: boolean;\n    };\n};\n\nexport const defaultTweaks: Tweaks = {\n    input: { iconFeedback: true },\n    table: { operations: true, sorters: true, filters: true, sticky: undefined },\n};\n","\"use client\";\nimport { createContext } from \"react\";\nimport type { IconProps } from \"@phosphor-icons/react\";\nimport type { Locales } from \"the-mask-input\";\nimport type { ContextType } from \"../hooks/use-components-provider\";\nimport { parsers } from \"../styles/design-tokens\";\nimport { defaultTranslations, type Translations } from \"./default-translations\";\nimport { defaultTweaks, type Tweaks } from \"./default-tweaks\";\n\nexport type ContextProps = Partial<{\n    tweaks: Partial<Tweaks>;\n    map: Partial<Translations>;\n    locale: Locales | undefined;\n    parser: typeof parsers.hsla;\n    rootFloating?: HTMLElement | null;\n    iconWeight: IconProps[\"weight\"];\n}>;\n\nexport const Context = createContext<ContextType>({\n    parser: parsers.hsla,\n    tweaks: defaultTweaks,\n    floatingRef: undefined,\n    map: defaultTranslations,\n    locale: undefined as Locales | undefined,\n});\n"],"mappings":"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"}