@solidxai/core-ui 0.1.14-beta.9 → 0.1.15-beta.0

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

@@ -13,6 +13,7 @@ import * as Yup from "yup";
 import FieldSelector from "./FieldSelector";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { useSolidAutocompleteField } from "../../../hooks/useSolidAutocompleteField";
+import { getAvailableMediaExtensionOptions } from "../../../helpers/getAcceptedFileTypes";
 import {
   SolidAutocomplete,
   SolidButton,
@@ -111,6 +112,27 @@ function createRelationAutocompleteValue(value: any | undefined | null, labelKey
   return { [labelKey]: value, [valueKey]: value };
 }
 
+function normalizeMediaAllowedExtensionsInput(value: unknown): string[] {
+  if (Array.isArray(value)) {
+    return Array.from(new Set(
+      value
+        .map((entry) => String(entry || "").trim().toLowerCase().replace(/^\./, ""))
+        .filter(Boolean)
+    ));
+  }
+
+  if (typeof value !== "string") {
+    return [];
+  }
+
+  return Array.from(new Set(
+    value
+      .split(",")
+      .map((entry) => entry.trim().toLowerCase().replace(/^\./, ""))
+      .filter(Boolean)
+  ));
+}
+
 type LocalTabPanelProps = {
   header: string;
   className?: string;
@@ -460,6 +482,9 @@ const fieldBasedPayloadFormating = (values: any, currentFields: string[], fieldM
   if (currentFields.includes("mediaStorageProviderId")) {
     transformedPayload.mediaStorageProvider = values.mediaStorageProvider
   }
+  if (currentFields.includes("mediaAllowedExtensions")) {
+    transformedPayload.mediaAllowedExtensions = normalizeMediaAllowedExtensionsInput(values.mediaAllowedExtensions);
+  }
   if (currentFields.includes("selectionDynamicProviderCtxt")) {
     const prettified = JSON.stringify(JSON.parse(values.selectionDynamicProviderCtxt), null, 2);
 
@@ -693,6 +718,11 @@ const createValidationSchema = (currentFields: any, selectedType: any, allFields
     ...(currentFields.includes("mediaMaxSizeKb") && {
       mediaMaxSizeKb: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Media Max Size')),
     }),
+    ...(currentFields.includes("mediaAllowedExtensions") && {
+      mediaAllowedExtensions: Yup.array()
+        .of(Yup.string().matches(/^[a-z0-9]+$/i, "Use comma-separated file extensions only"))
+        .nullable(),
+    }),
     ...(currentFields.includes("mediaStorageProviderId") && {
       mediaStorageProviderId: Yup.number().required(
         ERROR_MESSAGES.FIELD_REUQIRED('Media Storage Provider')
@@ -1326,7 +1356,8 @@ const FieldMetaDataForm = ({
     { label: 'Image (Supports JPEG, PNG, WEBP, etc.)', value: 'image' },
     { label: 'Audio (Supports MP3, WAV, AAC, etc.)', value: 'audio' },
     { label: 'Video (Supports MP4, AVI, MKV, etc.)', value: 'video' },
-    { label: 'File (Supports PDF, DOCX, TXT, etc.)', value: 'file' }
+    { label: 'File (Supports DOCX, TXT, XLSX, ZIP, etc.)', value: 'file' },
+    { label: 'PDF (Supports .pdf files)', value: 'pdf' }
   ];
 
   const resolvedMediaTypeOptions = useMemo(
@@ -1397,6 +1428,7 @@ const FieldMetaDataForm = ({
     max: fieldMetaData ? fieldMetaData?.max : null,
     private: fieldMetaData ? fieldMetaData?.private : false,
     mediaTypes: fieldMetaData?.mediaTypes ?? [],
+    mediaAllowedExtensions: Array.isArray(fieldMetaData?.mediaAllowedExtensions) ? fieldMetaData.mediaAllowedExtensions : [],
     mediaMaxSizeKb: fieldMetaData ? fieldMetaData?.mediaMaxSizeKb : null,
     mediaStorageProviderId: fieldMetaData ? fieldMetaData?.mediaStorageProvider?.id : null,
     mediaStorageProvider: fieldMetaData ? fieldMetaData?.mediaStorageProvider : null,
@@ -1499,6 +1531,29 @@ const FieldMetaDataForm = ({
     });
   }, [formik.values.mediaTypes, resolvedMediaTypeOptions]);
 
+  const mediaExtensionOptions = useMemo(
+    () => getAvailableMediaExtensionOptions(formik.values.mediaTypes, fieldDefaultMetaData?.data?.mediaFileTypeDefinitions),
+    [formik.values.mediaTypes, fieldDefaultMetaData?.data]
+  );
+
+  const mediaExtensionSelectedItems = useMemo(() => {
+    if (!Array.isArray(formik.values.mediaAllowedExtensions)) return [];
+    return formik.values.mediaAllowedExtensions.map((entry: any) => {
+      if (entry && typeof entry === "object") {
+        if (entry.label && entry.value) {
+          return entry;
+        }
+        if (entry.value) {
+          const fromOptions = mediaExtensionOptions.find((option) => option.value === entry.value);
+          return fromOptions || { label: `.${entry.value}`, value: entry.value };
+        }
+      }
+      const normalized = String(entry || "").trim().toLowerCase().replace(/^\./, "");
+      const fromOptions = mediaExtensionOptions.find((option) => option.value === normalized);
+      return fromOptions || { label: `.${normalized}`, value: normalized };
+    }).filter((item: any) => item?.value);
+  }, [formik.values.mediaAllowedExtensions, mediaExtensionOptions]);
+
   const resetFormStateForTypeSelection = useCallback((options?: { keepSelectedType?: boolean }) => {
     formik.resetForm();
     const baseValues = formik.initialValues;
@@ -1849,7 +1904,7 @@ const FieldMetaDataForm = ({
                     >
                       <div className="flex flex-wrap -mx-2 -mt-2">
                         {currentFields.includes("displayName") && (
-                          <div className="field mt-2 w-full px-2 pt-2 md:w-1/2">
+                          <div className="field mt-2 px-2 pt-2 md:w-1/2">
                             <label htmlFor="displayName" className={classNames("form-field-label", styles.fieldLabel)}>
                               Display Name
                             </label>
@@ -1878,7 +1933,7 @@ const FieldMetaDataForm = ({
                         )}
 
                         {currentFields.includes("name") && (
-                          <div className="field mt-1 w-full px-2 pt-2 md:mt-0 md:w-1/2">
+                          <div className="field mt-2 px-2 pt-2 md:mt-0 md:w-1/2">
                             <label htmlFor="name" className={classNames("form-field-label", styles.fieldLabel)}>
                               Name
                             </label>
@@ -1899,7 +1954,7 @@ const FieldMetaDataForm = ({
                           </div>
                         )}
                         {currentFields.includes("description") && (
-                          <div className="field mt-1 w-full px-2 pt-2 md:mt-2 md:w-1/2">
+                          <div className="field mt-2 w-full px-2 pt-2 md:mt-2 md:w-1/2">
                             <label htmlFor="description" className={classNames("form-field-label", styles.fieldLabel)}>
                               Description
                             </label>
@@ -2182,6 +2237,43 @@ const FieldMetaDataForm = ({
                               )}
                             </div>
                           )}
+                          {currentFields.includes("mediaAllowedExtensions") && (
+                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                              <label
+                                htmlFor="mediaAllowedExtensions"
+                                className={classNames("form-field-label", styles.fieldLabel)}
+                              >
+                                Allowed Extensions
+                              </label>
+                              <div
+                                className={classNames("solid-standard-autocomplete", {
+                                  [styles.fieldInvalidControl]: isFormFieldValid(formik, "mediaAllowedExtensions"),
+                                })}
+                              >
+                                <SolidAutocomplete
+                                  multiple
+                                  dropdown
+                                  field="label"
+                                  value={mediaExtensionSelectedItems}
+                                  suggestions={mediaExtensionOptions}
+                                  maxVisibleChips={4}
+                                  onChange={({ value }) => {
+                                    const selection = Array.isArray(value) ? value : [];
+                                    const normalizedValues = normalizeMediaAllowedExtensionsInput(
+                                      selection.map((item) => (item && typeof item === "object" ? item.value ?? item.label : item))
+                                    );
+                                    formik.setFieldValue("mediaAllowedExtensions", normalizedValues);
+                                  }}
+                                  placeholder="Select allowed extensions"
+                                  className="w-full"
+                                />
+                              </div>
+                              <p className={styles.fieldHelper}>Optional. Pick specific extensions from the selected media types.</p>
+                              {isFormFieldValid(formik, "mediaAllowedExtensions") && (
+                                <p className={styles.fieldError}>{formik?.errors?.mediaAllowedExtensions?.toString()}</p>
+                              )}
+                            </div>
+                          )}
                           {currentFields.includes("mediaStorageProviderId") && (
                             <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
@@ -2305,7 +2397,7 @@ const FieldMetaDataForm = ({
                             </div>
                           )}
                           {currentFields.includes("relationType") && (formik.values.relationType === "many-to-one" || formik.values.relationType === "one-to-many") && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="relationCascade"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2338,7 +2430,7 @@ const FieldMetaDataForm = ({
                           )}
 
                           {currentFields.includes("relationModelModuleName") && (
-                            <div className="field mt-1 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="relationModelModuleName"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2396,7 +2488,7 @@ const FieldMetaDataForm = ({
                           {currentFields.includes(
                             "relationCoModelSingularName"
                           ) && (
-                              <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                              <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                                 <label
                                   htmlFor="relationCoModelSingularName"
                                   className={classNames("form-field-label", styles.fieldLabel)}
@@ -2436,7 +2528,7 @@ const FieldMetaDataForm = ({
                               </div>
                             )}
                           {currentFields.includes("relationCoModelColumnName") && (formik.values.relationType === "many-to-many" || formik.values.relationType === "many-to-one") && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="relationCoModelColumnName"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2465,7 +2557,7 @@ const FieldMetaDataForm = ({
                             </div>
                           )}
                           {askForUserKeyField && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="userKey"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2502,7 +2594,7 @@ const FieldMetaDataForm = ({
                           {currentFields.includes(
                             "relationFieldFixedFilter"
                           ) && (
-                              <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2">
+                              <div className="field mt-2 flex flex-col gap-2 px-2 pt-2  md:w-1/2">
                                 <label
                                   htmlFor="relationFieldFixedFilter"
                                   className={classNames("form-field-label", styles.fieldLabel)}
@@ -2548,7 +2640,7 @@ const FieldMetaDataForm = ({
                             )}
 
                           {currentFields.includes("relationCreateInverse") && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label htmlFor="relationCreateInverse" className={classNames("form-field-label", styles.fieldLabel)}>
                                 Relation Create Inverse
                               </label>
@@ -2569,12 +2661,12 @@ const FieldMetaDataForm = ({
                           )}
 
                           {currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && !formik.values.relationCoModelSingularName && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <SolidMessage text="Please select Co-model" />
                             </div>
                           )}
                           {currentFields.includes("relationCoModelFieldName") && formik.values.relationCreateInverse && formik.values.relationCoModelSingularName && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="relationCoModelFieldName"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2644,7 +2736,7 @@ const FieldMetaDataForm = ({
 
 
                           {currentFields.includes("relationJoinTableName") && formik.values.relationType === "many-to-many" && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="relationJoinTableName"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2673,7 +2765,7 @@ const FieldMetaDataForm = ({
                           )}
 
                           {currentFields.includes("selectionDynamicProvider") && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="selectionDynamicProvider"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2729,7 +2821,7 @@ const FieldMetaDataForm = ({
                             </div>
                           )}
                           {currentFields.includes("selectionValueType") && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="selectionValueType"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2765,7 +2857,7 @@ const FieldMetaDataForm = ({
                           )}
 
                           {currentFields.includes("selectionStaticValues") && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="selectionStaticValues"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2809,7 +2901,7 @@ const FieldMetaDataForm = ({
                           )}
 
                           {currentFields.includes("computedFieldValueType") && (
-                            <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                            <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                               <label
                                 htmlFor="computedFieldValueType"
                                 className={classNames("form-field-label", styles.fieldLabel)}
@@ -2856,7 +2948,7 @@ const FieldMetaDataForm = ({
                           {currentFields.includes(
                             "computedFieldValueProvider"
                           ) && (
-                              <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                              <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                                 <label
                                   htmlFor="computedFieldValueProvider"
                                   className={classNames("form-field-label", styles.fieldLabel)}
@@ -2890,7 +2982,7 @@ const FieldMetaDataForm = ({
                           {currentFields.includes(
                             "computedFieldTriggerConfig"
                           ) && (
-                              <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2">
+                              <div className="field mt-2 flex flex-col gap-2 px-2 pt-2">
                                 {fieldMetaData?.computedFieldTriggerConfig === null
                                   &&
                                   <div className="mb-3">
@@ -2939,7 +3031,7 @@ const FieldMetaDataForm = ({
                             )}
 
                           {currentFields.includes("selectionDynamicProviderCtxt") && (
-                            <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2">
+                            <div className="field mt-4 flex flex-col gap-2 px-2 pt-2">
                               <label htmlFor="selectionDynamicProviderCtxt" className={classNames("form-field-label", styles.fieldLabel)}>
                                 Selection Dynamic Provider Context
                               </label>
@@ -2963,7 +3055,7 @@ const FieldMetaDataForm = ({
                           )}
 
                           {currentFields.includes("computedFieldValueProviderCtxt") && (
-                            <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2">
+                            <div className="field mt-4 flex flex-col gap-2 px-2 pt-2">
                               <label htmlFor="computedFieldValueProviderCtxt" className={classNames("form-field-label", styles.fieldLabel)}>
                                 Computed Field Value Provider Context
                               </label>
@@ -2995,7 +3087,7 @@ const FieldMetaDataForm = ({
                           <div className="flex flex-wrap -mx-2 -mt-2">
                             {(showRegexFields && selectedTypeValue === "password") &&
                               <>
-                                <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                                <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                                   <label
                                     htmlFor="regexPattern"
                                     className={classNames("form-field-label", styles.fieldLabel)}
@@ -3022,7 +3114,7 @@ const FieldMetaDataForm = ({
                             }
                             {showRegexFields && (
                               <>
-                                <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                                <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                                   <label
                                     htmlFor="regexPattern"
                                     className={classNames("form-field-label", styles.fieldLabel)}
@@ -3047,7 +3139,7 @@ const FieldMetaDataForm = ({
                                   )}
                                 </div>
                                 {showRegexFields && (
-                                  <div className="field mt-2 mb-3 flex w-full flex-col gap-2 px-2 pt-2 md:mb-3 md:w-1/2">
+                                  <div className="field mt-2 mb-3 flex flex-col gap-2 px-2 pt-2 md:mb-3 md:w-1/2">
                                     <label
                                       htmlFor="regexPatternNotMatchingErrorMsg"
                                       className={classNames("form-field-label", styles.fieldLabel)}
@@ -3078,7 +3170,7 @@ const FieldMetaDataForm = ({
                             {(showMinFields || showMaxFields) &&
                               <>
                                 {showMinFields && (
-                                  <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                                  <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                                     <label htmlFor="min" className={classNames("form-field-label", styles.fieldLabel)}>
                                       Min {(selectedTypeValue !== "int" && selectedTypeValue !== "decimal") && `(Characters Allowed)`}
 
@@ -3117,7 +3209,7 @@ const FieldMetaDataForm = ({
                                   </div>
                                 )}
                                 {showMaxFields && (
-                                  <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                                  <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                                     <label htmlFor="max" className={classNames("form-field-label", styles.fieldLabel)}>
                                       Max {(selectedTypeValue !== "int" &&
                                         selectedTypeValue !== "decimal") && `(Characters allowed)`}
@@ -3159,7 +3251,7 @@ const FieldMetaDataForm = ({
                               </>
                             }
                             {showOrmOptions && (
-                              <div className="field mt-2 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
+                              <div className="field mt-2 flex flex-col gap-2 px-2 pt-2 md:w-1/2">
                                 <label htmlFor="ormType" className={classNames("form-field-label", styles.fieldLabel)}>
                                   Type
                                 </label>
@@ -3195,7 +3287,7 @@ const FieldMetaDataForm = ({
                       )}
 
                       {(formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && <p className="form-wrapper-heading">Settings</p>}
-                      <div className="mt-1 flex flex-wrap -mx-2 -mt-2 md:mt-0">
+                      <div className="flex flex-wrap -mx-2 mt-2 md:mt-0">
                         {currentFields.includes("required") && (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && (
                           <div className="field mt-2 flex w-1/2 flex-col gap-2 px-2 pt-2">
                             <div className="solid-field-checkbox-row">
@@ -3416,7 +3508,7 @@ const FieldMetaDataForm = ({
 
 
                       {formik.values.encrypt === true && (
-                        <div className="mt-2 flex flex-wrap -mx-2 -mt-2">
+                        <div className="mt-2 flex flex-wrap -mx-2">
                           <div className="w-full px-2 pt-2 md:w-1/2">
                             <div className="field flex w-full flex-col gap-2">
                               <label
@@ -3461,7 +3553,7 @@ const FieldMetaDataForm = ({
                               )}
                             </div>
                           </div>
-                          <div className="w-full px-2 pt-2 md:w-1/2">
+                          <div className="px-2 pt-2 md:w-1/2">
                             <div className="field flex w-full flex-col gap-2">
                               <label htmlFor="decryptWhen" className={classNames("form-field-label", styles.fieldLabel)}>
                                 Decrypt When

package/dist/components/core/tree/SolidTreeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA8Cf,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AA0CF,eAAO,MAAM,aAAa,iGA6mExB,CAAC"}
+{"version":3,"file":"SolidTreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA8Cf,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AA0CF,eAAO,MAAM,aAAa,iGAqmExB,CAAC"}

package/dist/components/core/tree/SolidTreeView.js

@@ -1595,7 +1595,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 })] })] }))] }));
     };
     // ─── Render ───────────────────────────────────────────────────────────────
-    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0", children: [_jsx("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsxs("div", { className: "flex lg:gap-4 items-center w-full solid-list-toolbar-left lg:min-w-0 lg:flex-1", children: [_jsx("div", { className: "flex items-center gap-2" }), ((_r = (_q = (_p = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidView) === null || _q === void 0 ? void 0 : _q.layout) === null || _r === void 0 ? void 0 : _r.attrs.enableGlobalSearch) === true && (_jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex w-full mt-3 lg:mt-0 lg:min-w-0", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }), _jsx("div", { className: "".concat(showGlobalSearchElement ? "lg:flex" : "hidden", " lg:hidden mt-3 lg:mt-0 w-full lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) })] }))] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [headerRequestStatusLabel ? _jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }) : null, ((_u = (_t = (_s = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _s === void 0 ? void 0 : _s.solidView) === null || _t === void 0 ? void 0 : _t.layout) === null || _u === void 0 ? void 0 : _u.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "solid-list-search-toggle", children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(Search, { size: 14 }), className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_v = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; })) === null || _v === void 0 ? void 0 : _v.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidTreeViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
+    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0", children: [_jsx("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsxs("div", { className: "flex lg:gap-4 items-center w-full solid-list-toolbar-left lg:min-w-0 lg:flex-1", children: [_jsx("div", { className: "flex items-center gap-2" }), ((_r = (_q = (_p = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidView) === null || _q === void 0 ? void 0 : _q.layout) === null || _r === void 0 ? void 0 : _r.attrs.enableGlobalSearch) === true && (_jsx(_Fragment, { children: _jsx("div", { className: "".concat(showGlobalSearchElement ? "flex" : "max-lg:hidden lg:flex", " w-full mt-3 lg:mt-0 lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }) }))] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [headerRequestStatusLabel ? _jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }) : null, ((_u = (_t = (_s = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _s === void 0 ? void 0 : _s.solidView) === null || _t === void 0 ? void 0 : _t.layout) === null || _u === void 0 ? void 0 : _u.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "solid-list-search-toggle", children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(Search, { size: 14 }), className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_v = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; })) === null || _v === void 0 ? void 0 : _v.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidTreeViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
                                                 ((_y = (_x = (_w = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.layout) === null || _y === void 0 ? void 0 : _y.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
                                                 ((_1 = (_0 = (_z = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs.delete) !== false &&
                                                 selectedRecords.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "sm", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), className: "solid-icon-button", onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && selectedRecoverRecords.length > 0 && (_jsx(SolidButton, { type: "button", size: "sm", variant: "secondary", className: "hidden lg:flex", onClick: function () { return setRecoverDialogVisible(true); }, leftIcon: _jsx(RotateCcw, { size: 14 }), children: "Recover" })), params.embeded === false &&