@deenruv/react-ui-devkit 1.0.0

package/dist/components/molecules/ErrorMessage.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ErrorMessageProps {
+    errors?: string[];
+    className?: string;
+}
+export declare const ErrorMessage: React.FC<ErrorMessageProps>;
+export {};

package/dist/components/molecules/ErrorMessage.js

@@ -0,0 +1,7 @@
+import { cn } from "../../lib/utils.js";
+import React from "react";
+export var ErrorMessage = function (_a) {
+    var errors = _a.errors, className = _a.className;
+    return (errors === null || errors === void 0 ? void 0 : errors.length) ? (React.createElement("p", { className: cn("text-destructive mb-2  mt-1 min-h-5 text-sm font-medium", className) }, errors.join(", "))) : (React.createElement(React.Fragment, null));
+};
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/components/molecules/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/molecules/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,2BAAuB;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EAGzD;QAFC,MAAM,YAAA,EACN,SAAS,eAAA;IAET,OAAO,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACtB,2BACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,IAEA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,CACL,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/molecules/ImageWithPreview.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props extends Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "className"> {
+    imageClassName?: string;
+    previewClassName?: string;
+}
+export declare const ImageWithPreview: React.FC<Props>;
+export {};

package/dist/components/molecules/ImageWithPreview.js

@@ -0,0 +1,16 @@
+import { __assign, __rest } from "tslib";
+import { HoverCard, HoverCardContent, HoverCardTrigger, useTranslation, } from "../../index.js";
+import { cn } from "../../lib/utils.js";
+import { ImageOff } from "lucide-react";
+import { Portal } from "@radix-ui/react-portal";
+import React from "react";
+export var ImageWithPreview = function (_a) {
+    var imageClassName = _a.imageClassName, previewClassName = _a.previewClassName, src = _a.src, props = __rest(_a, ["imageClassName", "previewClassName", "src"]);
+    var t = useTranslation("common").t;
+    return (React.createElement(HoverCard, null,
+        React.createElement(HoverCardTrigger, { className: "cursor-pointer", asChild: true }, src ? (React.createElement("img", __assign({ className: cn("size-14", imageClassName), src: src }, props))) : (React.createElement("div", { className: cn("flex size-14 items-center justify-center bg-gray-100", imageClassName) },
+            React.createElement(ImageOff, null)))),
+        React.createElement(Portal, null,
+            React.createElement(HoverCardContent, { className: cn("w-80 rounded border p-0", previewClassName) }, src ? (React.createElement("img", __assign({ className: "object-cover", src: src }, props))) : (React.createElement("p", { className: "m-3" }, t("noImage")))))));
+};
+//# sourceMappingURL=ImageWithPreview.js.map

package/dist/components/molecules/ImageWithPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWithPreview.js","sourceRoot":"","sources":["../../../src/components/molecules/ImageWithPreview.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,GACf,uBAAmB;AACpB,OAAO,EAAE,EAAE,EAAE,2BAAuB;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,CAAC,IAAM,gBAAgB,GAAoB,UAAC,EAKjD;IAJC,IAAA,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,GAAG,SAAA,EACA,KAAK,cAJwC,6CAKjD,CADS;IAEA,IAAA,CAAC,GAAK,cAAc,CAAC,QAAQ,CAAC,EAA7B,CAA8B;IAEvC,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,gBAAgB,IAAC,SAAS,EAAC,gBAAgB,EAAC,OAAO,UACjD,GAAG,CAAC,CAAC,CAAC,CACL,sCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACvE,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,cAAc,CACf;YAED,oBAAC,QAAQ,OAAG,CACR,CACP,CACgB;QACnB,oBAAC,MAAM;YACL,oBAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,IAEzD,GAAG,CAAC,CAAC,CAAC,CACL,sCAAK,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACtD,CAAC,CAAC,CAAC,CACF,2BAAG,SAAS,EAAC,KAAK,IAAE,CAAC,CAAC,SAAS,CAAC,CAAK,CACtC,CACgB,CACZ,CACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/molecules/ListBadge.d.ts

@@ -0,0 +1,4 @@
+import { BadgeProps } from "../atoms/badge.js";
+import React from "react";
+export declare const ListBadge: (props: BadgeProps) => React.JSX.Element;
+export default ListBadge;

package/dist/components/molecules/ListBadge.js

