@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.808

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("../../../../../_virtual/_tslib.js"),C=require("react/jsx-runtime"),A=require("../../../../../assets/icons/emoji.svg.js"),c=require("react"),l=require("../../../../icon-button/IconButton.js"),b=require("../../../../input/ChipInput.js"),e=require("../../../../../hooks/useOutside.js");function i(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}function a(I){if(I&&I.__esModule)return I;var g=Object.create(null);return I&&Object.keys(I).forEach((function(C){if("default"!==C){var A=Object.getOwnPropertyDescriptor(I,C);Object.defineProperty(g,C,A.get?A:{enumerable:!0,get:function(){return I[C]}})}})),g.default=I,Object.freeze(g)}var n=i(I);function t(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const B=i(c).default.lazy((()=>g.__awaiter(void 0,void 0,void 0,(function*(){return{default:(yield Promise.resolve().then((function(){return a(require("emoji-picker-react"))}))).default}})))),u=({val:I,onChange:g,errors:i,nativeID:a,disabled:n})=>{const[t,u]=c.useState(!1),o=(Array.isArray(I)?I:[]).map((I=>I)),G=c.useRef();return e.useOutside(G,(()=>{u(!1)})),C.jsxs("div",Object.assign({style:{position:"relative",opacity:n?.5:1,width:300},id:a},{children:[!!n&&C.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),C.jsxs(p,{children:[C.jsx(b.default,{error:null==i?void 0:i.val,onChipsChange:g,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:o}),C.jsx(d,{children:C.jsx(l.IconButton,{Icon:A.default,onClick:()=>u(!0)})}),t&&C.jsx("div",Object.assign({ref:G,className:"absolute-picker"},{children:C.jsx(c.Suspense,Object.assign({fallback:null},{children:C.jsx(B,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:"dark",emojiStyle:"native",onEmojiClick:I=>{o.find((g=>I.emoji===g))||null==g||g([...o,I.emoji])}})}))}))]})]}))};const d=n.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:t}),p=n.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:t});exports.default=function(I){return C.jsx(u,Object.assign({},I))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("../../../../../_virtual/_tslib.js"),C=require("react/jsx-runtime"),A=require("../../../../../assets/icons/emoji.svg.js"),c=require("react"),l=require("../../../../icon-button/IconButton.js"),b=require("../../../../input/ChipInput.js"),e=require("../../../../../hooks/useOutside.js");function i(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}function a(I){if(I&&I.__esModule)return I;var g=Object.create(null);return I&&Object.keys(I).forEach((function(C){if("default"!==C){var A=Object.getOwnPropertyDescriptor(I,C);Object.defineProperty(g,C,A.get?A:{enumerable:!0,get:function(){return I[C]}})}})),g.default=I,Object.freeze(g)}var n=i(I);function t(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const B=i(c).default.lazy((()=>g.__awaiter(void 0,void 0,void 0,(function*(){return{default:(yield Promise.resolve().then((function(){return a(require("emoji-picker-react"))}))).default}})))),u=I=>{let{val:g,onChange:i,errors:a,nativeID:n,disabled:t}=I;const[u,o]=c.useState(!1),G=(Array.isArray(g)?g:[]).map((I=>I)),X=c.useRef();return e.useOutside(X,(()=>{o(!1)})),C.jsxs("div",Object.assign({style:{position:"relative",opacity:t?.5:1,width:300},id:n},{children:[!!t&&C.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),C.jsxs(p,{children:[C.jsx(b.default,{error:null==a?void 0:a.val,onChipsChange:i,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:G}),C.jsx(d,{children:C.jsx(l.IconButton,{Icon:A.default,onClick:()=>o(!0)})}),u&&C.jsx("div",Object.assign({ref:X,className:"absolute-picker"},{children:C.jsx(c.Suspense,Object.assign({fallback:null},{children:C.jsx(B,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:"dark",emojiStyle:"native",onEmojiClick:I=>{G.find((g=>I.emoji===g))||null==i||i([...G,I.emoji])}})}))}))]})]}))};const d=n.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:t}),p=n.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fYXdhaXRlciB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCBFbW9qaUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvZW1vamkuc3ZnJztcclxuaW1wb3J0IFJlYWN0LCB7IFN1c3BlbnNlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCBDaGlwSW5wdXQgZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L0NoaXBJbnB1dFwiO1xyXG5pbXBvcnQgeyB1c2VPdXRzaWRlIH0gZnJvbSBcIi4uLy4uLy4uLy4uLy4uL2hvb2tzL3VzZU91dHNpZGVcIjtcclxuY29uc3QgTGF6eUVtb2ppUGlja2VyID0gUmVhY3QubGF6eSgoKSA9PiBfX2F3YWl0ZXIodm9pZCAwLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgIGNvbnN0IG1vZCA9IHlpZWxkIGltcG9ydCgnZW1vamktcGlja2VyLXJlYWN0Jyk7XHJcbiAgICByZXR1cm4geyBkZWZhdWx0OiBtb2QuZGVmYXVsdCB9O1xyXG59KSk7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goU3VzcGVuc2UsIE9iamVjdC5hc3NpZ24oeyBmYWxsYmFjazogbnVsbCB9LCB7IGNoaWxkcmVuOiBfanN4KExhenlFbW9qaVBpY2tlciwgeyBwcmV2aWV3Q29uZmlnOiB7IHNob3dQcmV2aWV3OiBmYWxzZSB9LCBza2luVG9uZXNEaXNhYmxlZDogdHJ1ZSwgc2VhcmNoRGlzYWJsZWQ6IHRydWUsIHRoZW1lOiAnZGFyaycsIGVtb2ppU3R5bGU6ICduYXRpdmUnLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBleGlzdHMgPSB2YWxBcnIuZmluZCgoZW0pID0+IGVtb2ppLmVtb2ppID09PSBlbSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmIChleGlzdHMpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSB9KSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEVtb2ppUGlja2VyQ29ubmVjdG9yKHByb3BzKSB7XHJcbiAgICByZXR1cm4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxufVxyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHRcdHotaW5kZXg6IDE7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUVtb2ppUGlja2VyLmpzLm1hcCJdfQ== */",toString:t});exports.default=function(I){return C.jsx(u,Object.assign({},I))};
 //# sourceMappingURL=EmojiPicker.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { useOutside } from '@src/hooks/useOutside';\n\ntype EmojiClickData = {\n\temoji: string;\n};\n\nconst LazyEmojiPicker = React.lazy(async () => {\n\tconst mod = await import('emoji-picker-react');\n\treturn { default: mod.default };\n});\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst EmojiPicker: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [showPicker, setShowPicker] = useState<boolean>(false);\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\treturn valEl;\n\t});\n\tconst ref = useRef();\n\n\tuseOutside(ref, () => {\n\t\tsetShowPicker(false);\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1, width: 300 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<EmojiInput>\n\t\t\t\t<ChipInput\n\t\t\t\t\terror={errors?.val as string}\n\t\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\t\tpadding: '0px 32px 0px 8px',\n\t\t\t\t\t}}\n\t\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\t\tplaceholder={'add emojis'}\n\t\t\t\t\tchips={valArr}\n\t\t\t\t/>\n\n\t\t\t\t<EmojiContainer>\n\t\t\t\t\t<IconButton Icon={EmojiIcon} onClick={() => setShowPicker(true)} />\n\t\t\t\t</EmojiContainer>\n\t\t\t\t{showPicker && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ref as unknown as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t\tclassName=\"absolute-picker\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t\t\t<LazyEmojiPicker\n\t\t\t\t\t\t\t\tpreviewConfig={{ showPreview: false }}\n\t\t\t\t\t\t\t\tskinTonesDisabled\n\t\t\t\t\t\t\t\tsearchDisabled\n\t\t\t\t\t\t\t\ttheme={'dark' as unknown as never}\n\t\t\t\t\t\t\t\temojiStyle={'native' as unknown as never}\n\t\t\t\t\t\t\t\tonEmojiClick={(emoji: EmojiClickData) => {\n\t\t\t\t\t\t\t\t\tconst exists = valArr.find((em) => emoji.emoji === em);\n\t\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t\t\t\tonChange?.([\n\t\t\t\t\t\t\t\t\t\t...valArr,\n\t\t\t\t\t\t\t\t\t\temoji.emoji,\n\t\t\t\t\t\t\t\t\t] as unknown as CONNECTOR_VALUE_TYPE);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</EmojiInput>\n\t\t</div>\n\t);\n};\n\nexport default function EmojiPickerConnector(props: ConnectorComponentProps) {\n\treturn <EmojiPicker {...props} />;\n}\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n`;\n\nconst EmojiInput = styled.div`\n\tinput {\n\t\tpointer-events: none;\n\t}\n\t.absolute-picker {\n\t\tposition: absolute;\n\t\ttop: 50px;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["LazyEmojiPicker","React","lazy","__awaiter","default","Promise","resolve","then","_interopNamespace","require","EmojiPicker","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","Array","isArray","map","valEl","ref","useRef","useOutside","_jsxs","Object","assign","style","position","opacity","width","id","children","_jsx","height","top","left","zIndex","jsxs","EmojiInput","jsx","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","createChipKeys","placeholder","chips","EmojiContainer","IconButton","Icon","EmojiIcon","onClick","className","Suspense","fallback","previewConfig","showPreview","skinTonesDisabled","searchDisabled","theme","emojiStyle","onEmojiClick","emoji","find","em","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","props"],"mappings":"u/BAaA,MAAMA,OAAkBC,QAAMC,MAAK,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAE7C,MAAO,CAAEC,eADSC,QAAOC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAA,2BACHL,QACvB,MAOMM,EAAiDA,EACtDC,MACAC,WACAC,SACAC,WACAC,eAEA,MAAOC,EAAYC,GAAiBC,EAAQA,UAAU,GAChDC,GAAUC,MAAMC,QAAQV,GAAOA,EAAM,IAAIW,KAAKC,GAC5CA,IAEFC,EAAMC,EAAAA,SAMZ,OAJAC,EAAUA,WAACF,GAAK,KACfP,GAAc,EAAM,IAIpBU,OACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYC,QAASjB,EAAW,GAAM,EAAGkB,MAAO,KACnEC,GAAIpB,GAAQ,CAAAqB,SAAA,GAETpB,GACFqB,EAAAA,IAAA,MAAA,CACCN,MAAO,CACNC,SAAU,WACVE,MAAO,OACPI,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAIXb,EAACc,KAAAC,aACAN,EAACO,IAAAC,UACA,CAAAC,MAAOhC,aAAM,EAANA,EAAQF,IACfmC,cAAelC,EACfmC,0BAA2B,CAC1BC,QAAS,oBAEVC,eAAgB,CAAC,GAAI,KACrBC,YAAa,aACbC,MAAOhC,IAGRiB,MAACgB,EAAc,CAAAjB,SACdC,EAACO,IAAAU,cAAWC,KAAMC,EAAS,QAAEC,QAASA,IAAMvC,GAAc,OAE1DD,GACAoB,EAAAA,IAAA,MAAAR,OAAAC,OAAA,CACCL,IAAKA,EACLiC,UAAU,mBAAiB,CAAAtB,SAE3BC,MAACsB,WAAQ9B,OAAAC,OAAA,CAAC8B,SAAU,MACnB,CAAAxB,SAAAC,EAAAO,IAAC3C,EACA,CAAA4D,cAAe,CAAEC,aAAa,GAC9BC,qBACAC,gBAAc,EACdC,MAAO,OACPC,WAAY,SACZC,aAAeC,IACChD,EAAOiD,MAAMC,GAAOF,EAAMA,QAAUE,KAEnDzD,SAAAA,EAAW,IACPO,EACHgD,EAAMA,OAC8B,gBAOtC,EAQR,MAAMf,EAAckB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,kBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,mCAAA,CAAAD,KAAA,UAAAC,OAAA,kCAAAvD,IAAA,00IAAAwD,SAAAC,IAMdrC,EAAU4B,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,cAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,sFAAA,CAAAD,KAAA,UAAAC,OAAA,qFAAAvD,IAAA,00IAAAwD,SAAAC,oBAVQ,SAAqBC,GAC5C,OAAO5C,EAAAA,IAAC1B,EAAgBkB,OAAAC,OAAA,CAAA,EAAAmD,GACzB"}
