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

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

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

Files changed (1557) hide show

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js.map CHANGED Viewed

	@@ -1 +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","_jsx","PropertyNodeUIWrapper","Object","assign","isLast","mode","style","padding","maxWidth","children","PropertyNodeHeadless","_ref","propertySelectorText","fetchPropertyData","onPropertyNameSelect","onPropertyOperatorChange","onPropertyValueChange","property","onPropertyValueSearch","propertyData","setPropertyData","useState","extras","setExtras","loading","setLoading","propertyFetchError","setPropertyFetchError","propertyValueFetchError","setPropertyValueFetchError","selectedPropertyForRetry","setSelectedPropertyForRetry","valLoading","setValLoading","options","Array","isArray","map","option","label","name","value","id","description","selected","convertToGroupOptions","toString","undefined","loadPropertyData","__awaiter","response","handlePropertyNameSelection","selectedPropertyData","find","_ref2","keys","forEach","groupKey","res","_ref3","then","extraResponse","withExtra","normalized","originalData","prev","catch","error","Error","message","retryPropertyValueFetch","useEffect","originalProp","selectedOption","data","findInGroupedApiResponse","dataType","freeForm","_jsxs","_Fragment","Container","DropdownWrapper","isSearchable","disabled","width","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","dropdownLabel","onSelect","selectedValues","_a","isNewLineConnectorPosition","_b","operator","Connector","onSearch","searchKey","extra","errors","val","_c","_d","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_e","_f","_g"],"mappings":"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"}
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","_jsx","PropertyNodeUIWrapper","Object","assign","isLast","mode","style","padding","maxWidth","children","PropertyNodeHeadless","propertySelectorText","fetchPropertyData","onPropertyNameSelect","onPropertyOperatorChange","onPropertyValueChange","property","onPropertyValueSearch","propertyData","setPropertyData","useState","extras","setExtras","loading","setLoading","propertyFetchError","setPropertyFetchError","propertyValueFetchError","setPropertyValueFetchError","selectedPropertyForRetry","setSelectedPropertyForRetry","valLoading","setValLoading","options","Array","isArray","map","option","label","name","value","id","description","selected","convertToGroupOptions","toString","undefined","loadPropertyData","__awaiter","response","handlePropertyNameSelection","selectedPropertyData","find","keys","forEach","groupKey","res","then","extraResponse","withExtra","normalized","originalData","prev","catch","error","Error","message","retryPropertyValueFetch","useEffect","originalProp","selectedOption","data","findInGroupedApiResponse","dataType","freeForm","_jsxs","_Fragment","Container","DropdownWrapper","isSearchable","disabled","width","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","dropdownLabel","onSelect","selectedValues","_a","isNewLineConnectorPosition","_b","operator","Connector","onSearch","searchKey","extra","errors","val","_c","_d","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_e","_f","_g"],"mappings":"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"}

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as s,Line as i,Horinzontal as m}from"./PropertyNodeUIWrapper.styled.js";const a=a=>{let{children:n,mode:p,isLast:l}=a;return e(s,Object.assign({style:{maxWidth:"calc(100% - 24px)"}},{children:[r(i,{style:{height:"view"===p&&l?29:"100%"}}),r(m,{style:{marginTop:28}}),r(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),n]}))};export{a as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{BodySecondary as t}from"../../../../TypographyStyle.js";import{COLORS as o}from"../../../../../constants/Theme.js";import{Container as s,Line as i,Horinzontal as m}from"./PropertyNodeUIWrapper.styled.js";const a=({children:a,mode:n,isLast:p})=>e(s,Object.assign({style:{maxWidth:"calc(100% - 24px)"}},{children:[r(i,{style:{height:"view"===n&&p?29:"100%"}}),r(m,{style:{marginTop:28}}),r(t,Object.assign({style:{color:o.content.primary,marginLeft:8,marginTop:18}},{children:"where"})),a]}));export{a as default};
 //# sourceMappingURL=PropertyNodeUIWrapper.js.map

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.js.map CHANGED Viewed

	@@ -1 +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","~~_ref","~~children","mode","isLast","_jsxs","Container","Object","assign","style","maxWidth","_jsx","Line","height","Horinzontal","marginTop","BodySecondary","color","COLORS","content","primary","marginLeft"],"mappings":"qQAMMA,MAAAA,~~EAIDC~~,~~IAA+B~~,~~IAA9BC~~,~~SAAEA~~,~~EAAQC~~,~~KAAEA,EAAIC,OAAEA,GAAQH,EAC/B,OACCI,~~EAACC,EAAUC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,sBAAqB,CAAAR,SAAA,CAClDS,EAACC,EAAI,CAACH,MAAO,CAAEI,OAAiB,SAATV,GAAmBC,EAAS,GAAK,UACxDO,EAACG,EAAY,CAAAL,MAAO,CAAEM,UAAW,MACjCJ,EAACK,EACAT,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAOC,QAAQC,QACtBC,WAAY,EACZN,UAAW,KACX,CAAAb,SAAA,WAIDA~~,KACU~~"}
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","_jsxs","Container","Object","assign","style","maxWidth","_jsx","Line","height","Horinzontal","marginTop","BodySecondary","color","COLORS","content","primary","marginLeft"],"mappings":"qQAMMA,MAAAA,EAIDA,EAAGC,WAAUC,OAAMC,YAEtBC,EAACC,EAAUC,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,sBAAqB,CAAAR,SAAA,CAClDS,EAACC,EAAI,CAACH,MAAO,CAAEI,OAAiB,SAATV,GAAmBC,EAAS,GAAK,UACxDO,EAACG,EAAY,CAAAL,MAAO,CAAEM,UAAW,MACjCJ,EAACK,EACAT,OAAAC,OAAA,CAAAC,MAAO,CACNQ,MAAOC,EAAOC,QAAQC,QACtBC,WAAY,EACZN,UAAW,KACX,CAAAb,SAAA,WAIDA"}

package/dist/esm/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNodes.js.map CHANGED Viewed

	@@ -1 +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","_a","node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode","propertyProps","__rest","options","JOIN_OPERATOR_OPTIONS","map","option","PropertyOperator","value","Object","assign","selected","QueryBuilderJoinOperators","AND","_jsxs","_Fragment","children","_b","properties","property","i","_jsx","style","width","position","Dropdown","disabled","onSelect","_id","height","size","display","flexDirection","PropertyNode","isLast","length","DeleteButton","onClick","_c","Line","AddPropertyButton","buttonText"],"mappings":"ogBA4BMA,MAAAA,EAAkCC,aAAAC,KACvCA,EAAIC,mBACJA,EAAkBC,eAClBA,EAAcC,eACdA,EAAcC,2BACdA,EAA0BC,KAC1BA,GAEAN,EADGO,EAAaC,EAAAR,EAPuB,qGASvC,MAAMS,EAAUC,EAAsBC,KAAKC,IAC1C,GAAIX,EAAKY,kBACR,GAAKD,EAAwBE,QAAUb,EAAKY,iBAC3C,OAAAE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,SAIZ,GAAKL,EAAwBE,QAAUI,EAA0BC,IAChE,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,IAKb,OAAOL,CAAM,IAEd,OACCQ,EACEC,EAAA,CAAAC,SAAA,CAAkB,QAAlBC,EAAAtB,aAAA,EAAAA,EAAMuB,kBAAY,IAAAD,OAAA,EAAAA,EAAAZ,KAAI,CAACc,EAAUC,IACjCN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBACCC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAG9B,CAAAR,SAAAK,EAACI,EAEA,CAAAC,SAAmB,SAAT1B,EACV2B,SAAWrB,IACVP,SAAAA,EACEO,EAAwBE,MACzBb,EAAKiC,IACL,EAEFzB,QAASA,EACToB,MAAO,OACPM,OAAQ,GACRC,KAAK,~~SAXG~~,~~GAAAV~~,yBAHJ,GAAGA,cAkBVN,EAAA,MAAAL,OAAAC,OAAA,CAECY,MAAO,CACNS,QAAS,OACTC,cAAe,QACf,CAAAhB,SAAA,CAEDK,EAACY,EAEAxB,OAAAC,OAAA,CAAAwB,SACCvC,EAAKuB,YAAaE,IAAMzB,EAAKuB,WAAWiB,OAAS,EAElDhB,SAAUA,GACNlB,EAAa,CACjBD,KAAMA,IAND,GAAGmB,EAASS,qBAQR,SAAT5B,GACAqB,EAACe,GAEAC,QAASA,IAAMxC,EAAesB,EAAUxB,EAAKiC,MADxC,GAAGT,EAASS,OAAOR,mBAjBrBD,EAASS,UAwBP,SAAT5B,GACAc,EAAA,MAAA,CAAAE,SAAA,CAC+B,KAAX,QAAlBsB,EAAA3C,aAAI,EAAJA,EAAMuB,kBAAY,IAAAoB,OAAA,EAAAA,EAAAH,SAClBd,kBACCA,EAACkB,EAAO,MAGVlB,EAACmB,GACAC,WAAY7C,QAAAA,EAAsB,eAClCyC,QAASA,IAAMvC,EAAe,GAAIH,EAAKiC,YAIxC"}
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","_a","node","addPropertyBtnText","deleteProperty","createProperty","selectPropertyJoinOperator","mode","propertyProps","__rest","options","JOIN_OPERATOR_OPTIONS","map","option","PropertyOperator","value","Object","assign","selected","QueryBuilderJoinOperators","AND","_jsxs","_Fragment","children","_b","properties","property","i","_jsx","style","width","position","Dropdown","disabled","onSelect","_id","height","size","display","flexDirection","PropertyNode","isLast","length","DeleteButton","onClick","_c","Line","AddPropertyButton","buttonText"],"mappings":"ogBA4BMA,MAAAA,EAAkCC,aAAAC,KACvCA,EAAIC,mBACJA,EAAkBC,eAClBA,EAAcC,eACdA,EAAcC,2BACdA,EAA0BC,KAC1BA,GAEAN,EADGO,EAAaC,EAAAR,EAPuB,qGASvC,MAAMS,EAAUC,EAAsBC,KAAKC,IAC1C,GAAIX,EAAKY,kBACR,GAAKD,EAAwBE,QAAUb,EAAKY,iBAC3C,OAAAE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,SAIZ,GAAKL,EAAwBE,QAAUI,EAA0BC,IAChE,OAAAJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIJ,GAAM,CACTK,UAAU,IAKb,OAAOL,CAAM,IAEd,OACCQ,EACEC,EAAA,CAAAC,SAAA,CAAkB,QAAlBC,EAAAtB,aAAA,EAAAA,EAAMuB,kBAAY,IAAAD,OAAA,EAAAA,EAAAZ,KAAI,CAACc,EAAUC,IACjCN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBACCC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAG9B,CAAAR,SAAAK,EAACI,EAEA,CAAAC,SAAmB,SAAT1B,EACV2B,SAAWrB,IACVP,SAAAA,EACEO,EAAwBE,MACzBb,EAAKiC,IACL,EAEFzB,QAASA,EACToB,MAAO,OACPM,OAAQ,GACRC,KAAK,SAXA,GAAGV,yBAHJ,GAAGA,cAkBVN,EAAA,MAAAL,OAAAC,OAAA,CAECY,MAAO,CACNS,QAAS,OACTC,cAAe,QACf,CAAAhB,SAAA,CAEDK,EAACY,EAEAxB,OAAAC,OAAA,CAAAwB,SACCvC,EAAKuB,YAAaE,IAAMzB,EAAKuB,WAAWiB,OAAS,EAElDhB,SAAUA,GACNlB,EAAa,CACjBD,KAAMA,IAND,GAAGmB,EAASS,qBAQR,SAAT5B,GACAqB,EAACe,GAEAC,QAASA,IAAMxC,EAAesB,EAAUxB,EAAKiC,MADxC,GAAGT,EAASS,OAAOR,mBAjBrBD,EAASS,UAwBP,SAAT5B,GACAc,EAAA,MAAA,CAAAE,SAAA,CAC+B,KAAX,QAAlBsB,EAAA3C,aAAI,EAAJA,EAAMuB,kBAAY,IAAAoB,OAAA,EAAAA,EAAAH,SAClBd,kBACCA,EAACkB,EAAO,MAGVlB,EAACmB,GACAC,WAAY7C,QAAAA,EAAsB,eAClCyC,QAASA,IAAMvC,EAAe,GAAIH,EAAKiC,YAIxC"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QueryBuilderNodes.js","sources":["../../../../../src/components/QueryBuilder/components/QueryBuilderNodes.tsx"],"sourcesContent":["import { Response } from '@src/types/apiExecutor';\nimport React, { useEffect, useImperativeHandle } from 'react';\nimport { useSelector } from 'react-redux';\nimport { Button } from '@src/components/button';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '../constants/operators';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderRef } from '../types';\nimport {\n\tQueryBuilderJoinOperators,\n\tQueryBuilderRoot,\n\tQueryBuilderType,\n} from '../types/QueryBuilder.type';\nimport {\n\tBaseQueryBuilderPayload,\n\tBaseQueryBuilderResponse,\n} from '../types/QueryBuilderAPI.type';\nimport AddNodeButton from './AddNodeButton';\nimport DeleteButton from './DeleteButton';\nimport QueryBuilderNode from './QueryBuilderNode/QueryBuilderNode';\nimport { LinedContainer } from './QueryBuilderNodes.styled';\n\ntype QueryBuilderNodesProps = {\n\tinfinite: boolean;\n\taddNodeBtnText: string;\n\tallowedNodes: QueryBuilderType[];\n\tonStateChange?: (state: QueryBuilderRoot) => void;\n\ttypesAPIHandlers: {\n\t\t[key in QueryBuilderType]?: <T>(\n\t\t\tpayload: BaseQueryBuilderPayload<T>,\n\t\t) => Promise<Response<BaseQueryBuilderResponse>>;\n\t};\n\tstate?: QueryBuilderRoot;\n\tmode?: 'create' \| 'edit' \| 'view';\n\tselectorKey: string;\n};\n\nconst QueryBuilderNodes = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderNodesProps\n>(\n\t(\n\t\t{\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\tallowedNodes,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst state = useSelector<\n\t\t\t{\n\t\t\t\tkey: QueryBuilderRoot;\n\t\t\t},\n\t\t\tQueryBuilderRoot\n\t\t>((state) => state?.[selectorKey]);\n\n\t\tconst { deleteNode, clearAll, selectJoinOperator, fillState } =\n\t\t\tuseQueryBuilder(selectorKey);\n\n\t\tuseEffect(() => {\n\t\t\tonStateChange?.({ ...state });\n\t\t}, [state]);\n\n\t\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\t\tif (state?.operator) {\n\t\t\t\tif ((option as SingleOption).value === state.operator) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn option;\n\t\t});\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tgetState: () => ({ ...state }),\n\t\t\tfillState(stateFromOutside) {\n\t\t\t\tfillState({ ...stateFromOutside });\n\t\t\t},\n\t\t\tclearAll,\n\t\t}));\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{state?.nodes?.map((node, i) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t<div style={{ width: 80, position: 'relative' }}>\n\t\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\t\tselectJoinOperator(\n\t\t\t\t\t\t\t\t\t\t\t(option as SingleOption)\n\t\t\t\t\t\t\t\t\t\t\t\t.value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tskipSorting={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'row', gap: 12 }}\n\t\t\t\t\t\t\tkey={node._id}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LinedContainer\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tpaddingTop: i === 0 ? 0 : 24,\n\t\t\t\t\t\t\t\t\tmaxWidth: 'calc(100% - 24px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<QueryBuilderNode\n\t\t\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t\t\t\tmode={mode ?? 'create'}\n\t\t\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\t\t\tnode={node}\n\t\t\t\t\t\t\t\t\tapiHandler={typesAPIHandlers[node.type]!}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</LinedContainer>\n\t\t\t\t\t\t\t{mode !== 'view' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t\t\t\t<DeleteButton onClick={() => deleteNode(node._id)} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\n\t\t\t\t{infinite && mode !== 'view' && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AddNodeButton\n\t\t\t\t\t\t\tbuttonText={addNodeBtnText}\n\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Clear filters\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={() => clearAll(allowedNodes[0])}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilderNodes.displayName = 'QueryBuilderNodes';\n\nexport default QueryBuilderNodes;\n"],"names":["QueryBuilderNodes","React","forwardRef","~~_ref","ref","~~infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","Object","assign","options","JOIN_OPERATOR_OPTIONS","map","option","operator","value","selected","useImperativeHandle","getState","stateFromOutside","_jsxs","_Fragment","children","_a","nodes","node","i","_jsx","style","width","position","Dropdown","disabled","onSelect","height","size","skipSorting","display","flexDirection","gap","LinedContainer","paddingTop","maxWidth","QueryBuilderNode","apiHandler","type","DeleteButton","onClick","_id","justifyContent","AddNodeButton","buttonText","Button","buttonType","displayName"],"mappings":"~~skBAsCMA~~,~~MAAAA~~,EAAoBC,EAAMC,YAI/B,~~CAAAC~~,~~EAUCC~~,~~KACG~~,~~IAVHC~~,~~SACCA~~,~~EAAQC~~,~~eACRA~~,~~EAAcC~~,~~aACdA~~,~~EAAYC~~,~~iBACZA,EAAgBC,cAChBA,EAAaC,KACbA,EAAIC,YACJA,GACAR,QAGD,MAAMS,~~EAAQC,GAKXD,GAAUA,aAAA,EAAAA,~~EAAQD~~,~~MAEfG~~,WAAEA,EAAUC,SAAEA,EAAQC,mBAAEA,EAAkBC,UAAEA,GACjDC,~~EAAgBP~~,~~GAEjBQ~~,GAAU,~~KACTV~~,SAAAA,~~EAAqBW~~,OAAAC,OAAA,GAAAT,GAAQ,GAC3B,CAACA,IAEJ,MAAMU,EAAUC,EAAsBC,KAAKC,IACtCb,eAAAA,EAAOc,WACLD,EAAwBE,QAAUf,EAAMc,SAC5CN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAM,CACTG,UAAU,IAKNH,IAWR,OARAI,~~EAAoBzB~~,GAAK,KAAO,CAC/~~B0B~~,SAAUA,IAAMV,OAAAC,OAAA,CAAA,EAAMT,GACtBK,UAAUc,GACTd,EAASG,OAAAC,OAAA,CAAA,EAAMU,GACf,EACDhB,eAIAiB,EACEC,EAAA,CAAAC,SAAA,CAAc,QAAdC,EAAAvB,aAAA,EAAAA,EAAOwB,aAAO,IAAAD,OAAA,EAAAA,EAAAX,KAAI,CAACa,EAAMC,IACzBN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBAAKC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAClC,CAAAR,SAAAK,EAACI,EACA,CAAAC,SAAmB,~~SAATlC~~,~~EACVmC~~,SAAWpB,IACVT,EACES,EACCE,MACF,EAEFL,QAASA,EACTmB,MAAO,OACPK,OAAQ,GACRC,KAAK,QACLC,aAAa,OAIhBhB,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CAAES,QAAS,OAAQC,cAAe,MAAOC,IAAK,gBAGrDZ,EAACa,EACAhC,OAAAC,OAAA,CAAAmB,MAAO,CACNa,WAAkB,IAANf,EAAU,EAAI,GAC1BgB,SAAU,sBACV,CAAApB,SAEDK,EAACgB,EAAgB,~~CAChB5C~~,YAAaA,EACbD,KAAMA,QAAAA,EAAQ,SACdH,aAAcA,~~EACd8B~~,KAAMA,EACNmB,~~WAAYhD~~,~~EAAiB6B~~,EAAKoB,WAInClB,EACEN,EAFO,~~SAATvB~~,EAEE,~~CAAAwB~~,SAAM,IAANI,GACAC,EAACmB,GAAaC,QAASA,IAAM7C,EAAWuB,EAAKuB,QAI/C,CAAA,MAvBIvB,EAAKuB,~~UA6BZvD~~,GAAqB,SAATK,~~GACZsB~~,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CACNS,QAAS,OACTC,cAAe,MACfW,eAAgB,kBAGjB,CAAA3B,SAAA,CAAAK,EAACuB,EACA,CAAAC,~~WAAYzD~~,EACZC,aAAcA,EACdI,YAAaA,~~IAEd4B~~,EAACyB,EACA,CAAAD,WAAW,gBACXhB,KAAK,SACLkB,WAAW,eACXN,QAASA,IAAM5C,~~EAASR~~,EAAa,YAItC,~~IAKNP~~,~~EAAkBkE~~,YAAc"}
1	+ {"version":3,"file":"QueryBuilderNodes.js","sources":["../../../../../src/components/QueryBuilder/components/QueryBuilderNodes.tsx"],"sourcesContent":["import { Response } from '@src/types/apiExecutor';\nimport React, { useEffect, useImperativeHandle } from 'react';\nimport { useSelector } from 'react-redux';\nimport { Button } from '@src/components/button';\nimport { Dropdown } from '@src/components/dropdown/Dropdown';\nimport { SingleOption } from '@src/components/dropdown/type';\nimport { JOIN_OPERATOR_OPTIONS } from '../constants/operators';\nimport { useQueryBuilder } from '../hooks/useQueryBuilder';\nimport { QueryBuilderRef } from '../types';\nimport {\n\tQueryBuilderJoinOperators,\n\tQueryBuilderRoot,\n\tQueryBuilderType,\n} from '../types/QueryBuilder.type';\nimport {\n\tBaseQueryBuilderPayload,\n\tBaseQueryBuilderResponse,\n} from '../types/QueryBuilderAPI.type';\nimport AddNodeButton from './AddNodeButton';\nimport DeleteButton from './DeleteButton';\nimport QueryBuilderNode from './QueryBuilderNode/QueryBuilderNode';\nimport { LinedContainer } from './QueryBuilderNodes.styled';\n\ntype QueryBuilderNodesProps = {\n\tinfinite: boolean;\n\taddNodeBtnText: string;\n\tallowedNodes: QueryBuilderType[];\n\tonStateChange?: (state: QueryBuilderRoot) => void;\n\ttypesAPIHandlers: {\n\t\t[key in QueryBuilderType]?: <T>(\n\t\t\tpayload: BaseQueryBuilderPayload<T>,\n\t\t) => Promise<Response<BaseQueryBuilderResponse>>;\n\t};\n\tstate?: QueryBuilderRoot;\n\tmode?: 'create' \| 'edit' \| 'view';\n\tselectorKey: string;\n};\n\nconst QueryBuilderNodes = React.forwardRef<\n\tQueryBuilderRef,\n\tQueryBuilderNodesProps\n>(\n\t(\n\t\t{\n\t\t\tinfinite,\n\t\t\taddNodeBtnText,\n\t\t\tallowedNodes,\n\t\t\ttypesAPIHandlers,\n\t\t\tonStateChange,\n\t\t\tmode,\n\t\t\tselectorKey,\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst state = useSelector<\n\t\t\t{\n\t\t\t\tkey: QueryBuilderRoot;\n\t\t\t},\n\t\t\tQueryBuilderRoot\n\t\t>((state) => state?.[selectorKey]);\n\n\t\tconst { deleteNode, clearAll, selectJoinOperator, fillState } =\n\t\t\tuseQueryBuilder(selectorKey);\n\n\t\tuseEffect(() => {\n\t\t\tonStateChange?.({ ...state });\n\t\t}, [state]);\n\n\t\tconst options = JOIN_OPERATOR_OPTIONS.map((option) => {\n\t\t\tif (state?.operator) {\n\t\t\t\tif ((option as SingleOption).value === state.operator) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\tselected: true,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn option;\n\t\t});\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tgetState: () => ({ ...state }),\n\t\t\tfillState(stateFromOutside) {\n\t\t\t\tfillState({ ...stateFromOutside });\n\t\t\t},\n\t\t\tclearAll,\n\t\t}));\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{state?.nodes?.map((node, i) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t<div style={{ width: 80, position: 'relative' }}>\n\t\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\t\t\tonSelect={(option) => {\n\t\t\t\t\t\t\t\t\t\tselectJoinOperator(\n\t\t\t\t\t\t\t\t\t\t\t(option as SingleOption)\n\t\t\t\t\t\t\t\t\t\t\t\t.value as QueryBuilderJoinOperators,\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\t\t\t\twidth={'80px'}\n\t\t\t\t\t\t\t\t\theight={96}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tskipSorting={true}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ display: 'flex', flexDirection: 'row', gap: 12 }}\n\t\t\t\t\t\t\tkey={node._id}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<LinedContainer\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tpaddingTop: i === 0 ? 0 : 24,\n\t\t\t\t\t\t\t\t\tmaxWidth: 'calc(100% - 24px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<QueryBuilderNode\n\t\t\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t\t\t\tmode={mode ?? 'create'}\n\t\t\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\t\t\tnode={node}\n\t\t\t\t\t\t\t\t\tapiHandler={typesAPIHandlers[node.type]!}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</LinedContainer>\n\t\t\t\t\t\t\t{mode !== 'view' ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{i !== 0 && (\n\t\t\t\t\t\t\t\t\t\t<DeleteButton onClick={() => deleteNode(node._id)} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t))}\n\n\t\t\t\t{infinite && mode !== 'view' && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AddNodeButton\n\t\t\t\t\t\t\tbuttonText={addNodeBtnText}\n\t\t\t\t\t\t\tallowedNodes={allowedNodes}\n\t\t\t\t\t\t\tselectorKey={selectorKey}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Clear filters\"\n\t\t\t\t\t\t\tsize=\"medium\"\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={() => clearAll(allowedNodes[0])}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nQueryBuilderNodes.displayName = 'QueryBuilderNodes';\n\nexport default QueryBuilderNodes;\n"],"names":["QueryBuilderNodes","React","forwardRef","infinite","addNodeBtnText","allowedNodes","typesAPIHandlers","onStateChange","mode","selectorKey","ref","state","useSelector","deleteNode","clearAll","selectJoinOperator","fillState","useQueryBuilder","useEffect","Object","assign","options","JOIN_OPERATOR_OPTIONS","map","option","operator","value","selected","useImperativeHandle","getState","stateFromOutside","_jsxs","_Fragment","children","_a","nodes","node","i","_jsx","style","width","position","Dropdown","disabled","onSelect","height","size","skipSorting","display","flexDirection","gap","LinedContainer","paddingTop","maxWidth","QueryBuilderNode","apiHandler","type","DeleteButton","onClick","_id","justifyContent","AddNodeButton","buttonText","Button","buttonType","displayName"],"mappings":"skBAsCA,MAAMA,EAAoBC,EAAMC,YAI/B,EAEEC,WACAC,iBACAC,eACAC,mBACAC,gBACAC,OACAC,eAEDC,WAEA,MAAMC,EAAQC,GAKXD,GAAUA,aAAA,EAAAA,EAAQF,MAEfI,WAAEA,EAAUC,SAAEA,EAAQC,mBAAEA,EAAkBC,UAAEA,GACjDC,EAAgBR,GAEjBS,GAAU,KACTX,SAAAA,EAAqBY,OAAAC,OAAA,GAAAT,GAAQ,GAC3B,CAACA,IAEJ,MAAMU,EAAUC,EAAsBC,KAAKC,IACtCb,eAAAA,EAAOc,WACLD,EAAwBE,QAAUf,EAAMc,SAC5CN,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACII,GAAM,CACTG,UAAU,IAKNH,IAWR,OARAI,EAAoBlB,GAAK,KAAO,CAC/BmB,SAAUA,IAAMV,OAAAC,OAAA,CAAA,EAAMT,GACtBK,UAAUc,GACTd,EAASG,OAAAC,OAAA,CAAA,EAAMU,GACf,EACDhB,eAIAiB,EACEC,EAAA,CAAAC,SAAA,CAAc,QAAdC,EAAAvB,aAAA,EAAAA,EAAOwB,aAAO,IAAAD,OAAA,EAAAA,EAAAX,KAAI,CAACa,EAAMC,IACzBN,EACEC,EAAA,CAAAC,SAAA,CAAM,IAANI,GACAC,uBAAKC,MAAO,CAAEC,MAAO,GAAIC,SAAU,aAClC,CAAAR,SAAAK,EAACI,EACA,CAAAC,SAAmB,SAATnC,EACVoC,SAAWpB,IACVT,EACES,EACCE,MACF,EAEFL,QAASA,EACTmB,MAAO,OACPK,OAAQ,GACRC,KAAK,QACLC,aAAa,OAIhBhB,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CAAES,QAAS,OAAQC,cAAe,MAAOC,IAAK,gBAGrDZ,EAACa,EACAhC,OAAAC,OAAA,CAAAmB,MAAO,CACNa,WAAkB,IAANf,EAAU,EAAI,GAC1BgB,SAAU,sBACV,CAAApB,SAEDK,EAACgB,EAAgB,CAChB7C,YAAaA,EACbD,KAAMA,QAAAA,EAAQ,SACdH,aAAcA,EACd+B,KAAMA,EACNmB,WAAYjD,EAAiB8B,EAAKoB,WAInClB,EACEN,EAFO,SAATxB,EAEE,CAAAyB,SAAM,IAANI,GACAC,EAACmB,GAAaC,QAASA,IAAM7C,EAAWuB,EAAKuB,QAI/C,CAAA,MAvBIvB,EAAKuB,UA6BZxD,GAAqB,SAATK,GACZuB,EAAA,MAAAZ,OAAAC,OAAA,CACCmB,MAAO,CACNS,QAAS,OACTC,cAAe,MACfW,eAAgB,kBAGjB,CAAA3B,SAAA,CAAAK,EAACuB,EACA,CAAAC,WAAY1D,EACZC,aAAcA,EACdI,YAAaA,IAEd6B,EAACyB,EACA,CAAAD,WAAW,gBACXhB,KAAK,SACLkB,WAAW,eACXN,QAASA,IAAM5C,EAAST,EAAa,YAItC,IAKNL,EAAkBiE,YAAc"}

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

