unifyedx-storybook-new 0.1.54 → 0.1.56

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

@@ -772,7 +772,6 @@ const fnv1a = (str) => {
 };
 
 const generatePastelColor = (word) => {
-  console.log(word, 'checking word');
   const w = (word ?? "").trim().toLowerCase();
 
   // Pull out any trailing number (e.g., "Unifyed3" -> 3)
@@ -782,10 +781,10 @@ const generatePastelColor = (word) => {
   const hash = fnv1a(w);
 
   // Distribute across channels and offset by numeric suffix
-  const hue = (hash % 360 + 37 * suffixNum) % 360;           // 37 is coprime with 360
-  const sat = 55 + ((hash >>> 8) % 20);                       // 55–74%
-  const lightText = 30 + ((hash >>> 16) % 10);                // 30–39% (text)
-  const lightBg = 86 + ((hash >>> 24) % 8);                   // 86–93% (pastel bg)
+  const hue = ((hash % 360) + 37 * suffixNum) % 360; // 37 is coprime with 360
+  const sat = 55 + ((hash >>> 8) % 20); // 55–74%
+  const lightText = 30 + ((hash >>> 16) % 10); // 30–39% (text)
+  const lightBg = 86 + ((hash >>> 24) % 8); // 86–93% (pastel bg)
 
   const backgroundColor = `hsl(${hue}, ${sat}%, ${lightBg}%)`;
   const color = `hsl(${hue}, ${sat}%, ${lightText}%)`;
@@ -76380,7 +76379,10 @@ const ManageCollectionList = ({
 }) => {
   const [editingId, setEditingId] = useState(null);
   const [draftName, setDraftName] = useState("");
-  const [linksData, setLinksData] = useState(initialData || []);
+  const [linksData, setLinksData] = useState(() => {
+    if (Array.isArray(initialData)) return initialData;
+    return [];
+  });
   const [draggingId, setDraggingId] = useState(null);
   const [dragOverId, setDragOverId] = useState(null);
   const [searchValue, setSearchValue] = useState("");
@@ -76408,6 +76410,11 @@ const ManageCollectionList = ({
       getListData();
     }
   }, [initialData]);
+  useEffect(() => {
+    if (Array.isArray(initialData)) {
+      setLinksData(initialData);
+    }
+  }, [initialData]);
   const startEdit = (item) => {
     if (!allowEdit) return;
     setEditingId(item.id);
@@ -76447,7 +76454,7 @@ const ManageCollectionList = ({
       if (isTemp) {
         const resp = await axiosPost(endpoints.collectionCreate, {
           categoryName: draftName.trim(),
-          order: (linksData.at(-1)?.order ?? 0) + 1
+          order: (Array.isArray(linksData) && linksData.length > 0 ? linksData.at(-1)?.order ?? 0 : 0) + 1
         });
         if (resp) {
           setLinksData((prev) => {
@@ -76545,39 +76552,33 @@ const ManageCollectionList = ({
     setDraggingId(null);
     setDragOverId(null);
   };
-  const filteredData = linksData.filter(
+  const filteredData = Array.isArray(linksData) ? linksData.filter(
     (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;
@@ -76684,7 +76685,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,
@@ -76694,7 +76695,8 @@ const ManageCollectionListRenderer = ({ item, data, updateHandler }) => {
     allowReorder = true,
     className = ""
   } = item;
-  const currentCollections = data?.[item.key] || initialData || [];
+  const rawData = data?.[item.key] || initialData || [];
+  const currentCollections = Array.isArray(rawData) ? rawData : [];
   const handleCollectionChange = (newCollections) => {
     if (updateHandler) {
       updateHandler(item.key, newCollections);