@deenruv/react-ui-devkit 1.0.0

package/dist/custom_fields/DefaultInputs/DefaultFloatInput.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { CardDescription, Input, Label } from "../../components";
+import { useCustomFields } from "../context";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export var DefaultFloatInput = function () {
+    var _a;
+    var _b = useCustomFields(), field = _b.field, value = _b.value, label = _b.label, description = _b.description, setValue = _b.setValue, disabled = _b.disabled;
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement(Input, { id: field === null || field === void 0 ? void 0 : field.name, type: "number", step: 0.01, disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, value: value, onChange: function (e) {
+                var float = parseFloat(e.target.value || "0");
+                setValue(float.toString());
+            } })));
+};
+//# sourceMappingURL=DefaultFloatInput.js.map

package/dist/custom_fields/DefaultInputs/DefaultFloatInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultFloatInput.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultFloatInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAqB;AAC7D,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,CAAC,IAAM,iBAAiB,GAAa;;IACnC,IAAA,KACJ,eAAe,EAAU,EADnB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cACjC,CAAC;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD;QACR,oBAAC,eAAe,QAAE,WAAW,CAAmB;QAChD,oBAAC,KAAK,IACJ,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,KAAK,EAAE,KAAe,EACtB,QAAQ,EAAE,UAAC,CAAC;gBACV,IAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;gBAChD,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC7B,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/custom_fields/DefaultInputs/DefaultIntInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultIntInput: React.FC;

package/dist/custom_fields/DefaultInputs/DefaultIntInput.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { CardDescription, Input, Label } from "../../components";
+import { useCustomFields } from "../context";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export var DefaultIntInput = function () {
+    var _a;
+    var _b = useCustomFields(), field = _b.field, value = _b.value, label = _b.label, description = _b.description, setValue = _b.setValue, disabled = _b.disabled;
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement(Input, { id: field === null || field === void 0 ? void 0 : field.name, type: "number", disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, value: value, onChange: function (e) {
+                setValue(parseInt(e.target.value || "0", 10));
+            } })));
+};
+//# sourceMappingURL=DefaultIntInput.js.map

package/dist/custom_fields/DefaultInputs/DefaultIntInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultIntInput.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultIntInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAqB;AAC7D,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,CAAC,IAAM,eAAe,GAAa;;IACjC,IAAA,KACJ,eAAe,EAAU,EADnB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cACjC,CAAC;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD;QACR,oBAAC,eAAe,QAAE,WAAW,CAAmB;QAChD,oBAAC,KAAK,IACJ,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,CAAC;gBACV,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;YAChD,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/custom_fields/DefaultInputs/DefaultRichText.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function DefaultRichText(): React.JSX.Element;

package/dist/custom_fields/DefaultInputs/DefaultRichText.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { CardDescription, Label } from "../../components";
+import { useCustomFields } from "../context";
+import { RichTextEditor } from "../../universal_components/index.js";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export function DefaultRichText() {
+    var _a;
+    var _b = useCustomFields(), field = _b.field, value = _b.value, setValue = _b.setValue, label = _b.label, description = _b.description, disabled = _b.disabled;
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement(RichTextEditor, { content: value, onContentChanged: function (e) { return setValue(e); }, disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined })));
+}
+//# sourceMappingURL=DefaultRichText.js.map

package/dist/custom_fields/DefaultInputs/DefaultRichText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRichText.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultRichText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,yBAAqB;AACtD,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,EAAE,cAAc,EAAE,4CAAwC;AACjE,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,UAAU,eAAe;;IACvB,IAAA,KACJ,eAAe,EAAU,EADnB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cACjC,CAAC;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD;QACR,oBAAC,eAAe,QAAE,WAAW,CAAmB;QAChD,oBAAC,cAAc,IACb,OAAO,EAAE,KAAe,EACxB,gBAAgB,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,EAAX,CAAW,EACpC,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,GAClD,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/custom_fields/DefaultInputs/DefaultSimpleListInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function DefaultSimpleListInput(): React.JSX.Element;

package/dist/custom_fields/DefaultInputs/DefaultSimpleListInput.js