@@ -0,0 +1,8 @@
+import { __assign } from "tslib";
+import { Badge } from "../atoms/badge.js";
+import React from "react";
+export var ListBadge = function (props) {
+    return (React.createElement(Badge, __assign({}, props, { className: "text-muted-foreground flex w-fit items-center justify-center whitespace-nowrap rounded-md py-1 ".concat(props.className), variant: "outline" })));
+};
+export default ListBadge;
+//# sourceMappingURL=ListBadge.js.map

package/dist/components/molecules/ListBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBadge.js","sourceRoot":"","sources":["../../../src/components/molecules/ListBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,0BAAoC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAiB;IACzC,OAAO,CACL,oBAAC,KAAK,eACA,KAAK,IACT,SAAS,EAAE,yGAAkG,KAAK,CAAC,SAAS,CAAE,EAC9H,OAAO,EAAC,SAAS,IACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/molecules/ListTable.d.ts

@@ -0,0 +1,13 @@
+import { ColumnDef, Table as ReactTable } from "@tanstack/react-table";
+import { ReactNode } from "react";
+import React from "react";
+import { LocationKeys } from "../../types/types.js";
+interface ListTableProps<TData, TValue> {
+    tableId: LocationKeys;
+    columns: ColumnDef<TData, TValue>[];
+    isFiltered: boolean;
+    table: ReactTable<TData>;
+    Paginate: ReactNode;
+}
+export declare function ListTable<TData, TValue>({ table, columns, isFiltered, Paginate, tableId, }: ListTableProps<TData, TValue>): React.JSX.Element;
+export {};

package/dist/components/molecules/ListTable.js

