@ikas/core 1.0.39 → 1.0.41

package/dist/index189.js

@@ -1,94 +1,35 @@
-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: "-"
+import a from "react";
+import l from "./index156.js";
+import m from "./index170.js";
+import { SwatchesColor as u } from "./index221.js";
+var w = function(t) {
+  var c = t.onClick, i = t.onSwatchHover, e = t.group, n = t.active, p = l({
+    default: {
+      group: {
+        paddingBottom: "10px",
+        width: "40px",
+        float: "left",
+        marginRight: "10px"
+      }
     }
-  ) });
-}
-const R = O(A);
+  });
+  return a.createElement(
+    "div",
+    { style: p.group },
+    m(e, function(o, r) {
+      return a.createElement(u, {
+        key: o,
+        color: o,
+        active: o.toLowerCase() === n,
+        first: r === 0,
+        last: r === e.length - 1,
+        onClick: c,
+        onSwatchHover: i
+      });
+    })
+  );
+};
 export {
-  R as SelectCell
+  w as SwatchesGroup,
+  w as default
 };

package/dist/index190.cjs

@@ -1 +1 @@
-"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("./index37.cjs"),v=require("./index55.cjs"),U=require("./index80.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),n=require("./index156.cjs"),e=require("./index166.cjs");var r=function(t){var l=n.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(t.hsl.h)+", "+Math.round(t.hsl.s*100)+"%, "+Math.round(t.hsl.l*100)+"%)"}}});return o.createElement("div",{style:l.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointerCircle=r;exports.default=r;

package/dist/index190.js

@@ -1,62 +1,33 @@
-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 "./index37.js";
-import v from "./index55.js";
-import T from "./index80.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" })
+import l from "react";
+import a from "./index156.js";
+import r from "./index166.js";
+var t = function(e) {
+  var o = a({
+    default: {
+      picker: {
+        width: "20px",
+        height: "20px",
+        borderRadius: "22px",
+        border: "2px #fff solid",
+        transform: "translate(-12px, -13px)",
+        background: "hsl(" + Math.round(e.hsl.h) + ", " + Math.round(e.hsl.s * 100) + "%, " + Math.round(e.hsl.l * 100) + "%)"
       }
-    ),
-    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);
+    }
+  });
+  return l.createElement("div", { style: o.picker });
+};
+t.propTypes = {
+  hsl: r.shape({
+    h: r.number,
+    s: r.number,
+    l: r.number,
+    a: r.number
+  })
+};
+t.defaultProps = {
+  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
+};
 export {
-  q as ImageSelectCell
+  t as GooglePointerCircle,
+  t as default
 };

package/dist/index191.cjs

@@ -1 +1 @@
-"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("./index135.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),s=require("./index156.cjs"),e=require("./index166.cjs");var r=function(t){var o=s.default({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(t.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return l.createElement("div",{style:o.picker})};r.propTypes={hsl:e.shape({h:e.number,s:e.number,l:e.number,a:e.number})};r.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};exports.GooglePointer=r;exports.default=r;

package/dist/index191.js

@@ -1,78 +1,33 @@
-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 "./index135.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";
+import a from "react";
+import p from "./index156.js";
+import r from "./index166.js";
+var e = function(t) {
+  var o = p({
+    default: {
+      picker: {
+        width: "20px",
+        height: "20px",
+        borderRadius: "22px",
+        transform: "translate(-10px, -7px)",
+        background: "hsl(" + Math.round(t.hsl.h) + ", 100%, 50%)",
+        border: "2px white solid"
+      }
     }
-  }, [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 })
-        ] })
-      ]
-    }
-  );
-}
-const _ = C(V);
+  });
+  return a.createElement("div", { style: o.picker });
+};
+e.propTypes = {
+  hsl: r.shape({
+    h: r.number,
+    s: r.number,
+    l: r.number,
+    a: r.number
+  })
+};
+e.defaultProps = {
+  hsl: { a: 1, h: 249.94, l: 0.2, s: 0.5 }
+};
 export {
-  _ as FilterStringInput
+  e as GooglePointer,
+  e as default
 };