@@ -0,0 +1,55 @@
+import { __spreadArray } from "tslib";
+import React, { useMemo, useState } from "react";
+import { Badge, Button, CardDescription, Input, Label, Textarea, } from "../../components";
+import { useCustomFields } from "../context";
+import { PlusIcon, X } from "lucide-react";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+// function generateRandomDarkBgColor() {
+//     // Set hue to any random value (0 to 360) for color variety
+//     const hue = Math.floor(Math.random() * 360);
+//     // Set saturation to a high level (50-100%) for vibrant colors
+//     const saturation = Math.floor(Math.random() * 51) + 50;
+//     // Set lightness to a low value (10-30%) to keep the color dark
+//     const lightness = Math.floor(Math.random() * 21) + 10;
+//     return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
+// }
+export function DefaultSimpleListInput() {
+    var _a, _b, _c;
+    var _d = useCustomFields(), field = _d.field, value = _d.value, label = _d.label, description = _d.description, setValue = _d.setValue, disabled = _d.disabled;
+    var _e = useState(""), inputValue = _e[0], setInputValue = _e[1];
+    var isNumber = (field === null || field === void 0 ? void 0 : field.type) === "int" || (field === null || field === void 0 ? void 0 : field.type) === "float";
+    var isTextArea = (field === null || field === void 0 ? void 0 : field.type) === "text" || (field === null || field === void 0 ? void 0 : field.type) === "localeText";
+    var badges = useMemo(function () {
+        {
+            return value === null || value === void 0 ? void 0 : value.map(function (el) { return (React.createElement(Badge, { className: "text-muted-foreground-600 bg-muted break-all" },
+                el,
+                React.createElement(X, { className: "ml-2 cursor-pointer", onClick: function () {
+                        return setValue(value.filter(function (val) { return el !== val; }));
+                    }, size: 14 }))); });
+        }
+    }, [value === null || value === void 0 ? void 0 : value.length]);
+    return (React.createElement("div", { id: field === null || field === void 0 ? void 0 : field.name, className: "flex flex-col gap-2" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement("div", { className: "flex flex-wrap gap-2" }, badges),
+        React.createElement("div", { className: "align-center flex gap-1" },
+            isTextArea ? (React.createElement(Textarea, { id: field === null || field === void 0 ? void 0 : field.name, rows: 2, value: inputValue, disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) { return setInputValue(e.target.value); } })) : (React.createElement(Input, { id: field === null || field === void 0 ? void 0 : field.name, type: "text", value: inputValue, disabled: (_b = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _b !== void 0 ? _b : undefined, onChange: function (e) {
+                    var val = e.target.value;
+                    if (isNumber) {
+                        var validInput = /^[0-9]*\.?[0-9]*$/;
+                        if (validInput.test(val))
+                            setInputValue(val);
+                    }
+                    else {
+                        setInputValue(val);
+                    }
+                } })),
+            React.createElement(Button, { size: "icon", variant: "secondary", disabled: (_c = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _c !== void 0 ? _c : undefined, onClick: function () {
+                    setValue(__spreadArray(__spreadArray([], (value || []), true), [
+                        isNumber ? Number(inputValue) : inputValue,
+                    ], false));
+                    setInputValue("");
+                } },
+                React.createElement(PlusIcon, null)))));
+}
+//# sourceMappingURL=DefaultSimpleListInput.js.map

package/dist/custom_fields/DefaultInputs/DefaultSimpleListInput.js.map

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

package/dist/custom_fields/DefaultInputs/DefaultTextInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function DefaultTextInput(): React.JSX.Element;

package/dist/custom_fields/DefaultInputs/DefaultTextInput.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { CardDescription, Input, Label } from "../../components";
+import { useCustomFields } from "../context";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export function DefaultTextInput() {
+    var _a;
+    var _b = useCustomFields(), field = _b.field, value = _b.value, label = _b.label, description = _b.description, setValue = _b.setValue, disabled = _b.disabled;
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement(Input, { id: field === null || field === void 0 ? void 0 : field.name, type: "text", value: value, disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) {
+                setValue(e.target.value);
+            } })));
+}
+//# sourceMappingURL=DefaultTextInput.js.map