@@ -0,0 +1,137 @@
+import { __assign } from "tslib";
+import { flexRender, } from "@tanstack/react-table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, ListViewMarker, TableLabel, } from "..";
+import { useEffect, useLayoutEffect, useRef, useState, } from "react";
+import React from "react";
+import { cn } from "../../lib";
+import { EmptyState } from "../../universal_components/EmptyState.js";
+import { useTranslation } from "../../hooks/useTranslation.js";
+var getCommonPinningStyles = function (column, showPinned) {
+    var isPinned = column.getIsPinned();
+    var isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
+    var isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
+    var narrowColumnWidth = 35;
+    var idColumnMaxWidth = 350;
+    var idColumnWidth = 100;
+    var isNarrowColumn = ["select-id", "select", "actions"].includes(column.id);
+    var columnWidth = isNarrowColumn ? narrowColumnWidth : undefined;
+    var styles = {
+        left: isPinned === "left" ? "".concat(column.getStart("left"), "px") : "unset",
+        right: isPinned === "right" ? "".concat(column.getAfter("right"), "px") : "unset",
+        boxShadow: "unset",
+        opacity: isPinned ? 0.95 : 1,
+        position: isPinned ? "sticky" : "relative",
+        minWidth: columnWidth,
+        maxWidth: column.id === "id" ? idColumnMaxWidth : columnWidth,
+        width: column.id === "id" ? idColumnWidth : columnWidth,
+        zIndex: isPinned ? 1 : 0,
+    };
+    if (showPinned) {
+        styles.boxShadow = isLastLeftPinnedColumn
+            ? "-1px 0 1px -1px gray inset"
+            : isFirstRightPinnedColumn
+                ? "1px 0 1px -1px gray inset"
+                : "unset";
+    }
+    return styles;
+};
+var getCommonClassNameStyles = function (column) {
+    var isPinned = column.getIsPinned();
+    if (!isPinned)
+        return "";
+    return cn("bg-background");
+};
+var TABLE_HEADER_HEIGHT = 48;
+var MINIMUM_ROW_HEIGHT = 30;
+var WIDTH_TRUNCATE_BREAKPOINT = 200;
+export function ListTable(_a) {
+    var _b, _c;
+    var table = _a.table, columns = _a.columns, isFiltered = _a.isFiltered, Paginate = _a.Paginate, tableId = _a.tableId;
+    var tableWrapperRef = useRef(null);
+    var rowRefs = useRef([]);
+    var t = useTranslation("common").t;
+    var _d = useState(false), showPinned = _d[0], setShowPinned = _d[1];
+    useEffect(function () {
+        var checkScroll = function () {
+            var _a;
+            if (!tableWrapperRef.current || !((_a = rowRefs.current) === null || _a === void 0 ? void 0 : _a[0]))
+                return;
+            var wrapperWidth = tableWrapperRef.current.scrollWidth;
+            var rowWidth = rowRefs.current[0].scrollWidth;
+            setShowPinned(rowWidth > wrapperWidth);
+        };
+        var resizeObserver = new ResizeObserver(checkScroll);
+        if (tableWrapperRef.current) {
+            resizeObserver.observe(tableWrapperRef.current);
+            tableWrapperRef.current.addEventListener("scroll", checkScroll);
+        }
+        checkScroll();
+        return function () {
+            var _a;
+            resizeObserver.disconnect();
+            (_a = tableWrapperRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", checkScroll);
+        };
+    }, [rowRefs.current.length, tableWrapperRef.current]);
+    useLayoutEffect(function () {
+        var _a;
+        if (rowRefs.current.length && tableWrapperRef.current) {
+            var tbodyHeight = ((_a = tableWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) - TABLE_HEADER_HEIGHT;
+            var rowHeight = tbodyHeight / 10;
+            var finalRowHeight_1 = rowHeight >= MINIMUM_ROW_HEIGHT ? rowHeight : MINIMUM_ROW_HEIGHT;
+            rowRefs.current.forEach(function (row) {
+                if (row) {
+                    row.style.height = "".concat(finalRowHeight_1, "px");
+                }
+            });
+        }
+    }, [
+        table.getRowModel().rows.length,
+        rowRefs.current,
+        table.getState().pagination.pageIndex,
+    ]);
+    useEffect(function () {
+        var PADDING_X_VALUE = 64;
+        var scrollArea = document.getElementById("scrollArea");
+        if (!scrollArea || !tableWrapperRef.current)
+            return;
+        var observer = new ResizeObserver(function (entries) {
+            var entry = entries[0];
+            var width = entry.contentRect.width;
+            tableWrapperRef.current.style.maxWidth =
+                width - PADDING_X_VALUE / 2 + "px";
+        });
+        observer.observe(scrollArea);
+        return function () {
+            observer.disconnect();
+        };
+    }, [tableWrapperRef]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: tableWrapperRef, className: "bg-background w-full h-full overflow-auto rounded-md border scroll-thin" },
+            React.createElement(Table, __assign({ className: cn("w-full") }, (!((_b = table.getRowModel().rows) === null || _b === void 0 ? void 0 : _b.length) && {
+                containerClassName: "flex",
+            })),
+                React.createElement(TableHeader, { className: "bg-background sticky top-0 z-20" }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(TableRow, { noHover: true, key: headerGroup.id }, headerGroup.headers.map(function (header) {
+                    var component = typeof header.column.columnDef.header === "string" ? (React.createElement(TableLabel, null, header.column.columnDef.header)) : (header.column.columnDef.header);
+                    return (React.createElement(TableHead, { key: header.id, className: cn("relative", getCommonClassNameStyles(header.column)), style: __assign({}, getCommonPinningStyles(header.column, showPinned)) },
+                        React.createElement("div", { className: "flex items-center justify-between gap-2" },
+                            header.isPlaceholder
+                                ? null
+                                : flexRender(component, header.getContext()),
+                            React.createElement(ListViewMarker, { column: header.column, position: tableId }))));
+                }))); })),
+                React.createElement(TableBody, null, ((_c = table.getRowModel().rows) === null || _c === void 0 ? void 0 : _c.length) ? (table.getRowModel().rows.map(function (row, idx) {
+                    rowRefs.current = [];
+                    return (React.createElement(TableRow, { key: row.id, "data-state": row.getIsSelected() && "selected", ref: function (el) { return (rowRefs.current[idx] = el); } }, row.getVisibleCells().map(function (cell) {
+                        var columnWidth = cell.column.getSize();
+                        return (React.createElement(TableCell, { key: cell.id, className: cn("whitespace-nowrap", columnWidth > WIDTH_TRUNCATE_BREAKPOINT &&
+                                "truncate", getCommonClassNameStyles(cell.column)), style: __assign({}, getCommonPinningStyles(cell.column, showPinned)) }, flexRender(cell.column.columnDef.cell, cell.getContext())));
+                    })));
+                })) : (React.createElement(EmptyState, { columnsLength: columns.length, filtered: isFiltered, title: t("emptyState.default.".concat(isFiltered ? "filtered" : "empty", ".title")), description: t("emptyState.default.".concat(isFiltered ? "filtered" : "empty", ".text")) }))))),
+        React.createElement("div", { className: "flex items-center justify-end space-x-2 py-2" },
+            React.createElement("div", { className: "text-muted-foreground flex-1 text-sm" }, t("selectedValue", {
+                from: table.getFilteredSelectedRowModel().rows.length,
+                to: table.getFilteredRowModel().rows.length,
+            })),
+            React.createElement("div", { className: "space-x-2" }, Paginate))));
+}
+//# sourceMappingURL=ListTable.js.map

