@sustaina/shared-ui 1.7.0 → 1.7.1

package/dist/index.d.mts

@@ -314,6 +314,7 @@ declare function Button({ className, variant, size, active, asChild, ...props }:
 
 type Column = {
     id: string;
+    label?: string;
 };
 type GridPayload<TColumn extends {
     id: string;

package/dist/index.d.ts

@@ -314,6 +314,7 @@ declare function Button({ className, variant, size, active, asChild, ...props }:
 
 type Column = {
     id: string;
+    label?: string;
 };
 type GridPayload<TColumn extends {
     id: string;

package/dist/index.js

@@ -1580,10 +1580,13 @@ function SortableRow({
     id: value,
     disabled: name == "columns.0.id"
   });
-  const style = {
-    transform: utilities.CSS.Transform.toString(transform),
-    transition
-  };
+  const style = React4__namespace.useMemo(
+    () => ({
+      transform: utilities.CSS.Transform.toString(transform),
+      transition
+    }),
+    [transform, transition]
+  );
   const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
   const currentFormColumns = reactHookForm.useWatch({ control, name: "columns" });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setNodeRef, style, className: "flex items-center rounded-md bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1592,7 +1595,7 @@ function SortableRow({
       control,
       name,
       render: ({ field }) => {
-        const options = availableColumns.filter((col) => col.id === field.value || !currentFormColumns?.some((c) => c.id === col.id)).map((col) => ({ id: col.id, label: capitalize(col.id) }));
+        const options = availableColumns.filter((col) => col.id === field.value || !currentFormColumns?.some((c) => c.id === col.id)).map((col) => ({ id: col.id, label: col?.label ? col.label : capitalize(col.id) }));
         return /* @__PURE__ */ jsxRuntime.jsxs(FormItem2, { className: "flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(