@moises.ai/design-system 4.17.10 → 4.17.11

package/dist/index.js

@@ -8429,33 +8429,34 @@ const nI = ({
   loading: l = !1,
   failed: c = !1,
   children: d,
-  ...u
+  labels: u = {},
+  ...p
 }) => {
   const {
-    projects: p,
-    onInsertAllTracks: h,
-    onProjectClick: g,
-    openedItem: C,
-    setOpenedItem: m
-  } = gt(ts), [f, k] = V(!1), y = se(() => f ? i : i.slice(0, 6), [i, f]), w = D(() => {
+    projects: h,
+    onInsertAllTracks: g,
+    onProjectClick: C,
+    openedItem: m,
+    setOpenedItem: f
+  } = gt(ts), [k, y] = V(!1), w = se(() => k ? i : i.slice(0, 6), [i, k]), I = D(() => {
     if (c) return;
-    k(!1);
-    const E = p.find((R) => R.id === n);
-    C === n ? (m(null), g == null || g(E, !1)) : (m(n), g == null || g(E, !0));
-  }, [n, C, m, g, p, c]), I = D((E) => {
-    E.preventDefault(), E.stopPropagation(), k(!f);
-  }, [f]), N = D((E) => {
-    E.stopPropagation(), h == null || h(i);
-  }, [h, i]);
+    y(!1);
+    const R = h.find((B) => B.id === n);
+    m === n ? (f(null), C == null || C(R, !1)) : (f(n), C == null || C(R, !0));
+  }, [n, m, f, C, h, c]), N = D((R) => {
+    R.preventDefault(), R.stopPropagation(), y(!k);
+  }, [k]), E = D((R) => {
+    R.stopPropagation(), g == null || g(i);
+  }, [g, i]);
   return /* @__PURE__ */ v(
     S,
     {
       direction: "column",
       gap: "2",
       p: "1",
-      className: `${Gt.item} ${C === n ? Gt.opened : ""} ${c ? Gt.failed : ""}`,
-      onClick: w,
-      ...u,
+      className: `${Gt.item} ${m === n ? Gt.opened : ""} ${c ? Gt.failed : ""}`,
+      onClick: I,
+      ...p,
       children: [
         /* @__PURE__ */ v(S, { direction: "row", gap: "3", children: [
           /* @__PURE__ */ a(S, { className: Gt.projectCover, children: /* @__PURE__ */ a(es, { type: o, cover: s, title: t, size: "48px" }) }),
@@ -8477,7 +8478,7 @@ const nI = ({
             }
           )
         ] }),
-        C === n && /* @__PURE__ */ v(S, { direction: "column", children: [
+        m === n && /* @__PURE__ */ v(S, { direction: "column", children: [
           i.length === 0 && !l && /* @__PURE__ */ v(S, { direction: "row", gap: "3", p: "5", pt: "2", align: "center", justify: "center", children: [
             /* @__PURE__ */ a(Bd, { width: 16, height: 16, style: { color: "var(--neutral-alpha-10)" } }),
             /* @__PURE__ */ a(W, { size: "2", style: { color: "var(--neutral-alpha-10)" }, children: "This file has no tracks" })
@@ -8487,7 +8488,7 @@ const nI = ({
             /* @__PURE__ */ a(W, { size: "2", style: { color: "var(--neutral-alpha-10)" }, children: "Loading tracks..." })
           ] }),
           i.length > 0 && /* @__PURE__ */ v(S, { direction: "column", gap: "1", children: [
-            typeof d == "function" ? d({ projectId: n, tracks: y }) : d,
+            typeof d == "function" ? d({ projectId: n, tracks: w }) : d,
             /* @__PURE__ */ v(S, { direction: "row", gap: "3", p: "2", align: "center", justify: "center", children: [
               /* @__PURE__ */ v(
                 Ir,
@@ -8495,18 +8496,19 @@ const nI = ({
                   variant: "ghost",
                   color: "gray",
                   style: { flex: "1" },
-                  onClick: N,
+                  onClick: E,
                   children: [
                     /* @__PURE__ */ a(Dr, { width: 16, height: 16 }),
-                    " Insert all"
+                    " ",
+                    u.insertAll || "Insert all"
                   ]
                 }
               ),
               i.length > 6 && /* @__PURE__ */ v(be, { children: [
                 /* @__PURE__ */ a(ot, { orientation: "vertical" }),
-                /* @__PURE__ */ v(Ir, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: I, children: [
-                  f ? "Show less" : "Show more",
-                  f ? /* @__PURE__ */ a(xd, { width: 16, height: 16 }) : /* @__PURE__ */ a(Xs, { width: 16, height: 16 })
+                /* @__PURE__ */ v(Ir, { variant: "ghost", color: "gray", style: { flex: "1" }, onClick: N, children: [
+                  k ? u.showLess || "Show less" : u.showMore || "Show more",
+                  k ? /* @__PURE__ */ a(xd, { width: 16, height: 16 }) : /* @__PURE__ */ a(Xs, { width: 16, height: 16 })
                 ] })
               ] })
             ] })
@@ -8738,9 +8740,10 @@ const nI = ({
   projects: t = [],
   onClickTrack: r,
   onInsertAllTracks: s,
-  onProjectClick: o
+  onProjectClick: o,
+  labels: i = {}
 }) => {
-  const [i, l] = V(null);
+  const [l, c] = V(null);
   return /* @__PURE__ */ a(
     ts.Provider,
     {
@@ -8749,10 +8752,10 @@ const nI = ({
         onClickTrack: r,
         onInsertAllTracks: s,
         onProjectClick: o,
-        openedItem: i,
-        setOpenedItem: l
+        openedItem: l,
+        setOpenedItem: c
       },
-      children: /* @__PURE__ */ a(S, { direction: "column", width: "100%", children: t.map((c) => /* @__PURE__ */ a(dI, { ...c, children: n }, c.id)) })
+      children: /* @__PURE__ */ a(S, { direction: "column", width: "100%", children: t.map((d) => /* @__PURE__ */ a(dI, { ...d, labels: i, children: n }, d.id)) })
     }
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "4.17.10",
+  "version": "4.17.11",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",

package/src/components/ProjectsList/ProjectItem/ProjectItem.jsx

@@ -15,6 +15,7 @@ const ProjectItem = ({
   loading = false,
   failed = false,
   children,
+  labels = {},
   ...props
 }) => {
   const {
@@ -121,7 +122,7 @@ const ProjectItem = ({
                 <Button variant="ghost" color="gray" style={{ flex: '1' }}
                   onClick={handleInsertAllTracks}
                 >
-                  <ArrowLeftIcon width={16} height={16} /> Insert all
+                  <ArrowLeftIcon width={16} height={16} /> {labels.insertAll || 'Insert all'}
                 </Button>
 
                 {allTracks.length > 6 && (
@@ -129,7 +130,7 @@ const ProjectItem = ({
                     <Separator orientation="vertical" />
 
                     <Button variant="ghost" color="gray" style={{ flex: '1' }} onClick={handleClickShowAllTracks}>
-                      {showAllTracks ? 'Show less' : 'Show more'}
+                      {showAllTracks ? labels.showLess || 'Show less' : labels.showMore || 'Show more'}
                       {showAllTracks ? <ChevronUpIcon width={16} height={16} /> : <ChevronDownIcon width={16} height={16} />}
                     </Button>
                   </>

package/src/components/ProjectsList/ProjectsList.jsx

@@ -10,7 +10,8 @@ export const ProjectsList = ({
   projects = [],
   onClickTrack,
   onInsertAllTracks,
-  onProjectClick
+  onProjectClick,
+  labels = {}
 }) => {
   const [openedItem, setOpenedItem] = useState(null)
 
@@ -27,7 +28,7 @@ export const ProjectsList = ({
     >
       <Flex direction="column" width="100%">
         {projects.map((project) => (
-          <ProjectItem key={project.id} {...project}>
+          <ProjectItem key={project.id} {...project} labels={labels}>
             {children}
           </ProjectItem>
         ))}