package/dist/components/molecules/ListTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListTable.js","sourceRoot":"","sources":["../../../src/components/molecules/ListTable.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/OrderStateBadge.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const OrderStateBadge: React.FC<{
+    fullWidth?: boolean;
+    state?: string;
+    className?: string;
+}>;

package/dist/components/molecules/OrderStateBadge.js

@@ -0,0 +1,80 @@
+import ListBadge from "./ListBadge.js";
+import { useTranslation } from "../../hooks/useTranslation.js";
+import { cn } from "../../lib/utils";
+import { ORDER_STATE } from "../../utils/order_state.js";
+import React, { useMemo } from "react";
+export var OrderStateBadge = function (_a) {
+    var fullWidth = _a.fullWidth, _b = _a.state, state = _b === void 0 ? "default" : _b, className = _a.className;
+    var t = useTranslation("common").t;
+    var labelAndStyles = useMemo(function () {
+        switch (state) {
+            case ORDER_STATE.DRAFT:
+                return {
+                    className: "border-red-500 bg-red-100 text-red-500",
+                    label: t("draft"),
+                };
+            case ORDER_STATE.ADDING_ITEMS:
+                return {
+                    className: "border-blue-600 bg-blue-100 text-blue-600",
+                    label: t("addingItems"),
+                };
+            case ORDER_STATE.ARRANGING_PAYMENT:
+                return {
+                    className: "border-blue-600 bg-blue-600 text-blue-100",
+                    label: t("arrangingPayment"),
+                };
+            case ORDER_STATE.ARRANGING_ADDITIONAL_PAYMENT:
+                return {
+                    className: "border-blue-800 bg-blue-800 text-white 00",
+                    label: t("arrangingAdditionalPayment"),
+                };
+            case ORDER_STATE.PAYMENT_AUTHORIZED:
+                return {
+                    className: "border-amber-600 bg-amber-50 text-amber-600",
+                    label: t("paymentAuthorized"),
+                };
+            case ORDER_STATE.PAYMENT_SETTLED:
+                return {
+                    className: "border-amber-700 bg-amber-700 text-amber-50",
+                    label: t("paymentSettled"),
+                };
+            case ORDER_STATE.PARTIALLY_SHIPPED:
+                return {
+                    className: "border-violet-700 bg-violet-100 text-violet-700",
+                    label: t("partiallyShipped"),
+                };
+            case ORDER_STATE.SHIPPED:
+                return {
+                    className: "border-violet-700 bg-violet-700 text-violet-100",
+                    label: t("shipped"),
+                };
+            case ORDER_STATE.PARTIALLY_DELIVERED:
+                return {
+                    className: "border-green-800 bg-green-100 text-green-800",
+                    label: t("partiallyDelivered"),
+                };
+            case ORDER_STATE.DELIVERED:
+                return {
+                    className: "border-green-800 bg-green-800 text-green-100",
+                    label: t("delivered"),
+                };
+            case ORDER_STATE.CANCELLED:
+                return {
+                    className: "border-red-700 bg-red-700 text-red-100",
+                    label: t("cancelled"),
+                };
+            case ORDER_STATE.MODIFYING:
+                return {
+                    className: "border-orange-500 bg-orange-500 text-orange-100",
+                    label: t("modifying"),
+                };
+            default:
+                return {
+                    className: "border-primary bg-primary-foreground text-primary",
+                    label: state,
+                };
+        }
+    }, [t, state]);
+    return (React.createElement(ListBadge, { noHover: true, className: cn("text-nowrap text-center", fullWidth && "flex w-full items-center justify-center", labelAndStyles.className, className) }, labelAndStyles.label));
+};
+//# sourceMappingURL=OrderStateBadge.js.map

package/dist/components/molecules/OrderStateBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderStateBadge.js","sourceRoot":"","sources":["../../../src/components/molecules/OrderStateBadge.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/PaymentMethodImage.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const PaymentMethodImage: React.FC<{
+    paymentType: string;
+}>;

package/dist/components/molecules/PaymentMethodImage.js

