npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807-beta.2 → 0.0.808-beta.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1549) hide show

package/dist/esm/components/QueryBuilder/components/Connectors/Components/EmojiPicker.js.map CHANGED Viewed

	@@ -1 +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","import","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","EmojiInput","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","EmojiPickerConnector","props","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":"grBAaA,MAAMA,EAAkBC,EAAMC,MAAK,IAAWC,OAAA,OAAA,OAAA,GAAA,YAE7C,MAAO,CAAEC,eADSC,OAAO,uBACHD,QACvB,MAOME,~~EAAiDC~~,~~IAMlD~~,~~IANmDC~~,~~IACvDA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~OACRA~~,~~EAAMC,SACNA,EAAQC,SACRA,GACAL,EACA,MAAOM,~~EAAYC,GAAiBC,GAAkB,GAChDC,GAAUC,MAAMC,QAAQV,GAAOA,EAAM,IAAIW,KAAKC,GAC5CA,IAEFC,EAAMC,IAMZ,OAJAC,EAAWF,GAAK,KACfP,GAAc,EAAM,IAIpBU,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYC,QAASjB,EAAW,GAAM,EAAGkB,MAAO,KACnEC,GAAIpB,GAAQ,CAAAqB,SAAA,GAETpB,GACFqB,EAAA,MAAA,CACCN,MAAO,CACNC,SAAU,WACVE,MAAO,OACPI,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAIXb,EAACc,aACAL,EAACM,EACA,CAAAC,MAAO9B,aAAM,EAANA,EAAQF,IACfiC,cAAehC,EACfiC,0BAA2B,CAC1BC,QAAS,oBAEVC,eAAgB,CAAC,GAAI,KACrBC,YAAa,aACbC,MAAO9B,IAGRiB,EAACc,EAAc,CAAAf,SACdC,EAACe,GAAWC,KAAMC,EAAWC,QAASA,IAAMrC,GAAc,OAE1DD,GACAoB,EAAA,MAAAR,OAAAC,OAAA,CACCL,IAAKA,EACL+B,UAAU,mBAAiB,CAAApB,SAE3BC,EAACoB,EAAQ5B,OAAAC,OAAA,CAAC4B,SAAU,MACnB,CAAAtB,SAAAC,~~EAACjC~~,EACA,~~CAAAuD~~,cAAe,CAAEC,aAAa,GAC9BC,qBACAC,gBAAc,EACdC,MAAO,OACPC,WAAY,SACZC,aAAeC,IACC9C,EAAO+C,MAAMC,GAAOF,EAAMA,QAAUE,KAEnDvD,SAAAA,EAAW,IACPO,EACH8C,EAAMA,OAC8B,gBAOtC,EAIgB,SAAAG,EAAqBC,GAC5C,OAAOjC,~~EAAC3B~~,~~EAAgBmB~~,OAAAC,OAAA,CAAA,EAAAwC,GACzB,CAEA,MAAMnB,EAAcoB,EAAA,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,IAMdtC,EAAU6B,EAAA,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"}
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","import","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","EmojiInput","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","EmojiPickerConnector","props","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":"grBAaA,MAAMA,EAAkBC,EAAMC,MAAK,IAAWC,OAAA,OAAA,OAAA,GAAA,YAE7C,MAAO,CAAEC,eADSC,OAAO,uBACHD,QACvB,MAOME,EAAiDA,EACtDC,MACAC,WACAC,SACAC,WACAC,eAEA,MAAOC,EAAYC,GAAiBC,GAAkB,GAChDC,GAAUC,MAAMC,QAAQV,GAAOA,EAAM,IAAIW,KAAKC,GAC5CA,IAEFC,EAAMC,IAMZ,OAJAC,EAAWF,GAAK,KACfP,GAAc,EAAM,IAIpBU,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYC,QAASjB,EAAW,GAAM,EAAGkB,MAAO,KACnEC,GAAIpB,GAAQ,CAAAqB,SAAA,GAETpB,GACFqB,EAAA,MAAA,CACCN,MAAO,CACNC,SAAU,WACVE,MAAO,OACPI,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAIXb,EAACc,aACAL,EAACM,EACA,CAAAC,MAAO9B,aAAM,EAANA,EAAQF,IACfiC,cAAehC,EACfiC,0BAA2B,CAC1BC,QAAS,oBAEVC,eAAgB,CAAC,GAAI,KACrBC,YAAa,aACbC,MAAO9B,IAGRiB,EAACc,EAAc,CAAAf,SACdC,EAACe,GAAWC,KAAMC,EAAWC,QAASA,IAAMrC,GAAc,OAE1DD,GACAoB,EAAA,MAAAR,OAAAC,OAAA,CACCL,IAAKA,EACL+B,UAAU,mBAAiB,CAAApB,SAE3BC,EAACoB,EAAQ5B,OAAAC,OAAA,CAAC4B,SAAU,MACnB,CAAAtB,SAAAC,EAAChC,EACA,CAAAsD,cAAe,CAAEC,aAAa,GAC9BC,qBACAC,gBAAc,EACdC,MAAO,OACPC,WAAY,SACZC,aAAeC,IACC9C,EAAO+C,MAAMC,GAAOF,EAAMA,QAAUE,KAEnDvD,SAAAA,EAAW,IACPO,EACH8C,EAAMA,OAC8B,gBAOtC,EAIgB,SAAAG,EAAqBC,GAC5C,OAAOjC,EAAC1B,EAAgBkB,OAAAC,OAAA,CAAA,EAAAwC,GACzB,CAEA,MAAMnB,EAAcoB,EAAA,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,IAMdtC,EAAU6B,EAAA,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"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/FreeText.js CHANGED Viewed

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/FreeText.js.map CHANGED Viewed

	@@ -1 +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","~~_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","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","minWidth","createChipKeys","placeholder","chips","FreeText$1","props"],"mappings":"gGASA,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,EAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CAAEC,SAAU,WAAYC,QAASZ,EAAW,GAAM,GACzDM,GAAIP,GAEH,CAAAc,SAAA,GAAEb,GACFc,EAAA,MAAA,CACCJ,MAAO,CACNC,SAAU,WACVI,MAAO,OACPC,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAKXL,EAACM,GACAC,MAAOvB,eAAAA,EAAQF,IACf0B,cAAezB,EACf0B,0BAA2B,CAC1BC,QAAS,UACTC,SAAU,KAEXC,eAAgB,CAAC,GAAI,KACrBC,YAAa,kCACbC,MAAO3B,OAEH,EAIR,IAAA4B,EAAgBC,GAAmChB,~~EAACpB~~,~~EAAQc~~,OAAAC,OAAA,CAAA,EAAKqB"}
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","ChipInput","error","onChipsChange","chipsContainerCustomStyle","padding","minWidth","createChipKeys","placeholder","chips","FreeText$1","props"],"mappings":"gGASA,MAAMA,EAA8CA,EACnDC,MACAC,WACAC,SACAC,WACAC,eAEA,MAAMC,GAAUC,MAAMC,QAAQP,GAAOA,EAAM,IAAIQ,KAAKC,GAC9B,iBAAVA,EACHA,EAAMC,GAEPD,IAGR,OACCE,EAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CAAEC,SAAU,WAAYC,QAASZ,EAAW,GAAM,GACzDM,GAAIP,GAEH,CAAAc,SAAA,GAAEb,GACFc,EAAA,MAAA,CACCJ,MAAO,CACNC,SAAU,WACVI,MAAO,OACPC,OAAQ,OACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,KAKXL,EAACM,GACAC,MAAOvB,eAAAA,EAAQF,IACf0B,cAAezB,EACf0B,0BAA2B,CAC1BC,QAAS,UACTC,SAAU,KAEXC,eAAgB,CAAC,GAAI,KACrBC,YAAa,kCACbC,MAAO3B,OAEH,EAIR,IAAA4B,EAAgBC,GAAmChB,EAACnB,EAAQa,OAAAC,OAAA,CAAA,EAAKqB"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"styled-components";import{BodySecondary as t}from"../../../../TypographyStyle.js";import n from"./IntegerPositiveSingle.js";const i=o.div`
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import o from"styled-components";import{BodySecondary as t}from"../../../../TypographyStyle.js";import i from"./IntegerPositiveSingle.js";const n=o.div`
 	flex-direction: row;
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,s=o=>{let{val:s,onChange:a,errors:l,disabled:p,connectorType:c}=o;return r(i,{children:[e(n,{disabled:p,val:s,onChange:a,errors:l,connectorType:c}),e(t,{children:"time(s)"})]})};var a=r=>e(s,Object.assign({},r));export{a as default};
+`,s=({val:o,onChange:s,errors:a,disabled:l,connectorType:p})=>r(n,{children:[e(i,{disabled:l,val:o,onChange:s,errors:a,connectorType:p}),e(t,{children:"time(s)"})]});var a=r=>e(s,Object.assign({},r));export{a as default};
 //# sourceMappingURL=FrequencyIntegerPositiveSingle.js.map

