@ikas/core 1.0.1 → 1.0.3

package/dist/index185.js

@@ -1,30 +1,94 @@
-import { __exports as t } from "./index205.js";
-import q from "lodash/isString";
-import N from "lodash/forOwn";
-import O from "lodash/isPlainObject";
-import P from "lodash/map";
-var i;
-function A() {
-  if (i) return t;
-  i = 1, Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), t.flattenNames = void 0;
-  var s = q, m = u(s), l = N, o = u(l), _ = O, p = u(_), d = P, v = u(d);
-  function u(e) {
-    return e && e.__esModule ? e : { default: e };
-  }
-  var $ = t.flattenNames = function e() {
-    var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], a = [];
-    return (0, v.default)(c, function(r) {
-      Array.isArray(r) ? e(r).map(function(n) {
-        return a.push(n);
-      }) : (0, p.default)(r) ? (0, o.default)(r, function(n, f) {
-        n === !0 && a.push(f), a.push(f + "-" + n);
-      }) : (0, m.default)(r) && a.push(r);
-    }), a;
-  };
-  return t.default = $, t;
+import { jsx as a } from "react/jsx-runtime";
+import { useState as S, useRef as C, useCallback as b } from "react";
+import { observer as O } from "mobx-react-lite";
+import { TreeSelect as p, Select as g } from "@ikas/ui";
+function w(i) {
+  return i.map((e) => ({
+    label: e.label,
+    value: String(e.value)
+  }));
 }
+function v(i) {
+  return i.map((e) => ({
+    key: String(e.value),
+    title: e.label,
+    value: String(e.value),
+    children: e.children ? v(e.children) : void 0
+  }));
+}
+function A(i) {
+  const { value: e, rowData: h, columnDefinition: l, onValueChange: o } = i, [y, d] = S(null), [s, f] = S(!1), c = C(), n = !!l.searchOptions, u = n ? y ?? [] : h ? l.getOptions(h) : [], m = b(
+    (r) => {
+      l.searchOptions && (c.current && clearTimeout(c.current), c.current = setTimeout(async () => {
+        if (!r) {
+          d([]);
+          return;
+        }
+        try {
+          f(!0);
+          const t = await l.searchOptions(r);
+          d(t);
+        } catch {
+        } finally {
+          f(!1);
+        }
+      }, 600));
+    },
+    [l]
+  );
+  return l.isTree ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    p,
+    {
+      style: { width: "100%" },
+      treeData: v(u),
+      treeCheckable: !0,
+      showCheckedStrategy: p.SHOW_ALL,
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterTreeNode: n ? () => !0 : void 0,
+      loading: s,
+      maxTagCount: 2,
+      placeholder: "-"
+    }
+  ) }) : l.isMultiple ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      mode: "multiple",
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      options: w(u),
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
+    }
+  ) }) : /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      value: e != null ? String(e) : void 0,
+      options: w(u),
+      onChange: (r) => o(Number(r)),
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
+    }
+  ) });
+}
+const R = O(A);
 export {
-  A as __require
+  R as SelectCell
 };

package/dist/index186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index206.cjs"),c=require("lodash/forOwn"),m=require("lodash/cloneDeep");var l;function q(){if(l)return n.__exports;l=1,Object.defineProperty(n.__exports,"__esModule",{value:!0}),n.__exports.mergeClasses=void 0;var f=c,_=o(f),d=m,g=o(d),v=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var u=arguments[t];for(var e in u)Object.prototype.hasOwnProperty.call(u,e)&&(r[e]=u[e])}return r};function o(r){return r&&r.__esModule?r:{default:r}}var p=n.__exports.mergeClasses=function(t){var u=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],e=t.default&&(0,g.default)(t.default)||{};return u.map(function(i){var s=t[i];return s&&(0,_.default)(s,function(x,a){e[a]||(e[a]={}),e[a]=v({},e[a],s[a])}),i}),e};return n.__exports.default=p,n.__exports}exports.__require=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),j=require("mobx-react-lite"),C=require("./index35.cjs"),v=require("./index53.cjs"),U=require("./index77.cjs");function V(m){var i;const{value:o,rowData:a,columnDefinition:e,onValueChange:u}=m,[x,c]=h.useState(!1),p=a&&e.getDrawerTitle?e.getDrawerTitle(a):void 0,w=a&&e.getGalleryImages?e.getGalleryImages(a):void 0,I=a&&e.disableUpload?e.disableUpload(a):void 0,d=a&&e.productImages?e.productImages(a):void 0,b=d==null?void 0:d.map(r=>({imageId:r.id??null,fileName:r.name??null})),f=r=>{var l;r.stopPropagation(),c(!0),a&&((l=e.onDrawerToggle)==null||l.call(e,a,!0))},S=()=>{var r;c(!1),a&&((r=e.onDrawerToggle)==null||r.call(e,a,!1))},y=e.onImageNameSave?r=>{var n;const l=o==null?void 0:o.find(N=>N.id===r.imageId);a&&l&&((n=e.onImageNameSave)==null||n.call(e,a,l,r.name??""))}:void 0,s=o!=null&&o.length?o.find(r=>!(r!=null&&r.isVideo)):void 0,g=(s==null?void 0:s.thumbnailSrc)||(s==null?void 0:s.url)||(s==null?void 0:s.src);return t.jsxs("div",{className:"flex items-center",children:[t.jsx("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:f,children:g?t.jsx("img",{src:g,alt:(s==null?void 0:s.name)??"",className:"w-full h-full object-cover"}):o!=null&&o.length&&e.allowVideoUpload?t.jsx(v.default,{className:"h-[18px] w-[18px] text-gray-blue-7"}):t.jsx(U.default,{className:"h-[18px] w-[18px] text-gray-blue-7"})}),a&&((i=e.rightContent)==null?void 0:i.call(e,a)),t.jsx(C.DrawerImageSelect,{allowVideoUpload:e.allowVideoUpload,title:p,visible:x,images:o,galleryImages:w,disableUpload:I,onChange:r=>u(r),onClose:S,onImageNameSave:y,imageNameMaxLength:e.imageNameMaxLength,productImages:b})]})}const q=j.observer(V);exports.ImageSelectCell=q;