@@ -0,0 +1,22 @@
+import { useTranslation } from "../../hooks/useTranslation.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "..";
+import { Banknote, CircleDollarSign, CreditCard } from "lucide-react";
+import React, { useMemo } from "react";
+export var PaymentMethodImage = function (_a) {
+    var paymentType = _a.paymentType;
+    var t = useTranslation("common").t;
+    var paymentIcon = useMemo(function () {
+        switch (paymentType) {
+            case "transfer":
+                return React.createElement(CreditCard, null);
+            case "standard-payment":
+                return React.createElement(Banknote, null);
+            default:
+                return React.createElement(CircleDollarSign, null);
+        }
+    }, [paymentType]);
+    return paymentType ? (React.createElement(Tooltip, null,
+        React.createElement(TooltipTrigger, null, paymentIcon),
+        React.createElement(TooltipContent, null, t("paymentMethods.".concat(paymentType))))) : (React.createElement(React.Fragment, null));
+};
+//# sourceMappingURL=PaymentMethodImage.js.map

package/dist/components/molecules/PaymentMethodImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodImage.js","sourceRoot":"","sources":["../../../src/components/molecules/PaymentMethodImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,sCAAkC;AAC3D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAErE;QADC,WAAW,iBAAA;IAEH,IAAA,CAAC,GAAK,cAAc,CAAC,QAAQ,CAAC,EAA7B,CAA8B;IAEvC,IAAM,WAAW,GAAG,OAAO,CAAC;QAC1B,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,UAAU;gBACb,OAAO,oBAAC,UAAU,OAAG,CAAC;YACxB,KAAK,kBAAkB;gBACrB,OAAO,oBAAC,QAAQ,OAAG,CAAC;YACtB;gBACE,OAAO,oBAAC,gBAAgB,OAAG,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,oBAAC,OAAO;QACN,oBAAC,cAAc,QAAE,WAAW,CAAkB;QAC9C,oBAAC,cAAc,QAAE,CAAC,CAAC,yBAAkB,WAAW,CAAE,CAAC,CAAkB,CAC7D,CACX,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/molecules/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import React, { Dispatch, SetStateAction } from "react";
+interface SearchInputProps {
+    searchString: string;
+    setSearchString: Dispatch<SetStateAction<string>>;
+    placeholder: string;
+}
+export declare const SearchInput: React.FC<SearchInputProps>;
+export {};

package/dist/components/molecules/SearchInput.js

@@ -0,0 +1,10 @@
+import { Input } from "../atoms";
+import { Search } from "lucide-react";
+import React from "react";
+export var SearchInput = function (_a) {
+    var placeholder = _a.placeholder, searchString = _a.searchString, setSearchString = _a.setSearchString;
+    return (React.createElement("div", { className: "mb-3 flex max-w-[360px] items-center gap-3" },
+        React.createElement(Search, null),
+        React.createElement(Input, { value: searchString, onChange: function (e) { return setSearchString(e.target.value); }, placeholder: placeholder })));
+};
+//# sourceMappingURL=SearchInput.js.map

package/dist/components/molecules/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/molecules/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,iBAA2B;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,KAAmC,MAAM,OAAO,CAAC;AAQxD,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAIvD;QAHC,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,eAAe,qBAAA;IAEf,OAAO,CACL,6BAAK,SAAS,EAAC,4CAA4C;QACzD,oBAAC,MAAM,OAAG;QACV,oBAAC,KAAK,IACJ,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA/B,CAA+B,EAChD,WAAW,EAAE,WAAW,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/molecules/SimpleSelect.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Option } from "../atoms";
+import { SelectProps } from "@radix-ui/react-select";
+interface CustomSelectProps extends SelectProps {
+    options: Option[] | undefined;
+    label?: string;
+    size?: "sm" | "base";
+    errors?: string[];
+    className?: string;
+    wrapperClassName?: string;
+    placeholder?: string;
+}
+export declare const SimpleSelect: React.FC<CustomSelectProps>;
+export {};

package/dist/components/molecules/SimpleSelect.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../atoms";
+import { ErrorMessage } from "./";
+import { cn } from "../../lib/utils.js";
+export var SimpleSelect = function (_a) {
+    var defaultValue = _a.defaultValue, value = _a.value, onValueChange = _a.onValueChange, options = _a.options, label = _a.label, _b = _a.size, size = _b === void 0 ? "base" : _b, errors = _a.errors, disabled = _a.disabled, className = _a.className, wrapperClassName = _a.wrapperClassName, placeholder = _a.placeholder;
+    return (React.createElement("div", { className: cn("flex flex-col w-full gap-2 ", wrapperClassName) },
+        label && React.createElement(Label, null, label),
+        React.createElement(Select, { defaultValue: defaultValue, onValueChange: function (val) { return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(val === "undefined" ? "" : val); }, value: value !== null && value !== void 0 ? value : "", disabled: disabled },
+            React.createElement(SelectTrigger, { className: cn(className, size === "sm" && "h-[30px] text-[13px]") },
+                React.createElement(SelectValue, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "Select element" })),
+            React.createElement(SelectContent, null, options === null || options === void 0 ? void 0 : options.map(function (o) { return (React.createElement(SelectItem, { key: o.value, value: o.value, style: { color: o.color } }, o.label)); }))),
+        React.createElement(ErrorMessage, { errors: errors, className: "mt-0" })));
+};
+//# sourceMappingURL=SimpleSelect.js.map

