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

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

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 (1557) hide show

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef((({infinite:c,addNodeBtnText:j,allowedNodes:p,typesAPIHandlers:x,onStateChange:y,mode:f,selectorKey:g},v)=>{var b;const O=r.useSelector((e=>null==e?void 0:e[g])),{deleteNode:m,clearAll:w,selectJoinOperator:h,fillState:N}=o.useQueryBuilder(g);t.useEffect((()=>{null==y||y(Object.assign({},O))}),[O]);const q=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==O?void 0:O.operator)&&e.value===O.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(v,(()=>({getState:()=>Object.assign({},O),fillState(e){N(Object.assign({},e))},clearAll:w}))),e.jsxs(e.Fragment,{children:[null===(b=null==O?void 0:O.nodes)||void 0===b?void 0:b.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===f,onSelect:e=>{h(e.value)},options:q,width:"80px",height:96,size:"small",skipSorting:!0})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24,maxWidth:"calc(100% - 24px)"}},{children:e.jsx(a.default,{selectorKey:g,mode:null!=f?f:"create",allowedNodes:p,node:t,apiHandler:x[t.type]})})),"view"!==f?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>m(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),c&&"view"!==f&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:j,allowedNodes:p,selectorKey:g}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>w(p[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-redux"),s=require("../../button/Button.js"),i=require("../../dropdown/Dropdown.js"),l=require("../constants/operators.js"),o=require("../hooks/useQueryBuilder.js"),d=require("./AddNodeButton.js"),n=require("./DeleteButton.js"),a=require("./QueryBuilderNode/QueryBuilderNode.js"),u=require("./QueryBuilderNodes.styled.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=c(t).default.forwardRef(((c,j)=>{let{infinite:p,addNodeBtnText:x,allowedNodes:y,typesAPIHandlers:f,onStateChange:g,mode:v,selectorKey:b}=c;var O;const m=r.useSelector((e=>null==e?void 0:e[b])),{deleteNode:w,clearAll:h,selectJoinOperator:N,fillState:q}=o.useQueryBuilder(b);t.useEffect((()=>{null==g||g(Object.assign({},m))}),[m]);const B=l.JOIN_OPERATOR_OPTIONS.map((e=>(null==m?void 0:m.operator)&&e.value===m.operator?Object.assign(Object.assign({},e),{selected:!0}):e));return t.useImperativeHandle(j,(()=>({getState:()=>Object.assign({},m),fillState(e){q(Object.assign({},e))},clearAll:h}))),e.jsxs(e.Fragment,{children:[null===(O=null==m?void 0:m.nodes)||void 0===O?void 0:O.map(((t,r)=>e.jsxs(e.Fragment,{children:[0!==r&&e.jsx("div",Object.assign({style:{width:80,position:"relative"}},{children:e.jsx(i.Dropdown,{disabled:"view"===v,onSelect:e=>{N(e.value)},options:B,width:"80px",height:96,size:"small",skipSorting:!0})})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:12}},{children:[e.jsx(u.LinedContainer,Object.assign({style:{paddingTop:0===r?0:24,maxWidth:"calc(100% - 24px)"}},{children:e.jsx(a.default,{selectorKey:b,mode:null!=v?v:"create",allowedNodes:y,node:t,apiHandler:f[t.type]})})),"view"!==v?e.jsx(e.Fragment,{children:0!==r&&e.jsx(n.default,{onClick:()=>w(t._id)})}):e.jsx(e.Fragment,{})]}),t._id)]}))),p&&"view"!==v&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[e.jsx(d.default,{buttonText:x,allowedNodes:y,selectorKey:b}),e.jsx(s.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>h(y[0])})]}))]})}));j.displayName="QueryBuilderNodes",exports.default=j;
 //# sourceMappingURL=QueryBuilderNodes.js.map

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNodes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryBuilderNodes.js","sources":["../../../../../src/components/QueryBuilder/components/QueryBuilderNodes.tsx"],"sourcesContent":["import { Response } from '@src/types/apiExecutor';\nimport React, { useEffect, useImperativeHandle } from 'react';\nimport { useSelector } from 'react-redux';\nimport { Button } from '@src/components/button';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '../constants/operators';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderRef } from '../types';\nimport {\n\tQueryBuilderJoinOperators,\n\tQueryBuilderRoot,\n\tQueryBuilderType,\n} from '../types/QueryBuilder.type';\nimport {\n\tBaseQueryBuilderPayload,\n\tBaseQueryBuilderResponse,\n} from '../types/QueryBuilderAPI.type';\nimport AddNodeButton from './AddNodeButton';\nimport DeleteButton from './DeleteButton';\nimport QueryBuilderNode from './QueryBuilderNode/QueryBuilderNode';\nimport { LinedContainer } from './QueryBuilderNodes.styled';\n\ntype QueryBuilderNodesProps = {\n\tinfinite: boolean;\n\taddNodeBtnText: string;\n\tallowedNodes: QueryBuilderType[];\n\tonStateChange?: (state: QueryBuilderRoot) => void;\n\ttypesAPIHandlers: {\n\t\t[key in QueryBuilderType]?: <T>(\n\t\t\tpayload: BaseQueryBuilderPayload<T>,\n\t\t) => Promise<Response<BaseQueryBuilderResponse>>;\n\t};\n\tstate?: QueryBuilderRoot;\n\tmode?: 'create' \| 'edit' \| 'view';\n\tselectorKey: string;\n};\n\nconst QueryBuilderNodes = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderNodesProps\n>(\n\t(\n\t\t{\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\tallowedNodes,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst state = useSelector<\n\t\t\t{\n\t\t\t\tkey: QueryBuilderRoot;\n\t\t\t},\n\t\t\tQueryBuilderRoot\n\t\t>((state) => state?.[selectorKey]);\n\n\t\tconst { deleteNode, clearAll, selectJoinOperator, fillState } =\n\t\t\tuseQueryBuilder(selectorKey);\n\n\t\tuseEffect(() => {\n\t\t\tonStateChange?.({ ...state });\n\t\t}, [state]);\n\n\t\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\t\tif (state?.operator) {\n\t\t\t\tif ((option as SingleOption).value === state.operator) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn option;\n\t\t});\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tgetState: () => ({ ...state }),\n\t\t\tfillState(stateFromOutside) {\n\t\t\t\tfillState({ ...stateFromOutside });\n\t\t\t},\n\t\t\tclearAll,\n\t\t}));\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{state?.nodes?.map((node, i) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t<div style={{ width: 80, position: 'relative' }}>\n\t\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\t\tselectJoinOperator(\n\t\t\t\t\t\t\t\t\t\t\t(option as SingleOption)\n\t\t\t\t\t\t\t\t\t\t\t\t.value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tskipSorting={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'row', gap: 12 }}\n\t\t\t\t\t\t\tkey={node._id}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LinedContainer\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tpaddingTop: i === 0 ? 0 : 24,\n\t\t\t\t\t\t\t\t\tmaxWidth: 'calc(100% - 24px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<QueryBuilderNode\n\t\t\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t\t\t\tmode={mode ?? 'create'}\n\t\t\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\t\t\tnode={node}\n\t\t\t\t\t\t\t\t\tapiHandler={typesAPIHandlers[node.type]!}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</LinedContainer>\n\t\t\t\t\t\t\t{mode !== 'view' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t\t\t\t<DeleteButton onClick={() => deleteNode(node._id)} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\n\t\t\t\t{infinite && mode !== 'view' && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AddNodeButton\n\t\t\t\t\t\t\tbuttonText={addNodeBtnText}\n\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Clear filters\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={() => clearAll(allowedNodes[0])}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilderNodes.displayName = 'QueryBuilderNodes';\n\nexport default QueryBuilderNodes;\n"],"names":["QueryBuilderNodes","React","forwardRef","infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","~~ref","~~state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","Object","assign","options","JOIN_OPERATOR_OPTIONS","map","option","operator","value","selected","useImperativeHandle","getState","stateFromOutside","_jsxs","_Fragment","children","_a","nodes","node","i","jsxs","_jsx","style","width","position","jsx","Dropdown","disabled","onSelect","height","size","skipSorting","display","flexDirection","gap","LinedContainer","paddingTop","maxWidth","QueryBuilderNode","apiHandler","type","DeleteButton","onClick","_id","justifyContent","AddNodeButton","buttonText","Button","buttonType","displayName"],"mappings":"~~qhBAsCA~~,~~MAAMA~~,OAAoBC,QAAMC,YAI/B,~~EAEEC~~,~~WACAC~~,~~iBACAC~~,~~eACAC~~,~~mBACAC~~,~~gBACAC~~,~~OACAC~~,~~eAEDC~~,~~WAEA~~,~~MAAMC~~,EAAQC,EAAWA,aAKtBD,GAAUA,aAAA,EAAAA,~~EAAQF~~,~~MAEfI~~,WAAEA,EAAUC,SAAEA,EAAQC,mBAAEA,EAAkBC,UAAEA,GACjDC,EAAAA,~~gBAAgBR~~,~~GAEjBS~~,EAAAA,WAAU,~~KACTX~~,SAAAA,~~EAAqBY~~,OAAAC,OAAA,GAAAT,GAAQ,GAC3B,CAACA,IAEJ,MAAMU,EAAUC,EAAAA,sBAAsBC,KAAKC,IACtCb,eAAAA,EAAOc,WACLD,EAAwBE,QAAUf,EAAMc,SAC5CN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAM,CACTG,UAAU,IAKNH,IAWR,OARAI,EAAmBA,~~oBAAClB~~,GAAK,KAAO,CAC/~~BmB~~,SAAUA,IAAMV,OAAAC,OAAA,CAAA,EAAMT,GACtBK,UAAUc,GACTd,EAASG,OAAAC,OAAA,CAAA,EAAMU,GACf,EACDhB,eAIAiB,EAAAA,KACEC,EAAAA,SAAA,CAAAC,SAAA,CAAc,QAAdC,EAAAvB,aAAA,EAAAA,EAAOwB,aAAO,IAAAD,OAAA,EAAAA,EAAAX,KAAI,CAACa,EAAMC,IACzBN,EACEO,KAAAN,WAAA,CAAAC,SAAA,CAAM,IAANI,GACAE,2BAAKC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAClC,CAAAT,SAAAM,EAAAI,IAACC,WACA,CAAAC,SAAmB,~~SAATrC~~,~~EACVsC~~,SAAWtB,IACVT,EACES,EACCE,MACF,EAEFL,QAASA,EACToB,MAAO,OACPM,OAAQ,GACRC,KAAK,QACLC,aAAa,OAIhBlB,EAAAO,KAAA,MAAAnB,OAAAC,OAAA,CACCoB,MAAO,CAAEU,QAAS,OAAQC,cAAe,MAAOC,IAAK,gBAGrDb,EAACI,IAAAU,iBACAlC,OAAAC,OAAA,CAAAoB,MAAO,CACNc,WAAkB,IAANjB,EAAU,EAAI,GAC1BkB,SAAU,sBACV,CAAAtB,SAEDM,MAACiB,UAAgB,~~CAChB/C~~,YAAaA,EACbD,KAAMA,QAAAA,EAAQ,SACdH,aAAcA,~~EACd+B~~,KAAMA,EACNqB,~~WAAYnD~~,~~EAAiB8B~~,EAAKsB,WAG1B,~~SAATlD~~,~~EACA+B~~,EAAAA,IACEP,EAAAA,SAAA,CAAAC,SAAM,IAANI,GACAE,EAAAA,IAACoB,EAAAA,SAAaC,QAASA,IAAM/C,EAAWuB,EAAKyB,SAI/CtB,EAAAI,IAAAX,WAAA,CAAA,MAvBII,EAAKyB,~~UA6BZ1D~~,GAAqB,SAATK,~~GACZuB~~,EAAAA,KAAA,MAAAZ,OAAAC,OAAA,CACCoB,MAAO,CACNU,QAAS,OACTC,cAAe,MACfW,eAAgB,kBAGjB,CAAA7B,SAAA,CAAAM,EAAAI,IAACoB,UACA,CAAAC,~~WAAY5D~~,EACZC,aAAcA,EACdI,YAAaA,~~IAEd8B~~,EAAAI,IAACsB,SACA,CAAAD,WAAW,gBACXhB,KAAK,SACLkB,WAAW,eACXN,QAASA,IAAM9C,~~EAAST~~,EAAa,YAItC,~~IAKNL~~,~~EAAkBmE~~,YAAc"}
1	+ {"version":3,"file":"QueryBuilderNodes.js","sources":["../../../../../src/components/QueryBuilder/components/QueryBuilderNodes.tsx"],"sourcesContent":["import { Response } from '@src/types/apiExecutor';\nimport React, { useEffect, useImperativeHandle } from 'react';\nimport { useSelector } from 'react-redux';\nimport { Button } from '@src/components/button';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '../constants/operators';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderRef } from '../types';\nimport {\n\tQueryBuilderJoinOperators,\n\tQueryBuilderRoot,\n\tQueryBuilderType,\n} from '../types/QueryBuilder.type';\nimport {\n\tBaseQueryBuilderPayload,\n\tBaseQueryBuilderResponse,\n} from '../types/QueryBuilderAPI.type';\nimport AddNodeButton from './AddNodeButton';\nimport DeleteButton from './DeleteButton';\nimport QueryBuilderNode from './QueryBuilderNode/QueryBuilderNode';\nimport { LinedContainer } from './QueryBuilderNodes.styled';\n\ntype QueryBuilderNodesProps = {\n\tinfinite: boolean;\n\taddNodeBtnText: string;\n\tallowedNodes: QueryBuilderType[];\n\tonStateChange?: (state: QueryBuilderRoot) => void;\n\ttypesAPIHandlers: {\n\t\t[key in QueryBuilderType]?: <T>(\n\t\t\tpayload: BaseQueryBuilderPayload<T>,\n\t\t) => Promise<Response<BaseQueryBuilderResponse>>;\n\t};\n\tstate?: QueryBuilderRoot;\n\tmode?: 'create' \| 'edit' \| 'view';\n\tselectorKey: string;\n};\n\nconst QueryBuilderNodes = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderNodesProps\n>(\n\t(\n\t\t{\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\tallowedNodes,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst state = useSelector<\n\t\t\t{\n\t\t\t\tkey: QueryBuilderRoot;\n\t\t\t},\n\t\t\tQueryBuilderRoot\n\t\t>((state) => state?.[selectorKey]);\n\n\t\tconst { deleteNode, clearAll, selectJoinOperator, fillState } =\n\t\t\tuseQueryBuilder(selectorKey);\n\n\t\tuseEffect(() => {\n\t\t\tonStateChange?.({ ...state });\n\t\t}, [state]);\n\n\t\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\t\tif (state?.operator) {\n\t\t\t\tif ((option as SingleOption).value === state.operator) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn option;\n\t\t});\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tgetState: () => ({ ...state }),\n\t\t\tfillState(stateFromOutside) {\n\t\t\t\tfillState({ ...stateFromOutside });\n\t\t\t},\n\t\t\tclearAll,\n\t\t}));\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{state?.nodes?.map((node, i) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t<div style={{ width: 80, position: 'relative' }}>\n\t\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\t\tselectJoinOperator(\n\t\t\t\t\t\t\t\t\t\t\t(option as SingleOption)\n\t\t\t\t\t\t\t\t\t\t\t\t.value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tskipSorting={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'row', gap: 12 }}\n\t\t\t\t\t\t\tkey={node._id}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LinedContainer\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tpaddingTop: i === 0 ? 0 : 24,\n\t\t\t\t\t\t\t\t\tmaxWidth: 'calc(100% - 24px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<QueryBuilderNode\n\t\t\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t\t\t\tmode={mode ?? 'create'}\n\t\t\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\t\t\tnode={node}\n\t\t\t\t\t\t\t\t\tapiHandler={typesAPIHandlers[node.type]!}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</LinedContainer>\n\t\t\t\t\t\t\t{mode !== 'view' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t\t\t\t<DeleteButton onClick={() => deleteNode(node._id)} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\n\t\t\t\t{infinite && mode !== 'view' && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AddNodeButton\n\t\t\t\t\t\t\tbuttonText={addNodeBtnText}\n\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Clear filters\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={() => clearAll(allowedNodes[0])}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilderNodes.displayName = 'QueryBuilderNodes';\n\nexport default QueryBuilderNodes;\n"],"names":["QueryBuilderNodes","React","forwardRef","_ref","ref","infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","Object","assign","options","JOIN_OPERATOR_OPTIONS","map","option","operator","value","selected","useImperativeHandle","getState","stateFromOutside","_jsxs","_Fragment","children","_a","nodes","node","i","jsxs","_jsx","style","width","position","jsx","Dropdown","disabled","onSelect","height","size","skipSorting","display","flexDirection","gap","LinedContainer","paddingTop","maxWidth","QueryBuilderNode","apiHandler","type","DeleteButton","onClick","_id","justifyContent","AddNodeButton","buttonText","Button","buttonType","displayName"],"mappings":"qhBAsCMA,MAAAA,OAAoBC,QAAMC,YAI/B,CAAAC,EAUCC,KACG,IAVHC,SACCA,EAAQC,eACRA,EAAcC,aACdA,EAAYC,iBACZA,EAAgBC,cAChBA,EAAaC,KACbA,EAAIC,YACJA,GACAR,QAGD,MAAMS,EAAQC,EAAWA,aAKtBD,GAAUA,aAAA,EAAAA,EAAQD,MAEfG,WAAEA,EAAUC,SAAEA,EAAQC,mBAAEA,EAAkBC,UAAEA,GACjDC,EAAAA,gBAAgBP,GAEjBQ,EAAAA,WAAU,KACTV,SAAAA,EAAqBW,OAAAC,OAAA,GAAAT,GAAQ,GAC3B,CAACA,IAEJ,MAAMU,EAAUC,EAAAA,sBAAsBC,KAAKC,IACtCb,eAAAA,EAAOc,WACLD,EAAwBE,QAAUf,EAAMc,SAC5CN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAM,CACTG,UAAU,IAKNH,IAWR,OARAI,EAAmBA,oBAACzB,GAAK,KAAO,CAC/B0B,SAAUA,IAAMV,OAAAC,OAAA,CAAA,EAAMT,GACtBK,UAAUc,GACTd,EAASG,OAAAC,OAAA,CAAA,EAAMU,GACf,EACDhB,eAIAiB,EAAAA,KACEC,EAAAA,SAAA,CAAAC,SAAA,CAAc,QAAdC,EAAAvB,aAAA,EAAAA,EAAOwB,aAAO,IAAAD,OAAA,EAAAA,EAAAX,KAAI,CAACa,EAAMC,IACzBN,EACEO,KAAAN,WAAA,CAAAC,SAAA,CAAM,IAANI,GACAE,2BAAKC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAClC,CAAAT,SAAAM,EAAAI,IAACC,WACA,CAAAC,SAAmB,SAATpC,EACVqC,SAAWtB,IACVT,EACES,EACCE,MACF,EAEFL,QAASA,EACToB,MAAO,OACPM,OAAQ,GACRC,KAAK,QACLC,aAAa,OAIhBlB,EAAAO,KAAA,MAAAnB,OAAAC,OAAA,CACCoB,MAAO,CAAEU,QAAS,OAAQC,cAAe,MAAOC,IAAK,gBAGrDb,EAACI,IAAAU,iBACAlC,OAAAC,OAAA,CAAAoB,MAAO,CACNc,WAAkB,IAANjB,EAAU,EAAI,GAC1BkB,SAAU,sBACV,CAAAtB,SAEDM,MAACiB,UAAgB,CAChB9C,YAAaA,EACbD,KAAMA,QAAAA,EAAQ,SACdH,aAAcA,EACd8B,KAAMA,EACNqB,WAAYlD,EAAiB6B,EAAKsB,WAG1B,SAATjD,EACA8B,EAAAA,IACEP,EAAAA,SAAA,CAAAC,SAAM,IAANI,GACAE,EAAAA,IAACoB,EAAAA,SAAaC,QAASA,IAAM/C,EAAWuB,EAAKyB,SAI/CtB,EAAAI,IAAAX,WAAA,CAAA,MAvBII,EAAKyB,UA6BZzD,GAAqB,SAATK,GACZsB,EAAAA,KAAA,MAAAZ,OAAAC,OAAA,CACCoB,MAAO,CACNU,QAAS,OACTC,cAAe,MACfW,eAAgB,kBAGjB,CAAA7B,SAAA,CAAAM,EAAAI,IAACoB,UACA,CAAAC,WAAY3D,EACZC,aAAcA,EACdI,YAAaA,IAEd6B,EAAAI,IAACsB,SACA,CAAAD,WAAW,gBACXhB,KAAK,SACLkB,WAAW,eACXN,QAASA,IAAM9C,EAASR,EAAa,YAItC,IAKNP,EAAkBoE,YAAc"}

package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilderCache.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react-redux"),u=require("../redux/queryBuilderCache.reducer.js"),i=require("../redux/selectors/useQueryBuilderCacheSelector.js");exports.useQueryBuilderCache=()=>{const t=r.useDispatch(),a=i.useQueryBuilderCacheSelector();return{cacheWrap:(r,i,d=!0)=>e.__awaiter(void 0,void 0,void 0,(function*(){if(null==a?void 0:a[i])return a[i];const e=yield r();return(null==e?void 0:e.data)?(d&&t(u.queryBuilderCacheSlice.actions.initKey({key:i,data:e.data})),null==e?void 0:e.data):null}))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react-redux"),u=require("../redux/queryBuilderCache.reducer.js"),i=require("../redux/selectors/useQueryBuilderCacheSelector.js");exports.useQueryBuilderCache=()=>{const t=r.useDispatch(),l=i.useQueryBuilderCacheSelector();return{cacheWrap:function(r,i){let a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return e.__awaiter(void 0,void 0,void 0,(function*(){if(null==l?void 0:l[i])return l[i];const e=yield r();return(null==e?void 0:e.data)?(a&&t(u.queryBuilderCacheSlice.actions.initKey({key:i,data:e.data})),null==e?void 0:e.data):null}))}}};
 //# sourceMappingURL=useQueryBuilderCache.js.map

package/dist/cjs/components/QueryBuilder/hooks/useQueryBuilderCache.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useQueryBuilderCache.js","sources":["../../../../../src/components/QueryBuilder/hooks/useQueryBuilderCache.tsx"],"sourcesContent":["import { useDispatch } from 'react-redux';\nimport { queryBuilderCacheSlice } from '../redux/queryBuilderCache.reducer';\nimport { useQueryBuilderCacheSelector } from '../redux/selectors/useQueryBuilderCacheSelector';\nimport { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';\n\nexport const useQueryBuilderCache = () => {\n\tconst dispatcher = useDispatch();\n\tconst cacheState = useQueryBuilderCacheSelector();\n\n\tconst cacheWrap = async (\n\t\tcb: () => Promise<{ data?: BaseQueryBuilderResponse; error?: string }>,\n\t\tkey: string,\n\t\tupdateCache = true,\n\t) => {\n\t\tif (cacheState?.[key]) {\n\t\t\t/** Cache hit */\n\t\t\treturn cacheState[key];\n\t\t}\n\n\t\tconst response = await cb();\n\n\t\tif (response?.data) {\n\t\t\tif (updateCache)\n\t\t\t\tdispatcher(\n\t\t\t\t\tqueryBuilderCacheSlice.actions.initKey({ key, data: response.data }),\n\t\t\t\t);\n\n\t\t\treturn response?.data;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn { cacheWrap };\n};\n"],"names":["useQueryBuilderCache","dispatcher","useDispatch","cacheState","useQueryBuilderCacheSelector","cacheWrap","cb","key","updateCache","__awaiter","response","data","queryBuilderCacheSlice","actions","initKey"],"mappings":"0RAKoCA,KACnC,MAAMC,EAAaC,EAAAA,cACbC,EAAaC,EAAAA,+BA0BnB,MAAO,CAAEC,~~UAxBSA~~,~~CACjBC~~,EACAC,~~EACAC~~,~~GAAc,~~IACXC,EAAAA,eAAA,OAAA,OAAA,GAAA,YACH,~~GAAIN~~,aAAU,EAAVA,EAAaI,GAEhB,OAAOJ,EAAWI,GAGnB,~~MAAMG~~,~~QAAiBJ~~,IAEvB,~~OAAII~~,eAAAA,EAAUC,~~OACTH~~,GACHP,~~EACCW~~,yBAAuBC,QAAQC,QAAQ,~~CAAEP~~,~~MAAKI~~,KAAMD,EAASC,QAGxDD,eAAAA,EAAUC,MAGX,IACR,~~IAEoB~~"}
1	+ {"version":3,"file":"useQueryBuilderCache.js","sources":["../../../../../src/components/QueryBuilder/hooks/useQueryBuilderCache.tsx"],"sourcesContent":["import { useDispatch } from 'react-redux';\nimport { queryBuilderCacheSlice } from '../redux/queryBuilderCache.reducer';\nimport { useQueryBuilderCacheSelector } from '../redux/selectors/useQueryBuilderCacheSelector';\nimport { BaseQueryBuilderResponse } from '../types/QueryBuilderAPI.type';\n\nexport const useQueryBuilderCache = () => {\n\tconst dispatcher = useDispatch();\n\tconst cacheState = useQueryBuilderCacheSelector();\n\n\tconst cacheWrap = async (\n\t\tcb: () => Promise<{ data?: BaseQueryBuilderResponse; error?: string }>,\n\t\tkey: string,\n\t\tupdateCache = true,\n\t) => {\n\t\tif (cacheState?.[key]) {\n\t\t\t/** Cache hit */\n\t\t\treturn cacheState[key];\n\t\t}\n\n\t\tconst response = await cb();\n\n\t\tif (response?.data) {\n\t\t\tif (updateCache)\n\t\t\t\tdispatcher(\n\t\t\t\t\tqueryBuilderCacheSlice.actions.initKey({ key, data: response.data }),\n\t\t\t\t);\n\n\t\t\treturn response?.data;\n\t\t}\n\n\t\treturn null;\n\t};\n\n\treturn { cacheWrap };\n};\n"],"names":["useQueryBuilderCache","dispatcher","useDispatch","cacheState","useQueryBuilderCacheSelector","cacheWrap","cb","key","updateCache","arguments","length","undefined","__awaiter","response","data","queryBuilderCacheSlice","actions","initKey"],"mappings":"0RAKoCA,KACnC,MAAMC,EAAaC,EAAAA,cACbC,EAAaC,EAAAA,+BA0BnB,MAAO,CAAEC,UAxBS,SACjBC,EACAC,GAAW,IACXC,IAAWC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAAO,OACfG,EAAAA,eAAA,OAAA,OAAA,GAAA,YACH,GAAIT,aAAU,EAAVA,EAAaI,GAEhB,OAAOJ,EAAWI,GAGnB,MAAMM,QAAiBP,IAEvB,OAAIO,eAAAA,EAAUC,OACTN,GACHP,EACCc,yBAAuBC,QAAQC,QAAQ,CAAEV,MAAKO,KAAMD,EAASC,QAGxDD,eAAAA,EAAUC,MAGX,IACR,GAAC,EAEmB"}

package/dist/cjs/components/SearchFilter/components/DatePickerButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerButton.js","sources":["../../../../../src/components/SearchFilter/components/DatePickerButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DatePickerButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate?.toDateString().length * 12}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={selectedDate ? selectedDate.toDateString() : text ?? ''}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={selectedDate ? selectedDate.toDateString() : undefined}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\tonSelectDate={(date) => {\n\t\t\t\t\t\t\tsetSelectedDate(date);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect(date);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDatePickerButton.displayName = 'DatePickerButton';\n"],"names":["DatePickerButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","toDateString","length","_jsxs","style","position","children","_jsx","jsx","Object","assign","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","undefined","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectDate","date","displayName"],"mappings":"mmDAWaA,MAAAA,EAKRC,aAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAA,OAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,EAAQA,UAAC,IAClCC,EAAcC,GAAmBF,EAAQA,SAAc,MAExDG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EACyC,IAAtCA,aAAY,EAAZA,EAAcO,eAAeC,QAAhC,KACiB,GAAdhB,EAAKgB,~~OAAR~~,~~KAEH,~~OACCC,4BAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAA,CAAAC,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CACCC,QAASA,IAAMnB,GAAWoB,IAAUA,IACpCR,MAAO,CAAES,OAAQ,UAAWf,MAAO,OAAQgB,OAAQ,SAAQ,CAAAR,SAE9C,UAAZlB,EACAmB,EAAAA,IAACQ,EAAAA,IAAG,CACHC,QAAStB,EAAeA,EAAaO,eAAiBf,QAAAA,EAAQ,GAC9D+B,MAAM,QACNC,KAAK,UACL9B,QAAQ,UACR+B,aAAcC,EAAAA,UAGfb,EAAAA,IAACc,EAAAA,kBAAkBC,SAClBb,OAAAC,OAAA,CAAAa,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRhB,MAAO,OACP2B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAzB,SAEDC,MAACyB,QAAK,CACLC,MAAO,WACPV,MAAO7B,EAAeA,EAAaO,oBAAiBiC,EACpD9C,QAAS,QACT+C,YAAajD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPwC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL/B,EAACC,IAAA+B,UACA,CAAAnC,MAAO,CACNoC,UAAWjD,EAAa,iBAAmB,gBAE5CoB,QAASA,OAGTb,MAAO,GACPgB,OAAQ,GACR2B,MAAOC,EAAaA,cAACC,SAASC,QAAQC,mBAQ5CtD,GACAgB,EAAAA,IAAK,MAAAE,OAAAC,OAAA,CAAAN,MAAO,CAAEC,SAAU,WAAYyC,IAAK,qBAAoB,CAAAxC,SAC5DC,EAACC,IAAAuC,cACAC,aAAa,EACbC,aAAeC,IACdvD,EAAgBuD,GAChB1D,GAAU,GACVL,EAAS+D,EAAK,UAKb,EAIRlE,EAAiBmE,YAAc"}
1	+ {"version":3,"file":"DatePickerButton.js","sources":["../../../../../src/components/SearchFilter/components/DatePickerButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DatePickerButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate?.toDateString().length * 12}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={selectedDate ? selectedDate.toDateString() : text ?? ''}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={selectedDate ? selectedDate.toDateString() : undefined}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\tonSelectDate={(date) => {\n\t\t\t\t\t\t\tsetSelectedDate(date);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect(date);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDatePickerButton.displayName = 'DatePickerButton';\n"],"names":["DatePickerButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","toDateString","length","_jsxs","style","position","children","_jsx","jsx","Object","assign","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","undefined","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectDate","date","displayName"],"mappings":"mmDAWaA,MAAAA,EAKRC,aAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAA,OAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,EAAQA,UAAC,IAClCC,EAAcC,GAAmBF,EAAQA,SAAc,MAExDG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EACyC,IAAtCA,aAAY,EAAZA,EAAcO,eAAeC,QAAhC,KACiB,GAAdhB,EAAKgB,YAEX,OACCC,4BAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAA,CAAAC,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CACCC,QAASA,IAAMnB,GAAWoB,IAAUA,IACpCR,MAAO,CAAES,OAAQ,UAAWf,MAAO,OAAQgB,OAAQ,SAAQ,CAAAR,SAE9C,UAAZlB,EACAmB,EAAAA,IAACQ,EAAAA,IAAG,CACHC,QAAStB,EAAeA,EAAaO,eAAiBf,QAAAA,EAAQ,GAC9D+B,MAAM,QACNC,KAAK,UACL9B,QAAQ,UACR+B,aAAcC,EAAAA,UAGfb,EAAAA,IAACc,EAAAA,kBAAkBC,SAClBb,OAAAC,OAAA,CAAAa,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRhB,MAAO,OACP2B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAzB,SAEDC,MAACyB,QAAK,CACLC,MAAO,WACPV,MAAO7B,EAAeA,EAAaO,oBAAiBiC,EACpD9C,QAAS,QACT+C,YAAajD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPwC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL/B,EAACC,IAAA+B,UACA,CAAAnC,MAAO,CACNoC,UAAWjD,EAAa,iBAAmB,gBAE5CoB,QAASA,OAGTb,MAAO,GACPgB,OAAQ,GACR2B,MAAOC,EAAaA,cAACC,SAASC,QAAQC,mBAQ5CtD,GACAgB,EAAAA,IAAK,MAAAE,OAAAC,OAAA,CAAAN,MAAO,CAAEC,SAAU,WAAYyC,IAAK,qBAAoB,CAAAxC,SAC5DC,EAACC,IAAAuC,cACAC,aAAa,EACbC,aAAeC,IACdvD,EAAgBuD,GAChB1D,GAAU,GACVL,EAAS+D,EAAK,UAKb,EAIRlE,EAAiBmE,YAAc"}

package/dist/cjs/components/SearchFilter/components/DateRangeOnlyButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangeOnlyButton.js","sources":["../../../../../src/components/SearchFilter/components/DateRangeOnlyButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DateRangeOnlyButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date[]) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date[]>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate[0]?.toDateString().length * 12 * 2}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={true}\n\t\t\t\t\t\tonSelectRange={(start, end) => {\n\t\t\t\t\t\t\tsetSelectedDate([start, end]);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect([start, end]);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDateRangeOnlyButton.displayName = 'DateRangeOnlyButton';\n"],"names":["DateRangeOnlyButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","_d","toDateString","length","_jsxs","Object","assign","style","position","children","_jsx","jsx","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectRange","start","end","displayName"],"mappings":"mmDAWaA,MAAAA,EAKRC,eAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAA,OAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,EAAQA,UAAC,IAClCC,EAAcC,GAAmBF,EAAQA,SAAgB,MAE1DG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EAC4C,IAAxB,QAAjBO,EAAAP,EAAa,UAAI,IAAAO,OAAA,EAAAA,EAAAC,eAAeC,QAAc,~~EAAjD~~,~~KACiB~~,GAAdjB,EAAKiB,~~OAAR~~,~~KAEH,~~OACCC,OAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,SAAU,aAAY,CAAAC,SAAA,CACnCC,EACCC,IAAA,MAAAN,OAAAC,OAAA,CAAAM,QAASA,IAAMpB,GAAWqB,IAAUA,IACpCN,MAAO,CAAEO,OAAQ,UAAWhB,MAAO,OAAQiB,OAAQ,SAAQ,CAAAN,SAE9C,UAAZrB,EACAsB,EAAAA,IAACM,EAAAA,IAAG,CACHC,SACCvB,aAAA,EAAAA,EAAcS,~~QACX~~,~~GAAGT~~,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZgC,MAAM,QACNC,KAAK,UACL/B,QAAQ,UACRgC,aAAcC,EAAAA,UAGfX,EAAAA,IAACY,EAAAA,kBAAkBC,SAAQlB,OAAAC,OAAA,CAC1BkB,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRjB,MAAO,OACP4B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAvB,SAEDC,MAACuB,QAAK,CACLC,MAAO,WACPV,OACC9B,aAAA,EAAAA,EAAcS,~~QACX~~,~~GAAGT~~,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZE,QAAS,QACT+C,YAAajD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPwC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL5B,EAACC,IAAA4B,UACA,CAAAhC,MAAO,CACNiC,UAAWjD,EAAa,iBAAmB,gBAE5CqB,QAASA,OAGTd,MAAO,GACPiB,OAAQ,GACR0B,MAAOC,EAAaA,cAACC,SAASC,QAAQC,mBAQ5CtD,GACAmB,EAAAA,IAAK,MAAAL,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYsC,IAAK,qBACxC,CAAArC,SAAAC,EAAAC,IAACoC,aAAU,CACVC,aAAa,EACbC,cAAeA,CAACC,EAAOC,KACtBxD,EAAgB,CAACuD,EAAOC,IACxB3D,GAAU,GACVL,EAAS,CAAC+D,EAAOC,GAAK,UAKrB,EAIRnE,EAAoBoE,YAAc"}
1	+ {"version":3,"file":"DateRangeOnlyButton.js","sources":["../../../../../src/components/SearchFilter/components/DateRangeOnlyButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DateRangeOnlyButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date[]) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date[]>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate[0]?.toDateString().length * 12 * 2}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={true}\n\t\t\t\t\t\tonSelectRange={(start, end) => {\n\t\t\t\t\t\t\tsetSelectedDate([start, end]);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect([start, end]);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDateRangeOnlyButton.displayName = 'DateRangeOnlyButton';\n"],"names":["DateRangeOnlyButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","_d","toDateString","length","_jsxs","Object","assign","style","position","children","_jsx","jsx","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectRange","start","end","displayName"],"mappings":"mmDAWaA,MAAAA,EAKRC,eAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAA,OAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,EAAQA,UAAC,IAClCC,EAAcC,GAAmBF,EAAQA,SAAgB,MAE1DG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EAC4C,IAAxB,QAAjBO,EAAAP,EAAa,UAAI,IAAAO,OAAA,EAAAA,EAAAC,eAAeC,QAAc,EAA9C,KACc,GAAdjB,EAAKiB,YAEX,OACCC,OAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,SAAU,aAAY,CAAAC,SAAA,CACnCC,EACCC,IAAA,MAAAN,OAAAC,OAAA,CAAAM,QAASA,IAAMpB,GAAWqB,IAAUA,IACpCN,MAAO,CAAEO,OAAQ,UAAWhB,MAAO,OAAQiB,OAAQ,SAAQ,CAAAN,SAE9C,UAAZrB,EACAsB,EAAAA,IAACM,EAAAA,IAAG,CACHC,SACCvB,aAAA,EAAAA,EAAcS,QACR,GAAAT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZgC,MAAM,QACNC,KAAK,UACL/B,QAAQ,UACRgC,aAAcC,EAAAA,UAGfX,EAAAA,IAACY,EAAAA,kBAAkBC,SAAQlB,OAAAC,OAAA,CAC1BkB,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRjB,MAAO,OACP4B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAvB,SAEDC,MAACuB,QAAK,CACLC,MAAO,WACPV,OACC9B,aAAA,EAAAA,EAAcS,QACR,GAAAT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZE,QAAS,QACT+C,YAAajD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPwC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL5B,EAACC,IAAA4B,UACA,CAAAhC,MAAO,CACNiC,UAAWjD,EAAa,iBAAmB,gBAE5CqB,QAASA,OAGTd,MAAO,GACPiB,OAAQ,GACR0B,MAAOC,EAAaA,cAACC,SAASC,QAAQC,mBAQ5CtD,GACAmB,EAAAA,IAAK,MAAAL,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYsC,IAAK,qBACxC,CAAArC,SAAAC,EAAAC,IAACoC,aAAU,CACVC,aAAa,EACbC,cAAeA,CAACC,EAAOC,KACtBxD,EAAgB,CAACuD,EAAOC,IACxB3D,GAAU,GACVL,EAAS,CAAC+D,EAAOC,GAAK,UAKrB,EAIRnE,EAAoBoE,YAAc"}

package/dist/cjs/components/SearchFilter/components/FilterChipListRenderer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../half-doughnut-chart/HalfDoughnutChart.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var i=require("../../../assets/icons/cross.svg.js"),t=require("../types/SearchFilter.type.js");exports.FilterChipListRenderer=({selectedState:n,onDeSelect:l})=>e.jsx(e.Fragment,{children:n.map((n=>{var s,o,d,c,p,u,h,y,v,j,g;if(n.type===t.FilterType.Multiple)return e.jsx(e.Fragment,{children:null===(s=n.value)||void 0===s?void 0:s.map((r=>{var t,s;return e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,r),style:{cursor:"pointer"},tagText:null!==(s=null===(t=r.label)||void 0===t?void 0:t.slice(0,10))&&void 0!==s?s:"",type:"neutral",theme:"light",TrailingIcon:i.default},`${n.id}-${r.value}`)}))});if(n.type===t.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:r.formatDate(n.value),type:"neutral",theme:"light",TrailingIcon:i.default},n.id);if(n.type===t.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:`${r.formatDate(null===(o=n.value)||void 0===o?void 0:o[0])} to ${r.formatDate(null===(d=n.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},n.id);return(n.type===t.FilterType.Single?null!==(p=null===(c=n.value)||void 0===c?void 0:c.label)&&void 0!==p?p:"":null!==(h=null===(u=n.value)||void 0===u?void 0:u.toString())&&void 0!==h?h:"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>l(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===t.FilterType.Single?null!==(v=null===(y=n.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=n.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:i.default},n.id):e.jsx(e.Fragment,{})}))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../tooltips/Tooltip.js"),require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../analytics-chips-and-dropdowns/CommonStyles.js");var r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js");require("react"),require("../../analytics-chips-and-dropdowns/AnalyticsMetric.js"),require("../../shimmer/ShimmerComponent/ShimmerStyled.js"),require("../../../utils/DateUtils.js");var a=require("../../tag/Tag.js");require("../../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js"),require("../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js"),require("react-bootstrap"),require("../../half-doughnut-chart/HalfDoughnutChart.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js"),require("../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js"),require("../../analytics-chips-and-dropdowns/chart/scoreBlock/types.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js"),require("../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js"),require("../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js"),require("../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js"),require("../../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js"),require("../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js");var i=require("../../../assets/icons/cross.svg.js"),t=require("../types/SearchFilter.type.js");exports.FilterChipListRenderer=n=>{let{selectedState:l,onDeSelect:s}=n;return e.jsx(e.Fragment,{children:l.map((n=>{var l,o,d,c,u,p,h,y,v,j,g;if(n.type===t.FilterType.Multiple)return e.jsx(e.Fragment,{children:null===(l=n.value)||void 0===l?void 0:l.map((r=>{var t,l;return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,r),style:{cursor:"pointer"},tagText:null!==(l=null===(t=r.label)||void 0===t?void 0:t.slice(0,10))&&void 0!==l?l:"",type:"neutral",theme:"light",TrailingIcon:i.default},`${n.id}-${r.value}`)}))});if(n.type===t.FilterType.Date)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:r.formatDate(n.value),type:"neutral",theme:"light",TrailingIcon:i.default},n.id);if(n.type===t.FilterType.DateRange)return e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:`${r.formatDate(null===(o=n.value)||void 0===o?void 0:o[0])} to ${r.formatDate(null===(d=n.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},n.id);return(n.type===t.FilterType.Single?null!==(u=null===(c=n.value)||void 0===c?void 0:c.label)&&void 0!==u?u:"":null!==(h=null===(p=n.value)||void 0===p?void 0:p.toString())&&void 0!==h?h:"")?e.jsx(a.Tag,{onTrailingIconClicked:()=>s(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===t.FilterType.Single?null!==(v=null===(y=n.value)||void 0===y?void 0:y.label)&&void 0!==v?v:"":null!==(g=null===(j=n.value)||void 0===j?void 0:j.toString())&&void 0!==g?g:"",type:"neutral",theme:"light",TrailingIcon:i.default},n.id):e.jsx(e.Fragment,{})}))})};
 //# sourceMappingURL=FilterChipListRenderer.js.map

package/dist/cjs/components/SearchFilter/components/FilterChipListRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterChipListRenderer.js","sources":["../../../../../src/components/SearchFilter/components/FilterChipListRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { formatDate } from '@src/components/analytics-chips-and-dropdowns';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Tag } from '@src/components/tag';\nimport CrossIcon from '../../../assets/icons/cross.svg';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n} from '../types/SearchFilter.type';\n\nexport const FilterChipListRenderer: React.FC<{\n\tselectedState: SearchFilterOutputState[];\n\tonDeSelect: (id: string, value: FilterValueType) => void;\n}> = ({ selectedState, onDeSelect }) => {\n\treturn (\n\t\t<>\n\t\t\t{selectedState.map((item) => {\n\t\t\t\tif (item.type === FilterType.Multiple) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{(item.value as DropdownOption[])?.map((val) => (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, val)}\n\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\tkey={`${item.id}-${(val as SingleOption).value}`}\n\t\t\t\t\t\t\t\t\ttagText={val.label?.slice(0, 10) ?? ''}\n\t\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.Date) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={formatDate(item.value as Date)}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.DateRange) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={`${formatDate(item.value?.[0])} to ${formatDate(\n\t\t\t\t\t\t\t\titem.value?.[1],\n\t\t\t\t\t\t\t)}`}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst tagText =\n\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t: item.value?.toString() ?? '';\n\t\t\t\tif (!tagText) {\n\t\t\t\t\treturn <></>;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t\t\t: item.value?.toString() ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n"],"names":["~~FilterChipListRenderer~~","selectedState","onDeSelect","_jsx","map","item","type","FilterType","Multiple","_Fragment","children","_a","value","val","Tag","onTrailingIconClicked","id","style","cursor","tagText","_b","label","slice","theme","TrailingIcon","CrossIcon","Date","formatDate","DateRange","_c","Single","_d","_e","_g","_f","toString","_h","_j","_l","_k"],"mappings":"6nEAcKA,~~EAAGC~~,~~gBAAeC~~,~~gBAErBC~~,EAAAA,yBACEF,EAAcG,KAAKC,8BACnB,GAAIA,EAAKC,OAASC,EAAUA,WAACC,SAC5B,OACCL,EAAAA,IAAAM,EAAAA,SAAA,CAAAC,SACoC,QAAjCC,EAAAN,EAAKO,aAA4B,IAAAD,OAAA,EAAAA,EAAAP,KAAKS,YAAQ,OAC/CV,EAAAA,IAACW,EAAAA,IAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIH,GACjDI,MAAO,CAAEC,OAAQ,WAEjBC,QAAgC,QAAvBC,EAAW,QAAXT,EAAAE,EAAIQ,aAAO,IAAAV,OAAA,EAAAA,EAAAW,MAAM,EAAG,WAAG,IAAAF,EAAAA,EAAI,GACpCd,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SAJT,GAAGpB,EAAKW,MAAOH,EAAqBD,QAKxC,MAMN,GAAIP,EAAKC,OAASC,EAAUA,WAACmB,KAC5B,OACCvB,EAAAA,IAACW,EAAAA,IACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QAASQ,EAAAA,WAAWtB,EAAKO,OACzBN,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SAJTpB,EAAKW,IASb,GAAIX,EAAKC,OAASC,EAAUA,WAACqB,UAC5B,OACCzB,EAAAA,IAACW,EAAAA,IAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,~~QAAS~~,~~GAAGQ~~,EAAAA,WAAwB,QAAbP,EAAAf,EAAKO,aAAQ,IAAAQ,OAAA,EAAAA,EAAA,UAAUO,EAAUA,WAC7C,QAAVE,EAAAxB,EAAKO,aAAK,IAAAiB,OAAA,EAAAA,EAAG,MAEdvB,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SANTpB,EAAKW,IAcb,OAHCX,EAAKC,OAASC,EAAAA,WAAWuB,OACa,UAAP,QAA3BC,EAAA1B,EAAKO,aAAsB,IAAAmB,OAAA,EAAAA,EAAEV,aAAK,IAAAW,EAAAA,EAAI,GACb,QAA1BC,EAAU,QAAVC,EAAA7B,EAAKO,aAAK,IAAAsB,OAAA,EAAAA,EAAEC,kBAAc,IAAAF,EAAAA,EAAA,IAK7B9B,EAAAA,IAACW,EAAAA,IACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QACCd,EAAKC,OAASC,EAAUA,WAACuB,OACa,UAAP,QAA3BM,EAAA/B,EAAKO,aAAsB,IAAAwB,OAAA,EAAAA,EAAEf,aAAK,IAAAgB,EAAAA,EAAI,GACjB,QAAtBC,EAAY,QAAZC,EAAAlC,EAAKO,aAAO,IAAA2B,OAAA,EAAAA,EAAAJ,kBAAU,IAAAG,EAAAA,EAAI,GAE9BhC,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SARTpB,EAAKW,IANJb,oBAeL"}
1	+ {"version":3,"file":"FilterChipListRenderer.js","sources":["../../../../../src/components/SearchFilter/components/FilterChipListRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport { formatDate } from '@src/components/analytics-chips-and-dropdowns';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Tag } from '@src/components/tag';\nimport CrossIcon from '../../../assets/icons/cross.svg';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n} from '../types/SearchFilter.type';\n\nexport const FilterChipListRenderer: React.FC<{\n\tselectedState: SearchFilterOutputState[];\n\tonDeSelect: (id: string, value: FilterValueType) => void;\n}> = ({ selectedState, onDeSelect }) => {\n\treturn (\n\t\t<>\n\t\t\t{selectedState.map((item) => {\n\t\t\t\tif (item.type === FilterType.Multiple) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{(item.value as DropdownOption[])?.map((val) => (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, val)}\n\t\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\t\tkey={`${item.id}-${(val as SingleOption).value}`}\n\t\t\t\t\t\t\t\t\ttagText={val.label?.slice(0, 10) ?? ''}\n\t\t\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.Date) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={formatDate(item.value as Date)}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif (item.type === FilterType.DateRange) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\ttagText={`${formatDate(item.value?.[0])} to ${formatDate(\n\t\t\t\t\t\t\t\titem.value?.[1],\n\t\t\t\t\t\t\t)}`}\n\t\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst tagText =\n\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t: item.value?.toString() ?? '';\n\t\t\t\tif (!tagText) {\n\t\t\t\t\treturn <></>;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tonTrailingIconClicked={() => onDeSelect(item.id, item.value!)}\n\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\titem.type === FilterType.Single\n\t\t\t\t\t\t\t\t? (item.value as SingleOption)?.label ?? ''\n\t\t\t\t\t\t\t\t: item.value?.toString() ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\tTrailingIcon={CrossIcon}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n"],"names":["_ref","selectedState","onDeSelect","_jsx","map","item","type","FilterType","Multiple","_Fragment","children","_a","value","val","Tag","onTrailingIconClicked","id","style","cursor","tagText","_b","label","slice","theme","TrailingIcon","CrossIcon","Date","formatDate","DateRange","_c","Single","_d","_e","_g","_f","toString","_h","_j","_l","_k"],"mappings":"6nEAcKA,IAAkC,IAAjCC,cAAEA,EAAaC,WAAEA,GAAYF,EAClC,OACCG,EAAAA,yBACEF,EAAcG,KAAKC,8BACnB,GAAIA,EAAKC,OAASC,EAAUA,WAACC,SAC5B,OACCL,EAAAA,IAAAM,EAAAA,SAAA,CAAAC,SACoC,QAAjCC,EAAAN,EAAKO,aAA4B,IAAAD,OAAA,EAAAA,EAAAP,KAAKS,YAAQ,OAC/CV,EAAAA,IAACW,EAAAA,IAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIH,GACjDI,MAAO,CAAEC,OAAQ,WAEjBC,QAAgC,QAAvBC,EAAW,QAAXT,EAAAE,EAAIQ,aAAO,IAAAV,OAAA,EAAAA,EAAAW,MAAM,EAAG,WAAG,IAAAF,EAAAA,EAAI,GACpCd,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SAJT,GAAGpB,EAAKW,MAAOH,EAAqBD,QAKxC,MAMN,GAAIP,EAAKC,OAASC,EAAUA,WAACmB,KAC5B,OACCvB,EAAAA,IAACW,EAAAA,IACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QAASQ,EAAAA,WAAWtB,EAAKO,OACzBN,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SAJTpB,EAAKW,IASb,GAAIX,EAAKC,OAASC,EAAUA,WAACqB,UAC5B,OACCzB,EAAAA,IAACW,EAAAA,IAAG,CACHC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QAAY,GAAAQ,EAAAA,WAAwB,QAAbP,EAAAf,EAAKO,aAAQ,IAAAQ,OAAA,EAAAA,EAAA,UAAUO,EAAUA,WAC7C,QAAVE,EAAAxB,EAAKO,aAAK,IAAAiB,OAAA,EAAAA,EAAG,MAEdvB,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SANTpB,EAAKW,IAcb,OAHCX,EAAKC,OAASC,EAAAA,WAAWuB,OACa,UAAP,QAA3BC,EAAA1B,EAAKO,aAAsB,IAAAmB,OAAA,EAAAA,EAAEV,aAAK,IAAAW,EAAAA,EAAI,GACb,QAA1BC,EAAU,QAAVC,EAAA7B,EAAKO,aAAK,IAAAsB,OAAA,EAAAA,EAAEC,kBAAc,IAAAF,EAAAA,EAAA,IAK7B9B,EAAAA,IAACW,EAAAA,IACA,CAAAC,sBAAuBA,IAAMb,EAAWG,EAAKW,GAAIX,EAAKO,OACtDK,MAAO,CAAEC,OAAQ,WAEjBC,QACCd,EAAKC,OAASC,EAAUA,WAACuB,OACa,UAAP,QAA3BM,EAAA/B,EAAKO,aAAsB,IAAAwB,OAAA,EAAAA,EAAEf,aAAK,IAAAgB,EAAAA,EAAI,GACjB,QAAtBC,EAAY,QAAZC,EAAAlC,EAAKO,aAAO,IAAA2B,OAAA,EAAAA,EAAAJ,kBAAU,IAAAG,EAAAA,EAAI,GAE9BhC,KAAK,UACLiB,MAAM,QACNC,aAAcC,EAAAA,SARTpB,EAAKW,IANJb,oBAeL,KAGF"}

package/dist/cjs/components/SearchFilter/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),r=require("../searchBar/searchBar.js"),i=require("./components/FilterChipListRenderer.js"),l=require("./components/SearchFilterItem.js"),n=require("./types/SearchFilter.type.js");exports.SearchFilter=({direction:a="row",schema:s,variant:c,onChange:d,showSelectedChips:u})=>{var p,o,f;const v=e.useRef(null!==(p=null==s?void 0:s.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==p?p:[]),[h,x]=e.useState([]),y=s.find((e=>e.type===n.FilterType.Search)),g=e=>{y&&"string"==typeof e&&j(y.id,e)},j=(e,t)=>{const r=s.find((t=>t.id===e)),i=[...h];if(r){const l=i.findIndex((t=>t.id===e));-1!==l?i[l]={id:r.id,value:t}:i.push({id:r.id,value:t});const n=v.current.find((t=>t.id===e));v.current=n?v.current.map((r=>r.id===e?{id:r.id,value:t,type:r.type,text:r.text}:r)):[...v.current,{id:e,value:t,type:r.type,text:r.text}],d(r.id,v.current,t),x([...i])}};return t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:a,gap:8,flexWrap:"wrap",alignItems:"row"===a?"center":"self-start"}},{children:[y&&t.jsx(r.SearchBar,{width:null!==(f=null===(o=y.width)||void 0===o?void 0:o.toString())&&void 0!==f?f:"100%",isEnabled:!0,onChange:g,onEnter:g,placeholder:y.text,variant:"small"}),t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===a?"center":"self-start"}},{children:s.filter((e=>e.type!==n.FilterType.Search)).map(((t,r)=>e.createElement(l.SearchFilterItem,Object.assign({},t,{key:r,variant:c,onChange:e=>{j(t.id,e)}}))))}))]})),u&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:t.jsx(i.FilterChipListRenderer,{selectedState:v.current,onDeSelect:(e,t)=>{const r=s.find((t=>t.id===e));let i=[...h];r&&(r.type===n.FilterType.Multiple?(i=i.map((r=>{if(r.id===e){const e=r.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e)),v.current=v.current.map((r=>{var i;if(r.id===e){const e=null===(i=r.value)||void 0===i?void 0:i.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e))):(i=i.filter((t=>t.id!==e)),v.current=v.current.filter((t=>t.id!==e))),d(r.id,v.current,t),x([...i]))}})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),r=require("../searchBar/searchBar.js"),i=require("./components/FilterChipListRenderer.js"),l=require("./components/SearchFilterItem.js"),n=require("./types/SearchFilter.type.js");exports.SearchFilter=a=>{let{direction:s="row",schema:c,variant:d,onChange:u,showSelectedChips:p}=a;var o,f,v;const h=e.useRef(null!==(o=null==c?void 0:c.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==o?o:[]),[x,y]=e.useState([]),g=c.find((e=>e.type===n.FilterType.Search)),j=e=>{g&&"string"==typeof e&&m(g.id,e)},m=(e,t)=>{const r=c.find((t=>t.id===e)),i=[...x];if(r){const l=i.findIndex((t=>t.id===e));-1!==l?i[l]={id:r.id,value:t}:i.push({id:r.id,value:t});const n=h.current.find((t=>t.id===e));h.current=n?h.current.map((r=>r.id===e?{id:r.id,value:t,type:r.type,text:r.text}:r)):[...h.current,{id:e,value:t,type:r.type,text:r.text}],u(r.id,h.current,t),y([...i])}};return t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:s,gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"}},{children:[g&&t.jsx(r.SearchBar,{width:null!==(v=null===(f=g.width)||void 0===f?void 0:f.toString())&&void 0!==v?v:"100%",isEnabled:!0,onChange:j,onEnter:j,placeholder:g.text,variant:"small"}),t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"}},{children:c.filter((e=>e.type!==n.FilterType.Search)).map(((t,r)=>e.createElement(l.SearchFilterItem,Object.assign({},t,{key:r,variant:d,onChange:e=>{m(t.id,e)}}))))}))]})),p&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:t.jsx(i.FilterChipListRenderer,{selectedState:h.current,onDeSelect:(e,t)=>{const r=c.find((t=>t.id===e));let i=[...x];r&&(r.type===n.FilterType.Multiple?(i=i.map((r=>{if(r.id===e){const e=r.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e)),h.current=h.current.map((r=>{var i;if(r.id===e){const e=null===(i=r.value)||void 0===i?void 0:i.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e))):(i=i.filter((t=>t.id!==e)),h.current=h.current.filter((t=>t.id!==e))),u(r.id,h.current,t),y([...i]))}})}))]}))};
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/SearchFilter/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/SearchFilter/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SingleOption } from '../dropdown/type';\nimport { SearchBar } from '../searchBar';\nimport { FilterChipListRenderer } from './components/FilterChipListRenderer';\nimport { SearchFilterItem } from './components/SearchFilterItem';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n\tSearchFilterProps,\n} from './types/SearchFilter.type';\n\nexport const SearchFilter: React.FC<SearchFilterProps> = ({\n\tdirection = 'row',\n\tschema,\n\tvariant,\n\tonChange,\n\tshowSelectedChips,\n}) => {\n\t/** this will always have the latest value and all the selected ids /\n\tconst selectedStateRef = useRef<SearchFilterOutputState[]>(\n\t\tschema\n\t\t\t?.filter((filterItem) => filterItem.defaultValue)\n\t\t\t.map(\n\t\t\t\t(filterItem) =>\n\t\t\t\t\t({\n\t\t\t\t\t\tid: filterItem.id,\n\t\t\t\t\t\tvalue: filterItem.defaultValue,\n\t\t\t\t\t\ttype: filterItem.type,\n\t\t\t\t\t\ttext: filterItem.text,\n\t\t\t\t\t} as SearchFilterOutputState),\n\t\t\t) ?? [],\n\t);\n\n\tconst [selectedIds, setSelectedIds] = useState<\n\t\t{ id: string; value: FilterValueType }[]\n\t>([]);\n\n\tconst searchSchema = schema.find(\n\t\t(filterItem) => filterItem.type === FilterType.Search,\n\t);\n\n\tconst onSearchChange = (searchText: string) => {\n\t\tif (searchSchema && typeof searchText === 'string') {\n\t\t\tselect(searchSchema.id, searchText);\n\t\t}\n\t};\n\n\tconst select = (id: string, value: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tconst localSelectedIds = [...selectedIds];\n\n\t\tif (selectedSchema) {\n\t\t\tconst idx = localSelectedIds.findIndex((el) => el.id === id);\n\t\t\tif (idx !== -1) {\n\t\t\t\tlocalSelectedIds[idx] = { id: selectedSchema.id, value };\n\t\t\t} else {\n\t\t\t\tlocalSelectedIds.push({ id: selectedSchema.id, value });\n\t\t\t}\n\n\t\t\t/\n\t\t\t loop through selectedStateRef.current and if `id` present (1), update the value\n\t\t\t * and if id not present (2), push\n\t\t\t /\n\n\t\t\tconst idPresent = selectedStateRef.current.find(\n\t\t\t\t(selectedSchemaItem) => selectedSchemaItem.id === id,\n\t\t\t);\n\n\t\t\tif (idPresent) {\n\t\t\t\t/* (1) /\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.map(\n\t\t\t\t\t(selectedSchemaItem) => {\n\t\t\t\t\t\tif (selectedSchemaItem.id === id) {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tid: selectedSchemaItem.id,\n\t\t\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\t\t\ttype: selectedSchemaItem.type,\n\t\t\t\t\t\t\t\ttext: selectedSchemaItem.text,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn selectedSchemaItem;\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t/* (2) /\n\t\t\t\tselectedStateRef.current = [\n\t\t\t\t\t...selectedStateRef.current,\n\t\t\t\t\t{\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\ttype: selectedSchema.type,\n\t\t\t\t\t\ttext: selectedSchema.text,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\tconst deSelect = (id: string, value?: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tlet localSelectedIds = [...selectedIds];\n\t\tif (selectedSchema) {\n\t\t\t/\n\t\t\t only FilterType.Multiple, id can be present in selectedIds and selectedStateRef, so\n\t\t\t * delete id always except for FilterType.Multiple,\n\t\t\t \n\t\t\t for FilterType.Multiple,\n\t\t\t * \t\tif value.length === 0, delete id\n\t\t\t * \t\telse\n\t\t\t * \t\t\tjust update the value\n\t\t\t \n\t\t\t /\n\n\t\t\tif (selectedSchema.type === FilterType.Multiple) {\n\t\t\t\t/** only update value i.e remove value from selectedItem.value /\n\t\t\t\tlocalSelectedIds = localSelectedIds\n\t\t\t\t\t.map((selected) => {\n\t\t\t\t\t\tif (selected.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selected.value as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selected,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selected;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as {\n\t\t\t\t\tid: string;\n\t\t\t\t\tvalue: FilterValueType;\n\t\t\t\t}[];\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current\n\t\t\t\t\t.map((selectedItem) => {\n\t\t\t\t\t\tif (selectedItem.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selectedItem.value as SingleOption[])?.filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selectedItem,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selectedItem;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as SearchFilterOutputState[];\n\t\t\t} else {\n\t\t\t\t/* Delete */\n\t\t\t\tlocalSelectedIds = localSelectedIds.filter(\n\t\t\t\t\t(selected) => selected.id !== id,\n\t\t\t\t);\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.filter(\n\t\t\t\t\t(selectedItem) => selectedItem.id !== id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: direction,\n\t\t\t\t\tgap: 8,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{searchSchema && (\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth={searchSchema.width?.toString() ?? '100%'}\n\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\tonChange={onSearchChange}\n\t\t\t\t\t\tonEnter={onSearchChange}\n\t\t\t\t\t\tplaceholder={searchSchema.text}\n\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{schema\n\t\t\t\t\t\t.filter((filterItem) => filterItem.type !== FilterType.Search)\n\t\t\t\t\t\t.map((filterItem, i) => (\n\t\t\t\t\t\t\t<SearchFilterItem\n\t\t\t\t\t\t\t\t{...filterItem}\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\tonChange={(val) => {\n\t\t\t\t\t\t\t\t\tselect(filterItem.id, val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{showSelectedChips && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FilterChipListRenderer\n\t\t\t\t\t\tselectedState={selectedStateRef.current}\n\t\t\t\t\t\tonDeSelect={deSelect}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["SearchFilter","direction","schema","variant","onChange","showSelectedChips","selectedStateRef","useRef","_a","filter","filterItem","defaultValue","map","id","value","type","text","selectedIds","setSelectedIds","useState","searchSchema","find","FilterType","Search","onSearchChange","searchText","select","selectedSchema","schemaItem","localSelectedIds","idx","findIndex","el","push","idPresent","current","selectedSchemaItem","_jsxs","style","display","flexDirection","gap","children","jsxs","Object","assign","flexWrap","alignItems","_jsx","jsx","SearchBar","width","_c","_b","toString","isEnabled","onEnter","placeholder","i","_createElement","SearchFilterItem","key","val","FilterChipListRenderer","selectedState","onDeSelect","deSelect","Multiple","selected","newVal","length","selectedItem"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/SearchFilter/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { SingleOption } from '../dropdown/type';\nimport { SearchBar } from '../searchBar';\nimport { FilterChipListRenderer } from './components/FilterChipListRenderer';\nimport { SearchFilterItem } from './components/SearchFilterItem';\nimport {\n\tFilterType,\n\tFilterValueType,\n\tSearchFilterOutputState,\n\tSearchFilterProps,\n} from './types/SearchFilter.type';\n\nexport const SearchFilter: React.FC<SearchFilterProps> = ({\n\tdirection = 'row',\n\tschema,\n\tvariant,\n\tonChange,\n\tshowSelectedChips,\n}) => {\n\t/** this will always have the latest value and all the selected ids /\n\tconst selectedStateRef = useRef<SearchFilterOutputState[]>(\n\t\tschema\n\t\t\t?.filter((filterItem) => filterItem.defaultValue)\n\t\t\t.map(\n\t\t\t\t(filterItem) =>\n\t\t\t\t\t({\n\t\t\t\t\t\tid: filterItem.id,\n\t\t\t\t\t\tvalue: filterItem.defaultValue,\n\t\t\t\t\t\ttype: filterItem.type,\n\t\t\t\t\t\ttext: filterItem.text,\n\t\t\t\t\t} as SearchFilterOutputState),\n\t\t\t) ?? [],\n\t);\n\n\tconst [selectedIds, setSelectedIds] = useState<\n\t\t{ id: string; value: FilterValueType }[]\n\t>([]);\n\n\tconst searchSchema = schema.find(\n\t\t(filterItem) => filterItem.type === FilterType.Search,\n\t);\n\n\tconst onSearchChange = (searchText: string) => {\n\t\tif (searchSchema && typeof searchText === 'string') {\n\t\t\tselect(searchSchema.id, searchText);\n\t\t}\n\t};\n\n\tconst select = (id: string, value: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tconst localSelectedIds = [...selectedIds];\n\n\t\tif (selectedSchema) {\n\t\t\tconst idx = localSelectedIds.findIndex((el) => el.id === id);\n\t\t\tif (idx !== -1) {\n\t\t\t\tlocalSelectedIds[idx] = { id: selectedSchema.id, value };\n\t\t\t} else {\n\t\t\t\tlocalSelectedIds.push({ id: selectedSchema.id, value });\n\t\t\t}\n\n\t\t\t/\n\t\t\t loop through selectedStateRef.current and if `id` present (1), update the value\n\t\t\t * and if id not present (2), push\n\t\t\t /\n\n\t\t\tconst idPresent = selectedStateRef.current.find(\n\t\t\t\t(selectedSchemaItem) => selectedSchemaItem.id === id,\n\t\t\t);\n\n\t\t\tif (idPresent) {\n\t\t\t\t/* (1) /\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.map(\n\t\t\t\t\t(selectedSchemaItem) => {\n\t\t\t\t\t\tif (selectedSchemaItem.id === id) {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\tid: selectedSchemaItem.id,\n\t\t\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\t\t\ttype: selectedSchemaItem.type,\n\t\t\t\t\t\t\t\ttext: selectedSchemaItem.text,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn selectedSchemaItem;\n\t\t\t\t\t},\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\t/* (2) /\n\t\t\t\tselectedStateRef.current = [\n\t\t\t\t\t...selectedStateRef.current,\n\t\t\t\t\t{\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tvalue: value,\n\t\t\t\t\t\ttype: selectedSchema.type,\n\t\t\t\t\t\ttext: selectedSchema.text,\n\t\t\t\t\t},\n\t\t\t\t];\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\tconst deSelect = (id: string, value?: FilterValueType) => {\n\t\tconst selectedSchema = schema.find((schemaItem) => schemaItem.id === id);\n\t\tlet localSelectedIds = [...selectedIds];\n\t\tif (selectedSchema) {\n\t\t\t/\n\t\t\t only FilterType.Multiple, id can be present in selectedIds and selectedStateRef, so\n\t\t\t * delete id always except for FilterType.Multiple,\n\t\t\t \n\t\t\t for FilterType.Multiple,\n\t\t\t * \t\tif value.length === 0, delete id\n\t\t\t * \t\telse\n\t\t\t * \t\t\tjust update the value\n\t\t\t \n\t\t\t /\n\n\t\t\tif (selectedSchema.type === FilterType.Multiple) {\n\t\t\t\t/** only update value i.e remove value from selectedItem.value /\n\t\t\t\tlocalSelectedIds = localSelectedIds\n\t\t\t\t\t.map((selected) => {\n\t\t\t\t\t\tif (selected.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selected.value as SingleOption[]).filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selected,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selected;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as {\n\t\t\t\t\tid: string;\n\t\t\t\t\tvalue: FilterValueType;\n\t\t\t\t}[];\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current\n\t\t\t\t\t.map((selectedItem) => {\n\t\t\t\t\t\tif (selectedItem.id === id) {\n\t\t\t\t\t\t\tconst newVal = (selectedItem.value as SingleOption[])?.filter(\n\t\t\t\t\t\t\t\t(val) => val.value !== (value as SingleOption).value,\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tif (newVal.length) {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...selectedItem,\n\t\t\t\t\t\t\t\t\tvalue: newVal,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn selectedItem;\n\t\t\t\t\t})\n\t\t\t\t\t.filter((selected) => !!selected) as SearchFilterOutputState[];\n\t\t\t} else {\n\t\t\t\t/* Delete */\n\t\t\t\tlocalSelectedIds = localSelectedIds.filter(\n\t\t\t\t\t(selected) => selected.id !== id,\n\t\t\t\t);\n\n\t\t\t\tselectedStateRef.current = selectedStateRef.current.filter(\n\t\t\t\t\t(selectedItem) => selectedItem.id !== id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tonChange(selectedSchema.id, selectedStateRef.current, value);\n\n\t\t\tsetSelectedIds([...localSelectedIds]);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: direction,\n\t\t\t\t\tgap: 8,\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{searchSchema && (\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth={searchSchema.width?.toString() ?? '100%'}\n\t\t\t\t\t\tisEnabled={true}\n\t\t\t\t\t\tonChange={onSearchChange}\n\t\t\t\t\t\tonEnter={onSearchChange}\n\t\t\t\t\t\tplaceholder={searchSchema.text}\n\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\talignItems: direction === 'row' ? 'center' : 'self-start',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{schema\n\t\t\t\t\t\t.filter((filterItem) => filterItem.type !== FilterType.Search)\n\t\t\t\t\t\t.map((filterItem, i) => (\n\t\t\t\t\t\t\t<SearchFilterItem\n\t\t\t\t\t\t\t\t{...filterItem}\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\tvariant={variant}\n\t\t\t\t\t\t\t\tonChange={(val) => {\n\t\t\t\t\t\t\t\t\tselect(filterItem.id, val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{showSelectedChips && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tgap: 8,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FilterChipListRenderer\n\t\t\t\t\t\tselectedState={selectedStateRef.current}\n\t\t\t\t\t\tonDeSelect={deSelect}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["_ref","direction","schema","variant","onChange","showSelectedChips","selectedStateRef","useRef","_a","filter","filterItem","defaultValue","map","id","value","type","text","selectedIds","setSelectedIds","useState","searchSchema","find","FilterType","Search","onSearchChange","searchText","select","selectedSchema","schemaItem","localSelectedIds","idx","findIndex","el","push","idPresent","current","selectedSchemaItem","_jsxs","style","display","flexDirection","gap","children","jsxs","Object","assign","flexWrap","alignItems","_jsx","jsx","SearchBar","width","_c","_b","toString","isEnabled","onEnter","placeholder","i","_createElement","SearchFilterItem","key","val","FilterChipListRenderer","selectedState","onDeSelect","deSelect","Multiple","selected","newVal","length","selectedItem"],"mappings":"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"}

package/dist/cjs/components/TablePagination/TablePagination.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight.svg.js");require("../dropdown/DropdownPopover/index.js");var n=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js");var r=require("../../constants/Theme.js");require("../../_virtual/_tslib.js"),require("lodash/debounce");var s=require("../TypographyStyle.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var i=require("./TablePagination.styled.js");const a=({pageStart:o,pageEnd:t,totalRows:n,shouldShow:i})=>{if(!i)return null;const a=r.DEFAULT_THEME.colorsV2;return e.jsxs(s.BodySecondary,Object.assign({style:{color:a.content.placeholder}},{children:["Showing ",o,"-",t>n?n:t," of"," ",n," results"]}))},d=[5,10,20];exports.TablePagination=({pageNumber:l,pageSize:c,totalRows:p,updatePageNumber:u,updatePageSize:j,hidePageSizeOptions:g,showTotalText:h,totalTextAlignment:w="right",containerStyle:m={},pageSizeOptions:y=d})=>{const q=r.DEFAULT_THEME.colorsV2,x=(l-1)*c+1,S=(l-1)*c+c,b=Math.ceil(p/c),v=1==b;let O=[];O=b>=5?l===b?[l-4,l-3,l-2,l-1,l]:1===l?[l,l+1,l+2,l+3,l+4]:2===l?[l-1,l,l+1,l+2,l+3]:l===b-1?[l-3,l-2,l-1,l,l+1]:[l-2,l-1,l,l+1,l+2]:Array.from({length:b},((e,o)=>o+1));const D=y.map((e=>({label:`${e} rows per page`,value:String(e),selected:c===e})));return e.jsxs(i.StyledTablePaginationContainer,Object.assign({style:m},{children:[!g&&e.jsx("div",{children:e.jsx(n.Dropdown,{size:"small",options:D,onSelect:j,width:"162px"})}),e.jsxs("div",Object.assign({className:"paging__container"},{children:[e.jsx(a,{pageStart:x,pageEnd:S,totalRows:p,shouldShow:!!(!g&&p>0||g&&p>0&&h&&"left"===w)}),e.jsxs("div",Object.assign({className:"pages__buttons-container"},{children:[!v&&e.jsx(i.StyledPagingContainer,Object.assign({active:!1,onClick:()=>{1!==l&&u(Math.max(l-1,1))},disabled:1===l},{children:e.jsx(o.default,{color:q.content.secondary,height:14,width:14})})),O.map((o=>e.jsx(i.StyledPagingContainer,Object.assign({active:o==l,onClick:()=>u(o),style:{display:1==o&&p<=c?"none":"flex"}},{children:e.jsx(s.BodySecondary,Object.assign({style:{color:o==l?q.content.primaryInverse:q.content.secondary}},{children:o}))}),o))),!v&&e.jsx(i.StyledPagingContainer,Object.assign({isLast:!0,active:!1,onClick:()=>{l!==b&&u(Math.min(l+1,b))},disabled:l===b},{children:e.jsx(t.default,{color:q.content.secondary,height:14,width:14})}))]})),e.jsx(a,{pageStart:x,pageEnd:S,totalRows:p,shouldShow:!!(g&&p>0&&h&&"right"===w)})]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/chevronLeft.svg.js"),o=require("../../assets/icons/chevronRight.svg.js");require("../dropdown/DropdownPopover/index.js");var n=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("react"),require("../zeroState/ZeroState.js");var r=require("../../constants/Theme.js");require("../../_virtual/_tslib.js"),require("lodash/debounce");var s=require("../TypographyStyle.js");require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var i=require("./TablePagination.styled.js");const a=t=>{let{pageStart:o,pageEnd:n,totalRows:i,shouldShow:a}=t;if(!a)return null;const d=r.DEFAULT_THEME.colorsV2;return e.jsxs(s.BodySecondary,Object.assign({style:{color:d.content.placeholder}},{children:["Showing ",o,"-",n>i?i:n," of"," ",i," results"]}))},d=[5,10,20];exports.TablePagination=l=>{let{pageNumber:c,pageSize:p,totalRows:u,updatePageNumber:j,updatePageSize:g,hidePageSizeOptions:h,showTotalText:w,totalTextAlignment:m="right",containerStyle:y={},pageSizeOptions:q=d}=l;const x=r.DEFAULT_THEME.colorsV2,S=(c-1)*p+1,b=(c-1)*p+p,v=Math.ceil(u/p),O=1==v;let D=[];D=v>=5?c===v?[c-4,c-3,c-2,c-1,c]:1===c?[c,c+1,c+2,c+3,c+4]:2===c?[c-1,c,c+1,c+2,c+3]:c===v-1?[c-3,c-2,c-1,c,c+1]:[c-2,c-1,c,c+1,c+2]:Array.from({length:v},((e,t)=>t+1));const M=q.map((e=>({label:`${e} rows per page`,value:String(e),selected:p===e})));return e.jsxs(i.StyledTablePaginationContainer,Object.assign({style:y},{children:[!h&&e.jsx("div",{children:e.jsx(n.Dropdown,{size:"small",options:M,onSelect:g,width:"162px"})}),e.jsxs("div",Object.assign({className:"paging__container"},{children:[e.jsx(a,{pageStart:S,pageEnd:b,totalRows:u,shouldShow:!!(!h&&u>0||h&&u>0&&w&&"left"===m)}),e.jsxs("div",Object.assign({className:"pages__buttons-container"},{children:[!O&&e.jsx(i.StyledPagingContainer,Object.assign({active:!1,onClick:()=>{1!==c&&j(Math.max(c-1,1))},disabled:1===c},{children:e.jsx(t.default,{color:x.content.secondary,height:14,width:14})})),D.map((t=>e.jsx(i.StyledPagingContainer,Object.assign({active:t==c,onClick:()=>j(t),style:{display:1==t&&u<=p?"none":"flex"}},{children:e.jsx(s.BodySecondary,Object.assign({style:{color:t==c?x.content.primaryInverse:x.content.secondary}},{children:t}))}),t))),!O&&e.jsx(i.StyledPagingContainer,Object.assign({isLast:!0,active:!1,onClick:()=>{c!==v&&j(Math.min(c+1,v))},disabled:c===v},{children:e.jsx(o.default,{color:x.content.secondary,height:14,width:14})}))]})),e.jsx(a,{pageStart:S,pageEnd:b,totalRows:u,shouldShow:!!(h&&u>0&&w&&"right"===m)})]}))]}))};
 //# sourceMappingURL=TablePagination.js.map

package/dist/cjs/components/TablePagination/TablePagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption \| DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' \| 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/*\n\t Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t /\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) \|\|\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","colorsV2","_jsxs","BodySecondary","Object","assign","style","color","content","placeholder","children","DEFAULT_PAGE_SIZE_OPTIONS","TablePagination","pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","Math","ceil","hideSingleChevron","pages","Array","from","length","_","i","pageCountOptions","map","size","label","value","String","selected","StyledTablePaginationContainer","_jsx","jsx","Dropdown","options","onSelect","width","jsxs","className","StyledPagingContainer","active","onClick","max","disabled","ChevronLeft","secondary","height","page","display","primaryInverse","isLast","min","ChevronRight"],"mappings":"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"}
1	+ {"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption \| DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' \| 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/*\n\t Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t /\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) \|\|\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","_ref","pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","colorsV2","_jsxs","BodySecondary","Object","assign","style","color","content","placeholder","children","DEFAULT_PAGE_SIZE_OPTIONS","_ref2","pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","Math","ceil","hideSingleChevron","pages","Array","from","length","_","i","pageCountOptions","map","size","label","value","String","selected","StyledTablePaginationContainer","_jsx","jsx","Dropdown","options","onSelect","width","jsxs","className","StyledPagingContainer","active","onClick","max","disabled","ChevronLeft","secondary","height","page","display","primaryInverse","isLast","min","ChevronRight"],"mappings":"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"}

package/dist/cjs/components/TablePagination/TablePagination.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePagination.styled.js","sources":["../../../../src/components/TablePagination/TablePagination.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\nexport const StyledTablePaginationContainer = styled.div`\n\tbackground-color: unset !important;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tmargin: 0 16px;\n\n\t.paging__container {\n\t\tdisplay: flex;\n\t\tmargin-top: 8px;\n\t\tmargin-bottom: 8px;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n\n\t.pages__buttons-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: ${DEFAULT_THEME.colorsV2.surface.standard};\n\t\tborder: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\t\tborder-radius: 4px;\n\t\tcursor: pointer;\n\t}\n`;\n\nexport const StyledPagingContainer = styled.div<{\n\tactive: boolean;\n\tisLast?: boolean;\n\tdisabled?: boolean;\n}>`\n\tbackground: ${(props) =>\n\t\tprops.active ? DEFAULT_THEME.colorsV2.background.brand : 'none'};\n\twidth: 32px;\n\theight: 32px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-right: ${(props) =>\n\t\tprops.isLast\n\t\t\t? 'none'\n\t\t\t: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`};\n\t&:hover {\n\t\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\t}\n`;\n"],"names":["StyledTablePaginationContainer","styled","div","DEFAULT_THEME","colorsV2","surface","standard","stroke","primary","StyledPagingContainer","props","active","background","brand","isLast","disabled"],"mappings":"gOAGaA,MAAAA,EAAiCC,EAAM,QAACC,GAAG;;;;;;;;;;;;;;;;;;;;;;sBAsBlCC,gBAAcC,SAASC,QAAQC;sBAC/BH,gBAAcC,SAASG,OAAOC;;;;EAMvCC,EAAwBR,EAAM,QAACC,GAI1C;eACcQ,GACdA,EAAMC,OAASR,EAAAA,cAAcC,SAASQ,WAAWC,MAAQ;;;;;;iBAMzCH,GAChBA,EAAMI,OACH,~~OACA~~,~~aAAaX,~~EAAAA,cAAcC,SAASG,OAAOC;;YAEnCE,GAAWA,EAAMK,SAAW,cAAgB;;"}
1	+ {"version":3,"file":"TablePagination.styled.js","sources":["../../../../src/components/TablePagination/TablePagination.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\nexport const StyledTablePaginationContainer = styled.div`\n\tbackground-color: unset !important;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder-bottom-left-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\tmargin: 0 16px;\n\n\t.paging__container {\n\t\tdisplay: flex;\n\t\tmargin-top: 8px;\n\t\tmargin-bottom: 8px;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n\n\t.pages__buttons-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: ${DEFAULT_THEME.colorsV2.surface.standard};\n\t\tborder: 1px solid ${DEFAULT_THEME.colorsV2.stroke.primary};\n\t\tborder-radius: 4px;\n\t\tcursor: pointer;\n\t}\n`;\n\nexport const StyledPagingContainer = styled.div<{\n\tactive: boolean;\n\tisLast?: boolean;\n\tdisabled?: boolean;\n}>`\n\tbackground: ${(props) =>\n\t\tprops.active ? DEFAULT_THEME.colorsV2.background.brand : 'none'};\n\twidth: 32px;\n\theight: 32px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-right: ${(props) =>\n\t\tprops.isLast\n\t\t\t? 'none'\n\t\t\t: `1px solid ${DEFAULT_THEME.colorsV2.stroke.primary}`};\n\t&:hover {\n\t\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\t}\n`;\n"],"names":["StyledTablePaginationContainer","styled","div","DEFAULT_THEME","colorsV2","surface","standard","stroke","primary","StyledPagingContainer","props","active","background","brand","isLast","disabled"],"mappings":"gOAGaA,MAAAA,EAAiCC,EAAM,QAACC,GAAG;;;;;;;;;;;;;;;;;;;;;;sBAsBlCC,gBAAcC,SAASC,QAAQC;sBAC/BH,gBAAcC,SAASG,OAAOC;;;;EAMvCC,EAAwBR,EAAM,QAACC,GAI1C;eACcQ,GACdA,EAAMC,OAASR,EAAAA,cAAcC,SAASQ,WAAWC,MAAQ;;;;;;iBAMzCH,GAChBA,EAAMI,OACH,oBACaX,EAAAA,cAAcC,SAASG,OAAOC;;YAEnCE,GAAWA,EAAMK,SAAW,cAAgB;;"}

package/dist/cjs/components/WhatsAppTextEditor/AIRephrase.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AIRephrase.styled.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephrase.styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nconst toCssSize = (value: string \| number) =>\n\ttypeof value === 'number' ? `${value}px` : value;\n\nexport const BorderAnimationContainer = styled.div<{\n\trotation: number;\n\tshow: boolean;\n\tborderRadius: string \| number;\n\tborderSize: string \| number;\n}>`\n\tposition: relative;\n\tdisplay: inline-flex;\n\twidth: fit-content;\n\tborder-radius: ${(props) => toCssSize(props.borderRadius)};\n\t/* Always reserve gutter for the ring so highlight on/off does not shift layout (CLS). /\n\tpadding: ${(props) => toCssSize(props.borderSize)};\n\tbackground: transparent;\n\toverflow: hidden;\n\n\t/ Ring on its own layer: fade in/out instead of animating padding (which caused CLS). /\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tz-index: 0;\n\t\tbackground: ${(props) =>\n\t\t\t`conic-gradient(from ${props.rotation}deg, #ff2f72, #fb5f08, #ff2f72)`};\n\t\topacity: ${(props) => (props.show ? 1 : 0)};\n\t\ttransition: opacity 0.15s ease;\n\t\tpointer-events: none;\n\t}\n\n\t& > {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["toCssSize","value","BorderAnimationContainer","process","env","NODE_ENV","target","label","_styled","props","borderRadius","borderSize","rotation","show"],"mappings":"kLAEA,MAAMA,EAAaC,GACD,iBAAVA,~~EAAqB~~,~~GAAGA~~,MAAYA,EAE/BC,OAAwB,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,4BAAAC,CAAA,0EASlBC,GAAUT,EAAUS,EAAMC,eAAa,aAE7CD,GAAUT,EAAUS,EAAME,mJAWtBF,~~GACd~~,~~uBAAuBA,~~EAAMG,wDAClBH,GAAWA,EAAMI,KAAO,EAAI,GAAEV,yFAS3C,eAT2CA,QAAAC,IAAAC,SAS3C,GAAA"}
1	+ {"version":3,"file":"AIRephrase.styled.js","sources":["../../../../src/components/WhatsAppTextEditor/AIRephrase.styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nconst toCssSize = (value: string \| number) =>\n\ttypeof value === 'number' ? `${value}px` : value;\n\nexport const BorderAnimationContainer = styled.div<{\n\trotation: number;\n\tshow: boolean;\n\tborderRadius: string \| number;\n\tborderSize: string \| number;\n}>`\n\tposition: relative;\n\tdisplay: inline-flex;\n\twidth: fit-content;\n\tborder-radius: ${(props) => toCssSize(props.borderRadius)};\n\t/* Always reserve gutter for the ring so highlight on/off does not shift layout (CLS). /\n\tpadding: ${(props) => toCssSize(props.borderSize)};\n\tbackground: transparent;\n\toverflow: hidden;\n\n\t/ Ring on its own layer: fade in/out instead of animating padding (which caused CLS). /\n\t&::before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tz-index: 0;\n\t\tbackground: ${(props) =>\n\t\t\t`conic-gradient(from ${props.rotation}deg, #ff2f72, #fb5f08, #ff2f72)`};\n\t\topacity: ${(props) => (props.show ? 1 : 0)};\n\t\ttransition: opacity 0.15s ease;\n\t\tpointer-events: none;\n\t}\n\n\t& > {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n`;\n"],"names":["toCssSize","value","BorderAnimationContainer","process","env","NODE_ENV","target","label","_styled","props","borderRadius","borderSize","rotation","show"],"mappings":"kLAEA,MAAMA,EAAaC,GACD,iBAAVA,EAAwB,GAAAA,MAAYA,EAE/BC,OAAwB,cAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,4BAAAC,CAAA,0EASlBC,GAAUT,EAAUS,EAAMC,eAAa,aAE7CD,GAAUT,EAAUS,EAAME,mJAWtBF,0BACSA,EAAMG,wDAClBH,GAAWA,EAAMI,KAAO,EAAI,GAAEV,yFAS3C,eAT2CA,QAAAC,IAAAC,SAS3C,GAAA"}