@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyNode.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { isNewLineConnectorPosition } from '@src/components/QueryBuilder/constants/connectorPosition';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport {\n\tBaseQueryBuilderResponse,\n\tQueryBuilderAPIData,\n} from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { ExtraOption } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport Connector from '../../Connectors/Connector';\nimport DropdownWrapper from '../../DropdownWrapper';\nimport { Container } from './PropertyNode.styled';\nimport PropertyNodeUIWrapper from './PropertyNodeUIWrapper';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\n/**\n * @exported\n * @stateless\n * @returns\n */\nexport const PropertyNode: React.FC<\n\tQueryBuilderPropertyProps & {\n\t\tisLast?: boolean;\n\t}\n> = (props) => {\n\treturn (\n\t\t<PropertyNodeUIWrapper isLast={props.isLast} mode={props.mode}>\n\t\t\t<div style={{ padding: 12, maxWidth: 'calc(100% - 78px)' }}>\n\t\t\t\t<PropertyNodeHeadless {...props} />\n\t\t\t</div>\n\t\t</PropertyNodeUIWrapper>\n\t);\n};\n\n/**\n * @exported\n * @headless\n * @stateless\n * @returns\n */\nexport const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps> = ({\n\tpropertySelectorText,\n\tfetchPropertyData,\n\tonPropertyNameSelect,\n\tonPropertyOperatorChange,\n\tonPropertyValueChange,\n\tproperty,\n\tmode,\n\tonPropertyValueSearch,\n}) => {\n\tconst [propertyData, setPropertyData] = useState<BaseQueryBuilderResponse>(\n\t\t[],\n\t);\n\tconst [extras, setExtras] = useState<{\n\t\toptions?: ExtraOption;\n\t\toriginalData?: any;\n\t}>({});\n\tconst [loading, setLoading] = useState(true);\n\tconst [propertyFetchError, setPropertyFetchError] = useState<string>();\n\tconst [propertyValueFetchError, setPropertyValueFetchError] = useState<\n\t\tstring | undefined\n\t>();\n\tconst [selectedPropertyForRetry, setSelectedPropertyForRetry] =\n\t\tuseState<QueryBuilderAPIData>();\n\tconst [valLoading, setValLoading] = useState(\n\t\tmode === 'create' ? true : false,\n\t);\n\n\tconst options: DropdownOption[] = Array.isArray(propertyData)\n\t\t? propertyData.map((option) => ({\n\t\t\t\t...option,\n\t\t\t\tlabel: option.name as string,\n\t\t\t\tvalue: option.id as string,\n\t\t\t\tdescription: option.description,\n\t\t\t\tselected: property?.name === option.id,\n\t\t  }))\n\t\t: apiResponseHelper.convertToGroupOptions(\n\t\t\t\tpropertyData,\n\t\t\t\tproperty?.name ? [property.name.toString()] : undefined,\n\t\t  );\n\n\tconst loadPropertyData = async () => {\n\t\tif (fetchPropertyData) {\n\t\t\tsetLoading(true);\n\t\t\tsetPropertyFetchError(undefined);\n\t\t\tconst response = await fetchPropertyData();\n\t\t\tif (response) {\n\t\t\t\tif (Array.isArray(response)) {\n\t\t\t\t\tsetPropertyData([...response]);\n\t\t\t\t} else {\n\t\t\t\t\tsetPropertyData({ ...response });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetPropertyData([]);\n\t\t\t\tsetPropertyFetchError(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t} else {\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tloadPropertyData();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (mode !== 'create' && propertyData && property?.name) {\n\t\t\tconst originalProp = property;\n\n\t\t\tconst selectedOption = Array.isArray(propertyData)\n\t\t\t\t? propertyData.find((data) => data.id === property?.name)\n\t\t\t\t: apiResponseHelper.findInGroupedApiResponse(\n\t\t\t\t\t\tpropertyData,\n\t\t\t\t\t\tproperty?.name,\n\t\t\t\t  );\n\n\t\t\tif (selectedOption)\n\t\t\t\thandlePropertyNameSelection({\n\t\t\t\t\tvalue: selectedOption.id as string,\n\t\t\t\t\tlabel: selectedOption.name,\n\t\t\t\t});\n\n\t\t\tonPropertyValueChange?.(originalProp?.value, property!);\n\t\t}\n\t}, [propertyData]);\n\n\tfunction handlePropertyNameSelection(\n\t\toption: DropdownOption | DropdownOption[],\n\t) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetValLoading(true);\n\t\t\t/** this will be true always */\n\t\t\tlet selectedPropertyData: QueryBuilderAPIData | null | undefined = null;\n\t\t\tif (Array.isArray(propertyData)) {\n\t\t\t\tselectedPropertyData = propertyData.find(\n\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tObject.keys(propertyData).forEach((groupKey) => {\n\t\t\t\t\tconst res = propertyData[groupKey].find(\n\t\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (res) {\n\t\t\t\t\t\tselectedPropertyData = res;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsetExtras({});\n\t\t\tif (selectedPropertyData) {\n\t\t\t\tsetSelectedPropertyForRetry(selectedPropertyData);\n\t\t\t\tsetPropertyValueFetchError(undefined);\n\t\t\t\tonPropertyNameSelect?.(selectedPropertyData, property!)\n\t\t\t\t\t.then((extraResponse) => {\n\t\t\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\t\t\toriginalData: any;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\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\tsetValLoading(false);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tsetValLoading(false);\n\t\t\t\t\t\tsetExtras({});\n\t\t\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetValLoading(false);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction retryPropertyValueFetch() {\n\t\tif (!selectedPropertyForRetry || !onPropertyNameSelect || !property) return;\n\t\tsetValLoading(true);\n\t\tsetPropertyValueFetchError(undefined);\n\t\tonPropertyNameSelect(selectedPropertyForRetry, property)\n\t\t\t.then((extraResponse) => {\n\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\toriginalData: any;\n\t\t\t\t};\n\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetValLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetValLoading(false);\n\t\t\t\tsetExtras({});\n\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tif (property?.dataType === 'iceBreaker') {\n\t\t\tsetExtras((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tfreeForm: false,\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}, [property?.dataType]);\n\n\treturn (\n\t\t<>\n\t\t\t<Container>\n\t\t\t\t<DropdownWrapper\n\t\t\t\t\tisSearchable\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\twidth={'200px'}\n\t\t\t\t\tisLoading={loading}\n\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\tpropertyFetchError\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\tsubTitle: propertyFetchError,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRetryOptionsFetch={loadPropertyData}\n\t\t\t\t\tdropdownLabel={propertySelectorText ?? 'Select property'}\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={handlePropertyNameSelection}\n\t\t\t\t\tselectedValues={\n\t\t\t\t\t\tproperty?.name ? [property.name as string] : undefined\n\t\t\t\t\t}\n\t\t\t\t\terror={property?.error?.name}\n\t\t\t\t/>\n\t\t\t\t{property?.name &&\n\t\t\t\t\t!isNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\t\tproperty.operator!\n\t\t\t\t\t] && (\n\t\t\t\t\t\t<Connector\n\t\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\t\tonOperatorChange={(operator) => {\n\t\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</Container>\n\t\t\t{property?.name &&\n\t\t\t\tisNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\tproperty.operator!\n\t\t\t\t] && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\tonOperatorChange={(operator) =>\n\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["apiResponseHelper","ApiResponseHelper","PropertyNode","props","jsxDEV","PropertyNodeUIWrapper","PropertyNodeHeadless","this","propertySelectorText","fetchPropertyData","onPropertyNameSelect","onPropertyOperatorChange","onPropertyValueChange","property","mode","onPropertyValueSearch","propertyData","setPropertyData","useState","extras","setExtras","loading","setLoading","propertyFetchError","setPropertyFetchError","propertyValueFetchError","setPropertyValueFetchError","selectedPropertyForRetry","setSelectedPropertyForRetry","valLoading","setValLoading","options","option","loadPropertyData","response","useEffect","originalProp","selectedOption","data","handlePropertyNameSelection","selectedPropertyData","id","groupKey","res","extraResponse","withExtra","prev","error","retryPropertyValueFetch","Fragment","Container","DropdownWrapper","isNewLineConnectorPosition","Connector","searchKey","operator","val"],"mappings":"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"}
+{"version":3,"file":"PropertyNode.js","sources":["../../../../../../../src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { isNewLineConnectorPosition } from '@src/components/QueryBuilder/constants/connectorPosition';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport {\n\tBaseQueryBuilderResponse,\n\tQueryBuilderAPIData,\n} from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { ExtraOption } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderPropertyProps } from '@src/components/QueryBuilder/types/QueryBuilderPropertyProps';\nimport Connector from '../../Connectors/Connector';\nimport DropdownWrapper from '../../DropdownWrapper';\nimport { Container } from './PropertyNode.styled';\nimport PropertyNodeUIWrapper from './PropertyNodeUIWrapper';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\n/**\n * @exported\n * @stateless\n * @returns\n */\nexport const PropertyNode: React.FC<\n\tQueryBuilderPropertyProps & {\n\t\tisLast?: boolean;\n\t}\n> = (props) => {\n\treturn (\n\t\t<PropertyNodeUIWrapper isLast={props.isLast} mode={props.mode}>\n\t\t\t<div style={{ padding: 12, maxWidth: 'calc(100% - 78px)' }}>\n\t\t\t\t<PropertyNodeHeadless {...props} />\n\t\t\t</div>\n\t\t</PropertyNodeUIWrapper>\n\t);\n};\n\n/**\n * @exported\n * @headless\n * @stateless\n * @returns\n */\nexport const PropertyNodeHeadless: React.FC<QueryBuilderPropertyProps> = ({\n\tpropertySelectorText,\n\tfetchPropertyData,\n\tonPropertyNameSelect,\n\tonPropertyOperatorChange,\n\tonPropertyValueChange,\n\tproperty,\n\tmode,\n\tonPropertyValueSearch,\n}) => {\n\tconst [propertyData, setPropertyData] = useState<BaseQueryBuilderResponse>(\n\t\t[],\n\t);\n\tconst [extras, setExtras] = useState<{\n\t\toptions?: ExtraOption;\n\t\toriginalData?: any;\n\t}>({});\n\tconst [loading, setLoading] = useState(true);\n\tconst [propertyFetchError, setPropertyFetchError] = useState<string>();\n\tconst [propertyValueFetchError, setPropertyValueFetchError] = useState<\n\t\tstring | undefined\n\t>();\n\tconst [selectedPropertyForRetry, setSelectedPropertyForRetry] =\n\t\tuseState<QueryBuilderAPIData>();\n\tconst [valLoading, setValLoading] = useState(\n\t\tmode === 'create' ? true : false,\n\t);\n\n\tconst options: DropdownOption[] = Array.isArray(propertyData)\n\t\t? propertyData.map((option) => ({\n\t\t\t\t...option,\n\t\t\t\tlabel: option.name as string,\n\t\t\t\tvalue: option.id as string,\n\t\t\t\tdescription: option.description,\n\t\t\t\tselected: property?.name === option.id,\n\t\t  }))\n\t\t: apiResponseHelper.convertToGroupOptions(\n\t\t\t\tpropertyData,\n\t\t\t\tproperty?.name ? [property.name.toString()] : undefined,\n\t\t  );\n\n\tconst loadPropertyData = async () => {\n\t\tif (fetchPropertyData) {\n\t\t\tsetLoading(true);\n\t\t\tsetPropertyFetchError(undefined);\n\t\t\tconst response = await fetchPropertyData();\n\t\t\tif (response) {\n\t\t\t\tif (Array.isArray(response)) {\n\t\t\t\t\tsetPropertyData([...response]);\n\t\t\t\t} else {\n\t\t\t\t\tsetPropertyData({ ...response });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetPropertyData([]);\n\t\t\t\tsetPropertyFetchError(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t} else {\n\t\t\tsetLoading(false);\n\t\t\tsetValLoading(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tloadPropertyData();\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (mode !== 'create' && propertyData && property?.name) {\n\t\t\tconst originalProp = property;\n\n\t\t\tconst selectedOption = Array.isArray(propertyData)\n\t\t\t\t? propertyData.find((data) => data.id === property?.name)\n\t\t\t\t: apiResponseHelper.findInGroupedApiResponse(\n\t\t\t\t\t\tpropertyData,\n\t\t\t\t\t\tproperty?.name,\n\t\t\t\t  );\n\n\t\t\tif (selectedOption)\n\t\t\t\thandlePropertyNameSelection({\n\t\t\t\t\tvalue: selectedOption.id as string,\n\t\t\t\t\tlabel: selectedOption.name,\n\t\t\t\t});\n\n\t\t\tonPropertyValueChange?.(originalProp?.value, property!);\n\t\t}\n\t}, [propertyData]);\n\n\tfunction handlePropertyNameSelection(\n\t\toption: DropdownOption | DropdownOption[],\n\t) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetValLoading(true);\n\t\t\t/** this will be true always */\n\t\t\tlet selectedPropertyData: QueryBuilderAPIData | null | undefined = null;\n\t\t\tif (Array.isArray(propertyData)) {\n\t\t\t\tselectedPropertyData = propertyData.find(\n\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tObject.keys(propertyData).forEach((groupKey) => {\n\t\t\t\t\tconst res = propertyData[groupKey].find(\n\t\t\t\t\t\t({ id }) => id === (option as SingleOption).value,\n\t\t\t\t\t);\n\n\t\t\t\t\tif (res) {\n\t\t\t\t\t\tselectedPropertyData = res;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tsetExtras({});\n\t\t\tif (selectedPropertyData) {\n\t\t\t\tsetSelectedPropertyForRetry(selectedPropertyData);\n\t\t\t\tsetPropertyValueFetchError(undefined);\n\t\t\t\tonPropertyNameSelect?.(selectedPropertyData, property!)\n\t\t\t\t\t.then((extraResponse) => {\n\t\t\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\t\t\toriginalData: any;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\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\tsetValLoading(false);\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tsetValLoading(false);\n\t\t\t\t\t\tsetExtras({});\n\t\t\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tsetValLoading(false);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction retryPropertyValueFetch() {\n\t\tif (!selectedPropertyForRetry || !onPropertyNameSelect || !property) return;\n\t\tsetValLoading(true);\n\t\tsetPropertyValueFetchError(undefined);\n\t\tonPropertyNameSelect(selectedPropertyForRetry, property)\n\t\t\t.then((extraResponse) => {\n\t\t\t\tconst withExtra = extraResponse as {\n\t\t\t\t\tnormalized: QueryBuilderAPIData[];\n\t\t\t\t\toriginalData: any;\n\t\t\t\t};\n\t\t\t\tif (withExtra.normalized && withExtra.originalData) {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(withExtra.normalized)\n\t\t\t\t\t\t\t\t? [...(withExtra.normalized as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: { ...(withExtra.normalized as ExtraOption) },\n\t\t\t\t\t\t\toriginalData: withExtra.originalData,\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tsetExtras((prev) => {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...prev,\n\t\t\t\t\t\t\toptions: Array.isArray(extraResponse)\n\t\t\t\t\t\t\t\t? [...(extraResponse as QueryBuilderAPIData[])]\n\t\t\t\t\t\t\t\t: ({ ...extraResponse } as ExtraOption),\n\t\t\t\t\t\t};\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tsetValLoading(false);\n\t\t\t})\n\t\t\t.catch((error) => {\n\t\t\t\tsetValLoading(false);\n\t\t\t\tsetExtras({});\n\t\t\t\tsetPropertyValueFetchError(\n\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t: 'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t});\n\t}\n\n\tuseEffect(() => {\n\t\tif (property?.dataType === 'iceBreaker') {\n\t\t\tsetExtras((prev) => {\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tfreeForm: false,\n\t\t\t\t};\n\t\t\t});\n\t\t}\n\t}, [property?.dataType]);\n\n\treturn (\n\t\t<>\n\t\t\t<Container>\n\t\t\t\t<DropdownWrapper\n\t\t\t\t\tisSearchable\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\twidth={'200px'}\n\t\t\t\t\tisLoading={loading}\n\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\tpropertyFetchError\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\tsubTitle: propertyFetchError,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tonRetryOptionsFetch={loadPropertyData}\n\t\t\t\t\tdropdownLabel={propertySelectorText ?? 'Select property'}\n\t\t\t\t\toptions={options}\n\t\t\t\t\tonSelect={handlePropertyNameSelection}\n\t\t\t\t\tselectedValues={\n\t\t\t\t\t\tproperty?.name ? [property.name as string] : undefined\n\t\t\t\t\t}\n\t\t\t\t\terror={property?.error?.name}\n\t\t\t\t/>\n\t\t\t\t{property?.name &&\n\t\t\t\t\t!isNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\t\tproperty.operator!\n\t\t\t\t\t] && (\n\t\t\t\t\t\t<Connector\n\t\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\t\tonOperatorChange={(operator) => {\n\t\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</Container>\n\t\t\t{property?.name &&\n\t\t\t\tisNewLineConnectorPosition[property.dataType!]?.[\n\t\t\t\t\tproperty.operator!\n\t\t\t\t] && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tonSearch={\n\t\t\t\t\t\t\tonPropertyValueSearch\n\t\t\t\t\t\t\t\t? (searchKey) => onPropertyValueSearch(searchKey, property)\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisLoading={valLoading}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={extras}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: property.error?.value,\n\t\t\t\t\t\t\toperator: property.error?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tpropertyValueFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: propertyValueFetchError,\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={retryPropertyValueFetch}\n\t\t\t\t\t\tconnectorVal={property.value}\n\t\t\t\t\t\tconnectorType={property.dataType!}\n\t\t\t\t\t\tdefaultConnector={property.operator}\n\t\t\t\t\t\tonOperatorChange={(operator) =>\n\t\t\t\t\t\t\tonPropertyOperatorChange?.(operator, property)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonValueChange={(val) => onPropertyValueChange?.(val, property)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["apiResponseHelper","ApiResponseHelper","PropertyNode","props","jsxDEV","PropertyNodeUIWrapper","PropertyNodeHeadless","this","propertySelectorText","fetchPropertyData","onPropertyNameSelect","onPropertyOperatorChange","onPropertyValueChange","property","mode","onPropertyValueSearch","propertyData","setPropertyData","useState","extras","setExtras","loading","setLoading","propertyFetchError","setPropertyFetchError","propertyValueFetchError","setPropertyValueFetchError","selectedPropertyForRetry","setSelectedPropertyForRetry","valLoading","setValLoading","options","option","loadPropertyData","response","useEffect","originalProp","selectedOption","data","handlePropertyNameSelection","selectedPropertyData","id","groupKey","res","extraResponse","withExtra","prev","error","retryPropertyValueFetch","Fragment","Container","DropdownWrapper","isNewLineConnectorPosition","Connector","searchKey","operator","val"],"mappings":"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"}

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"),i=require("../../../../TypographyStyle.js"),s=require("../../../../../constants/Theme.js"),r=require("./PropertyNodeUIWrapper.styled.js"),u=({children:o,mode:n,isLast:t})=>e.jsxDEV(r.Container,{style:{maxWidth:"calc(100% - 24px)"},children:[e.jsxDEV(r.Line,{style:{height:n==="view"&&t?29:"100%"}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:15,columnNumber:4},void 0),e.jsxDEV(i.BodySecondary,{style:{color:s.COLORS.content.primary,marginLeft:8,marginTop:18},children:"where"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:16,columnNumber:4},void 0),o]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.tsx",lineNumber:13,columnNumber:3},void 0);exports.default=u;
 //# 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,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAkE,WACjEC,EAAAA,YAAA,CAAY,MAAO,CAAE,UAAW,GAAG,EAApC,OAAA,GAAA,CAAA,SAAA,kJAAA,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,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAA,EASCN,CAAA,CAAA,EAZF,OAAA,GAAA,CAAA,SAAA,kJAAA,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"),m=require("../../../../dropdown/Dropdown.js"),a=require("../../../constants/operators.js"),y=require("../../../types/QueryBuilder.type.js"),N=require("../../DeleteButton.js"),b=require("./AddPropertyButton.js"),P=require("./PropertyNode.js"),f=require("./PropertyNodeUIWrapper.styled.js"),h=({node:o,addPropertyBtnText:s,deleteProperty:u,createProperty:i,selectPropertyJoinOperator:l,mode:n,...d})=>{const c=a.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,t)=>e.jsxDEV(e.Fragment,{children:[t!==0&&e.jsxDEV("div",{style:{width:80,position:"relative"},children:e.jsxDEV(m.Dropdown,{disabled:n==="view",onSelect:p=>{l?.(p.value,o._id)},options:c,width:"80px",height:96,size:"small"},`${t}-operator-selector`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:66,columnNumber:8},void 0)},`${t}-operator`,!1,{fileName:"/Users/prateekchouhan/Projects/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(P.PropertyNode,{isLast:o.properties?t===o.properties.length-1:!1,property:r,...d,mode:n},`${r._id}-property-node`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:89,columnNumber:7},void 0),n!=="view"&&e.jsxDEV(N.default,{onClick:()=>u(r,o._id)},`${r._id}-${t}-delete-btn`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:99,columnNumber:8},void 0)]},r._id,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:82,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:60,columnNumber:5},void 0)),n!=="view"&&e.jsxDEV("div",{children:[o?.properties?.length===0&&e.jsxDEV("div",{children:e.jsxDEV(f.Line,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:111,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:110,columnNumber:7},void 0),e.jsxDEV(b.default,{buttonText:s??"Add Property",onClick:()=>i({},o._id)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:114,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:108,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.tsx",lineNumber:58,columnNumber:3},void 0)};exports.default=h;
 //# 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","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,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAaA,EAfK,GAAGF,CAAC,YAFV,GAAA,CAAA,SAAA,0IAAA,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,0IAAA,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,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,CAGA,CAAA,EAnBIH,EAAS,IADf,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CAsBA,CAAA,EA5CD,OAAA,GAAA,CAAA,SAAA,0IAAA,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,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAH,MAAM,CAAA,EADP,OAAA,GAAA,CAAA,SAAA,0IAAA,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,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAgB,MAAA,CAGA,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,CAAA,EA5DF,OAAA,GAAA,CAAA,SAAA,0IAAA,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"),d=require("../../Filters/CustomField/components/CustomField.js"),t=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"),n={[e.QueryBuilderType.EVENT_FILTER]:t.default,[e.QueryBuilderType.NO_EVENT_FILTER]:t.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},c=r=>{if(typeof n[r.node.type]<"u"){const o=n[r.node.type];return u.jsxDEV(o,{...r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNode/QueryBuilderNode.tsx",lineNumber:35,columnNumber:9},void 0)};exports.default=c;
 //# 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,oIAAA,WAAA,GAAA,aAAA,EAAA,EAAAG,MAA8B,CACtC,CAEA,OAAOD,EAAAA,OAAAE,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,oIAAA,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"),B=require("react-redux"),Q=require("../../dropdown/Dropdown.js"),j=require("../constants/operators.js"),k=require("../hooks/useQueryBuilder.js"),v=require("./AddNodeButton.js"),D=require("./DeleteButton.js"),P=require("./QueryBuilderNode/QueryBuilderNode.js"),E=require("./QueryBuilderNodes.styled.js"),U=require("../../button/Button.js"),V=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},g=V(l),d=g.default.forwardRef(({infinite:n,addNodeBtnText:a,allowedNodes:i,typesAPIHandlers:m,onStateChange:p,mode:t,selectorKey:u},b)=>{const o=B.useSelector(r=>r?.[u]),{deleteNode:f,clearAll:c,selectJoinOperator:N,fillState:y}=k.useQueryBuilder(u);l.useEffect(()=>{p?.({...o})},[o]);const h=j.JOIN_OPERATOR_OPTIONS.map(r=>o?.operator&&r.value===o.operator?{...r,selected:!0}:r);return l.useImperativeHandle(b,()=>({getState:()=>({...o}),fillState(r){y({...r})},clearAll:c})),e.jsxDEV(e.Fragment,{children:[o?.nodes?.map((r,s)=>e.jsxDEV(e.Fragment,{children:[s!==0&&e.jsxDEV("div",{style:{width:80,position:"relative"},children:e.jsxDEV(Q.Dropdown,{disabled:t==="view",onSelect:x=>{N(x.value)},options:h,width:"80px",height:96,size:"small",skipSorting:!0},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:96,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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(E.LinedContainer,{style:{paddingTop:s===0?0:24,maxWidth:"calc(100% - 24px)"},children:e.jsxDEV(P.default,{selectorKey:u,mode:t??"create",allowedNodes:i,node:r,apiHandler:m[r.type]},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:122,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:116,columnNumber:8},void 0),t!=="view"?e.jsxDEV(e.Fragment,{children:s!==0&&e.jsxDEV(D.default,{onClick:()=>f(r._id)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:133,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:131,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:137,columnNumber:9},void 0)]},r._id,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:112,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:93,columnNumber:6},void 0)),n&&t!=="view"&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[e.jsxDEV(v.default,{buttonText:a,allowedNodes:i,selectorKey:u},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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:()=>c(i[0])},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:156,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:144,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/components/QueryBuilderNodes.tsx",lineNumber:91,columnNumber:4},void 0)});d.displayName="QueryBuilderNodes";exports.default=d;
 //# 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"),a=require("react"),p=require("../../input/context/InputStyleProvider.js"),h=require("../../../constants/Theme.js"),b=require("../../../assets/icons/chevronDown.svg.js"),k=require("../../../assets/icons/chevronDownOutline.svg.js"),f=require("../../tag/Tag.js"),D=require("../../input/Input.js"),g=require("../../datePicker/DatePicker.js"),s=({text:r,onSelect:l,variant:u,...o})=>{const[i,c]=a.useState(!1),[t,m]=a.useState(null),d=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:()=>c(n=>!n),style:{cursor:"pointer",width:"100%",height:"100%"},children:u==="small"?e.jsxDEV(f.Tag,{tagText:t?t.toDateString():r??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:k.default},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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(D.Input,{state:"disabled",value:t?t.toDateString():void 0,variant:"small",placeholder:r??"Select a date",width:d,onChangeText:()=>{},rightIcon:{icon:()=>e.jsxDEV(b.default,{style:{transform:i?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:h.DEFAULT_THEME.colorsV2.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:72,columnNumber:10},void 0)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:61,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:42,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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:n=>{m(n),c(!1),l(n)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:91,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:90,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DatePickerButton.tsx",lineNumber:28,columnNumber:3},void 0)};s.displayName="DatePickerButton";exports.DatePickerButton=s;
 //# 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,mHAAA,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,mHAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAA,CAUA,CAEF,EAvBD,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBA,EA3CD,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4CA,EAzDF,OAAA,GAAA,CAAA,SAAA,mHAAA,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,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAN,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EAvEF,OAAA,GAAA,CAAA,SAAA,mHAAA,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 t=require("react/jsx-dev-runtime"),l=require("react"),h=require("../../input/context/InputStyleProvider.js"),g=require("../../../constants/Theme.js"),b=require("../../../assets/icons/chevronDown.svg.js"),f=require("../../../assets/icons/chevronDownOutline.svg.js"),y=require("../../tag/Tag.js"),D=require("../../input/Input.js"),N=require("../../datePicker/DatePicker.js"),s=({text:n,onSelect:u,variant:m,...r})=>{const[i,a]=l.useState(!1),[e,d]=l.useState(null),p=r.width?.toString()?r.width?.toString():e?`${e[0]?.toDateString().length*12*2}px`:`${n.length*12}px`;return t.jsxDEV("div",{style:{position:"relative"},children:[t.jsxDEV("div",{onClick:()=>a(o=>!o),style:{cursor:"pointer",width:"100%",height:"100%"},children:m==="small"?t.jsxDEV(y.Tag,{tagText:e?.length?`${e[0].toDateString()} - ${e[1].toDateString()}`:n??"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:f.default},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:34,columnNumber:6},void 0):t.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:t.jsxDEV(D.Input,{state:"disabled",value:e?.length?`${e[0].toDateString()} - ${e[1].toDateString()}`:n??"",variant:"small",placeholder:n??"Select a date",width:p,onChangeText:()=>{},rightIcon:{icon:()=>t.jsxDEV(b.default,{style:{transform:i?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:g.DEFAULT_THEME.colorsV2.content.primary},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:80,columnNumber:10},void 0)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:65,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:46,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:29,columnNumber:4},void 0),i&&t.jsxDEV("div",{style:{position:"absolute",top:"calc(100% + 8px)"},children:t.jsxDEV(N.DatePicker,{selectRange:!0,onSelectRange:(o,c)=>{d([o,c]),a(!1),u([o,c])}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:99,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:98,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/DateRangeOnlyButton.tsx",lineNumber:28,columnNumber:3},void 0)};s.displayName="DateRangeOnlyButton";exports.DateRangeOnlyButton=s;
 //# 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,sHAAA,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,sHAAA,WAAA,GAAA,aAAA,EAAA,EAAAJ,MAAA,CAUA,CAEF,EA3BD,OAAA,GAAA,CAAA,SAAA,sHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA4BA,EA/CD,OAAA,GAAA,CAAA,SAAA,sHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAgDA,EAjEF,OAAA,GAAA,CAAA,SAAA,sHAAA,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,sHAAA,WAAA,GAAA,aAAA,CAAA,EAAAP,MAAA,CAOA,EARD,OAAA,GAAA,CAAA,SAAA,sHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,CAAA,CAAA,EA/EF,OAAA,GAAA,CAAA,SAAA,sHAAA,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"),i=require("../../../assets/icons/cross.svg.js"),n=require("../types/SearchFilter.type.js"),l=require("../../tag/Tag.js"),a=require("../../analytics-chips-and-dropdowns/AnalyticsDropdown.js"),c=({selectedState:s,onDeSelect:t})=>r.jsxDEV(r.Fragment,{children:s.map(e=>e.type===n.FilterType.Multiple?r.jsxDEV(r.Fragment,{children:e.value?.map(o=>r.jsxDEV(l.Tag,{onTrailingIconClicked:()=>t(e.id,o),style:{cursor:"pointer"},tagText:o.label?.slice(0,10)??"",type:"neutral",theme:"light",TrailingIcon:i.default},`${e.id}-${o.value}`,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:23,columnNumber:9},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:21,columnNumber:7},void 0):e.type===n.FilterType.Date?r.jsxDEV(l.Tag,{onTrailingIconClicked:()=>t(e.id,e.value),style:{cursor:"pointer"},tagText:a.formatDate(e.value),type:"neutral",theme:"light",TrailingIcon:i.default},e.id,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:39,columnNumber:7},void 0):e.type===n.FilterType.DateRange?r.jsxDEV(l.Tag,{onTrailingIconClicked:()=>t(e.id,e.value),style:{cursor:"pointer"},tagText:`${a.formatDate(e.value?.[0])} to ${a.formatDate(e.value?.[1])}`,type:"neutral",theme:"light",TrailingIcon:i.default},e.id,!1,{fileName:"/Users/prateekchouhan/Projects/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(l.Tag,{onTrailingIconClicked:()=>t(e.id,e.value),style:{cursor:"pointer"},tagText:e.type===n.FilterType.Single?e.value?.label??"":e.value?.toString()??"",type:"neutral",theme:"light",TrailingIcon:i.default},e.id,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:74,columnNumber:6},void 0):r.jsxDEV(r.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/FilterChipListRenderer.tsx",lineNumber:71,columnNumber:13},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAA,CASA,CAAA,EAXF,OAAA,GAAA,CAAA,SAAA,yHAAA,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,yHAAA,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,yHAAA,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,yHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAHOP,EAAAA,OAAAC,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,yHAAA,WAAA,GAAA,aAAA,EAAA,EAAAM,MAAE,CAiBV,CAAA,EAvEF,OAAA,GAAA,CAAA,SAAA,yHAAA,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"),u=[{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}}],s=e=>e.type===a.FilterType.Date?n.jsxDEV(r.DatePickerButton,{...e,variant:e.variant,onSelect:t=>e.onChange(t)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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/prateekchouhan/Projects/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?u:e.options??[],onOptionSelected:function(t){t.selectedRange&&e.onChange([t.selectedRange?.[0],t.selectedRange?.[1]])}},e.id,!1,{fileName:"/Users/prateekchouhan/Projects/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/prateekchouhan/Projects/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/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/components/SearchFilterItem.tsx",lineNumber:107,columnNumber:3},void 0);exports.SearchFilterItem=s;
 //# 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,mHAAA,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,mHAAA,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,mHAAA,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,mHAAA,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,mHAAA,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"),F=require("./components/FilterChipListRenderer.js"),g=require("./components/SearchFilterItem.js"),f=require("./types/SearchFilter.type.js"),j=require("../searchBar/searchBar.js"),k=({direction:d="row",schema:a,variant:S,onChange:h,showSelectedChips:N})=>{const n=p.useRef(a?.filter(e=>e.defaultValue).map(e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))??[]),[x,m]=p.useState([]),u=a.find(e=>e.type===f.FilterType.Search),y=e=>{u&&typeof e=="string"&&b(u.id,e)},b=(e,l)=>{const i=a.find(r=>r.id===e),c=[...x];if(i){const r=c.findIndex(t=>t.id===e);r!==-1?c[r]={id:i.id,value:l}:c.push({id:i.id,value:l}),n.current.find(t=>t.id===e)?n.current=n.current.map(t=>t.id===e?{id:t.id,value:l,type:t.type,text:t.text}:t):n.current=[...n.current,{id:e,value:l,type:i.type,text:i.text}],h(i.id,n.current,l),m([...c])}},v=(e,l)=>{const i=a.find(r=>r.id===e);let c=[...x];i&&(i.type===f.FilterType.Multiple?(c=c.map(r=>{if(r.id===e){const s=r.value.filter(t=>t.value!==l.value);return s.length?{...r,value:s}:null}return r}).filter(r=>!!r),n.current=n.current.map(r=>{if(r.id===e){const s=r.value?.filter(t=>t.value!==l.value);return s.length?{...r,value:s}:null}return r}).filter(r=>!!r)):(c=c.filter(r=>r.id!==e),n.current=n.current.filter(r=>r.id!==e)),h(i.id,n.current,l),m([...c]))};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(j.SearchBar,{width:u.width?.toString()??"100%",isEnabled:!0,onChange:y,onEnter:y,placeholder:u.text,variant:"small"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/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:a.filter(e=>e.type!==f.FilterType.Search).map((e,l)=>p.createElement(g.SearchFilterItem,{...e,key:l,variant:S,onChange:i=>{b(e.id,i)}}))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:202,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:183,columnNumber:4},void 0),N&&o.jsxDEV("div",{style:{display:"flex",flexDirection:"row",gap:8},children:o.jsxDEV(F.FilterChipListRenderer,{selectedState:n.current,onDeSelect:v},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:233,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:226,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/SearchFilter/index.tsx",lineNumber:182,columnNumber:3},void 0)};exports.SearchFilter=k;
 //# sourceMappingURL=index.js.map