package/dist/esm/components/QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js.map CHANGED Viewed

	@@ -1 +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","styled","div","FrequencyIntegerPositiveSingle","~~_ref","~~val","onChange","errors","disabled","connectorType","_jsxs","children","_jsx","IntegerPositiveSingle","BodySecondary","FrequencyIntegerPositiveSingle$1","props","Object","assign"],"mappings":"4LAMA,MAAMA,EAAYC,EAAOC,GAAG;;;;;EAOtBC,~~EAAoEC~~,~~IAMrE~~,~~IANsEC~~,~~IAC1EA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~OACRA~~,~~EAAMC,SACNA,EAAQC,cACRA,GACAL,EACA,OACCM,EAACV,~~EAAS,~~CAAAW~~,SAAA,CACTC,EAACC,EAAqB,CACrBL,SAAUA,EACVH,IAAKA,EACLC,SAAUA,EACVC,OAAQA,EACRE,cAAeA,IAEhBG,EAACE,EAAqC,CAAAH,SAAA,~~cAC3B~~,~~EAKd,~~IAAAI,EAAgBC,GACfJ,~~EAACT~~,~~EAAmCc~~,OAAAC,OAAA,CAAA,EAAAF"}
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","styled","div","FrequencyIntegerPositiveSingle","val","onChange","errors","disabled","connectorType","_jsxs","children","_jsx","IntegerPositiveSingle","BodySecondary","FrequencyIntegerPositiveSingle$1","props","Object","assign"],"mappings":"4LAMA,MAAMA,EAAYC,EAAOC,GAAG;;;;;EAOtBC,EAAoEA,EACzEC,MACAC,WACAC,SACAC,WACAC,mBAGCC,EAACT,EAAS,CAAAU,SAAA,CACTC,EAACC,EAAqB,CACrBL,SAAUA,EACVH,IAAKA,EACLC,SAAUA,EACVC,OAAQA,EACRE,cAAeA,IAEhBG,EAACE,EAAqC,CAAAH,SAAA,eAMzC,IAAAI,EAAgBC,GACfJ,EAACR,EAAmCa,OAAAC,OAAA,CAAA,EAAAF"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IgPicker.js.map CHANGED Viewed

	@@ -1 +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","PlusIcon","color","COLORS","content","negative","secondary","width","height","marginBottom","BodySecondary","primary","unCamelCase","media","ProductCard","src","alt","target","rel","href","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","placeholder","updatedMedia","filter","onChange","call","undefined","handleDeleteSelection","CrossIcon","PostPicker","limit","selected","onSelect","selection","title","MEDIA_TYPES","POST","REEL","onClose","PostIgPicker","ReelIgPicker","StoryIgPicker","STORY","_styled","process","env","NODE_ENV","label","background","brandLight","brand","stroke","surface","subdued"],"mappings":"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"}
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","PlusIcon","color","COLORS","content","negative","secondary","width","height","marginBottom","BodySecondary","primary","unCamelCase","media","ProductCard","src","alt","target","rel","href","InstagramIcon","BodyPrimary","PRIMARY","fontWeight","BodyCaption","placeholder","updatedMedia","filter","onChange","call","undefined","handleDeleteSelection","CrossIcon","PostPicker","limit","selected","onSelect","selection","title","MEDIA_TYPES","POST","REEL","onClose","PostIgPicker","ReelIgPicker","StoryIgPicker","STORY","_styled","process","env","NODE_ENV","label","background","brandLight","brand","stroke","surface","subdued"],"mappings":"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"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import I from"@emotion/styled/base";import{jsx as g,jsxs as l}from"react/jsx-runtime";import{useState as C,useEffect as c}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as b}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import{QueryBuilderConnectorType as e}from"../../../types/QueryBuilderEnum.type.js";import A from"../../InputLoader.js";const n=I("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)."}}),i=I=>I===e.exactly||I===e.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],t=I=>{let{val:e,onChange:t,errors:s,isLoading:u,disabled:p,connectorType:m}=I;var y,B;const[G,a]=C(i(m)),X=null!==(y=null==e?void 0:e[1])&&void 0!==y?y:"days",H=null!==(B=null==e?void 0:e[0])&&void 0!==B?B:"1";return c((()=>{var I,g;const l=i(m),C=l.map((I=>I.value)),c=null!==(I=null==e?void 0:e[1])&&void 0!==I?I:"days",d=C.includes(c)?c:"days";a(l.map((I=>Object.assign(Object.assign({},I),{selected:d===I.value})))),d!==c&&(null==t||t([null!==(g=null==e?void 0:e[0])&&void 0!==g?g:"1",d]))}),[m,e]),c((()=>{var I;if(void 0===(null==e?void 0:e[0])){const g=null!==(I=null==e?void 0:e[1])&&void 0!==I?I:"days";null==t||t(["1",g])}}),[]),u?g("div",Object.assign({style:{width:200}},{children:g(A,{containerStyle:{padding:"5px 8px"}})})):g(b.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:l(n,{children:[g(o,{type:"number",variant:"small",state:p?"disabled":"none",errorMessage:null==s?void 0:s.val,value:H,onChangeText:I=>null==t?void 0:t([I,X])}),g(d,{disabled:p,placeHolder:"Time",width:"108px",size:"small",options:G,onSelect:I=>{null==t||t([H,I.value])}})]})}))},s=I=>g(t,Object.assign({},I));export{s as default};
+import I from"@emotion/styled/base";import{jsx as g,jsxs as l}from"react/jsx-runtime";import{useState as C,useEffect as c}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as d}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as o}from"../../../../input/Input.js";import{InputStyleContext as b}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import{QueryBuilderConnectorType as A}from"../../../types/QueryBuilderEnum.type.js";import e from"../../InputLoader.js";const n=I("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)."}}),i=I=>I===A.exactly||I===A.dateDaysOnly?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],t=({val:I,onChange:A,errors:t,isLoading:s,disabled:u,connectorType:p})=>{var m,y;const[B,G]=C(i(p)),a=null!==(m=null==I?void 0:I[1])&&void 0!==m?m:"days",X=null!==(y=null==I?void 0:I[0])&&void 0!==y?y:"1";return c((()=>{var g,l;const C=i(p),c=C.map((I=>I.value)),d=null!==(g=null==I?void 0:I[1])&&void 0!==g?g:"days",o=c.includes(d)?d:"days";G(C.map((I=>Object.assign(Object.assign({},I),{selected:o===I.value})))),o!==d&&(null==A||A([null!==(l=null==I?void 0:I[0])&&void 0!==l?l:"1",o]))}),[p,I]),c((()=>{var g;if(void 0===(null==I?void 0:I[0])){const l=null!==(g=null==I?void 0:I[1])&&void 0!==g?g:"days";null==A||A(["1",l])}}),[]),s?g("div",Object.assign({style:{width:200}},{children:g(e,{containerStyle:{padding:"5px 8px"}})})):g(b.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:l(n,{children:[g(o,{type:"number",variant:"small",state:u?"disabled":"none",errorMessage:null==t?void 0:t.val,value:X,onChangeText:I=>null==A?void 0:A([I,a])}),g(d,{disabled:u,placeHolder:"Time",width:"108px",size:"small",options:B,onSelect:I=>{null==A||A([X,I.value])}})]})}))},s=I=>g(t,Object.assign({},I));export{s as default};
 //# sourceMappingURL=InTheLast.js.map

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTheLast.js.map CHANGED Viewed

	@@ -1 +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","_styled","process","env","NODE_ENV","target","label","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","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","type","variant","state","errorMessage","onChangeText","text","Dropdown","placeHolder","size","onSelect","option","InTheLastWrapper","props"],"mappings":"+7CAUA,MAAMA,EAASC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,4CAAA,CAAAD,KAAA,UAAAC,OAAA,2CAAAC,IAAA,s2KAAAC,+PAMTC,EAAeC,GAEnBA,IAAkBC,EAA0BC,SAC5CF,IAAkBC,EAA0BE,aAErC,CACN,CACCT,MAAO,SACPU,MAAO,SAIF,CACN,CACCV,MAAO,SACPU,MAAO,QAER,CAAEV,MAAO,YAAaU,MAAO,WAC7B,CAAEV,MAAO,UAAWU,MAAO,UAKxBC,EAA+CC,~~IAOhD~~,~~IAPiDC~~,~~IACrDA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~OACRA~~,~~EAAMC~~,~~UACNA,~~EAASC,~~SACTA,EAAQX,cACRA,GACAM,UACA,MAAOM,EAASC,~~GAAcC,~~EAASf~~,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,GAAU,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,GAAU,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,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQX,OAAAC,OAAA,~~CAC1BxB~~,MAAO,~~CACNmC~~,aAAc,CACbP,MAAO,OAER,CAAAC,SAEDO,~~EAACpD~~,EAAS,~~CAAA6C~~,SAAA,CACTH,EAACW,EAAK,CACLC,KAAK,SACLC,QAAQ,QACRC,MAAOjC,EAAW,WAAa,OAC/BkC,aAAcpC,aAAM,EAANA,EAAQF,~~IACtBH~~,~~MAAOa~~,EACP6B,aAAeC,GAASvC,aAAA,EAAAA,EAAW,CAACuC,EAAMhC,MAE3Ce,EAACkB,EAAQ,CACRrC,SAAUA,EACVsC,YAAY,OACZjB,MAAM,QACNkB,KAAK,QACLtC,QAASA,EACTuC,SAAWC,IACV5C,SAAAA,EAAW,CAACS,EAAMmC,~~EAAwBhD~~,OAAO,SAIxB,~~EAIzBiD~~,EAAoBC,GACzBxB,~~EAACzB~~,~~EAASsB~~,OAAAC,OAAA,CAAA,EAAK0B"}
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","_styled","process","env","NODE_ENV","target","label","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","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","type","variant","state","errorMessage","onChangeText","text","Dropdown","placeHolder","size","onSelect","option","InTheLastWrapper","props"],"mappings":"+7CAUA,MAAMA,EAASC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,aAAA,CAAAA,OAAA,YAAAC,MAAA,aAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,4CAAA,CAAAD,KAAA,UAAAC,OAAA,2CAAAC,IAAA,s2KAAAC,+PAMTC,EAAeC,GAEnBA,IAAkBC,EAA0BC,SAC5CF,IAAkBC,EAA0BE,aAErC,CACN,CACCT,MAAO,SACPU,MAAO,SAIF,CACN,CACCV,MAAO,SACPU,MAAO,QAER,CAAEV,MAAO,YAAaU,MAAO,WAC7B,CAAEV,MAAO,UAAWU,MAAO,UAKxBC,EAA+CA,EACpDC,MACAC,WACAC,SACAC,YACAC,WACAV,4BAEA,MAAOW,EAASC,GAAcC,EAASd,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,GAAU,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,GAAU,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,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQX,OAAAC,OAAA,CAC1BvB,MAAO,CACNkC,aAAc,CACbP,MAAO,OAER,CAAAC,SAEDO,EAACnD,EAAS,CAAA4C,SAAA,CACTH,EAACW,EAAK,CACLC,KAAK,SACLC,QAAQ,QACRC,MAAOjC,EAAW,WAAa,OAC/BkC,aAAcpC,aAAM,EAANA,EAAQF,IACtBF,MAAOY,EACP6B,aAAeC,GAASvC,aAAA,EAAAA,EAAW,CAACuC,EAAMhC,MAE3Ce,EAACkB,EAAQ,CACRrC,SAAUA,EACVsC,YAAY,OACZjB,MAAM,QACNkB,KAAK,QACLtC,QAASA,EACTuC,SAAWC,IACV5C,SAAAA,EAAW,CAACS,EAAMmC,EAAwB/C,OAAO,SAIxB,EAIzBgD,EAAoBC,GACzBxB,EAACxB,EAASqB,OAAAC,OAAA,CAAA,EAAK0B"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as A,useEffect as l}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as c}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as d}from"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as b}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import{QueryBuilderConnectorType as o}from"../../../types/QueryBuilderEnum.type.js";import e from"../../InputLoader.js";const i=I("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)."}}),t=I=>I?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],s=I=>{let{val:s,onChange:u,errors:B,isLoading:m,disabled:X,connectorType:a}=I;var y,G,Z;const p=a===o.dateDaysOnly,[H,v]=A(t(p)),r=null!==(y=null==s?void 0:s.type)&&void 0!==y?y:"days",W=null!==(G=null==s?void 0:s.start)&&void 0!==G?G:"1",x=null!==(Z=null==s?void 0:s.offset)&&void 0!==Z?Z:"2";return l((()=>{var I,g,C;const A=a===o.dateDaysOnly,l=t(A),c=l.map((I=>I.value)),d=null!==(I=null==s?void 0:s.type)&&void 0!==I?I:"days",n=c.includes(d)?d:"days";v(l.map((I=>Object.assign(Object.assign({},I),{selected:n===I.value})))),n!==d&&(null==u||u({type:n,start:null!==(g=null==s?void 0:s.start)&&void 0!==g?g:"1",offset:null!==(C=null==s?void 0:s.offset)&&void 0!==C?C:"2"}))}),[a,s]),l((()=>{var I,g,C;if(void 0===(null==s?void 0:s.start)){const A=null!==(I=null==s?void 0:s.type)&&void 0!==I?I:"days",l=null!==(g=null==s?void 0:s.start)&&void 0!==g?g:"1",c=null!==(C=null==s?void 0:s.offset)&&void 0!==C?C:"2";null==u||u({type:A,start:l,offset:c})}}),[]),m?g("div",Object.assign({style:{width:200}},{children:g(e,{containerStyle:{padding:"5px 8px"}})})):g(b.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(i,{children:[g(n,{type:"number",variant:"small",state:X?"disabled":"none",errorMessage:null==B?void 0:B.val,value:x.toString(),onChangeText:I=>null==u?void 0:u({type:r,start:W,offset:I})}),g("div",{children:g(d,{children:"to"})}),g(n,{type:"number",variant:"small",state:X?"disabled":"none",errorMessage:null==B?void 0:B.val,value:W.toString(),onChangeText:I=>null==u?void 0:u({type:r,start:I,offset:x})}),g(c,{disabled:X,placeHolder:"Time",width:"108px",size:"small",options:H,onSelect:I=>{null==u||u({type:I.value,start:W,offset:x})}})]})}))};var u=I=>g(s,Object.assign({},I));export{u as default};
+import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import{useState as A,useEffect as l}from"react";import"../../../../dropdown/DropdownPopover/index.js";import{Dropdown as c}from"../../../../dropdown/Dropdown.js";import"../../../../dropdown/ChipDropdown.js";import"../../../../zeroState/ZeroState.js";import"../../../../../constants/Theme.js";import"../../../../../_virtual/_tslib.js";import"lodash/debounce";import{BodySecondary as d}from"../../../../TypographyStyle.js";import"../../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../../checkBox/CheckBox.styled.js";import"../../../../list-item/ListItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../../button/Button.js";import"../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../../icon-button/IconButton.js";import{Input as n}from"../../../../input/Input.js";import{InputStyleContext as b}from"../../../../input/context/InputStyleProvider.js";import"../../../../dropdown/MenuItem/MenuItem.js";import{QueryBuilderConnectorType as o}from"../../../types/QueryBuilderEnum.type.js";import i from"../../InputLoader.js";const e=I("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)."}}),t=I=>I?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],s=({val:I,onChange:s,errors:u,isLoading:B,disabled:m,connectorType:X})=>{var a,y,G;const Z=X===o.dateDaysOnly,[p,H]=A(t(Z)),v=null!==(a=null==I?void 0:I.type)&&void 0!==a?a:"days",r=null!==(y=null==I?void 0:I.start)&&void 0!==y?y:"1",W=null!==(G=null==I?void 0:I.offset)&&void 0!==G?G:"2";return l((()=>{var g,C,A;const l=X===o.dateDaysOnly,c=t(l),d=c.map((I=>I.value)),n=null!==(g=null==I?void 0:I.type)&&void 0!==g?g:"days",b=d.includes(n)?n:"days";H(c.map((I=>Object.assign(Object.assign({},I),{selected:b===I.value})))),b!==n&&(null==s||s({type:b,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"}))}),[X,I]),l((()=>{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",c=null!==(C=null==I?void 0:I.start)&&void 0!==C?C:"1",d=null!==(A=null==I?void 0:I.offset)&&void 0!==A?A:"2";null==s||s({type:l,start:c,offset:d})}}),[]),B?g("div",Object.assign({style:{width:200}},{children:g(i,{containerStyle:{padding:"5px 8px"}})})):g(b.Provider,Object.assign({value:{InputWrapper:{width:104}}},{children:C(e,{children:[g(n,{type:"number",variant:"small",state:m?"disabled":"none",errorMessage:null==u?void 0:u.val,value:W.toString(),onChangeText:I=>null==s?void 0:s({type:v,start:r,offset:I})}),g("div",{children:g(d,{children:"to"})}),g(n,{type:"number",variant:"small",state:m?"disabled":"none",errorMessage:null==u?void 0:u.val,value:r.toString(),onChangeText:I=>null==s?void 0:s({type:v,start:I,offset:W})}),g(c,{disabled:m,placeHolder:"Time",width:"108px",size:"small",options:p,onSelect:I=>{null==s||s({type:I.value,start:r,offset:W})}})]})}))};var u=I=>g(s,Object.assign({},I));export{u as default};
 //# sourceMappingURL=InTwoLast.js.map

package/dist/esm/components/QueryBuilder/components/Connectors/Components/InTwoLast.js.map CHANGED Viewed

	@@ -1 +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","_styled","process","env","NODE_ENV","target","label","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","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","variant","state","errorMessage","onChangeText","text","BodySecondary","Dropdown","placeHolder","size","onSelect","option","InTwoLast$1","props"],"mappings":"u9CAWA,MAAMA,EAASC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,aAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,UAAAC,OAAA,+DAAA,CAAAD,KAAA,UAAAC,OAAA,8DAAAC,IAAA,08OAAAC,+PAOTC,EAAeC,GAChBA,EACI,CACN,CACCN,MAAO,SACPO,MAAO,SAIH,CACN,CACCP,MAAO,SACPO,MAAO,QAER,CAAEP,MAAO,YAAaO,MAAO,WAC7B,CAAEP,MAAO,UAAWO,MAAO,UAIvBC,~~EAIFC~~,~~IAAkE,IAAjEC,IAAEA,~~EAAGC,~~SAAEA~~,~~EAAQC~~,~~OAAEA~~,~~EAAMC~~,~~UAAEA~~,~~EAASC~~,~~SAAEA~~,~~EAAQC,cAAEA,GAAeN,YACjE,MAAMO,~~EAAaD,IAAkBE,EAA0BC,cACxDC,EAASC,GAAcC,~~EAAShB~~,~~EAAYW~~,IAE7CM,EAAoB,QAAbC,EAAAb,aAAA,EAAAA,EAAKY,YAAQ,IAAAC,EAAAA,EAAA,OACpBC,EAAsB,QAAdC,EAAAf,aAAA,EAAAA,EAAKc,aAAS,IAAAC,EAAAA,EAAA,IACtBC,EAAwB,QAAfC,EAAAjB,aAAA,EAAAA,EAAKgB,cAAU,IAAAC,EAAAA,EAAA,IAsC9B,OApCAC,GAAU,eACT,~~MAAMtB~~,~~EAAWS~~,IAAkBE,EAA0BC,aACvDW,~~EAAaxB~~,EAAYC,~~GACzBwB~~,EAAgBD,~~EAAW1B~~,~~KAAK4B~~,GAAMA,~~EAAExB~~,~~QACxCyB~~,EAA2B,QAAbT,EAAAb,aAAA,EAAAA,EAAKY,YAAQ,IAAAC,EAAAA,EAAA,OAC3BU,EAAiBH,EAAcI,SAASF,GAC3CA,EACA,OACHZ,EACCS,~~EAAW1B~~,~~KAAKgC~~,GAAOC,OAAAC,OAAAD,OAAAC,OAAA,GACnBF,GACH,CAAAG,SAAUL,IAAmBE,~~EAAG5B~~,~~WAG9B0B~~,IAAmBD,IACtBrB,SAAAA,EAAW,CACVW,KAAMW,EACNT,MAAiB,QAAVC,EAAAf,eAAAA,EAAKc,aAAK,IAAAC,EAAAA,EAAI,IACrBC,OAAmB,QAAXC,EAAAjB,eAAAA,EAAKgB,cAAM,IAAAC,EAAAA,EAAI,MAExB,GACC,CAACZ,EAAeL,IAEnBkB,GAAU,eACT,QAA0B,KAAflB,aAAG,EAAHA,EAAKc,OAAuB,CACtC,MAAMF,EAAoB,QAAbC,EAAAb,aAAA,EAAAA,EAAKY,YAAQ,IAAAC,EAAAA,EAAA,OACpBC,EAAsB,QAAdC,EAAAf,aAAA,EAAAA,EAAKc,aAAS,IAAAC,EAAAA,EAAA,IACtBC,EAAwB,QAAfC,EAAAjB,aAAA,EAAAA,EAAKgB,cAAU,IAAAC,EAAAA,EAAA,IAC9BhB,SAAAA,EAAW,CACVW,OACAE,QACAE,UAED,IACC,IAECb,EAEF0B,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQX,OAAAC,OAAA,~~CAC1B9B~~,MAAO,~~CACNyC~~,aAAc,CACbP,MAAO,OAIT,CAAAC,SAAAO,~~EAACvD~~,EAAS,~~CAAAgD~~,SAAA,CACTH,EAACW,GACA5B,KAAK,SACL6B,QAAQ,QACRC,MAAOtC,EAAW,WAAa,OAC/BuC,aAAczC,aAAM,EAANA,EAAQF,~~IACtBH~~,~~MAAOmB~~,~~EAAOtB~~,~~WACdkD~~,aAAeC,GACd5C,aAAA,EAAAA,EAAW,CACVW,OACAE,QACAE,OAAQ6B,MAIXhB,EACC,MAAA,CAAAG,SAAAH,EAACiB,EAAa,CAAAd,SAAA,SAEfH,EAACW,EACA,CAAA5B,KAAK,SACL6B,QAAQ,QACRC,MAAOtC,EAAW,WAAa,OAC/BuC,aAAczC,aAAA,EAAAA,EAAQF,~~IACtBH~~,~~MAAOiB~~,~~EAAMpB~~,~~WACbkD~~,aAAeC,GACd5C,aAAA,EAAAA,EAAW,CACVW,OACAE,MAAO+B,EACP7B,aAIHa,EAACkB,EACA,CAAA3C,SAAUA,EACV4C,YAAY,OACZjB,MAAM,QACNkB,KAAK,QACLxC,QAASA,EACTyC,SAAWC,IACVlD,SAAAA,EAAW,CACVW,KAAOuC,~~EAAwBtD~~,MAC/~~BiB~~,QACAE,UACC,SAIuB,EAO/B,IAAAoC,EAAgBC,GAAmCxB,~~EAAC/B~~,~~EAAS4B~~,OAAAC,OAAA,CAAA,EAAK0B"}
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","_styled","process","env","NODE_ENV","target","label","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","InputLoader","containerStyle","padding","InputStyleContext","Provider","InputWrapper","_jsxs","Input","variant","state","errorMessage","onChangeText","text","BodySecondary","Dropdown","placeHolder","size","onSelect","option","InTwoLast$1","props"],"mappings":"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"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js CHANGED Viewed

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.js.map CHANGED Viewed

	@@ -1 +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","~~_ref","~~val","onChange","errors","isLoading","disabled","_jsx","style","width","children","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","type","variant","state","errorMessage","toString","onChangeText","IntegerPositiveSingle$1","props"],"mappings":"mNAMA,MAAMA,~~EAA2DC~~,~~IAM5D~~,~~IAN6DC~~,~~IACjEA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~OACRA,EAAMC,UACNA,EAASC,SACTA,GACAL,EACA,OAAII,~~EAEFE,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbV,MAAO,OAIT,CAAAC,SAAAH,EAAA,MAAA,CAAAG,SACCH,EAACa,EACA,CAAAC,KAAK,SACLC,QAAQ,QACRC,MAAOjB,EAAW,WAAa,OAC/BkB,aAAcpB,aAAA,EAAAA,EAAQF,IACtBgB,MAAOhB,aAAG,EAAHA,EAAKuB,WACZC,aAAcvB,~~QAGY~~,~~EAI/B,~~IAAAwB,EAAgBC,GACfrB,~~EAACP~~,~~EAA0BgB~~,OAAAC,OAAA,CAAA,EAAAW"}
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","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","type","variant","state","errorMessage","toString","onChangeText","IntegerPositiveSingle$1","props"],"mappings":"mNAMA,MAAMA,EAA2DA,EAChEC,MACAC,WACAC,SACAC,YACAC,cAEID,EAEFE,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbV,MAAO,OAIT,CAAAC,SAAAH,EAAA,MAAA,CAAAG,SACCH,EAACa,EACA,CAAAC,KAAK,SACLC,QAAQ,QACRC,MAAOjB,EAAW,WAAa,OAC/BkB,aAAcpB,aAAA,EAAAA,EAAQF,IACtBgB,MAAOhB,aAAG,EAAHA,EAAKuB,WACZC,aAAcvB,SAOnB,IAAAwB,EAAgBC,GACfrB,EAACN,EAA0Be,OAAAC,OAAA,CAAA,EAAAW"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js CHANGED Viewed

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.js.map CHANGED Viewed

	@@ -1 +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","~~_ref","~~val","onChange","errors","nativeID","isLoading","disabled","_jsx","style","width","children","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","state","type","variant","errorMessage","toString","onChangeText","IntegerSingleValue$1","props"],"mappings":"mNAMA,MAAMA,~~EAAwDC~~,~~IAOzD~~,~~IAP0DC~~,~~IAC9DA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~OACRA~~,~~EAAMC,SACNA,EAAQC,UACRA,EAASC,SACTA,GACAN,EACA,OAAIK,~~EAEFE,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbV,MAAO,OAIT,CAAAC,SAAAH,EAAA,MAAA,CAAAG,SACCH,EACC,MAAA,CAAAG,SAAAH,EAACa,EAAK,CACLC,MAAOf,EAAW,WAAa,OAC/BgB,KAAK,SACLC,QAAQ,QACRC,aAAcrB,aAAA,EAAAA,EAAQF,IACtBiB,MAAOjB,aAAG,EAAHA,EAAKwB,WACZC,aAAcxB,~~UAIW~~,~~EAI/B,~~IAAAyB,EAAgBC,GACfrB,~~EAACR~~,~~EAAuBiB~~,OAAAC,OAAA,CAAA,EAAAW"}
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","InputLoader","containerStyle","padding","InputStyleContext","Provider","Object","assign","value","InputWrapper","Input","state","type","variant","errorMessage","toString","onChangeText","IntegerSingleValue$1","props"],"mappings":"mNAMA,MAAMA,EAAwDA,EAC7DC,MACAC,WACAC,SACAC,WACAC,YACAC,cAEID,EAEFE,uBAAKC,MAAO,CAAEC,MAAO,MACpB,CAAAC,SAAAH,EAACI,EAAY,CAAAC,eAAgB,CAAEC,QAAS,gBAM1CN,EAACO,EAAkBC,SAAQC,OAAAC,OAAA,CAC1BC,MAAO,CACNC,aAAc,CACbV,MAAO,OAIT,CAAAC,SAAAH,EAAA,MAAA,CAAAG,SACCH,EACC,MAAA,CAAAG,SAAAH,EAACa,EAAK,CACLC,MAAOf,EAAW,WAAa,OAC/BgB,KAAK,SACLC,QAAQ,QACRC,aAAcrB,aAAA,EAAAA,EAAQF,IACtBiB,MAAOjB,aAAG,EAAHA,EAAKwB,WACZC,aAAcxB,WAQpB,IAAAyB,EAAgBC,GACfrB,EAACP,EAAuBgB,OAAAC,OAAA,CAAA,EAAAW"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js CHANGED Viewed

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js.map CHANGED Viewed

	@@ -1 +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","~~_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","DropdownWrapper","allowFreeForm","freeForm","isSearchable","error","isMultiSelect","onSelect","optionListArg","optionsToPass","push","_b","MultiselectDropdownFreeText$1","props","assign"],"mappings":"gIAaA,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,EAAsB,IAC9CV,EAAMC,EAqEZ,OAzCAU,GAAU,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~~,EAAA,MAAA,CAAAC,SACCD,EAACE,EACA,~~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,EAKR,IAAAG,EAAgBC,GACfd,~~EAAC1C~~,~~EAAgCqB~~,~~OAAAoC~~,OAAA,CAAA,EAAAD"}
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","DropdownWrapper","allowFreeForm","freeForm","isSearchable","error","isMultiSelect","onSelect","optionListArg","optionsToPass","push","_b","MultiselectDropdownFreeText$1","props","assign"],"mappings":"gIAaA,MAAMA,EAAiEA,EACtEC,WACAC,QACAC,IAAKC,EACLC,YACAC,SACAC,WACAC,WACAC,oBACAC,gCAEA,MAAOC,EAASC,GAAcC,EAAsB,IAC9CV,EAAMC,EAqEZ,OAzCAU,GAAU,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,EAAA,MAAA,CAAAC,SACCD,EAACE,EACA,CAAAlC,SACCA,EAIDD,SAAUA,EACVoC,cAA8B,QAAfX,EAAA9B,aAAK,EAALA,EAAO0C,gBAAQ,IAAAZ,GAAAA,EAC9Ba,cAAY,EACZxC,UAAWA,EACXI,kBAAmBA,EACnBC,oBAAqBA,EACrBoC,MAAOxC,aAAA,EAAAA,EAAQH,IACf4C,eACA,EAAApC,QAASA,EACTqC,SApFH,SAAwBC,GACvB,GAAIjC,MAAMC,QAAQgC,GAAgB,CACjC,MACMC,EAAuC,GAD1BD,EAGRZ,SAASlB,YACdA,EAAyBR,QACI,QAAhCqB,EAAAb,EAAyBR,eAAO,IAAAqB,GAAAA,EAAEK,SAASX,IAC3CwB,EAAcC,KAAK,CAClBtB,KAAMH,EAAGE,MACTD,GAAID,EAAGI,OACN,IAGHoB,EAAcC,KAAK,CAClBtB,aAAMuB,EAAAjC,EAAOS,qBAAS,GACtBD,GAAKR,EAAwBW,OAE9B,IAIF7B,SAAAA,EAAWiD,EACX,CACF,KA8DO,EAKR,IAAAG,EAAgBC,GACfd,EAACxC,EAAgCoB,OAAAmC,OAAA,CAAA,EAAAD"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/NumberTime.js CHANGED Viewed

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

package/dist/esm/components/QueryBuilder/components/Connectors/Components/NumberTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberTime.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/NumberTime.tsx"],"sourcesContent":["import React from 'react';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport IntegerPositiveSingle from './IntegerPositiveSingle';\n\nconst NumberTime: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst text = parseInt((val as number)?.toString()) > 1 ? 'days' : 'day';\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tgap: 8,\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<IntegerPositiveSingle\n\t\t\t\tconnectorType={connectorType}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tnativeID={nativeID}\n\t\t\t\tval={val ?? 1}\n\t\t\t\tonChange={onChange}\n\t\t\t\terrors={errors}\n\t\t\t/>\n\t\t\t<div>\n\t\t\t\t<BodySecondary>{text}</BodySecondary>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <NumberTime {...props} />;\n"],"names":["NumberTime","~~_ref","~~val","onChange","errors","nativeID","disabled","connectorType","text","parseInt","toString","_jsxs","Object","assign","style","flexDirection","display","gap","alignItems","children","_jsx","IntegerPositiveSingle","BodySecondary","NumberTime$1","props"],"mappings":"2JAKA,MAAMA,~~EAAgDC~~,~~IAOjD~~,~~IAPkDC~~,~~IACtDA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~OACRA~~,~~EAAMC~~,~~SACNA,EAAQC,SACRA,EAAQC,cACRA,GACAN,EACA,MAAMO,~~EAAOC,SAAUP,aAAA,EAAAA,EAAgBQ,YAAc,EAAI,OAAS,MAElE,OACCC,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,EACLC,WAAY,WACZ,CAAAC,SAAA,CAEDC,EAACC,EAAqB,CACrBd,cAAeA,EACfD,SAAUA,EACVD,SAAUA,EACVH,IAAKA,QAAAA,EAAO,EACZC,SAAUA,EACVC,OAAQA,IAETgB,EACC,MAAA,CAAAD,SAAAC,EAACE,EAAe,CAAAH,SAAAX,SAEZ,EAKR,IAAAe,EAAgBC,GAAmCJ,~~EAACpB~~,~~EAAUY~~,OAAAC,OAAA,CAAA,EAAKW"}
1	+ {"version":3,"file":"NumberTime.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/NumberTime.tsx"],"sourcesContent":["import React from 'react';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport IntegerPositiveSingle from './IntegerPositiveSingle';\n\nconst NumberTime: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\terrors,\n\tnativeID,\n\tdisabled,\n\tconnectorType,\n}) => {\n\tconst text = parseInt((val as number)?.toString()) > 1 ? 'days' : 'day';\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tflexDirection: 'row',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tgap: 8,\n\t\t\t\talignItems: 'center',\n\t\t\t}}\n\t\t>\n\t\t\t<IntegerPositiveSingle\n\t\t\t\tconnectorType={connectorType}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tnativeID={nativeID}\n\t\t\t\tval={val ?? 1}\n\t\t\t\tonChange={onChange}\n\t\t\t\terrors={errors}\n\t\t\t/>\n\t\t\t<div>\n\t\t\t\t<BodySecondary>{text}</BodySecondary>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <NumberTime {...props} />;\n"],"names":["NumberTime","val","onChange","errors","nativeID","disabled","connectorType","text","parseInt","toString","_jsxs","Object","assign","style","flexDirection","display","gap","alignItems","children","_jsx","IntegerPositiveSingle","BodySecondary","NumberTime$1","props"],"mappings":"2JAKA,MAAMA,EAAgDA,EACrDC,MACAC,WACAC,SACAC,WACAC,WACAC,oBAEA,MAAMC,EAAOC,SAAUP,aAAA,EAAAA,EAAgBQ,YAAc,EAAI,OAAS,MAElE,OACCC,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,EACLC,WAAY,WACZ,CAAAC,SAAA,CAEDC,EAACC,EAAqB,CACrBd,cAAeA,EACfD,SAAUA,EACVD,SAAUA,EACVH,IAAKA,QAAAA,EAAO,EACZC,SAAUA,EACVC,OAAQA,IAETgB,EACC,MAAA,CAAAD,SAAAC,EAACE,EAAe,CAAAH,SAAAX,SAEZ,EAKR,IAAAe,EAAgBC,GAAmCJ,EAACnB,EAAUW,OAAAC,OAAA,CAAA,EAAKW"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import{DatePickerWrapper as a}from"../../../../datePicker/DatePickerWrapper.js";const r=r=>{let{val:i,onChange:n,nativeID:s,disabled:o}=r;const l=Array.isArray(i)?new Date(null==i?void 0:i[0]):i;return t((()=>{l||n(new Date((new Date).setHours(0,0,0,0)))}),[]),e("div",Object.assign({style:{position:"relative",width:200}},{children:e(a,{maxDate:new Date,pickerStyles:{zIndex:3},disabled:o,val:l,onChange:n})}))};var i=t=>e(r,Object.assign({},t));export{i as default};
+import{jsx as e}from"react/jsx-runtime";import{useEffect as t}from"react";import{DatePickerWrapper as a}from"../../../../datePicker/DatePickerWrapper.js";const r=({val:r,onChange:i,nativeID:n,disabled:s})=>{const o=Array.isArray(r)?new Date(null==r?void 0:r[0]):r;return t((()=>{o||i(new Date((new Date).setHours(0,0,0,0)))}),[]),e("div",Object.assign({style:{position:"relative",width:200}},{children:e(a,{maxDate:new Date,pickerStyles:{zIndex:3},disabled:s,val:o,onChange:i})}))};var i=t=>e(r,Object.assign({},t));export{i as default};
 //# sourceMappingURL=SingleDate.js.map

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleDate.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/SingleDate.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { DatePickerWrapper } from '@src/components/datePicker/DatePickerWrapper';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\nconst SingleDate: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst dateValue = Array.isArray(val as Date[])\n\t\t? new Date(val?.[0])\n\t\t: (val as Date);\n\n\tuseEffect(() => {\n\t\tif (!dateValue) {\n\t\t\t(onChange as unknown as (val: Date) => void)(\n\t\t\t\tnew Date(new Date().setHours(0, 0, 0, 0)),\n\t\t\t);\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div style={{ position: 'relative', width: 200 }}>\n\t\t\t<DatePickerWrapper\n\t\t\t\tmaxDate={new Date()}\n\t\t\t\tpickerStyles={{ zIndex: 3 }}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={dateValue}\n\t\t\t\tonChange={onChange as unknown as (val: Date \| Date[]) => void}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <SingleDate {...props} />;\n"],"names":["SingleDate","~~_ref","~~val","onChange","nativeID","disabled","dateValue","Array","isArray","Date","useEffect","setHours","_jsx","style","position","width","DatePickerWrapper","maxDate","pickerStyles","zIndex","SingleDate$1","props","Object","assign"],"mappings":"0JAIA,MAAMA,~~EAAgDC~~,~~IAKjD~~,~~IALkDC~~,~~IACtDA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~SACRA,EAAQC,SACRA,GACAJ,EACA,MAAMK,~~EAAYC,MAAMC,QAAQN,GAC7B,IAAIO,KAAKP,aAAG,EAAHA,EAAM,IACdA,EAUJ,OARAQ,GAAU,KACJJ,GACHH,EACA,IAAIM,MAAK,IAAIA,MAAOE,SAAS,EAAG,EAAG,EAAG,IAEvC,GACC,IAGFC,uBAAKC,MAAO,CAAEC,SAAU,WAAYC,MAAO,gBAC1CH,EAACI,GACAC,QAAS,IAAIR,KACbS,aAAc,CAAEC,OAAQ,GACxBd,SAAUA,EACVH,IAAKI,EACLH,SAAUA,MAEN,EAKR,IAAAiB,EAAgBC,GAAmCT,~~EAACZ~~,~~EAAUsB~~,OAAAC,OAAA,CAAA,EAAKF"}
1	+ {"version":3,"file":"SingleDate.js","sources":["../../../../../../../src/components/QueryBuilder/components/Connectors/Components/SingleDate.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { DatePickerWrapper } from '@src/components/datePicker/DatePickerWrapper';\nimport { ConnectorComponentProps } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\n\nconst SingleDate: React.FC<ConnectorComponentProps> = ({\n\tval,\n\tonChange,\n\tnativeID,\n\tdisabled,\n}) => {\n\tconst dateValue = Array.isArray(val as Date[])\n\t\t? new Date(val?.[0])\n\t\t: (val as Date);\n\n\tuseEffect(() => {\n\t\tif (!dateValue) {\n\t\t\t(onChange as unknown as (val: Date) => void)(\n\t\t\t\tnew Date(new Date().setHours(0, 0, 0, 0)),\n\t\t\t);\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div style={{ position: 'relative', width: 200 }}>\n\t\t\t<DatePickerWrapper\n\t\t\t\tmaxDate={new Date()}\n\t\t\t\tpickerStyles={{ zIndex: 3 }}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tval={dateValue}\n\t\t\t\tonChange={onChange as unknown as (val: Date \| Date[]) => void}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// eslint-disable-next-line react/display-name\nexport default (props: ConnectorComponentProps) => <SingleDate {...props} />;\n"],"names":["SingleDate","val","onChange","nativeID","disabled","dateValue","Array","isArray","Date","useEffect","setHours","_jsx","style","position","width","DatePickerWrapper","maxDate","pickerStyles","zIndex","SingleDate$1","props","Object","assign"],"mappings":"0JAIA,MAAMA,EAAgDA,EACrDC,MACAC,WACAC,WACAC,eAEA,MAAMC,EAAYC,MAAMC,QAAQN,GAC7B,IAAIO,KAAKP,aAAG,EAAHA,EAAM,IACdA,EAUJ,OARAQ,GAAU,KACJJ,GACHH,EACA,IAAIM,MAAK,IAAIA,MAAOE,SAAS,EAAG,EAAG,EAAG,IAEvC,GACC,IAGFC,uBAAKC,MAAO,CAAEC,SAAU,WAAYC,MAAO,gBAC1CH,EAACI,GACAC,QAAS,IAAIR,KACbS,aAAc,CAAEC,OAAQ,GACxBd,SAAUA,EACVH,IAAKI,EACLH,SAAUA,MAEN,EAKR,IAAAiB,EAAgBC,GAAmCT,EAACX,EAAUqB,OAAAC,OAAA,CAAA,EAAKF"}

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import n from"../../DropdownWrapper.js";const t=t=>{let{onChange:i,extra:a,val:r,isLoading:s,errors:d,disabled:c,optionsErrorState:p,onRetryOptionsFetch:u}=t;const[m,v]=l([]),f=r;return o((()=>{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==f?void 0:f.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],o=null!==(e=null==f?void 0:f.map((e=>e.id)))&&void 0!==e?e:[],n=[...l.filter((e=>!o.includes(e.value)))].concat((null!=f?f:[]).map((e=>({value:e.id,label:e.name}))));null==f||f.forEach((e=>{let{name:l,id:o}=e;const t=n.findIndex((e=>e.value===o&&e.label===l));-1!==t&&(n[t].selected=!0)})),v([...n])}),[a,f]),e("div",{children:e(n,{disabled:c,allowFreeForm:!1,isSearchable:!0,isLoading:s,optionsErrorState:p,onRetryOptionsFetch:u,error:null==d?void 0:d.val,isMultiSelect:!1,options:m,onSelect:function(e){const l=e,o=[];o.push({name:l.label,id:l.value}),null==i||i(o)}})})},i=l=>e(t,Object.assign({},l));i.displayName="SingleselectDropdownFreeText";export{i as default};
+import{jsx as e}from"react/jsx-runtime";import{useState as l,useEffect as o}from"react";import n from"../../DropdownWrapper.js";const i=({onChange:i,extra:t,val:a,isLoading:r,errors:s,disabled:d,optionsErrorState:c,onRetryOptionsFetch:p})=>{const[u,m]=l([]),v=a;return o((()=>{var e;const l=(null==t?void 0:t.options)&&Array.isArray(t.options)?t.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==v?void 0:v.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],o=null!==(e=null==v?void 0:v.map((e=>e.id)))&&void 0!==e?e:[],n=[...l.filter((e=>!o.includes(e.value)))].concat((null!=v?v:[]).map((e=>({value:e.id,label:e.name}))));null==v||v.forEach((({name:e,id:l})=>{const o=n.findIndex((o=>o.value===l&&o.label===e));-1!==o&&(n[o].selected=!0)})),m([...n])}),[t,v]),e("div",{children:e(n,{disabled:d,allowFreeForm:!1,isSearchable:!0,isLoading:r,optionsErrorState:c,onRetryOptionsFetch:p,error:null==s?void 0:s.val,isMultiSelect:!1,options:u,onSelect:function(e){const l=e,o=[];o.push({name:l.label,id:l.value}),null==i||i(o)}})})},t=l=>e(i,Object.assign({},l));t.displayName="SingleselectDropdownFreeText";export{t as default};
 //# sourceMappingURL=SingleselectDropdownFreeText.js.map