unifyedx-storybook-new 0.1.55 → 0.1.57

package/dist/unifyedx-storybook-new.css

@@ -45190,12 +45190,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 .native-radiogroup-container {
-  background-color: #f9fafb;
-  border: 1px solid #e5e7eb;
-  border-radius: .5rem;
-  flex-direction: column;
+  flex-direction: row;
   gap: 1rem;
-  padding: 1rem;
   display: flex;
 }
 
@@ -49435,12 +49431,8 @@ body.toast-backdrop #ui-toast-backdrop {
 /* --- ✅ NEW: Native Radio Group Story Styles --- */
 .native-radiogroup-container {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   gap: 1rem;
-  padding: 1rem;
-  border: 1px solid #e5e7eb; /* gray-200 */
-  border-radius: 0.5rem;
-  background-color: #f9fafb; /* gray-50 */
 }
 
 .native-radio-option {

package/dist/unifyedx-storybook-new.es.js

@@ -40985,7 +40985,12 @@ const Select = ({
   const filteredOptions = query === "" ? options : options.filter(
     (option) => option.label.toLowerCase().includes(query.toLowerCase())
   );
-  const selectedOption = options.find((option) => option.id === value?.id);
+  const selectedOption = options.find((option) => {
+    if (value?.id) {
+      return option.id === value.id;
+    }
+    return option.id === value || option.value === value;
+  });
   return /* @__PURE__ */ jsx(Listbox, { value, onChange, disabled, children: /* @__PURE__ */ jsxs("div", { className: "select-wrapper", ref, children: [
     label && /* @__PURE__ */ jsx("label", { className: "select-label", children: label }),
     /* @__PURE__ */ jsxs("div", { className: "select-button-container", children: [
@@ -41041,7 +41046,7 @@ const Select = ({
                   ) : null
                 ] })
               },
-              option.id
+              option.id || option.value || option.label
             )) })
           ] })
         }
@@ -75235,6 +75240,16 @@ function TreeView({
   ] });
 }
 
+const getOptionsFromConfig = (optionsFrom, configData) => {
+  if (!optionsFrom || !configData) return [];
+  const { config, valueField, labelField } = optionsFrom;
+  const configSection = configData[config];
+  if (!configSection || !Array.isArray(configSection)) return [];
+  return configSection.map((item) => ({
+    value: item[valueField],
+    label: item[labelField]
+  }));
+};
 function SectionRenderer({ item, data: initialData, updateHandler, validationErrors = {} }) {
   console.log(item);
   const [section, setSection] = React__default.useState(item);
@@ -75414,7 +75429,7 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
               const newData = { ...data, [field.key]: value };
               setData(newData);
             },
-            options: field.options || [],
+            options: field.optionsFrom ? getOptionsFromConfig(field.optionsFrom, initialData) : field.options || [],
             placeholder: field.placeholder || `Select ${field.label}`,
             required: field.required,
             disabled: field.disabled ? field.disabled : false,
@@ -76556,35 +76571,29 @@ const ManageCollectionList = ({
     (item) => item.categoryName?.toLowerCase().includes(searchValue.toLowerCase())
   ) : [];
   return /* @__PURE__ */ jsxs("div", { className: `manage-collection-list ${className}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex", children: [
-      /* @__PURE__ */ jsxs("div", { className: "w-1/2 flex flex-col", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-base font-medium", children: "Manage Collection" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-normal", children: "Organize, add, or edit categories for your quick links." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "w-1/2 flex justify-end", children: [
-        showSearch && /* @__PURE__ */ jsx(
-          SearchBar,
-          {
-            value: searchValue,
-            onDebouncedChange: setSearchValue,
-            placeholder: "Search Collection",
-            customClass: "mr-4"
-          }
-        ),
-        allowAdd && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: [
-              "px-4 py-3 bg-black text-white rounded-2xl ml-4",
-              editingId !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
-            ].join(" "),
-            onClick: startAdd,
-            disabled: editingId !== null,
-            children: "Add a Collection"
-          }
-        )
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsxs("div", { className: "w-1/2 flex justify-end", children: [
+      showSearch && /* @__PURE__ */ jsx(
+        SearchBar,
+        {
+          value: searchValue,
+          onDebouncedChange: setSearchValue,
+          placeholder: "Search Collection",
+          customClass: "mr-4"
+        }
+      ),
+      allowAdd && /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: [
+            "px-4 py-3 bg-black text-white rounded-2xl ml-4",
+            editingId !== null ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
+          ].join(" "),
+          onClick: startAdd,
+          disabled: editingId !== null,
+          children: "Add a Collection"
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsx("div", { className: "mt-5 flex flex-col", children: filteredData.map((item) => {
       const isEditing = editingId === item.id;
       const linkCount = item?.links?.length ?? 0;
@@ -76691,7 +76700,7 @@ const ManageCollectionList = ({
 const ManageCollectionListRenderer = ({ item, data, updateHandler }) => {
   const {
     label = "Manage Collections",
-    description = "Organize, add, or edit categories for your quick links.",
+    description = "",
     endpoints = {},
     initialData = null,
     showSearch = true,