package/dist/components/molecules/SimpleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../src/components/molecules/SimpleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,EAEL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,iBAA2B;AAE5B,OAAO,EAAE,YAAY,EAAE,WAA+B;AACtD,OAAO,EAAE,EAAE,EAAE,2BAAuB;AAYpC,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EAYzD;QAXC,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAgB,sBAAA,EAChB,WAAW,iBAAA;IAEX,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,gBAAgB,CAAC;QAChE,KAAK,IAAI,oBAAC,KAAK,QAAE,KAAK,CAAS;QAChC,oBAAC,MAAM,IACL,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,UAAC,GAAG,IAAK,OAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAA/C,CAA+C,EACvE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ;YAElB,oBAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK,IAAI,IAAI,sBAAsB,CAAC;gBAEjE,oBAAC,WAAW,IAAC,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,gBAAgB,GAAI,CAC/C;YAChB,oBAAC,aAAa,QACX,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACnB,oBAAC,UAAU,IACT,GAAG,EAAE,CAAC,CAAC,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,KAAe,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAExB,CAAC,CAAC,KAAK,CACG,CACd,EARoB,CAQpB,CAAC,CACY,CACT;QACT,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,GAAG,CAC7C,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/molecules/SimpleTooltip.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from "react";
+interface SimpleTooltipProps {
+    content?: string;
+}
+export declare const SimpleTooltip: React.FC<PropsWithChildren<SimpleTooltipProps>>;
+export {};

package/dist/components/molecules/SimpleTooltip.js

@@ -0,0 +1,10 @@
+import { Tooltip, TooltipContent, TooltipTrigger, } from "../atoms/tooltip.js";
+import React from "react";
+export var SimpleTooltip = function (_a) {
+    var children = _a.children, content = _a.content;
+    return (React.createElement(Tooltip, null,
+        React.createElement(TooltipTrigger, { asChild: true },
+            React.createElement("span", { tabIndex: 0 }, children)),
+        content && React.createElement(TooltipContent, null, content)));
+};
+//# sourceMappingURL=SimpleTooltip.js.map

package/dist/components/molecules/SimpleTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTooltip.js","sourceRoot":"","sources":["../../../src/components/molecules/SimpleTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,4BAAsC;AACvC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,MAAM,CAAC,IAAM,aAAa,GAAoD,UAAC,EAG9E;QAFC,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,cAAc,IAAC,OAAO;YACrB,8BAAM,QAAQ,EAAE,CAAC,IAAG,QAAQ,CAAQ,CACrB;QAChB,OAAO,IAAI,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAC9C,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/molecules/SortButton.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from "react";
+import { PaginationInput } from "../../types/models";
+export declare const SortButton: React.FC<PropsWithChildren<{
+    sortKey: string;
+    currSort: PaginationInput["sort"];
+    onClick: () => void;
+}>>;

package/dist/components/molecules/SortButton.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { ArrowDown, ArrowUp, ArrowUpDown } from "lucide-react";
+import { SortOrder } from "@deenruv/admin-types";
+import { Button } from "../atoms";
+export var SortButton = function (_a) {
+    var currSort = _a.currSort, onClick = _a.onClick, children = _a.children, sortKey = _a.sortKey;
+    return (React.createElement(Button, { className: " px-0", variant: "ghost", onClick: onClick },
+        children,
+        currSort && currSort.key === sortKey ? (currSort.sortDir === SortOrder.ASC ? (React.createElement(ArrowUp, { className: "ml-2 size-4" })) : (React.createElement(ArrowDown, { className: "ml-2 size-4" }))) : (React.createElement(ArrowUpDown, { className: "ml-2 size-4" }))));
+};
+//# sourceMappingURL=SortButton.js.map