@@ -1,2 +1,2 @@
-import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:function(e,o){let d=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return r(void 0,void 0,void 0,(function*(){if(null==u?void 0:u[o])return u[o];const r=yield e();return(null==r?void 0:r.data)?(d&&i(t.actions.initKey({key:o,data:r.data})),null==r?void 0:r.data):null}))}}};export{i as useQueryBuilderCache};
+import{__awaiter as r}from"../../../_virtual/_tslib.js";import{useDispatch as e}from"react-redux";import{queryBuilderCacheSlice as t}from"../redux/queryBuilderCache.reducer.js";import{useQueryBuilderCacheSelector as o}from"../redux/selectors/useQueryBuilderCacheSelector.js";const i=()=>{const i=e(),u=o();return{cacheWrap:(e,o,d=!0)=>r(void 0,void 0,void 0,(function*(){if(null==u?void 0:u[o])return u[o];const r=yield e();return(null==r?void 0:r.data)?(d&&i(t.actions.initKey({key:o,data:r.data})),null==r?void 0:r.data):null}))}};export{i as useQueryBuilderCache};
 //# sourceMappingURL=useQueryBuilderCache.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerButton.js","sources":["../../../../../src/components/SearchFilter/components/DatePickerButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DatePickerButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate?.toDateString().length * 12}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={selectedDate ? selectedDate.toDateString() : text ?? ''}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={selectedDate ? selectedDate.toDateString() : undefined}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\tonSelectDate={(date) => {\n\t\t\t\t\t\t\tsetSelectedDate(date);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect(date);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDatePickerButton.displayName = 'DatePickerButton';\n"],"names":["DatePickerButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","toDateString","length","_jsxs","style","position","children","_jsx","Object","assign","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","undefined","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectDate","date","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,aAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAsB,MAExDG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EACyC,IAAtCA,aAAY,EAAZA,EAAcO,eAAeC,QAAhC,KACiB,GAAdhB,EAAKgB,~~YAEX~~,OACCC,uBAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAA,CAAAC,EAAA,MAAAC,OAAAC,OAAA,CACCC,QAASA,IAAMlB,GAAWmB,IAAUA,IACpCP,MAAO,CAAEQ,OAAQ,UAAWd,MAAO,OAAQe,OAAQ,SAAQ,CAAAP,SAE9C,UAAZlB,EACAmB,EAACO,EAAG,CACHC,QAASrB,EAAeA,EAAaO,eAAiBf,QAAAA,EAAQ,GAC9D8B,MAAM,QACNC,KAAK,UACL7B,QAAQ,UACR8B,aAAcC,IAGfZ,EAACa,EAAkBC,SAClBb,OAAAC,OAAA,CAAAa,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRf,MAAO,OACP0B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAxB,SAEDC,EAACwB,EAAK,CACLC,MAAO,WACPV,MAAO5B,EAAeA,EAAaO,oBAAiBgC,EACpD7C,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL9B,EAAC+B,EACA,CAAAlC,MAAO,CACNmC,UAAWhD,EAAa,iBAAmB,gBAE5CmB,QAASA,OAGTZ,MAAO,GACPe,OAAQ,GACR2B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAgB,EAAK,MAAAC,OAAAC,OAAA,CAAAL,MAAO,CAAEC,SAAU,WAAYwC,IAAK,qBAAoB,CAAAvC,SAC5DC,EAACuC,GACAC,aAAa,EACbC,aAAeC,IACdtD,EAAgBsD,GAChBzD,GAAU,GACVL,EAAS8D,EAAK,UAKb,EAIRjE,EAAiBkE,YAAc"}
