@code0-tech/pictor 0.0.0-mvp.25 → 0.0.0-mvp.27

package/dist/components/file-tabs/FileTabs.service.js

@@ -1,42 +1,94 @@
-import { ReactiveArrayService as a } from "../../utils/reactiveArrayService.js";
-class v extends a {
+import { ReactiveArrayService as n } from "../../utils/reactiveArrayService.js";
+import { startTransition as h } from "react";
+class v extends n {
   constructor(t) {
     super(t);
   }
+  getById(t) {
+    return this.values().find((e) => e.id === t);
+  }
   clearLeft() {
     const t = this.getActiveIndex();
-    this.access.setState((e) => [...e.filter((i, s) => s >= t)]);
+    this.access.getState().forEach((e, i) => {
+      i >= t || this.removeTabById(e.id);
+    });
   }
   clearRight() {
     const t = this.getActiveIndex();
-    this.access.setState((e) => [...e.filter((i, s) => s <= t)]);
+    this.access.getState().forEach((e, i) => {
+      i <= t || this.removeTabById(e.id);
+    });
   }
   clearWithoutActive() {
-    const t = this.getActiveTab();
-    t && this.access.setState((e) => [t]);
+    const t = this.getActiveIndex();
+    this.access.getState().forEach((e, i) => {
+      i != t && this.removeTabById(e.id);
+    });
+  }
+  clearAll() {
+    this.access.getState().forEach((t) => {
+      this.removeTabById(t.id);
+    });
   }
   activateTab(t) {
     this.values().forEach((i) => {
       i.active = !1;
     });
     const e = this.values().find((i) => i.id === t);
-    e && (e.active = !0), this.update();
+    e && (e.active = !0, e.show = !0), this.update();
+  }
+  removeTabById(t) {
+    const e = this.getById(t), i = this.values().findIndex((s) => s.id === t);
+    if (e) {
+      if (e.active && this.has(i - 1)) {
+        const s = this.get(i - 1);
+        s.show && this.activateTab(s.id);
+      } else if (e.active && this.has(i + 1)) {
+        const s = this.get(i + 1);
+        s.show && this.activateTab(s.id);
+      }
+      e.show = !1, e.active = !1, this.update();
+    }
   }
   delete(t) {
     const e = this.get(t);
-    e.active && this.has(t - 1) ? this.activateTab(this.get(t - 1).id) : e.active && this.has(t + 1) && this.activateTab(this.get(t + 1).id), super.delete(t);
+    e.active && this.has(t - 1) ? this.activateTab(this.get(t - 1).id) : e.active && this.has(t + 1) && this.activateTab(this.get(t + 1).id), super.delete(t), this.update();
+  }
+  deleteById(t) {
+    const e = this.values().findIndex((i) => i.id === t);
+    e !== -1 && this.delete(e), this.update();
+  }
+  registerTab(t) {
+    const e = {
+      ...t,
+      show: t.show ?? !1
+    };
+    h(() => {
+      this.access.setState((i) => i.findIndex((a) => a.id === e.id) !== -1 ? i : [...i, e]);
+    });
   }
   add(t) {
-    if (this.values().some((e) => e.id == t.id)) {
-      this.activateTab(t.id);
-      return;
-    }
-    t.active && this.values().forEach((e) => {
-      e.active = !1;
-    }), super.add(t);
+    const e = {
+      ...t,
+      show: t.show ?? !0
+    };
+    h(() => {
+      this.access.setState((i) => {
+        const s = i.findIndex((c) => c.id === e.id), a = i.map((c) => ({
+          ...c,
+          active: e.active ? !1 : c.active
+        }));
+        return s !== -1 ? (a[s] = {
+          ...a[s],
+          ...e,
+          active: e.active ?? a[s].active,
+          show: e.show ?? a[s].show
+        }, a) : [...a, e];
+      });
+    });
   }
   getActiveTab() {
-    return [...this.values()].reverse().find((e) => e.active);
+    return this.values().find((t) => t.active);
   }
   getActiveIndex() {
     return this.values().findIndex((t) => t.active);

package/dist/components/file-tabs/FileTabs.view.d.ts

@@ -6,4 +6,5 @@ export interface FileTabsView {
     content: React.ReactNode;
     active: boolean;
     lastActive?: Date;
+    show?: boolean;
 }

package/dist/components/form/CheckboxInput.js

@@ -10,8 +10,8 @@ import '../../assets/components/form/Input.style.css';/* empty css
 import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
 const Y = (l) => {
   const e = $.c(40), {
-    title: b,
-    description: _,
+    title: _,
+    description: b,
     formValidation: k,
     ...N
   } = l;
@@ -29,9 +29,9 @@ const Y = (l) => {
   let v;
   e[5] !== t ? (v = [t], e[5] = t, e[6] = v) : v = e[6], z.useEffect(g, v);
   let o;
-  e[7] !== b ? (o = b ? /* @__PURE__ */ n(F, { children: b }) : null, e[7] = b, e[8] = o) : o = e[8];
+  e[7] !== _ ? (o = _ ? /* @__PURE__ */ n(F, { children: _ }) : null, e[7] = _, e[8] = o) : o = e[8];
   let c;
-  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
+  e[9] !== b ? (c = b ? /* @__PURE__ */ n(L, { children: b }) : null, e[9] = b, e[10] = c) : c = e[10];
   const V = `input ${i?.valid ? "" : "input--not-valid"} checkbox-input`;
   let s;
   e[11] !== V ? (s = E(V, {}), e[11] = V, e[12] = s) : s = e[12];

package/dist/components/form/EmailInput.js

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { Input as m } from "./Input.js";
-import { IconX as l } from "@tabler/icons-react";
-import { Button as s } from "../button/Button.js";
-import { setElementKey as f } from "./Input.utils.js";
-const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, g = (t) => p.test(t), I = a.forwardRef((t, x) => {
-  x = x || a.useRef(null);
+import o from "react";
+import { Input as l } from "./Input.js";
+import { IconX as m } from "@tabler/icons-react";
+import { Button as f } from "../button/Button.js";
+import { setElementKey as s } from "./Input.utils.js";
+const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, _ = (t) => p.test(t), g = o.forwardRef((t, x) => {
+  x = x || o.useRef(null);
   const {
     clearable: r = !1,
     right: n,
     ...c
   } = t, i = () => {
-    x.current && f(x.current, "value", "", "change");
-  }, o = [n];
-  return r && o.push(/* @__PURE__ */ e(s, { onClick: i, children: /* @__PURE__ */ e(l, { size: 13 }) })), /* @__PURE__ */ e(m, { right: o, type: "email", ref: x, ...c });
+    x.current && s(x.current, "value", "", "change");
+  }, a = [n];
+  return r && a.push(/* @__PURE__ */ e(f, { onClick: i, children: /* @__PURE__ */ e(m, { size: 13 }) })), /* @__PURE__ */ e(l, { right: a, type: "email", ref: x, ...c });
 });
 export {
-  I as EmailInput,
-  g as emailValidation
+  g as EmailInput,
+  _ as emailValidation
 };