package/dist/components/molecules/SortButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortButton.js","sourceRoot":"","sources":["../../../src/components/molecules/SortButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,CAAC,IAAM,UAAU,GAMnB,UAAC,EAAwC;QAAtC,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA;IACzC,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO;QACvD,QAAQ;QACR,QAAQ,IAAI,QAAQ,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,CACtC,QAAQ,CAAC,OAAO,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CACnC,oBAAC,OAAO,IAAC,SAAS,EAAC,aAAa,GAAG,CACpC,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,SAAS,EAAC,aAAa,GAAG,CACtC,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,SAAS,EAAC,aAAa,GAAG,CACxC,CACM,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/molecules/TranslationSelect.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TranslationSelect: () => React.JSX.Element;

package/dist/components/molecules/TranslationSelect.js

@@ -0,0 +1,20 @@
+import { useSettings } from "../../state";
+import { Globe } from "lucide-react";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, } from "..";
+import React from "react";
+import { getLanguageName } from "../../utils";
+import { useTranslation } from "../../hooks/useTranslation.js";
+export var TranslationSelect = function () {
+    var t = useTranslation("common").t;
+    var translationsLanguage = useSettings(function (p) { return p.translationsLanguage; });
+    var setTranslationsLanguage = useSettings(function (p) { return p.setTranslationsLanguage; });
+    var availableLanguages = useSettings(function (p) { return p.availableLanguages; });
+    return (React.createElement(Select, { value: translationsLanguage, onValueChange: setTranslationsLanguage },
+        React.createElement(SelectTrigger, { className: "w-auto" },
+            React.createElement("div", { className: "mr-2 flex items-center gap-2 " },
+                React.createElement(Globe, { size: 16 }),
+                React.createElement(SelectValue, { placeholder: t("languageCodePlaceholder") }))),
+        React.createElement(SelectContent, null,
+            React.createElement(SelectGroup, null, availableLanguages.map(function (l) { return (React.createElement(SelectItem, { key: l, value: l }, getLanguageName(l))); })))));
+};
+//# sourceMappingURL=TranslationSelect.js.map

package/dist/components/molecules/TranslationSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationSelect.js","sourceRoot":"","sources":["../../../src/components/molecules/TranslationSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAgB;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,IAAI,CAAC;AACZ,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,oBAAgB;AAC1C,OAAO,EAAE,cAAc,EAAE,sCAAkC;AAE3D,MAAM,CAAC,IAAM,iBAAiB,GAAG;IACvB,IAAA,CAAC,GAAK,cAAc,CAAC,QAAQ,CAAC,EAA7B,CAA8B;IACvC,IAAM,oBAAoB,GAAG,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,oBAAoB,EAAtB,CAAsB,CAAC,CAAC;IACxE,IAAM,uBAAuB,GAAG,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,uBAAuB,EAAzB,CAAyB,CAAC,CAAC;IAC9E,IAAM,kBAAkB,GAAG,WAAW,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,EAApB,CAAoB,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,oBAAoB,EAC3B,aAAa,EAAE,uBAAuB;QAEtC,oBAAC,aAAa,IAAC,SAAS,EAAC,QAAQ;YAC/B,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI;gBACnB,oBAAC,WAAW,IAAC,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,GAAI,CACtD,CACQ;QAChB,oBAAC,aAAa;YACZ,oBAAC,WAAW,QACT,kBAAkB,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAC7B,oBAAC,UAAU,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,IACzB,eAAe,CAAC,CAAC,CAAC,CACR,CACd,EAJ8B,CAI9B,CAAC,CACU,CACA,CACT,CACV,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+export * from "./PaymentMethodImage";
+export * from "./OrderStateBadge";
+export * from "./SimpleSelect";
+export * from "./SimpleTooltip";
+export * from "./SortButton";
+export * from "./TranslationSelect";
+export * from "./ListTable";
+export * from "./SearchInput";
+export * from "./CustomFieldsModal";
+export * from "./ImageWithPreview.js";
+export * from "./ErrorMessage";
+export * from "./ListBadge";
+export * from "./ContextMenu";

package/dist/components/molecules/index.js

@@ -0,0 +1,14 @@
+export * from "./PaymentMethodImage";
+export * from "./OrderStateBadge";
+export * from "./SimpleSelect";
+export * from "./SimpleTooltip";
+export * from "./SortButton";
+export * from "./TranslationSelect";
+export * from "./ListTable";
+export * from "./SearchInput";
+export * from "./CustomFieldsModal";
+export * from "./ImageWithPreview.js";
+export * from "./ErrorMessage";
+export * from "./ListBadge";
+export * from "./ContextMenu";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC"}

