@bikdotai/bik-component-library 0.0.817-beta.5 → 0.0.817-beta.7

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),t=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),r=require("./PropertyNodeUIWrapper.styled.js"),d=({children:o,mode:n,isLast:i})=>e.jsxDEV(r.Container,{style:{maxWidth:"calc(100% - 24px)"},children:[e.jsxDEV(r.Line,{style:{height:n==="view"&&i?29:"100%"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:14,columnNumber:4},void 0),e.jsxDEV(r.Horinzontal,{style:{marginTop:28}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:15,columnNumber:4},void 0),e.jsxDEV(t.BodySecondary,{style:{color:s.COLORS.content.primary,marginLeft:8,marginTop:18},children:"where"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:16,columnNumber:4},void 0),o]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:13,columnNumber:3},void 0);exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),t=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),r=require("./PropertyNodeUIWrapper.styled.js"),a=({children:o,mode:n,isLast:i})=>e.jsxDEV(r.Container,{style:{maxWidth:"calc(100% - 24px)"},children:[e.jsxDEV(r.Line,{style:{height:n==="view"&&i?29:"100%"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:14,columnNumber:4},void 0),e.jsxDEV(r.Horinzontal,{style:{marginTop:28}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:15,columnNumber:4},void 0),e.jsxDEV(t.BodySecondary,{style:{color:s.COLORS.content.primary,marginLeft:8,marginTop:18},children:"where"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:16,columnNumber:4},void 0),o]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:13,columnNumber:3},void 0);exports.default=a;
 //# sourceMappingURL=PropertyNodeUIWrapper.js.map

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyNodeUIWrapper.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { QueryBuilderProps } from '@src/components/QueryBuilder/types/QueryBuilderProps.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Container, Horinzontal, Line } from './PropertyNodeUIWrapper.styled';\n\nconst PropertyNodeUIWrapper: React.FC<{\n\tchildren: React.ReactNode;\n\tmode: QueryBuilderProps['mode'];\n\tisLast?: boolean;\n}> = ({ children, mode, isLast }) => {\n\treturn (\n\t\t<Container style={{ maxWidth: 'calc(100% - 24px)' }}>\n\t\t\t<Line style={{ height: mode === 'view' && isLast ? 29 : '100%' }} />\n\t\t\t<Horinzontal style={{ marginTop: 28 }} />\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\tmarginTop: 18,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\twhere\n\t\t\t</BodySecondary>\n\t\t\t{children}\n\t\t</Container>\n\t);\n};\n\nexport default PropertyNodeUIWrapper;\n"],"names":["PropertyNodeUIWrapper","children","mode","isLast","Container","jsxDEV","Line","this","Horinzontal","BodySecondary","COLORS"],"mappings":"+RAMMA,EAID,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,OAAAC,cAErBC,EAAAA,UAAA,CAAU,MAAO,CAAE,SAAU,qBAC7B,SAAA,CAAAC,EAAAA,OAACC,EAAAA,KAAA,CAAK,MAAO,CAAE,OAAQJ,IAAS,QAAUC,EAAS,GAAK,MAAA,CAAO,EAA/D,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAkE,WACjEC,EAAAA,YAAA,CAAY,MAAO,CAAE,UAAW,GAAG,EAApC,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAuC,EACvCF,EAAAA,OAACI,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,QAAQ,QACtB,WAAY,EACZ,UAAW,EAAA,EAEZ,SAAA,OAAA,EAND,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,EASCN,CAAA,CAAA,EAZF,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAaA"}
+{"version":3,"file":"PropertyNodeUIWrapper.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { QueryBuilderProps } from '@src/components/QueryBuilder/types/QueryBuilderProps.type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Container, Horinzontal, Line } from './PropertyNodeUIWrapper.styled';\n\nconst PropertyNodeUIWrapper: React.FC<{\n\tchildren: React.ReactNode;\n\tmode: QueryBuilderProps['mode'];\n\tisLast?: boolean;\n}> = ({ children, mode, isLast }) => {\n\treturn (\n\t\t<Container style={{ maxWidth: 'calc(100% - 24px)' }}>\n\t\t\t<Line style={{ height: mode === 'view' && isLast ? 29 : '100%' }} />\n\t\t\t<Horinzontal style={{ marginTop: 28 }} />\n\t\t\t<BodySecondary\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\tmarginLeft: 8,\n\t\t\t\t\tmarginTop: 18,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\twhere\n\t\t\t</BodySecondary>\n\t\t\t{children}\n\t\t</Container>\n\t);\n};\n\nexport default PropertyNodeUIWrapper;\n"],"names":["PropertyNodeUIWrapper","children","mode","isLast","Container","jsxDEV","Line","this","Horinzontal","BodySecondary","COLORS"],"mappings":"+RAMMA,EAID,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,OAAAC,cAErBC,EAAAA,UAAA,CAAU,MAAO,CAAE,SAAU,qBAC7B,SAAA,CAAAC,EAAAA,OAACC,EAAAA,KAAA,CAAK,MAAO,CAAE,OAAQJ,IAAS,QAAUC,EAAS,GAAK,MAAA,CAAO,EAA/D,OAAA,GAAA,CAAA,SAAA,gLAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAkE,WACjEC,EAAAA,YAAA,CAAY,MAAO,CAAE,UAAW,GAAG,EAApC,OAAA,GAAA,CAAA,SAAA,gLAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAuC,EACvCF,EAAAA,OAACI,EAAAA,cAAA,CACA,MAAO,CACN,MAAOC,EAAAA,OAAO,QAAQ,QACtB,WAAY,EACZ,UAAW,EAAA,EAEZ,SAAA,OAAA,EAND,OAAA,GAAA,CAAA,SAAA,gLAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,EASCN,CAAA,CAAA,EAZF,OAAA,GAAA,CAAA,SAAA,gLAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAaA"}

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),c=require("../../../../dropdown/Dropdown.js"),p=require("../../../constants/operators.js"),y=require("../../../types/QueryBuilder.type.js"),N=require("../../DeleteButton.js"),b=require("./AddPropertyButton.js"),f=require("./PropertyNode.js"),P=require("./PropertyNodeUIWrapper.styled.js"),D=({node:o,addPropertyBtnText:i,deleteProperty:t,createProperty:d,selectPropertyJoinOperator:u,mode:s,...l})=>{const a=p.JOIN_OPERATOR_OPTIONS.map(r=>{if(o.PropertyOperator){if(r.value===o.PropertyOperator)return{...r,selected:!0}}else if(r.value===y.QueryBuilderJoinOperators.AND)return{...r,selected:!0};return r});return e.jsxDEV(e.Fragment,{children:[o?.properties?.map((r,n)=>e.jsxDEV(e.Fragment,{children:[n!==0&&e.jsxDEV("div",{style:{width:80,position:"relative"},children:e.jsxDEV(c.Dropdown,{disabled:s==="view",onSelect:m=>{u?.(m.value,o._id)},options:a,width:"80px",height:96,size:"small"},`${n}-operator-selector`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:66,columnNumber:8},void 0)},`${n}-operator`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:62,columnNumber:7},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row"},children:[e.jsxDEV(f.PropertyNode,{isLast:o.properties?n===o.properties.length-1:!1,property:r,...l,mode:s},`${r._id}-property-node`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:89,columnNumber:7},void 0),s!=="view"&&e.jsxDEV(N.default,{onClick:()=>t(r,o._id)},`${r._id}-${n}-delete-btn`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:99,columnNumber:8},void 0)]},r._id,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:82,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:60,columnNumber:5},void 0)),s!=="view"&&e.jsxDEV("div",{children:[o?.properties?.length===0&&e.jsxDEV("div",{children:e.jsxDEV(P.Line,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:111,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:110,columnNumber:7},void 0),e.jsxDEV(b.default,{buttonText:i??"Add Property",onClick:()=>d({},o._id)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:114,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:108,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:58,columnNumber:3},void 0)};exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),p=require("../../../../dropdown/Dropdown.js"),c=require("../../../constants/operators.js"),y=require("../../../types/QueryBuilder.type.js"),b=require("../../DeleteButton.js"),N=require("./AddPropertyButton.js"),k=require("./PropertyNode.js"),v=require("./PropertyNodeUIWrapper.styled.js"),f=({node:o,addPropertyBtnText:n,deleteProperty:t,createProperty:u,selectPropertyJoinOperator:l,mode:s,...a})=>{const d=c.JOIN_OPERATOR_OPTIONS.map(r=>{if(o.PropertyOperator){if(r.value===o.PropertyOperator)return{...r,selected:!0}}else if(r.value===y.QueryBuilderJoinOperators.AND)return{...r,selected:!0};return r});return e.jsxDEV(e.Fragment,{children:[o?.properties?.map((r,i)=>e.jsxDEV(e.Fragment,{children:[i!==0&&e.jsxDEV("div",{style:{width:80,position:"relative"},children:e.jsxDEV(p.Dropdown,{disabled:s==="view",onSelect:m=>{l?.(m.value,o._id)},options:d,width:"80px",height:96,size:"small"},`${i}-operator-selector`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:66,columnNumber:8},void 0)},`${i}-operator`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:62,columnNumber:7},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row"},children:[e.jsxDEV(k.PropertyNode,{isLast:o.properties?i===o.properties.length-1:!1,property:r,...a,mode:s},`${r._id}-property-node`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:89,columnNumber:7},void 0),s!=="view"&&e.jsxDEV(b.default,{onClick:()=>t(r,o._id)},`${r._id}-${i}-delete-btn`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:99,columnNumber:8},void 0)]},r._id,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:82,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:60,columnNumber:5},void 0)),s!=="view"&&e.jsxDEV("div",{children:[o?.properties?.length===0&&e.jsxDEV("div",{children:e.jsxDEV(v.Line,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:111,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:110,columnNumber:7},void 0),e.jsxDEV(N.default,{buttonText:n??"Add Property",onClick:()=>u({},o._id)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:114,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:108,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:58,columnNumber:3},void 0)};exports.default=f;
 //# sourceMappingURL=PropertyNodes.js.map

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyNodes.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx"],"sourcesContent":["import React from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '@src/components/QueryBuilder/constants/operators';\nimport {\n\tBaseQueryBuilderNode,\n\tQueryBuilderJoinOperators,\n\tQueryBuilderProperty,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport DeleteButton from '../../DeleteButton';\nimport AddPropertyButton from './AddPropertyButton';\nimport { PropertyNode } from './PropertyNode';\nimport { Line } from './PropertyNodeUIWrapper.styled';\n\ntype Props = Omit<QueryBuilderPropertyProps, 'property'> & {\n\tnode: BaseQueryBuilderNode;\n\taddPropertyBtnText?: string;\n\tdeleteProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n\tcreateProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n};\n\nconst PropertyNodes: React.FC<Props> = ({\n\tnode,\n\taddPropertyBtnText,\n\tdeleteProperty,\n\tcreateProperty,\n\tselectPropertyJoinOperator,\n\tmode,\n\t...propertyProps\n}) => {\n\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\tif (node.PropertyOperator) {\n\t\t\tif ((option as SingleOption).value === node.PropertyOperator) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t} else {\n\t\t\tif ((option as SingleOption).value === QueryBuilderJoinOperators.AND) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\treturn option;\n\t});\n\treturn (\n\t\t<>\n\t\t\t{node?.properties?.map((property, i) => (\n\t\t\t\t<>\n\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ width: 80, position: 'relative' }}\n\t\t\t\t\t\t\tkey={`${i}-operator`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tkey={`${i}-operator-selector`}\n\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\tselectPropertyJoinOperator?.(\n\t\t\t\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\tnode._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\toptions={options}\n\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\tsize=\"small\"\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\t<div\n\t\t\t\t\t\tkey={property._id}\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}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<PropertyNode\n\t\t\t\t\t\t\tkey={`${property._id}-property-node`}\n\t\t\t\t\t\t\tisLast={\n\t\t\t\t\t\t\t\tnode.properties ? i === node.properties.length - 1 : false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tproperty={property}\n\t\t\t\t\t\t\t{...propertyProps}\n\t\t\t\t\t\t\tmode={mode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{mode !== 'view' && (\n\t\t\t\t\t\t\t<DeleteButton\n\t\t\t\t\t\t\t\tkey={`${property._id}-${i}-delete-btn`}\n\t\t\t\t\t\t\t\tonClick={() => deleteProperty(property, node._id)}\n\t\t\t\t\t\t\t/>\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\t{mode !== 'view' && (\n\t\t\t\t<div>\n\t\t\t\t\t{node?.properties?.length === 0 && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Line />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<AddPropertyButton\n\t\t\t\t\t\tbuttonText={addPropertyBtnText ?? 'Add Property'}\n\t\t\t\t\t\tonClick={() => createProperty({}, node._id)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default PropertyNodes;\n"],"names":["PropertyNodes","node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode","propertyProps","options","JOIN_OPERATOR_OPTIONS","option","QueryBuilderJoinOperators","jsxDEV","Fragment","property","i","Dropdown","this","PropertyNode","DeleteButton","Line","AddPropertyButton"],"mappings":"sbA4BMA,EAAiC,CAAC,CACvC,KAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,2BAAAC,EACA,KAAAC,EACA,GAAGC,CACJ,IAAM,CACL,MAAMC,EAAUC,EAAAA,sBAAsB,IAAKC,GAAW,CACrD,GAAIT,EAAK,kBACR,GAAKS,EAAwB,QAAUT,EAAK,iBAC3C,MAAO,CACN,GAAGS,EACH,SAAU,EAAA,UAIPA,EAAwB,QAAUC,EAAAA,0BAA0B,IAChE,MAAO,CACN,GAAGD,EACH,SAAU,EAAA,EAKb,OAAOA,CACR,CAAC,EACD,OACCE,EAAAA,OAAAC,WAAA,CACE,SAAA,CAAAZ,GAAM,YAAY,IAAI,CAACa,EAAUC,IACjCH,EAAAA,OAAAC,WAAA,CACE,SAAA,CAAAE,IAAM,GACNH,EAAAA,OAAC,MAAA,CACA,MAAO,CAAE,MAAO,GAAI,SAAU,UAAA,EAG9B,SAAAA,EAAAA,OAACI,EAAAA,SAAA,CAEA,SAAUV,IAAS,OACnB,SAAWI,GAAW,CACrBL,IACEK,EAAwB,MACzBT,EAAK,GAAA,CAEP,EACA,QAAAO,EACA,MAAO,OACP,OAAQ,GACR,KAAK,OAAA,EAXA,GAAGO,CAAC,qBADV,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAaA,EAfK,GAAGF,CAAC,YAFV,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,EAoBDL,EAAAA,OAAC,MAAA,CAEA,MAAO,CACN,QAAS,OACT,cAAe,KAAA,EAGhB,SAAA,CAAAA,EAAAA,OAACM,EAAAA,aAAA,CAEA,OACCjB,EAAK,WAAac,IAAMd,EAAK,WAAW,OAAS,EAAI,GAEtD,SAAAa,EACC,GAAGP,EACJ,KAAAD,CAAA,EANK,GAAGQ,EAAS,GAAG,iBADrB,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,EASCX,IAAS,QACTM,EAAAA,OAACO,EAAAA,QAAA,CAEA,QAAS,IAAMhB,EAAeW,EAAUb,EAAK,GAAG,CAAA,EAD3C,GAAGa,EAAS,GAAG,IAAIC,CAAC,cAD1B,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAGA,CAAA,EAnBIH,EAAS,IADf,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAsBA,CAAA,EA5CD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6CA,CACA,EACAX,IAAS,QACTM,EAAAA,OAAC,MAAA,CACC,SAAA,CAAAX,GAAM,YAAY,SAAW,GAC7BW,EAAAA,OAAC,MAAA,CACA,kBAACQ,EAAAA,KAAA,GAAD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAM,CAAA,EADP,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEDL,EAAAA,OAACS,EAAAA,QAAA,CACA,WAAYnB,GAAsB,eAClC,QAAS,IAAME,EAAe,CAAA,EAAIH,EAAK,GAAG,CAAA,EAF3C,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,IAAA,aAAA,CAAA,EAAAgB,MAAA,CAGA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EA5DF,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA8DA,CAEF"}
+{"version":3,"file":"PropertyNodes.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx"],"sourcesContent":["import React from 'react';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '@src/components/QueryBuilder/constants/operators';\nimport {\n\tBaseQueryBuilderNode,\n\tQueryBuilderJoinOperators,\n\tQueryBuilderProperty,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport DeleteButton from '../../DeleteButton';\nimport AddPropertyButton from './AddPropertyButton';\nimport { PropertyNode } from './PropertyNode';\nimport { Line } from './PropertyNodeUIWrapper.styled';\n\ntype Props = Omit<QueryBuilderPropertyProps, 'property'> & {\n\tnode: BaseQueryBuilderNode;\n\taddPropertyBtnText?: string;\n\tdeleteProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n\tcreateProperty: (\n\t\tproperty: Partial<QueryBuilderProperty>,\n\t\tnodeID: string,\n\t) => void;\n};\n\nconst PropertyNodes: React.FC<Props> = ({\n\tnode,\n\taddPropertyBtnText,\n\tdeleteProperty,\n\tcreateProperty,\n\tselectPropertyJoinOperator,\n\tmode,\n\t...propertyProps\n}) => {\n\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\tif (node.PropertyOperator) {\n\t\t\tif ((option as SingleOption).value === node.PropertyOperator) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t} else {\n\t\t\tif ((option as SingleOption).value === QueryBuilderJoinOperators.AND) {\n\t\t\t\treturn {\n\t\t\t\t\t...option,\n\t\t\t\t\tselected: true,\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\treturn option;\n\t});\n\treturn (\n\t\t<>\n\t\t\t{node?.properties?.map((property, i) => (\n\t\t\t\t<>\n\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ width: 80, position: 'relative' }}\n\t\t\t\t\t\t\tkey={`${i}-operator`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tkey={`${i}-operator-selector`}\n\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\tselectPropertyJoinOperator?.(\n\t\t\t\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\tnode._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\toptions={options}\n\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\tsize=\"small\"\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\t<div\n\t\t\t\t\t\tkey={property._id}\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}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<PropertyNode\n\t\t\t\t\t\t\tkey={`${property._id}-property-node`}\n\t\t\t\t\t\t\tisLast={\n\t\t\t\t\t\t\t\tnode.properties ? i === node.properties.length - 1 : false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tproperty={property}\n\t\t\t\t\t\t\t{...propertyProps}\n\t\t\t\t\t\t\tmode={mode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{mode !== 'view' && (\n\t\t\t\t\t\t\t<DeleteButton\n\t\t\t\t\t\t\t\tkey={`${property._id}-${i}-delete-btn`}\n\t\t\t\t\t\t\t\tonClick={() => deleteProperty(property, node._id)}\n\t\t\t\t\t\t\t/>\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\t{mode !== 'view' && (\n\t\t\t\t<div>\n\t\t\t\t\t{node?.properties?.length === 0 && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Line />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t<AddPropertyButton\n\t\t\t\t\t\tbuttonText={addPropertyBtnText ?? 'Add Property'}\n\t\t\t\t\t\tonClick={() => createProperty({}, node._id)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default PropertyNodes;\n"],"names":["PropertyNodes","node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode","propertyProps","options","JOIN_OPERATOR_OPTIONS","option","QueryBuilderJoinOperators","jsxDEV","Fragment","property","Dropdown","this","PropertyNode","DeleteButton","Line","AddPropertyButton"],"mappings":"sbA4BMA,EAAiC,CAAC,CACvC,KAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,2BAAAC,EACA,KAAAC,EACA,GAAGC,CACJ,IAAM,CACL,MAAMC,EAAUC,EAAAA,sBAAsB,IAAKC,GAAW,CACrD,GAAIT,EAAK,kBACR,GAAKS,EAAwB,QAAUT,EAAK,iBAC3C,MAAO,CACN,GAAGS,EACH,SAAU,EAAA,UAIPA,EAAwB,QAAUC,EAAAA,0BAA0B,IAChE,MAAO,CACN,GAAGD,EACH,SAAU,EAAA,EAKb,OAAOA,CACR,CAAC,EACD,OACCE,EAAAA,OAAAC,WAAA,CACE,SAAA,CAAAZ,GAAM,YAAY,IAAI,CAACa,EAAU,IACjCF,EAAAA,OAAAC,WAAA,CACE,SAAA,CAAA,IAAM,GACND,EAAAA,OAAC,MAAA,CACA,MAAO,CAAE,MAAO,GAAI,SAAU,UAAA,EAG9B,SAAAA,EAAAA,OAACG,EAAAA,SAAA,CAEA,SAAUT,IAAS,OACnB,SAAWI,GAAW,CACrBL,IACEK,EAAwB,MACzBT,EAAK,GAAA,CAEP,EACA,QAAAO,EACA,MAAO,OACP,OAAQ,GACR,KAAK,OAAA,EAXA,GAAG,CAAC,qBADV,GAAA,CAAA,SAAA,wKAAA,WAAA,GAAA,aAAA,CAAA,EAAAQ,MAAA,CAaA,EAfK,GAAG,CAAC,YAFV,GAAA,CAAA,SAAA,wKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoBDJ,EAAAA,OAAC,MAAA,CAEA,MAAO,CACN,QAAS,OACT,cAAe,KAAA,EAGhB,SAAA,CAAAA,EAAAA,OAACK,EAAAA,aAAA,CAEA,OACChB,EAAK,WAAa,IAAMA,EAAK,WAAW,OAAS,EAAI,GAEtD,SAAAa,EACC,GAAGP,EACJ,KAAAD,CAAA,EANK,GAAGQ,EAAS,GAAG,iBADrB,GAAA,CAAA,SAAA,wKAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,EASCV,IAAS,QACTM,EAAAA,OAACM,EAAAA,QAAA,CAEA,QAAS,IAAMf,EAAeW,EAAUb,EAAK,GAAG,CAAA,EAD3C,GAAGa,EAAS,GAAG,IAAI,CAAC,cAD1B,GAAA,CAAA,SAAA,wKAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAGA,CAAA,EAnBIF,EAAS,IADf,GAAA,CAAA,SAAA,wKAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAsBA,CAAA,EA5CD,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6CA,CACA,EACAV,IAAS,QACTM,EAAAA,OAAC,MAAA,CACC,SAAA,CAAAX,GAAM,YAAY,SAAW,GAC7BW,EAAAA,OAAC,MAAA,CACA,kBAACO,EAAAA,KAAA,GAAD,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAM,CAAA,EADP,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,EAEDJ,EAAAA,OAACQ,EAAAA,QAAA,CACA,WAAYlB,GAAsB,eAClC,QAAS,IAAME,EAAe,CAAA,EAAIH,EAAK,GAAG,CAAA,EAF3C,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAe,MAAA,CAGA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EA5DF,OAAA,GAAA,CAAA,SAAA,wKAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA8DA,CAEF"}

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-dev-runtime"),d=require("../../Filters/CustomField/components/CustomField.js"),n=require("../../Filters/Event/components/EventFilter.js"),l=require("../../Filters/Segment/components/SegmentFilter.js"),i=require("../../Filters/UserProperty/components/UserPropertyFilter.js"),s=require("../../Triggers/EVENTS/components/EventsTrigger.js"),y=require("../../Triggers/IG/components/IGTrigger.js"),e=require("../../types/QueryBuilder.type.js"),t={[e.QueryBuilderType.EVENT_FILTER]:n.default,[e.QueryBuilderType.NO_EVENT_FILTER]:n.default,[e.QueryBuilderType.USER_PROPERTY_FILTER]:i.default,[e.QueryBuilderType.ORDER_PROPERTY_FILTER]:i.default,[e.QueryBuilderType.HAS_CUSTOM_FIELD]:d.default,[e.QueryBuilderType.IG_TRIGGER]:y.default,[e.QueryBuilderType.EVENTS_TRIGGER]:s.default,[e.QueryBuilderType.SEGMENT_FILTER]:l.default},a=r=>{if(typeof t[r.node.type]<"u"){const o=t[r.node.type];return u.jsxDEV(o,{...r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.tsx",lineNumber:32,columnNumber:10},void 0)}return u.jsxDEV(u.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.tsx",lineNumber:35,columnNumber:9},void 0)};exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-dev-runtime"),l=require("../../Filters/CustomField/components/CustomField.js"),i=require("../../Filters/Event/components/EventFilter.js"),d=require("../../Filters/Segment/components/SegmentFilter.js"),t=require("../../Filters/UserProperty/components/UserPropertyFilter.js"),s=require("../../Triggers/EVENTS/components/EventsTrigger.js"),y=require("../../Triggers/IG/components/IGTrigger.js"),e=require("../../types/QueryBuilder.type.js"),n={[e.QueryBuilderType.EVENT_FILTER]:i.default,[e.QueryBuilderType.NO_EVENT_FILTER]:i.default,[e.QueryBuilderType.USER_PROPERTY_FILTER]:t.default,[e.QueryBuilderType.ORDER_PROPERTY_FILTER]:t.default,[e.QueryBuilderType.HAS_CUSTOM_FIELD]:l.default,[e.QueryBuilderType.IG_TRIGGER]:y.default,[e.QueryBuilderType.EVENTS_TRIGGER]:s.default,[e.QueryBuilderType.SEGMENT_FILTER]:d.default},a=r=>{if(typeof n[r.node.type]<"u"){const o=n[r.node.type];return u.jsxDEV(o,{...r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.tsx",lineNumber:32,columnNumber:10},void 0)}return u.jsxDEV(u.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.tsx",lineNumber:35,columnNumber:9},void 0)};exports.default=a;
 //# sourceMappingURL=QueryBuilderNode.js.map

package/dist/cjs/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilderNode.js","sources":["../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.tsx"],"sourcesContent":["import React from 'react';\nimport HasCustomFieldFilter from '../../Filters/CustomField/components/CustomField';\nimport EventFilter from '../../Filters/Event/components/EventFilter';\nimport SegmentFilter from '../../Filters/Segment/components/SegmentFilter';\nimport UserPropertyFilter from '../../Filters/UserProperty/components/UserPropertyFilter';\nimport EventsTrigger from '../../Triggers/EVENTS/components/EventsTrigger';\nimport IGTrigger from '../../Triggers/IG/components/IGTrigger';\nimport { QueryBuilderType } from '../../types/QueryBuilder.type';\nimport { QueryBuilderNodeProps } from '../../types/QueryBuilderNodeProps.type';\n\nconst BuilderMap = {\n\t[QueryBuilderType.EVENT_FILTER]: EventFilter,\n\t[QueryBuilderType.NO_EVENT_FILTER]: EventFilter,\n\t[QueryBuilderType.USER_PROPERTY_FILTER]: UserPropertyFilter,\n\t[QueryBuilderType.ORDER_PROPERTY_FILTER]: UserPropertyFilter,\n\t[QueryBuilderType.HAS_CUSTOM_FIELD]: HasCustomFieldFilter,\n\t[QueryBuilderType.IG_TRIGGER]: IGTrigger,\n\t[QueryBuilderType.EVENTS_TRIGGER]: EventsTrigger,\n\t[QueryBuilderType.SEGMENT_FILTER]: SegmentFilter,\n};\n\n/**\n * @stateless\n * @exported\n * @returns\n */\nconst QueryBuilderNode: React.FC<QueryBuilderNodeProps> = (props) => {\n\tif (typeof BuilderMap[props.node.type] !== 'undefined') {\n\t\tconst ComponentToRender = BuilderMap[props.node.type];\n\n\t\t/** @todo(Aniketh) need to remove this de-structure to avoid re-render */\n\t\treturn <ComponentToRender {...props} />;\n\t}\n\n\treturn <></>;\n};\n\nexport default QueryBuilderNode;\n"],"names":["BuilderMap","QueryBuilderType","EventFilter","UserPropertyFilter","HasCustomFieldFilter","IGTrigger","EventsTrigger","SegmentFilter","QueryBuilderNode","props","ComponentToRender","jsxDEV","this","Fragment"],"mappings":"6jBAUMA,EAAa,CAClB,CAACC,EAAAA,iBAAiB,YAAY,EAAGC,EAAAA,QACjC,CAACD,EAAAA,iBAAiB,eAAe,EAAGC,EAAAA,QACpC,CAACD,EAAAA,iBAAiB,oBAAoB,EAAGE,EAAAA,QACzC,CAACF,EAAAA,iBAAiB,qBAAqB,EAAGE,EAAAA,QAC1C,CAACF,EAAAA,iBAAiB,gBAAgB,EAAGG,EAAAA,QACrC,CAACH,EAAAA,iBAAiB,UAAU,EAAGI,EAAAA,QAC/B,CAACJ,EAAAA,iBAAiB,cAAc,EAAGK,EAAAA,QACnC,CAACL,EAAAA,iBAAiB,cAAc,EAAGM,EAAAA,OACpC,EAOMC,EAAqDC,GAAU,CACpE,GAAI,OAAOT,EAAWS,EAAM,KAAK,IAAI,EAAM,IAAa,CACvD,MAAMC,EAAoBV,EAAWS,EAAM,KAAK,IAAI,EAGpD,OAAOE,EAAAA,OAACD,EAAA,CAAmB,GAAGD,CAAA,EAAvB,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,EAAA,EAAAG,MAA8B,CACtC,CAEA,OAAOD,EAAAA,OAAAE,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAE,CACV"}
+{"version":3,"file":"QueryBuilderNode.js","sources":["../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.tsx"],"sourcesContent":["import React from 'react';\nimport HasCustomFieldFilter from '../../Filters/CustomField/components/CustomField';\nimport EventFilter from '../../Filters/Event/components/EventFilter';\nimport SegmentFilter from '../../Filters/Segment/components/SegmentFilter';\nimport UserPropertyFilter from '../../Filters/UserProperty/components/UserPropertyFilter';\nimport EventsTrigger from '../../Triggers/EVENTS/components/EventsTrigger';\nimport IGTrigger from '../../Triggers/IG/components/IGTrigger';\nimport { QueryBuilderType } from '../../types/QueryBuilder.type';\nimport { QueryBuilderNodeProps } from '../../types/QueryBuilderNodeProps.type';\n\nconst BuilderMap = {\n\t[QueryBuilderType.EVENT_FILTER]: EventFilter,\n\t[QueryBuilderType.NO_EVENT_FILTER]: EventFilter,\n\t[QueryBuilderType.USER_PROPERTY_FILTER]: UserPropertyFilter,\n\t[QueryBuilderType.ORDER_PROPERTY_FILTER]: UserPropertyFilter,\n\t[QueryBuilderType.HAS_CUSTOM_FIELD]: HasCustomFieldFilter,\n\t[QueryBuilderType.IG_TRIGGER]: IGTrigger,\n\t[QueryBuilderType.EVENTS_TRIGGER]: EventsTrigger,\n\t[QueryBuilderType.SEGMENT_FILTER]: SegmentFilter,\n};\n\n/**\n * @stateless\n * @exported\n * @returns\n */\nconst QueryBuilderNode: React.FC<QueryBuilderNodeProps> = (props) => {\n\tif (typeof BuilderMap[props.node.type] !== 'undefined') {\n\t\tconst ComponentToRender = BuilderMap[props.node.type];\n\n\t\t/** @todo(Aniketh) need to remove this de-structure to avoid re-render */\n\t\treturn <ComponentToRender {...props} />;\n\t}\n\n\treturn <></>;\n};\n\nexport default QueryBuilderNode;\n"],"names":["BuilderMap","QueryBuilderType","EventFilter","UserPropertyFilter","HasCustomFieldFilter","IGTrigger","EventsTrigger","SegmentFilter","QueryBuilderNode","props","ComponentToRender","jsxDEV","this","Fragment"],"mappings":"6jBAUMA,EAAa,CAClB,CAACC,EAAAA,iBAAiB,YAAY,EAAGC,EAAAA,QACjC,CAACD,EAAAA,iBAAiB,eAAe,EAAGC,EAAAA,QACpC,CAACD,EAAAA,iBAAiB,oBAAoB,EAAGE,EAAAA,QACzC,CAACF,EAAAA,iBAAiB,qBAAqB,EAAGE,EAAAA,QAC1C,CAACF,EAAAA,iBAAiB,gBAAgB,EAAGG,EAAAA,QACrC,CAACH,EAAAA,iBAAiB,UAAU,EAAGI,EAAAA,QAC/B,CAACJ,EAAAA,iBAAiB,cAAc,EAAGK,EAAAA,QACnC,CAACL,EAAAA,iBAAiB,cAAc,EAAGM,EAAAA,OACpC,EAOMC,EAAqDC,GAAU,CACpE,GAAI,OAAOT,EAAWS,EAAM,KAAK,IAAI,EAAM,IAAa,CACvD,MAAMC,EAAoBV,EAAWS,EAAM,KAAK,IAAI,EAGpD,OAAOE,EAAAA,OAACD,EAAA,CAAmB,GAAGD,CAAA,EAAvB,OAAA,GAAA,CAAA,SAAA,kKAAA,WAAA,GAAA,aAAA,EAAA,EAAAG,MAA8B,CACtC,CAEA,OAAOD,EAAAA,OAAAE,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,kKAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAAE,CACV"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),l=require("react"),D=require("react-redux"),Q=require("../../dropdown/Dropdown.js"),v=require("../constants/operators.js"),w=require("../hooks/useQueryBuilder.js"),j=require("./AddNodeButton.js"),k=require("./DeleteButton.js"),E=require("./QueryBuilderNode/QueryBuilderNode.js"),U=require("./QueryBuilderNodes.styled.js"),V=require("../../button/Button.js"),h=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},g=h(l),a=g.default.forwardRef(({infinite:n,addNodeBtnText:c,allowedNodes:u,typesAPIHandlers:m,onStateChange:y,mode:i,selectorKey:s},p)=>{const o=D.useSelector(r=>r?.[s]),{deleteNode:b,clearAll:d,selectJoinOperator:f,fillState:N}=w.useQueryBuilder(s);l.useEffect(()=>{y?.({...o})},[o]);const x=v.JOIN_OPERATOR_OPTIONS.map(r=>o?.operator&&r.value===o.operator?{...r,selected:!0}:r);return l.useImperativeHandle(p,()=>({getState:()=>({...o}),fillState(r){N({...r})},clearAll:d})),e.jsxDEV(e.Fragment,{children:[o?.nodes?.map((r,t)=>e.jsxDEV(e.Fragment,{children:[t!==0&&e.jsxDEV("div",{style:{width:80,position:"relative"},children:e.jsxDEV(Q.Dropdown,{disabled:i==="view",onSelect:B=>{f(B.value)},options:x,width:"80px",height:96,size:"small",skipSorting:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:96,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:95,columnNumber:8},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:12},children:[e.jsxDEV(U.LinedContainer,{style:{paddingTop:t===0?0:24,maxWidth:"calc(100% - 24px)"},children:e.jsxDEV(E.default,{selectorKey:s,mode:i??"create",allowedNodes:u,node:r,apiHandler:m[r.type]},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:122,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:116,columnNumber:8},void 0),i!=="view"?e.jsxDEV(e.Fragment,{children:t!==0&&e.jsxDEV(k.default,{onClick:()=>b(r._id)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:133,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:131,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:137,columnNumber:9},void 0)]},r._id,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:112,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:93,columnNumber:6},void 0)),n&&i!=="view"&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[e.jsxDEV(j.default,{buttonText:c,allowedNodes:u,selectorKey:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:151,columnNumber:7},void 0),e.jsxDEV(V.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>d(u[0])},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:156,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:144,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:91,columnNumber:4},void 0)});a.displayName="QueryBuilderNodes";exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),l=require("react"),h=require("react-redux"),x=require("../../dropdown/Dropdown.js"),B=require("../constants/operators.js"),D=require("../hooks/useQueryBuilder.js"),Q=require("./AddNodeButton.js"),j=require("./DeleteButton.js"),E=require("./QueryBuilderNode/QueryBuilderNode.js"),W=require("./QueryBuilderNodes.styled.js"),U=require("../../button/Button.js"),V=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},g=V(l),m=g.default.forwardRef(({infinite:n,addNodeBtnText:d,allowedNodes:t,typesAPIHandlers:c,onStateChange:p,mode:o,selectorKey:s},b)=>{const i=h.useSelector(r=>r?.[s]),{deleteNode:y,clearAll:a,selectJoinOperator:f,fillState:N}=D.useQueryBuilder(s);l.useEffect(()=>{p?.({...i})},[i]);const k=B.JOIN_OPERATOR_OPTIONS.map(r=>i?.operator&&r.value===i.operator?{...r,selected:!0}:r);return l.useImperativeHandle(b,()=>({getState:()=>({...i}),fillState(r){N({...r})},clearAll:a})),e.jsxDEV(e.Fragment,{children:[i?.nodes?.map((r,u)=>e.jsxDEV(e.Fragment,{children:[u!==0&&e.jsxDEV("div",{style:{width:80,position:"relative"},children:e.jsxDEV(x.Dropdown,{disabled:o==="view",onSelect:v=>{f(v.value)},options:k,width:"80px",height:96,size:"small",skipSorting:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:96,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:95,columnNumber:8},void 0),e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:12},children:[e.jsxDEV(W.LinedContainer,{style:{paddingTop:u===0?0:24,maxWidth:"calc(100% - 24px)"},children:e.jsxDEV(E.default,{selectorKey:s,mode:o??"create",allowedNodes:t,node:r,apiHandler:c[r.type]},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:122,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:116,columnNumber:8},void 0),o!=="view"?e.jsxDEV(e.Fragment,{children:u!==0&&e.jsxDEV(j.default,{onClick:()=>y(r._id)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:133,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:131,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:137,columnNumber:9},void 0)]},r._id,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:112,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:93,columnNumber:6},void 0)),n&&o!=="view"&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[e.jsxDEV(Q.default,{buttonText:d,allowedNodes:t,selectorKey:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:151,columnNumber:7},void 0),e.jsxDEV(U.Button,{buttonText:"Clear filters",size:"medium",buttonType:"tertiaryGray",onClick:()=>a(t[0])},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:156,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:144,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:91,columnNumber:4},void 0)});m.displayName="QueryBuilderNodes";exports.default=m;
 //# sourceMappingURL=QueryBuilderNodes.js.map

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

@@ -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","infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","ref","state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","options","JOIN_OPERATOR_OPTIONS","option","useImperativeHandle","stateFromOutside","jsxDEV","Fragment","node","i","Dropdown","this","LinedContainer","QueryBuilderNode","DeleteButton","AddNodeButton","Button"],"mappings":"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"}
+{"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","infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","ref","state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","options","JOIN_OPERATOR_OPTIONS","option","useImperativeHandle","stateFromOutside","jsxDEV","Fragment","node","i","Dropdown","this","LinedContainer","QueryBuilderNode","DeleteButton","AddNodeButton","Button"],"mappings":"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"}

package/dist/cjs/components/SearchFilter/components/DatePickerButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("react"),p=require("../../input/context/InputStyleProvider.js"),D=require("../../../constants/Theme.js"),b=require("../../../assets/icons/chevronDown.svg.js"),h=require("../../../assets/icons/chevronDownOutline.svg.js"),f=require("../../tag/Tag.js"),y=require("../../input/Input.js"),g=require("../../datePicker/DatePicker.js"),c=({text:o,onSelect:l,variant:u,...r})=>{const[i,a]=s.useState(!1),[n,d]=s.useState(null),m=r.width?.toString()?r.width?.toString():n?`${n?.toDateString().length*12}px`:`${o.length*12}px`;return e.jsxDEV("div",{style:{position:"relative"},children:[e.jsxDEV("div",{onClick:()=>a(t=>!t),style:{cursor:"pointer",width:"100%",height:"100%"},children:u==="small"?e.jsxDEV(f.Tag,{tagText:n?n.toDateString():o??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:h.default},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:34,columnNumber:6},void 0):e.jsxDEV(p.InputStyleContext.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:e.jsxDEV(y.Input,{state:"disabled",value:n?n.toDateString():void 0,variant:"small",placeholder:o??"Select a date",width:m,onChangeText:()=>{},rightIcon:{icon:()=>e.jsxDEV(b.default,{style:{transform:i?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:D.DEFAULT_THEME.colorsV2.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:72,columnNumber:10},void 0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:61,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:42,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:29,columnNumber:4},void 0),i&&e.jsxDEV("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:e.jsxDEV(g.DatePicker,{selectRange:!1,onSelectDate:t=>{d(t),a(!1),l(t)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:91,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:90,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:28,columnNumber:3},void 0)};c.displayName="DatePickerButton";exports.DatePickerButton=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),s=require("react"),d=require("../../input/context/InputStyleProvider.js"),b=require("../../../constants/Theme.js"),h=require("../../../assets/icons/chevronDown.svg.js"),k=require("../../../assets/icons/chevronDownOutline.svg.js"),v=require("../../tag/Tag.js"),D=require("../../input/Input.js"),f=require("../../datePicker/DatePicker.js"),c=({text:r,onSelect:l,variant:u,...o})=>{const[i,a]=s.useState(!1),[t,m]=s.useState(null),p=o.width?.toString()?o.width?.toString():t?`${t?.toDateString().length*12}px`:`${r.length*12}px`;return e.jsxDEV("div",{style:{position:"relative"},children:[e.jsxDEV("div",{onClick:()=>a(n=>!n),style:{cursor:"pointer",width:"100%",height:"100%"},children:u==="small"?e.jsxDEV(v.Tag,{tagText:t?t.toDateString():r??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:k.default},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:34,columnNumber:6},void 0):e.jsxDEV(d.InputStyleContext.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:e.jsxDEV(D.Input,{state:"disabled",value:t?t.toDateString():void 0,variant:"small",placeholder:r??"Select a date",width:p,onChangeText:()=>{},rightIcon:{icon:()=>e.jsxDEV(h.default,{style:{transform:i?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:b.DEFAULT_THEME.colorsV2.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:72,columnNumber:10},void 0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:61,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:42,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:29,columnNumber:4},void 0),i&&e.jsxDEV("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:e.jsxDEV(f.DatePicker,{selectRange:!1,onSelectDate:n=>{m(n),a(!1),l(n)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:91,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:90,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:28,columnNumber:3},void 0)};c.displayName="DatePickerButton";exports.DatePickerButton=c;
 //# sourceMappingURL=DatePickerButton.js.map

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

@@ -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","text","onSelect","variant","restProps","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","jsxDEV","prev","Tag","DownIconOutline","this","InputStyleContext","Input","DownIcon","DEFAULT_THEME","DatePicker","date"],"mappings":"2cAWaA,EAKT,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAAgB,CAClD,KAAM,CAACC,EAAYC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAAsB,IAAI,EAE5DG,EAAeN,EAAU,OAAO,SAAA,EACnCA,EAAU,OAAO,WACjBI,EACA,GAAGA,GAAc,aAAA,EAAe,OAAS,EAAE,KAC3C,GAAGP,EAAK,OAAS,EAAE,KAEtB,gBACE,MAAA,CAAI,MAAO,CAAE,SAAU,YACvB,SAAA,CAAAU,EAAAA,OAAC,MAAA,CACA,QAAS,IAAML,EAAWM,GAAS,CAACA,CAAI,EACxC,MAAO,CAAE,OAAQ,UAAW,MAAO,OAAQ,OAAQ,MAAA,EAElD,aAAY,QACZD,EAAAA,OAACE,EAAAA,IAAA,CACA,QAASL,EAAeA,EAAa,aAAA,EAAiBP,GAAQ,GAC9D,MAAM,QACN,KAAK,UACL,QAAQ,UACR,aAAca,EAAAA,OAAA,EALf,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQAJ,EAAAA,OAACK,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,OAAQ,GACR,MAAO,OACP,OAAQ,EACR,OAAQ,UACR,QAAS,UAET,gBAAiB,MAAA,EAElB,cAAe,CACd,QAAS,CAAA,EAEV,MAAO,CACN,UAAW,MAAA,CACZ,EAGD,SAAAL,EAAAA,OAACM,EAAAA,MAAA,CACA,MAAO,WACP,MAAOT,EAAeA,EAAa,aAAA,EAAiB,OACpD,QAAS,QACT,YAAaP,GAAQ,gBACrB,MAAOS,EACP,aAAc,IAAM,CAEpB,EACA,UAAW,CACV,KAAM,IACLC,EAAAA,OAACO,EAAAA,QAAA,CACA,MAAO,CACN,UAAWb,EAAa,iBAAmB,cAAA,EAE5C,QAAS,IAAM,CAEf,EACA,MAAO,GACP,OAAQ,GACR,MAAOc,EAAAA,cAAc,SAAS,QAAQ,OAAA,EATvC,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAA,CAUA,CAEF,EAvBD,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBA,EA3CD,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4CA,EAzDF,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA4DCV,YACC,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,IAAK,kBAAA,EACxC,SAAAM,EAAAA,OAACS,EAAAA,WAAA,CACA,YAAa,GACb,aAAeC,GAAS,CACvBZ,EAAgBY,CAAI,EACpBf,EAAU,EAAK,EACfJ,EAASmB,CAAI,CACd,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EAvEF,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyEA,CAEF,EAEAf,EAAiB,YAAc"}
+{"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","text","onSelect","variant","restProps","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","jsxDEV","prev","Tag","DownIconOutline","this","InputStyleContext","Input","DownIcon","DEFAULT_THEME","DatePicker","date"],"mappings":"2cAWaA,EAKT,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAAgB,CAClD,KAAM,CAACC,EAAYC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAAsB,IAAI,EAE5DG,EAAeN,EAAU,OAAO,SAAA,EACnCA,EAAU,OAAO,WACjBI,EACA,GAAGA,GAAc,aAAA,EAAe,OAAS,EAAE,KAC3C,GAAGP,EAAK,OAAS,EAAE,KAEtB,gBACE,MAAA,CAAI,MAAO,CAAE,SAAU,YACvB,SAAA,CAAAU,EAAAA,OAAC,MAAA,CACA,QAAS,IAAML,EAAWM,GAAS,CAACA,CAAI,EACxC,MAAO,CAAE,OAAQ,UAAW,MAAO,OAAQ,OAAQ,MAAA,EAElD,aAAY,QACZD,EAAAA,OAACE,EAAAA,IAAA,CACA,QAASL,EAAeA,EAAa,aAAA,EAAiBP,GAAQ,GAC9D,MAAM,QACN,KAAK,UACL,QAAQ,UACR,aAAca,EAAAA,OAAA,EALf,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQAJ,EAAAA,OAACK,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,OAAQ,GACR,MAAO,OACP,OAAQ,EACR,OAAQ,UACR,QAAS,UAET,gBAAiB,MAAA,EAElB,cAAe,CACd,QAAS,CAAA,EAEV,MAAO,CACN,UAAW,MAAA,CACZ,EAGD,SAAAL,EAAAA,OAACM,EAAAA,MAAA,CACA,MAAO,WACP,MAAOT,EAAeA,EAAa,aAAA,EAAiB,OACpD,QAAS,QACT,YAAaP,GAAQ,gBACrB,MAAOS,EACP,aAAc,IAAM,CAEpB,EACA,UAAW,CACV,KAAM,IACLC,EAAAA,OAACO,EAAAA,QAAA,CACA,MAAO,CACN,UAAWb,EAAa,iBAAmB,cAAA,EAE5C,QAAS,IAAM,CAEf,EACA,MAAO,GACP,OAAQ,GACR,MAAOc,EAAAA,cAAc,SAAS,QAAQ,OAAA,EATvC,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAA,CAUA,CAEF,EAvBD,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBA,EA3CD,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4CA,EAzDF,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EA4DCV,YACC,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,IAAK,kBAAA,EACxC,SAAAM,EAAAA,OAACS,EAAAA,WAAA,CACA,YAAa,GACb,aAAeC,GAAS,CACvBZ,EAAgBY,CAAI,EACpBf,EAAU,EAAK,EACfJ,EAASmB,CAAI,CACd,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EAvEF,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyEA,CAEF,EAEAf,EAAiB,YAAc"}

package/dist/cjs/components/SearchFilter/components/DateRangeOnlyButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),s=require("react"),g=require("../../input/context/InputStyleProvider.js"),y=require("../../../constants/Theme.js"),D=require("../../../assets/icons/chevronDown.svg.js"),h=require("../../../assets/icons/chevronDownOutline.svg.js"),b=require("../../tag/Tag.js"),f=require("../../input/Input.js"),N=require("../../datePicker/DatePicker.js"),c=({text:t,onSelect:u,variant:d,...r})=>{const[i,a]=s.useState(!1),[e,m]=s.useState(null),p=r.width?.toString()?r.width?.toString():e?`${e[0]?.toDateString().length*12*2}px`:`${t.length*12}px`;return n.jsxDEV("div",{style:{position:"relative"},children:[n.jsxDEV("div",{onClick:()=>a(o=>!o),style:{cursor:"pointer",width:"100%",height:"100%"},children:d==="small"?n.jsxDEV(b.Tag,{tagText:e?.length?`${e[0].toDateString()} - ${e[1].toDateString()}`:t??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:h.default},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:34,columnNumber:6},void 0):n.jsxDEV(g.InputStyleContext.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:n.jsxDEV(f.Input,{state:"disabled",value:e?.length?`${e[0].toDateString()} - ${e[1].toDateString()}`:t??"",variant:"small",placeholder:t??"Select a date",width:p,onChangeText:()=>{},rightIcon:{icon:()=>n.jsxDEV(D.default,{style:{transform:i?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:y.DEFAULT_THEME.colorsV2.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:80,columnNumber:10},void 0)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:65,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:46,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:29,columnNumber:4},void 0),i&&n.jsxDEV("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:n.jsxDEV(N.DatePicker,{selectRange:!0,onSelectRange:(o,l)=>{m([o,l]),a(!1),u([o,l])}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:99,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:98,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:28,columnNumber:3},void 0)};c.displayName="DateRangeOnlyButton";exports.DateRangeOnlyButton=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),l=require("react"),h=require("../../input/context/InputStyleProvider.js"),b=require("../../../constants/Theme.js"),g=require("../../../assets/icons/chevronDown.svg.js"),y=require("../../../assets/icons/chevronDownOutline.svg.js"),D=require("../../tag/Tag.js"),k=require("../../input/Input.js"),v=require("../../datePicker/DatePicker.js"),c=({text:t,onSelect:u,variant:m,...r})=>{const[i,a]=l.useState(!1),[e,p]=l.useState(null),d=r.width?.toString()?r.width?.toString():e?`${e[0]?.toDateString().length*12*2}px`:`${t.length*12}px`;return n.jsxDEV("div",{style:{position:"relative"},children:[n.jsxDEV("div",{onClick:()=>a(o=>!o),style:{cursor:"pointer",width:"100%",height:"100%"},children:m==="small"?n.jsxDEV(D.Tag,{tagText:e?.length?`${e[0].toDateString()} - ${e[1].toDateString()}`:t??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:y.default},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:34,columnNumber:6},void 0):n.jsxDEV(h.InputStyleContext.Provider,{value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}},children:n.jsxDEV(k.Input,{state:"disabled",value:e?.length?`${e[0].toDateString()} - ${e[1].toDateString()}`:t??"",variant:"small",placeholder:t??"Select a date",width:d,onChangeText:()=>{},rightIcon:{icon:()=>n.jsxDEV(g.default,{style:{transform:i?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:b.DEFAULT_THEME.colorsV2.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:80,columnNumber:10},void 0)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:65,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:46,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:29,columnNumber:4},void 0),i&&n.jsxDEV("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:n.jsxDEV(v.DatePicker,{selectRange:!0,onSelectRange:(o,s)=>{p([o,s]),a(!1),u([o,s])}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:99,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:98,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:28,columnNumber:3},void 0)};c.displayName="DateRangeOnlyButton";exports.DateRangeOnlyButton=c;
 //# sourceMappingURL=DateRangeOnlyButton.js.map

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

@@ -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","text","onSelect","variant","restProps","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","jsxDEV","prev","Tag","DownIconOutline","this","InputStyleContext","Input","DownIcon","DEFAULT_THEME","DatePicker","start","end"],"mappings":"2cAWaA,EAKT,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAAgB,CAClD,KAAM,CAACC,EAAYC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAAwB,IAAI,EAE9DG,EAAeN,EAAU,OAAO,SAAA,EACnCA,EAAU,OAAO,SAAA,EACjBI,EACA,GAAGA,EAAa,CAAC,GAAG,aAAA,EAAe,OAAS,GAAK,CAAC,KAClD,GAAGP,EAAK,OAAS,EAAE,KAEtB,gBACE,MAAA,CAAI,MAAO,CAAE,SAAU,YACvB,SAAA,CAAAU,EAAAA,OAAC,MAAA,CACA,QAAS,IAAML,EAAWM,GAAS,CAACA,CAAI,EACxC,MAAO,CAAE,OAAQ,UAAW,MAAO,OAAQ,OAAQ,MAAA,EAElD,aAAY,QACZD,EAAAA,OAACE,EAAAA,IAAA,CACA,QACCL,GAAc,OACX,GAAGA,EAAa,CAAC,EAAE,aAAA,CAAc,MAAMA,EAAa,CAAC,EAAE,aAAA,CAAc,GACrEP,GAAQ,GAEZ,MAAM,QACN,KAAK,UACL,QAAQ,UACR,aAAca,EAAAA,OAAA,EATf,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAYAJ,EAAAA,OAACK,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,OAAQ,GACR,MAAO,OACP,OAAQ,EACR,OAAQ,UACR,QAAS,UAET,gBAAiB,MAAA,EAElB,cAAe,CACd,QAAS,CAAA,EAEV,MAAO,CACN,UAAW,MAAA,CACZ,EAGD,SAAAL,EAAAA,OAACM,EAAAA,MAAA,CACA,MAAO,WACP,MACCT,GAAc,OACX,GAAGA,EAAa,CAAC,EAAE,aAAA,CAAc,MAAMA,EAAa,CAAC,EAAE,aAAA,CAAc,GACrEP,GAAQ,GAEZ,QAAS,QACT,YAAaA,GAAQ,gBACrB,MAAOS,EACP,aAAc,IAAM,CAEpB,EACA,UAAW,CACV,KAAM,IACLC,EAAAA,OAACO,EAAAA,QAAA,CACA,MAAO,CACN,UAAWb,EAAa,iBAAmB,cAAA,EAE5C,QAAS,IAAM,CAEf,EACA,MAAO,GACP,OAAQ,GACR,MAAOc,EAAAA,cAAc,SAAS,QAAQ,OAAA,EATvC,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAA,CAUA,CAEF,EA3BD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4BA,EA/CD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAgDA,EAjEF,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoECV,YACC,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,IAAK,kBAAA,EACxC,SAAAM,EAAAA,OAACS,EAAAA,WAAA,CACA,YAAa,GACb,cAAe,CAACC,EAAOC,IAAQ,CAC9Bb,EAAgB,CAACY,EAAOC,CAAG,CAAC,EAC5BhB,EAAU,EAAK,EACfJ,EAAS,CAACmB,EAAOC,CAAG,CAAC,CACtB,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EA/EF,OAAA,GAAA,CAAA,SAAA,qHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiFA,CAEF,EAEAf,EAAoB,YAAc"}
+{"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","text","onSelect","variant","restProps","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","jsxDEV","prev","Tag","DownIconOutline","this","InputStyleContext","Input","DownIcon","DEFAULT_THEME","DatePicker","start","end"],"mappings":"2cAWaA,EAKT,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAAgB,CAClD,KAAM,CAACC,EAAYC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACxC,CAACC,EAAcC,CAAe,EAAIF,EAAAA,SAAwB,IAAI,EAE9DG,EAAeN,EAAU,OAAO,SAAA,EACnCA,EAAU,OAAO,SAAA,EACjBI,EACA,GAAGA,EAAa,CAAC,GAAG,aAAA,EAAe,OAAS,GAAK,CAAC,KAClD,GAAGP,EAAK,OAAS,EAAE,KAEtB,gBACE,MAAA,CAAI,MAAO,CAAE,SAAU,YACvB,SAAA,CAAAU,EAAAA,OAAC,MAAA,CACA,QAAS,IAAML,EAAWM,GAAS,CAACA,CAAI,EACxC,MAAO,CAAE,OAAQ,UAAW,MAAO,OAAQ,OAAQ,MAAA,EAElD,aAAY,QACZD,EAAAA,OAACE,EAAAA,IAAA,CACA,QACCL,GAAc,OACX,GAAGA,EAAa,CAAC,EAAE,aAAA,CAAc,MAAMA,EAAa,CAAC,EAAE,aAAA,CAAc,GACrEP,GAAQ,GAEZ,MAAM,QACN,KAAK,UACL,QAAQ,UACR,aAAca,EAAAA,OAAA,EATf,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAYAJ,EAAAA,OAACK,EAAAA,kBAAkB,SAAlB,CACA,MAAO,CACN,aAAc,CACb,OAAQ,GACR,MAAO,OACP,OAAQ,EACR,OAAQ,UACR,QAAS,UAET,gBAAiB,MAAA,EAElB,cAAe,CACd,QAAS,CAAA,EAEV,MAAO,CACN,UAAW,MAAA,CACZ,EAGD,SAAAL,EAAAA,OAACM,EAAAA,MAAA,CACA,MAAO,WACP,MACCT,GAAc,OACX,GAAGA,EAAa,CAAC,EAAE,aAAA,CAAc,MAAMA,EAAa,CAAC,EAAE,aAAA,CAAc,GACrEP,GAAQ,GAEZ,QAAS,QACT,YAAaA,GAAQ,gBACrB,MAAOS,EACP,aAAc,IAAM,CAEpB,EACA,UAAW,CACV,KAAM,IACLC,EAAAA,OAACO,EAAAA,QAAA,CACA,MAAO,CACN,UAAWb,EAAa,iBAAmB,cAAA,EAE5C,QAAS,IAAM,CAEf,EACA,MAAO,GACP,OAAQ,GACR,MAAOc,EAAAA,cAAc,SAAS,QAAQ,OAAA,EATvC,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAA,CAUA,CAEF,EA3BD,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4BA,EA/CD,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAgDA,EAjEF,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoECV,YACC,MAAA,CAAI,MAAO,CAAE,SAAU,WAAY,IAAK,kBAAA,EACxC,SAAAM,EAAAA,OAACS,EAAAA,WAAA,CACA,YAAa,GACb,cAAe,CAACC,EAAOC,IAAQ,CAC9Bb,EAAgB,CAACY,EAAOC,CAAG,CAAC,EAC5BhB,EAAU,EAAK,EACfJ,EAAS,CAACmB,EAAOC,CAAG,CAAC,CACtB,CAAA,EAND,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EA/EF,OAAA,GAAA,CAAA,SAAA,oJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAiFA,CAEF,EAEAf,EAAoB,YAAc"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),o=require("../../../assets/icons/cross.svg.js"),n=require("../types/SearchFilter.type.js"),t=require("../../tag/Tag.js"),a=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js"),c=({selectedState:s,onDeSelect:i})=>r.jsxDEV(r.Fragment,{children:s.map(e=>e.type===n.FilterType.Multiple?r.jsxDEV(r.Fragment,{children:e.value?.map(l=>r.jsxDEV(t.Tag,{onTrailingIconClicked:()=>i(e.id,l),style:{cursor:"pointer"},tagText:l.label?.slice(0,10)??"",type:"neutral",theme:"light",TrailingIcon:o.default},`${e.id}-${l.value}`,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:23,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:21,columnNumber:7},void 0):e.type===n.FilterType.Date?r.jsxDEV(t.Tag,{onTrailingIconClicked:()=>i(e.id,e.value),style:{cursor:"pointer"},tagText:a.formatDate(e.value),type:"neutral",theme:"light",TrailingIcon:o.default},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:39,columnNumber:7},void 0):e.type===n.FilterType.DateRange?r.jsxDEV(t.Tag,{onTrailingIconClicked:()=>i(e.id,e.value),style:{cursor:"pointer"},tagText:`${a.formatDate(e.value?.[0])} to ${a.formatDate(e.value?.[1])}`,type:"neutral",theme:"light",TrailingIcon:o.default},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:53,columnNumber:7},void 0):(e.type===n.FilterType.Single?e.value?.label??"":e.value?.toString()??"")?r.jsxDEV(t.Tag,{onTrailingIconClicked:()=>i(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.FilterType.Single?e.value?.label??"":e.value?.toString()??"",type:"neutral",theme:"light",TrailingIcon:o.default},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:74,columnNumber:6},void 0):r.jsxDEV(r.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:71,columnNumber:13},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:17,columnNumber:3},void 0);exports.FilterChipListRenderer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-dev-runtime"),t=require("../../../assets/icons/cross.svg.js"),n=require("../types/SearchFilter.type.js"),a=require("../../tag/Tag.js"),l=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js"),c=({selectedState:s,onDeSelect:i})=>r.jsxDEV(r.Fragment,{children:s.map(e=>e.type===n.FilterType.Multiple?r.jsxDEV(r.Fragment,{children:e.value?.map(o=>r.jsxDEV(a.Tag,{onTrailingIconClicked:()=>i(e.id,o),style:{cursor:"pointer"},tagText:o.label?.slice(0,10)??"",type:"neutral",theme:"light",TrailingIcon:t.default},`${e.id}-${o.value}`,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:23,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:21,columnNumber:7},void 0):e.type===n.FilterType.Date?r.jsxDEV(a.Tag,{onTrailingIconClicked:()=>i(e.id,e.value),style:{cursor:"pointer"},tagText:l.formatDate(e.value),type:"neutral",theme:"light",TrailingIcon:t.default},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:39,columnNumber:7},void 0):e.type===n.FilterType.DateRange?r.jsxDEV(a.Tag,{onTrailingIconClicked:()=>i(e.id,e.value),style:{cursor:"pointer"},tagText:`${l.formatDate(e.value?.[0])} to ${l.formatDate(e.value?.[1])}`,type:"neutral",theme:"light",TrailingIcon:t.default},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:53,columnNumber:7},void 0):(e.type===n.FilterType.Single?e.value?.label??"":e.value?.toString()??"")?r.jsxDEV(a.Tag,{onTrailingIconClicked:()=>i(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.FilterType.Single?e.value?.label??"":e.value?.toString()??"",type:"neutral",theme:"light",TrailingIcon:t.default},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:74,columnNumber:6},void 0):r.jsxDEV(r.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:71,columnNumber:13},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:17,columnNumber:3},void 0);exports.FilterChipListRenderer=c;
 //# sourceMappingURL=FilterChipListRenderer.js.map

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

@@ -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","jsxDEV","Fragment","item","FilterType","val","Tag","CrossIcon","this","formatDate"],"mappings":"wTAWaA,EAGR,CAAC,CAAE,cAAAC,EAAe,WAAAC,KAErBC,EAAAA,OAAAC,EAAAA,SAAA,CACE,SAAAH,EAAc,IAAKI,GACfA,EAAK,OAASC,EAAAA,WAAW,SAE3BH,EAAAA,OAAAC,EAAAA,SAAA,CACG,SAAAC,EAAK,OAA4B,IAAKE,GACvCJ,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIE,CAAG,EACpD,MAAO,CAAE,OAAQ,SAAA,EAEjB,QAASA,EAAI,OAAO,MAAM,EAAG,EAAE,GAAK,GACpC,KAAK,UACL,MAAM,QACN,aAAcE,EAAAA,OAAA,EAJT,GAAGJ,EAAK,EAAE,IAAKE,EAAqB,KAAK,GAH/C,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CASA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,EAIEL,EAAK,OAASC,EAAAA,WAAW,KAE3BH,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIA,EAAK,KAAM,EAC5D,MAAO,CAAE,OAAQ,SAAA,EAEjB,QAASM,EAAAA,WAAWN,EAAK,KAAa,EACtC,KAAK,UACL,MAAM,QACN,aAAcI,EAAAA,OAAA,EAJTJ,EAAK,GAHX,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAYEL,EAAK,OAASC,EAAAA,WAAW,UAE3BH,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIA,EAAK,KAAM,EAC5D,MAAO,CAAE,OAAQ,SAAA,EAEjB,QAAS,GAAGM,EAAAA,WAAWN,EAAK,QAAQ,CAAC,CAAC,CAAC,OAAOM,EAAAA,WAC7CN,EAAK,QAAQ,CAAC,CAAA,CACd,GACD,KAAK,UACL,MAAM,QACN,aAAcI,EAAAA,OAAA,EANTJ,EAAK,GAHX,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,GAcDL,EAAK,OAASC,EAAAA,WAAW,OACrBD,EAAK,OAAwB,OAAS,GACvCA,EAAK,OAAO,SAAA,GAAc,IAK7BF,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIA,EAAK,KAAM,EAC5D,MAAO,CAAE,OAAQ,SAAA,EAEjB,QACCA,EAAK,OAASC,EAAAA,WAAW,OACrBD,EAAK,OAAwB,OAAS,GACvCA,EAAK,OAAO,SAAA,GAAc,GAE9B,KAAK,UACL,MAAM,QACN,aAAcI,EAAAA,OAAA,EARTJ,EAAK,GAHX,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAHOP,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,EAAA,EAAAM,MAAE,CAiBV,CAAA,EAvEF,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwEA"}
+{"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","jsxDEV","Fragment","item","FilterType","val","Tag","CrossIcon","this","formatDate"],"mappings":"wTAWaA,EAGR,CAAC,CAAE,cAAAC,EAAe,WAAAC,KAErBC,EAAAA,OAAAC,EAAAA,SAAA,CACE,SAAAH,EAAc,IAAKI,GACfA,EAAK,OAASC,EAAAA,WAAW,SAE3BH,EAAAA,OAAAC,EAAAA,SAAA,CACG,SAAAC,EAAK,OAA4B,IAAKE,GACvCJ,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIE,CAAG,EACpD,MAAO,CAAE,OAAQ,SAAA,EAEjB,QAASA,EAAI,OAAO,MAAM,EAAG,EAAE,GAAK,GACpC,KAAK,UACL,MAAM,QACN,aAAcE,EAAAA,OAAA,EAJT,GAAGJ,EAAK,EAAE,IAAKE,EAAqB,KAAK,GAH/C,GAAA,CAAA,SAAA,uJAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CASA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,uJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,EAIEL,EAAK,OAASC,EAAAA,WAAW,KAE3BH,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIA,EAAK,KAAM,EAC5D,MAAO,CAAE,OAAQ,SAAA,EAEjB,QAASM,EAAAA,WAAWN,EAAK,KAAa,EACtC,KAAK,UACL,MAAM,QACN,aAAcI,EAAAA,OAAA,EAJTJ,EAAK,GAHX,GAAA,CAAA,SAAA,uJAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAYEL,EAAK,OAASC,EAAAA,WAAW,UAE3BH,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIA,EAAK,KAAM,EAC5D,MAAO,CAAE,OAAQ,SAAA,EAEjB,QAAS,GAAGM,EAAAA,WAAWN,EAAK,QAAQ,CAAC,CAAC,CAAC,OAAOM,EAAAA,WAC7CN,EAAK,QAAQ,CAAC,CAAA,CACd,GACD,KAAK,UACL,MAAM,QACN,aAAcI,EAAAA,OAAA,EANTJ,EAAK,GAHX,GAAA,CAAA,SAAA,uJAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,GAcDL,EAAK,OAASC,EAAAA,WAAW,OACrBD,EAAK,OAAwB,OAAS,GACvCA,EAAK,OAAO,SAAA,GAAc,IAK7BF,EAAAA,OAACK,EAAAA,IAAA,CACA,sBAAuB,IAAMN,EAAWG,EAAK,GAAIA,EAAK,KAAM,EAC5D,MAAO,CAAE,OAAQ,SAAA,EAEjB,QACCA,EAAK,OAASC,EAAAA,WAAW,OACrBD,EAAK,OAAwB,OAAS,GACvCA,EAAK,OAAO,SAAA,GAAc,GAE9B,KAAK,UACL,MAAM,QACN,aAAcI,EAAAA,OAAA,EARTJ,EAAK,GAHX,GAAA,CAAA,SAAA,uJAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAHOP,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,uJAAA,WAAA,GAAA,aAAA,EAAA,EAAAM,MAAE,CAiBV,CAAA,EAvEF,OAAA,GAAA,CAAA,SAAA,uJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwEA"}

package/dist/cjs/components/SearchFilter/components/SearchFilterItem.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),i=require("../../dropdown/ChipDropdown.js"),a=require("../types/SearchFilter.type.js"),l=require("./DatePickerButton.js"),o=require("./DateRangeOnlyButton.js"),r=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js"),c=require("../../dropdown/Dropdown.js"),s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],u=e=>e.type===a.FilterType.Date?n.jsxDEV(l.DatePickerButton,{...e,variant:e.variant,onSelect:t=>e.onChange(t)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:48,columnNumber:4},void 0):e.type===a.FilterType.DateRange?e.rangePickerDateOnly?n.jsxDEV(o.DateRangeOnlyButton,{...e,variant:e.variant,onSelect:t=>e.onChange(t)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:59,columnNumber:5},void 0):n.jsxDEV(r.AnalyticsDropdown,{datePickerPlacement:e.datePickerPlacement,variant:e.variant,placeholder:e.text,options:e.preset?s:e.options??[],onOptionSelected:function(t){t.selectedRange&&e.onChange([t.selectedRange?.[0],t.selectedRange?.[1]])}},e.id,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:67,columnNumber:4},void 0):e.variant==="small"?n.jsxDEV(i.ChipDropdown,{isMultiSelect:e.type===a.FilterType.Multiple,options:e.options??[],defaultOptions:e.defaultValue,onSelect:e.onChange,placeHolder:e.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:96,columnNumber:4},void 0):n.jsxDEV(c.Dropdown,{isMultiSelect:e.type===a.FilterType.Multiple,size:"small",options:e.options??[],defaultOptions:e.defaultValue,onSelect:e.onChange,placeHolder:e.text,width:`${e.text.length*10}px`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:107,columnNumber:3},void 0);exports.SearchFilterItem=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),i=require("../../dropdown/ChipDropdown.js"),a=require("../types/SearchFilter.type.js"),r=require("./DatePickerButton.js"),l=require("./DateRangeOnlyButton.js"),o=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js"),c=require("../../dropdown/Dropdown.js"),s=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],u=e=>e.type===a.FilterType.Date?n.jsxDEV(r.DatePickerButton,{...e,variant:e.variant,onSelect:t=>e.onChange(t)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:48,columnNumber:4},void 0):e.type===a.FilterType.DateRange?e.rangePickerDateOnly?n.jsxDEV(l.DateRangeOnlyButton,{...e,variant:e.variant,onSelect:t=>e.onChange(t)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:59,columnNumber:5},void 0):n.jsxDEV(o.AnalyticsDropdown,{datePickerPlacement:e.datePickerPlacement,variant:e.variant,placeholder:e.text,options:e.preset?s:e.options??[],onOptionSelected:function(t){t.selectedRange&&e.onChange([t.selectedRange?.[0],t.selectedRange?.[1]])}},e.id,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:67,columnNumber:4},void 0):e.variant==="small"?n.jsxDEV(i.ChipDropdown,{isMultiSelect:e.type===a.FilterType.Multiple,options:e.options??[],defaultOptions:e.defaultValue,onSelect:e.onChange,placeHolder:e.text},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:96,columnNumber:4},void 0):n.jsxDEV(c.Dropdown,{isMultiSelect:e.type===a.FilterType.Multiple,size:"small",options:e.options??[],defaultOptions:e.defaultValue,onSelect:e.onChange,placeHolder:e.text,width:`${e.text.length*10}px`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:107,columnNumber:3},void 0);exports.SearchFilterItem=u;
 //# sourceMappingURL=SearchFilterItem.js.map

package/dist/cjs/components/SearchFilter/components/SearchFilterItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilterItem.js","sources":["../../../../../src/components/SearchFilter/components/SearchFilterItem.tsx"],"sourcesContent":["import React from 'react';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport {\n\tAnalyticsDropdown,\n\tDropdownOptions,\n} from '../../analytics-chips-and-dropdowns';\nimport { Dropdown } from '../../dropdown';\nimport { ChipDropdown } from '../../dropdown/ChipDropdown';\nimport { DropdownOption } from '../../dropdown/type';\nimport {\n\tFilterSchema,\n\tFilterType,\n\tFilterValueType,\n} from '../types/SearchFilter.type';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DateRangeOnlyButton } from './DateRangeOnlyButton';\n\nconst presetOptions = [\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: 7,\n\t\tnoOfDays: 7,\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: 30,\n\t\tnoOfDays: 30,\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: 'custom',\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: { selectRange: true },\n\t},\n];\n\nexport const SearchFilterItem: React.FC<\n\tFilterSchema & {\n\t\tvariant: InputVariant;\n\t\tonChange: (val: FilterValueType) => void;\n\t}\n> = (props) => {\n\tif (props.type === FilterType.Date) {\n\t\treturn (\n\t\t\t<DatePickerButton\n\t\t\t\t{...props}\n\t\t\t\tvariant={props.variant}\n\t\t\t\tonSelect={(date) => props.onChange(date)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (props.type === FilterType.DateRange) {\n\t\tif (props.rangePickerDateOnly)\n\t\t\treturn (\n\t\t\t\t<DateRangeOnlyButton\n\t\t\t\t\t{...props}\n\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\tonSelect={(date) => props.onChange(date)}\n\t\t\t\t/>\n\t\t\t);\n\n\t\treturn (\n\t\t\t<AnalyticsDropdown\n\t\t\t\tdatePickerPlacement={props.datePickerPlacement}\n\t\t\t\tvariant={props.variant as any}\n\t\t\t\tplaceholder={props.text}\n\t\t\t\tkey={props.id}\n\t\t\t\toptions={\n\t\t\t\t\t(props.preset\n\t\t\t\t\t\t? presetOptions\n\t\t\t\t\t\t: props.options ?? []) as DropdownOptions[]\n\t\t\t\t}\n\t\t\t\tonOptionSelected={function (\n\t\t\t\t\tchosen: DropdownOptions & {\n\t\t\t\t\t\tselectedRange?: [Date, Date] | undefined;\n\t\t\t\t\t},\n\t\t\t\t): void {\n\t\t\t\t\tif (chosen.selectedRange)\n\t\t\t\t\t\tprops.onChange([\n\t\t\t\t\t\t\tchosen.selectedRange?.[0],\n\t\t\t\t\t\t\tchosen.selectedRange?.[1],\n\t\t\t\t\t\t]);\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t}\n\n\t/** default type is dropdowns */\n\n\tif (props.variant === 'small') {\n\t\treturn (\n\t\t\t<ChipDropdown\n\t\t\t\tisMultiSelect={props.type === FilterType.Multiple}\n\t\t\t\toptions={props.options ?? []}\n\t\t\t\tdefaultOptions={props.defaultValue as DropdownOption[]}\n\t\t\t\tonSelect={props.onChange}\n\t\t\t\tplaceHolder={props.text}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Dropdown\n\t\t\tisMultiSelect={props.type === FilterType.Multiple}\n\t\t\tsize={'small'}\n\t\t\toptions={props.options ?? []}\n\t\t\tdefaultOptions={props.defaultValue as DropdownOption[]}\n\t\t\tonSelect={props.onChange}\n\t\t\tplaceHolder={props.text}\n\t\t\twidth={`${props.text.length * 10}px`}\n\t\t/>\n\t);\n};\n"],"names":["presetOptions","SearchFilterItem","props","FilterType","jsxDEV","DatePickerButton","date","this","DateRangeOnlyButton","AnalyticsDropdown","chosen","ChipDropdown","Dropdown"],"mappings":"uYAiBMA,EAAgB,CACrB,CACC,MAAO,cACP,MAAO,SACP,IAAK,EACL,SAAU,CAAA,EAEX,CACC,MAAO,eACP,MAAO,UACP,IAAK,GACL,SAAU,EAAA,EAEX,CACC,MAAO,eACP,MAAO,WACP,IAAK,SACL,SAAU,GACV,0BAA2B,CAAE,YAAa,EAAA,CAAK,CAEjD,EAEaC,EAKRC,GACAA,EAAM,OAASC,EAAAA,WAAW,KAE5BC,EAAAA,OAACC,EAAAA,iBAAA,CACC,GAAGH,EACJ,QAASA,EAAM,QACf,SAAWI,GAASJ,EAAM,SAASI,CAAI,CAAA,EAHxC,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQEL,EAAM,OAASC,EAAAA,WAAW,UACzBD,EAAM,oBAERE,EAAAA,OAACI,EAAAA,oBAAA,CACC,GAAGN,EACJ,QAASA,EAAM,QACf,SAAWI,GAASJ,EAAM,SAASI,CAAI,CAAA,EAHxC,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQDH,EAAAA,OAACK,EAAAA,kBAAA,CACA,oBAAqBP,EAAM,oBAC3B,QAASA,EAAM,QACf,YAAaA,EAAM,KAEnB,QACEA,EAAM,OACJF,EACAE,EAAM,SAAW,CAAA,EAErB,iBAAkB,SACjBQ,EAGO,CACHA,EAAO,eACVR,EAAM,SAAS,CACdQ,EAAO,gBAAgB,CAAC,EACxBA,EAAO,gBAAgB,CAAC,CAAA,CACxB,CACH,CAAA,EAhBKR,EAAM,GAJZ,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EA2BEL,EAAM,UAAY,QAEpBE,EAAAA,OAACO,EAAAA,aAAA,CACA,cAAeT,EAAM,OAASC,EAAAA,WAAW,SACzC,QAASD,EAAM,SAAW,CAAA,EAC1B,eAAgBA,EAAM,aACtB,SAAUA,EAAM,SAChB,YAAaA,EAAM,IAAA,EALpB,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAWDH,EAAAA,OAACQ,EAAAA,SAAA,CACA,cAAeV,EAAM,OAASC,EAAAA,WAAW,SACzC,KAAM,QACN,QAASD,EAAM,SAAW,CAAA,EAC1B,eAAgBA,EAAM,aACtB,SAAUA,EAAM,SAChB,YAAaA,EAAM,KACnB,MAAO,GAAGA,EAAM,KAAK,OAAS,EAAE,IAAA,EAPjC,OAAA,GAAA,CAAA,SAAA,kHAAA,WAAA,IAAA,aAAA,CAAA,EAAAK,MAAA"}
+{"version":3,"file":"SearchFilterItem.js","sources":["../../../../../src/components/SearchFilter/components/SearchFilterItem.tsx"],"sourcesContent":["import React from 'react';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport {\n\tAnalyticsDropdown,\n\tDropdownOptions,\n} from '../../analytics-chips-and-dropdowns';\nimport { Dropdown } from '../../dropdown';\nimport { ChipDropdown } from '../../dropdown/ChipDropdown';\nimport { DropdownOption } from '../../dropdown/type';\nimport {\n\tFilterSchema,\n\tFilterType,\n\tFilterValueType,\n} from '../types/SearchFilter.type';\nimport { DatePickerButton } from './DatePickerButton';\nimport { DateRangeOnlyButton } from './DateRangeOnlyButton';\n\nconst presetOptions = [\n\t{\n\t\tlabel: 'Last 7 days',\n\t\tvalue: '7 days',\n\t\tkey: 7,\n\t\tnoOfDays: 7,\n\t},\n\t{\n\t\tlabel: 'Last 30 days',\n\t\tvalue: '30 days',\n\t\tkey: 30,\n\t\tnoOfDays: 30,\n\t},\n\t{\n\t\tlabel: 'Custom range',\n\t\tvalue: 'calender',\n\t\tkey: 'custom',\n\t\tisCustom: true,\n\t\tdateRangeSelectionOptions: { selectRange: true },\n\t},\n];\n\nexport const SearchFilterItem: React.FC<\n\tFilterSchema & {\n\t\tvariant: InputVariant;\n\t\tonChange: (val: FilterValueType) => void;\n\t}\n> = (props) => {\n\tif (props.type === FilterType.Date) {\n\t\treturn (\n\t\t\t<DatePickerButton\n\t\t\t\t{...props}\n\t\t\t\tvariant={props.variant}\n\t\t\t\tonSelect={(date) => props.onChange(date)}\n\t\t\t/>\n\t\t);\n\t}\n\n\tif (props.type === FilterType.DateRange) {\n\t\tif (props.rangePickerDateOnly)\n\t\t\treturn (\n\t\t\t\t<DateRangeOnlyButton\n\t\t\t\t\t{...props}\n\t\t\t\t\tvariant={props.variant}\n\t\t\t\t\tonSelect={(date) => props.onChange(date)}\n\t\t\t\t/>\n\t\t\t);\n\n\t\treturn (\n\t\t\t<AnalyticsDropdown\n\t\t\t\tdatePickerPlacement={props.datePickerPlacement}\n\t\t\t\tvariant={props.variant as any}\n\t\t\t\tplaceholder={props.text}\n\t\t\t\tkey={props.id}\n\t\t\t\toptions={\n\t\t\t\t\t(props.preset\n\t\t\t\t\t\t? presetOptions\n\t\t\t\t\t\t: props.options ?? []) as DropdownOptions[]\n\t\t\t\t}\n\t\t\t\tonOptionSelected={function (\n\t\t\t\t\tchosen: DropdownOptions & {\n\t\t\t\t\t\tselectedRange?: [Date, Date] | undefined;\n\t\t\t\t\t},\n\t\t\t\t): void {\n\t\t\t\t\tif (chosen.selectedRange)\n\t\t\t\t\t\tprops.onChange([\n\t\t\t\t\t\t\tchosen.selectedRange?.[0],\n\t\t\t\t\t\t\tchosen.selectedRange?.[1],\n\t\t\t\t\t\t]);\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\t}\n\n\t/** default type is dropdowns */\n\n\tif (props.variant === 'small') {\n\t\treturn (\n\t\t\t<ChipDropdown\n\t\t\t\tisMultiSelect={props.type === FilterType.Multiple}\n\t\t\t\toptions={props.options ?? []}\n\t\t\t\tdefaultOptions={props.defaultValue as DropdownOption[]}\n\t\t\t\tonSelect={props.onChange}\n\t\t\t\tplaceHolder={props.text}\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Dropdown\n\t\t\tisMultiSelect={props.type === FilterType.Multiple}\n\t\t\tsize={'small'}\n\t\t\toptions={props.options ?? []}\n\t\t\tdefaultOptions={props.defaultValue as DropdownOption[]}\n\t\t\tonSelect={props.onChange}\n\t\t\tplaceHolder={props.text}\n\t\t\twidth={`${props.text.length * 10}px`}\n\t\t/>\n\t);\n};\n"],"names":["presetOptions","SearchFilterItem","props","FilterType","jsxDEV","DatePickerButton","date","this","DateRangeOnlyButton","AnalyticsDropdown","chosen","ChipDropdown","Dropdown"],"mappings":"uYAiBMA,EAAgB,CACrB,CACC,MAAO,cACP,MAAO,SACP,IAAK,EACL,SAAU,CAAA,EAEX,CACC,MAAO,eACP,MAAO,UACP,IAAK,GACL,SAAU,EAAA,EAEX,CACC,MAAO,eACP,MAAO,WACP,IAAK,SACL,SAAU,GACV,0BAA2B,CAAE,YAAa,EAAA,CAAK,CAEjD,EAEaC,EAKRC,GACAA,EAAM,OAASC,EAAAA,WAAW,KAE5BC,EAAAA,OAACC,EAAAA,iBAAA,CACC,GAAGH,EACJ,QAASA,EAAM,QACf,SAAWI,GAASJ,EAAM,SAASI,CAAI,CAAA,EAHxC,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQEL,EAAM,OAASC,EAAAA,WAAW,UACzBD,EAAM,oBAERE,EAAAA,OAACI,EAAAA,oBAAA,CACC,GAAGN,EACJ,QAASA,EAAM,QACf,SAAWI,GAASJ,EAAM,SAASI,CAAI,CAAA,EAHxC,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,EAQDH,EAAAA,OAACK,EAAAA,kBAAA,CACA,oBAAqBP,EAAM,oBAC3B,QAASA,EAAM,QACf,YAAaA,EAAM,KAEnB,QACEA,EAAM,OACJF,EACAE,EAAM,SAAW,CAAA,EAErB,iBAAkB,SACjBQ,EAGO,CACHA,EAAO,eACVR,EAAM,SAAS,CACdQ,EAAO,gBAAgB,CAAC,EACxBA,EAAO,gBAAgB,CAAC,CAAA,CACxB,CACH,CAAA,EAhBKR,EAAM,GAJZ,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EA2BEL,EAAM,UAAY,QAEpBE,EAAAA,OAACO,EAAAA,aAAA,CACA,cAAeT,EAAM,OAASC,EAAAA,WAAW,SACzC,QAASD,EAAM,SAAW,CAAA,EAC1B,eAAgBA,EAAM,aACtB,SAAUA,EAAM,SAChB,YAAaA,EAAM,IAAA,EALpB,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAWDH,EAAAA,OAACQ,EAAAA,SAAA,CACA,cAAeV,EAAM,OAASC,EAAAA,WAAW,SACzC,KAAM,QACN,QAASD,EAAM,SAAW,CAAA,EAC1B,eAAgBA,EAAM,aACtB,SAAUA,EAAM,SAChB,YAAaA,EAAM,KACnB,MAAO,GAAGA,EAAM,KAAK,OAAS,EAAE,IAAA,EAPjC,OAAA,GAAA,CAAA,SAAA,iJAAA,WAAA,IAAA,aAAA,CAAA,EAAAK,MAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-dev-runtime"),f=require("react"),w=require("./components/FilterChipListRenderer.js"),v=require("./components/SearchFilterItem.js"),p=require("./types/SearchFilter.type.js"),F=require("../searchBar/searchBar.js"),g=({direction:u="row",schema:c,variant:S,onChange:x,showSelectedChips:D})=>{const t=f.useRef(c?.filter(e=>e.defaultValue).map(e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))??[]),[y,m]=f.useState([]),d=c.find(e=>e.type===p.FilterType.Search),b=e=>{d&&typeof e=="string"&&h(d.id,e)},h=(e,l)=>{const i=c.find(r=>r.id===e),o=[...y];if(i){const r=o.findIndex(n=>n.id===e);r!==-1?o[r]={id:i.id,value:l}:o.push({id:i.id,value:l}),t.current.find(n=>n.id===e)?t.current=t.current.map(n=>n.id===e?{id:n.id,value:l,type:n.type,text:n.text}:n):t.current=[...t.current,{id:e,value:l,type:i.type,text:i.text}],x(i.id,t.current,l),m([...o])}},N=(e,l)=>{const i=c.find(r=>r.id===e);let o=[...y];i&&(i.type===p.FilterType.Multiple?(o=o.map(r=>{if(r.id===e){const s=r.value.filter(n=>n.value!==l.value);return s.length?{...r,value:s}:null}return r}).filter(r=>!!r),t.current=t.current.map(r=>{if(r.id===e){const s=r.value?.filter(n=>n.value!==l.value);return s.length?{...r,value:s}:null}return r}).filter(r=>!!r)):(o=o.filter(r=>r.id!==e),t.current=t.current.filter(r=>r.id!==e)),x(i.id,t.current,l),m([...o]))};return a.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[a.jsxDEV("div",{style:{display:"flex",flexDirection:u,gap:8,flexWrap:"wrap",alignItems:u==="row"?"center":"self-start"},children:[d&&a.jsxDEV(F.SearchBar,{width:d.width?.toString()??"100%",isEnabled:!0,onChange:b,onEnter:b,placeholder:d.text,variant:"small"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:193,columnNumber:6},void 0),a.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:u==="row"?"center":"self-start"},children:c.filter(e=>e.type!==p.FilterType.Search).map((e,l)=>f.createElement(v.SearchFilterItem,{...e,key:l,variant:S,onChange:i=>{h(e.id,i)}}))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:202,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:183,columnNumber:4},void 0),D&&a.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8},children:a.jsxDEV(w.FilterChipListRenderer,{selectedState:t.current,onDeSelect:N},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:233,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:226,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:182,columnNumber:3},void 0)};exports.SearchFilter=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),p=require("react"),D=require("./components/FilterChipListRenderer.js"),N=require("./components/SearchFilterItem.js"),f=require("./types/SearchFilter.type.js"),F=require("../searchBar/searchBar.js"),g=({direction:d="row",schema:c,variant:v,onChange:m,showSelectedChips:k})=>{const i=p.useRef(c?.filter(e=>e.defaultValue).map(e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))??[]),[b,h]=p.useState([]),u=c.find(e=>e.type===f.FilterType.Search),x=e=>{u&&typeof e=="string"&&y(u.id,e)},y=(e,l)=>{const n=c.find(r=>r.id===e),s=[...b];if(n){const r=s.findIndex(t=>t.id===e);r!==-1?s[r]={id:n.id,value:l}:s.push({id:n.id,value:l}),i.current.find(t=>t.id===e)?i.current=i.current.map(t=>t.id===e?{id:t.id,value:l,type:t.type,text:t.text}:t):i.current=[...i.current,{id:e,value:l,type:n.type,text:n.text}],m(n.id,i.current,l),h([...s])}},S=(e,l)=>{const n=c.find(r=>r.id===e);let s=[...b];n&&(n.type===f.FilterType.Multiple?(s=s.map(r=>{if(r.id===e){const a=r.value.filter(t=>t.value!==l.value);return a.length?{...r,value:a}:null}return r}).filter(r=>!!r),i.current=i.current.map(r=>{if(r.id===e){const a=r.value?.filter(t=>t.value!==l.value);return a.length?{...r,value:a}:null}return r}).filter(r=>!!r)):(s=s.filter(r=>r.id!==e),i.current=i.current.filter(r=>r.id!==e)),m(n.id,i.current,l),h([...s]))};return o.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[o.jsxDEV("div",{style:{display:"flex",flexDirection:d,gap:8,flexWrap:"wrap",alignItems:d==="row"?"center":"self-start"},children:[u&&o.jsxDEV(F.SearchBar,{width:u.width?.toString()??"100%",isEnabled:!0,onChange:x,onEnter:x,placeholder:u.text,variant:"small"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:193,columnNumber:6},void 0),o.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:d==="row"?"center":"self-start"},children:c.filter(e=>e.type!==f.FilterType.Search).map((e,l)=>p.createElement(N.SearchFilterItem,{...e,key:l,variant:v,onChange:n=>{y(e.id,n)}}))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:202,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:183,columnNumber:4},void 0),k&&o.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8},children:o.jsxDEV(D.FilterChipListRenderer,{selectedState:i.current,onDeSelect:S},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:233,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:226,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:182,columnNumber:3},void 0)};exports.SearchFilter=g;
 //# sourceMappingURL=index.js.map

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

@@ -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","filterItem","selectedIds","setSelectedIds","useState","searchSchema","FilterType","onSearchChange","searchText","select","id","value","selectedSchema","schemaItem","localSelectedIds","idx","el","selectedSchemaItem","deSelect","selected","newVal","val","selectedItem","jsxDEV","SearchBar","this","i","createElement","SearchFilterItem","FilterChipListRenderer"],"mappings":"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"}
+{"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","filterItem","selectedIds","setSelectedIds","useState","searchSchema","FilterType","onSearchChange","searchText","select","id","value","selectedSchema","schemaItem","localSelectedIds","idx","el","selectedSchemaItem","deSelect","selected","newVal","val","selectedItem","jsxDEV","SearchBar","this","i","createElement","SearchFilterItem","FilterChipListRenderer"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-dev-runtime"),U=require("../../assets/icons/chevronLeft.svg.js"),j=require("../../assets/icons/chevronRight.svg.js"),d=require("./TablePagination.styled.js"),P=require("../TypographyStyle.js"),h=require("../../constants/Theme.js"),V=require("../dropdown/Dropdown.js"),D=({pageStart:n,pageEnd:s,totalRows:i,shouldShow:t})=>{if(!t)return null;const f=h.DEFAULT_THEME.colorsV2;return o.jsxDEV(P.BodySecondary,{style:{color:f.content.placeholder},children:["Showing ",n,"-",s>i?i:s," of"," ",i," results"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:31,columnNumber:3},void 0)},w=[5,10,20],S=({pageNumber:n,pageSize:s,totalRows:i,updatePageNumber:t,updatePageSize:f,hidePageSizeOptions:r,showTotalText:m,totalTextAlignment:b="right",containerStyle:x={},pageSizeOptions:v=w})=>{const c=h.DEFAULT_THEME.colorsV2,y=(n-1)*s+1,u=(n-1)*s+s,l=Math.ceil(i/s),T=l==1;let a=[];l>=5?n===l?a=[n-4,n-3,n-2,n-1,n]:n===1?a=[n,n+1,n+2,n+3,n+4]:n===2?a=[n-1,n,n+1,n+2,n+3]:n===l-1?a=[n-3,n-2,n-1,n,n+1]:a=[n-2,n-1,n,n+1,n+2]:a=Array.from({length:l},(e,k)=>k+1);const E=v.map(e=>({label:`${e} rows per page`,value:String(e),selected:s===e}));return o.jsxDEV(d.StyledTablePaginationContainer,{style:x,children:[!r&&o.jsxDEV("div",{children:o.jsxDEV(V.Dropdown,{size:"small",options:E,onSelect:f,width:"162px"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:133,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:132,columnNumber:5},void 0),o.jsxDEV("div",{className:"paging__container",children:[o.jsxDEV(D,{pageStart:y,pageEnd:u,totalRows:i,shouldShow:!!(!r&&i>0||r&&i>0&&m&&b==="left")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:142,columnNumber:5},void 0),o.jsxDEV("div",{className:"pages__buttons-container",children:[!T&&o.jsxDEV(d.StyledPagingContainer,{active:!1,onClick:()=>{n!==1&&t(Math.max(n-1,1))},disabled:n===1,children:o.jsxDEV(U.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:167,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:158,columnNumber:7},void 0),a.map(e=>o.jsxDEV(d.StyledPagingContainer,{active:e==n,onClick:()=>t(e),style:{display:e==1&&i<=s?"none":"flex"},children:o.jsxDEV(P.BodySecondary,{style:{color:e==n?c.content.primaryInverse:c.content.secondary},children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:183,columnNumber:8},void 0)},e,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:175,columnNumber:7},void 0)),!T&&o.jsxDEV(d.StyledPagingContainer,{isLast:!0,active:!1,onClick:()=>{n!==l&&t(Math.min(n+1,l))},disabled:n===l,children:o.jsxDEV(j.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:206,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:196,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:156,columnNumber:5},void 0),o.jsxDEV(D,{pageStart:y,pageEnd:u,totalRows:i,shouldShow:!!(r&&i>0&&m&&b==="right")},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:214,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:141,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:130,columnNumber:3},void 0)};exports.TablePagination=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),E=require("../../assets/icons/chevronLeft.svg.js"),U=require("../../assets/icons/chevronRight.svg.js"),m=require("./TablePagination.styled.js"),y=require("../TypographyStyle.js"),T=require("../../constants/Theme.js"),j=require("../dropdown/Dropdown.js"),v=({pageStart:n,pageEnd:s,totalRows:o,shouldShow:r})=>{if(!r)return null;const b=T.DEFAULT_THEME.colorsV2;return i.jsxDEV(y.BodySecondary,{style:{color:b.content.placeholder},children:["Showing ",n,"-",s>o?o:s," of"," ",o," results"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:31,columnNumber:3},void 0)},V=[5,10,20],W=({pageNumber:n,pageSize:s,totalRows:o,updatePageNumber:r,updatePageSize:b,hidePageSizeOptions:l,showTotalText:d,totalTextAlignment:h="right",containerStyle:D={},pageSizeOptions:P=V})=>{const c=T.DEFAULT_THEME.colorsV2,k=(n-1)*s+1,u=(n-1)*s+s,a=Math.ceil(o/s),f=a==1;let t=[];a>=5?n===a?t=[n-4,n-3,n-2,n-1,n]:n===1?t=[n,n+1,n+2,n+3,n+4]:n===2?t=[n-1,n,n+1,n+2,n+3]:n===a-1?t=[n-3,n-2,n-1,n,n+1]:t=[n-2,n-1,n,n+1,n+2]:t=Array.from({length:a},(e,p)=>p+1);const x=P.map(e=>({label:`${e} rows per page`,value:String(e),selected:s===e}));return i.jsxDEV(m.StyledTablePaginationContainer,{style:D,children:[!l&&i.jsxDEV("div",{children:i.jsxDEV(j.Dropdown,{size:"small",options:x,onSelect:b,width:"162px"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:133,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:132,columnNumber:5},void 0),i.jsxDEV("div",{className:"paging__container",children:[i.jsxDEV(v,{pageStart:k,pageEnd:u,totalRows:o,shouldShow:!!(!l&&o>0||l&&o>0&&d&&h==="left")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:142,columnNumber:5},void 0),i.jsxDEV("div",{className:"pages__buttons-container",children:[!f&&i.jsxDEV(m.StyledPagingContainer,{active:!1,onClick:()=>{n!==1&&r(Math.max(n-1,1))},disabled:n===1,children:i.jsxDEV(E.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:167,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:158,columnNumber:7},void 0),t.map(e=>i.jsxDEV(m.StyledPagingContainer,{active:e==n,onClick:()=>r(e),style:{display:e==1&&o<=s?"none":"flex"},children:i.jsxDEV(y.BodySecondary,{style:{color:e==n?c.content.primaryInverse:c.content.secondary},children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:183,columnNumber:8},void 0)},e,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:175,columnNumber:7},void 0)),!f&&i.jsxDEV(m.StyledPagingContainer,{isLast:!0,active:!1,onClick:()=>{n!==a&&r(Math.min(n+1,a))},disabled:n===a,children:i.jsxDEV(U.default,{color:c.content.secondary,height:14,width:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:206,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:196,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:156,columnNumber:5},void 0),i.jsxDEV(v,{pageStart:k,pageEnd:u,totalRows:o,shouldShow:!!(l&&o>0&&d&&h==="right")},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:214,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:141,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/TablePagination/TablePagination.tsx",lineNumber:130,columnNumber:3},void 0)};exports.TablePagination=W;
 //# sourceMappingURL=TablePagination.js.map