1	+ {"version":3,"file":"DatePickerButton.js","sources":["../../../../../src/components/SearchFilter/components/DatePickerButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DatePickerButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate?.toDateString().length * 12}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={selectedDate ? selectedDate.toDateString() : text ?? ''}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={selectedDate ? selectedDate.toDateString() : undefined}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={false}\n\t\t\t\t\t\tonSelectDate={(date) => {\n\t\t\t\t\t\t\tsetSelectedDate(date);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect(date);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDatePickerButton.displayName = 'DatePickerButton';\n"],"names":["DatePickerButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","toDateString","length","_jsxs","style","position","children","_jsx","Object","assign","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","undefined","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectDate","date","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,aAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAsB,MAExDG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EACyC,IAAtCA,aAAY,EAAZA,EAAcO,eAAeC,QAAhC,KACiB,GAAdhB,EAAKgB,OAAR,KAEH,OACCC,uBAAKC,MAAO,CAAEC,SAAU,aACvB,CAAAC,SAAA,CAAAC,EAAA,MAAAC,OAAAC,OAAA,CACCC,QAASA,IAAMlB,GAAWmB,IAAUA,IACpCP,MAAO,CAAEQ,OAAQ,UAAWd,MAAO,OAAQe,OAAQ,SAAQ,CAAAP,SAE9C,UAAZlB,EACAmB,EAACO,EAAG,CACHC,QAASrB,EAAeA,EAAaO,eAAiBf,QAAAA,EAAQ,GAC9D8B,MAAM,QACNC,KAAK,UACL7B,QAAQ,UACR8B,aAAcC,IAGfZ,EAACa,EAAkBC,SAClBb,OAAAC,OAAA,CAAAa,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRf,MAAO,OACP0B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAxB,SAEDC,EAACwB,EAAK,CACLC,MAAO,WACPV,MAAO5B,EAAeA,EAAaO,oBAAiBgC,EACpD7C,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL9B,EAAC+B,EACA,CAAAlC,MAAO,CACNmC,UAAWhD,EAAa,iBAAmB,gBAE5CmB,QAASA,OAGTZ,MAAO,GACPe,OAAQ,GACR2B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAgB,EAAK,MAAAC,OAAAC,OAAA,CAAAL,MAAO,CAAEC,SAAU,WAAYwC,IAAK,qBAAoB,CAAAvC,SAC5DC,EAACuC,GACAC,aAAa,EACbC,aAAeC,IACdtD,EAAgBsD,GAChBzD,GAAU,GACVL,EAAS8D,EAAK,UAKb,EAIRjE,EAAiBkE,YAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DateRangeOnlyButton.js","sources":["../../../../../src/components/SearchFilter/components/DateRangeOnlyButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DateRangeOnlyButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date[]) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date[]>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate[0]?.toDateString().length * 12 * 2}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={true}\n\t\t\t\t\t\tonSelectRange={(start, end) => {\n\t\t\t\t\t\t\tsetSelectedDate([start, end]);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect([start, end]);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDateRangeOnlyButton.displayName = 'DateRangeOnlyButton';\n"],"names":["DateRangeOnlyButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","_d","toDateString","length","_jsxs","Object","assign","style","position","children","_jsx","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectRange","start","end","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,eAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAwB,MAE1DG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EAC4C,IAAxB,QAAjBO,EAAAP,EAAa,UAAI,IAAAO,OAAA,EAAAA,EAAAC,eAAeC,QAAc,~~EAA9C~~,~~KACc~~,GAAdjB,EAAKiB,~~YAEX~~,OACCC,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,SAAU,aAAY,CAAAC,SAAA,CACnCC,EACC,MAAAL,OAAAC,OAAA,CAAAK,QAASA,IAAMnB,GAAWoB,IAAUA,IACpCL,MAAO,CAAEM,OAAQ,UAAWf,MAAO,OAAQgB,OAAQ,SAAQ,CAAAL,SAE9C,UAAZrB,EACAsB,EAACK,EAAG,CACHC,SACCtB,aAAA,EAAAA,EAAcS,~~QACR~~,~~GAAAT~~,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZ+B,MAAM,QACNC,KAAK,UACL9B,QAAQ,UACR+B,aAAcC,IAGfV,EAACW,EAAkBC,SAAQjB,OAAAC,OAAA,CAC1BiB,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRhB,MAAO,OACP2B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAtB,SAEDC,EAACsB,EAAK,CACLC,MAAO,WACPV,OACC7B,aAAA,EAAAA,EAAcS,~~QACR~~,~~GAAAT~~,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZE,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL3B,EAAC4B,EACA,CAAA/B,MAAO,CACNgC,UAAWhD,EAAa,iBAAmB,gBAE5CoB,QAASA,OAGTb,MAAO,GACPgB,OAAQ,GACR0B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAmB,EAAK,MAAAL,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYqC,IAAK,qBACxC,CAAApC,SAAAC,EAACoC,EAAU,CACVC,aAAa,EACbC,cAAeA,CAACC,EAAOC,KACtBvD,EAAgB,CAACsD,EAAOC,IACxB1D,GAAU,GACVL,EAAS,CAAC8D,EAAOC,GAAK,UAKrB,EAIRlE,EAAoBmE,YAAc"}
1	+ {"version":3,"file":"DateRangeOnlyButton.js","sources":["../../../../../src/components/SearchFilter/components/DateRangeOnlyButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DatePicker } from '@src/components/datePicker';\nimport { Input } from '@src/components/input';\nimport { InputStyleContext } from '@src/components/input/context/InputStyleProvider';\nimport { InputVariant } from '@src/components/input/Input.model';\nimport { Tag } from '@src/components/tag';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\nimport DownIcon from '../../../assets/icons/chevronDown.svg';\nimport DownIconOutline from '../../../assets/icons/chevronDownOutline.svg';\nimport { FilterSchema } from '../types/SearchFilter.type';\n\nexport const DateRangeOnlyButton: React.FC<\n\tFilterSchema & {\n\t\tonSelect: (value: Date[]) => void;\n\t\tvariant: InputVariant;\n\t}\n> = ({ text, onSelect, variant, ...restProps }) => {\n\tconst [showPicker, setPicker] = useState(false);\n\tconst [selectedDate, setSelectedDate] = useState<null \| Date[]>(null);\n\n\tconst dynamicWidth = restProps.width?.toString()\n\t\t? restProps.width?.toString()\n\t\t: selectedDate\n\t\t? `${selectedDate[0]?.toDateString().length * 12 * 2}px`\n\t\t: `${text.length * 12}px`;\n\n\treturn (\n\t\t<div style={{ position: 'relative' }}>\n\t\t\t<div\n\t\t\t\tonClick={() => setPicker((prev) => !prev)}\n\t\t\t\tstyle={{ cursor: 'pointer', width: '100%', height: '100%' }}\n\t\t\t>\n\t\t\t\t{variant === 'small' ? (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\ttype=\"neutral\"\n\t\t\t\t\t\tvariant=\"regular\"\n\t\t\t\t\t\tTrailingIcon={DownIconOutline}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<InputStyleContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\tInputWrapper: {\n\t\t\t\t\t\t\t\theight: 32,\n\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\tzIndex: 1,\n\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\tpadding: '6px 8px',\n\n\t\t\t\t\t\t\t\tbackgroundColor: '#fff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tRootContainer: {\n\t\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tinput: {\n\t\t\t\t\t\t\t\tminHeight: '100%',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tstate={'disabled'}\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tselectedDate?.length\n\t\t\t\t\t\t\t\t\t? `${selectedDate[0].toDateString()} - ${selectedDate[1].toDateString()}`\n\t\t\t\t\t\t\t\t\t: text ?? ''\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant={'small'}\n\t\t\t\t\t\t\tplaceholder={text ?? 'Select a date'}\n\t\t\t\t\t\t\twidth={dynamicWidth}\n\t\t\t\t\t\t\tonChangeText={() => {\n\t\t\t\t\t\t\t\t/** empty /\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\trightIcon={{\n\t\t\t\t\t\t\t\ticon: () => (\n\t\t\t\t\t\t\t\t\t<DownIcon\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\ttransform: showPicker ? 'rotate(180deg)' : 'rotate(0deg)',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t/* empty */\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\tcolor={DEFAULT_THEME.colorsV2.content.primary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InputStyleContext.Provider>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{showPicker && (\n\t\t\t\t<div style={{ position: 'absolute', top: 'calc(100% + 8px)' }}>\n\t\t\t\t\t<DatePicker\n\t\t\t\t\t\tselectRange={true}\n\t\t\t\t\t\tonSelectRange={(start, end) => {\n\t\t\t\t\t\t\tsetSelectedDate([start, end]);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t\tonSelect([start, end]);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nDateRangeOnlyButton.displayName = 'DateRangeOnlyButton';\n"],"names":["DateRangeOnlyButton","_a","text","onSelect","variant","restProps","__rest","showPicker","setPicker","useState","selectedDate","setSelectedDate","dynamicWidth","_b","width","toString","_c","_d","toDateString","length","_jsxs","Object","assign","style","position","children","_jsx","onClick","prev","cursor","height","Tag","tagText","theme","type","TrailingIcon","DownIconOutline","InputStyleContext","Provider","value","InputWrapper","zIndex","padding","backgroundColor","RootContainer","opacity","input","minHeight","Input","state","placeholder","onChangeText","rightIcon","icon","DownIcon","transform","color","DEFAULT_THEME","colorsV2","content","primary","top","DatePicker","selectRange","onSelectRange","start","end","displayName"],"mappings":"4kDAWaA,MAAAA,EAKRC,eAAAC,KAAEA,EAAIC,SAAEA,EAAQC,QAAEA,KAAYC,EAA9BC,EAAAL,EAAA,CAAA,OAAA,WAAA,YACJ,MAAOM,EAAYC,GAAaC,GAAS,IAClCC,EAAcC,GAAmBF,EAAwB,MAE1DG,GAAgC,QAAjBC,EAAAR,EAAUS,aAAO,IAAAD,OAAA,EAAAA,EAAAE,YACpB,QAAfC,EAAAX,EAAUS,aAAK,IAAAE,OAAA,EAAAA,EAAED,WACjBL,EAC4C,IAAxB,QAAjBO,EAAAP,EAAa,UAAI,IAAAO,OAAA,EAAAA,EAAAC,eAAeC,QAAc,EAAjD,KACiB,GAAdjB,EAAKiB,OAAR,KAEH,OACCC,EAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,SAAU,aAAY,CAAAC,SAAA,CACnCC,EACC,MAAAL,OAAAC,OAAA,CAAAK,QAASA,IAAMnB,GAAWoB,IAAUA,IACpCL,MAAO,CAAEM,OAAQ,UAAWf,MAAO,OAAQgB,OAAQ,SAAQ,CAAAL,SAE9C,UAAZrB,EACAsB,EAACK,EAAG,CACHC,SACCtB,aAAA,EAAAA,EAAcS,QACX,GAAGT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZ+B,MAAM,QACNC,KAAK,UACL9B,QAAQ,UACR+B,aAAcC,IAGfV,EAACW,EAAkBC,SAAQjB,OAAAC,OAAA,CAC1BiB,MAAO,CACNC,aAAc,CACbV,OAAQ,GACRhB,MAAO,OACP2B,OAAQ,EACRZ,OAAQ,UACRa,QAAS,UAETC,gBAAiB,QAElBC,cAAe,CACdC,QAAS,GAEVC,MAAO,CACNC,UAAW,UAEZ,CAAAtB,SAEDC,EAACsB,EAAK,CACLC,MAAO,WACPV,OACC7B,aAAA,EAAAA,EAAcS,QACX,GAAGT,EAAa,GAAGQ,oBAAoBR,EAAa,GAAGQ,iBACvDhB,QAAAA,EAAQ,GAEZE,QAAS,QACT8C,YAAahD,QAAAA,EAAQ,gBACrBY,MAAOF,EACPuC,aAAcA,OAGdC,UAAW,CACVC,KAAMA,IACL3B,EAAC4B,EACA,CAAA/B,MAAO,CACNgC,UAAWhD,EAAa,iBAAmB,gBAE5CoB,QAASA,OAGTb,MAAO,GACPgB,OAAQ,GACR0B,MAAOC,EAAcC,SAASC,QAAQC,mBAQ5CrD,GACAmB,EAAK,MAAAL,OAAAC,OAAA,CAAAC,MAAO,CAAEC,SAAU,WAAYqC,IAAK,qBACxC,CAAApC,SAAAC,EAACoC,EAAU,CACVC,aAAa,EACbC,cAAeA,CAACC,EAAOC,KACtBvD,EAAgB,CAACsD,EAAOC,IACxB1D,GAAU,GACVL,EAAS,CAAC8D,EAAOC,GAAK,UAKrB,EAIRlE,EAAoBmE,YAAc"}

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption \| DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' \| 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/*\n\t Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t /\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) \|\|\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","~~_ref","~~pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","colorsV2","_jsxs","BodySecondary","Object","assign","style","color","content","placeholder","children","DEFAULT_PAGE_SIZE_OPTIONS","TablePagination","~~_ref2","~~pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","Math","ceil","hideSingleChevron","pages","Array","from","length","_","i","pageCountOptions","map","size","label","value","String","selected","StyledTablePaginationContainer","_jsx","Dropdown","options","onSelect","width","className","StyledPagingContainer","active","onClick","max","disabled","ChevronLeft","secondary","height","page","display","primaryInverse","isLast","min","ChevronRight"],"mappings":"qvCAmBA,MAAMA,~~EAAgDC~~,~~IAKjD~~,~~IALkDC~~,~~UACtDA~~,~~EAASC~~,~~QACTA~~,~~EAAOC~~,~~UACPA,EAASC,WACTA,GACAJ,EACA,IAAKI,~~EAAY,OAAO,KAExB,MAAMC,EAAUC,EAAcC,SAE9B,OACCC,EAACC,EAAaC,OAAAC,OAAA,CAACC,MAAO,CAAEC,MAAOR,EAAQS,QAAQC,cACrC,CAAAC,SAAA,CAAA,WAAAf,EAAY,IAAAC,EAAUC,EAAYA,EAAYD,QAAY,IAClEC,EAAS,cACK,EAIZc,EAA4B,CAAC,EAAG,GAAI,IAqB7BC,~~EAAkDC~~,~~IAW1D~~,~~IAX2DC~~,~~WAC/DA~~,~~EAAUC~~,~~SACVA~~,~~EAAQlB~~,~~UACRA~~,~~EAASmB~~,~~iBACTA~~,~~EAAgBC~~,~~eAChBA~~,~~EAAcC,oBACdA,EAAmBC,cACnBA,EAAaC,mBACbA,EAAqB,QAAOC,eAC5BA,EAAiB,~~CAAE,~~EAAAC~~,~~gBACnBA~~,~~EAAkBX~~,~~GAClBE~~,~~EACA,MAAMd,~~EAAUC,EAAcC,SACxBN,~~GAAamB~~,EAAa,GAAKC,EAAW,~~EAC1CnB~~,~~GAAWkB~~,EAAa,GAAKC,EAAWA,EACxCQ,EAAWC,KAAKC,~~KAAK5B~~,~~EAAYkB~~,GACjCW,EAAgC,GAAZH,EAC1B,IAAII,EAAkB,GAGpBA,EAFEJ,GAAY,EACXT,IAAeS,EACV,CACPT,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,GAEwB,IAAfA,EACF,CACPA,EACAA,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EAAa,GAEW,IAAfA,EACF,CACPA,EAAa,EACbA,EACAA,EAAa,EACbA,EAAa,EACbA,EAAa,GAEJA,IAAeS,EAAW,EAC5B,CACPT,EAAa,EACbA,EAAa,EACbA,EAAa,EACbA,EACAA,EAAa,GAGN,CACPA,EAAa,EACbA,EAAa,EACbA,EACAA,EAAa,EACbA,EAAa,GAIPc,MAAMC,KAAK,CAAEC,OAAQP,IAAY,CAACQ,EAAGC,IAAMA,EAAI,IAGxD,MAAMC,EAAmBX,EAAgBY,KAAKC,IAAU,CACvDC,~~MAAU~~,~~GAAAD~~,kBACVE,MAAOC,OAAOH,GACdI,SAAUxB,IAAaoB,MAGxB,~~OACCjC~~,~~EAACsC~~,~~EAA8BpC~~,OAAAC,OAAA,CAACC,~~MAAOe~~,GAAc,~~CAAAX~~,SAAA,~~EAClDQ~~,GACDuB,kBACCA,EAACC,EACA,CAAAP,KAAM,QACNQ,QAASV,EACTW,SAAU3B,EACV4B,MAAO,~~YAIV3C~~,EAAK,MAAAE,OAAAC,OAAA,~~CAAAyC~~,UAAU,gCACdL,~~EAAChD~~,EACA,~~CAAAE~~,UAAWA,EACXC,QAASA,EACTC,UAAWA,EACXC,~~eAEIoB~~,~~GAAuBrB~~,EAAY,~~GACpCqB~~,~~GACArB~~,EAAY,~~GACVsB~~,GACqB,SAAvBC,~~KAIJlB~~,EAAK,MAAAE,OAAAC,OAAA,~~CAAAyC~~,UAAU,4BACb,~~CAAApC~~,SAAA,~~EAACgB~~,GACDe,EAACM,~~EACA3C~~,OAAAC,OAAA,~~CAAA2C~~,QAAQ,EACRC,QAASA,KACW,IAAfnC,GACHE,EAAiBQ,KAAK0B,IAAIpC,EAAa,EAAG,GAC1C,EAEFqC,SAAyB,IAAfrC,GAAgB,~~CAAAJ~~,~~SAE1B+B~~,EAACW,EACA,~~CAAA7C~~,MAAOR,EAAQS,~~QAAQ6C~~,UACvBC,OAAQ,GACRT,MAAO,QAITlB,EAAMO,KAAKqB,GACXd,EAACM,~~EAEA3C~~,OAAAC,OAAA,~~CAAA2C~~,OAAQO,GAAQzC,EAChBmC,QAASA,IAAMjC,EAAiBuC,~~GAChCjD~~,MAAO,~~CACNkD~~,QAAiB,GAARD,~~GAAa1D~~,~~GAAakB~~,EAAW,OAAS,SACvD,~~CAAAL~~,~~SAED+B~~,~~EAACtC~~,EACAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,~~MACCgD~~,GAAQzC,~~EACLf~~,EAAQS,~~QAAQiD~~,~~eAChB1D~~,EAAQS,~~QAAQ6C~~,YAGpB,~~CAAA3C~~,~~SAAA6C~~,OAfGA,MAmBL7B,GACDe,EAACM,~~EACA3C~~,OAAAC,OAAA,~~CAAAqD~~,QAAQ,EACRV,QAAQ,EACRC,QAASA,KACJnC,IAAeS,GAClBP,EAAiBQ,KAAKmC,IAAI7C,EAAa,EAAGS,GAC1C,EAEF4B,SAAUrC,IAAeS,GAAQ,~~CAAAb~~,~~SAEjC+B~~,EAACmB,EACA,~~CAAArD~~,MAAOR,EAAQS,~~QAAQ6C~~,UACvBC,OAAQ,GACRT,MAAO,YAKXJ,~~EAAChD~~,EACA,~~CAAAE~~,UAAWA,EACXC,QAASA,EACTC,UAAWA,EACXC,~~cAEEoB~~,~~GACArB~~,EAAY,~~GACVsB~~,GACqB,UAAvBC,YAK4B"}
1	+ {"version":3,"file":"TablePagination.js","sources":["../../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["import ChevronLeft from '@src/assets/icons/chevronLeft.svg';\nimport ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport React from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption } from '@src/components/dropdown/type';\nimport {\n\tStyledPagingContainer,\n\tStyledTablePaginationContainer,\n} from '@src/components/TablePagination/TablePagination.styled';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { DEFAULT_THEME } from '@src/constants/Theme';\n\ntype ShowingResultsProps = {\n\tpageStart: number;\n\tpageEnd: number;\n\ttotalRows: number;\n\tshouldShow: boolean;\n};\n\nconst ShowingResults: React.FC<ShowingResultsProps> = ({\n\tpageStart,\n\tpageEnd,\n\ttotalRows,\n\tshouldShow,\n}) => {\n\tif (!shouldShow) return null;\n\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\n\treturn (\n\t\t<BodySecondary style={{ color: colors2.content.placeholder }}>\n\t\t\tShowing {pageStart}-{pageEnd > totalRows ? totalRows : pageEnd} of{' '}\n\t\t\t{totalRows} results\n\t\t</BodySecondary>\n\t);\n};\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 20];\n\nexport type TablePaginationProps = {\n\tpageSize: number;\n\tpageNumber: number;\n\ttotalRows: number;\n\thidePageSizeOptions?: boolean;\n\tupdatePageNumber: (pageNumber: number) => void;\n\tupdatePageSize: (option: DropdownOption \| DropdownOption[]) => void;\n\tshowTotalText?: boolean;\n\ttotalTextAlignment?: 'left' \| 'right';\n\tremoveBorder?: boolean;\n\tcontainerStyle?: React.CSSProperties;\n\t/*\n\t Optional override for the rows-per-page dropdown options. Defaults to\n\t * [5, 10, 20] to preserve existing behaviour. Pass e.g. [10, 50, 100] to\n\t * widen the page size choices for large tables.\n\t /\n\tpageSizeOptions?: number[];\n};\n\nexport const TablePagination: React.FC<TablePaginationProps> = ({\n\tpageNumber,\n\tpageSize,\n\ttotalRows,\n\tupdatePageNumber,\n\tupdatePageSize,\n\thidePageSizeOptions,\n\tshowTotalText,\n\ttotalTextAlignment = 'right',\n\tcontainerStyle = {},\n\tpageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n}) => {\n\tconst colors2 = DEFAULT_THEME.colorsV2;\n\tconst pageStart = (pageNumber - 1) pageSize + 1;\n\tconst pageEnd = (pageNumber - 1) * pageSize + pageSize;\n\tconst lastPage = Math.ceil(totalRows / pageSize);\n\tconst hideSingleChevron = lastPage == 1;\n\tlet pages: number[] = [];\n\tif (lastPage >= 5) {\n\t\tif (pageNumber === lastPage) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 4,\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t];\n\t\t} else if (pageNumber === 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t\tpageNumber + 4,\n\t\t\t];\n\t\t} else if (pageNumber === 2) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t\tpageNumber + 3,\n\t\t\t];\n\t\t} else if (pageNumber === lastPage - 1) {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 3,\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t];\n\t\t} else {\n\t\t\tpages = [\n\t\t\t\tpageNumber - 2,\n\t\t\t\tpageNumber - 1,\n\t\t\t\tpageNumber,\n\t\t\t\tpageNumber + 1,\n\t\t\t\tpageNumber + 2,\n\t\t\t];\n\t\t}\n\t} else {\n\t\tpages = Array.from({ length: lastPage }, (_, i) => i + 1);\n\t}\n\n\tconst pageCountOptions = pageSizeOptions.map((size) => ({\n\t\tlabel: `${size} rows per page`,\n\t\tvalue: String(size),\n\t\tselected: pageSize === size,\n\t}));\n\n\treturn (\n\t\t<StyledTablePaginationContainer style={containerStyle}>\n\t\t\t{!hidePageSizeOptions && (\n\t\t\t\t<div>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\toptions={pageCountOptions}\n\t\t\t\t\t\tonSelect={updatePageSize}\n\t\t\t\t\t\twidth={'162px'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<div className=\"paging__container\">\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\t(!hidePageSizeOptions && totalRows > 0) \|\|\n\t\t\t\t\t\t\t(hidePageSizeOptions &&\n\t\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\t\ttotalTextAlignment === 'left')\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<div className=\"pages__buttons-container\">\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== 1) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.max(pageNumber - 1, 1));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === 1}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronLeft\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t\t{pages.map((page) => (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\tactive={page == pageNumber}\n\t\t\t\t\t\t\tonClick={() => updatePageNumber(page)}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: page == 1 && totalRows <= pageSize ? 'none' : 'flex',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tpage == pageNumber\n\t\t\t\t\t\t\t\t\t\t\t? colors2.content.primaryInverse\n\t\t\t\t\t\t\t\t\t\t\t: colors2.content.secondary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{page}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t))}\n\t\t\t\t\t{!hideSingleChevron && (\n\t\t\t\t\t\t<StyledPagingContainer\n\t\t\t\t\t\t\tisLast={true}\n\t\t\t\t\t\t\tactive={false}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (pageNumber !== lastPage) {\n\t\t\t\t\t\t\t\t\tupdatePageNumber(Math.min(pageNumber + 1, lastPage));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={pageNumber === lastPage}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ChevronRight\n\t\t\t\t\t\t\t\tcolor={colors2.content.secondary}\n\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</StyledPagingContainer>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<ShowingResults\n\t\t\t\t\tpageStart={pageStart}\n\t\t\t\t\tpageEnd={pageEnd}\n\t\t\t\t\ttotalRows={totalRows}\n\t\t\t\t\tshouldShow={\n\t\t\t\t\t\t!!(\n\t\t\t\t\t\t\thidePageSizeOptions &&\n\t\t\t\t\t\t\ttotalRows > 0 &&\n\t\t\t\t\t\t\t!!showTotalText &&\n\t\t\t\t\t\t\ttotalTextAlignment === 'right'\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</StyledTablePaginationContainer>\n\t);\n};\n"],"names":["ShowingResults","pageStart","pageEnd","totalRows","shouldShow","colors2","DEFAULT_THEME","colorsV2","_jsxs","BodySecondary","Object","assign","style","color","content","placeholder","children","DEFAULT_PAGE_SIZE_OPTIONS","TablePagination","pageNumber","pageSize","updatePageNumber","updatePageSize","hidePageSizeOptions","showTotalText","totalTextAlignment","containerStyle","pageSizeOptions","lastPage","Math","ceil","hideSingleChevron","pages","Array","from","length","_","i","pageCountOptions","map","size","label","value","String","selected","StyledTablePaginationContainer","_jsx","Dropdown","options","onSelect","width","className","StyledPagingContainer","active","onClick","max","disabled","ChevronLeft","secondary","height","page","display","primaryInverse","isLast","min","ChevronRight"],"mappings":"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"}

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

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

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

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