+{"version":3,"file":"EmojiPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/EmojiPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport EmojiIcon from '@src/assets/icons/emoji.svg';\nimport React, { LegacyRef, Suspense, useRef, useState } from 'react';\nimport { IconButton } from '@src/components/icon-button';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { useOutside } from '@src/hooks/useOutside';\n\ntype EmojiClickData = {\n\temoji: string;\n};\n\nconst LazyEmojiPicker = React.lazy(async () => {\n\tconst mod = await import('emoji-picker-react');\n\treturn { default: mod.default };\n});\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst EmojiPicker: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst [showPicker, setShowPicker] = useState<boolean>(false);\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\treturn valEl;\n\t});\n\tconst ref = useRef();\n\n\tuseOutside(ref, () => {\n\t\tsetShowPicker(false);\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1, width: 300 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<EmojiInput>\n\t\t\t\t<ChipInput\n\t\t\t\t\terror={errors?.val as string}\n\t\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\t\tpadding: '0px 32px 0px 8px',\n\t\t\t\t\t}}\n\t\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\t\tplaceholder={'add emojis'}\n\t\t\t\t\tchips={valArr}\n\t\t\t\t/>\n\n\t\t\t\t<EmojiContainer>\n\t\t\t\t\t<IconButton Icon={EmojiIcon} onClick={() => setShowPicker(true)} />\n\t\t\t\t</EmojiContainer>\n\t\t\t\t{showPicker && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ref as unknown as LegacyRef<HTMLDivElement>}\n\t\t\t\t\t\tclassName=\"absolute-picker\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Suspense fallback={null}>\n\t\t\t\t\t\t\t<LazyEmojiPicker\n\t\t\t\t\t\t\t\tpreviewConfig={{ showPreview: false }}\n\t\t\t\t\t\t\t\tskinTonesDisabled\n\t\t\t\t\t\t\t\tsearchDisabled\n\t\t\t\t\t\t\t\ttheme={'dark' as unknown as never}\n\t\t\t\t\t\t\t\temojiStyle={'native' as unknown as never}\n\t\t\t\t\t\t\t\tonEmojiClick={(emoji: EmojiClickData) => {\n\t\t\t\t\t\t\t\t\tconst exists = valArr.find((em) => emoji.emoji === em);\n\t\t\t\t\t\t\t\t\tif (exists) return;\n\t\t\t\t\t\t\t\t\tonChange?.([\n\t\t\t\t\t\t\t\t\t\t...valArr,\n\t\t\t\t\t\t\t\t\t\temoji.emoji,\n\t\t\t\t\t\t\t\t\t] as unknown as CONNECTOR_VALUE_TYPE);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Suspense>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</EmojiInput>\n\t\t</div>\n\t);\n};\n\nexport default function EmojiPickerConnector(props: ConnectorComponentProps) {\n\treturn <EmojiPicker {...props} />;\n}\n\nconst EmojiContainer = styled.div`\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n`;\n\nconst EmojiInput = styled.div`\n\tinput {\n\t\tpointer-events: none;\n\t}\n\t.absolute-picker {\n\t\tposition: absolute;\n\t\ttop: 50px;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["LazyEmojiPicker","React","lazy","__awaiter","default","Promise","resolve","then","_interopNamespace","require","EmojiPicker","_ref","val","onChange","errors","nativeID","disabled","showPicker","setShowPicker","useState","valArr","Array","isArray","map","valEl","ref","useRef","useOutside","_jsxs","Object","assign","style","position","opacity","width","id","children","_jsx","height","top","left","zIndex","jsxs","EmojiInput","jsx","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","createChipKeys","placeholder","chips","EmojiContainer","IconButton","Icon","EmojiIcon","onClick","className","Suspense","fallback","previewConfig","showPreview","skinTonesDisabled","searchDisabled","theme","emojiStyle","onEmojiClick","emoji","find","em","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","props"],"mappings":"u/BAaA,MAAMA,OAAkBC,QAAMC,MAAK,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAE7C,MAAO,CAAEC,eADSC,QAAOC,UAAAC,MAAA,WAAA,OAAAC,EAAAC,QAAA,2BACHL,QACvB,MAOMM,EAAiDC,IAMlD,IANmDC,IACvDA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,SACRA,GACAL,EACA,MAAOM,EAAYC,GAAiBC,EAAQA,UAAU,GAChDC,GAAUC,MAAMC,QAAQV,GAAOA,EAAM,IAAIW,KAAKC,GAC5CA,IAEFC,EAAMC,EAAAA,SAMZ,OAJAC,EAAUA,WAACF,GAAK,KACfP,GAAc,EAAM,IAIpBU,OACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYC,QAASjB,EAAW,GAAM,EAAGkB,MAAO,KACnEC,GAAIpB,GAAQ,CAAAqB,SAAA,GAETpB,GACFqB,EAAAA,IAAA,MAAA,CACCN,MAAO,CACNC,SAAU,WACVE,MAAO,OACPI,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAIXb,EAACc,KAAAC,aACAN,EAACO,IAAAC,UACA,CAAAC,MAAOhC,aAAM,EAANA,EAAQF,IACfmC,cAAelC,EACfmC,0BAA2B,CAC1BC,QAAS,oBAEVC,eAAgB,CAAC,GAAI,KACrBC,YAAa,aACbC,MAAOhC,IAGRiB,MAACgB,EAAc,CAAAjB,SACdC,EAACO,IAAAU,cAAWC,KAAMC,EAAS,QAAEC,QAASA,IAAMvC,GAAc,OAE1DD,GACAoB,EAAAA,IAAA,MAAAR,OAAAC,OAAA,CACCL,IAAKA,EACLiC,UAAU,mBAAiB,CAAAtB,SAE3BC,MAACsB,WAAQ9B,OAAAC,OAAA,CAAC8B,SAAU,MACnB,CAAAxB,SAAAC,EAAAO,IAAC5C,EACA,CAAA6D,cAAe,CAAEC,aAAa,GAC9BC,qBACAC,gBAAc,EACdC,MAAO,OACPC,WAAY,SACZC,aAAeC,IACChD,EAAOiD,MAAMC,GAAOF,EAAMA,QAAUE,KAEnDzD,SAAAA,EAAW,IACPO,EACHgD,EAAMA,OAC8B,gBAOtC,EAQR,MAAMf,EAAckB,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,kBAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,mCAAA,CAAAD,KAAA,UAAAC,OAAA,kCAAAvD,IAAA,00IAAAwD,SAAAC,IAMdrC,EAAU4B,EAAA,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,cAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,sFAAA,CAAAD,KAAA,UAAAC,OAAA,qFAAAvD,IAAA,00IAAAwD,SAAAC,oBAVQ,SAAqBC,GAC5C,OAAO5C,EAAAA,IAAC3B,EAAgBmB,OAAAC,OAAA,CAAA,EAAAmD,GACzB"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/ChipInput.js");const i=({val:i,onChange:s,errors:r,nativeID:a,disabled:o})=>{const n=(Array.isArray(i)?i:[]).map((e=>"object"==typeof e?e.id:e));return e.jsxs("div",Object.assign({style:{position:"relative",opacity:o?.5:1},id:a},{children:[!!o&&e.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e.jsx(t.default,{error:null==r?void 0:r.val,onChipsChange:s,chipsContainerCustomStyle:{padding:"0px 8px",minWidth:256},createChipKeys:[13,188],placeholder:"add multiple values with commas",chips:n})]}))};exports.default=t=>e.jsx(i,Object.assign({},t));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/ChipInput.js");const i=i=>{let{val:s,onChange:r,errors:a,nativeID:o,disabled:n}=i;const l=(Array.isArray(s)?s:[]).map((e=>"object"==typeof e?e.id:e));return e.jsxs("div",Object.assign({style:{position:"relative",opacity:n?.5:1},id:o},{children:[!!n&&e.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e.jsx(t.default,{error:null==a?void 0:a.val,onChipsChange:r,chipsContainerCustomStyle:{padding:"0px 8px",minWidth:256},createChipKeys:[13,188],placeholder:"add multiple values with commas",chips:l})]}))};exports.default=t=>e.jsx(i,Object.assign({},t));
 //# sourceMappingURL=FreeText.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FreeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx"],"sourcesContent":["import React from 'react';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst FreeText: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\tif (typeof valEl === 'object') {\n\t\t\treturn valEl.id;\n\t\t}\n\t\treturn valEl;\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<ChipInput\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\tpadding: '0px 8px',\n\t\t\t\t\tminWidth: 256,\n\t\t\t\t}}\n\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\tplaceholder={'add multiple values with commas'}\n\t\t\t\tchips={valArr}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => <FreeText {...props} />;\n"],"names":["FreeText","val","onChange","errors","nativeID","disabled","valArr","Array","isArray","map","valEl","id","_jsxs","Object","assign","style","position","opacity","children","_jsx","width","height","top","left","zIndex","jsx","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","minWidth","createChipKeys","placeholder","chips","props"],"mappings":"mJASA,MAAMA,EAA8CA,EACnDC,MACAC,WACAC,SACAC,WACAC,eAEA,MAAMC,GAAUC,MAAMC,QAAQP,GAAOA,EAAM,IAAIQ,KAAKC,GAC9B,iBAAVA,EACHA,EAAMC,GAEPD,IAGR,OACCE,OAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CAAEC,SAAU,WAAYC,QAASZ,EAAW,GAAM,GACzDM,GAAIP,GAEH,CAAAc,SAAA,GAAEb,GACFc,EAAAA,IAAA,MAAA,CACCJ,MAAO,CACNC,SAAU,WACVI,MAAO,OACPC,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAKXL,EAACM,IAAAC,WACAC,MAAOxB,eAAAA,EAAQF,IACf2B,cAAe1B,EACf2B,0BAA2B,CAC1BC,QAAS,UACTC,SAAU,KAEXC,eAAgB,CAAC,GAAI,KACrBC,YAAa,kCACbC,MAAO5B,OAEH,kBAIQ6B,GAAmChB,MAACnB,EAAQa,OAAAC,OAAA,CAAA,EAAKqB"}
+{"version":3,"file":"FreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FreeText.tsx"],"sourcesContent":["import React from 'react';\nimport ChipInput from '@src/components/input/ChipInput';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\ntype Props = Omit<Omit<ConnectorComponentProps, 'val'>, 'onChange'> & {\n\tval: string[];\n\tonChange: (val: (string | number)[]) => void;\n};\n\nconst FreeText: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst valArr = (Array.isArray(val) ? val : []).map((valEl) => {\n\t\tif (typeof valEl === 'object') {\n\t\t\treturn valEl.id;\n\t\t}\n\t\treturn valEl;\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ position: 'relative', opacity: disabled ? 0.5 : 1 }}\n\t\t\tid={nativeID}\n\t\t>\n\t\t\t{!!disabled && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<ChipInput\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tonChipsChange={onChange as Props['onChange']}\n\t\t\t\tchipsContainerCustomStyle={{\n\t\t\t\t\tpadding: '0px 8px',\n\t\t\t\t\tminWidth: 256,\n\t\t\t\t}}\n\t\t\t\tcreateChipKeys={[13, 188]}\n\t\t\t\tplaceholder={'add multiple values with commas'}\n\t\t\t\tchips={valArr}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => <FreeText {...props} />;\n"],"names":["FreeText","_ref","val","onChange","errors","nativeID","disabled","valArr","Array","isArray","map","valEl","id","_jsxs","Object","assign","style","position","opacity","children","_jsx","width","height","top","left","zIndex","jsx","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","minWidth","createChipKeys","placeholder","chips","props"],"mappings":"mJASA,MAAMA,EAA8CC,IAM/C,IANgDC,IACpDA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,SACRA,GACAL,EACA,MAAMM,GAAUC,MAAMC,QAAQP,GAAOA,EAAM,IAAIQ,KAAKC,GAC9B,iBAAVA,EACHA,EAAMC,GAEPD,IAGR,OACCE,OAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CAAEC,SAAU,WAAYC,QAASZ,EAAW,GAAM,GACzDM,GAAIP,GAEH,CAAAc,SAAA,GAAEb,GACFc,EAAAA,IAAA,MAAA,CACCJ,MAAO,CACNC,SAAU,WACVI,MAAO,OACPC,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAKXL,EAACM,IAAAC,WACAC,MAAOxB,eAAAA,EAAQF,IACf2B,cAAe1B,EACf2B,0BAA2B,CAC1BC,QAAS,UACTC,SAAU,KAEXC,eAAgB,CAAC,GAAI,KACrBC,YAAa,kCACbC,MAAO5B,OAEH,kBAIQ6B,GAAmChB,EAAAA,IAACpB,EAAQc,OAAAC,OAAA,CAAA,EAAKqB"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js

