npm - @solidxai/core-ui - Versions diffs - 0.1.3 → 0.1.4-beta.1 - Mend

@solidxai/core-ui 0.1.3 → 0.1.4-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.js CHANGED Viewed

@@ -9,15 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Panel } from "primereact/panel";
 import { useEffect, useState } from "react";
@@ -38,28 +29,29 @@ var groupByController = function (items) {
     return grouped;
 };
 export var RolePermissionsManyToManyFieldWidget = function (_a) {
+    var _b;
     var formik = _a.formik, fieldContext = _a.fieldContext;
     var fieldLayoutInfo = fieldContext.field;
     var readOnlyPermission = fieldContext.readOnly;
-    var _b = useState(false), visibleCreateDialog = _b[0], setVisibleCreateDialog = _b[1];
-    var _c = useRelationEntityHandler({ fieldContext: fieldContext, formik: formik }), autoCompleteItems = _c.autoCompleteItems, fetchRelationEntities = _c.fetchRelationEntities, addNewRelation = _c.addNewRelation;
+    var _c = useState(false), visibleCreateDialog = _c[0], setVisibleCreateDialog = _c[1];
     var _d = useState({}), visibleDialogs = _d[0], setVisibleDialogs = _d[1];
+    var _e = useRelationEntityHandler({ fieldContext: fieldContext }), allOptions = _e.allOptions, currentValues = _e.currentValues, fetchAllOptions = _e.fetchAllOptions, fetchCurrentValues = _e.fetchCurrentValues, linkItem = _e.linkItem, unlinkItem = _e.unlinkItem, addNewRelation = _e.addNewRelation;
+    // On mount: load already-linked permissions into currentValues
+    useEffect(function () {
+        fetchCurrentValues();
+    }, [(_b = fieldContext.data) === null || _b === void 0 ? void 0 : _b.id]);
+    // On mount: load all available permissions into allOptions
     useEffect(function () {
-        var queryData = {
-            offset: 0,
-            limit: 1000
-        };
-        var autocompleteQs = qs.stringify(queryData, {
-            encodeValuesOnly: true,
-        });
-        fetchRelationEntities(autocompleteQs);
+        var queryData = { offset: 0, limit: 1000 };
+        fetchAllOptions(qs.stringify(queryData, { encodeValuesOnly: true }));
     }, []);
-    var handleCheckboxChange = function (e) {
-        if (formik.values[fieldLayoutInfo.attrs.name].some(function (item) { return item.value === e.value; })) {
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, formik.values[fieldLayoutInfo.attrs.name].filter(function (s) { return s.value !== e.value; }));
+    var handleCheckboxChange = function (item) {
+        var isCurrentlyLinked = currentValues.some(function (s) { return s.value === item.value; });
+        if (isCurrentlyLinked) {
+            unlinkItem(item);
         }
         else {
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, __spreadArray(__spreadArray([], formik.values[fieldLayoutInfo.attrs.name], true), [e], false));
+            linkItem(item);
         }
     };
     var getHeaderTemplate = function (controllerName) { return function (options) {
@@ -71,11 +63,8 @@ export var RolePermissionsManyToManyFieldWidget = function (_a) {
                                         });
                                     }, className: "custom-add-button" }), _jsx(InlineRelationEntityDialog, { visible: visibleCreateDialog, setVisible: setVisibleCreateDialog, fieldContext: fieldContext, onCreate: addNewRelation })] }))] }), _jsx("div", { children: options.togglerElement })] }));
     }; };
