@ikas/core 1.0.3 → 1.0.4

package/dist/index187.js

@@ -1,78 +1,62 @@
-import { jsxs as g, jsx as u } from "react/jsx-runtime";
-import { useState as x, useMemo as m } from "react";
-import { observer as C } from "mobx-react-lite";
-import { Select as S } from "@ikas/ui";
-import { coreTranslations as w } from "./index5.js";
-import T from "./index130.js";
-const y = 5;
-function L(l) {
-  return l.length > y ? `${l.slice(0, y)}...` : l;
-}
-function V(l) {
-  var d;
-  const { filterRow: i, model: s, onChange: p } = l, [n, f] = x(""), o = i.filterValue.value || [], h = m(() => {
-    switch (s.locale) {
-      case "tr":
-        return "tr-TR";
-      case "en":
-        return "en-US";
-      case "de":
-        return "de-DE";
-      default:
-        return "tr-TR";
-    }
-  }, [s.locale]), a = m(
-    () => s.filters.find((e) => {
-      var t;
-      return e.key === ((t = i.filterValue) == null ? void 0 : t.key);
-    }),
-    [s.filters, (d = i.filterValue) == null ? void 0 : d.key]
-  ), b = m(() => {
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { observer as V } from "mobx-react-lite";
+import { DrawerImageSelect as U } from "./index35.js";
+import v from "./index53.js";
+import T from "./index77.js";
+function j(n) {
+  var m;
+  const { value: s, rowData: r, columnDefinition: e, onValueChange: p } = n, [w, g] = u(!1), I = r && e.getDrawerTitle ? e.getDrawerTitle(r) : void 0, f = r && e.getGalleryImages ? e.getGalleryImages(r) : void 0, b = r && e.disableUpload ? e.disableUpload(r) : void 0, d = r && e.productImages ? e.productImages(r) : void 0, x = d == null ? void 0 : d.map((a) => ({
+    imageId: a.id ?? null,
+    fileName: a.name ?? null
+  })), N = (a) => {
+    var l;
+    a.stopPropagation(), g(!0), r && ((l = e.onDrawerToggle) == null || l.call(e, r, !0));
+  }, h = () => {
+    var a;
+    g(!1), r && ((a = e.onDrawerToggle) == null || a.call(e, r, !1));
+  }, S = e.onImageNameSave ? (a) => {
     var c;
-    const e = ((c = a == null ? void 0 : a.options) == null ? void 0 : c.map((r) => ({
-      label: r.label,
-      value: r.value
-    }))) ?? [], t = o.filter((r) => !e.some((v) => v.value === r)).map((r) => ({ label: L(r), value: r }));
-    return [...e, ...t];
-  }, [a == null ? void 0 : a.options, o]);
-  return /* @__PURE__ */ g(
-    "div",
-    {
-      className: "relative",
-      style: { maxWidth: 330, minWidth: 330 },
-      onKeyDownCapture: (e) => {
-        e.key !== "Enter" || !n || (e.preventDefault(), e.stopPropagation(), n.trim() !== "" && !o.find((t) => n === t) && p([...o, n]), f(""));
-      },
-      children: [
-        /* @__PURE__ */ u(
-          S,
+    const l = s == null ? void 0 : s.find((y) => y.id === a.imageId);
+    r && l && ((c = e.onImageNameSave) == null || c.call(e, r, l, a.name ?? ""));
+  } : void 0, o = s != null && s.length ? s.find((a) => !(a != null && a.isVideo)) : void 0, i = (o == null ? void 0 : o.thumbnailSrc) || (o == null ? void 0 : o.url) || (o == null ? void 0 : o.src);
+  return /* @__PURE__ */ C("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",
+        onClick: N,
+        children: i ? /* @__PURE__ */ t(
+          "img",
           {
-            mode: "tags",
-            maxTagCount: "responsive",
-            value: o,
-            showSearch: !0,
-            searchValue: n,
-            onSearch: f,
-            onChange: (e) => {
-              const t = e;
-              t.length <= o.length && p(t);
-            },
-            options: b,
-            tagClosable: !0,
-            filterOption: (e, t) => t ? String(t.label ?? "").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)) : !1,
-            style: { width: "100%" },
-            placeholder: w.common.actions.enterValue
+            src: i,
+            alt: (o == null ? void 0 : o.name) ?? "",
+            className: "w-full h-full object-cover"
           }
-        ),
-        !!n.length && /* @__PURE__ */ g("div", { className: "pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white", children: [
-          /* @__PURE__ */ u(T, { className: "h-4 w-4 text-gray-blue-5" }),
-          /* @__PURE__ */ u("span", { className: "text-sm leading-5 text-gray-blue-9", children: w.common.actions.enter })
-        ] })
-      ]
-    }
-  );
+        ) : s != null && s.length && e.allowVideoUpload ? /* @__PURE__ */ t(v, { className: "h-[18px] w-[18px] text-gray-blue-7" }) : /* @__PURE__ */ t(T, { className: "h-[18px] w-[18px] text-gray-blue-7" })
+      }
+    ),
+    r && ((m = e.rightContent) == null ? void 0 : m.call(e, r)),
+    /* @__PURE__ */ t(
+      U,
+      {
+        allowVideoUpload: e.allowVideoUpload,
+        title: I,
+        visible: w,
+        images: s,
+        galleryImages: f,
+        disableUpload: b,
+        onChange: (a) => p(a),
+        onClose: h,
+        onImageNameSave: S,
+        imageNameMaxLength: e.imageNameMaxLength,
+        productImages: x
+      }
+    )
+  ] });
 }
-const _ = C(V);
+const q = V(j);
 export {
-  _ as FilterStringInput
+  q as ImageSelectCell
 };