package/dist/components/templates/DetailList/DetailList.d.ts

@@ -0,0 +1,60 @@
+import { ColumnDef } from "@tanstack/react-table";
+import { ModelTypes, Permission, ValueTypes } from "@deenruv/admin-types";
+import React from "react";
+import { ExternalListLocationSelector, LocationKeys, PromisePaginated } from "../../../types";
+import { GenericListContextType, RouteBase, RouteWithCreate, RouteWithoutCreate } from "./useDetailListHook/types.js";
+export declare const isAssetObject: (value: object) => boolean;
+type DISABLED_SEARCH_FIELDS = "enabled" | "id" | "createdAt" | "updatedAt";
+type AwaitedReturnType<T extends PromisePaginated> = Awaited<ReturnType<T>>;
+type AdditionalColumn<T> = string & {
+    __type?: T;
+};
+type FIELDS<T extends PromisePaginated> = Array<keyof AwaitedReturnType<T>["items"][number] | AdditionalColumn<"CustomColumn">>;
+type CheckIfInModelTypes<T extends string> = T extends keyof ModelTypes ? T : never;
+type FilterField<ENTITY extends keyof ModelTypes> = {
+    key: Exclude<keyof ModelTypes[CheckIfInModelTypes<`${ENTITY}FilterParameter`>], "_or" | "_and"> | string;
+    translation?: string;
+    operator: "StringOperators" | "IDOperators" | "BooleanOperators" | "NumberOperators" | "DateOperators" | "StringListOperators" | "NumberListOperators" | "BooleanListOperators" | "IDListOperators" | "DateListOperators";
+} | {
+    key: Exclude<keyof ModelTypes[CheckIfInModelTypes<`${ENTITY}FilterParameter`>], "_or" | "_and"> | string;
+    translation?: string;
+    component?: React.ComponentType<{
+        value: any;
+        onChange: (value: any) => void;
+    }>;
+};
+export declare function DetailList<KEY extends LocationKeys | ({} & string), T extends PromisePaginated, ENTITY extends keyof ValueTypes>({ fetch, route, onRemove: remove, tableId, entityName, searchFields, searchTranslations, hideColumns, additionalColumns, detailLinkColumn, filterFields, noPaddings, noCreateButton, createPermissions, deletePermissions, additionalButtons, getSubRows, additionalRowActions, additionalBulkActions, stopRefetchOnChannelChange, suggestedOrderColumns, refetchTimeout, }: {
+    fetch: T;
+    onRemove?: (items: {
+        id: string;
+    }[]) => Promise<boolean>;
+    tableId: KEY;
+    entityName: ENTITY | string;
+    searchFields?: Array<Exclude<FIELDS<T>[number], DISABLED_SEARCH_FIELDS>>;
+    searchTranslations?: Array<{
+        key: Exclude<FIELDS<T>[number], DISABLED_SEARCH_FIELDS>;
+        value: string;
+    }>;
+    hideColumns?: FIELDS<T>;
+    additionalColumns?: ColumnDef<AwaitedReturnType<T>["items"][number]>[];
+    detailLinkColumn?: keyof AwaitedReturnType<T>["items"][number];
+    filterFields?: FilterField<ENTITY>[];
+    noPaddings?: boolean;
+    noCreateButton?: boolean;
+    createPermissions: Array<Permission>;
+    deletePermissions: Array<Permission>;
+    additionalButtons?: React.ReactNode;
+    getSubRows?: (row: AwaitedReturnType<T>["items"][number]) => any;
+    additionalRowActions?: KEY extends LocationKeys ? GenericListContextType<ExternalListLocationSelector[KEY]>["rowActions"] : GenericListContextType<any>["rowActions"];
+    additionalBulkActions?: KEY extends LocationKeys ? GenericListContextType<ExternalListLocationSelector[KEY]>["bulkActions"] : GenericListContextType<any>["bulkActions"];
+    stopRefetchOnChannelChange?: boolean;
+    suggestedOrderColumns?: Partial<Record<keyof AwaitedReturnType<T>["items"][number] | (string & {}), number>>;
+    refetchTimeout?: number;
+} & ({
+    noCreateButton: true;
+    route?: RouteBase | RouteWithoutCreate;
+} | {
+    noCreateButton?: false;
+    route?: RouteBase | RouteWithCreate;
+})): React.JSX.Element;
+export {};