@@ -3,5 +3,5 @@
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,o=({val:r,onChange:s,errors:o,disabled:a,connectorType:l})=>e.jsxs(i,{children:[e.jsx(n.default,{disabled:a,val:r,onChange:s,errors:o,connectorType:l}),e.jsx(t.BodySecondary,{children:"time(s)"})]});exports.default=r=>e.jsx(o,Object.assign({},r));
+`,o=r=>{let{val:s,onChange:o,errors:l,disabled:a,connectorType:d}=r;return e.jsxs(i,{children:[e.jsx(n.default,{disabled:a,val:s,onChange:o,errors:l,connectorType:d}),e.jsx(t.BodySecondary,{children:"time(s)"})]})};exports.default=r=>e.jsx(o,Object.assign({},r));
 //# sourceMappingURL=FrequencyIntegerPositiveSingle.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrequencyIntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport IntegerPositiveSingle from './IntegerPositiveSingle';\n\nconst Container = styled.div`\n\tflex-direction: row;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nconst FrequencyIntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tdisabled,\n\tconnectorType,\n}) => {\n\treturn (\n\t\t<Container>\n\t\t\t<IntegerPositiveSingle\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={val}\n\t\t\t\tonChange={onChange}\n\t\t\t\terrors={errors}\n\t\t\t\tconnectorType={connectorType}\n\t\t\t/>\n\t\t\t<BodySecondary>time(s)</BodySecondary>\n\t\t</Container>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<FrequencyIntegerPositiveSingle {...props} />\n);\n"],"names":["Container","div","FrequencyIntegerPositiveSingle","val","onChange","errors","disabled","connectorType","_jsxs","children","_jsx","IntegerPositiveSingle","jsx","BodySecondary","props","Object","assign"],"mappings":"kSAMA,MAAMA,OAAkB,QAACC,GAAG;;;;;EAOtBC,EAAoEA,EACzEC,MACAC,WACAC,SACAC,WACAC,mBAGCC,EAAAA,KAACR,EAAS,CAAAS,SAAA,CACTC,MAACC,UAAqB,CACrBL,SAAUA,EACVH,IAAKA,EACLC,SAAUA,EACVC,OAAQA,EACRE,cAAeA,IAEhBG,EAACE,IAAAC,gBAAqC,CAAAJ,SAAA,+BAMzBK,GACfJ,EAACE,IAAAV,EAAmCa,OAAAC,OAAA,CAAA,EAAAF"}
+{"version":3,"file":"FrequencyIntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport IntegerPositiveSingle from './IntegerPositiveSingle';\n\nconst Container = styled.div`\n\tflex-direction: row;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n`;\n\nconst FrequencyIntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tdisabled,\n\tconnectorType,\n}) => {\n\treturn (\n\t\t<Container>\n\t\t\t<IntegerPositiveSingle\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={val}\n\t\t\t\tonChange={onChange}\n\t\t\t\terrors={errors}\n\t\t\t\tconnectorType={connectorType}\n\t\t\t/>\n\t\t\t<BodySecondary>time(s)</BodySecondary>\n\t\t</Container>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<FrequencyIntegerPositiveSingle {...props} />\n);\n"],"names":["Container","div","FrequencyIntegerPositiveSingle","_ref","val","onChange","errors","disabled","connectorType","_jsxs","children","_jsx","IntegerPositiveSingle","jsx","BodySecondary","props","Object","assign"],"mappings":"kSAMA,MAAMA,OAAkB,QAACC,GAAG;;;;;EAOtBC,EAAoEC,IAMrE,IANsEC,IAC1EA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,cACRA,GACAL,EACA,OACCM,EAAAA,KAACT,EAAS,CAAAU,SAAA,CACTC,MAACC,UAAqB,CACrBL,SAAUA,EACVH,IAAKA,EACLC,SAAUA,EACVC,OAAQA,EACRE,cAAeA,IAEhBG,EAACE,IAAAC,gBAAqC,CAAAJ,SAAA,cAC3B,kBAKEK,GACfJ,EAAAA,IAACT,EAAmCc,OAAAC,OAAA,CAAA,EAAAF"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IgPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"IgPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InstagramIcon from '@src/assets/icons/instagram.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React, { useEffect, useState } from 'react';\nimport * as Sc from '@src/components/button/Button.styled';\nimport { Media, MEDIA_TYPES, PostPicker } from '@src/components/postPicker';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\n\nconst IgPicker: React.FC<\n\tConnectorComponentProps & { mediaType: MEDIA_TYPES }\n> = (props) => {\n\tconst [showModal, setShowModal] = useState<boolean>(false);\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>([]);\n\tconst [allMedia, setAllMedia] = useState<Media[]>([]);\n\tconst [error, setError] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (props.errors && props.errors.val) {\n\t\t\tsetError(true);\n\t\t}\n\t}, [props.errors?.val]);\n\n\tuseEffect(() => {\n\t\tif (props.val && (props.val as Media[])?.length > 0) {\n\t\t\tsetSelectedMedia(props.val as Media[]);\n\t\t}\n\t}, [(props.val as Media[])?.length]);\n\n\tuseEffect(() => {\n\t\tif (props?.extra?.originalData && props?.extra?.originalData?.length > 0) {\n\t\t\tconst formattedData = props?.extra?.originalData?.map((item) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\timageUrl:\n\t\t\t\t\t\titem.media_type === 'VIDEO' ? item.thumbnail_url : item.media_url,\n\t\t\t\t\tredirectionUrl: item.permalink,\n\t\t\t\t\toverlayCaption: `posted on: ${formatTimestamp(item.timestamp)}`,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetAllMedia(formattedData);\n\t\t}\n\t}, [props?.extra?.originalData]);\n\n\tconst formatTimestamp = (date: string) => {\n\t\tconst inputDate = new Date(date);\n\t\tconst month = inputDate.getMonth() + 1;\n\t\tconst day = inputDate.getDate();\n\t\tconst year = inputDate.getFullYear();\n\t\treturn `${day}/${month}/${year}`;\n\t};\n\n\tconst handleSelection = (selection: Media[]) => {\n\t\tsetSelectedMedia(selection);\n\t\tsetShowModal(false);\n\t\tprops.onChange?.(selection);\n\t};\n\n\tconst handlePostPicker = () => {\n\t\tsetShowModal(true);\n\t};\n\n\tconst handlePickerClose = () => {\n\t\tsetShowModal(false);\n\t};\n\n\tconst handleDeleteSelection = (id: string) => {\n\t\tconst currentlySelected = [...selectedMedia];\n\t\tconst updatedMedia = currentlySelected.filter((media) => media.id !== id);\n\t\tsetSelectedMedia(updatedMedia);\n\t\tif (updatedMedia.length > 0) {\n\t\t\tprops.onChange?.(updatedMedia);\n\t\t} else {\n\t\t\tprops.onChange?.(undefined);\n\t\t}\n\t};\n\n\tconst generateTitle = (mediaType: MEDIA_TYPES) => {\n\t\tif (mediaType === MEDIA_TYPES.POST || mediaType === MEDIA_TYPES.REEL) {\n\t\t\treturn `Select upto 10 ${props.mediaType}s`;\n\t\t} else {\n\t\t\treturn `Select upto 10 stories`;\n\t\t}\n\t};\n\n\treturn (\n\t\t<IgPickerStyled mediaType={props.mediaType}>\n\t\t\t<div style={{ padding: 12 }}>\n\t\t\t\t<button\n\t\t\t\t\tclassName={`${error ? 'add-media-btn error' : 'add-media-btn'}`}\n\t\t\t\t\tonClick={() => handlePostPicker()}\n\t\t\t\t>\n\t\t\t\t\t<Sc.ButtonCustomDashedBorder />\n\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\tcolor={error ? COLORS.content.negative : COLORS.content.secondary}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tstyle={{ marginBottom: 15 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: error ? COLORS.content.negative : COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAdd {unCamelCase(props.mediaType)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<div className=\"overlay-container\"></div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"product-card-container\">\n\t\t\t\t{selectedMedia?.length > 0 &&\n\t\t\t\t\tselectedMedia.map((media) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={media.id} style={{ padding: '7px' }}>\n\t\t\t\t\t\t\t\t<ProductCard mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t\t<img src={media.imageUrl} alt={media.overlayCaption} />\n\n\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\thref={media.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t{media.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName=\"cross-icon\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleDeleteSelection(media.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</ProductCard>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{showModal && (\n\t\t\t\t<PostPicker\n\t\t\t\t\tlimit={10}\n\t\t\t\t\tselected={selectedMedia}\n\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\ttitle={generateTitle(props.mediaType)}\n\t\t\t\t\tshowModal={showModal}\n\t\t\t\t\tonClose={() => handlePickerClose()}\n\t\t\t\t\tmedia={allMedia}\n\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</IgPickerStyled>\n\t);\n};\n\nconst PostIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.POST} />\n);\nconst ReelIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.REEL} />\n);\nconst StoryIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.STORY} />\n);\nexport { PostIgPicker, ReelIgPicker, StoryIgPicker };\n\nconst IgPickerStyled = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tflex: 1;\n\toverflow: hidden;\n\n\t.product-card-container {\n\t\tdisplay: flex;\n\t\toverflow: auto;\n\t\tmax-width: calc(\n\t\t\t${(props) =>\n\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? '100% - 172px' : '100% - 132px'}\n\t\t);\n\t}\n\n\t.add-media-btn.error {\n\t\t.line-top {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n\n\t.add-media-btn {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t\tposition: relative;\n\t\tbackground-color: transparent;\n\t\tborder-radius: 4px;\n\t\t.line-top {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tbottom: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.add-media-btn:hover {\n\t\t.overlay-container {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tpadding: 0;\n\t\t\tpadding-top: 1px;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: #000000;\n\t\t\topacity: 0.03;\n\t\t}\n\t}\n\t.add-media-btn:active {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\n\t\t.line-top,\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right,\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n`;\n\nconst ProductCard = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 150 : 182)}px;\n\n\t.overlay {\n\t\tdisplay: none;\n\t}\n\n\t.overlay__caption {\n\t\ttext-align: center;\n\t\tbackground: #fafafa;\n\t\tpadding: 10px 20px;\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-bottom-left-radius: 4px;\n\t\tborder-bottom-right-radius: 4px;\n\t}\n\n\t.overlay__redirection {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 5px;\n\t\tpadding: 10px;\n\t}\n\n\timg {\n\t\tborder-radius: 4px;\n\t\tobject-fit: cover;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t}\n\t.cross-icon {\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -8px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t}\n\n\t&:hover {\n\t\t.overlay {\n\t\t\ttop: 0;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.9);\n\t\t\tborder-radius: 4px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tposition: absolute;\n\t\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\t\theight: ${(props) =>\n\t\t\t\tprops.mediaType === MEDIA_TYPES.POST ? 148 : 180}px;\n\t\t\ta {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["IgPicker","props","showModal","setShowModal","useState","selectedMedia","setSelectedMedia","allMedia","setAllMedia","error","setError","useEffect","errors","val","_a","length","_b","extra","originalData","_c","formattedData","_e","_d","map","item","id","imageUrl","media_type","thumbnail_url","media_url","redirectionUrl","permalink","overlayCaption","formatTimestamp","timestamp","date","inputDate","Date","month","getMonth","getDate","getFullYear","_jsxs","IgPickerStyled","Object","assign","mediaType","children","_jsx","style","padding","className","onClick","Sc","jsx","PlusIcon","color","COLORS","content","negative","secondary","width","height","marginBottom","BodySecondary","primary","unCamelCase","media","ProductCard","src","alt","target","rel","href","jsxs","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","placeholder","updatedMedia","filter","onChange","call","undefined","handleDeleteSelection","CrossIcon","PostPicker","limit","selected","onSelect","selection","title","MEDIA_TYPES","POST","REEL","onClose","_styled","process","env","NODE_ENV","label","background","brandLight","brand","stroke","surface","subdued","STORY"],"mappings":"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"}
+{"version":3,"file":"IgPicker.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IgPicker.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InstagramIcon from '@src/assets/icons/instagram.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport React, { useEffect, useState } from 'react';\nimport * as Sc from '@src/components/button/Button.styled';\nimport { Media, MEDIA_TYPES, PostPicker } from '@src/components/postPicker';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { unCamelCase } from '@src/utils/unCamelCase';\nimport { PRIMARY } from '@src/constants/colors';\nimport { COLORS } from '@src/constants/Theme';\n\nconst IgPicker: React.FC<\n\tConnectorComponentProps & { mediaType: MEDIA_TYPES }\n> = (props) => {\n\tconst [showModal, setShowModal] = useState<boolean>(false);\n\tconst [selectedMedia, setSelectedMedia] = useState<Media[]>([]);\n\tconst [allMedia, setAllMedia] = useState<Media[]>([]);\n\tconst [error, setError] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (props.errors && props.errors.val) {\n\t\t\tsetError(true);\n\t\t}\n\t}, [props.errors?.val]);\n\n\tuseEffect(() => {\n\t\tif (props.val && (props.val as Media[])?.length > 0) {\n\t\t\tsetSelectedMedia(props.val as Media[]);\n\t\t}\n\t}, [(props.val as Media[])?.length]);\n\n\tuseEffect(() => {\n\t\tif (props?.extra?.originalData && props?.extra?.originalData?.length > 0) {\n\t\t\tconst formattedData = props?.extra?.originalData?.map((item) => {\n\t\t\t\treturn {\n\t\t\t\t\tid: item.id,\n\t\t\t\t\timageUrl:\n\t\t\t\t\t\titem.media_type === 'VIDEO' ? item.thumbnail_url : item.media_url,\n\t\t\t\t\tredirectionUrl: item.permalink,\n\t\t\t\t\toverlayCaption: `posted on: ${formatTimestamp(item.timestamp)}`,\n\t\t\t\t};\n\t\t\t});\n\t\t\tsetAllMedia(formattedData);\n\t\t}\n\t}, [props?.extra?.originalData]);\n\n\tconst formatTimestamp = (date: string) => {\n\t\tconst inputDate = new Date(date);\n\t\tconst month = inputDate.getMonth() + 1;\n\t\tconst day = inputDate.getDate();\n\t\tconst year = inputDate.getFullYear();\n\t\treturn `${day}/${month}/${year}`;\n\t};\n\n\tconst handleSelection = (selection: Media[]) => {\n\t\tsetSelectedMedia(selection);\n\t\tsetShowModal(false);\n\t\tprops.onChange?.(selection);\n\t};\n\n\tconst handlePostPicker = () => {\n\t\tsetShowModal(true);\n\t};\n\n\tconst handlePickerClose = () => {\n\t\tsetShowModal(false);\n\t};\n\n\tconst handleDeleteSelection = (id: string) => {\n\t\tconst currentlySelected = [...selectedMedia];\n\t\tconst updatedMedia = currentlySelected.filter((media) => media.id !== id);\n\t\tsetSelectedMedia(updatedMedia);\n\t\tif (updatedMedia.length > 0) {\n\t\t\tprops.onChange?.(updatedMedia);\n\t\t} else {\n\t\t\tprops.onChange?.(undefined);\n\t\t}\n\t};\n\n\tconst generateTitle = (mediaType: MEDIA_TYPES) => {\n\t\tif (mediaType === MEDIA_TYPES.POST || mediaType === MEDIA_TYPES.REEL) {\n\t\t\treturn `Select upto 10 ${props.mediaType}s`;\n\t\t} else {\n\t\t\treturn `Select upto 10 stories`;\n\t\t}\n\t};\n\n\treturn (\n\t\t<IgPickerStyled mediaType={props.mediaType}>\n\t\t\t<div style={{ padding: 12 }}>\n\t\t\t\t<button\n\t\t\t\t\tclassName={`${error ? 'add-media-btn error' : 'add-media-btn'}`}\n\t\t\t\t\tonClick={() => handlePostPicker()}\n\t\t\t\t>\n\t\t\t\t\t<Sc.ButtonCustomDashedBorder />\n\t\t\t\t\t<PlusIcon\n\t\t\t\t\t\tcolor={error ? COLORS.content.negative : COLORS.content.secondary}\n\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\theight={20}\n\t\t\t\t\t\tstyle={{ marginBottom: 15 }}\n\t\t\t\t\t/>\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: error ? COLORS.content.negative : COLORS.content.primary,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAdd {unCamelCase(props.mediaType)}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t<div className=\"overlay-container\"></div>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<div className=\"product-card-container\">\n\t\t\t\t{selectedMedia?.length > 0 &&\n\t\t\t\t\tselectedMedia.map((media) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div key={media.id} style={{ padding: '7px' }}>\n\t\t\t\t\t\t\t\t<ProductCard mediaType={props.mediaType}>\n\t\t\t\t\t\t\t\t\t<img src={media.imageUrl} alt={media.overlayCaption} />\n\n\t\t\t\t\t\t\t\t\t<div className=\"overlay\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\thref={media.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__redirection\">\n\t\t\t\t\t\t\t\t\t\t\t\t<InstagramIcon height={22} width={22} />\n\t\t\t\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={PRIMARY}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\tView\n\t\t\t\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t\t<div className=\"overlay__caption\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.placeholder}>\n\t\t\t\t\t\t\t\t\t\t\t\t{media.overlayCaption}\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName=\"cross-icon\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleDeleteSelection(media.id)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\theight={12}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</ProductCard>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t</div>\n\t\t\t{showModal && (\n\t\t\t\t<PostPicker\n\t\t\t\t\tlimit={10}\n\t\t\t\t\tselected={selectedMedia}\n\t\t\t\t\tonSelect={handleSelection}\n\t\t\t\t\ttitle={generateTitle(props.mediaType)}\n\t\t\t\t\tshowModal={showModal}\n\t\t\t\t\tonClose={() => handlePickerClose()}\n\t\t\t\t\tmedia={allMedia}\n\t\t\t\t\tmediaType={props.mediaType}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</IgPickerStyled>\n\t);\n};\n\nconst PostIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.POST} />\n);\nconst ReelIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.REEL} />\n);\nconst StoryIgPicker = (props: ConnectorComponentProps) => (\n\t<IgPicker {...props} mediaType={MEDIA_TYPES.STORY} />\n);\nexport { PostIgPicker, ReelIgPicker, StoryIgPicker };\n\nconst IgPickerStyled = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tflex: 1;\n\toverflow: hidden;\n\n\t.product-card-container {\n\t\tdisplay: flex;\n\t\toverflow: auto;\n\t\tmax-width: calc(\n\t\t\t${(props) =>\n\t\t\t\tprops.mediaType == MEDIA_TYPES.POST ? '100% - 172px' : '100% - 132px'}\n\t\t);\n\t}\n\n\t.add-media-btn.error {\n\t\t.line-top {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.negative},\n\t\t\t\t${COLORS.content.negative} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n\n\t.add-media-btn {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t\tposition: relative;\n\t\tbackground-color: transparent;\n\t\tborder-radius: 4px;\n\t\t.line-top {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-bottom {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tbottom: 0;\n\t\t\theight: 1px;\n\t\t\twidth: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-left {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 1px;\n\t\t\theight: 100%;\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t#9e9e9e,\n\t\t\t\t#9e9e9e 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.add-media-btn:hover {\n\t\t.overlay-container {\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tpadding: 0;\n\t\t\tpadding-top: 1px;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: #000000;\n\t\t\topacity: 0.03;\n\t\t}\n\t}\n\t.add-media-btn:active {\n\t\tbackground-color: ${COLORS.background.brandLight};\n\n\t\t.line-top,\n\t\t.line-bottom {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto right,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t\t.line-right,\n\t\t.line-left {\n\t\t\tbackground: repeating-linear-gradient(\n\t\t\t\tto bottom,\n\t\t\t\t${COLORS.content.brand},\n\t\t\t\t${COLORS.content.brand} 5px,\n\t\t\t\ttransparent 5px,\n\t\t\t\ttransparent 10px\n\t\t\t);\n\t\t}\n\t}\n`;\n\nconst ProductCard = styled.div<{ mediaType: MEDIA_TYPES }>`\n\tborder-radius: 4px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tposition: relative;\n\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 150 : 182)}px;\n\n\t.overlay {\n\t\tdisplay: none;\n\t}\n\n\t.overlay__caption {\n\t\ttext-align: center;\n\t\tbackground: #fafafa;\n\t\tpadding: 10px 20px;\n\t\theight: 40px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-bottom-left-radius: 4px;\n\t\tborder-bottom-right-radius: 4px;\n\t}\n\n\t.overlay__redirection {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: 5px;\n\t\tpadding: 10px;\n\t}\n\n\timg {\n\t\tborder-radius: 4px;\n\t\tobject-fit: cover;\n\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\theight: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 180)}px;\n\t}\n\t.cross-icon {\n\t\tposition: absolute;\n\t\tright: -8px;\n\t\ttop: -8px;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 10px;\n\t\tborder: 1px solid ${COLORS.stroke.primary};\n\t\tbackground-color: ${COLORS.surface.subdued};\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\tpadding: 0;\n\t}\n\n\t&:hover {\n\t\t.overlay {\n\t\t\ttop: 0;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.9);\n\t\t\tborder-radius: 4px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tposition: absolute;\n\t\t\twidth: ${(props) => (props.mediaType === MEDIA_TYPES.POST ? 148 : 108)}px;\n\t\t\theight: ${(props) =>\n\t\t\t\tprops.mediaType === MEDIA_TYPES.POST ? 148 : 180}px;\n\t\t\ta {\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n"],"names":["IgPicker","props","showModal","setShowModal","useState","selectedMedia","setSelectedMedia","allMedia","setAllMedia","error","setError","useEffect","errors","val","_a","length","_b","extra","originalData","_c","formattedData","_e","_d","map","item","id","imageUrl","media_type","thumbnail_url","media_url","redirectionUrl","permalink","overlayCaption","formatTimestamp","timestamp","date","inputDate","Date","month","getMonth","getDate","getFullYear","_jsxs","IgPickerStyled","Object","assign","mediaType","children","_jsx","style","padding","className","onClick","Sc","jsx","PlusIcon","color","COLORS","content","negative","secondary","width","height","marginBottom","BodySecondary","primary","unCamelCase","media","ProductCard","src","alt","target","rel","href","jsxs","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","placeholder","updatedMedia","filter","onChange","call","undefined","handleDeleteSelection","CrossIcon","PostPicker","limit","selected","onSelect","selection","title","MEDIA_TYPES","POST","REEL","onClose","_styled","process","env","NODE_ENV","label","background","brandLight","brand","stroke","surface","subdued","STORY"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),e=require("react");require("../../../../dropdown/DropdownPopover/index.js");var l=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js"),require("../../../../../constants/Theme.js"),require("../../../../../_virtual/_tslib.js"),require("lodash/debounce"),require("../../../../TypographyStyle.js"),require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var C=require("../../../../input/Input.js"),c=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var d=require("../../../types/QueryBuilderEnum.type.js"),u=require("../../InputLoader.js");function b(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const n=b(I).default("div","production"===process.env.NODE_ENV?{target:"e18hgh550"}:{target:"e18hgh550",label:"Container"})("production"===process.env.NODE_ENV?{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px"}:{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXMvUXVlcnlCdWlsZGVyRW51bS50eXBlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChjb25uZWN0b3JUeXBlKSA9PiB7XHJcbiAgICBpZiAoY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5leGFjdGx5IHx8XHJcbiAgICAgICAgY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5kYXRlRGF5c09ubHkpIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnaG91cihzKScsIHZhbHVlOiAnaG91cnMnIH0sXHJcbiAgICAgICAgXTtcclxuICAgIH1cclxufTtcclxuY29uc3QgSW5UaGVMYXN0ID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBpc0xvYWRpbmcsIGRpc2FibGVkLCBjb25uZWN0b3JUeXBlLCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgY29uc3QgW29wdGlvbnMsIHNldE9wdGlvbnNdID0gdXNlU3RhdGUodGltZU9wdGlvbnMoY29ubmVjdG9yVHlwZSkpO1xyXG4gICAgY29uc3QgdGltZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFsxXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgY29uc3QgbnVtID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzBdKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgY29uc3QgbmV3T3B0aW9ucyA9IHRpbWVPcHRpb25zKGNvbm5lY3RvclR5cGUpO1xyXG4gICAgICAgIGNvbnN0IGFsbG93ZWRWYWx1ZXMgPSBuZXdPcHRpb25zLm1hcCgobykgPT4gby52YWx1ZSk7XHJcbiAgICAgICAgY29uc3QgY3VycmVudFRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBjb25zdCBub3JtYWxpemVkVGltZSA9IGFsbG93ZWRWYWx1ZXMuaW5jbHVkZXMoY3VycmVudFRpbWUpXHJcbiAgICAgICAgICAgID8gY3VycmVudFRpbWVcclxuICAgICAgICAgICAgOiAnZGF5cyc7XHJcbiAgICAgICAgc2V0T3B0aW9ucyhuZXdPcHRpb25zLm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogbm9ybWFsaXplZFRpbWUgPT09IG9wLnZhbHVlIH0pKSkpO1xyXG4gICAgICAgIGlmIChub3JtYWxpemVkVGltZSAhPT0gY3VycmVudFRpbWUpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFsoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJywgbm9ybWFsaXplZFRpbWVdKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29ubmVjdG9yVHlwZSwgdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAodHlwZW9mICh2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbJzEnLCB0aW1lXSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW10pO1xyXG4gICAgaWYgKGlzTG9hZGluZykge1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6IDIwMCB9IH0sIHsgY2hpbGRyZW46IF9qc3goSW5wdXRMb2FkZXIsIHsgY29udGFpbmVyU3R5bGU6IHsgcGFkZGluZzogJzVweCA4cHgnIH0gfSkgfSkpKTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeChJbnB1dFN0eWxlQ29udGV4dC5Qcm92aWRlciwgT2JqZWN0LmFzc2lnbih7IHZhbHVlOiB7XHJcbiAgICAgICAgICAgIElucHV0V3JhcHBlcjoge1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwNCxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBudW0sIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbdGV4dCwgdGltZV0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbbnVtLCBvcHRpb24udmFsdWVdKTtcclxuICAgICAgICAgICAgICAgICAgICB9IH0pXSB9KSB9KSkpO1xyXG59O1xyXG5jb25zdCBJblRoZUxhc3RXcmFwcGVyID0gKHByb3BzKSA9PiAoX2pzeChJblRoZUxhc3QsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzKSkpO1xyXG5leHBvcnQgZGVmYXVsdCBJblRoZUxhc3RXcmFwcGVyO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1JblRoZUxhc3QuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),A=I=>I===d.QueryBuilderConnectorType.exactly||I===d.QueryBuilderConnectorType.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],i=({val:I,onChange:d,errors:b,isLoading:i,disabled:o,connectorType:s})=>{var t,r;const[p,y]=e.useState(A(s)),a=null!==(t=null==I?void 0:I[1])&&void 0!==t?t:"days",B=null!==(r=null==I?void 0:I[0])&&void 0!==r?r:"1";return e.useEffect((()=>{var g,e;const l=A(s),C=l.map((I=>I.value)),c=null!==(g=null==I?void 0:I[1])&&void 0!==g?g:"days",u=C.includes(c)?c:"days";y(l.map((I=>Object.assign(Object.assign({},I),{selected:u===I.value})))),u!==c&&(null==d||d([null!==(e=null==I?void 0:I[0])&&void 0!==e?e:"1",u]))}),[s,I]),e.useEffect((()=>{var g;if(void 0===(null==I?void 0:I[0])){const e=null!==(g=null==I?void 0:I[1])&&void 0!==g?g:"days";null==d||d(["1",e])}}),[]),i?g.jsx("div",Object.assign({style:{width:200}},{children:g.jsx(u.default,{containerStyle:{padding:"5px 8px"}})})):g.jsx(c.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:g.jsxs(n,{children:[g.jsx(C.Input,{type:"number",variant:"small",state:o?"disabled":"none",errorMessage:null==b?void 0:b.val,value:B,onChangeText:I=>null==d?void 0:d([I,a])}),g.jsx(l.Dropdown,{disabled:o,placeHolder:"Time",width:"108px",size:"small",options:p,onSelect:I=>{null==d||d([B,I.value])}})]})}))};exports.default=I=>g.jsx(i,Object.assign({},I));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),e=require("react");require("../../../../dropdown/DropdownPopover/index.js");var l=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js"),require("../../../../../constants/Theme.js"),require("../../../../../_virtual/_tslib.js"),require("lodash/debounce"),require("../../../../TypographyStyle.js"),require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var C=require("../../../../input/Input.js"),c=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var d=require("../../../types/QueryBuilderEnum.type.js"),u=require("../../InputLoader.js");function b(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const n=b(I).default("div","production"===process.env.NODE_ENV?{target:"e18hgh550"}:{target:"e18hgh550",label:"Container"})("production"===process.env.NODE_ENV?{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px"}:{name:"180p6fo",styles:"display:flex;flex-direction:row;gap:12px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVGhlTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZCIiwiZmlsZSI6IkluVGhlTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXMvUXVlcnlCdWlsZGVyRW51bS50eXBlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChjb25uZWN0b3JUeXBlKSA9PiB7XHJcbiAgICBpZiAoY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5leGFjdGx5IHx8XHJcbiAgICAgICAgY29ubmVjdG9yVHlwZSA9PT0gUXVlcnlCdWlsZGVyQ29ubmVjdG9yVHlwZS5kYXRlRGF5c09ubHkpIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIF07XHJcbiAgICB9XHJcbiAgICBlbHNlIHtcclxuICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogJ2RheShzKScsXHJcbiAgICAgICAgICAgICAgICB2YWx1ZTogJ2RheXMnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnbWludXRlKHMpJywgdmFsdWU6ICdtaW51dGVzJyB9LFxyXG4gICAgICAgICAgICB7IGxhYmVsOiAnaG91cihzKScsIHZhbHVlOiAnaG91cnMnIH0sXHJcbiAgICAgICAgXTtcclxuICAgIH1cclxufTtcclxuY29uc3QgSW5UaGVMYXN0ID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBpc0xvYWRpbmcsIGRpc2FibGVkLCBjb25uZWN0b3JUeXBlLCB9KSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgY29uc3QgW29wdGlvbnMsIHNldE9wdGlvbnNdID0gdXNlU3RhdGUodGltZU9wdGlvbnMoY29ubmVjdG9yVHlwZSkpO1xyXG4gICAgY29uc3QgdGltZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbFsxXSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgY29uc3QgbnVtID0gKF9iID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzBdKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiAnMSc7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2I7XHJcbiAgICAgICAgY29uc3QgbmV3T3B0aW9ucyA9IHRpbWVPcHRpb25zKGNvbm5lY3RvclR5cGUpO1xyXG4gICAgICAgIGNvbnN0IGFsbG93ZWRWYWx1ZXMgPSBuZXdPcHRpb25zLm1hcCgobykgPT4gby52YWx1ZSk7XHJcbiAgICAgICAgY29uc3QgY3VycmVudFRpbWUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMV0pICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdkYXlzJztcclxuICAgICAgICBjb25zdCBub3JtYWxpemVkVGltZSA9IGFsbG93ZWRWYWx1ZXMuaW5jbHVkZXMoY3VycmVudFRpbWUpXHJcbiAgICAgICAgICAgID8gY3VycmVudFRpbWVcclxuICAgICAgICAgICAgOiAnZGF5cyc7XHJcbiAgICAgICAgc2V0T3B0aW9ucyhuZXdPcHRpb25zLm1hcCgob3ApID0+IChPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wKSwgeyBzZWxlY3RlZDogbm9ybWFsaXplZFRpbWUgPT09IG9wLnZhbHVlIH0pKSkpO1xyXG4gICAgICAgIGlmIChub3JtYWxpemVkVGltZSAhPT0gY3VycmVudFRpbWUpIHtcclxuICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFsoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJywgbm9ybWFsaXplZFRpbWVdKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29ubmVjdG9yVHlwZSwgdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYTtcclxuICAgICAgICBpZiAodHlwZW9mICh2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWxbMF0pID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICBjb25zdCB0aW1lID0gKF9hID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsWzFdKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbJzEnLCB0aW1lXSk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW10pO1xyXG4gICAgaWYgKGlzTG9hZGluZykge1xyXG4gICAgICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6IDIwMCB9IH0sIHsgY2hpbGRyZW46IF9qc3goSW5wdXRMb2FkZXIsIHsgY29udGFpbmVyU3R5bGU6IHsgcGFkZGluZzogJzVweCA4cHgnIH0gfSkgfSkpKTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeChJbnB1dFN0eWxlQ29udGV4dC5Qcm92aWRlciwgT2JqZWN0LmFzc2lnbih7IHZhbHVlOiB7XHJcbiAgICAgICAgICAgIElucHV0V3JhcHBlcjoge1xyXG4gICAgICAgICAgICAgICAgd2lkdGg6IDEwNCxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBudW0sIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbdGV4dCwgdGltZV0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShbbnVtLCBvcHRpb24udmFsdWVdKTtcclxuICAgICAgICAgICAgICAgICAgICB9IH0pXSB9KSB9KSkpO1xyXG59O1xyXG5jb25zdCBJblRoZUxhc3RXcmFwcGVyID0gKHByb3BzKSA9PiAoX2pzeChJblRoZUxhc3QsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzKSkpO1xyXG5leHBvcnQgZGVmYXVsdCBJblRoZUxhc3RXcmFwcGVyO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1JblRoZUxhc3QuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),A=I=>I===d.QueryBuilderConnectorType.exactly||I===d.QueryBuilderConnectorType.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],i=I=>{let{val:d,onChange:b,errors:i,isLoading:o,disabled:s,connectorType:t}=I;var r,p;const[y,a]=e.useState(A(t)),B=null!==(r=null==d?void 0:d[1])&&void 0!==r?r:"days",G=null!==(p=null==d?void 0:d[0])&&void 0!==p?p:"1";return e.useEffect((()=>{var I,g;const e=A(t),l=e.map((I=>I.value)),C=null!==(I=null==d?void 0:d[1])&&void 0!==I?I:"days",c=l.includes(C)?C:"days";a(e.map((I=>Object.assign(Object.assign({},I),{selected:c===I.value})))),c!==C&&(null==b||b([null!==(g=null==d?void 0:d[0])&&void 0!==g?g:"1",c]))}),[t,d]),e.useEffect((()=>{var I;if(void 0===(null==d?void 0:d[0])){const g=null!==(I=null==d?void 0:d[1])&&void 0!==I?I:"days";null==b||b(["1",g])}}),[]),o?g.jsx("div",Object.assign({style:{width:200}},{children:g.jsx(u.default,{containerStyle:{padding:"5px 8px"}})})):g.jsx(c.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:g.jsxs(n,{children:[g.jsx(C.Input,{type:"number",variant:"small",state:s?"disabled":"none",errorMessage:null==i?void 0:i.val,value:G,onChangeText:I=>null==b?void 0:b([I,B])}),g.jsx(l.Dropdown,{disabled:s,placeHolder:"Time",width:"108px",size:"small",options:y,onSelect:I=>{null==b||b([G,I.value])}})]})}))};exports.default=I=>g.jsx(i,Object.assign({},I));
 //# sourceMappingURL=InTheLast.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTheLast.js.map

@@ -1 +1 @@
-{"version":3,"file":"InTheLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n`;\n\nconst timeOptions = (connectorType: string) => {\n\tif (\n\t\tconnectorType === QueryBuilderConnectorType.exactly ||\n\t\tconnectorType === QueryBuilderConnectorType.dateDaysOnly\n\t) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t} else {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t\t{ label: 'hour(s)', value: 'hours' },\n\t\t];\n\t}\n};\n\nconst InTheLast: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst [options, setOptions] = useState(timeOptions(connectorType));\n\n\tconst time = val?.[1] ?? 'days';\n\tconst num = val?.[0] ?? '1';\n\n\tuseEffect(() => {\n\t\tconst newOptions = timeOptions(connectorType);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentTime = val?.[1] ?? 'days';\n\t\tconst normalizedTime = allowedValues.includes(currentTime)\n\t\t\t? currentTime\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedTime === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedTime !== currentTime) {\n\t\t\tonChange?.([val?.[0] ?? '1', normalizedTime]);\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.[0] === 'undefined') {\n\t\t\tconst time = val?.[1] ?? 'days';\n\t\t\tonChange?.(['1', time]);\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={num}\n\t\t\t\t\tonChangeText={(text) => onChange?.([text, time])}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.([num, (option as SingleOption).value]);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nconst InTheLastWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLast {...props} />\n);\n\nexport default InTheLastWrapper;\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","timeOptions","connectorType","QueryBuilderConnectorType","exactly","dateDaysOnly","value","InTheLast","val","onChange","errors","isLoading","disabled","options","setOptions","useState","time","_a","num","_b","useEffect","newOptions","allowedValues","o","currentTime","normalizedTime","includes","op","Object","assign","selected","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","type","variant","state","errorMessage","onChangeText","text","Dropdown","placeHolder","size","onSelect","option","props"],"mappings":"8gDAUA,MAAMA,OAAS,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAC,CAAA,eAAAL,QAAAC,IAAAC,SAAA,CAAAI,KAAA,UAAAC,OAAA,4CAAA,CAAAD,KAAA,UAAAC,OAAA,2CAAAC,IAAA,s2KAAAC,+PAMTC,EAAeC,GAEnBA,IAAkBC,EAAAA,0BAA0BC,SAC5CF,IAAkBC,EAAAA,0BAA0BE,aAErC,CACN,CACCV,MAAO,SACPW,MAAO,SAIF,CACN,CACCX,MAAO,SACPW,MAAO,QAER,CAAEX,MAAO,YAAaW,MAAO,WAC7B,CAAEX,MAAO,UAAWW,MAAO,UAKxBC,EAA+CA,EACpDC,MACAC,WACAC,SACAC,YACAC,WACAV,4BAEA,MAAOW,EAASC,GAAcC,EAAQA,SAACd,EAAYC,IAE7Cc,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACnBC,EAAc,QAARC,EAAAX,aAAA,EAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IA2BxB,OAzBAC,EAAAA,WAAU,aACT,MAAMC,EAAapB,EAAYC,GACzBoB,EAAgBD,EAAWtB,KAAKwB,GAAMA,EAAEjB,QACxCkB,EAAsB,QAARP,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OAC1BQ,EAAiBH,EAAcI,SAASF,GAC3CA,EACA,OACHV,EACCO,EAAWtB,KAAK4B,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACnBF,GACH,CAAAG,SAAUL,IAAmBE,EAAGrB,WAG9BmB,IAAmBD,IACtBf,SAAAA,EAAW,CAAS,QAARU,EAAAX,eAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IAAKM,IAC7B,GACC,CAACvB,EAAeM,IAEnBY,EAAAA,WAAU,WACT,QAAwB,KAAbZ,aAAG,EAAHA,EAAM,IAAoB,CACpC,MAAMQ,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACzBR,SAAAA,EAAW,CAAC,IAAKO,GACjB,IACC,IAECL,EAEFoB,2BAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAAAI,IAACC,UAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CP,EAACI,IAAAI,EAAiBA,kBAACC,SAAQZ,OAAAC,OAAA,CAC1BvB,MAAO,CACNmC,aAAc,CACbR,MAAO,OAER,CAAAC,SAEDQ,OAACpD,EAAS,CAAA4C,SAAA,CACTH,MAACY,QAAK,CACLC,KAAK,SACLC,QAAQ,QACRC,MAAOlC,EAAW,WAAa,OAC/BmC,aAAcrC,aAAM,EAANA,EAAQF,IACtBF,MAAOY,EACP8B,aAAeC,GAASxC,aAAA,EAAAA,EAAW,CAACwC,EAAMjC,MAE3Ce,MAACmB,WAAQ,CACRtC,SAAUA,EACVuC,YAAY,OACZlB,MAAM,QACNmB,KAAK,QACLvC,QAASA,EACTwC,SAAWC,IACV7C,SAAAA,EAAW,CAACS,EAAMoC,EAAwBhD,OAAO,SAIxB,kBAILiD,GACzBxB,MAACxB,EAASqB,OAAAC,OAAA,CAAA,EAAK0B"}
+{"version":3,"file":"InTheLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTheLast.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n`;\n\nconst timeOptions = (connectorType: string) => {\n\tif (\n\t\tconnectorType === QueryBuilderConnectorType.exactly ||\n\t\tconnectorType === QueryBuilderConnectorType.dateDaysOnly\n\t) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t} else {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t\t{ label: 'hour(s)', value: 'hours' },\n\t\t];\n\t}\n};\n\nconst InTheLast: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst [options, setOptions] = useState(timeOptions(connectorType));\n\n\tconst time = val?.[1] ?? 'days';\n\tconst num = val?.[0] ?? '1';\n\n\tuseEffect(() => {\n\t\tconst newOptions = timeOptions(connectorType);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentTime = val?.[1] ?? 'days';\n\t\tconst normalizedTime = allowedValues.includes(currentTime)\n\t\t\t? currentTime\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedTime === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedTime !== currentTime) {\n\t\t\tonChange?.([val?.[0] ?? '1', normalizedTime]);\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.[0] === 'undefined') {\n\t\t\tconst time = val?.[1] ?? 'days';\n\t\t\tonChange?.(['1', time]);\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={num}\n\t\t\t\t\tonChangeText={(text) => onChange?.([text, time])}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.([num, (option as SingleOption).value]);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nconst InTheLastWrapper = (props: ConnectorComponentProps) => (\n\t<InTheLast {...props} />\n);\n\nexport default InTheLastWrapper;\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","timeOptions","connectorType","QueryBuilderConnectorType","exactly","dateDaysOnly","value","InTheLast","_ref","val","onChange","errors","isLoading","disabled","options","setOptions","useState","time","_a","num","_b","useEffect","newOptions","allowedValues","o","currentTime","normalizedTime","includes","op","Object","assign","selected","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","type","variant","state","errorMessage","onChangeText","text","Dropdown","placeHolder","size","onSelect","option","props"],"mappings":"8gDAUA,MAAMA,OAAS,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAC,CAAA,eAAAL,QAAAC,IAAAC,SAAA,CAAAI,KAAA,UAAAC,OAAA,4CAAA,CAAAD,KAAA,UAAAC,OAAA,2CAAAC,IAAA,s2KAAAC,+PAMTC,EAAeC,GAEnBA,IAAkBC,EAAAA,0BAA0BC,SAC5CF,IAAkBC,EAAAA,0BAA0BE,aAErC,CACN,CACCV,MAAO,SACPW,MAAO,SAIF,CACN,CACCX,MAAO,SACPW,MAAO,QAER,CAAEX,MAAO,YAAaW,MAAO,WAC7B,CAAEX,MAAO,UAAWW,MAAO,UAKxBC,EAA+CC,IAOhD,IAPiDC,IACrDA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,UACNA,EAASC,SACTA,EAAQX,cACRA,GACAM,UACA,MAAOM,EAASC,GAAcC,EAAQA,SAACf,EAAYC,IAE7Ce,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACnBC,EAAc,QAARC,EAAAX,aAAA,EAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IA2BxB,OAzBAC,EAAAA,WAAU,aACT,MAAMC,EAAarB,EAAYC,GACzBqB,EAAgBD,EAAWvB,KAAKyB,GAAMA,EAAElB,QACxCmB,EAAsB,QAARP,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OAC1BQ,EAAiBH,EAAcI,SAASF,GAC3CA,EACA,OACHV,EACCO,EAAWvB,KAAK6B,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACnBF,GACH,CAAAG,SAAUL,IAAmBE,EAAGtB,WAG9BoB,IAAmBD,IACtBf,SAAAA,EAAW,CAAS,QAARU,EAAAX,eAAAA,EAAM,UAAE,IAAAW,EAAAA,EAAI,IAAKM,IAC7B,GACC,CAACxB,EAAeO,IAEnBY,EAAAA,WAAU,WACT,QAAwB,KAAbZ,aAAG,EAAHA,EAAM,IAAoB,CACpC,MAAMQ,EAAe,QAARC,EAAAT,aAAA,EAAAA,EAAM,UAAE,IAAAS,EAAAA,EAAI,OACzBR,SAAAA,EAAW,CAAC,IAAKO,GACjB,IACC,IAECL,EAEFoB,2BAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAAAI,IAACC,UAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CP,EAACI,IAAAI,EAAiBA,kBAACC,SAAQZ,OAAAC,OAAA,CAC1BxB,MAAO,CACNoC,aAAc,CACbR,MAAO,OAER,CAAAC,SAEDQ,OAACrD,EAAS,CAAA6C,SAAA,CACTH,MAACY,QAAK,CACLC,KAAK,SACLC,QAAQ,QACRC,MAAOlC,EAAW,WAAa,OAC/BmC,aAAcrC,aAAM,EAANA,EAAQF,IACtBH,MAAOa,EACP8B,aAAeC,GAASxC,aAAA,EAAAA,EAAW,CAACwC,EAAMjC,MAE3Ce,MAACmB,WAAQ,CACRtC,SAAUA,EACVuC,YAAY,OACZlB,MAAM,QACNmB,KAAK,QACLvC,QAASA,EACTwC,SAAWC,IACV7C,SAAAA,EAAW,CAACS,EAAMoC,EAAwBjD,OAAO,SAIxB,kBAILkD,GACzBxB,MAACzB,EAASsB,OAAAC,OAAA,CAAA,EAAK0B"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("react");require("../../../../dropdown/DropdownPopover/index.js");var A=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js"),require("../../../../../constants/Theme.js"),require("../../../../../_virtual/_tslib.js"),require("lodash/debounce");var l=require("../../../../TypographyStyle.js");require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var e=require("../../../../input/Input.js"),c=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var d=require("../../../types/QueryBuilderEnum.type.js"),n=require("../../InputLoader.js");function b(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const i=b(I).default("div","production"===process.env.NODE_ENV?{target:"eqv4pu00"}:{target:"eqv4pu00",label:"Container"})("production"===process.env.NODE_ENV?{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center"}:{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVHdvTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZCIiwiZmlsZSI6IkluVHdvTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXMvUXVlcnlCdWlsZGVyRW51bS50eXBlXCI7XHJcbmltcG9ydCB7IEJvZHlTZWNvbmRhcnkgfSBmcm9tIFwiLi4vLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChkYXlzT25seSkgPT4ge1xyXG4gICAgaWYgKGRheXNPbmx5KSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIGxhYmVsOiAnZGF5KHMpJyxcclxuICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHsgbGFiZWw6ICdtaW51dGUocyknLCB2YWx1ZTogJ21pbnV0ZXMnIH0sXHJcbiAgICAgICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG4gICAgXTtcclxufTtcclxuY29uc3QgSW5Ud29MYXN0ID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBpc0xvYWRpbmcsIGRpc2FibGVkLCBjb25uZWN0b3JUeXBlIH0pID0+IHtcclxuICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgY29uc3QgaXNEYXlzT25seSA9IGNvbm5lY3RvclR5cGUgPT09IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUuZGF0ZURheXNPbmx5O1xyXG4gICAgY29uc3QgW29wdGlvbnMsIHNldE9wdGlvbnNdID0gdXNlU3RhdGUodGltZU9wdGlvbnMoaXNEYXlzT25seSkpO1xyXG4gICAgY29uc3QgdHlwZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC50eXBlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgY29uc3Qgb2Zmc2V0ID0gKF9jID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLm9mZnNldCkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogJzInO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICB2YXIgX2EsIF9iLCBfYztcclxuICAgICAgICBjb25zdCBkYXlzT25seSA9IGNvbm5lY3RvclR5cGUgPT09IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUuZGF0ZURheXNPbmx5O1xyXG4gICAgICAgIGNvbnN0IG5ld09wdGlvbnMgPSB0aW1lT3B0aW9ucyhkYXlzT25seSk7XHJcbiAgICAgICAgY29uc3QgYWxsb3dlZFZhbHVlcyA9IG5ld09wdGlvbnMubWFwKChvKSA9PiBvLnZhbHVlKTtcclxuICAgICAgICBjb25zdCBjdXJyZW50VHlwZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC50eXBlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgY29uc3Qgbm9ybWFsaXplZFR5cGUgPSBhbGxvd2VkVmFsdWVzLmluY2x1ZGVzKGN1cnJlbnRUeXBlKVxyXG4gICAgICAgICAgICA/IGN1cnJlbnRUeXBlXHJcbiAgICAgICAgICAgIDogJ2RheXMnO1xyXG4gICAgICAgIHNldE9wdGlvbnMobmV3T3B0aW9ucy5tYXAoKG9wKSA9PiAoT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBvcCksIHsgc2VsZWN0ZWQ6IG5vcm1hbGl6ZWRUeXBlID09PSBvcC52YWx1ZSB9KSkpKTtcclxuICAgICAgICBpZiAobm9ybWFsaXplZFR5cGUgIT09IGN1cnJlbnRUeXBlKSB7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlOiBub3JtYWxpemVkVHlwZSxcclxuICAgICAgICAgICAgICAgIHN0YXJ0OiAoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwuc3RhcnQpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJyxcclxuICAgICAgICAgICAgICAgIG9mZnNldDogKF9jID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLm9mZnNldCkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogJzInLFxyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29ubmVjdG9yVHlwZSwgdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwudHlwZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgICAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgICAgICAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgc3RhcnQsXHJcbiAgICAgICAgICAgICAgICBvZmZzZXQsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtdKTtcclxuICAgIGlmIChpc0xvYWRpbmcpIHtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAyMDAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KElucHV0TG9hZGVyLCB7IGNvbnRhaW5lclN0eWxlOiB7IHBhZGRpbmc6ICc1cHggOHB4JyB9IH0pIH0pKSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goSW5wdXRTdHlsZUNvbnRleHQuUHJvdmlkZXIsIE9iamVjdC5hc3NpZ24oeyB2YWx1ZToge1xyXG4gICAgICAgICAgICBJbnB1dFdyYXBwZXI6IHtcclxuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDQsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4cyhDb250YWluZXIsIHsgY2hpbGRyZW46IFtfanN4KElucHV0LCB7IHR5cGU6IFwibnVtYmVyXCIsIHZhcmlhbnQ6IFwic21hbGxcIiwgc3RhdGU6IGRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub25lJywgZXJyb3JNZXNzYWdlOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCB2YWx1ZTogb2Zmc2V0LnRvU3RyaW5nKCksIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXQ6IHRleHQsXHJcbiAgICAgICAgICAgICAgICAgICAgfSkgfSksIF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChCb2R5U2Vjb25kYXJ5LCB7IGNoaWxkcmVuOiBcInRvXCIgfSkgfSksIF9qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBzdGFydC50b1N0cmluZygpLCBvbkNoYW5nZVRleHQ6ICh0ZXh0KSA9PiBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2Uoe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFydDogdGV4dCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb2Zmc2V0LFxyXG4gICAgICAgICAgICAgICAgICAgIH0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBvcHRpb24udmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGFydCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfSB9KV0gfSkgfSkpKTtcclxufTtcclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9iYW4tdHMtY29tbWVudFxyXG4vLyBAdHMtaWdub3JlXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9kaXNwbGF5LW5hbWVcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEluVHdvTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SW5Ud29MYXN0LmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),u=I=>I?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],t=({val:I,onChange:b,errors:t,isLoading:s,disabled:o,connectorType:B})=>{var X,a,y;const r=B===d.QueryBuilderConnectorType.dateDaysOnly,[G,Z]=C.useState(u(r)),H=null!==(X=null==I?void 0:I.type)&&void 0!==X?X:"days",m=null!==(a=null==I?void 0:I.start)&&void 0!==a?a:"1",p=null!==(y=null==I?void 0:I.offset)&&void 0!==y?y:"2";return C.useEffect((()=>{var g,C,A;const l=B===d.QueryBuilderConnectorType.dateDaysOnly,e=u(l),c=e.map((I=>I.value)),n=null!==(g=null==I?void 0:I.type)&&void 0!==g?g:"days",i=c.includes(n)?n:"days";Z(e.map((I=>Object.assign(Object.assign({},I),{selected:i===I.value})))),i!==n&&(null==b||b({type:i,start:null!==(C=null==I?void 0:I.start)&&void 0!==C?C:"1",offset:null!==(A=null==I?void 0:I.offset)&&void 0!==A?A:"2"}))}),[B,I]),C.useEffect((()=>{var g,C,A;if(void 0===(null==I?void 0:I.start)){const l=null!==(g=null==I?void 0:I.type)&&void 0!==g?g:"days",e=null!==(C=null==I?void 0:I.start)&&void 0!==C?C:"1",c=null!==(A=null==I?void 0:I.offset)&&void 0!==A?A:"2";null==b||b({type:l,start:e,offset:c})}}),[]),s?g.jsx("div",Object.assign({style:{width:200}},{children:g.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):g.jsx(c.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:g.jsxs(i,{children:[g.jsx(e.Input,{type:"number",variant:"small",state:o?"disabled":"none",errorMessage:null==t?void 0:t.val,value:p.toString(),onChangeText:I=>null==b?void 0:b({type:H,start:m,offset:I})}),g.jsx("div",{children:g.jsx(l.BodySecondary,{children:"to"})}),g.jsx(e.Input,{type:"number",variant:"small",state:o?"disabled":"none",errorMessage:null==t?void 0:t.val,value:m.toString(),onChangeText:I=>null==b?void 0:b({type:H,start:I,offset:p})}),g.jsx(A.Dropdown,{disabled:o,placeHolder:"Time",width:"108px",size:"small",options:G,onSelect:I=>{null==b||b({type:I.value,start:m,offset:p})}})]})}))};exports.default=I=>g.jsx(t,Object.assign({},I));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("react");require("../../../../dropdown/DropdownPopover/index.js");var A=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js"),require("../../../../../constants/Theme.js"),require("../../../../../_virtual/_tslib.js"),require("lodash/debounce");var l=require("../../../../TypographyStyle.js");require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var e=require("../../../../input/Input.js"),c=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var d=require("../../../types/QueryBuilderEnum.type.js"),n=require("../../InputLoader.js");function b(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}const i=b(I).default("div","production"===process.env.NODE_ENV?{target:"eqv4pu00"}:{target:"eqv4pu00",label:"Container"})("production"===process.env.NODE_ENV?{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center"}:{name:"1d5jh9x",styles:"display:flex;flex-direction:row;gap:12px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluVHdvTGFzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzZCIiwiZmlsZSI6IkluVHdvTGFzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERyb3Bkb3duIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2Ryb3Bkb3duXCI7XHJcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0XCI7XHJcbmltcG9ydCB7IElucHV0U3R5bGVDb250ZXh0IH0gZnJvbSBcIi4uLy4uLy4uLy4uL2lucHV0L2NvbnRleHQvSW5wdXRTdHlsZVByb3ZpZGVyXCI7XHJcbmltcG9ydCB7IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUgfSBmcm9tIFwiLi4vLi4vLi4vdHlwZXMvUXVlcnlCdWlsZGVyRW51bS50eXBlXCI7XHJcbmltcG9ydCB7IEJvZHlTZWNvbmRhcnkgfSBmcm9tIFwiLi4vLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCBJbnB1dExvYWRlciBmcm9tICcuLi8uLi9JbnB1dExvYWRlcic7XHJcbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5jb25zdCB0aW1lT3B0aW9ucyA9IChkYXlzT25seSkgPT4ge1xyXG4gICAgaWYgKGRheXNPbmx5KSB7XHJcbiAgICAgICAgcmV0dXJuIFtcclxuICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICdkYXkocyknLFxyXG4gICAgICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICBdO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIFtcclxuICAgICAgICB7XHJcbiAgICAgICAgICAgIGxhYmVsOiAnZGF5KHMpJyxcclxuICAgICAgICAgICAgdmFsdWU6ICdkYXlzJyxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHsgbGFiZWw6ICdtaW51dGUocyknLCB2YWx1ZTogJ21pbnV0ZXMnIH0sXHJcbiAgICAgICAgeyBsYWJlbDogJ2hvdXIocyknLCB2YWx1ZTogJ2hvdXJzJyB9LFxyXG4gICAgXTtcclxufTtcclxuY29uc3QgSW5Ud29MYXN0ID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBpc0xvYWRpbmcsIGRpc2FibGVkLCBjb25uZWN0b3JUeXBlIH0pID0+IHtcclxuICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgY29uc3QgaXNEYXlzT25seSA9IGNvbm5lY3RvclR5cGUgPT09IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUuZGF0ZURheXNPbmx5O1xyXG4gICAgY29uc3QgW29wdGlvbnMsIHNldE9wdGlvbnNdID0gdXNlU3RhdGUodGltZU9wdGlvbnMoaXNEYXlzT25seSkpO1xyXG4gICAgY29uc3QgdHlwZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC50eXBlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgY29uc3Qgb2Zmc2V0ID0gKF9jID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLm9mZnNldCkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogJzInO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICB2YXIgX2EsIF9iLCBfYztcclxuICAgICAgICBjb25zdCBkYXlzT25seSA9IGNvbm5lY3RvclR5cGUgPT09IFF1ZXJ5QnVpbGRlckNvbm5lY3RvclR5cGUuZGF0ZURheXNPbmx5O1xyXG4gICAgICAgIGNvbnN0IG5ld09wdGlvbnMgPSB0aW1lT3B0aW9ucyhkYXlzT25seSk7XHJcbiAgICAgICAgY29uc3QgYWxsb3dlZFZhbHVlcyA9IG5ld09wdGlvbnMubWFwKChvKSA9PiBvLnZhbHVlKTtcclxuICAgICAgICBjb25zdCBjdXJyZW50VHlwZSA9IChfYSA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC50eXBlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGF5cyc7XHJcbiAgICAgICAgY29uc3Qgbm9ybWFsaXplZFR5cGUgPSBhbGxvd2VkVmFsdWVzLmluY2x1ZGVzKGN1cnJlbnRUeXBlKVxyXG4gICAgICAgICAgICA/IGN1cnJlbnRUeXBlXHJcbiAgICAgICAgICAgIDogJ2RheXMnO1xyXG4gICAgICAgIHNldE9wdGlvbnMobmV3T3B0aW9ucy5tYXAoKG9wKSA9PiAoT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBvcCksIHsgc2VsZWN0ZWQ6IG5vcm1hbGl6ZWRUeXBlID09PSBvcC52YWx1ZSB9KSkpKTtcclxuICAgICAgICBpZiAobm9ybWFsaXplZFR5cGUgIT09IGN1cnJlbnRUeXBlKSB7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlOiBub3JtYWxpemVkVHlwZSxcclxuICAgICAgICAgICAgICAgIHN0YXJ0OiAoX2IgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwuc3RhcnQpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6ICcxJyxcclxuICAgICAgICAgICAgICAgIG9mZnNldDogKF9jID0gdmFsID09PSBudWxsIHx8IHZhbCA9PT0gdm9pZCAwID8gdm9pZCAwIDogdmFsLm9mZnNldCkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogJzInLFxyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbY29ubmVjdG9yVHlwZSwgdmFsXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHZhciBfYSwgX2IsIF9jO1xyXG4gICAgICAgIGlmICh0eXBlb2YgKHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSAoX2EgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwudHlwZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RheXMnO1xyXG4gICAgICAgICAgICBjb25zdCBzdGFydCA9IChfYiA9IHZhbCA9PT0gbnVsbCB8fCB2YWwgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHZhbC5zdGFydCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogJzEnO1xyXG4gICAgICAgICAgICBjb25zdCBvZmZzZXQgPSAoX2MgPSB2YWwgPT09IG51bGwgfHwgdmFsID09PSB2b2lkIDAgPyB2b2lkIDAgOiB2YWwub2Zmc2V0KSAhPT0gbnVsbCAmJiBfYyAhPT0gdm9pZCAwID8gX2MgOiAnMic7XHJcbiAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgc3RhcnQsXHJcbiAgICAgICAgICAgICAgICBvZmZzZXQsXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtdKTtcclxuICAgIGlmIChpc0xvYWRpbmcpIHtcclxuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHdpZHRoOiAyMDAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KElucHV0TG9hZGVyLCB7IGNvbnRhaW5lclN0eWxlOiB7IHBhZGRpbmc6ICc1cHggOHB4JyB9IH0pIH0pKSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3goSW5wdXRTdHlsZUNvbnRleHQuUHJvdmlkZXIsIE9iamVjdC5hc3NpZ24oeyB2YWx1ZToge1xyXG4gICAgICAgICAgICBJbnB1dFdyYXBwZXI6IHtcclxuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDQsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4cyhDb250YWluZXIsIHsgY2hpbGRyZW46IFtfanN4KElucHV0LCB7IHR5cGU6IFwibnVtYmVyXCIsIHZhcmlhbnQ6IFwic21hbGxcIiwgc3RhdGU6IGRpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub25lJywgZXJyb3JNZXNzYWdlOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCB2YWx1ZTogb2Zmc2V0LnRvU3RyaW5nKCksIG9uQ2hhbmdlVGV4dDogKHRleHQpID0+IG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXQ6IHRleHQsXHJcbiAgICAgICAgICAgICAgICAgICAgfSkgfSksIF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogX2pzeChCb2R5U2Vjb25kYXJ5LCB7IGNoaWxkcmVuOiBcInRvXCIgfSkgfSksIF9qc3goSW5wdXQsIHsgdHlwZTogXCJudW1iZXJcIiwgdmFyaWFudDogXCJzbWFsbFwiLCBzdGF0ZTogZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vbmUnLCBlcnJvck1lc3NhZ2U6IGVycm9ycyA9PT0gbnVsbCB8fCBlcnJvcnMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGVycm9ycy52YWwsIHZhbHVlOiBzdGFydC50b1N0cmluZygpLCBvbkNoYW5nZVRleHQ6ICh0ZXh0KSA9PiBvbkNoYW5nZSA9PT0gbnVsbCB8fCBvbkNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25DaGFuZ2Uoe1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFydDogdGV4dCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb2Zmc2V0LFxyXG4gICAgICAgICAgICAgICAgICAgIH0pIH0pLCBfanN4KERyb3Bkb3duLCB7IGRpc2FibGVkOiBkaXNhYmxlZCwgcGxhY2VIb2xkZXI6IFwiVGltZVwiLCB3aWR0aDogXCIxMDhweFwiLCBzaXplOiBcInNtYWxsXCIsIG9wdGlvbnM6IG9wdGlvbnMsIG9uU2VsZWN0OiAob3B0aW9uKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZSh7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBvcHRpb24udmFsdWUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdGFydCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfSB9KV0gfSkgfSkpKTtcclxufTtcclxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9iYW4tdHMtY29tbWVudFxyXG4vLyBAdHMtaWdub3JlXHJcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9kaXNwbGF5LW5hbWVcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEluVHdvTGFzdCwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SW5Ud29MYXN0LmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),u=I=>I?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],t=I=>{let{val:b,onChange:t,errors:s,isLoading:o,disabled:B,connectorType:X}=I;var a,y,r;const G=X===d.QueryBuilderConnectorType.dateDaysOnly,[Z,H]=C.useState(u(G)),m=null!==(a=null==b?void 0:b.type)&&void 0!==a?a:"days",p=null!==(y=null==b?void 0:b.start)&&void 0!==y?y:"1",v=null!==(r=null==b?void 0:b.offset)&&void 0!==r?r:"2";return C.useEffect((()=>{var I,g,C;const A=X===d.QueryBuilderConnectorType.dateDaysOnly,l=u(A),e=l.map((I=>I.value)),c=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days",n=e.includes(c)?c:"days";H(l.map((I=>Object.assign(Object.assign({},I),{selected:n===I.value})))),n!==c&&(null==t||t({type:n,start:null!==(g=null==b?void 0:b.start)&&void 0!==g?g:"1",offset:null!==(C=null==b?void 0:b.offset)&&void 0!==C?C:"2"}))}),[X,b]),C.useEffect((()=>{var I,g,C;if(void 0===(null==b?void 0:b.start)){const A=null!==(I=null==b?void 0:b.type)&&void 0!==I?I:"days",l=null!==(g=null==b?void 0:b.start)&&void 0!==g?g:"1",e=null!==(C=null==b?void 0:b.offset)&&void 0!==C?C:"2";null==t||t({type:A,start:l,offset:e})}}),[]),o?g.jsx("div",Object.assign({style:{width:200}},{children:g.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):g.jsx(c.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:g.jsxs(i,{children:[g.jsx(e.Input,{type:"number",variant:"small",state:B?"disabled":"none",errorMessage:null==s?void 0:s.val,value:v.toString(),onChangeText:I=>null==t?void 0:t({type:m,start:p,offset:I})}),g.jsx("div",{children:g.jsx(l.BodySecondary,{children:"to"})}),g.jsx(e.Input,{type:"number",variant:"small",state:B?"disabled":"none",errorMessage:null==s?void 0:s.val,value:p.toString(),onChangeText:I=>null==t?void 0:t({type:m,start:I,offset:v})}),g.jsx(A.Dropdown,{disabled:B,placeHolder:"Time",width:"108px",size:"small",options:Z,onSelect:I=>{null==t||t({type:I.value,start:p,offset:v})}})]})}))};exports.default=I=>g.jsx(t,Object.assign({},I));
 //# sourceMappingURL=InTwoLast.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/InTwoLast.js.map