package/dist/custom_fields/DefaultInputs/DefaultTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTextInput.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAqB;AAC7D,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,UAAU,gBAAgB;;IACxB,IAAA,KACJ,eAAe,EAAU,EADnB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cACjC,CAAC;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD;QACR,oBAAC,eAAe,QAAE,WAAW,CAAmB;QAChD,oBAAC,KAAK,IACJ,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACf,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAe,EACtB,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,QAAQ,EAAE,UAAC,CAAC;gBACV,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/custom_fields/DefaultInputs/DefaultTextarea.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function DefaultTextarea(): React.JSX.Element;

package/dist/custom_fields/DefaultInputs/DefaultTextarea.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { CardDescription, Label, Textarea } from "../../components";
+import { useCustomFields } from "../context";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export function DefaultTextarea() {
+    var _a;
+    var _b = useCustomFields(), field = _b.field, value = _b.value, setValue = _b.setValue, label = _b.label, description = _b.description, disabled = _b.disabled;
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement(Textarea, { id: field === null || field === void 0 ? void 0 : field.name, value: value, disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) { return setValue(e.target.value); } })));
+}
+//# sourceMappingURL=DefaultTextarea.js.map

package/dist/custom_fields/DefaultInputs/DefaultTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTextarea.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,yBAAqB;AAChE,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,UAAU,eAAe;;IACvB,IAAA,KACJ,eAAe,EAAU,EADnB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cACjC,CAAC;IAE5B,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD;QACR,oBAAC,eAAe,QAAE,WAAW,CAAmB;QAChD,oBAAC,QAAQ,IACP,EAAE,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EACf,KAAK,EAAE,KAAe,EACtB,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAxB,CAAwB,GACzC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/custom_fields/DefaultInputs/DefaultTimeSelect.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DefaultTimeSelect: React.FC;

package/dist/custom_fields/DefaultInputs/DefaultTimeSelect.js

