@ikas/core 1.0.51 → 1.0.52

package/dist/index123.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),ce=require("mobx-react-lite"),m=require("mobx"),Y=require("./index56.cjs"),s=require("@ikas/ui"),f=require("./index15.cjs"),g=require("./index16.cjs"),ue=require("./index191.cjs"),u=require("./index5.cjs"),he=require("./index66.cjs"),de=require("./index136.cjs"),pe=require("./index63.cjs");function K(x){return x.map(l=>({label:l.label,value:l.value}))}function V(x){return x.map(l=>({key:l.value,title:l.label,value:l.value,children:l.children?V(l.children):void 0}))}function me(x){var I,F,M,A,_,q;const{filterRow:l,originalModel:O,model:n,isLast:H}=x,[G,w]=i.useState(!1),[j,T]=i.useState(!1),[U,L]=i.useState(""),$=i.useMemo(()=>n.filters.map(e=>({label:e.title,value:e.key})),[n.filters]),t=i.useMemo(()=>n.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}),[n.filters,(I=l.filterValue)==null?void 0:I.key]),c=t==null?void 0:t.type,B=t==null?void 0:t.key,v=(F=O.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:F.isLoading,b=(M=O.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:M.isDynamicNotFound,h=(t==null?void 0:t.options)||[],W=i.useMemo(()=>{const e=n.filterConditionOptions(c||f.FilterType.SELECT,t);return c===f.FilterType.DATE_RANGE_PICKER?[e[0]]:e},[n,c,t]),D=(A=l.filterValue)==null?void 0:A.value,z=m.action(e=>{w(!1),T(!1),n.filterTypeValueChange(l,t,e),n.onFilterConditionInputChange(l,n.filterConditionOptions(c||f.FilterType.SELECT,t)[0].value,c)}),J=m.action(e=>{n.onFilterConditionInputChange(l,e,c)}),Q=i.useCallback(()=>{setTimeout(()=>{n.deleteFilterRow(l)},0)},[n,l]),R=m.action(e=>{n.onFilterValueChange(Number(e)||0,t,l)}),X=m.action(e=>{var r;n.onFilterValueChange(e,t,l);const a=n.filters.find(p=>{var C;return p.key===((C=l.filterValue)==null?void 0:C.key)});(r=a==null?void 0:a.onChange)==null||r.call(a,e)}),E=m.action(e=>{const a=Array.isArray(e)?e:[e];n.onFilterValueChange(a,t,l)}),Z=m.action(e=>{const a=Array.isArray(e)?e:[e];n.onFilterValueChange(a,t,l)}),ee=i.useCallback(m.action(e=>{var a;L(e),(a=t==null?void 0:t.onSearch)==null||a.call(t,e)}),[t]),te=i.useCallback(m.action(()=>{var e;L(""),(e=t==null?void 0:t.onSearch)==null||e.call(t,"")}),[t]),P=i.useMemo(()=>{const e=l.filterValue.value;return Array.isArray(e)&&e.length===1&&g.DateFilterPickerHelpers.isShortcut(e[0])?e[0]:g.DateFilterPickerShortcutEnum.PICKER},[l.filterValue.value]),S=i.useMemo(()=>g.DateFilterPickerHelpers.getDateValue(l.filterValue.value),[l.filterValue.value]),N=i.useMemo(()=>Object.values(g.DateFilterPickerShortcutEnum).map(e=>({label:g.DateFilterPickerHelpers.getShortcutLabel(e),type:e})),[]),ae=i.useMemo(()=>{const e=N.find(a=>a.type===P);if((e==null?void 0:e.type)===g.DateFilterPickerShortcutEnum.PICKER&&S){const a=S[0].format("DD.MM.YYYY"),r=S[1].format("DD.MM.YYYY");return a===r?a:`${a} - ${r}`}return e==null?void 0:e.label},[P,S,N]),le=m.action(e=>{e===g.DateFilterPickerShortcutEnum.PICKER?T(!0):(n.onFilterValueChange([e],t,l),T(!1),setTimeout(()=>{w(!1)},0))}),oe=m.action(e=>{if(!e)return;const[a,r]=e;n.onFilterValueChange([Y(a).startOf("day").valueOf().toString(),Y(r).endOf("day").valueOf().toString()],t,l),w(!1)}),ne=i.useMemo(()=>{if(c!==f.FilterType.SELECT_OPTION_GROUP)return[];const e=[];return h.forEach(a=>{var r;e.push({label:a.label,options:((r=a.children)==null?void 0:r.map(p=>({label:p.label,value:p.value})))||[]})}),e},[c,h]),re=i.useMemo(()=>{var p;if(h.length<=6)return h;const e=(p=l.filterValue)==null?void 0:p.value,a=h.filter(C=>e==null?void 0:e.includes(C.value)),r=h.filter(C=>!(e!=null&&e.includes(C.value)));return[...a,...r]},[h,(_=l.filterValue)==null?void 0:_.value]),se=o.jsx("div",{className:"flex flex-col gap-1",style:{width:190,maxHeight:300,overflowY:"auto",padding:"6px 6px 0"},children:N.map(e=>{const a=j?e.type===g.DateFilterPickerShortcutEnum.PICKER:P===e.type;return o.jsxs("button",{type:"button",className:`w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${a?"bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium":"bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,onClick:()=>le(e.type),children:[e.label,e.type===g.DateFilterPickerShortcutEnum.PICKER&&o.jsx("div",{style:{opacity:0,height:0,overflow:"hidden"},children:o.jsx(s.RangePicker,{value:S?[S[0].toDate(),S[1].toDate()]:null,open:j,onOpenChange:r=>{setTimeout(()=>{T(r)},0)},onChange:r=>{r&&oe([r[0].toDate(),r[1].toDate()])},size:"sm",allowClear:!1})})]},e.type)})}),ie=()=>{var e,a,r,p,C;if(c===f.FilterType.DATE_RANGE_PICKER)return o.jsx("div",{style:{width:330},children:o.jsx(s.Popover,{content:se,trigger:"click",placement:"bottomLeft",showArrow:!1,open:G,onOpenChange:d=>{d?P===g.DateFilterPickerShortcutEnum.PICKER&&T(!0):T(!1),setTimeout(()=>{w(d)},10)},popoverContentStyle:{padding:0},children:o.jsxs(s.Button,{block:!0,className:"justify-between gap-1.5 px-[11px] text-sm font-medium",children:[o.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[o.jsx(de.default,{className:"h-4 w-4 shrink-0 text-gray-blue"}),o.jsx("span",{className:"truncate",children:ae})]}),o.jsx(pe.default,{className:"h-4 w-4 flex-shrink-0 text-gray-blue"})]})})});if(c===f.FilterType.STRING_INPUT)return o.jsx(ue.FilterStringInput,{filterRow:l,model:n,onChange:X});if(c===f.FilterType.NUMBER_INPUT)return h.length>0?o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:330},value:D!=null?String(D):void 0,onChange:d=>R(Number(d)),options:K(h),placeholder:u.coreTranslations.common.placeholder.select,showSearch:!0,loading:!!v,isDynamicNotFound:!!b}):o.jsx(s.NumberInput,{style:{width:330},value:Number((e=l.filterValue)==null?void 0:e.value)?Number((a=l.filterValue)==null?void 0:a.value):0,onChange:R});if(c===f.FilterType.TREE_SELECT)return t!=null&&t.isCategoryFilter?o.jsx(s.TreeSelect,{searchPlaceholder:u.coreTranslations.common.placeholder.search,placeholder:u.coreTranslations.common.placeholder.select,value:(r=l.filterValue)==null?void 0:r.value,onChange:E,treeData:V(h),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:s.TreeSelect.SHOW_ALL,onSearch:ee,searchValue:U,onOpenChange:d=>{d||te()},style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!b}):o.jsx(s.TreeSelect,{searchPlaceholder:u.coreTranslations.common.placeholder.search,placeholder:u.coreTranslations.common.placeholder.select,value:(p=l.filterValue)==null?void 0:p.value,onChange:E,treeData:V(h),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:s.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!b});if(c===f.FilterType.SELECT_OPTION_GROUP){const d=ne.flatMap(y=>y.options.map(k=>({...k,label:`${y.label} / ${k.label}`})));return o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:330},mode:"multiple",value:D,options:d,onClear:()=>n.onFilterValueChange([],t,l),onChange:y=>n.onFilterValueChange(y,t,l),allowClear:!0,placeholder:u.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(y,k)=>k?String(k.label??"").toLowerCase().includes(y.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!b})}return c===f.FilterType.MULTISELECT?o.jsx(s.TreeSelect,{searchPlaceholder:u.coreTranslations.common.placeholder.search,placeholder:u.coreTranslations.common.placeholder.select,value:(C=l.filterValue)==null?void 0:C.value,onChange:E,treeData:V(re),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:s.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!b}):o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:330},value:D,options:K(h),onClear:()=>n.onFilterValueChange([],t,l),onChange:d=>Z(d),allowClear:!0,placeholder:u.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(d,y)=>y?String(y.label??"").toLowerCase().includes(d.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!b})};return o.jsxs("div",{className:`flex items-center gap-2 ${H?"":"mb-3"}`,children:[o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,showSearch:!0,filterOption:(e,a)=>String((a==null?void 0:a.label)??"").toLowerCase().includes(e.toLowerCase()),style:{width:162},options:$,value:B,onChange:e=>z(e)}),o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:120},options:W.map(e=>({label:e.label,value:e.value})),value:(q=l.filterValue)==null?void 0:q.condition,onChange:e=>J(e)}),ie(),o.jsx(s.Button,{variant:"text",onClick:Q,className:"ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",icon:o.jsx(he.default,{className:"h-3.5 w-3.5"})})]})}const fe=ce.observer(me);exports.FilterRow=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),ce=require("mobx-react-lite"),m=require("mobx"),Y=require("./index56.cjs"),s=require("@ikas/ui"),f=require("./index15.cjs"),g=require("./index16.cjs"),ue=require("./index153.cjs"),u=require("./index5.cjs"),he=require("./index66.cjs"),de=require("./index136.cjs"),pe=require("./index63.cjs");function K(x){return x.map(l=>({label:l.label,value:l.value}))}function V(x){return x.map(l=>({key:l.value,title:l.label,value:l.value,children:l.children?V(l.children):void 0}))}function me(x){var I,F,M,A,_,q;const{filterRow:l,originalModel:O,model:n,isLast:H}=x,[G,w]=i.useState(!1),[j,T]=i.useState(!1),[U,L]=i.useState(""),$=i.useMemo(()=>n.filters.map(e=>({label:e.title,value:e.key})),[n.filters]),t=i.useMemo(()=>n.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}),[n.filters,(I=l.filterValue)==null?void 0:I.key]),c=t==null?void 0:t.type,B=t==null?void 0:t.key,v=(F=O.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:F.isLoading,b=(M=O.filters.find(e=>{var a;return e.key===((a=l.filterValue)==null?void 0:a.key)}))==null?void 0:M.isDynamicNotFound,h=(t==null?void 0:t.options)||[],W=i.useMemo(()=>{const e=n.filterConditionOptions(c||f.FilterType.SELECT,t);return c===f.FilterType.DATE_RANGE_PICKER?[e[0]]:e},[n,c,t]),D=(A=l.filterValue)==null?void 0:A.value,z=m.action(e=>{w(!1),T(!1),n.filterTypeValueChange(l,t,e),n.onFilterConditionInputChange(l,n.filterConditionOptions(c||f.FilterType.SELECT,t)[0].value,c)}),J=m.action(e=>{n.onFilterConditionInputChange(l,e,c)}),Q=i.useCallback(()=>{setTimeout(()=>{n.deleteFilterRow(l)},0)},[n,l]),R=m.action(e=>{n.onFilterValueChange(Number(e)||0,t,l)}),X=m.action(e=>{var r;n.onFilterValueChange(e,t,l);const a=n.filters.find(p=>{var C;return p.key===((C=l.filterValue)==null?void 0:C.key)});(r=a==null?void 0:a.onChange)==null||r.call(a,e)}),E=m.action(e=>{const a=Array.isArray(e)?e:[e];n.onFilterValueChange(a,t,l)}),Z=m.action(e=>{const a=Array.isArray(e)?e:[e];n.onFilterValueChange(a,t,l)}),ee=i.useCallback(m.action(e=>{var a;L(e),(a=t==null?void 0:t.onSearch)==null||a.call(t,e)}),[t]),te=i.useCallback(m.action(()=>{var e;L(""),(e=t==null?void 0:t.onSearch)==null||e.call(t,"")}),[t]),P=i.useMemo(()=>{const e=l.filterValue.value;return Array.isArray(e)&&e.length===1&&g.DateFilterPickerHelpers.isShortcut(e[0])?e[0]:g.DateFilterPickerShortcutEnum.PICKER},[l.filterValue.value]),S=i.useMemo(()=>g.DateFilterPickerHelpers.getDateValue(l.filterValue.value),[l.filterValue.value]),N=i.useMemo(()=>Object.values(g.DateFilterPickerShortcutEnum).map(e=>({label:g.DateFilterPickerHelpers.getShortcutLabel(e),type:e})),[]),ae=i.useMemo(()=>{const e=N.find(a=>a.type===P);if((e==null?void 0:e.type)===g.DateFilterPickerShortcutEnum.PICKER&&S){const a=S[0].format("DD.MM.YYYY"),r=S[1].format("DD.MM.YYYY");return a===r?a:`${a} - ${r}`}return e==null?void 0:e.label},[P,S,N]),le=m.action(e=>{e===g.DateFilterPickerShortcutEnum.PICKER?T(!0):(n.onFilterValueChange([e],t,l),T(!1),setTimeout(()=>{w(!1)},0))}),oe=m.action(e=>{if(!e)return;const[a,r]=e;n.onFilterValueChange([Y(a).startOf("day").valueOf().toString(),Y(r).endOf("day").valueOf().toString()],t,l),w(!1)}),ne=i.useMemo(()=>{if(c!==f.FilterType.SELECT_OPTION_GROUP)return[];const e=[];return h.forEach(a=>{var r;e.push({label:a.label,options:((r=a.children)==null?void 0:r.map(p=>({label:p.label,value:p.value})))||[]})}),e},[c,h]),re=i.useMemo(()=>{var p;if(h.length<=6)return h;const e=(p=l.filterValue)==null?void 0:p.value,a=h.filter(C=>e==null?void 0:e.includes(C.value)),r=h.filter(C=>!(e!=null&&e.includes(C.value)));return[...a,...r]},[h,(_=l.filterValue)==null?void 0:_.value]),se=o.jsx("div",{className:"flex flex-col gap-1",style:{width:190,maxHeight:300,overflowY:"auto",padding:"6px 6px 0"},children:N.map(e=>{const a=j?e.type===g.DateFilterPickerShortcutEnum.PICKER:P===e.type;return o.jsxs("button",{type:"button",className:`w-full text-left py-2 px-[10px] text-sm leading-5 rounded cursor-pointer transition-all duration-300 border-0 outline-none ${a?"bg-[var(--gray-blue-1)] text-[var(--gray-blue-9)] font-medium":"bg-transparent text-[var(--gray-blue-9)] font-normal hover:bg-[var(--gray-blue-1)]"}`,onClick:()=>le(e.type),children:[e.label,e.type===g.DateFilterPickerShortcutEnum.PICKER&&o.jsx("div",{style:{opacity:0,height:0,overflow:"hidden"},children:o.jsx(s.RangePicker,{value:S?[S[0].toDate(),S[1].toDate()]:null,open:j,onOpenChange:r=>{setTimeout(()=>{T(r)},0)},onChange:r=>{r&&oe([r[0].toDate(),r[1].toDate()])},size:"sm",allowClear:!1})})]},e.type)})}),ie=()=>{var e,a,r,p,C;if(c===f.FilterType.DATE_RANGE_PICKER)return o.jsx("div",{style:{width:330},children:o.jsx(s.Popover,{content:se,trigger:"click",placement:"bottomLeft",showArrow:!1,open:G,onOpenChange:d=>{d?P===g.DateFilterPickerShortcutEnum.PICKER&&T(!0):T(!1),setTimeout(()=>{w(d)},10)},popoverContentStyle:{padding:0},children:o.jsxs(s.Button,{block:!0,className:"justify-between gap-1.5 px-[11px] text-sm font-medium",children:[o.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[o.jsx(de.default,{className:"h-4 w-4 shrink-0 text-gray-blue"}),o.jsx("span",{className:"truncate",children:ae})]}),o.jsx(pe.default,{className:"h-4 w-4 flex-shrink-0 text-gray-blue"})]})})});if(c===f.FilterType.STRING_INPUT)return o.jsx(ue.FilterStringInput,{filterRow:l,model:n,onChange:X});if(c===f.FilterType.NUMBER_INPUT)return h.length>0?o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:330},value:D!=null?String(D):void 0,onChange:d=>R(Number(d)),options:K(h),placeholder:u.coreTranslations.common.placeholder.select,showSearch:!0,loading:!!v,isDynamicNotFound:!!b}):o.jsx(s.NumberInput,{style:{width:330},value:Number((e=l.filterValue)==null?void 0:e.value)?Number((a=l.filterValue)==null?void 0:a.value):0,onChange:R});if(c===f.FilterType.TREE_SELECT)return t!=null&&t.isCategoryFilter?o.jsx(s.TreeSelect,{searchPlaceholder:u.coreTranslations.common.placeholder.search,placeholder:u.coreTranslations.common.placeholder.select,value:(r=l.filterValue)==null?void 0:r.value,onChange:E,treeData:V(h),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:s.TreeSelect.SHOW_ALL,onSearch:ee,searchValue:U,onOpenChange:d=>{d||te()},style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!b}):o.jsx(s.TreeSelect,{searchPlaceholder:u.coreTranslations.common.placeholder.search,placeholder:u.coreTranslations.common.placeholder.select,value:(p=l.filterValue)==null?void 0:p.value,onChange:E,treeData:V(h),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:s.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!b});if(c===f.FilterType.SELECT_OPTION_GROUP){const d=ne.flatMap(y=>y.options.map(k=>({...k,label:`${y.label} / ${k.label}`})));return o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:330},mode:"multiple",value:D,options:d,onClear:()=>n.onFilterValueChange([],t,l),onChange:y=>n.onFilterValueChange(y,t,l),allowClear:!0,placeholder:u.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(y,k)=>k?String(k.label??"").toLowerCase().includes(y.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!b})}return c===f.FilterType.MULTISELECT?o.jsx(s.TreeSelect,{searchPlaceholder:u.coreTranslations.common.placeholder.search,placeholder:u.coreTranslations.common.placeholder.select,value:(C=l.filterValue)==null?void 0:C.value,onChange:E,treeData:V(re),filterTreeNode:t!=null&&t.onSearch?()=>!0:void 0,treeCheckable:!0,showCheckedStrategy:s.TreeSelect.SHOW_ALL,onSearch:(t==null?void 0:t.onSearch)||void 0,style:{width:330},tagClosable:!1,maxTagCount:"responsive",maxTagTextLength:10,loading:!!v,isDynamicNotFound:!!b}):o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:330},value:D,options:K(h),onClear:()=>n.onFilterValueChange([],t,l),onChange:d=>Z(d),allowClear:!0,placeholder:u.coreTranslations.common.placeholder.select,maxTagCount:"responsive",showSearch:!0,filterOption:(d,y)=>y?String(y.label??"").toLowerCase().includes(d.toLowerCase()):!1,loading:!!v,isDynamicNotFound:!!b})};return o.jsxs("div",{className:`flex items-center gap-2 ${H?"":"mb-3"}`,children:[o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,showSearch:!0,filterOption:(e,a)=>String((a==null?void 0:a.label)??"").toLowerCase().includes(e.toLowerCase()),style:{width:162},options:$,value:B,onChange:e=>z(e)}),o.jsx(s.Select,{searchPlaceholder:u.coreTranslations.common.placeholder.search,style:{width:120},options:W.map(e=>({label:e.label,value:e.value})),value:(q=l.filterValue)==null?void 0:q.condition,onChange:e=>J(e)}),ie(),o.jsx(s.Button,{variant:"text",onClick:Q,className:"ml-auto w-[70px] h-10 shrink-0 text-gray-blue-4 hover:text-error hover:bg-transparent border-0 p-0",icon:o.jsx(he.default,{className:"h-3.5 w-3.5"})})]})}const fe=ce.observer(me);exports.FilterRow=fe;

package/dist/index123.js

@@ -6,7 +6,7 @@ import B from "./index56.js";
 import { RangePicker as ge, Select as x, Button as W, Popover as Ce, NumberInput as ye, TreeSelect as T } from "@ikas/ui";
 import { FilterType as m } from "./index15.js";
 import { DateFilterPickerHelpers as A, DateFilterPickerShortcutEnum as y } from "./index16.js";
-import { FilterStringInput as ve } from "./index191.js";
+import { FilterStringInput as ve } from "./index153.js";
 import { coreTranslations as s } from "./index5.js";
 import be from "./index66.js";
 import Se from "./index136.js";

package/dist/index130.cjs

@@ -1 +1 @@
-"use strict";const e=require("./index131.cjs"),r=require("./index192.cjs");var t=r.__require();const o=e.getDefaultExportFromCjs(t);module.exports=o;
+"use strict";const e=require("./index134.cjs"),r=require("./index192.cjs");var t=r.__require();const o=e.getDefaultExportFromCjs(t);module.exports=o;

package/dist/index130.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./index131.js";
+import { getDefaultExportFromCjs as e } from "./index134.js";
 import { __require as r } from "./index192.js";
 var t = r();
 const a = /* @__PURE__ */ e(t);

package/dist/index131.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;
+"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;

package/dist/index131.js

@@ -1,6 +1,6 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
+  randomUUID: o
+};
 export {
-  e as getDefaultExportFromCjs
+  t as default
 };

package/dist/index132.cjs

@@ -1 +1 @@
-"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;
+"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;

package/dist/index132.js

@@ -1,6 +1,10 @@
-const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
-  randomUUID: o
-};
+let t;
+const e = new Uint8Array(16);
+function o() {
+  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return t(e);
+}
 export {
-  t as default
+  o as default
 };

package/dist/index133.cjs

@@ -1 +1 @@
-"use strict";let t;const e=new Uint8Array(16);function o(){if(!t&&(t=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!t))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return t(e)}module.exports=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;

package/dist/index133.js

@@ -1,10 +1,9 @@
-let t;
-const e = new Uint8Array(16);
-function o() {
-  if (!t && (t = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !t))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return t(e);
+const i = [];
+for (let n = 0; n < 256; ++n)
+  i.push((n + 256).toString(16).slice(1));
+function c(n, u = 0) {
+  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
 }
 export {
-  o as default
+  c as unsafeStringify
 };

package/dist/index134.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=[];for(let i=0;i<256;++i)n.push((i+256).toString(16).slice(1));function c(i,u=0){return n[i[u+0]]+n[i[u+1]]+n[i[u+2]]+n[i[u+3]]+"-"+n[i[u+4]]+n[i[u+5]]+"-"+n[i[u+6]]+n[i[u+7]]+"-"+n[i[u+8]]+n[i[u+9]]+"-"+n[i[u+10]]+n[i[u+11]]+n[i[u+12]]+n[i[u+13]]+n[i[u+14]]+n[i[u+15]]}exports.unsafeStringify=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/index134.js

@@ -1,9 +1,6 @@
-const i = [];
-for (let n = 0; n < 256; ++n)
-  i.push((n + 256).toString(16).slice(1));
-function c(n, u = 0) {
-  return i[n[u + 0]] + i[n[u + 1]] + i[n[u + 2]] + i[n[u + 3]] + "-" + i[n[u + 4]] + i[n[u + 5]] + "-" + i[n[u + 6]] + i[n[u + 7]] + "-" + i[n[u + 8]] + i[n[u + 9]] + "-" + i[n[u + 10]] + i[n[u + 11]] + i[n[u + 12]] + i[n[u + 13]] + i[n[u + 14]] + i[n[u + 15]];
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 export {
-  c as unsafeStringify
+  e as getDefaultExportFromCjs
 };

package/dist/index153.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index131.cjs"),t=require("./index200.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),v=require("mobx-react-lite"),S=require("@ikas/ui"),m=require("./index5.cjs"),T=require("./index138.cjs"),b=5;function L(o){return o.length>b?`${o.slice(0,b)}...`:o}function j(o){var p;const{filterRow:u,model:c,onChange:d}=o,[n,g]=i.useState(""),a=u.filterValue.value||[],f=i.useMemo(()=>{switch(c.locale){case"tr":return"tr-TR";case"en":return"en-US";case"de":return"de-DE";default:return"tr-TR"}},[c.locale]),s=i.useMemo(()=>c.filters.find(e=>{var t;return e.key===((t=u.filterValue)==null?void 0:t.key)}),[c.filters,(p=u.filterValue)==null?void 0:p.key]),x=i.useMemo(()=>{var h;const e=((h=s==null?void 0:s.options)==null?void 0:h.map(r=>({label:r.label,value:r.value})))??[],t=a.filter(r=>!e.some(w=>w.value===r)).map(r=>({label:L(r),value:r}));return[...e,...t]},[s==null?void 0:s.options,a]),y=e=>{e.key!=="Enter"||!n||(e.preventDefault(),e.stopPropagation(),n.trim()!==""&&!a.find(t=>n===t)&&d([...a,n]),g(""))};return l.jsxs("div",{className:"relative",style:{maxWidth:330,minWidth:330},onKeyDownCapture:y,children:[l.jsx(S.Select,{searchPlaceholder:m.coreTranslations.common.placeholder.search,mode:"tags",maxTagCount:"responsive",value:a,showSearch:!0,searchValue:n,onSearch:g,onChange:e=>{const t=e;t.length<=a.length&&d(t)},options:x,tagClosable:!0,filterOption:(e,t)=>t?String(t.label??"").toLocaleLowerCase(f).includes(e.toLocaleLowerCase(f)):!1,style:{width:"100%"},placeholder:m.coreTranslations.common.actions.enterValue}),!!n.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:m.coreTranslations.common.actions.enter})]})]})}const C=v.observer(j);exports.FilterStringInput=C;

package/dist/index153.js

@@ -1,8 +1,79 @@
-import { getDefaultExportFromCjs as r } from "./index131.js";
-import { __require as t } from "./index200.js";
-var e = t();
-const i = /* @__PURE__ */ r(e);
+import { jsxs as w, 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 h } from "./index5.js";
+import T from "./index138.js";
+const y = 5;
+function L(l) {
+  return l.length > y ? `${l.slice(0, y)}...` : l;
+}
+function V(l) {
+  var g;
+  const { filterRow: c, model: s, onChange: p } = l, [n, f] = x(""), o = c.filterValue.value || [], d = 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 = c.filterValue) == null ? void 0 : t.key);
+    }),
+    [s.filters, (g = c.filterValue) == null ? void 0 : g.key]
+  ), b = m(() => {
+    var i;
+    const e = ((i = a == null ? void 0 : a.options) == null ? void 0 : i.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__ */ w(
+    "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,
+          {
+            searchPlaceholder: h.common.placeholder.search,
+            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(d).includes(e.toLocaleLowerCase(d)) : !1,
+            style: { width: "100%" },
+            placeholder: h.common.actions.enterValue
+          }
+        ),
+        !!n.length && /* @__PURE__ */ w("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: h.common.actions.enter })
+        ] })
+      ]
+    }
+  );
+}
+const _ = C(V);
 export {
-  i as default,
-  e as l
+  _ as FilterStringInput
 };

package/dist/index154.cjs

@@ -1,3 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index153.cjs"),b=require("./index235.cjs"),v=require("./index155.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
-           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:e.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
-           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:e.a*100+"%"}},overwrite:g({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return a.createElement("div",{style:i.alpha},a.createElement("div",{style:i.checkboard},a.createElement(v.Checkboard,{renderers:this.props.renderers})),a.createElement("div",{style:i.gradient}),a.createElement("div",{style:i.container,ref:function(u){return r.container=u},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},a.createElement("div",{style:i.pointer},this.props.pointer?a.createElement(this.props.pointer,this.props):a.createElement("div",{style:i.slider}))))}}]),t})(a.PureComponent||a.Component);exports.Alpha=d;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index134.cjs"),t=require("./index200.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;

package/dist/index154.js

@@ -1,148 +1,8 @@
-import i, { PureComponent as d, Component as f } from "react";
-import b from "./index153.js";
-import { calculateChange as v } from "./index235.js";
-import { Checkboard as g } from "./index155.js";
-var m = Object.assign || function(n) {
-  for (var t = 1; t < arguments.length; t++) {
-    var o = arguments[t];
-    for (var r in o)
-      Object.prototype.hasOwnProperty.call(o, r) && (n[r] = o[r]);
-  }
-  return n;
-}, w = /* @__PURE__ */ (function() {
-  function n(t, o) {
-    for (var r = 0; r < o.length; r++) {
-      var e = o[r];
-      e.enumerable = e.enumerable || !1, e.configurable = !0, "value" in e && (e.writable = !0), Object.defineProperty(t, e.key, e);
-    }
-  }
-  return function(t, o, r) {
-    return o && n(t.prototype, o), r && n(t, r), t;
-  };
-})();
-function x(n, t) {
-  if (!(n instanceof t))
-    throw new TypeError("Cannot call a class as a function");
-}
-function c(n, t) {
-  if (!n)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return t && (typeof t == "object" || typeof t == "function") ? t : n;
-}
-function y(n, t) {
-  if (typeof t != "function" && t !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof t);
-  n.prototype = Object.create(t && t.prototype, { constructor: { value: n, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(n, t) : n.__proto__ = t);
-}
-var L = (function(n) {
-  y(t, n);
-  function t() {
-    var o, r, e, a;
-    x(this, t);
-    for (var h = arguments.length, p = Array(h), u = 0; u < h; u++)
-      p[u] = arguments[u];
-    return a = (r = (e = c(this, (o = t.__proto__ || Object.getPrototypeOf(t)).call.apply(o, [this].concat(p))), e), e.handleChange = function(s) {
-      var l = v(s, e.props.hsl, e.props.direction, e.props.a, e.container);
-      l && typeof e.props.onChange == "function" && e.props.onChange(l, s);
-    }, e.handleMouseDown = function(s) {
-      e.handleChange(s), window.addEventListener("mousemove", e.handleChange), window.addEventListener("mouseup", e.handleMouseUp);
-    }, e.handleMouseUp = function() {
-      e.unbindEventListeners();
-    }, e.unbindEventListeners = function() {
-      window.removeEventListener("mousemove", e.handleChange), window.removeEventListener("mouseup", e.handleMouseUp);
-    }, r), c(e, a);
-  }
-  return w(t, [{
-    key: "componentWillUnmount",
-    value: function() {
-      this.unbindEventListeners();
-    }
-  }, {
-    key: "render",
-    value: function() {
-      var r = this, e = this.props.rgb, a = b({
-        default: {
-          alpha: {
-            absolute: "0px 0px 0px 0px",
-            borderRadius: this.props.radius
-          },
-          checkboard: {
-            absolute: "0px 0px 0px 0px",
-            overflow: "hidden",
-            borderRadius: this.props.radius
-          },
-          gradient: {
-            absolute: "0px 0px 0px 0px",
-            background: "linear-gradient(to right, rgba(" + e.r + "," + e.g + "," + e.b + `, 0) 0%,
-           rgba(` + e.r + "," + e.g + "," + e.b + ", 1) 100%)",
-            boxShadow: this.props.shadow,
-            borderRadius: this.props.radius
-          },
-          container: {
-            position: "relative",
-            height: "100%",
-            margin: "0 3px"
-          },
-          pointer: {
-            position: "absolute",
-            left: e.a * 100 + "%"
-          },
-          slider: {
-            width: "4px",
-            borderRadius: "1px",
-            height: "8px",
-            boxShadow: "0 0 2px rgba(0, 0, 0, .6)",
-            background: "#fff",
-            marginTop: "1px",
-            transform: "translateX(-2px)"
-          }
-        },
-        vertical: {
-          gradient: {
-            background: "linear-gradient(to bottom, rgba(" + e.r + "," + e.g + "," + e.b + `, 0) 0%,
-           rgba(` + e.r + "," + e.g + "," + e.b + ", 1) 100%)"
-          },
-          pointer: {
-            left: 0,
-            top: e.a * 100 + "%"
-          }
-        },
-        overwrite: m({}, this.props.style)
-      }, {
-        vertical: this.props.direction === "vertical",
-        overwrite: !0
-      });
-      return i.createElement(
-        "div",
-        { style: a.alpha },
-        i.createElement(
-          "div",
-          { style: a.checkboard },
-          i.createElement(g, { renderers: this.props.renderers })
-        ),
-        i.createElement("div", { style: a.gradient }),
-        i.createElement(
-          "div",
-          {
-            style: a.container,
-            ref: function(p) {
-              return r.container = p;
-            },
-            onMouseDown: this.handleMouseDown,
-            onTouchMove: this.handleChange,
-            onTouchStart: this.handleChange
-          },
-          i.createElement(
-            "div",
-            { style: a.pointer },
-            this.props.pointer ? i.createElement(this.props.pointer, this.props) : i.createElement("div", { style: a.slider })
-          )
-        )
-      );
-    }
-  }]), t;
-})(d || f);
+import { getDefaultExportFromCjs as r } from "./index134.js";
+import { __require as t } from "./index200.js";
+var e = t();
+const i = /* @__PURE__ */ r(e);
 export {
-  L as Alpha,
-  L as default
+  i as default,
+  e as l
 };

package/dist/index155.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),g=require("./index153.cjs"),h=require("./index236.cjs");var i=Object.assign||function(d){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(d[t]=r[t])}return d},o=function(e){var r=e.white,t=e.grey,l=e.size,u=e.renderers,c=e.borderRadius,b=e.boxShadow,a=e.children,s=g.default({default:{grid:{borderRadius:c,boxShadow:b,absolute:"0px 0px 0px 0px",background:"url("+h.get(r,t,l,u.canvas)+") center left"}}});return n.isValidElement(a)?n.cloneElement(a,i({},a.props,{style:i({},a.props.style,s.grid)})):n.createElement("div",{style:s.grid})};o.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};exports.Checkboard=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index154.cjs"),b=require("./index243.cjs"),v=require("./index156.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:e.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+           rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:e.a*100+"%"}},overwrite:g({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return a.createElement("div",{style:i.alpha},a.createElement("div",{style:i.checkboard},a.createElement(v.Checkboard,{renderers:this.props.renderers})),a.createElement("div",{style:i.gradient}),a.createElement("div",{style:i.container,ref:function(u){return r.container=u},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},a.createElement("div",{style:i.pointer},this.props.pointer?a.createElement(this.props.pointer,this.props):a.createElement("div",{style:i.slider}))))}}]),t})(a.PureComponent||a.Component);exports.Alpha=d;exports.default=d;

package/dist/index155.js

@@ -1,33 +1,148 @@
-import n, { isValidElement as u } from "react";
-import b from "./index153.js";
-import { get as g } from "./index236.js";
-var s = Object.assign || function(o) {
-  for (var r = 1; r < arguments.length; r++) {
-    var e = arguments[r];
-    for (var t in e)
-      Object.prototype.hasOwnProperty.call(e, t) && (o[t] = e[t]);
+import i, { PureComponent as d, Component as f } from "react";
+import b from "./index154.js";
+import { calculateChange as v } from "./index243.js";
+import { Checkboard as g } from "./index156.js";
+var m = Object.assign || function(n) {
+  for (var t = 1; t < arguments.length; t++) {
+    var o = arguments[t];
+    for (var r in o)
+      Object.prototype.hasOwnProperty.call(o, r) && (n[r] = o[r]);
   }
-  return o;
-}, h = function(r) {
-  var e = r.white, t = r.grey, i = r.size, l = r.renderers, p = r.borderRadius, c = r.boxShadow, a = r.children, d = b({
-    default: {
-      grid: {
-        borderRadius: p,
-        boxShadow: c,
-        absolute: "0px 0px 0px 0px",
-        background: "url(" + g(e, t, i, l.canvas) + ") center left"
-      }
+  return n;
+}, w = /* @__PURE__ */ (function() {
+  function n(t, o) {
+    for (var r = 0; r < o.length; r++) {
+      var e = o[r];
+      e.enumerable = e.enumerable || !1, e.configurable = !0, "value" in e && (e.writable = !0), Object.defineProperty(t, e.key, e);
     }
-  });
-  return u(a) ? n.cloneElement(a, s({}, a.props, { style: s({}, a.props.style, d.grid) })) : n.createElement("div", { style: d.grid });
-};
-h.defaultProps = {
-  size: 8,
-  white: "transparent",
-  grey: "rgba(0,0,0,.08)",
-  renderers: {}
-};
+  }
+  return function(t, o, r) {
+    return o && n(t.prototype, o), r && n(t, r), t;
+  };
+})();
+function x(n, t) {
+  if (!(n instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function c(n, t) {
+  if (!n)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return t && (typeof t == "object" || typeof t == "function") ? t : n;
+}
+function y(n, t) {
+  if (typeof t != "function" && t !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof t);
+  n.prototype = Object.create(t && t.prototype, { constructor: { value: n, enumerable: !1, writable: !0, configurable: !0 } }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(n, t) : n.__proto__ = t);
+}
+var L = (function(n) {
+  y(t, n);
+  function t() {
+    var o, r, e, a;
+    x(this, t);
+    for (var h = arguments.length, p = Array(h), u = 0; u < h; u++)
+      p[u] = arguments[u];
+    return a = (r = (e = c(this, (o = t.__proto__ || Object.getPrototypeOf(t)).call.apply(o, [this].concat(p))), e), e.handleChange = function(s) {
+      var l = v(s, e.props.hsl, e.props.direction, e.props.a, e.container);
+      l && typeof e.props.onChange == "function" && e.props.onChange(l, s);
+    }, e.handleMouseDown = function(s) {
+      e.handleChange(s), window.addEventListener("mousemove", e.handleChange), window.addEventListener("mouseup", e.handleMouseUp);
+    }, e.handleMouseUp = function() {
+      e.unbindEventListeners();
+    }, e.unbindEventListeners = function() {
+      window.removeEventListener("mousemove", e.handleChange), window.removeEventListener("mouseup", e.handleMouseUp);
+    }, r), c(e, a);
+  }
+  return w(t, [{
+    key: "componentWillUnmount",
+    value: function() {
+      this.unbindEventListeners();
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var r = this, e = this.props.rgb, a = b({
+        default: {
+          alpha: {
+            absolute: "0px 0px 0px 0px",
+            borderRadius: this.props.radius
+          },
+          checkboard: {
+            absolute: "0px 0px 0px 0px",
+            overflow: "hidden",
+            borderRadius: this.props.radius
+          },
+          gradient: {
+            absolute: "0px 0px 0px 0px",
+            background: "linear-gradient(to right, rgba(" + e.r + "," + e.g + "," + e.b + `, 0) 0%,
+           rgba(` + e.r + "," + e.g + "," + e.b + ", 1) 100%)",
+            boxShadow: this.props.shadow,
+            borderRadius: this.props.radius
+          },
+          container: {
+            position: "relative",
+            height: "100%",
+            margin: "0 3px"
+          },
+          pointer: {
+            position: "absolute",
+            left: e.a * 100 + "%"
+          },
+          slider: {
+            width: "4px",
+            borderRadius: "1px",
+            height: "8px",
+            boxShadow: "0 0 2px rgba(0, 0, 0, .6)",
+            background: "#fff",
+            marginTop: "1px",
+            transform: "translateX(-2px)"
+          }
+        },
+        vertical: {
+          gradient: {
+            background: "linear-gradient(to bottom, rgba(" + e.r + "," + e.g + "," + e.b + `, 0) 0%,
+           rgba(` + e.r + "," + e.g + "," + e.b + ", 1) 100%)"
+          },
+          pointer: {
+            left: 0,
+            top: e.a * 100 + "%"
+          }
+        },
+        overwrite: m({}, this.props.style)
+      }, {
+        vertical: this.props.direction === "vertical",
+        overwrite: !0
+      });
+      return i.createElement(
+        "div",
+        { style: a.alpha },
+        i.createElement(
+          "div",
+          { style: a.checkboard },
+          i.createElement(g, { renderers: this.props.renderers })
+        ),
+        i.createElement("div", { style: a.gradient }),
+        i.createElement(
+          "div",
+          {
+            style: a.container,
+            ref: function(p) {
+              return r.container = p;
+            },
+            onMouseDown: this.handleMouseDown,
+            onTouchMove: this.handleChange,
+            onTouchStart: this.handleChange
+          },
+          i.createElement(
+            "div",
+            { style: a.pointer },
+            this.props.pointer ? i.createElement(this.props.pointer, this.props) : i.createElement("div", { style: a.slider })
+          )
+        )
+      );
+    }
+  }]), t;
+})(d || f);
 export {
-  h as Checkboard,
-  h as default
+  L as Alpha,
+  L as default
 };

package/dist/index156.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),h=require("./index153.cjs");var f=(function(){function r(t,a){for(var e=0;e<a.length;e++){var n=a[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(t,a,e){return a&&r(t.prototype,a),e&&r(t,e),t}})();function d(r,t,a){return t in r?Object.defineProperty(r,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[t]=a,r}function v(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function c(r,t){if(!r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:r}function b(r,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);r.prototype=Object.create(t&&t.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(r,t):r.__proto__=t)}var g=1,u=38,y=40,m=[u,y],w=function(t){return m.indexOf(t)>-1},E=function(t){return Number(String(t).replace(/%/g,""))},O=1,s=(function(r){b(t,r);function t(a){v(this,t);var e=c(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.handleBlur=function(){e.state.blurValue&&e.setState({value:e.state.blurValue,blurValue:null})},e.handleChange=function(n){e.setUpdatedValue(n.target.value,n)},e.handleKeyDown=function(n){var i=E(n.target.value);if(!isNaN(i)&&w(n.keyCode)){var l=e.getArrowOffset(),p=n.keyCode===u?i+l:i-l;e.setUpdatedValue(p,n)}},e.handleDrag=function(n){if(e.props.dragLabel){var i=Math.round(e.props.value+n.movementX);i>=0&&i<=e.props.dragMax&&e.props.onChange&&e.props.onChange(e.getValueObjectWithLabel(i),n)}},e.handleMouseDown=function(n){e.props.dragLabel&&(n.preventDefault(),e.handleDrag(n),window.addEventListener("mousemove",e.handleDrag),window.addEventListener("mouseup",e.handleMouseUp))},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleDrag),window.removeEventListener("mouseup",e.handleMouseUp)},e.state={value:String(a.value).toUpperCase(),blurValue:String(a.value).toUpperCase()},e.inputId="rc-editable-input-"+O++,e}return f(t,[{key:"componentDidUpdate",value:function(e,n){this.props.value!==this.state.value&&(e.value!==this.props.value||n.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(e){return d({},this.props.label,e)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||g}},{key:"setUpdatedValue",value:function(e,n){var i=this.props.label?this.getValueObjectWithLabel(e):e;this.props.onChange&&this.props.onChange(i,n),this.setState({value:e})}},{key:"render",value:function(){var e=this,n=h.default({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return o.createElement("div",{style:n.wrap},o.createElement("input",{id:this.inputId,style:n.input,ref:function(l){return e.input=l},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?o.createElement("label",{htmlFor:this.inputId,style:n.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),t})(o.PureComponent||o.Component);exports.EditableInput=s;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),g=require("./index154.cjs"),h=require("./index244.cjs");var i=Object.assign||function(d){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(d[t]=r[t])}return d},o=function(e){var r=e.white,t=e.grey,l=e.size,u=e.renderers,c=e.borderRadius,b=e.boxShadow,a=e.children,s=g.default({default:{grid:{borderRadius:c,boxShadow:b,absolute:"0px 0px 0px 0px",background:"url("+h.get(r,t,l,u.canvas)+") center left"}}});return n.isValidElement(a)?n.cloneElement(a,i({},a.props,{style:i({},a.props.style,s.grid)})):n.createElement("div",{style:s.grid})};o.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};exports.Checkboard=o;exports.default=o;