package/dist/index186.js

@@ -1,34 +1,62 @@
-import { __exports as a } from "./index206.js";
-import p from "lodash/forOwn";
-import c from "lodash/cloneDeep";
-var l;
-function $() {
-  if (l) return a;
-  l = 1, Object.defineProperty(a, "__esModule", {
-    value: !0
-  }), a.mergeClasses = void 0;
-  var o = p, m = f(o), v = c, d = f(v), g = Object.assign || function(r) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var e in n)
-        Object.prototype.hasOwnProperty.call(n, e) && (r[e] = n[e]);
-    }
-    return r;
-  };
-  function f(r) {
-    return r && r.__esModule ? r : { default: r };
-  }
-  var _ = a.mergeClasses = function(t) {
-    var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [], e = t.default && (0, d.default)(t.default) || {};
-    return n.map(function(i) {
-      var s = t[i];
-      return s && (0, m.default)(s, function(C, u) {
-        e[u] || (e[u] = {}), e[u] = g({}, e[u], s[u]);
-      }), i;
-    }), e;
-  };
-  return a.default = _, a;
+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 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",
+          {
+            src: i,
+            alt: (o == null ? void 0 : o.name) ?? "",
+            className: "w-full h-full object-cover"
+          }
+        ) : 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 q = V(j);
 export {
-  $ as __require
+  q as ImageSelectCell
 };

package/dist/index187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index207.cjs"),S=require("lodash/forOwn");var d;function h(){if(d)return n.__exports;d=1,Object.defineProperty(n.__exports,"__esModule",{value:!0}),n.__exports.autoprefix=void 0;var x=S,s=p(x),c=Object.assign||function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t};function p(t){return t&&t.__esModule?t:{default:t}}var b={borderRadius:function(r){return{msBorderRadius:r,MozBorderRadius:r,OBorderRadius:r,WebkitBorderRadius:r,borderRadius:r}},boxShadow:function(r){return{msBoxShadow:r,MozBoxShadow:r,OBoxShadow:r,WebkitBoxShadow:r,boxShadow:r}},userSelect:function(r){return{WebkitTouchCallout:r,KhtmlUserSelect:r,MozUserSelect:r,msUserSelect:r,WebkitUserSelect:r,userSelect:r}},flex:function(r){return{WebkitBoxFlex:r,MozBoxFlex:r,WebkitFlex:r,msFlex:r,flex:r}},flexBasis:function(r){return{WebkitFlexBasis:r,flexBasis:r}},justifyContent:function(r){return{WebkitJustifyContent:r,justifyContent:r}},transition:function(r){return{msTransition:r,MozTransition:r,OTransition:r,WebkitTransition:r,transition:r}},transform:function(r){return{msTransform:r,MozTransform:r,OTransform:r,WebkitTransform:r,transform:r}},absolute:function(r){var e=r&&r.split(" ");return{position:"absolute",top:e&&e[0],right:e&&e[1],bottom:e&&e[2],left:e&&e[3]}},extend:function(r,e){var o=e[r];return o||{extend:r}}},_=n.__exports.autoprefix=function(r){var e={};return(0,s.default)(r,function(o,m){var i={};(0,s.default)(o,function(f,u){var a=b[u];a?i=c({},i,a(f)):i[u]=f}),e[m]=i}),e};return n.__exports.default=_,n.__exports}exports.__require=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),v=require("mobx-react-lite"),S=require("@ikas/ui"),p=require("./index5.cjs"),T=require("./index130.cjs"),b=5;function L(o){return o.length>b?`${o.slice(0,b)}...`:o}function j(o){var f;const{filterRow:u,model:i,onChange:d}=o,[r,g]=c.useState(""),s=u.filterValue.value||[],h=c.useMemo(()=>{switch(i.locale){case"tr":return"tr-TR";case"en":return"en-US";case"de":return"de-DE";default:return"tr-TR"}},[i.locale]),a=c.useMemo(()=>i.filters.find(e=>{var t;return e.key===((t=u.filterValue)==null?void 0:t.key)}),[i.filters,(f=u.filterValue)==null?void 0:f.key]),x=c.useMemo(()=>{var m;const e=((m=a==null?void 0:a.options)==null?void 0:m.map(n=>({label:n.label,value:n.value})))??[],t=s.filter(n=>!e.some(w=>w.value===n)).map(n=>({label:L(n),value:n}));return[...e,...t]},[a==null?void 0:a.options,s]),y=e=>{e.key!=="Enter"||!r||(e.preventDefault(),e.stopPropagation(),r.trim()!==""&&!s.find(t=>r===t)&&d([...s,r]),g(""))};return l.jsxs("div",{className:"relative",style:{maxWidth:330,minWidth:330},onKeyDownCapture:y,children:[l.jsx(S.Select,{mode:"tags",maxTagCount:"responsive",value:s,showSearch:!0,searchValue:r,onSearch:g,onChange:e=>{const t=e;t.length<=s.length&&d(t)},options:x,tagClosable:!0,filterOption:(e,t)=>t?String(t.label??"").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)):!1,style:{width:"100%"},placeholder:p.coreTranslations.common.actions.enterValue}),!!r.length&&l.jsxs("div",{className:"pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white",children:[l.jsx(T.default,{className:"h-4 w-4 text-gray-blue-5"}),l.jsx("span",{className:"text-sm leading-5 text-gray-blue-9",children:p.coreTranslations.common.actions.enter})]})]})}const C=v.observer(j);exports.FilterStringInput=C;