@@ -1 +1 @@
-{"version":3,"file":"InTwoLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\talign-items: center;\n`;\n\nconst timeOptions = (daysOnly: boolean) => {\n\tif (daysOnly) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t}\n\treturn [\n\t\t{\n\t\t\tlabel: 'day(s)',\n\t\t\tvalue: 'days',\n\t\t},\n\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t{ label: 'hour(s)', value: 'hours' },\n\t];\n};\n\nconst InTwoLast: React.FC<\n\tOmit<ConnectorComponentProps, 'val'> & {\n\t\tval: { type: string; start: string | number; offset: string | number };\n\t}\n> = ({ val, onChange, errors, isLoading, disabled, connectorType }) => {\n\tconst isDaysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\tconst [options, setOptions] = useState(timeOptions(isDaysOnly));\n\n\tconst type = val?.type ?? 'days';\n\tconst start = val?.start ?? '1';\n\tconst offset = val?.offset ?? '2';\n\n\tuseEffect(() => {\n\t\tconst daysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\t\tconst newOptions = timeOptions(daysOnly);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentType = val?.type ?? 'days';\n\t\tconst normalizedType = allowedValues.includes(currentType)\n\t\t\t? currentType\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedType === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedType !== currentType) {\n\t\t\tonChange?.({\n\t\t\t\ttype: normalizedType,\n\t\t\t\tstart: val?.start ?? '1',\n\t\t\t\toffset: val?.offset ?? '2',\n\t\t\t});\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.start === 'undefined') {\n\t\t\tconst type = val?.type ?? 'days';\n\t\t\tconst start = val?.start ?? '1';\n\t\t\tconst offset = val?.offset ?? '2';\n\t\t\tonChange?.({\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\toffset,\n\t\t\t});\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={offset.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset: text,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<BodySecondary>to</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={start.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart: text,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype: (option as SingleOption).value,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <InTwoLast {...props} />;\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","timeOptions","daysOnly","value","InTwoLast","val","onChange","errors","isLoading","disabled","connectorType","isDaysOnly","QueryBuilderConnectorType","dateDaysOnly","options","setOptions","useState","type","_a","start","_b","offset","_c","useEffect","newOptions","allowedValues","o","currentType","normalizedType","includes","op","Object","assign","selected","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","jsxs","Input","variant","state","errorMessage","onChangeText","text","BodySecondary","Dropdown","placeHolder","size","onSelect","option","props"],"mappings":"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"}
+{"version":3,"file":"InTwoLast.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/InTwoLast.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React, { useEffect, useState } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport InputLoader from '../../InputLoader';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 12px;\n\talign-items: center;\n`;\n\nconst timeOptions = (daysOnly: boolean) => {\n\tif (daysOnly) {\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: 'day(s)',\n\t\t\t\tvalue: 'days',\n\t\t\t},\n\t\t];\n\t}\n\treturn [\n\t\t{\n\t\t\tlabel: 'day(s)',\n\t\t\tvalue: 'days',\n\t\t},\n\t\t{ label: 'minute(s)', value: 'minutes' },\n\t\t{ label: 'hour(s)', value: 'hours' },\n\t];\n};\n\nconst InTwoLast: React.FC<\n\tOmit<ConnectorComponentProps, 'val'> & {\n\t\tval: { type: string; start: string | number; offset: string | number };\n\t}\n> = ({ val, onChange, errors, isLoading, disabled, connectorType }) => {\n\tconst isDaysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\tconst [options, setOptions] = useState(timeOptions(isDaysOnly));\n\n\tconst type = val?.type ?? 'days';\n\tconst start = val?.start ?? '1';\n\tconst offset = val?.offset ?? '2';\n\n\tuseEffect(() => {\n\t\tconst daysOnly = connectorType === QueryBuilderConnectorType.dateDaysOnly;\n\t\tconst newOptions = timeOptions(daysOnly);\n\t\tconst allowedValues = newOptions.map((o) => o.value);\n\t\tconst currentType = val?.type ?? 'days';\n\t\tconst normalizedType = allowedValues.includes(currentType)\n\t\t\t? currentType\n\t\t\t: 'days';\n\t\tsetOptions(\n\t\t\tnewOptions.map((op) => ({\n\t\t\t\t...op,\n\t\t\t\tselected: normalizedType === op.value,\n\t\t\t})),\n\t\t);\n\t\tif (normalizedType !== currentType) {\n\t\t\tonChange?.({\n\t\t\t\ttype: normalizedType,\n\t\t\t\tstart: val?.start ?? '1',\n\t\t\t\toffset: val?.offset ?? '2',\n\t\t\t});\n\t\t}\n\t}, [connectorType, val]);\n\n\tuseEffect(() => {\n\t\tif (typeof val?.start === 'undefined') {\n\t\t\tconst type = val?.type ?? 'days';\n\t\t\tconst start = val?.start ?? '1';\n\t\t\tconst offset = val?.offset ?? '2';\n\t\t\tonChange?.({\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\toffset,\n\t\t\t});\n\t\t}\n\t}, []);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Container>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={offset.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset: text,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div>\n\t\t\t\t\t<BodySecondary>to</BodySecondary>\n\t\t\t\t</div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={start.toString()}\n\t\t\t\t\tonChangeText={(text) =>\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype,\n\t\t\t\t\t\t\tstart: text,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<Dropdown\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tplaceHolder=\"Time\"\n\t\t\t\t\twidth=\"108px\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\tonChange?.({\n\t\t\t\t\t\t\ttype: (option as SingleOption).value,\n\t\t\t\t\t\t\tstart,\n\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <InTwoLast {...props} />;\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","timeOptions","daysOnly","value","InTwoLast","_ref","val","onChange","errors","isLoading","disabled","connectorType","isDaysOnly","QueryBuilderConnectorType","dateDaysOnly","options","setOptions","useState","type","_a","start","_b","offset","_c","useEffect","newOptions","allowedValues","o","currentType","normalizedType","includes","op","Object","assign","selected","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","jsxs","Input","variant","state","errorMessage","onChangeText","text","BodySecondary","Dropdown","placeHolder","size","onSelect","option","props"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=({val:i,onChange:s,errors:a,isLoading:d,disabled:l})=>d?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx(t.Input,{type:"number",variant:"small",state:l?"disabled":"none",errorMessage:null==a?void 0:a.val,value:null==i?void 0:i.toString(),onChangeText:s})})}));exports.default=t=>e.jsx(i,Object.assign({},t));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=i=>{let{val:s,onChange:a,errors:l,isLoading:u,disabled:d}=i;return u?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx(t.Input,{type:"number",variant:"small",state:d?"disabled":"none",errorMessage:null==l?void 0:l.val,value:null==s?void 0:s.toString(),onChangeText:a})})}))};exports.default=t=>e.jsx(i,Object.assign({},t));
 //# sourceMappingURL=IntegerPositiveSingle.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerPositiveSingle {...props} />\n);\n"],"names":["IntegerPositiveSingle","val","onChange","errors","isLoading","disabled","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","type","variant","state","errorMessage","toString","onChangeText","props"],"mappings":"8OAMA,MAAMA,EAA2DA,EAChEC,MACAC,WACAC,SACAC,YACAC,cAEID,EAEFE,2BAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAAAI,IAACC,UAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CP,EAACI,IAAAI,EAAiBA,kBAACC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbX,MAAO,OAIT,CAAAC,SAAAH,EAAAI,IAAA,MAAA,CAAAD,SACCH,EAACI,IAAAU,QACA,CAAAC,KAAK,SACLC,QAAQ,QACRC,MAAOlB,EAAW,WAAa,OAC/BmB,aAAcrB,aAAA,EAAAA,EAAQF,IACtBiB,MAAOjB,aAAG,EAAHA,EAAKwB,WACZC,aAAcxB,yBAOHyB,GACfrB,EAACI,IAAAV,EAA0BgB,OAAAC,OAAA,CAAA,EAAAU"}