@@ -0,0 +1,29 @@
+import { cn } from "../../lib/utils";
+import { Popover, PopoverContent, PopoverTrigger, } from "../../components/atoms/popover";
+import { Button, CardDescription, Label } from "../../components";
+import { CalendarIcon } from "lucide-react";
+import { Calendar } from "../../components/atoms/calendar";
+import { format } from "date-fns";
+import { useCustomFields } from "../context";
+import React from "react";
+import { capitalizeFirstLetter, camelCaseToSpaces } from "../../utils";
+export var DefaultTimeSelect = function () {
+    var _a, _b;
+    var _c = useCustomFields(), disabled = _c.disabled, value = _c.value, field = _c.field, label = _c.label, description = _c.description, setValue = _c.setValue;
+    var date = value ? new Date(value) : undefined;
+    var setDate = function (date) {
+        if (date)
+            setValue(date.toISOString());
+    };
+    return (React.createElement("div", { className: "flex flex-col gap-1" },
+        React.createElement(Label, { htmlFor: field === null || field === void 0 ? void 0 : field.name }, label || capitalizeFirstLetter(camelCaseToSpaces(field === null || field === void 0 ? void 0 : field.name))),
+        React.createElement(CardDescription, null, description),
+        React.createElement(Popover, null,
+            React.createElement(PopoverTrigger, { asChild: true },
+                React.createElement(Button, { variant: "outline", disabled: (_a = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _a !== void 0 ? _a : undefined, className: cn("w-[280px] justify-start text-left font-normal", !date && "text-muted-foreground") },
+                    React.createElement(CalendarIcon, { className: "mr-2 size-4" }),
+                    date ? format(date, "PPP") : null)),
+            React.createElement(PopoverContent, { className: "w-auto p-0" },
+                React.createElement(Calendar, { disabled: (_b = disabled !== null && disabled !== void 0 ? disabled : field === null || field === void 0 ? void 0 : field.readonly) !== null && _b !== void 0 ? _b : undefined, mode: "single", selected: date, onSelect: setDate, initialFocus: true })))));
+};
+//# sourceMappingURL=DefaultTimeSelect.js.map

package/dist/custom_fields/DefaultInputs/DefaultTimeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTimeSelect.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/DefaultTimeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,wBAAoB;AACjC,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,uCAAmC;AACpC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,yBAAqB;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,wCAAoC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,mBAAgC;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,oBAAgB;AAEnE,MAAM,CAAC,IAAM,iBAAiB,GAAa;;IACnC,IAAA,KACJ,eAAe,EAAU,EADnB,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cACjC,CAAC;IAC5B,IAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,IAAM,OAAO,GAAG,UAAC,IAAsB;QACrC,IAAI,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACxB,KAAK,IAAI,qBAAqB,CAAC,iBAAiB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC,CACzD;QACR,oBAAC,eAAe,QAAE,WAAW,CAAmB;QAChD,oBAAC,OAAO;YACN,oBAAC,cAAc,IAAC,OAAO;gBACrB,oBAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,SAAS,EAAE,EAAE,CACX,+CAA+C,EAC/C,CAAC,IAAI,IAAI,uBAAuB,CACjC;oBAED,oBAAC,YAAY,IAAC,SAAS,EAAC,aAAa,GAAG;oBACvC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3B,CACM;YACjB,oBAAC,cAAc,IAAC,SAAS,EAAC,YAAY;gBACpC,oBAAC,QAAQ,IACP,QAAQ,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,SAAS,EAClD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,OAAO,EACjB,YAAY,SACZ,CACa,CACT,CACN,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/custom_fields/DefaultInputs/Relations/DefaultRelationInput.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function DefaultRelationInput(): React.JSX.Element | null;

package/dist/custom_fields/DefaultInputs/Relations/DefaultRelationInput.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { useCustomFields } from "../..";
+import { ListRelationInput } from "./ListRelationInput";
+import { RelationInput } from "./RelationInput";
+export function DefaultRelationInput() {
+    var field = useCustomFields().field;
+    if (!field || !("entity" in field))
+        return null;
+    switch (field.entity) {
+        case "Asset":
+        case "Product":
+        case "PaymentMethod":
+        case "ProductVariant": {
+            if (field.list)
+                return React.createElement(ListRelationInput, { entityName: field.entity });
+            return React.createElement(RelationInput, { entityName: field.entity });
+        }
+        default:
+            return (React.createElement("p", { className: "text-md font-bold text-red-500" },
+                "Entity '",
+                field.entity,
+                "' in list is not supported yet"));
+    }
+}
+//# sourceMappingURL=DefaultRelationInput.js.map

package/dist/custom_fields/DefaultInputs/Relations/DefaultRelationInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRelationInput.js","sourceRoot":"","sources":["../../../../src/custom_fields/DefaultInputs/Relations/DefaultRelationInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,cAAwB;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,UAAU,oBAAoB;IAC1B,IAAA,KAAK,GAAK,eAAe,EAAE,MAAtB,CAAuB;IACpC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAChD,QAAQ,KAAK,CAAC,MAAM,EAAE,CAAC;QACrB,KAAK,OAAO,CAAC;QACb,KAAK,SAAS,CAAC;QACf,KAAK,eAAe,CAAC;QACrB,KAAK,gBAAgB,CAAC,CAAC,CAAC;YACtB,IAAI,KAAK,CAAC,IAAI;gBAAE,OAAO,oBAAC,iBAAiB,IAAC,UAAU,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;YACvE,OAAO,oBAAC,aAAa,IAAC,UAAU,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;QACrD,CAAC;QACD;YACE,OAAO,CACL,2BAAG,SAAS,EAAC,gCAAgC;;gBAClC,KAAK,CAAC,MAAM;iDACnB,CACL,CAAC;IACN,CAAC;AACH,CAAC"}

package/dist/custom_fields/DefaultInputs/Relations/ListRelationInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const ListRelationInput: <K extends "Product" | "ProductVariant" | "Asset" | "PaymentMethod">({ entityName, }: {
+    entityName: K;
+}) => React.JSX.Element;

package/dist/custom_fields/DefaultInputs/Relations/ListRelationInput.js

@@ -0,0 +1,167 @@
+"use client";
+import { __assign, __awaiter, __generator, __spreadArray } from "tslib";
+import { useEffect, useMemo, useState } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "../../../components/atoms/dialog";
+import { AssetUploadButton, Button, ImagePlaceholder, Label, ScrollArea, SearchInput, } from "../../../components";
+import { cn } from "../../../lib/utils";
+import { CircleX, ImageIcon, Plus, Trash2 } from "lucide-react";
+import { useCustomFields } from "../..";
+import { useList } from "../../../hooks/useList";
+import { customFieldSelectors, } from "../../../selectors";
+import { apiClient } from "../../../zeus_client";
+import { useDebounce, useTranslation } from "../../../hooks";
+import React from "react";
+export var ListRelationInput = function (_a) {
+    var entityName = _a.entityName;
+    var t = useTranslation("common").t;
+    var _b = useState(false), modalOpened = _b[0], setModalOpened = _b[1];
+    var _c = useState([]), selected = _c[0], setSelected = _c[1];
+    var _d = useState(""), searchString = _d[0], setSearchString = _d[1];
+    var debouncedSearch = useDebounce(searchString, 500);
+    var _e = useCustomFields(), disabled = _e.disabled, value = _e.value, label = _e.label, field = _e.field, setValue = _e.setValue;
+    var _f = useList({
+        route: function (_a) {
+            var page = _a.page, perPage = _a.perPage, filter = _a.filter;
+            return __awaiter(void 0, void 0, void 0, function () {
+                var entities;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, getEntities(__assign({ skip: (page - 1) * perPage, take: perPage }, (filter && { filter: filter })))];
+                        case 1:
+                            entities = _b.sent();
+                            return [2 /*return*/, { items: entities.items, totalItems: entities.totalItems }];
+                    }
+                });
+            });
+        },
+        listType: "modal-assets-list",
+        options: { skip: !modalOpened },
+    }), entities = _f.objects, Paginate = _f.Paginate, refetch = _f.refetch, setFilterField = _f.setFilterField;
+    var isAsset = function (_value) {
+        return entityName === "Asset";
+    };
+    var isProduct = function (_value) {
+        return entityName === "Product";
+    };
+    var isProductVariant = function (_value) { return entityName === "ProductVariant"; };
+    var getImg = function (value) {
+        var _a, _b, _c, _d;
+        if (isAsset(value))
+            return value === null || value === void 0 ? void 0 : value.preview;
+        if (isProduct(value))
+            return (_a = value === null || value === void 0 ? void 0 : value.featuredAsset) === null || _a === void 0 ? void 0 : _a.preview;
+        if (isProductVariant(value))
+            return (((_b = value === null || value === void 0 ? void 0 : value.featuredAsset) === null || _b === void 0 ? void 0 : _b.preview) || ((_d = (_c = value === null || value === void 0 ? void 0 : value.product) === null || _c === void 0 ? void 0 : _c.featuredAsset) === null || _d === void 0 ? void 0 : _d.preview));
+    };
+    var selectedIds = useMemo(function () { return selected === null || selected === void 0 ? void 0 : selected.map(function (el) { return el.id; }); }, [selected]);
+    useEffect(function () {
+        if (debouncedSearch.length < 1)
+            return;
+        setFilterField("name", { contains: debouncedSearch });
+    }, [debouncedSearch, setFilterField]);
+    var onOpenChange = function (open) {
+        setSelected(value || []);
+        setModalOpened(open);
+    };
+    var getEntities = function (options) { return __awaiter(void 0, void 0, void 0, function () {
+        var responseEntityField, _a, _b, response;
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    responseEntityField = entityName.charAt(0).toLowerCase() + entityName.slice(1) + "s";
+                    return [4 /*yield*/, apiClient("query")((_c = {},
+                            _c[responseEntityField] = [
+                                { options: options },
+                                {
+                                    totalItems: true,
+                                    items: customFieldSelectors[entityName],
+                                },
+                            ],
+                            _c))];
+                case 1:
+                    _a = _d.sent(), _b = responseEntityField, response = _a[_b];
+                    return [2 /*return*/, response];
+            }
+        });
+    }); };
+    return (React.createElement(Dialog, { open: modalOpened, onOpenChange: onOpenChange },
+        React.createElement("div", { className: "flex flex-col gap-3" },
+            React.createElement(Label, { className: "text-sm font-medium text-gray-700 dark:text-gray-300" }, label || (field === null || field === void 0 ? void 0 : field.name)),
+            !(value === null || value === void 0 ? void 0 : value.length) ? (React.createElement("div", { className: "rounded-md border border-dashed border-gray-300 bg-gray-50 p-4 dark:border-gray-600 dark:bg-gray-800" },
+                React.createElement(ImagePlaceholder, null))) : (React.createElement("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4" }, value.map(function (el) {
+                var img = getImg(el);
+                return (React.createElement("div", { key: el.id, className: "group relative overflow-hidden rounded-md border border-gray-200 bg-white shadow-sm transition-all hover:shadow-md dark:border-gray-700 dark:bg-gray-800" },
+                    React.createElement("div", { className: "relative aspect-square" },
+                        !(field === null || field === void 0 ? void 0 : field.readonly) && (React.createElement("button", { type: "button", className: "absolute right-2 top-2 z-10 rounded-full bg-white p-1 opacity-0 shadow-md transition-opacity group-hover:opacity-100 dark:bg-gray-800", onClick: function (e) {
+                                e.stopPropagation();
+                                setValue(value.filter(function (el2) { return el.id !== el2.id; }));
+                            }, "aria-label": "Remove item" },
+                            React.createElement(CircleX, { size: 16, className: "text-red-500" }))),
+                        !img ? (React.createElement("div", { className: "flex size-full items-center justify-center bg-gray-100 dark:bg-gray-800" },
+                            React.createElement(ImageIcon, { className: "size-10 text-gray-400 dark:text-gray-500" }))) : (React.createElement("img", { src: img || "/placeholder.svg", alt: el.name, className: "size-full object-cover transition-transform duration-300 group-hover:scale-105" }))),
+                    React.createElement("div", { className: "p-2" },
+                        isProduct(el) && (React.createElement("span", { className: "line-clamp-1 text-sm font-medium" }, el.name)),
+                        isProductVariant(el) && (React.createElement(React.Fragment, null,
+                            React.createElement("p", { className: "line-clamp-1 text-sm font-medium" }, el.name),
+                            React.createElement("p", { className: "line-clamp-1 text-xs text-muted-foreground" }, el.sku))),
+                        isAsset(el) && (React.createElement("span", { className: "line-clamp-1 text-sm font-medium" }, el.name)))));
+            }))),
+            !(field === null || field === void 0 ? void 0 : field.readonly) && (React.createElement("div", { className: "flex gap-2" },
+                !!(value === null || value === void 0 ? void 0 : value.length) && (React.createElement(Button, { disabled: disabled, variant: "destructive", size: "sm", onClick: function () { return setValue([]); }, className: "flex items-center gap-1" },
+                    React.createElement(Trash2, { className: "size-4" }),
+                    t("custom-fields.clear"))),
+                React.createElement(DialogTrigger, { asChild: true },
+                    React.createElement(Button, { disabled: disabled, variant: "secondary", size: "sm", onClick: function () { return setModalOpened(true); }, className: "flex items-center gap-1" },
+                        React.createElement(Plus, { className: "size-4" }),
+                        t("custom-fields.".concat(entityName.toLowerCase(), ".pick"))))))),
+        React.createElement(DialogContent, { className: "max-h-[90vh] max-w-[70vw] overflow-hidden rounded-lg border-0 shadow-lg md:max-w-[60vw] lg:max-w-[50vw]" },
+            React.createElement(DialogHeader, { className: "border-b border-gray-200 pb-4 dark:border-gray-700" },
+                React.createElement(DialogTitle, { className: "text-xl font-semibold" }, t("custom-fields.".concat(entityName.toLowerCase(), ".title"))),
+                React.createElement(DialogDescription, { className: "text-gray-500 dark:text-gray-400" }, t("custom-fields.".concat(entityName.toLowerCase(), ".description")))),
+            React.createElement("div", { className: "py-4" },
+                React.createElement(SearchInput, { searchString: searchString, setSearchString: setSearchString, placeholder: t("search.AssetFilterParameter.placeholder") }),
+                React.createElement(ScrollArea, { className: "h-[50vh] pr-4" }, !entities || entities.length === 0 ? (React.createElement("div", { className: "flex h-40 flex-col items-center justify-center text-center" },
+                    React.createElement(ImageIcon, { className: "mb-2 size-12 text-muted-foreground" }),
+                    React.createElement("p", { className: "text-muted-foreground" },
+                        "No ",
+                        entityName.toLowerCase(),
+                        " found"))) : (React.createElement("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4" }, entities === null || entities === void 0 ? void 0 : entities.map(function (entity) {
+                    var isSelected = selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(entity.id);
+                    var entityImg = getImg(entity);
+                    return (React.createElement("div", { key: entity.id, className: cn("group cursor-pointer rounded-lg overflow-hidden border transition-all duration-200", "hover:shadow-md hover:border-primary-400 dark:hover:border-primary-500", isSelected
+                            ? "border-primary-500 dark:border-primary-400 shadow-sm ring-2 ring-primary-200 dark:ring-primary-900"
+                            : "border-gray-200 dark:border-gray-700"), onClick: function () {
+                            if (isSelected)
+                                setSelected(function (prev) {
+                                    return prev === null || prev === void 0 ? void 0 : prev.filter(function (el) { return el.id !== entity.id; });
+                                });
+                            else
+                                setSelected(function (prev) { return __spreadArray(__spreadArray([], prev, true), [entity], false); });
+                        } },
+                        React.createElement("div", { className: "relative aspect-square bg-gray-100 dark:bg-gray-800" },
+                            entityImg ? (React.createElement("img", { src: entityImg || "/placeholder.svg", alt: entity.name, className: "size-full object-cover" })) : (React.createElement("div", { className: "flex size-full items-center justify-center" },
+                                React.createElement(ImageIcon, { className: "size-8 text-gray-400 dark:text-gray-500" }))),
+                            isSelected && (React.createElement("div", { className: "bg-primary-500/20 absolute inset-0 flex items-center justify-center" },
+                                React.createElement("div", { className: "bg-primary-500 rounded-full p-1 text-white" },
+                                    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", className: "text-white" },
+                                        React.createElement("polyline", { points: "20 6 9 17 4 12" })))))),
+                        React.createElement("div", { className: "p-2" },
+                            React.createElement("span", { className: "group-hover:text-primary-600 dark:group-hover:text-primary-400 line-clamp-2 text-sm font-medium" }, entity.name))));
+                }))))),
+            React.createElement(DialogFooter, { className: "border-t border-gray-200 pt-4 dark:border-gray-700" },
+                React.createElement("div", { className: "flex w-full flex-col gap-3" },
+                    React.createElement("div", { className: "flex justify-center" }, Paginate),
+                    React.createElement("div", { className: "flex justify-end gap-3" },
+                        entityName === "Asset" && (React.createElement(AssetUploadButton, { refetch: refetch },
+                            React.createElement(Plus, { className: "size-4" }),
+                            t("upload"))),
+                        React.createElement(Button, { onClick: function () {
+                                if (selected)
+                                    setValue(selected);
+                                onOpenChange(false);
+                            }, variant: selected.length ? "action" : "secondary", disabled: disabled, size: "lg", className: cn("transition-all min-w-[100px]", selected.length
+                                ? "bg-primary-600 hover:bg-primary-700 text-white"
+                                : "hover:bg-gray-200 dark:hover:bg-gray-700") }, t("save"))))))));
+};
+//# sourceMappingURL=ListRelationInput.js.map