package/dist/index187.js

@@ -1,118 +1,78 @@
-import { __exports as o } from "./index207.js";
-import h from "lodash/forOwn";
-var d;
-function l() {
-  if (d) return o;
-  d = 1, Object.defineProperty(o, "__esModule", {
-    value: !0
-  }), o.autoprefix = void 0;
-  var x = h, s = m(x), c = Object.assign || function(t) {
-    for (var r = 1; r < arguments.length; r++) {
-      var e = arguments[r];
-      for (var n in e)
-        Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
+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";
     }
-    return t;
-  };
-  function m(t) {
-    return t && t.__esModule ? t : { default: t };
-  }
-  var p = {
-    borderRadius: function(r) {
-      return {
-        msBorderRadius: r,
-        MozBorderRadius: r,
-        OBorderRadius: r,
-        WebkitBorderRadius: r,
-        borderRadius: r
-      };
-    },
-    boxShadow: function(r) {
-      return {
-        msBoxShadow: r,
-        MozBoxShadow: r,
-        OBoxShadow: r,
-        WebkitBoxShadow: r,
-        boxShadow: r
-      };
-    },
-    userSelect: function(r) {
-      return {
-        WebkitTouchCallout: r,
-        KhtmlUserSelect: r,
-        MozUserSelect: r,
-        msUserSelect: r,
-        WebkitUserSelect: r,
-        userSelect: r
-      };
-    },
-    flex: function(r) {
-      return {
-        WebkitBoxFlex: r,
-        MozBoxFlex: r,
-        WebkitFlex: r,
-        msFlex: r,
-        flex: r
-      };
-    },
-    flexBasis: function(r) {
-      return {
-        WebkitFlexBasis: r,
-        flexBasis: r
-      };
-    },
-    justifyContent: function(r) {
-      return {
-        WebkitJustifyContent: r,
-        justifyContent: r
-      };
-    },
-    transition: function(r) {
-      return {
-        msTransition: r,
-        MozTransition: r,
-        OTransition: r,
-        WebkitTransition: r,
-        transition: r
-      };
-    },
-    transform: function(r) {
-      return {
-        msTransform: r,
-        MozTransform: r,
-        OTransform: r,
-        WebkitTransform: r,
-        transform: r
-      };
-    },
-    absolute: function(r) {
-      var e = r && r.split(" ");
-      return {
-        position: "absolute",
-        top: e && e[0],
-        right: e && e[1],
-        bottom: e && e[2],
-        left: e && e[3]
-      };
-    },
-    extend: function(r, e) {
-      var n = e[r];
-      return n || {
-        extend: r
-      };
+  }, [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(() => {
+    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,
+          {
+            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
+          }
+        ),
+        !!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 })
+        ] })
+      ]
     }
-  }, b = o.autoprefix = function(r) {
-    var e = {};
-    return (0, s.default)(r, function(n, S) {
-      var i = {};
-      (0, s.default)(n, function(f, u) {
-        var a = p[u];
-        a ? i = c({}, i, a(f)) : i[u] = f;
-      }), e[S] = i;
-    }), e;
-  };
-  return o.default = b, o;
+  );
 }
+const _ = C(V);
 export {
-  l as __require
+  _ as FilterStringInput
 };