+{"version":3,"file":"IntegerPositiveSingle.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerPositiveSingle: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<Input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerPositiveSingle {...props} />\n);\n"],"names":["IntegerPositiveSingle","_ref","val","onChange","errors","isLoading","disabled","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","type","variant","state","errorMessage","toString","onChangeText","props"],"mappings":"8OAMA,MAAMA,EAA2DC,IAM5D,IAN6DC,IACjEA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,UACNA,EAASC,SACTA,GACAL,EACA,OAAII,EAEFE,2BAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAAAI,IAACC,UAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CP,EAACI,IAAAI,EAAiBA,kBAACC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbX,MAAO,OAIT,CAAAC,SAAAH,EAAAI,IAAA,MAAA,CAAAD,SACCH,EAACI,IAAAU,QACA,CAAAC,KAAK,SACLC,QAAQ,QACRC,MAAOlB,EAAW,WAAa,OAC/BmB,aAAcrB,aAAA,EAAAA,EAAQF,IACtBiB,MAAOjB,aAAG,EAAHA,EAAKwB,WACZC,aAAcxB,QAGY,kBAIfyB,GACfrB,EAAAA,IAACP,EAA0BiB,OAAAC,OAAA,CAAA,EAAAU"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=({val:i,onChange:s,errors:a,nativeID:d,isLoading:l,disabled:u})=>l?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(t.Input,{state:u?"disabled":"none",type:"number",variant:"small",errorMessage:null==a?void 0:a.val,value:null==i?void 0:i.toString(),onChangeText:s})})})}));exports.default=t=>e.jsx(i,Object.assign({},t));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../input/Input.js"),r=require("../../../../input/context/InputStyleProvider.js"),n=require("../../InputLoader.js");const i=i=>{let{val:s,onChange:a,errors:d,nativeID:l,isLoading:u,disabled:o}=i;return u?e.jsx("div",Object.assign({style:{width:200}},{children:e.jsx(n.default,{containerStyle:{padding:"5px 8px"}})})):e.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:e.jsx("div",{children:e.jsx("div",{children:e.jsx(t.Input,{state:o?"disabled":"none",type:"number",variant:"small",errorMessage:null==d?void 0:d.val,value:null==s?void 0:s.toString(),onChangeText:a})})})}))};exports.default=t=>e.jsx(i,Object.assign({},t));
 //# sourceMappingURL=IntegerSingleValue.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntegerSingleValue.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerSingleValue: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerSingleValue {...props} />\n);\n"],"names":["IntegerSingleValue","val","onChange","errors","nativeID","isLoading","disabled","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","state","type","variant","errorMessage","toString","onChangeText","props"],"mappings":"8OAMA,MAAMA,EAAwDA,EAC7DC,MACAC,WACAC,SACAC,WACAC,YACAC,cAEID,EAEFE,2BAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAAAI,IAACC,UAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CP,EAACI,IAAAI,EAAiBA,kBAACC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbX,MAAO,OAIT,CAAAC,SAAAH,EAAAI,IAAA,MAAA,CAAAD,SACCH,EACCI,IAAA,MAAA,CAAAD,SAAAH,EAAAI,IAACU,QAAK,CACLC,MAAOhB,EAAW,WAAa,OAC/BiB,KAAK,SACLC,QAAQ,QACRC,aAActB,aAAA,EAAAA,EAAQF,IACtBkB,MAAOlB,aAAG,EAAHA,EAAKyB,WACZC,aAAczB,2BAQJ0B,GACfrB,EAACI,IAAAX,EAAuBiB,OAAAC,OAAA,CAAA,EAAAU"}