package/dist/custom_fields/DefaultInputs/Relations/ListRelationInput.js.map

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

package/dist/custom_fields/DefaultInputs/Relations/RelationInput.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const RelationInput: <K extends "Product" | "ProductVariant" | "Asset" | "PaymentMethod">({ entityName, }: {
+    entityName: K;
+}) => React.JSX.Element;

package/dist/custom_fields/DefaultInputs/Relations/RelationInput.js

@@ -0,0 +1,66 @@
+import { __assign, __awaiter, __generator } from "tslib";
+import { useEffect, useState } from "react";
+import { CustomFieldsModal } from "../../../components";
+import { useCustomFields } from "../..";
+import { useList } from "../../../hooks/useList";
+import React from "react";
+import { apiClient } from "../../../zeus_client";
+import { customFieldSelectors } from "../../../selectors";
+import { useDebounce } from "../../../hooks";
+export var RelationInput = function (_a) {
+    var entityName = _a.entityName;
+    var value = useCustomFields().value;
+    var _b = useState(false), modalOpened = _b[0], setModalOpened = _b[1];
+    var _c = useState(""), searchString = _c[0], setSearchString = _c[1];
+    var debouncedSearch = useDebounce(searchString, 500);
+    useEffect(function () {
+        if (debouncedSearch.length < 1)
+            return;
+        setFilterField("name", { contains: debouncedSearch });
+    }, [debouncedSearch]);
+    var _d = useState(), selected = _d[0], setSelected = _d[1];
+    var onOpenChange = function (open) {
+        if (value)
+            setSelected(value);
+        setModalOpened(open);
+    };
+    var getEntities = function (options) { return __awaiter(void 0, void 0, void 0, function () {
+        var responseEntityField, _a, _b, response;
+        var _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    responseEntityField = entityName.charAt(0).toLowerCase() + entityName.slice(1) + "s";
+                    return [4 /*yield*/, apiClient("query")((_c = {},
+                            _c[responseEntityField] = [
+                                { options: options },
+                                { totalItems: true, items: customFieldSelectors[entityName] },
+                            ],
+                            _c))];
+                case 1:
+                    _a = _d.sent(), _b = responseEntityField, response = _a[_b];
+                    return [2 /*return*/, response];
+            }
+        });
+    }); };
+    var _e = useList({
+        route: function (_a) {
+            var page = _a.page, perPage = _a.perPage, filter = _a.filter;
+            return __awaiter(void 0, void 0, void 0, function () {
+                var entities;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, getEntities(__assign({ skip: (page - 1) * perPage, take: perPage }, (filter && { filter: filter })))];
+                        case 1:
+                            entities = _b.sent();
+                            return [2 /*return*/, { items: entities.items, totalItems: entities.totalItems }];
+                    }
+                });
+            });
+        },
+        listType: "modal-assets-list",
+        options: { skip: !modalOpened },
+    }), entities = _e.objects, Paginate = _e.Paginate, refetch = _e.refetch, setFilterField = _e.setFilterField;
+    return (React.createElement(CustomFieldsModal, { Paginate: Paginate, entities: entities, entityName: entityName, modalOpened: modalOpened, onOpenChange: onOpenChange, refetch: refetch, searchString: searchString, selected: selected, setModalOpened: setModalOpened, setSearchString: setSearchString, setSelected: setSelected }));
+};
+//# sourceMappingURL=RelationInput.js.map