-    var groupedEntities = groupByController(autoCompleteItems || []);
-    return (_jsxs("div", { children: [Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(Panel, { toggleable: true, headerTemplate: getHeaderTemplate(controllerName), className: "mt-3 lg:mt-4", children: _jsx("div", { className: "formgrid grid gap-3 lg:gap-0 ", children: groupedEntities[controllerName].map(function (entity, i) {
-                        var isChecked = formik.values[fieldLayoutInfo.attrs.name].some(function (item) { return item.value === entity.value; });
-                        return (_jsxs("div", { className: "field col-12 lg:col-6  flex gap-2 ".concat(i >= 2 ? 'lg:mt-3' : ''), children: [_jsx(Checkbox, { readOnly: readOnlyPermission, inputId: entity.label, checked: isChecked, onChange: function () { return handleCheckboxChange(entity); } }), _jsxs("label", { htmlFor: entity.label, className: "form-field-label m-0 solid-permisson-form-label", children: [" ", entity.label] })] }, entity.label));
-                    }) }) }, controllerName)); }), Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(InlineRelationEntityDialog, { visible: visibleDialogs[controllerName] || false, setVisible: function (visible) {
+    var groupedEntities = groupByController(allOptions || []);
+    return (_jsxs("div", { children: [Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(Panel, { toggleable: true, headerTemplate: getHeaderTemplate(controllerName), className: "mt-3 lg:mt-4", children: _jsx("div", { className: "formgrid grid gap-3 lg:gap-0", children: groupedEntities[controllerName].map(function (entity, i) { return (_jsxs("div", { className: "field col-12 lg:col-6 flex gap-2 ".concat(i >= 2 ? 'lg:mt-3' : ''), children: [_jsx(Checkbox, { readOnly: readOnlyPermission, inputId: entity.label, checked: currentValues.some(function (s) { return s.value === entity.value; }), onChange: function () { return handleCheckboxChange(entity); } }), _jsx("label", { htmlFor: entity.label, className: "form-field-label m-0 solid-permisson-form-label", children: entity.label })] }, entity.value)); }) }) }, controllerName)); }), Object.keys(groupedEntities).map(function (controllerName) { return (_jsx(InlineRelationEntityDialog, { visible: visibleDialogs[controllerName] || false, setVisible: function (visible) {
                     return setVisibleDialogs(function (prev) {
                         var _a;
                         return (__assign(__assign({}, prev), (_a = {}, _a[controllerName] = visible, _a)));

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RolePermissionsManyToManyFieldWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+FAA+F,CAAC;AACzI,OAAO,EAAE,0BAA0B,EAAE,MAAM,iGAAiG,CAAC;AAC7I,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,IAAM,iBAAiB,GAAG,UAAC,KAAY;IACnC,IAAM,OAAO,GAA6B,EAAE,CAAC;IAC7C,KAAK,CAAC,OAAO,CAAC,UAAC,IAAI;QACf,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAChD,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;YAC1B,OAAO,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;SAChC;QACD,OAAO,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,oCAAoC,GAAG,UAAC,EAAmD;QAAjD,MAAM,YAAA,EAAE,YAAY,kBAAA;IACvE,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,IAAM,kBAAkB,GAAG,YAAY,CAAC,QAAQ,CAAC;IAC3C,IAAA,KAAgD,QAAQ,CAAC,KAAK,CAAC,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IAChE,IAAA,KAA+D,wBAAwB,CAAC,EAAE,YAAY,cAAA,EAAE,MAAM,QAAA,EAAE,CAAC,EAA/G,iBAAiB,uBAAA,EAAE,qBAAqB,2BAAA,EAAE,cAAc,oBAAuD,CAAC;IAClH,IAAA,KAAsC,QAAQ,CAA6B,EAAE,CAAC,EAA7E,cAAc,QAAA,EAAE,iBAAiB,QAA4C,CAAC;IAErF,SAAS,CAAC;QACN,IAAM,SAAS,GAAQ;YACnB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,IAAI;SACd,CAAC;QACF,IAAM,cAAc,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;YAC3C,gBAAgB,EAAE,IAAI;SACzB,CAAC,CAAC;QACH,qBAAqB,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,oBAAoB,GAAG,UAAC,CAAM;QAChC,IAAI,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,EAAtB,CAAsB,CAAC,EAAE;YACvF,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,EAAnB,CAAmB,CAAC,CAAC,CAAC;SACvI;aAAM;YACH,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,kCAAM,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,UAAE,CAAC,UAAE,CAAC;SACvG;IACL,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,cAAsB,IAAK,OAAA,UAAC,OAAY;QAC/D,IAAM,SAAS,GAAG,UAAG,OAAO,CAAC,SAAS,mCAAgC,CAAC;QAEvE,OAAO,CACH,eAAK,SAAS,EAAE,SAAS,aACrB,eAAK,SAAS,EAAC,+BAA+B,aAC1C,gBAAO,SAAS,EAAC,iDAAiD,YAC7D,cAAc,GACX,EACP,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CACtC,8BACI,KAAC,MAAM,IACH,IAAI,EAAC,YAAY,EACjB,OAAO,QACP,QAAQ,sBACG,KAAK,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;wCACL,OAAA,iBAAiB,CAAC,UAAC,IAAI;;4CAAK,OAAA,uBACrB,IAAI,gBACN,cAAc,IAAG,IAAI,OACxB;wCAH0B,CAG1B,CAAC;oCAHH,CAGG,EAEP,SAAS,EAAC,mBAAmB,GAC/B,EACF,KAAC,0BAA0B,IACvB,OAAO,EAAE,mBAAmB,EAC5B,UAAU,EAAE,sBAAsB,EAClC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,cAAc,GAC1B,IACH,CACN,IACC,EACN,wBAAM,OAAO,CAAC,cAAc,GAAO,IACjC,CACT,CAAC;IACN,CAAC,EAtCqD,CAsCrD,CAAC;IAEF,IAAM,eAAe,GAAG,iBAAiB,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC;IACnE,OAAO,CACC,0BACK,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,UAAC,cAAc,IAAK,OAAA,CAClD,KAAC,KAAK,IAAC,UAAU,QAAC,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,EAAuB,SAAS,EAAC,cAAc,YAC9G,cAAK,SAAS,EAAC,+BAA+B,YACzC,eAAe,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,UAAC,MAAW,EAAE,CAAS;wBACxD,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,EAA3B,CAA2B,CAAC,CAAC;wBAC7G,OAAO,CACH,eAAwB,SAAS,EAAE,4CAAqC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,aAC7F,KAAC,QAAQ,IACL,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,MAAM,CAAC,KAAK,EACrB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,cAAM,OAAA,oBAAoB,CAAC,MAAM,CAAC,EAA5B,CAA4B,GAC9C,EACF,iBAAO,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,EAAC,iDAAiD,kBAAG,MAAM,CAAC,KAAK,IAAS,KAP3G,MAAM,CAAC,KAAK,CAQhB,CACT,CAAA;oBACL,CAAC,CAAC,GACA,IAhBgE,cAAc,CAiBhF,CACX,EAnBqD,CAmBrD,CAAC,EACD,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,UAAC,cAAc,IAAK,OAAA,CAClD,KAAC,0BAA0B,IAEvB,OAAO,EAAE,cAAc,CAAC,cAAc,CAAC,IAAI,KAAK,EAChD,UAAU,EAAE,UAAC,OAAY;oBACrB,OAAA,iBAAiB,CAAC,UAAC,IAAI;;wBAAK,OAAA,uBACrB,IAAI,gBACN,cAAc,IAAG,OAAO,OAC3B;oBAH0B,CAG1B,CAAC;gBAHH,CAGG,EAEP,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,cAAc,IATnB,iBAAU,cAAc,CAAE,CAUjC,CACL,EAbqD,CAarD,CAAC,IACA,CACT,CAAA;AACT,CAAC,CAAC","sourcesContent":["\nimport { capitalize } from \"lodash\";\nimport { Panel } from \"primereact/panel\";\nimport { useEffect, useState } from \"react\";\nimport { Button } from \"primereact/button\";\nimport { InputSwitch } from \"primereact/inputswitch\";\nimport { useRelationEntityHandler } from \"../../../../../components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler\";\nimport { InlineRelationEntityDialog } from \"../../../../../components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport qs from 'qs';\n\nconst groupByController = (items: any[]) => {\n const grouped: { [key: string]: any[] } = {};\n items.forEach((item) => {\n const controllerName = item.label.split(\".\")[0];\n if (!grouped[controllerName]) {\n grouped[controllerName] = [];\n }\n grouped[controllerName].push(item);\n });\n return grouped;\n};\n\nexport const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldLayoutInfo = fieldContext.field;\n\n const readOnlyPermission = fieldContext.readOnly;\n const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);\n const { autoCompleteItems, fetchRelationEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });\n const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});\n\n useEffect(() => {\n const queryData: any = {\n offset: 0,\n limit: 1000\n };\n const autocompleteQs = qs.stringify(queryData, {\n encodeValuesOnly: true,\n });\n fetchRelationEntities(autocompleteQs);\n }, []);\n\n const handleCheckboxChange = (e: any) => {\n if (formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === e.value)) {\n formik.setFieldValue(fieldLayoutInfo.attrs.name, formik.values[fieldLayoutInfo.attrs.name].filter((s: any) => s.value !== e.value));\n } else {\n formik.setFieldValue(fieldLayoutInfo.attrs.name, [...formik.values[fieldLayoutInfo.attrs.name], e]);\n }\n };\n\n const getHeaderTemplate = (controllerName: string) => (options: any) => {\n const className = `${options.className} justify-content-space-between`;\n \n return (\n <div className={className}>\n <div className=\"flex align-items-center gap-3\">\n <label className=\"form-field-label text-base lg:text-lg font-bold\">\n {controllerName}\n </label>\n {fieldContext.field.attrs.inlineCreate && (\n <>\n <Button\n icon=\"pi pi-plus\"\n rounded\n outlined\n aria-label=\"Add\"\n type=\"button\"\n size=\"small\"\n onClick={() =>\n setVisibleDialogs((prev) => ({\n ...prev,\n [controllerName]: true,\n }))\n }\n className=\"custom-add-button\"\n />\n <InlineRelationEntityDialog\n visible={visibleCreateDialog}\n setVisible={setVisibleCreateDialog}\n fieldContext={fieldContext}\n onCreate={addNewRelation}\n />\n </>\n )}\n </div>\n <div>{options.togglerElement}</div>\n </div>\n );\n };\n \n const groupedEntities = groupByController(autoCompleteItems \|\| []);\n return (\n <div>\n {Object.keys(groupedEntities).map((controllerName) => (\n <Panel toggleable headerTemplate={getHeaderTemplate(controllerName)} key={controllerName} className=\"mt-3 lg:mt-4\">\n <div className=\"formgrid grid gap-3 lg:gap-0 \">\n {groupedEntities[controllerName].map((entity: any, i: number) => {\n const isChecked = formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === entity.value);\n return (\n <div key={entity.label} className={`field col-12 lg:col-6 flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}>\n <Checkbox\n readOnly={readOnlyPermission}\n inputId={entity.label}\n checked={isChecked}\n onChange={() => handleCheckboxChange(entity)}\n />\n <label htmlFor={entity.label} className=\"form-field-label m-0 solid-permisson-form-label\"> {entity.label}</label>\n </div>\n )\n })}\n </div>\n </Panel>\n ))}\n {Object.keys(groupedEntities).map((controllerName) => (\n <InlineRelationEntityDialog\n key={`dialog-${controllerName}`}\n visible={visibleDialogs[controllerName] \|\| false}\n setVisible={(visible: any) =>\n setVisibleDialogs((prev) => ({\n ...prev,\n [controllerName]: visible,\n }))\n }\n fieldContext={fieldContext}\n onCreate={addNewRelation}\n />\n ))}\n </div>\n )\n};"]}
1	+ {"version":3,"file":"RolePermissionsManyToManyFieldWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { capitalize } from \"lodash\";\nimport { Panel } from \"primereact/panel\";\nimport { useEffect, useState } from \"react\";\nimport { Button } from \"primereact/button\";\nimport { useRelationEntityHandler } from \"../../../../../components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler\";\nimport { InlineRelationEntityDialog } from \"../../../../../components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport qs from 'qs';\n\nconst groupByController = (items: any[]) => {\n const grouped: { [key: string]: any[] } = {};\n items.forEach((item) => {\n const controllerName = item.label.split(\".\")[0];\n if (!grouped[controllerName]) {\n grouped[controllerName] = [];\n }\n grouped[controllerName].push(item);\n });\n return grouped;\n};\n\nexport const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n const fieldLayoutInfo = fieldContext.field;\n const readOnlyPermission = fieldContext.readOnly;\n const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);\n\n const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});\n\n const {\n allOptions,\n currentValues,\n fetchAllOptions,\n fetchCurrentValues,\n linkItem,\n unlinkItem,\n addNewRelation,\n } = useRelationEntityHandler({ fieldContext });\n\n // On mount: load already-linked permissions into currentValues\n useEffect(() => {\n fetchCurrentValues();\n }, [fieldContext.data?.id]);\n\n // On mount: load all available permissions into allOptions\n useEffect(() => {\n const queryData = { offset: 0, limit: 1000 };\n fetchAllOptions(qs.stringify(queryData, { encodeValuesOnly: true }));\n }, []);\n\n const handleCheckboxChange = (item: any) => {\n const isCurrentlyLinked = currentValues.some((s) => s.value === item.value);\n if (isCurrentlyLinked) {\n unlinkItem(item);\n } else {\n linkItem(item);\n }\n };\n\n const getHeaderTemplate = (controllerName: string) => (options: any) => {\n const className = `${options.className} justify-content-space-between`;\n\n return (\n <div className={className}>\n <div className=\"flex align-items-center gap-3\">\n <label className=\"form-field-label text-base lg:text-lg font-bold\">\n {controllerName}\n </label>\n {fieldContext.field.attrs.inlineCreate && (\n <>\n <Button\n icon=\"pi pi-plus\"\n rounded\n outlined\n aria-label=\"Add\"\n type=\"button\"\n size=\"small\"\n onClick={() =>\n setVisibleDialogs((prev) => ({\n ...prev,\n [controllerName]: true,\n }))\n }\n className=\"custom-add-button\"\n />\n <InlineRelationEntityDialog\n visible={visibleCreateDialog}\n setVisible={setVisibleCreateDialog}\n fieldContext={fieldContext}\n onCreate={addNewRelation}\n />\n </>\n )}\n </div>\n <div>{options.togglerElement}</div>\n </div>\n );\n };\n\n const groupedEntities = groupByController(allOptions \|\| []);\n return (\n <div>\n {Object.keys(groupedEntities).map((controllerName) => (\n <Panel\n key={controllerName}\n toggleable\n headerTemplate={getHeaderTemplate(controllerName)}\n className=\"mt-3 lg:mt-4\"\n >\n <div className=\"formgrid grid gap-3 lg:gap-0\">\n {groupedEntities[controllerName].map((entity: any, i: number) => (\n <div\n key={entity.value}\n className={`field col-12 lg:col-6 flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}\n >\n <Checkbox\n readOnly={readOnlyPermission}\n inputId={entity.label}\n checked={currentValues.some((s) => s.value === entity.value)}\n onChange={() => handleCheckboxChange(entity)}\n />\n <label htmlFor={entity.label} className=\"form-field-label m-0 solid-permisson-form-label\">\n {entity.label}\n </label>\n </div>\n ))}\n </div>\n </Panel>\n ))}\n {Object.keys(groupedEntities).map((controllerName) => (\n <InlineRelationEntityDialog\n key={`dialog-${controllerName}`}\n visible={visibleDialogs[controllerName] \|\| false}\n setVisible={(visible: any) =>\n setVisibleDialogs((prev) => ({\n ...prev,\n [controllerName]: visible,\n }))\n }\n fieldContext={fieldContext}\n onCreate={addNewRelation}\n />\n ))}\n </div>\n );\n};"]}

package/dist/components/core/extension/solid-core/roleMetadata/RolePermissionsManyToManyFieldWidget.tsx CHANGED Viewed

@@ -1,9 +1,7 @@
 import { capitalize } from "lodash";
 import { Panel } from "primereact/panel";
 import { useEffect, useState } from "react";
 import { Button } from "primereact/button";
-import { InputSwitch } from "primereact/inputswitch";
 import { useRelationEntityHandler } from "../../../../../components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler";
 import { InlineRelationEntityDialog } from "../../../../../components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog";
 import { Checkbox } from "primereact/checkbox";
@@ -24,34 +22,44 @@ const groupByController = (items: any[]) => {
 export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
     const fieldLayoutInfo = fieldContext.field;
     const readOnlyPermission = fieldContext.readOnly;
     const [visibleCreateDialog, setVisibleCreateDialog] = useState(false);
-    const { autoCompleteItems, fetchRelationEntities, addNewRelation } = useRelationEntityHandler({ fieldContext, formik });
     const [visibleDialogs, setVisibleDialogs] = useState<{ [key: string]: boolean }>({});
+    const {
+        allOptions,
+        currentValues,
+        fetchAllOptions,
+        fetchCurrentValues,
+        linkItem,
+        unlinkItem,
+        addNewRelation,
+    } = useRelationEntityHandler({ fieldContext });
+    // On mount: load already-linked permissions into currentValues
     useEffect(() => {
-        const queryData: any = {
-            offset: 0,
-            limit: 1000
-        };
-        const autocompleteQs = qs.stringify(queryData, {
-            encodeValuesOnly: true,
-        });
-        fetchRelationEntities(autocompleteQs);
+        fetchCurrentValues();
+    }, [fieldContext.data?.id]);
+    // On mount: load all available permissions into allOptions
+    useEffect(() => {
+        const queryData = { offset: 0, limit: 1000 };
+        fetchAllOptions(qs.stringify(queryData, { encodeValuesOnly: true }));
     }, []);
-    const handleCheckboxChange = (e: any) => {
-        if (formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === e.value)) {
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, formik.values[fieldLayoutInfo.attrs.name].filter((s: any) => s.value !== e.value));
+    const handleCheckboxChange = (item: any) => {
+        const isCurrentlyLinked = currentValues.some((s) => s.value === item.value);
+        if (isCurrentlyLinked) {
+            unlinkItem(item);
         } else {
-            formik.setFieldValue(fieldLayoutInfo.attrs.name, [...formik.values[fieldLayoutInfo.attrs.name], e]);
+            linkItem(item);
         }
     };
     const getHeaderTemplate = (controllerName: string) => (options: any) => {
         const className = `${options.className} justify-content-space-between`;
         return (
             <div className={className}>
                 <div className="flex align-items-center gap-3">
@@ -88,44 +96,51 @@ export const RolePermissionsManyToManyFieldWidget = ({ formik, fieldContext }: S
             </div>
         );
     };
-    const groupedEntities = groupByController(autoCompleteItems || []);
+    const groupedEntities = groupByController(allOptions || []);
     return (
-            <div>
-                {Object.keys(groupedEntities).map((controllerName) => (
-                    <Panel toggleable headerTemplate={getHeaderTemplate(controllerName)} key={controllerName} className="mt-3 lg:mt-4">
-                        <div className="formgrid grid gap-3 lg:gap-0 ">
-                            {groupedEntities[controllerName].map((entity: any, i: number) => {
-                                const isChecked = formik.values[fieldLayoutInfo.attrs.name].some((item: any) => item.value === entity.value);
-                                return (
-                                    <div key={entity.label} className={`field col-12 lg:col-6  flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}>
-                                        <Checkbox
-                                            readOnly={readOnlyPermission}
-                                            inputId={entity.label}
-                                            checked={isChecked}
-                                            onChange={() => handleCheckboxChange(entity)}
-                                        />
-                                        <label htmlFor={entity.label} className="form-field-label m-0 solid-permisson-form-label"> {entity.label}</label>
-                                    </div>
-                                )
-                            })}
-                        </div>
-                    </Panel>
-                ))}
-                {Object.keys(groupedEntities).map((controllerName) => (
-                    <InlineRelationEntityDialog
-                        key={`dialog-${controllerName}`}
-                        visible={visibleDialogs[controllerName] || false}
-                        setVisible={(visible: any) =>
-                            setVisibleDialogs((prev) => ({
-                                ...prev,
-                                [controllerName]: visible,
-                            }))
-                        }
-                        fieldContext={fieldContext}
-                        onCreate={addNewRelation}
-                    />
-                ))}
-            </div>
-        )
+        <div>
+            {Object.keys(groupedEntities).map((controllerName) => (
+                <Panel
+                    key={controllerName}
+                    toggleable
+                    headerTemplate={getHeaderTemplate(controllerName)}
+                    className="mt-3 lg:mt-4"
+                >
+                    <div className="formgrid grid gap-3 lg:gap-0">
+                        {groupedEntities[controllerName].map((entity: any, i: number) => (
+                            <div
+                                key={entity.value}
+                                className={`field col-12 lg:col-6 flex gap-2 ${i >= 2 ? 'lg:mt-3' : ''}`}
+                            >
+                                <Checkbox
+                                    readOnly={readOnlyPermission}
+                                    inputId={entity.label}
+                                    checked={currentValues.some((s) => s.value === entity.value)}
+                                    onChange={() => handleCheckboxChange(entity)}
+                                />
+                                <label htmlFor={entity.label} className="form-field-label m-0 solid-permisson-form-label">
+                                    {entity.label}
+                                </label>
+                            </div>
+                        ))}
+                    </div>
+                </Panel>
+            ))}
+            {Object.keys(groupedEntities).map((controllerName) => (
+                <InlineRelationEntityDialog
+                    key={`dialog-${controllerName}`}
+                    visible={visibleDialogs[controllerName] || false}
+                    setVisible={(visible: any) =>
+                        setVisibleDialogs((prev) => ({
+                            ...prev,
+                            [controllerName]: visible,
+                        }))
+                    }
+                    fieldContext={fieldContext}
+                    onCreate={addNewRelation}
+                />
+            ))}
+        </div>
+    );
 };

package/dist/components/core/filter/SolidOneToManyFilterElement.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const SolidOneToManyFilterElement: ({ value, updateInputs, index, fieldMetadata }: any) => import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=SolidOneToManyFilterElement.d.ts.map

package/dist/components/core/filter/SolidOneToManyFilterElement.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"SolidOneToManyFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidOneToManyFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,kDAKrC,GAAG,4CAiDL,CAAC"}

package/dist/components/core/filter/SolidOneToManyFilterElement.js ADDED Viewed

@@ -0,0 +1,86 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { AutoComplete } from "primereact/autocomplete";
+import { useState } from "react";
+import qs from "qs";
+export var SolidOneToManyFilterElement = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? [] : _b, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
+    var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
+    var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
+    var search = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var queryData, qsString, response;
+        var _a;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    queryData = {
+                        offset: 0,
+                        limit: 20,
+                        filters: (_a = {},
+                            _a[(_c = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _b === void 0 ? void 0 : _b.userKeyField) === null || _c === void 0 ? void 0 : _c.name] = {
+                                $containsi: event.query
+                            },
+                            _a)
+                    };
+                    qsString = qs.stringify(queryData, { encodeValuesOnly: true });
+                    return [4 /*yield*/, triggerGetSolidEntities(qsString)];
+                case 1:
+                    response = _d.sent();
+                    if (response.data) {
+                        setSuggestions(response.data.records.map(function (item) { return ({
+                            label: item[fieldMetadata.relationModel.userKeyField.name],
+                            value: item.id
+                        }); }));
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(AutoComplete
+    // multiple
+    , {
+        // multiple
+        dropdown: true, field: "label", value: value, suggestions: suggestions, completeMethod: search, onChange: function (e) {
+            updateInputs(index, e.value);
+        }, placeholder: "Select ".concat(fieldMetadata.displayName), className: "w-full", inputClassName: "w-full p-inputtext-sm" }));
+};
+//# sourceMappingURL=SolidOneToManyFilterElement.js.map

package/dist/components/core/filter/SolidOneToManyFilterElement.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SolidOneToManyFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidOneToManyFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAKtC;QAJF,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,YAAY,kBAAA,EACZ,KAAK,WAAA,EACL,aAAa,mBAAA;IAGb,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAAgC,QAAQ,CAAQ,EAAE,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IAE1D,IAAM,MAAM,GAAG,UAAO,KAAgC;;;;;;;oBAC5C,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,OAAO;4BACH,GAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,IAAG;gCAChD,UAAU,EAAE,KAAK,CAAC,KAAK;6BAC1B;+BACJ;qBACJ,CAAC;oBAEI,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;oBACpD,qBAAM,uBAAuB,CAAC,QAAQ,CAAC,EAAA;;oBAAlD,QAAQ,GAAG,SAAuC;oBAExD,IAAI,QAAQ,CAAC,IAAI,EAAE;wBACf,cAAc,CACV,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAAC;4BACtC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;4BAC1D,KAAK,EAAE,IAAI,CAAC,EAAE;yBACjB,CAAC,EAHuC,CAGvC,CAAC,CACN,CAAC;qBACL;;;;SACJ,CAAC;IAGF,OAAO,CACH,KAAC,YAAY;IACT,WAAW;;QAAX,WAAW;QACX,QAAQ,QACR,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,UAAC,CAAC;YACR,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;QAChC,CAAC,EACD,WAAW,EAAE,iBAAU,aAAa,CAAC,WAAW,CAAE,EAClD,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,uBAAuB,GACxC,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["\n\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useEffect, useState } from \"react\";\nimport qs from \"qs\";\n\nexport const SolidOneToManyFilterElement = ({\n value = [],\n updateInputs,\n index,\n fieldMetadata\n}: any) => {\n\n const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n const { useLazyGetSolidEntitiesQuery } = entityApi;\n const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n const [suggestions, setSuggestions] = useState<any[]>([]);\n\n const search = async (event: AutoCompleteCompleteEvent) => {\n const queryData = {\n offset: 0,\n limit: 20,\n filters: {\n [fieldMetadata?.relationModel?.userKeyField?.name]: {\n $containsi: event.query\n }\n }\n };\n\n const qsString = qs.stringify(queryData, { encodeValuesOnly: true });\n const response = await triggerGetSolidEntities(qsString);\n\n if (response.data) {\n setSuggestions(\n response.data.records.map((item: any) => ({\n label: item[fieldMetadata.relationModel.userKeyField.name],\n value: item.id\n }))\n );\n }\n };\n\n\n return (\n <AutoComplete\n // multiple\n dropdown\n field=\"label\"\n value={value}\n suggestions={suggestions}\n completeMethod={search}\n onChange={(e) => {\n updateInputs(index, e.value)\n }}\n placeholder={`Select ${fieldMetadata.displayName}`}\n className=\"w-full\"\n inputClassName=\"w-full p-inputtext-sm\"\n />\n );\n};"]}

package/dist/components/core/filter/SolidOneToManyFilterElement.tsx ADDED Viewed

@@ -0,0 +1,62 @@
+import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
+import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
+import { useEffect, useState } from "react";
+import qs from "qs";
+export const SolidOneToManyFilterElement = ({
+    value = [],
+    updateInputs,
+    index,
+    fieldMetadata
+}: any) => {
+    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    const { useLazyGetSolidEntitiesQuery } = entityApi;
+    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+    const [suggestions, setSuggestions] = useState<any[]>([]);
+    const search = async (event: AutoCompleteCompleteEvent) => {
+        const queryData = {
+            offset: 0,
+            limit: 20,
+            filters: {
+                [fieldMetadata?.relationModel?.userKeyField?.name]: {
+                    $containsi: event.query
+                }
+            }
+        };
+        const qsString = qs.stringify(queryData, { encodeValuesOnly: true });
+        const response = await triggerGetSolidEntities(qsString);
+        if (response.data) {
+            setSuggestions(
+                response.data.records.map((item: any) => ({
+                    label: item[fieldMetadata.relationModel.userKeyField.name],
+                    value: item.id
+                }))
+            );
+        }
+    };
+    return (
+        <AutoComplete
+            // multiple
+            dropdown
+            field="label"
+            value={value}
+            suggestions={suggestions}
+            completeMethod={search}
+            onChange={(e) => {
+                updateInputs(index, e.value)
+            }}
+            placeholder={`Select ${fieldMetadata.displayName}`}
+            className="w-full"
+            inputClassName="w-full p-inputtext-sm"
+        />
+    );
+};

package/dist/components/core/filter/SolidVarInputsFilterElement.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export declare enum InputTypes {
     SelectionStatic = "SelectionStatic",
     RelationManyToOne = "RelationManyToOne",
     RelationManyToMany = "RelationManyToMany",
+    RelationOneToMany = "RelationOneToMany",
     SelectionDynamic = "SelectionDynamic",
     Boolean = "Boolean"
 }

package/dist/components/core/filter/SolidVarInputsFilterElement.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidVarInputsFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"~~AAWA~~,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,iBAAiB,sBAAsB;IACvC,kBAAkB,uBAAuB;IACzC,gBAAgB,qBAAqB;IACrC,OAAO,YAAY;CACtB;AAID,eAAO,MAAM,2BAA2B,mEAA6F,GAAG,~~4CAsLvI~~,CAAA"}
1	+ {"version":3,"file":"SolidVarInputsFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"AAYA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,iBAAiB,sBAAsB;IACvC,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,gBAAgB,qBAAqB;IACrC,OAAO,YAAY;CACtB;AAID,eAAO,MAAM,2BAA2B,mEAA6F,GAAG,4CA8LvI,CAAA"}

package/dist/components/core/filter/SolidVarInputsFilterElement.js CHANGED Viewed

@@ -18,6 +18,7 @@ import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterE
 import { Button } from "primereact/button";
 import { SolidManyToManyFilterElement } from "./SolidManyToManyFilterElement";
 import { SolidBooleanFilterElement } from "./SolidBooleanFilterElement";
+import { SolidOneToManyFilterElement } from "./SolidOneToManyFilterElement";
 export var InputTypes;
 (function (InputTypes) {
     InputTypes["Date"] = "Date";
@@ -28,6 +29,7 @@ export var InputTypes;
     InputTypes["SelectionStatic"] = "SelectionStatic";
     InputTypes["RelationManyToOne"] = "RelationManyToOne";
     InputTypes["RelationManyToMany"] = "RelationManyToMany";
+    InputTypes["RelationOneToMany"] = "RelationOneToMany";
     InputTypes["SelectionDynamic"] = "SelectionDynamic";
     InputTypes["Boolean"] = "Boolean";
 })(InputTypes || (InputTypes = {}));
@@ -81,7 +83,8 @@ export var SolidVarInputsFilterElement = function (_a) {
                                 _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy hh:mm", mask: "99/99/9999 99:99", showTime: true, hourFormat: "24", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.Time &&
                                 _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, placeholder: "hh:mm", mask: "99:99", timeOnly: true, hourFormat: "24", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.RelationManyToOne &&
                                 _jsx(SolidManyToOneFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.RelationManyToMany &&
-                                _jsx(SolidManyToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionDynamic &&
+                                _jsx(SolidManyToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.RelationOneToMany &&
+                                _jsx(SolidOneToManyFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionDynamic &&
                                 _jsx(SolidSelectionDynamicFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionStatic &&
                                 _jsx(SolidSelectionStaticFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.Boolean &&
                                 _jsx(SolidBooleanFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), numberOfInputs === null &&

package/dist/components/core/filter/SolidVarInputsFilterElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Calendar } from \"primereact/calendar\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { InputText } from \"primereact/inputtext\";\nimport { useEffect, useState } from \"react\";\nimport { SolidManyToOneFilterElement } from \"./SolidManyToOneFilterElement\";\nimport { SolidSelectionDynamicFilterElement } from \"./SolidSelectionDynamicFilterElement\";\nimport { SolidSelectionStaticFilterElement } from \"./SolidSelectionStaticFilterElement\";\nimport { Button } from \"primereact/button\";\nimport { SolidManyToManyFilterElement } from \"./SolidManyToManyFilterElement\";\nimport { SolidBooleanFilterElement } from \"./SolidBooleanFilterElement\";\n\nexport enum InputTypes {\n Date = 'Date',\n DateTime = 'DateTime',\n Time = 'Time',\n Numeric = 'Numeric',\n Text = 'Text',\n SelectionStatic = 'SelectionStatic',\n RelationManyToOne = 'RelationManyToOne',\n RelationManyToMany = 'RelationManyToMany',\n SelectionDynamic = 'SelectionDynamic',\n Boolean = 'Boolean',\n}\n\n\n// Based on numberOfInputs map the input filed and hide add and delete \nexport const SolidVarInputsFilterElement = ({ values, onChange, inputType = InputTypes.Text, numberOfInputs = null, fieldMetadata }: any) => {\n\n if (!values) {\n values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n // values = [''];\n } else {\n if (values[0] == '') {\n values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n } else {\n\n values = values\n }\n }\n\n\n\n // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.\n const [inputs, setInputs] = useState([...values]);\n useEffect(() => {\n setInputs([...values])\n }, [numberOfInputs])\n\n const updateInputs = (index: number, value: any) => {\n const updatedSpecification = inputs.map((item, i) =>\n i === index ? value : item\n );\n setInputs(updatedSpecification);\n };\n\n const addInput = () => {\n setInputs([...inputs, '']);\n };\n\n const deleteInput = (index: number) => {\n if (inputs.length > 1) {\n const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);\n setInputs(updatedRows);\n\n } else {\n }\n };\n\n useEffect(() => {\n onChange(inputs)\n }, [inputs])\n\n\n\n return (\n <>\n {inputs && inputs.map((value: any, index: number) => (\n <div className=\"flex\">\n {numberOfInputs === 0 ?\n <></>\n :\n <>\n {inputType === InputTypes.Text &&\n <InputText\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n placeholder=\"\"\n className='w-full p-inputtext-sm'\n />\n }\n {inputType === InputTypes.Numeric &&\n <InputNumber\n value={value}\n onChange={(e) => updateInputs(index, e.value)}\n placeholder=\"\"\n className='w-full p-inputtext-sm'\n />\n }\n {inputType === InputTypes.Date &&\n <Calendar\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n dateFormat=\"mm/dd/yy\"\n placeholder=\"mm/dd/yyyy\"\n mask=\"99/99/9999\"\n className=\"w-full\"\n inputClassName=\"w-full p-inputtext-sm\"\n />\n }\n {inputType === InputTypes.DateTime &&\n <Calendar\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n dateFormat=\"mm/dd/yy\"\n placeholder=\"mm/dd/yyyy hh:mm\"\n mask=\"99/99/9999 99:99\"\n showTime\n hourFormat=\"24\"\n className=\"w-full\"\n inputClassName=\"w-full p-inputtext-sm\"\n />\n }\n {inputType === InputTypes.Time &&\n <Calendar\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n placeholder=\"hh:mm\"\n mask=\"99:99\"\n timeOnly\n hourFormat=\"24\"\n className=\"w-full\"\n inputClassName=\"w-full p-inputtext-sm\"\n />\n }\n {inputType === InputTypes.RelationManyToOne &&\n <SolidManyToOneFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidManyToOneFilterElement>\n }\n {inputType === InputTypes.RelationManyToMany &&\n <SolidManyToManyFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidManyToManyFilterElement>\n }\n {inputType === InputTypes.SelectionDynamic &&\n <SolidSelectionDynamicFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidSelectionDynamicFilterElement>\n }\n {inputType === InputTypes.SelectionStatic &&\n\n <SolidSelectionStaticFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidSelectionStaticFilterElement>\n }\n {inputType === InputTypes.Boolean &&\n\n <SolidBooleanFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidBooleanFilterElement>\n }\n\n\n {numberOfInputs === null &&\n <>\n {/* Plus Button to add a new row /}\n {/ < Button\n icon=\"pi pi-plus\"\n size=\"small\"\n className=\"small-button\"\n onClick={addInput}\n type=\"button\"\n /> /}\n\n {/ Trash Button to delete the row /}\n {/ <Button\n icon=\"pi pi-trash\"\n size=\"small\"\n className=\"small-button\"\n onClick={() => deleteInput(index)}\n severity=\"danger\"\n type=\"button\"\n /> */}\n <Button text severity='secondary' icon=\"pi pi-plus\" size='small' onClick={() => addInput()} className='solid-filter-action-btn' />\n <Button text severity='secondary' icon=\"pi pi-trash\" size='small' onClick={() => deleteInput(index)} className='solid-filter-action-btn' />\n </>\n }\n </>\n }\n </div>\n ))}\n </>\n )\n}"]}
1	+ {"version":3,"file":"SolidVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/filter/SolidVarInputsFilterElement.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Calendar } from \"primereact/calendar\";\nimport { InputNumber } from \"primereact/inputnumber\";\nimport { InputText } from \"primereact/inputtext\";\nimport { useEffect, useState } from \"react\";\nimport { SolidManyToOneFilterElement } from \"./SolidManyToOneFilterElement\";\nimport { SolidSelectionDynamicFilterElement } from \"./SolidSelectionDynamicFilterElement\";\nimport { SolidSelectionStaticFilterElement } from \"./SolidSelectionStaticFilterElement\";\nimport { Button } from \"primereact/button\";\nimport { SolidManyToManyFilterElement } from \"./SolidManyToManyFilterElement\";\nimport { SolidBooleanFilterElement } from \"./SolidBooleanFilterElement\";\nimport { SolidOneToManyFilterElement } from \"./SolidOneToManyFilterElement\";\n\nexport enum InputTypes {\n Date = 'Date',\n DateTime = 'DateTime',\n Time = 'Time',\n Numeric = 'Numeric',\n Text = 'Text',\n SelectionStatic = 'SelectionStatic',\n RelationManyToOne = 'RelationManyToOne',\n RelationManyToMany = 'RelationManyToMany',\n RelationOneToMany = 'RelationOneToMany',\n SelectionDynamic = 'SelectionDynamic',\n Boolean = 'Boolean',\n}\n\n\n// Based on numberOfInputs map the input filed and hide add and delete \nexport const SolidVarInputsFilterElement = ({ values, onChange, inputType = InputTypes.Text, numberOfInputs = null, fieldMetadata }: any) => {\n\n if (!values) {\n values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n // values = [''];\n } else {\n if (values[0] == '') {\n values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];\n } else {\n\n values = values\n }\n }\n\n\n\n // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.\n const [inputs, setInputs] = useState([...values]);\n useEffect(() => {\n setInputs([...values])\n }, [numberOfInputs])\n\n const updateInputs = (index: number, value: any) => {\n const updatedSpecification = inputs.map((item, i) =>\n i === index ? value : item\n );\n setInputs(updatedSpecification);\n };\n\n const addInput = () => {\n setInputs([...inputs, '']);\n };\n\n const deleteInput = (index: number) => {\n if (inputs.length > 1) {\n const updatedRows = inputs.filter((_, rowIndex) => rowIndex !== index);\n setInputs(updatedRows);\n\n } else {\n }\n };\n\n useEffect(() => {\n onChange(inputs)\n }, [inputs])\n\n\n\n return (\n <>\n {inputs && inputs.map((value: any, index: number) => (\n <div className=\"flex\">\n {numberOfInputs === 0 ?\n <></>\n :\n <>\n {inputType === InputTypes.Text &&\n <InputText\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n placeholder=\"\"\n className='w-full p-inputtext-sm'\n />\n }\n {inputType === InputTypes.Numeric &&\n <InputNumber\n value={value}\n onChange={(e) => updateInputs(index, e.value)}\n placeholder=\"\"\n className='w-full p-inputtext-sm'\n />\n }\n {inputType === InputTypes.Date &&\n <Calendar\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n dateFormat=\"mm/dd/yy\"\n placeholder=\"mm/dd/yyyy\"\n mask=\"99/99/9999\"\n className=\"w-full\"\n inputClassName=\"w-full p-inputtext-sm\"\n />\n }\n {inputType === InputTypes.DateTime &&\n <Calendar\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n dateFormat=\"mm/dd/yy\"\n placeholder=\"mm/dd/yyyy hh:mm\"\n mask=\"99/99/9999 99:99\"\n showTime\n hourFormat=\"24\"\n className=\"w-full\"\n inputClassName=\"w-full p-inputtext-sm\"\n />\n }\n {inputType === InputTypes.Time &&\n <Calendar\n value={value}\n onChange={(e) => updateInputs(index, e.target.value)}\n placeholder=\"hh:mm\"\n mask=\"99:99\"\n timeOnly\n hourFormat=\"24\"\n className=\"w-full\"\n inputClassName=\"w-full p-inputtext-sm\"\n />\n }\n {inputType === InputTypes.RelationManyToOne &&\n <SolidManyToOneFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidManyToOneFilterElement>\n }\n {inputType === InputTypes.RelationManyToMany &&\n <SolidManyToManyFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidManyToManyFilterElement>\n }\n {inputType === InputTypes.RelationOneToMany &&\n <SolidOneToManyFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidOneToManyFilterElement>\n }\n {inputType === InputTypes.SelectionDynamic &&\n <SolidSelectionDynamicFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidSelectionDynamicFilterElement>\n }\n {inputType === InputTypes.SelectionStatic &&\n\n <SolidSelectionStaticFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidSelectionStaticFilterElement>\n }\n {inputType === InputTypes.Boolean &&\n\n <SolidBooleanFilterElement\n value={value}\n index={index}\n updateInputs={updateInputs}\n fieldMetadata={fieldMetadata}\n ></SolidBooleanFilterElement>\n }\n\n\n {numberOfInputs === null &&\n <>\n {/* Plus Button to add a new row /}\n {/ < Button\n icon=\"pi pi-plus\"\n size=\"small\"\n className=\"small-button\"\n onClick={addInput}\n type=\"button\"\n /> /}\n\n {/ Trash Button to delete the row /}\n {/ <Button\n icon=\"pi pi-trash\"\n size=\"small\"\n className=\"small-button\"\n onClick={() => deleteInput(index)}\n severity=\"danger\"\n type=\"button\"\n /> */}\n <Button text severity='secondary' icon=\"pi pi-plus\" size='small' onClick={() => addInput()} className='solid-filter-action-btn' />\n <Button text severity='secondary' icon=\"pi pi-trash\" size='small' onClick={() => deleteInput(index)} className='solid-filter-action-btn' />\n </>\n }\n </>\n }\n </div>\n ))}\n </>\n )\n}"]}

package/dist/components/core/filter/SolidVarInputsFilterElement.tsx CHANGED Viewed

@@ -8,6 +8,7 @@ import { SolidSelectionStaticFilterElement } from "./SolidSelectionStaticFilterE
 import { Button } from "primereact/button";
 import { SolidManyToManyFilterElement } from "./SolidManyToManyFilterElement";
 import { SolidBooleanFilterElement } from "./SolidBooleanFilterElement";
+import { SolidOneToManyFilterElement } from "./SolidOneToManyFilterElement";
 export enum InputTypes {
     Date = 'Date',
@@ -18,6 +19,7 @@ export enum InputTypes {
     SelectionStatic = 'SelectionStatic',
     RelationManyToOne = 'RelationManyToOne',
     RelationManyToMany = 'RelationManyToMany',
+    RelationOneToMany = 'RelationOneToMany',
     SelectionDynamic = 'SelectionDynamic',
     Boolean = 'Boolean',
 }
@@ -148,6 +150,14 @@ export const SolidVarInputsFilterElement = ({ values, onChange, inputType = Inpu
                                     fieldMetadata={fieldMetadata}
                                 ></SolidManyToManyFilterElement>
                             }
+                            {inputType === InputTypes.RelationOneToMany &&
+                                <SolidOneToManyFilterElement
+                                    value={value}
+                                    index={index}
+                                    updateInputs={updateInputs}
+                                    fieldMetadata={fieldMetadata}
+                                ></SolidOneToManyFilterElement>
+                            }
                             {inputType === InputTypes.SelectionDynamic &&
                                 <SolidSelectionDynamicFilterElement
                                     value={value}

package/dist/components/core/filter/fields/SolidRelationField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SolidRelationField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;~~AAI~~/D,QAAA,MAAM,kBAAkB,6CAA8C,uBAAuB,~~wDAS5F~~,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1	+ {"version":3,"file":"SolidRelationField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/filter/fields/SolidRelationField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAK/D,QAAA,MAAM,kBAAkB,6CAA8C,uBAAuB,wDAU5F,CAAC;AAEF,eAAe,kBAAkB,CAAC"}