+{"version":3,"file":"IntegerSingleValue.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport InputLoader from '../../InputLoader';\n\nconst IntegerSingleValue: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tisLoading,\n\tdisabled,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ width: 200 }}>\n\t\t\t\t<InputLoader containerStyle={{ padding: '5px 8px' }} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<InputStyleContext.Provider\n\t\t\tvalue={{\n\t\t\t\tInputWrapper: {\n\t\t\t\t\twidth: 104,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<div>\n\t\t\t\t<div>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tstate={disabled ? 'disabled' : 'none'}\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tvariant=\"small\"\n\t\t\t\t\t\terrorMessage={errors?.val as string}\n\t\t\t\t\t\tvalue={val?.toString()}\n\t\t\t\t\t\tonChangeText={onChange as unknown as (val: string) => void}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</InputStyleContext.Provider>\n\t);\n};\n\nexport default (props: ConnectorComponentProps) => (\n\t<IntegerSingleValue {...props} />\n);\n"],"names":["IntegerSingleValue","_ref","val","onChange","errors","nativeID","isLoading","disabled","_jsx","style","width","children","jsx","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","state","type","variant","errorMessage","toString","onChangeText","props"],"mappings":"8OAMA,MAAMA,EAAwDC,IAOzD,IAP0DC,IAC9DA,EAAGC,SACHA,EAAQC,OACRA,EAAMC,SACNA,EAAQC,UACRA,EAASC,SACTA,GACAN,EACA,OAAIK,EAEFE,2BAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAAAI,IAACC,UAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CP,EAACI,IAAAI,EAAiBA,kBAACC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbX,MAAO,OAIT,CAAAC,SAAAH,EAAAI,IAAA,MAAA,CAAAD,SACCH,EACCI,IAAA,MAAA,CAAAD,SAAAH,EAAAI,IAACU,QAAK,CACLC,MAAOhB,EAAW,WAAa,OAC/BiB,KAAK,SACLC,QAAQ,QACRC,aAActB,aAAA,EAAAA,EAAQF,IACtBkB,MAAOlB,aAAG,EAAHA,EAAKyB,WACZC,aAAczB,UAIW,kBAIf0B,GACfrB,EAAAA,IAACR,EAAuBkB,OAAAC,OAAA,CAAA,EAAAU"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("../../DropdownWrapper.js");const o=({onChange:o,extra:n,val:a,isLoading:i,errors:t,disabled:s,onSearch:d,optionsErrorState:u,onRetryOptionsFetch:c})=>{var v;const[p,f]=l.useState([]),h=a;return l.useEffect((()=>{var e;const l=(null==n?void 0:n.options)&&Array.isArray(n.options)?n.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==h?void 0:h.find((l=>l.id===e.id))),label:e.name,value:e.id}))):[],r=null!==(e=null==h?void 0:h.map((e=>e.id)))&&void 0!==e?e:[],o=[...l.filter((e=>!r.includes(e.value)))].concat((null!=h?h:[]).map((e=>({value:e.id,label:e.name}))));null==h||h.forEach((({name:e,id:l})=>{const r=o.findIndex((r=>r.value===l&&r.label===e));-1!==r&&(o[r].selected=!0)})),f([...o])}),[n,h]),e.jsx("div",{children:e.jsx(r.default,{onSearch:d,disabled:s,allowFreeForm:null===(v=null==n?void 0:n.freeForm)||void 0===v||v,isSearchable:!0,isLoading:i,optionsErrorState:u,onRetryOptionsFetch:c,error:null==t?void 0:t.val,isMultiSelect:!0,options:p,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var r,o;e.options?null===(r=e.options)||void 0===r||r.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(o=e.label)&&void 0!==o?o:"",id:e.value})})),null==o||o(l)}}})})};exports.default=l=>e.jsx(o,Object.assign({},l));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("../../DropdownWrapper.js");const o=o=>{let{onChange:n,extra:a,val:i,isLoading:t,errors:s,disabled:d,onSearch:u,optionsErrorState:c,onRetryOptionsFetch:v}=o;var p;const[f,h]=l.useState([]),b=i;return l.useEffect((()=>{var e;const l=(null==a?void 0:a.options)&&Array.isArray(a.options)?a.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==b?void 0:b.find((l=>l.id===e.id))),label:e.name,value:e.id}))):[],r=null!==(e=null==b?void 0:b.map((e=>e.id)))&&void 0!==e?e:[],o=[...l.filter((e=>!r.includes(e.value)))].concat((null!=b?b:[]).map((e=>({value:e.id,label:e.name}))));null==b||b.forEach((e=>{let{name:l,id:r}=e;const n=o.findIndex((e=>e.value===r&&e.label===l));-1!==n&&(o[n].selected=!0)})),h([...o])}),[a,b]),e.jsx("div",{children:e.jsx(r.default,{onSearch:u,disabled:d,allowFreeForm:null===(p=null==a?void 0:a.freeForm)||void 0===p||p,isSearchable:!0,isLoading:t,optionsErrorState:c,onRetryOptionsFetch:v,error:null==s?void 0:s.val,isMultiSelect:!0,options:f,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var r,o;e.options?null===(r=e.options)||void 0===r||r.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(o=e.label)&&void 0!==o?o:"",id:e.value})})),null==n||n(l)}}})})};exports.default=l=>e.jsx(o,Object.assign({},l));
 //# sourceMappingURL=MultiselectDropdownFreeText.js.map

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiselectDropdownFreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport {\n\tConnectorComponentProps,\n\tExtraOption,\n} from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport DropdownWrapper from '../../DropdownWrapper';\n\nconst MultiselectDropdownFreeText: React.FC<ConnectorComponentProps> = ({\n\tonChange,\n\textra,\n\tval: values,\n\tisLoading,\n\terrors,\n\tdisabled,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [options, setOptions] = useState<ExtraOption>([]);\n\tconst val = values as QueryBuilderAPIData[];\n\n\tfunction handleOnSelect(optionListArg: DropdownOption | DropdownOption[]) {\n\t\tif (Array.isArray(optionListArg)) {\n\t\t\tconst optionList = optionListArg as DropdownOption[];\n\t\t\tconst optionsToPass: QueryBuilderAPIData[] = [];\n\n\t\t\toptionList.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options?.forEach((op) => {\n\t\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\t\tname: op.label,\n\t\t\t\t\t\t\tid: op.value,\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\tname: option.label ?? '',\n\t\t\t\t\t\tid: (option as SingleOption).value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t/** this will be true always */\n\t\t\tonChange?.(optionsToPass);\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst newOptions: DropdownOption[] = extra?.options\n\t\t\t? Array.isArray(extra.options)\n\t\t\t\t? (extra.options as QueryBuilderAPIData[])\n\t\t\t\t\t\t.filter((option) => !!Object.keys(option).length)\n\t\t\t\t\t\t.map((option) => {\n\t\t\t\t\t\t\tconst isChecked = val?.find((op) => op.id === option.id);\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tselected: !!isChecked,\n\t\t\t\t\t\t\t\tlabel: option.name,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t} as DropdownOption;\n\t\t\t\t\t\t})\n\t\t\t\t: [] /** will never be true for this */\n\t\t\t: [];\n\n\t\tconst allValIds = val?.map((v) => v.id) ?? [];\n\n\t\tconst toAddFromVal: DropdownOption[] = [\n\t\t\t...newOptions.filter(\n\t\t\t\t(v) => !allValIds.includes((v as SingleOption).value),\n\t\t\t),\n\t\t].concat(\n\t\t\t(val ?? []).map(\n\t\t\t\t(v) => ({ value: v.id, label: v.name } as DropdownOption),\n\t\t\t),\n\t\t);\n\n\t\tval?.forEach(({ name, id }) => {\n\t\t\tconst valPresent = toAddFromVal.findIndex((option) => {\n\t\t\t\treturn (option as SingleOption).value === id && option.label === name;\n\t\t\t});\n\n\t\t\tif (valPresent !== -1) {\n\t\t\t\t(toAddFromVal[valPresent] as SingleOption).selected = true;\n\t\t\t}\n\t\t});\n\n\t\tsetOptions([...toAddFromVal]);\n\t}, [extra, val]);\n\n\treturn (\n\t\t<div>\n\t\t\t<DropdownWrapper\n\t\t\t\tonSearch={\n\t\t\t\t\tonSearch as\n\t\t\t\t\t\t| ((searchKey: string) => Promise<DropdownOption[]>)\n\t\t\t\t\t\t| undefined\n\t\t\t\t}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={extra?.freeForm ?? true}\n\t\t\t\tisSearchable\n\t\t\t\tisLoading={isLoading}\n\t\t\t\toptionsErrorState={optionsErrorState}\n\t\t\t\tonRetryOptionsFetch={onRetryOptionsFetch}\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tisMultiSelect\n\t\t\t\toptions={options as DropdownOption[]}\n\t\t\t\tonSelect={handleOnSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<MultiselectDropdownFreeText {...props} />\n);\n"],"names":["MultiselectDropdownFreeText","onChange","extra","val","values","isLoading","errors","disabled","onSearch","optionsErrorState","onRetryOptionsFetch","options","setOptions","useState","useEffect","newOptions","Array","isArray","filter","option","Object","keys","length","map","selected","find","op","id","label","name","value","allValIds","_a","v","toAddFromVal","includes","concat","forEach","valPresent","findIndex","_jsx","children","jsx","DropdownWrapper","allowFreeForm","freeForm","isSearchable","error","isMultiSelect","onSelect","optionListArg","optionsToPass","push","_b","props","assign"],"mappings":"gKAaA,MAAMA,EAAiEA,EACtEC,WACAC,QACAC,IAAKC,EACLC,YACAC,SACAC,WACAC,WACAC,oBACAC,gCAEA,MAAOC,EAASC,GAAcC,EAAQA,SAAc,IAC9CV,EAAMC,EAqEZ,OAzCAU,EAAAA,WAAU,WACT,MAAMC,GAA+Bb,aAAK,EAALA,EAAOS,UACzCK,MAAMC,QAAQf,EAAMS,SAClBT,EAAMS,QACNO,QAAQC,KAAaC,OAAOC,KAAKF,GAAQG,SACzCC,KAAKJ,IAEE,CACNK,YAFiBrB,aAAA,EAAAA,EAAKsB,MAAMC,GAAOA,EAAGC,KAAOR,EAAOQ,MAGpDC,MAAOT,EAAOU,KACdC,MAAOX,EAAOQ,OAIjB,GAEGI,EAAqC,QAAzBC,EAAA7B,aAAG,EAAHA,EAAKoB,KAAKU,GAAMA,EAAEN,YAAO,IAAAK,EAAAA,EAAA,GAErCE,EAAiC,IACnCnB,EAAWG,QACZe,IAAOF,EAAUI,SAAUF,EAAmBH,UAE/CM,QACAjC,QAAAA,EAAO,IAAIoB,KACVU,IAAO,CAAEH,MAAOG,EAAEN,GAAIC,MAAOK,EAAEJ,UAIlC1B,SAAAA,EAAKkC,SAAQ,EAAGR,OAAMF,SACrB,MAAMW,EAAaJ,EAAaK,WAAWpB,GAClCA,EAAwBW,QAAUH,GAAMR,EAAOS,QAAUC,KAG9C,IAAhBS,IACFJ,EAAaI,GAA6Bd,UAAW,EACtD,IAGFZ,EAAW,IAAIsB,GAAc,GAC3B,CAAChC,EAAOC,IAGVqC,EAAAA,IAAA,MAAA,CAAAC,SACCD,EAACE,IAAAC,UACA,CAAAnC,SACCA,EAIDD,SAAUA,EACVqC,cAA8B,QAAfZ,EAAA9B,aAAK,EAALA,EAAO2C,gBAAQ,IAAAb,GAAAA,EAC9Bc,cAAY,EACZzC,UAAWA,EACXI,kBAAmBA,EACnBC,oBAAqBA,EACrBqC,MAAOzC,aAAA,EAAAA,EAAQH,IACf6C,eACA,EAAArC,QAASA,EACTsC,SApFH,SAAwBC,GACvB,GAAIlC,MAAMC,QAAQiC,GAAgB,CACjC,MACMC,EAAuC,GAD1BD,EAGRb,SAASlB,YACdA,EAAyBR,QACI,QAAhCqB,EAAAb,EAAyBR,eAAO,IAAAqB,GAAAA,EAAEK,SAASX,IAC3CyB,EAAcC,KAAK,CAClBvB,KAAMH,EAAGE,MACTD,GAAID,EAAGI,OACN,IAGHqB,EAAcC,KAAK,CAClBvB,aAAMwB,EAAAlC,EAAOS,qBAAS,GACtBD,GAAKR,EAAwBW,OAE9B,IAIF7B,SAAAA,EAAWkD,EACX,CACF,KA8DO,kBAKQG,GACfd,EAACE,IAAA1C,EAAgCoB,OAAAmC,OAAA,CAAA,EAAAD"}
+{"version":3,"file":"MultiselectDropdownFreeText.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n\tDropdownOption,\n\tGroupedOption,\n\tSingleOption,\n} from '@src/components/dropdown/type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport {\n\tConnectorComponentProps,\n\tExtraOption,\n} from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport DropdownWrapper from '../../DropdownWrapper';\n\nconst MultiselectDropdownFreeText: React.FC<ConnectorComponentProps> = ({\n\tonChange,\n\textra,\n\tval: values,\n\tisLoading,\n\terrors,\n\tdisabled,\n\tonSearch,\n\toptionsErrorState,\n\tonRetryOptionsFetch,\n}) => {\n\tconst [options, setOptions] = useState<ExtraOption>([]);\n\tconst val = values as QueryBuilderAPIData[];\n\n\tfunction handleOnSelect(optionListArg: DropdownOption | DropdownOption[]) {\n\t\tif (Array.isArray(optionListArg)) {\n\t\t\tconst optionList = optionListArg as DropdownOption[];\n\t\t\tconst optionsToPass: QueryBuilderAPIData[] = [];\n\n\t\t\toptionList.forEach((option) => {\n\t\t\t\tif ((option as GroupedOption).options) {\n\t\t\t\t\t(option as GroupedOption).options?.forEach((op) => {\n\t\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\t\tname: op.label,\n\t\t\t\t\t\t\tid: op.value,\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\toptionsToPass.push({\n\t\t\t\t\t\tname: option.label ?? '',\n\t\t\t\t\t\tid: (option as SingleOption).value,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t/** this will be true always */\n\t\t\tonChange?.(optionsToPass);\n\t\t}\n\t}\n\n\tuseEffect(() => {\n\t\tconst newOptions: DropdownOption[] = extra?.options\n\t\t\t? Array.isArray(extra.options)\n\t\t\t\t? (extra.options as QueryBuilderAPIData[])\n\t\t\t\t\t\t.filter((option) => !!Object.keys(option).length)\n\t\t\t\t\t\t.map((option) => {\n\t\t\t\t\t\t\tconst isChecked = val?.find((op) => op.id === option.id);\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tselected: !!isChecked,\n\t\t\t\t\t\t\t\tlabel: option.name,\n\t\t\t\t\t\t\t\tvalue: option.id,\n\t\t\t\t\t\t\t} as DropdownOption;\n\t\t\t\t\t\t})\n\t\t\t\t: [] /** will never be true for this */\n\t\t\t: [];\n\n\t\tconst allValIds = val?.map((v) => v.id) ?? [];\n\n\t\tconst toAddFromVal: DropdownOption[] = [\n\t\t\t...newOptions.filter(\n\t\t\t\t(v) => !allValIds.includes((v as SingleOption).value),\n\t\t\t),\n\t\t].concat(\n\t\t\t(val ?? []).map(\n\t\t\t\t(v) => ({ value: v.id, label: v.name } as DropdownOption),\n\t\t\t),\n\t\t);\n\n\t\tval?.forEach(({ name, id }) => {\n\t\t\tconst valPresent = toAddFromVal.findIndex((option) => {\n\t\t\t\treturn (option as SingleOption).value === id && option.label === name;\n\t\t\t});\n\n\t\t\tif (valPresent !== -1) {\n\t\t\t\t(toAddFromVal[valPresent] as SingleOption).selected = true;\n\t\t\t}\n\t\t});\n\n\t\tsetOptions([...toAddFromVal]);\n\t}, [extra, val]);\n\n\treturn (\n\t\t<div>\n\t\t\t<DropdownWrapper\n\t\t\t\tonSearch={\n\t\t\t\t\tonSearch as\n\t\t\t\t\t\t| ((searchKey: string) => Promise<DropdownOption[]>)\n\t\t\t\t\t\t| undefined\n\t\t\t\t}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tallowFreeForm={extra?.freeForm ?? true}\n\t\t\t\tisSearchable\n\t\t\t\tisLoading={isLoading}\n\t\t\t\toptionsErrorState={optionsErrorState}\n\t\t\t\tonRetryOptionsFetch={onRetryOptionsFetch}\n\t\t\t\terror={errors?.val as string}\n\t\t\t\tisMultiSelect\n\t\t\t\toptions={options as DropdownOption[]}\n\t\t\t\tonSelect={handleOnSelect}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => (\n\t<MultiselectDropdownFreeText {...props} />\n);\n"],"names":["MultiselectDropdownFreeText","_ref","onChange","extra","val","values","isLoading","errors","disabled","onSearch","optionsErrorState","onRetryOptionsFetch","options","setOptions","useState","useEffect","newOptions","Array","isArray","filter","option","Object","keys","length","map","selected","find","op","id","label","name","value","allValIds","_a","v","toAddFromVal","includes","concat","forEach","_ref2","valPresent","findIndex","_jsx","children","jsx","DropdownWrapper","allowFreeForm","freeForm","isSearchable","error","isMultiSelect","onSelect","optionListArg","optionsToPass","push","_b","props","assign"],"mappings":"gKAaA,MAAMA,EAAiEC,IAUlE,IAVmEC,SACvEA,EAAQC,MACRA,EACAC,IAAKC,EAAMC,UACXA,EAASC,OACTA,EAAMC,SACNA,EAAQC,SACRA,EAAQC,kBACRA,EAAiBC,oBACjBA,GACAV,QACA,MAAOW,EAASC,GAAcC,EAAQA,SAAc,IAC9CV,EAAMC,EAqEZ,OAzCAU,EAAAA,WAAU,WACT,MAAMC,GAA+Bb,aAAK,EAALA,EAAOS,UACzCK,MAAMC,QAAQf,EAAMS,SAClBT,EAAMS,QACNO,QAAQC,KAAaC,OAAOC,KAAKF,GAAQG,SACzCC,KAAKJ,IAEE,CACNK,YAFiBrB,aAAA,EAAAA,EAAKsB,MAAMC,GAAOA,EAAGC,KAAOR,EAAOQ,MAGpDC,MAAOT,EAAOU,KACdC,MAAOX,EAAOQ,OAIjB,GAEGI,EAAqC,QAAzBC,EAAA7B,aAAG,EAAHA,EAAKoB,KAAKU,GAAMA,EAAEN,YAAO,IAAAK,EAAAA,EAAA,GAErCE,EAAiC,IACnCnB,EAAWG,QACZe,IAAOF,EAAUI,SAAUF,EAAmBH,UAE/CM,QACAjC,QAAAA,EAAO,IAAIoB,KACVU,IAAO,CAAEH,MAAOG,EAAEN,GAAIC,MAAOK,EAAEJ,UAIlC1B,SAAAA,EAAKkC,SAAQC,IAAiB,IAAhBT,KAAEA,EAAIF,GAAEA,GAAIW,EACzB,MAAMC,EAAaL,EAAaM,WAAWrB,GAClCA,EAAwBW,QAAUH,GAAMR,EAAOS,QAAUC,KAG9C,IAAhBU,IACFL,EAAaK,GAA6Bf,UAAW,EACtD,IAGFZ,EAAW,IAAIsB,GAAc,GAC3B,CAAChC,EAAOC,IAGVsC,EAAAA,IAAA,MAAA,CAAAC,SACCD,EAACE,IAAAC,UACA,CAAApC,SACCA,EAIDD,SAAUA,EACVsC,cAA8B,QAAfb,EAAA9B,aAAK,EAALA,EAAO4C,gBAAQ,IAAAd,GAAAA,EAC9Be,cAAY,EACZ1C,UAAWA,EACXI,kBAAmBA,EACnBC,oBAAqBA,EACrBsC,MAAO1C,aAAA,EAAAA,EAAQH,IACf8C,eACA,EAAAtC,QAASA,EACTuC,SApFH,SAAwBC,GACvB,GAAInC,MAAMC,QAAQkC,GAAgB,CACjC,MACMC,EAAuC,GAD1BD,EAGRd,SAASlB,YACdA,EAAyBR,QACI,QAAhCqB,EAAAb,EAAyBR,eAAO,IAAAqB,GAAAA,EAAEK,SAASX,IAC3C0B,EAAcC,KAAK,CAClBxB,KAAMH,EAAGE,MACTD,GAAID,EAAGI,OACN,IAGHsB,EAAcC,KAAK,CAClBxB,aAAMyB,EAAAnC,EAAOS,qBAAS,GACtBD,GAAKR,EAAwBW,OAE9B,IAIF7B,SAAAA,EAAWmD,EACX,CACF,KA8DO,kBAKQG,GACfd,EAAAA,IAAC1C,EAAgCqB,OAAAoC,OAAA,CAAA,EAAAD"}

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/NumberTime.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),n=require("./IntegerPositiveSingle.js");const s=({val:s,onChange:t,errors:i,nativeID:a,disabled:l,connectorType:o})=>{const d=parseInt(null==s?void 0:s.toString())>1?"days":"day";return e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(n.default,{connectorType:o,disabled:l,nativeID:a,val:null!=s?s:1,onChange:t,errors:i}),e.jsx("div",{children:e.jsx(r.BodySecondary,{children:d})})]}))};exports.default=r=>e.jsx(s,Object.assign({},r));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../TypographyStyle.js"),n=require("./IntegerPositiveSingle.js");const s=s=>{let{val:t,onChange:i,errors:a,nativeID:l,disabled:o,connectorType:d}=s;const c=parseInt(null==t?void 0:t.toString())>1?"days":"day";return e.jsxs("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:8,alignItems:"center"}},{children:[e.jsx(n.default,{connectorType:d,disabled:o,nativeID:l,val:null!=t?t:1,onChange:i,errors:a}),e.jsx("div",{children:e.jsx(r.BodySecondary,{children:c})})]}))};exports.default=r=>e.jsx(s,Object.assign({},r));
 //# sourceMappingURL=NumberTime.js.map