package/dist/custom_fields/DefaultInputs/Relations/RelationInput.js.map

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

package/dist/custom_fields/DefaultInputs/Relations/index.d.ts

@@ -0,0 +1 @@
+export { DefaultRelationInput } from "./DefaultRelationInput";

package/dist/custom_fields/DefaultInputs/Relations/index.js

@@ -0,0 +1,2 @@
+export { DefaultRelationInput } from "./DefaultRelationInput";
+//# sourceMappingURL=index.js.map

package/dist/custom_fields/DefaultInputs/Relations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/custom_fields/DefaultInputs/Relations/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/custom_fields/DefaultInputs/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./DefaultCheckbox";
+export * from "./DefaultFloatInput";
+export * from "./DefaultIntInput";
+export * from "./DefaultTextInput";
+export * from "./DefaultTextarea";
+export * from "./DefaultRichText";
+export * from "./DefaultTimeSelect";
+export * from "./Relations";
+export * from "./types";

package/dist/custom_fields/DefaultInputs/index.js

@@ -0,0 +1,10 @@
+export * from "./DefaultCheckbox";
+export * from "./DefaultFloatInput";
+export * from "./DefaultIntInput";
+export * from "./DefaultTextInput";
+export * from "./DefaultTextarea";
+export * from "./DefaultRichText";
+export * from "./DefaultTimeSelect";
+export * from "./Relations";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/custom_fields/DefaultInputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/custom_fields/DefaultInputs/index.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/custom_fields/DefaultInputs/types.d.ts

@@ -0,0 +1,6 @@
+import type { GraphQLTypes } from "@deenruv/admin-types";
+export type DefaultProps<T> = {
+    field: GraphQLTypes["CustomFieldConfig"];
+    value: T;
+    onChange: (e: T) => void;
+};

package/dist/custom_fields/DefaultInputs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map