@solidstarters/solid-core-ui 1.1.67 → 1.1.68

package/dist/redux/api/modelApi.js

@@ -19,7 +19,7 @@ export var modelsApi = createApi({
             }
         }),
         getmodelById: builder.query({
-            query: function (id) { return "/model-metadata/".concat(id, "?populate[0]=fields&populate[1]=module&populate[2]=fields.mediaStorageProvider"); },
+            query: function (id) { return "/model-metadata/".concat(id, "?populate[0]=fields&populate[1]=module&&populate[2]=fields.mediaStorageProvider&populate[3]=parentModel"); },
         }),
         createmodel: builder.mutation({
             query: function (model) { return ({

package/dist/redux/api/modelApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"modelApi.js","sourceRoot":"","sources":["../../../src/redux/api/modelApi.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"modelApi.js","sourceRoot":"","sources":["../../../src/redux/api/modelApi.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidstarters/solid-core-ui",
-  "version": "1.1.67",
+  "version": "1.1.68",
   "scripts": {
     "prebuild": "npm run copy-styles",
     "build": "tsc && tsc-alias",

package/src/components/core/common/SolidGlobalSearchElement.tsx

@@ -157,22 +157,30 @@ const transformRulesToFilters = (input: any) => {
 }
 
 const tranformSearchToFilters = (input: any) => {
+    if (!input || !input.$and) return input;
 
-    if (!input || !input.$and) return input; // Return as-is if invalid
+    const grouped: Record<string, string[]> = {};
 
-    return {
-        $and: input.$and.map((condition: any) => {
-            const { fieldName, matchMode, value } = condition;
+    input.$and.forEach(({ fieldName, value }: any) => {
+        const val = Array.isArray(value) && value.length === 1 ? value[0] : value;
 
-            // Ensure value is a single string (if it's an array with one element, extract it)
-            const formattedValue = Array.isArray(value) && value.length === 1 ? value[0] : value;
+        if (!grouped[fieldName]) {
+            grouped[fieldName] = [];
+        }
 
-            return {
-                [fieldName]: {
-                    [matchMode]: formattedValue
-                }
-            };
-        })
+        if (Array.isArray(val)) {
+            grouped[fieldName].push(...val);
+        } else {
+            grouped[fieldName].push(val);
+        }
+    });
+
+    return {
+        $and: Object.entries(grouped).map(([fieldName, values]) => ({
+            [fieldName]: {
+                $containsi: values.length === 1 ? values[0] : values
+            }
+        }))
     };
 }
 
@@ -683,7 +691,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, handleApplyCusto
                                 <span key={index} className="custom-chip-value">{value}
                                 </span>
                                 {values.length > 1 &&
-                                    <span className="custom-chip-or">and</span>
+                                    <span className="custom-chip-or">or</span>
                                 }
                             </React.Fragment>
                         ))}

package/src/components/core/list/ListViewRowActionPopup.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { Button } from "primereact/button"
-import { LoadDynamicJsxComponent } from "../common/LoadDynamicJsxComponent";
+import { getExtensionComponent } from "@/helpers/registry";
 
 
 export const ListViewRowActionPopup = ({ context }: any) => {
@@ -13,11 +13,18 @@ export const ListViewRowActionPopup = ({ context }: any) => {
 
     }
 
+    let DynamicWidget = getExtensionComponent(context?.rowAction?.action?.customComponent);
+    const widgetProps = {
+        context: context
+    }
+
     return (
         <div>
             {
                 context?.rowAction?.action?.customComponent ?
-                    <LoadDynamicJsxComponent context={context}></LoadDynamicJsxComponent>
+                    DynamicWidget && <DynamicWidget {...widgetProps} />
+
+                    // <LoadDynamicJsxComponent context={context}></LoadDynamicJsxComponent>
                     :
                     <>
                         <h1>{context?.modelName}</h1>

package/src/components/core/list/columns/SolidShortTextColumn.tsx

@@ -39,7 +39,7 @@ const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, se
         )
     };
 
-    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter
+    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter;
     const header = column.attrs.label ?? fieldMetadata.displayName;
 
     return (
@@ -63,7 +63,16 @@ const SolidShortTextColumn = ({ solidListViewMetaData, fieldMetadata, column, se
             body={(rowData) => {
                 const renderMode = column.attrs.renderMode || "text";
                 const data = rowData;
-                const widgetName = renderMode == "text" ? "SolidShortTextFieldTextRenderModeWidget" : "SolidShortTextFieldImageRenderModeWidget";
+                let widgetName = column?.attrs?.widget;
+                if (renderMode === "image") {
+                    widgetName = "SolidShortTextFieldImageRenderModeWidget"
+                }
+                if (renderMode === "text") {
+                    widgetName = "SolidShortTextFieldTextRenderModeWidget"
+                };
+                if (column?.attrs?.widget) {
+                    widgetName = column?.attrs?.widget;
+                }
                 let DynamicWidget = getExtensionComponent(widgetName);
                 const widgetProps = {
                     value: data[fieldMetadata.name],

package/src/components/core/list/widgets/SolidUserNameAvatarWidget.tsx

@@ -0,0 +1,52 @@
+
+export const SolidUserNameAvatarWidget = ({ value }: any) => {
+
+    // use "widget": "SolidUserNameAvatarWidget" in the list view field 
+
+    const getInitials = (fullName: string) => {
+        const names = fullName.trim().split(' ');
+        const initials =
+            names.length === 1
+                ? names[0][0]
+                : names[0][0] + names[names.length - 1][0];
+        return initials.toUpperCase();
+    };
+
+    const getColorFromInitials = (initials: string) => {
+        let hash = 0;
+        for (let i = 0; i < initials.length; i++) {
+            hash = initials.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        const hue = Math.abs(hash) % 360;
+        return `hsl(${hue}, 60%, 60%)`; // nice pastel color
+    };
+
+    const initials = getInitials(value);
+    const bgColor = getColorFromInitials(initials);
+
+    return (
+        <div className="solid-table-row">
+            <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+                <div
+                    style={{
+                        width: 25,
+                        height: 25,
+                        borderRadius: '50%',
+                        backgroundColor: bgColor,
+                        color: 'white',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        fontWeight: 600,
+                        fontSize: 25 * 0.4,
+                        boxShadow: '0 0 0 2px rgba(0,0,0,0.1)',
+                    }}
+                >
+                    {initials}
+                </div>
+                <span>{value}</span>
+            </div>
+        </div>
+    );
+};
+

package/src/components/core/model/CreateModel.tsx

@@ -72,7 +72,7 @@ const CreateModel = ({ data, params }: any) => {
   useEffect(() => {
     if (data) {
       const modelData = {
-        ...data, moduleId: data?.module?.id
+        ...data, moduleId: data?.module?.id,parentModelId: data?.parentModel
       }
 
       setIsLoadingData(false);

package/src/components/core/model/FieldMetaDataForm.tsx

@@ -394,16 +394,26 @@ const createValidationSchema = (currentFields: any, selectedType: any, allFields
         "Relation Model Singular Name is required"
       ),
     }),
-    // ...(currentFields.includes("relationCoModelFieldName") && {
-    //   relationCoModelFieldName: Yup.string()
-    //   // .required(
-    //   //   "Relation Model Field Name is required"
-    //   // ),
-    // }),
-
+    ...(currentFields.includes("relationCoModelFieldName") && {
+      relationCoModelFieldName: Yup.string()
+      // .required(
+      //   "Relation Model Field Name is required"
+      // ),
+    }),
     ...(currentFields.includes("relationCreateInverse") && {
       relationCreateInverse: Yup.boolean(),
     }),
+    ...(currentFields.includes("relationCoModelFieldName") && {
+      relationCoModelFieldName: Yup.string().when("relationCreateInverse", (relationCreateInverse: any, schema) => {
+        console.log("relationCreateInverse", relationCreateInverse);
+        if (relationCreateInverse.length > 0 && relationCreateInverse[0] == true) {
+          return schema.required("Relation Co Model Field Name is required")
+        } else {
+          return schema.notRequired();
+        }
+      }),
+    }),
+
     // ...(currentFields.includes("relationCascade") && {
     //   relationCascade: Yup.string().required(
     //     "Relation Cascade Value is required"
@@ -425,6 +435,11 @@ const createValidationSchema = (currentFields: any, selectedType: any, allFields
         "Relation Model Module Name Value is required"
       ),
     }),
+
+    ...(currentFields.includes("relationFieldFixedFilter") && {
+      relationFieldFixedFilter: Yup.string().nullable(),
+    }),
+
     ...(currentFields.includes("selectionDynamicProvider") && {
       selectionDynamicProvider: Yup.string().required(
         "Selection Dynamic Provider Value is required"
@@ -898,6 +913,7 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
     relationCreateInverse: fieldMetaData ? fieldMetaData?.relationCreateInverse : false,
     relationCascade: fieldMetaData ? fieldMetaData?.relationCascade : 'cascade',
     relationModelModuleName: fieldMetaData ? fieldMetaData?.relationModelModuleName : modelMetaData?.module.name,
+    relationFieldFixedFilter: fieldMetaData ? fieldMetaData?.relationFieldFixedFilter : "",
     selectionDynamicProvider: fieldMetaData ? fieldMetaData?.selectionDynamicProvider : null,
     selectionDynamicProviderCtxt: fieldMetaData ? fieldMetaData?.selectionDynamicProviderCtxt : "",
     selectionStaticValues: fieldMetaData ? fieldMetaData?.selectionStaticValues : [""],
@@ -1705,8 +1721,12 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                               <SelectButton
                                 value={formik.values.relationType}
                                 options={fieldDefaultMetaData.data.relationTypes}
-                                onChange={(e) =>
-                                  formik.setFieldValue("relationType", e.value)
+                                onChange={(e) => {
+                                  formik.setFieldValue("relationType", e.value);
+                                  if (e.value === "one-to-many") {
+                                    formik.setFieldValue("relationCreateInverse", true);
+                                  }
+                                }
                                 }
                                 className={classNames("", {
                                   "p-invalid": isFormFieldValid(formik, "relationType"),
@@ -1869,6 +1889,56 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                               </div>
                             )}
 
+                          {currentFields.includes(
+                            "relationFieldFixedFilter"
+                          ) && (
+                              <div className="field col-6 flex-flex-column gap-2 mt-3">
+                                <label
+                                  htmlFor="relationFieldFixedFilter"
+                                  className="form-field-label"
+                                >
+                                  Relation Field Fixed Filter
+                                </label>
+
+                                <InputTextarea
+                                  aria-describedby="Fixed Filter"
+                                  id="relationFieldFixedFilter"
+                                  name="relationFieldFixedFilter"
+                                  onChange={formik.handleChange}
+                                  value={formik.values.relationFieldFixedFilter}
+                                  rows={5}
+                                  cols={30}
+                                  className={classNames("", {
+                                    "p-invalid": isFormFieldValid(
+                                      formik,
+                                      "relationFieldFixedFilter"
+                                    ),
+                                  })}
+                                />
+                                {/* 
+                                <InputText
+                                  type="text"
+                                  id="relationFieldFixedFilter"
+                                  name="relationFieldFixedFilter"
+                                  onChange={formik.handleChange}
+                                  disabled={fieldMetaData?.id}
+                                  value={formik.values.relationFieldFixedFilter}
+                                  className={classNames("", {
+                                    "p-invalid": isFormFieldValid(
+                                      formik,
+                                      "relationFieldFixedFilter"
+                                    ),
+                                  })}
+                                /> */}
+                                {isFormFieldValid(formik, "relationFieldFixedFilter") && (
+                                  <Message
+                                    severity="error"
+                                    text={formik?.errors?.relationFieldFixedFilter?.toString()}
+                                  />
+                                )}
+
+                              </div>
+                            )}
                           {isUserKeyFields && (
                             <div className="field col-6 flex-flex-column gap-2 mt-3">
                               <label
@@ -1902,7 +1972,7 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                             </div>
                           )}
 
-                          {currentFields.includes("relationCreateInverse") && (formik.values.relationType === "many-to-many" || formik.values.relationType === "many-to-one") && (
+                          {currentFields.includes("relationCreateInverse") && (
                             <div className="field col-6 flex flex-column gap-2 mt-3">
                               <label htmlFor="relationCreateInverse" className="form-field-label">
                                 Relation Create Inverse
@@ -1912,6 +1982,7 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                                   inputId="relationCreateInverse"
                                   name="relationCreateInverse"
                                   checked={formik.values.relationCreateInverse}
+                                  disabled={formik.values.relationType === "one-to-many" ? true : false}
                                   onChange={(e) => formik.setFieldValue("relationCreateInverse", e.checked)}
                                 />
                                 <label htmlFor="relationCreateInverse" className="ml-2">Create Inverse</label>
@@ -1935,6 +2006,7 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                                 id="relationCoModelFieldName"
                                 name="relationCoModelFieldName"
                                 onChange={formik.handleChange}
+                                disabled={fieldMetaData?.id}
                                 value={formik.values.relationCoModelFieldName}
                                 className={classNames("", {
                                   "p-invalid": isFormFieldValid(
@@ -1997,6 +2069,7 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                                 id="relationCoModelColumnName"
                                 name="relationCoModelColumnName"
                                 onChange={formik.handleChange}
+                                disabled={fieldMetaData?.id}
                                 value={formik.values.relationCoModelColumnName}
                                 className={classNames("", {
                                   "p-invalid": isFormFieldValid(
@@ -2028,6 +2101,7 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                                 id="relationJoinTableName"
                                 name="relationJoinTableName"
                                 onChange={formik.handleChange}
+                                disabled={fieldMetaData?.id}
                                 value={formik.values.relationJoinTableName}
                                 className={classNames("", {
                                   "p-invalid": isFormFieldValid(
@@ -2927,10 +3001,10 @@ const FieldMetaDataForm = ({ setIsDirty, modelMetaData, fieldMetaData, setFieldM
                   </TabView>
                   <div className="flex gap-3">
                     <div>
-                      <Button label="Finish" size="small" onClick={() => showError()} type="submit"  />
+                      <Button label="Finish" size="small" onClick={() => showError()} type="submit" />
                     </div>
                     <div>
-                      <Button label="Cancel" size="small" severity="secondary" type="reset" onClick={() => setVisiblePopup(false)} outlined  />
+                      <Button label="Cancel" size="small" severity="secondary" type="reset" onClick={() => setVisiblePopup(false)} outlined />
                     </div>
                   </div>
                 </div>

package/src/components/core/model/ModelMetaData.tsx

@@ -56,7 +56,7 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
     enableSoftDelete: modelMetaData ? modelMetaData?.enableSoftDelete : "",
     enableAuditTracking: modelMetaData ? modelMetaData?.enableAuditTracking : "",
     internationalisation: modelMetaData ? modelMetaData?.internationalisation : "",
-    isChild: modelMetaData ? modelMetaData?.isChild : false,
+    isChild: modelMetaData ? modelMetaData?.isChild : "",
     parentModelId: modelMetaData ? modelMetaData?.parentModel?.id : "",
     parentModel: modelMetaData ? modelMetaData?.parentModel : "",
 
@@ -138,7 +138,7 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
           enableSoftDelete: values.enableSoftDelete === true ? true : '',
           enableAuditTracking: values.enableAuditTracking === true ? true : '',
           internationalisation: values.internationalisation === true ? true : '',
-          isChild: values.isChild ? values.isChild === true : '',
+          isChild: values.isChild === true ? true : '',
           ...(values.isChild == true && {
             parentModelId: values.parentModelId,
             parentModel: values.parentModel,
@@ -455,14 +455,27 @@ const ModelMetaData = React.forwardRef(({ modelMetaData, setModelMetaData, allMo
                   />
                 )}
 
-                <div className="mt-4">
-                  <div className="flex align-items-center gap-2">
-                    <Checkbox onChange={e => { setShowParentModel(e.checked) }} checked={showParentModel} disabled={params.id !== 'new'}></Checkbox>
-                    <label htmlFor="ingredient1" className="form-field-label">
-                      isChild
-                    </label>
-                  </div>
+                <div className="flex align-items-center gap-2 mt-3">
+                  <Checkbox
+                    name="isChild"
+                    onChange={(e) => {
+                      formik.setFieldValue("isChild", e.checked);
+                    }}
+                    disabled={params.id !== 'new'}
+                    checked={formik.values.isChild}
+                  ></Checkbox>
+                  <label htmlFor="isChild" className="form-field-label">
+                    Is Child
+                  </label>
                 </div>
+                {params.id !== 'new' && <p className="form-field-label mt-1 text-sm">Is Current Model child of another Model</p>}
+                {(isFormFieldValid(formik, "isChild") || (formErrors["isChild"])) && (
+                  <Message
+                    severity="error"
+                    text={formik?.errors?.isChild?.toString()}
+                    className="mt-2"
+                  />
+                )}
                 {showParentModel &&
                   <div className="flex flex-column gap-2 mt-3">
                     <label htmlFor="type" className="form-field-label">

package/src/helpers/registry.ts

@@ -9,7 +9,7 @@ import { SolidBooleanFieldCheckboxWidget } from "@/components/core/form/fields/w
 import { SolidBooleanFieldSelectWidget } from "@/components/core/form/fields/widgets/SolidBooleanSelectFieldWidget";
 import { SolidSelectionStaticAutocompleteWidget } from "@/components/core/form/fields/widgets/SolidSelectionStaticAutocompleteFieldWidget";
 import { SolidSelectionStaticRadioWidget } from "@/components/core/form/fields/widgets/SolidSelectionStaticRadioFieldWidget";
-import { SolidShortTextFieldTextRenderModeWidget } from "@/components/core/list/widgets/SolidShortTextFieldTextRenderModeWidget copy";
+import { SolidShortTextFieldTextRenderModeWidget } from "@/components/core/list/widgets/SolidShortTextFieldTextRenderModeWidget";
 import { SolidShortTextFieldImageRenderModeWidget } from "@/components/core/list/widgets/SolidShortTextFieldImageRenderModeWidget";
 import { SolidFormFieldViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldViewModeWidget";
 import { SolidFormFieldJsonViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldJsonViewModeWidget";
@@ -19,6 +19,9 @@ import { SolidFormFieldMediaViewModeWidget } from "@/components/core/form/fields
 import { SolidFormFieldRelationViewModeWidget } from "@/components/core/form/fields/widgets/SolidFormFieldRelationViewModeWidget";
 import { SolidFormFieldViewMediaSingleWidget } from "@/components/core/form/fields/widgets/SolidFormFieldViewMediaSingleWidget";
 import { SolidFormFieldViewMediaMultipleWidget } from "@/components/core/form/fields/widgets/SolidFormFieldViewMediaMultipleWidget";
+import { SolidUserNameAvatarWidget } from "@/components/core/list/widgets/SolidUserNameAvatarWidget";
+import GenerateModelCodeRowAction from "@/components/core/extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction";
+import GenerateModuleCodeRowAction from "@/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction";
 
 type ExtensionRegistry = {
     components: Record<string, React.ComponentType<any>>;
@@ -79,6 +82,11 @@ export const getExtensionFunction = (name: string) => {
 // Register all the dynamic widget & functions from inside solid-core-ui
 // Common
 registerExtensionComponent("CustomHtml", CustomHtml, []);
+
+
+
+registerExtensionComponent("GenerateModelCodeRowAction", GenerateModelCodeRowAction, []);
+registerExtensionComponent("GenerateModuleCodeRowAction", GenerateModuleCodeRowAction, []);
 registerExtensionComponent("SolidRelationManyToManyCheckboxWidget", SolidRelationManyToManyCheckboxWidget, ["checkbox"]);
 registerExtensionComponent("SolidRelationManyToManyAutocompleteWidget", SolidRelationManyToManyAutocompleteWidget, ["autocomplete"]);
 registerExtensionComponent("SolidBooleanFieldCheckboxWidget", SolidBooleanFieldCheckboxWidget, ["field-checkbox"]);
@@ -95,6 +103,8 @@ registerExtensionComponent("SolidFormFieldMediaViewModeWidget", SolidFormFieldMe
 registerExtensionComponent("SolidFormFieldRelationViewModeWidget", SolidFormFieldRelationViewModeWidget, []);
 registerExtensionComponent("SolidFormFieldViewMediaSingleWidget", SolidFormFieldViewMediaSingleWidget, []);
 registerExtensionComponent("SolidFormFieldViewMediaMultipleWidget", SolidFormFieldViewMediaMultipleWidget, []);
+registerExtensionComponent("SolidFormFieldViewMediaMultipleWidget", SolidFormFieldViewMediaMultipleWidget, []);
+registerExtensionComponent("SolidUserNameAvatarWidget", SolidUserNameAvatarWidget, []);
 
 
 // ModuleMetadata

package/src/redux/api/modelApi.ts

@@ -20,7 +20,7 @@ export const modelsApi = createApi({
             }
         }),
         getmodelById: builder.query({
-            query: (id) => `/model-metadata/${id}?populate[0]=fields&populate[1]=module&populate[2]=fields.mediaStorageProvider`,
+            query: (id) => `/model-metadata/${id}?populate[0]=fields&populate[1]=module&&populate[2]=fields.mediaStorageProvider&populate[3]=parentModel`,
         }),
         createmodel: builder.mutation({
             query: (model) => ({