npm - @bikdotai/bik-component-library - Versions diffs - 0.0.814 → 0.0.815 - Mend

@bikdotai/bik-component-library 0.0.814 → 0.0.815

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

package/dist/cjs/components/variable-picker-v3/SubHeaderItems.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader \| VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') \|\| '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst {\n\t\tsubHeaderStack,\n\t\tsetSubHeaderStack,\n\t\tsetVariables,\n\t\tshowRecommended,\n\t\tcontainerRef,\n\t\tscrollPositionStack,\n\t} = useVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' \|\|\n\t\t\t\t\tObject.keys(variable[key]?.variables \|\| {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected \|\| disabled ? (\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\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t</div>\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\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\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\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', marginTop: 2 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description \|\| ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\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\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\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\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description \|\| ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// Save current scroll position before navigating into subcategory\n\t\t\t\t\t\t\t\tif (containerRef.current) {\n\t\t\t\t\t\t\t\t\tscrollPositionStack.current.push(\n\t\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\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</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","SubHeaderItem","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","containerRef","scrollPositionStack","useVariablePickerContext","key","index","variableV3","jsx","Tooltip","ListItem","Fragment","AddIcon","jsxs","BodySecondary","COLORS","highlightSearchText","WarnIcon","SubCategoryIcon","ChevronRight","currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"~~gnBAsBaA~~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~~EAAU9B~~,EAASc,CAAG,CAAC,EAC3C,OAAOR,EAAmB,MAC7BuB,EAAgB,SAAW,CAACvB,EAAe,WAAW,GAEvD,MAAMyB,EAAQ,CAAC,GAAGxB,EAAgBsB,CAAe,EAEjD,GADArB,EAAkBuB,CAAK,EACnBrB,EAAiB,CACpB,MAAMsB,EAAcC,EAAAA,6BACnB,CAACJ,EAAgB,SAAS,EAC1BE,CAAA,EAEDtB,EAAauB,CAAW,CACzB,MACCvB,EAAa,CAACoB,EAAgB,SAAS,CAAC,CAE1C,CAAA,CAAA,CACD,EAzDKd,CAAA,CA4DR,CAAC,CAAA,CACF,CAEF"}
1	+ {"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader \| VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') \|\| '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst {\n\t\tsubHeaderStack,\n\t\tsetSubHeaderStack,\n\t\tsetVariables,\n\t\tshowRecommended,\n\t\tcontainerRef,\n\t\tscrollPositionStack,\n\t} = useVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' \|\|\n\t\t\t\t\tObject.keys(variable[key]?.variables \|\| {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected \|\| disabled ? (\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\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t</div>\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\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\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\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex', marginTop: 2 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description \|\| ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\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\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\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\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description \|\| ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// Save current scroll position before navigating into subcategory\n\t\t\t\t\t\t\t\tif (containerRef.current) {\n\t\t\t\t\t\t\t\t\tscrollPositionStack.current.push(\n\t\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\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</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","SubHeaderItem","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","containerRef","scrollPositionStack","useVariablePickerContext","key","index","variableV3","jsx","Tooltip","ListItem","Fragment","AddIcon","jsxs","BodySecondary","COLORS","highlightSearchText","WarnIcon","SubCategoryIcon","ChevronRight","currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"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"}

package/dist/cjs/components/variable-picker-v3/context.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{},containerRef:{current:null},scrollPositionStack:{current:[]}}),r=()=>e.useContext(t);exports.VariablePickerContext=t;exports.useVariablePickerContext=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=r(t),a=o.default.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{},containerRef:{current:null},scrollPositionStack:{current:[]}}),c=()=>t.useContext(a);exports.VariablePickerContext=a;exports.useVariablePickerContext=c;
 //# sourceMappingURL=context.js.map

package/dist/cjs/components/variable-picker-v3/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.js","sources":["../../../../src/components/variable-picker-v3/context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React, { useContext } from 'react';\n\nexport const VariablePickerContext = React.createContext<{\n\tsearchText: string;\n\tsetSearchText: React.Dispatch<React.SetStateAction<string>>;\n\tsubHeaderStack: any[]; // TODO: type this\n\tsetSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;\n\tvariables: any[]; // TODO: type this\n\tsetVariables: React.Dispatch<React.SetStateAction<any[]>>;\n\tshowRecommended: boolean;\n\tsetShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;\n\tcontainerRef: React.RefObject<HTMLDivElement \| null>;\n\tscrollPositionStack: React.MutableRefObject<number[]>;\n}>({\n\tsearchText: '',\n\tsetSearchText: () => {},\n\tsubHeaderStack: [],\n\tsetSubHeaderStack: () => {},\n\tvariables: [],\n\tsetVariables: () => {},\n\tshowRecommended: false,\n\tsetShowRecommended: () => {},\n\tcontainerRef: { current: null },\n\tscrollPositionStack: { current: [] },\n});\n\nexport const useVariablePickerContext = () => useContext(VariablePickerContext);\n"],"names":["VariablePickerContext","React","useVariablePickerContext","useContext"],"mappings":"~~yGAGaA~~,EAAwBC,~~EAAM~~,cAWxC,CACF,WAAY,GACZ,cAAe,IAAM,CAAC,EACtB,eAAgB,CAAA,EAChB,kBAAmB,IAAM,CAAC,EAC1B,UAAW,CAAA,EACX,aAAc,IAAM,CAAC,EACrB,gBAAiB,GACjB,mBAAoB,IAAM,CAAC,EAC3B,aAAc,CAAE,QAAS,IAAA,EACzB,oBAAqB,CAAE,QAAS,CAAA,CAAC,CAClC,CAAC,EAEYC,EAA2B,IAAMC,EAAAA,WAAWH,CAAqB"}
1	+ {"version":3,"file":"context.js","sources":["../../../../src/components/variable-picker-v3/context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React, { useContext } from 'react';\n\nexport const VariablePickerContext = React.createContext<{\n\tsearchText: string;\n\tsetSearchText: React.Dispatch<React.SetStateAction<string>>;\n\tsubHeaderStack: any[]; // TODO: type this\n\tsetSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;\n\tvariables: any[]; // TODO: type this\n\tsetVariables: React.Dispatch<React.SetStateAction<any[]>>;\n\tshowRecommended: boolean;\n\tsetShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;\n\tcontainerRef: React.RefObject<HTMLDivElement \| null>;\n\tscrollPositionStack: React.MutableRefObject<number[]>;\n}>({\n\tsearchText: '',\n\tsetSearchText: () => {},\n\tsubHeaderStack: [],\n\tsetSubHeaderStack: () => {},\n\tvariables: [],\n\tsetVariables: () => {},\n\tshowRecommended: false,\n\tsetShowRecommended: () => {},\n\tcontainerRef: { current: null },\n\tscrollPositionStack: { current: [] },\n});\n\nexport const useVariablePickerContext = () => useContext(VariablePickerContext);\n"],"names":["VariablePickerContext","React","useVariablePickerContext","useContext"],"mappings":"wKAGaA,EAAwBC,EAAAA,QAAM,cAWxC,CACF,WAAY,GACZ,cAAe,IAAM,CAAC,EACtB,eAAgB,CAAA,EAChB,kBAAmB,IAAM,CAAC,EAC1B,UAAW,CAAA,EACX,aAAc,IAAM,CAAC,EACrB,gBAAiB,GACjB,mBAAoB,IAAM,CAAC,EAC3B,aAAc,CAAE,QAAS,IAAA,EACzB,oBAAqB,CAAE,QAAS,CAAA,CAAC,CAClC,CAAC,EAEYC,EAA2B,IAAMC,EAAAA,WAAWH,CAAqB"}

package/dist/cjs/components/variable-picker-v3/styles.js CHANGED Viewed

@@ -1,31 +1,31 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("../../constants/Theme.js"),o=r.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),t=require("../../constants/Theme.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=a(o),i=r.default.div`
 	display: flex;
 	align-items: center;
-	padding: ${t=>t.openDefault?"12px 16px":"12px 16px 0px 16px"};
-	background-color: ${e.COLORS.surface.subdued};
+	padding: ${e=>e.openDefault?"12px 16px":"12px 16px 0px 16px"};
+	background-color: ${t.COLORS.surface.subdued};
 	justify-content: space-between;
 	border-top-right-radius: 8px;
 	border-top-left-radius: 8px;
-`,i=r.div`
+`,d=r.default.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 12px 16px;
-	background-color: ${e.COLORS.surface.subdued};
-	border-bottom: 1px solid ${e.COLORS.stroke.primary};
-`,a=r.div`
+	background-color: ${t.COLORS.surface.subdued};
+	border-bottom: 1px solid ${t.COLORS.stroke.primary};
+`,n=r.default.div`
 	position: relative;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	height: 32px;
-	background-color: ${e.COLORS.background.base};
-`,n=r.div`
+	background-color: ${t.COLORS.background.base};
+`,l=r.default.div`
 	margin: 8px;
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-	height: ${t=>t.height};
+	height: ${e=>e.height};
 	overflow: scroll;
 	&::-webkit-scrollbar-thumb {
 		background-color: #e0e0e0 !important;
@@ -39,5 +39,5 @@
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`;exports.BackHeader=a;exports.Container=n;exports.HeaderWrapper=o;exports.RecommendWrapper=i;
+`;exports.BackHeader=n;exports.Container=l;exports.HeaderWrapper=i;exports.RecommendWrapper=d;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/variable-picker-v3/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","sources":["../../../../src/components/variable-picker-v3/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const HeaderWrapper = styled.div<{ openDefault?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) =>\n\t\tprops.openDefault ? '12px 16px' : '12px 16px 0px 16px'};\n\tbackground-color: ${COLORS.surface.subdued};\n\tjustify-content: space-between;\n\tborder-top-right-radius: 8px;\n\tborder-top-left-radius: 8px;\n`;\n\nexport const RecommendWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: 12px 16px;\n\tbackground-color: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const BackHeader = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 32px;\n\tbackground-color: ${COLORS.background.base};\n`;\n\nexport const Container = styled.div<{ height: string }>`\n\tmargin: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\theight: ${(props) => props.height};\n\toverflow: scroll;\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: #e0e0e0 !important;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n"],"names":["HeaderWrapper","styled","props","COLORS","RecommendWrapper","BackHeader","Container"],"mappings":"~~2JAGaA~~,EAAgBC,~~EAAO~~;AAAA;AAAA;AAAA,YAGvBC,GACXA,EAAM,YAAc,YAAc,oBAAoB;AAAA,qBACnCC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,EAM9BC,EAAmBH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKlBE,EAAAA,OAAO,QAAQ,OAAO;AAAA,4BACfA,EAAAA,OAAO,OAAO,OAAO;AAAA,EAGpCE,EAAaJ,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMZE,EAAAA,OAAO,WAAW,IAAI;AAAA,EAG9BG,EAAYL,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpBC,GAAUA,EAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"styles.js","sources":["../../../../src/components/variable-picker-v3/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const HeaderWrapper = styled.div<{ openDefault?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ${(props) =>\n\t\tprops.openDefault ? '12px 16px' : '12px 16px 0px 16px'};\n\tbackground-color: ${COLORS.surface.subdued};\n\tjustify-content: space-between;\n\tborder-top-right-radius: 8px;\n\tborder-top-left-radius: 8px;\n`;\n\nexport const RecommendWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: 12px 16px;\n\tbackground-color: ${COLORS.surface.subdued};\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const BackHeader = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 32px;\n\tbackground-color: ${COLORS.background.base};\n`;\n\nexport const Container = styled.div<{ height: string }>`\n\tmargin: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\theight: ${(props) => props.height};\n\toverflow: scroll;\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: #e0e0e0 !important;\n\t\tborder-radius: 8px;\n\t}\n\t&::-webkit-scrollbar {\n\t\theight: 5px;\n\t\tdisplay: block;\n\t\twidth: 8px;\n\t}\n\t&::-webkit-scrollbar-thumb:horizontal {\n\t\twidth: 8px;\n\t}\n`;\n"],"names":["HeaderWrapper","styled","props","COLORS","RecommendWrapper","BackHeader","Container"],"mappings":"0NAGaA,EAAgBC,EAAAA,QAAO;AAAA;AAAA;AAAA,YAGvBC,GACXA,EAAM,YAAc,YAAc,oBAAoB;AAAA,qBACnCC,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA,EAM9BC,EAAmBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKlBE,EAAAA,OAAO,QAAQ,OAAO;AAAA,4BACfA,EAAAA,OAAO,OAAO,OAAO;AAAA,EAGpCE,EAAaJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMZE,EAAAA,OAAO,WAAW,IAAI;AAAA,EAG9BG,EAAYL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpBC,GAAUA,EAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/vertical-full-screen-modal/styles.js CHANGED Viewed

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("../../constants/Theme.js"),t=o.div`
-	background-color: ${e.COLORS.surface.standard};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("../../constants/Theme.js"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=d(r),a=o.default.div`
+	background-color: ${t.COLORS.surface.standard};
 	border-radius: 0px;
 	padding: 0;
-	width: ${r=>r.width||"424px"};
+	width: ${e=>e.width||"424px"};
 	height: 100vh;
 	display: flex;
 	flex-direction: column;
-	border-left: 1px solid ${e.COLORS.stroke.primary};
-`,d=o.div`
+	border-left: 1px solid ${t.COLORS.stroke.primary};
+`,l=o.default.div`
 	padding: 16px 24px;
-	border-bottom: 1px solid ${e.COLORS.stroke.primary};
-	background-color: ${e.COLORS.surface.subdued};
+	border-bottom: 1px solid ${t.COLORS.stroke.primary};
+	background-color: ${t.COLORS.surface.subdued};
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	flex-shrink: 0;
 	height: 60px;
-`,a=o.div`
+`,i=o.default.div`
 	padding: 16px;
-	background-color: ${e.COLORS.surface.standard};
+	background-color: ${t.COLORS.surface.standard};
 	flex: 1;
 	overflow-x: hidden;
 	overflow-y: auto;
@@ -30,17 +30,17 @@
 	&::-webkit-scrollbar {
 		display: none;
 	}
-`,i=o.div`
+`,n=o.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 16px;
 	justify-content: flex-end;
-	background: ${e.COLORS.surface.standard};
+	background: ${t.COLORS.surface.standard};
 	height: 56px;
-	border-top: 1px solid #${e.COLORS.stroke.primary};
+	border-top: 1px solid #${t.COLORS.stroke.primary};
 	align-items: center;
 	padding: 0 24px;
 	flex-shrink: 0;
-	gap: ${r=>r.addGap?"16px":"0px"};
-`;exports.VerticalModalContainer=t;exports.VerticalModalContent=a;exports.VerticalModalFooter=i;exports.VerticalModalHeader=d;
+	gap: ${e=>e.addGap?"16px":"0px"};
+`;exports.VerticalModalContainer=a;exports.VerticalModalContent=i;exports.VerticalModalFooter=n;exports.VerticalModalHeader=l;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/vertical-full-screen-modal/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","sources":["../../../../src/components/vertical-full-screen-modal/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const VerticalModalContainer = styled.div<{ width?: string }>`\n\tbackground-color: ${COLORS.surface.standard};\n\tborder-radius: 0px;\n\tpadding: 0;\n\twidth: ${(props) => props.width \|\| '424px'};\n\theight: 100vh;\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const VerticalModalHeader = styled.div`\n\tpadding: 16px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tbackground-color: ${COLORS.surface.subdued};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n\theight: 60px;\n`;\n\nexport const VerticalModalContent = styled.div`\n\tpadding: 16px;\n\tbackground-color: ${COLORS.surface.standard};\n\tflex: 1;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tdisplay: flex;\n\tflex-direction: column;\n\tscrollbar-width: none;\n\t-ms-overflow-style: none;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const VerticalModalFooter = styled.div<{ addGap?: boolean }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 16px;\n\tjustify-content: flex-end;\n\tbackground: ${COLORS.surface.standard};\n\theight: 56px;\n\tborder-top: 1px solid #${COLORS.stroke.primary};\n\talign-items: center;\n\tpadding: 0 24px;\n\tflex-shrink: 0;\n\tgap: ${(props) => (props.addGap ? '16px' : '0px')};\n`;\n"],"names":["VerticalModalContainer","styled","COLORS","props","VerticalModalHeader","VerticalModalContent","VerticalModalFooter"],"mappings":"~~2JAGaA~~,EAAyBC,~~EAAO~~;AAAA,qBACxBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,UAGjCC,GAAUA,EAAM,OAAS,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIjBD,EAAAA,OAAO,OAAO,OAAO;AAAA,EAGlCE,EAAsBH,~~EAAO~~;AAAA;AAAA,4BAEdC,EAAAA,OAAO,OAAO,OAAO;AAAA,qBAC5BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ9BG,EAAuBJ,~~EAAO~~;AAAA;AAAA,qBAEtBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc/BI,EAAsBL,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,eAK3BC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,0BAEZA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,QAItCC,GAAWA,EAAM,OAAS,OAAS,KAAM;AAAA"}
1	+ {"version":3,"file":"styles.js","sources":["../../../../src/components/vertical-full-screen-modal/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const VerticalModalContainer = styled.div<{ width?: string }>`\n\tbackground-color: ${COLORS.surface.standard};\n\tborder-radius: 0px;\n\tpadding: 0;\n\twidth: ${(props) => props.width \|\| '424px'};\n\theight: 100vh;\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-left: 1px solid ${COLORS.stroke.primary};\n`;\n\nexport const VerticalModalHeader = styled.div`\n\tpadding: 16px 24px;\n\tborder-bottom: 1px solid ${COLORS.stroke.primary};\n\tbackground-color: ${COLORS.surface.subdued};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-shrink: 0;\n\theight: 60px;\n`;\n\nexport const VerticalModalContent = styled.div`\n\tpadding: 16px;\n\tbackground-color: ${COLORS.surface.standard};\n\tflex: 1;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tdisplay: flex;\n\tflex-direction: column;\n\tscrollbar-width: none;\n\t-ms-overflow-style: none;\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const VerticalModalFooter = styled.div<{ addGap?: boolean }>`\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 16px;\n\tjustify-content: flex-end;\n\tbackground: ${COLORS.surface.standard};\n\theight: 56px;\n\tborder-top: 1px solid #${COLORS.stroke.primary};\n\talign-items: center;\n\tpadding: 0 24px;\n\tflex-shrink: 0;\n\tgap: ${(props) => (props.addGap ? '16px' : '0px')};\n`;\n"],"names":["VerticalModalContainer","styled","COLORS","props","VerticalModalHeader","VerticalModalContent","VerticalModalFooter"],"mappings":"0NAGaA,EAAyBC,EAAAA,QAAO;AAAA,qBACxBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA,UAGjCC,GAAUA,EAAM,OAAS,OAAO;AAAA;AAAA;AAAA;AAAA,0BAIjBD,EAAAA,OAAO,OAAO,OAAO;AAAA,EAGlCE,EAAsBH,EAAAA,QAAO;AAAA;AAAA,4BAEdC,EAAAA,OAAO,OAAO,OAAO;AAAA,qBAC5BA,EAAAA,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ9BG,EAAuBJ,EAAAA,QAAO;AAAA;AAAA,qBAEtBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc/BI,EAAsBL,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,eAK3BC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,0BAEZA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,QAItCC,GAAWA,EAAM,OAAS,OAAS,KAAM;AAAA"}

package/dist/cjs/components/whats-new/WhatsNew.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=require("../../constants/Theme.js"),i=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=a(i),r=n.default.div`
 	cursor: pointer;
 	position: relative;
@@ -12,11 +12,11 @@
 	}
 	.icon-active {
-		background: ${e.COLORS.background.brandLight};
+		background: ${t.COLORS.background.brandLight};
 	}
 	.main-icon-class:hover {
-		background: ${e.COLORS.background.base};
+		background: ${t.COLORS.background.base};
 	}
 	.notification--count {
@@ -27,8 +27,8 @@
 		border-radius: 50%;
 		width: 14px;
 		height: 14px;
-		background: ${e.COLORS.background.negative.vibrant};
-		border: 1.25px solid ${e.COLORS.surface.standard};
+		background: ${t.COLORS.background.negative.vibrant};
+		border: 1.25px solid ${t.COLORS.surface.standard};
 		display: flex;
 		justify-content: center;
 		align-items: center;
@@ -38,9 +38,9 @@
 		font-size: 8px;
 		line-height: 7.2px;
 		font-weight: 400;
-		color: ${e.COLORS.surface.standard};
+		color: ${t.COLORS.surface.standard};
 	}
-`,r=t.div`
+`,o=n.default.div`
 	overflow-y: auto;
 	display: flex;
 	flex-direction: column;
@@ -53,7 +53,7 @@
 	}
 	::-webkit-scrollbar-thumb {
-		background: ${e.COLORS.content.inactive};
+		background: ${t.COLORS.content.inactive};
 		border-radius: 3px;
 		min-height: 30px;
 	}
@@ -65,7 +65,7 @@
 		width: 64px;
 		height: 64px;
 		border-radius: 50%;
-		background: ${e.COLORS.background.base};
+		background: ${t.COLORS.background.base};
 		margin-bottom: 16px;
 	}
@@ -135,7 +135,7 @@
 		max-height: 200px;
 		overflow-y: auto;
 		font-size: 12px;
-		color: ${e.COLORS.content.secondary};
+		color: ${t.COLORS.content.secondary};
 		p {
 			margin-bottom: 0px;
@@ -151,20 +151,20 @@
 		padding: 2px 6px;
 		gap: 4px;
 		border-radius: 14px;
-		background: ${e.COLORS.background.warning.vibrant};
+		background: ${t.COLORS.background.warning.vibrant};
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		margin-right: 8px;
 	}
-`,a=t.div`
+`,d=n.default.div`
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`,o=t.div`
-	background: ${e.COLORS.surface.standard};
+`,c=n.default.div`
+	background: ${t.COLORS.surface.standard};
 	border-radius: 8px;
-	border: 1px solid ${e.COLORS.stroke.primary};
+	border: 1px solid ${t.COLORS.stroke.primary};
 	padding: 16px;
 	display: flex;
 	flex-direction: column;
@@ -174,13 +174,13 @@
 	&:hover {
 		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 	}
-`,d=t.div`
-	background-image: url(${n=>n.imageUrl});
+`,p=n.default.div`
+	background-image: url(${e=>e.imageUrl});
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
-	height: ${n=>n.height||"200px"};
-	width: ${n=>n.width||"100%"};
+	height: ${e=>e.height||"200px"};
+	width: ${e=>e.width||"100%"};
 	border-radius: 4px;
-`;exports.BackgroundImageContainer=d;exports.MainCardContainer=o;exports.MainContainer=a;exports.WhatsNewIconContainer=i;exports.WhatsNewWrapper=r;
+`;exports.BackgroundImageContainer=p;exports.MainCardContainer=c;exports.MainContainer=d;exports.WhatsNewIconContainer=r;exports.WhatsNewWrapper=o;
 //# sourceMappingURL=WhatsNew.styles.js.map

package/dist/cjs/components/whats-new/WhatsNew.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsNew.styles.js","sources":["../../../../src/components/whats-new/WhatsNew.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\n\nexport const WhatsNewIconContainer = styled.div<{ count?: number }>`\n\tcursor: pointer;\n\tposition: relative;\n\n\t.main-icon-class {\n\t\tpadding: 6px;\n\t\tborder-radius: 32px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\ttransition: background-color 0.2s ease;\n\t}\n\n\t.icon-active {\n\t\tbackground: ${COLORS.background.brandLight};\n\t}\n\n\t.main-icon-class:hover {\n\t\tbackground: ${COLORS.background.base};\n\t}\n\n\t.notification--count {\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tright: 6px;\n\t\ttop: 4px;\n\t\tborder-radius: 50%;\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tbackground: ${COLORS.background.negative.vibrant};\n\t\tborder: 1.25px solid ${COLORS.surface.standard};\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.count--text {\n\t\tfont-size: 8px;\n\t\tline-height: 7.2px;\n\t\tfont-weight: 400;\n\t\tcolor: ${COLORS.surface.standard};\n\t}\n`;\n\nexport const WhatsNewWrapper = styled.div`\n\toverflow-y: auto;\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tmax-height: calc(100vh - 60px);\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: block;\n\t\twidth: 6px;\n\t}\n\n\t::-webkit-scrollbar-thumb {\n\t\tbackground: ${COLORS.content.inactive};\n\t\tborder-radius: 3px;\n\t\tmin-height: 30px;\n\t}\n\n\t.icon--wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tborder-radius: 50%;\n\t\tbackground: ${COLORS.background.base};\n\t\tmargin-bottom: 16px;\n\t}\n\n\t.no--data--found {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\theight: 300px;\n\t\ttext-align: center;\n\t\tpadding: 24px;\n\t}\n\n\t.text--align {\n\t\ttext-align: center;\n\t}\n\n\t.scroller {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 16px;\n\t\tpadding: 16px 0;\n\t}\n\n\t.full--width {\n\t\twidth: 100%;\n\t}\n\n\t.flex {\n\t\tdisplay: flex;\n\t}\n\n\t.flex--row {\n\t\tflex-direction: row;\n\t}\n\n\t.flex--column {\n\t\tflex-direction: column;\n\t}\n\n\t.mt-8 {\n\t\tmargin-top: 8px;\n\t}\n\n\t.mt-20 {\n\t\tmargin-top: 20px;\n\t}\n\n\t.mt--8 {\n\t\tmargin-top: 8px;\n\t}\n\n\t.mt--12 {\n\t\tmargin-top: 12px;\n\t}\n\n\t.mb-mt-8 {\n\t\tmargin-bottom: 8px;\n\t\tmargin-top: 8px;\n\t}\n\n\t.padding--16 {\n\t\tpadding: 16px;\n\t}\n\n\t.card--desc {\n\t\tmax-height: 200px;\n\t\toverflow-y: auto;\n\t\tfont-size: 12px;\n\t\tcolor: ${COLORS.content.secondary};\n\n\t\tp {\n\t\t\tmargin-bottom: 0px;\n\t\t}\n\t}\n\n\t.created--at {\n\t\talign-items: center;\n\t\tgap: 4px;\n\t}\n\n\t.new--content--tag {\n\t\tpadding: 2px 6px;\n\t\tgap: 4px;\n\t\tborder-radius: 14px;\n\t\tbackground: ${COLORS.background.warning.vibrant};\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tmargin-right: 8px;\n\t}\n`;\n\nexport const MainContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nexport const MainCardContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder-radius: 8px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n\t}\n`;\n\nexport const BackgroundImageContainer = styled.div<{\n\timageUrl: string;\n\theight?: string;\n\twidth?: string;\n}>`\n\tbackground-image: url(${(props) => props.imageUrl});\n\tbackground-size: cover;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\theight: ${(props) => props.height \|\| '200px'};\n\twidth: ${(props) => props.width \|\| '100%'};\n\tborder-radius: 4px;\n`;\n"],"names":["WhatsNewIconContainer","styled","COLORS","WhatsNewWrapper","MainContainer","MainCardContainer","BackgroundImageContainer","props"],"mappings":"~~2JAGaA~~,EAAwBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAc5BC,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,gBAI5BA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWtBA,SAAO,WAAW,SAAS,OAAO;AAAA,yBACzBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUrCA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EAIrBC,EAAkBF,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAatBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYvBA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAsE3BA,EAAAA,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAgBnBA,SAAO,WAAW,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpCE,EAAgBH,~~EAAO~~;AAAA;AAAA;AAAA;AAAA,EAMvBI,EAAoBJ,~~EAAO~~;AAAA,eACzBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,qBAEjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY7BI,EAA2BL,~~EAAO~~;AAAA,yBAKrBM,GAAUA,EAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,WAItCA,GAAUA,EAAM,QAAU,OAAO;AAAA,UAClCA,GAAUA,EAAM,OAAS,MAAM;AAAA;AAAA"}
1	+ {"version":3,"file":"WhatsNew.styles.js","sources":["../../../../src/components/whats-new/WhatsNew.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\n\nexport const WhatsNewIconContainer = styled.div<{ count?: number }>`\n\tcursor: pointer;\n\tposition: relative;\n\n\t.main-icon-class {\n\t\tpadding: 6px;\n\t\tborder-radius: 32px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\ttransition: background-color 0.2s ease;\n\t}\n\n\t.icon-active {\n\t\tbackground: ${COLORS.background.brandLight};\n\t}\n\n\t.main-icon-class:hover {\n\t\tbackground: ${COLORS.background.base};\n\t}\n\n\t.notification--count {\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tright: 6px;\n\t\ttop: 4px;\n\t\tborder-radius: 50%;\n\t\twidth: 14px;\n\t\theight: 14px;\n\t\tbackground: ${COLORS.background.negative.vibrant};\n\t\tborder: 1.25px solid ${COLORS.surface.standard};\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.count--text {\n\t\tfont-size: 8px;\n\t\tline-height: 7.2px;\n\t\tfont-weight: 400;\n\t\tcolor: ${COLORS.surface.standard};\n\t}\n`;\n\nexport const WhatsNewWrapper = styled.div`\n\toverflow-y: auto;\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tmax-height: calc(100vh - 60px);\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: block;\n\t\twidth: 6px;\n\t}\n\n\t::-webkit-scrollbar-thumb {\n\t\tbackground: ${COLORS.content.inactive};\n\t\tborder-radius: 3px;\n\t\tmin-height: 30px;\n\t}\n\n\t.icon--wrapper {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 64px;\n\t\theight: 64px;\n\t\tborder-radius: 50%;\n\t\tbackground: ${COLORS.background.base};\n\t\tmargin-bottom: 16px;\n\t}\n\n\t.no--data--found {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\theight: 300px;\n\t\ttext-align: center;\n\t\tpadding: 24px;\n\t}\n\n\t.text--align {\n\t\ttext-align: center;\n\t}\n\n\t.scroller {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 16px;\n\t\tpadding: 16px 0;\n\t}\n\n\t.full--width {\n\t\twidth: 100%;\n\t}\n\n\t.flex {\n\t\tdisplay: flex;\n\t}\n\n\t.flex--row {\n\t\tflex-direction: row;\n\t}\n\n\t.flex--column {\n\t\tflex-direction: column;\n\t}\n\n\t.mt-8 {\n\t\tmargin-top: 8px;\n\t}\n\n\t.mt-20 {\n\t\tmargin-top: 20px;\n\t}\n\n\t.mt--8 {\n\t\tmargin-top: 8px;\n\t}\n\n\t.mt--12 {\n\t\tmargin-top: 12px;\n\t}\n\n\t.mb-mt-8 {\n\t\tmargin-bottom: 8px;\n\t\tmargin-top: 8px;\n\t}\n\n\t.padding--16 {\n\t\tpadding: 16px;\n\t}\n\n\t.card--desc {\n\t\tmax-height: 200px;\n\t\toverflow-y: auto;\n\t\tfont-size: 12px;\n\t\tcolor: ${COLORS.content.secondary};\n\n\t\tp {\n\t\t\tmargin-bottom: 0px;\n\t\t}\n\t}\n\n\t.created--at {\n\t\talign-items: center;\n\t\tgap: 4px;\n\t}\n\n\t.new--content--tag {\n\t\tpadding: 2px 6px;\n\t\tgap: 4px;\n\t\tborder-radius: 14px;\n\t\tbackground: ${COLORS.background.warning.vibrant};\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tmargin-right: 8px;\n\t}\n`;\n\nexport const MainContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n`;\n\nexport const MainCardContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder-radius: 8px;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n\t}\n`;\n\nexport const BackgroundImageContainer = styled.div<{\n\timageUrl: string;\n\theight?: string;\n\twidth?: string;\n}>`\n\tbackground-image: url(${(props) => props.imageUrl});\n\tbackground-size: cover;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\theight: ${(props) => props.height \|\| '200px'};\n\twidth: ${(props) => props.width \|\| '100%'};\n\tborder-radius: 4px;\n`;\n"],"names":["WhatsNewIconContainer","styled","COLORS","WhatsNewWrapper","MainContainer","MainCardContainer","BackgroundImageContainer","props"],"mappings":"0NAGaA,EAAwBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAc5BC,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA,gBAI5BA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWtBA,SAAO,WAAW,SAAS,OAAO;AAAA,yBACzBA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUrCA,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,EAIrBC,EAAkBF,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAatBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAYvBA,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAsE3BA,EAAAA,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAgBnBA,SAAO,WAAW,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpCE,EAAgBH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMvBI,EAAoBJ,EAAAA,QAAO;AAAA,eACzBC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA,qBAEjBA,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY7BI,EAA2BL,EAAAA,QAAO;AAAA,yBAKrBM,GAAUA,EAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,WAItCA,GAAUA,EAAM,QAAU,OAAO;AAAA,UAClCA,GAAUA,EAAM,OAAS,MAAM;AAAA;AAAA"}

package/dist/cjs/components/zeroState/ZeroState.js CHANGED Viewed

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("styled-components"),o=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),y=require("../../assets/icons/alert.svg.js"),h=require("../spinner/Spinner.js"),p=require("../button/Button.js"),g=a.div`
-	background: ${t.COLORS.surface.standard};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("styled-components"),i=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),f=require("../../assets/icons/alert.svg.js"),p=require("../spinner/Spinner.js"),h=require("../button/Button.js"),g=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=g(x),S=a.default.div`
+	background: ${n.COLORS.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
 	gap: 6px;
-`,S=a.div`
-	background: ${t.COLORS.background.base};
+`,j=a.default.div`
+	background: ${n.COLORS.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -15,5 +15,5 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`,f=({subTitle:l,title:d,IconHolderStyle:u,style:x,isLoading:r,containerWidth:c,...n})=>{let s=o.TitleRegular;const i=c?parseFloat(c):0;return i&&!isNaN(i)&&i<=150&&(s=o.TitleSmall),e.jsxs(g,{style:x??{},children:[r?e.jsx(h.Spinner,{size:"large",color:t.COLORS.stroke.brand}):e.jsx(S,{style:u??{},children:n?.Icon||e.jsx(y.default,{color:t.COLORS.content.placeholder,height:24,width:24})}),e.jsx(s,{style:{color:t.COLORS.content.primary},children:r?"Loading...":d||"No results found"}),!!l&&!r&&e.jsx(o.BodyCaption,{style:{color:t.COLORS.content.secondary,textAlign:"center",maxWidth:184},children:l}),!!n?.actionButton&&e.jsx("div",{style:n?.buttonWidth?{width:n?.buttonWidth,display:"flex"}:{},children:e.jsx(p.Button,{...n?.actionButton})})]})};exports.ZeroState=f;
+`,O=({subTitle:t,title:d,IconHolderStyle:u,style:y,isLoading:r,containerWidth:c,...o})=>{let s=i.TitleRegular;const l=c?parseFloat(c):0;return l&&!isNaN(l)&&l<=150&&(s=i.TitleSmall),e.jsxs(S,{style:y??{},children:[r?e.jsx(p.Spinner,{size:"large",color:n.COLORS.stroke.brand}):e.jsx(j,{style:u??{},children:o?.Icon||e.jsx(f.default,{color:n.COLORS.content.placeholder,height:24,width:24})}),e.jsx(s,{style:{color:n.COLORS.content.primary},children:r?"Loading...":d||"No results found"}),!!t&&!r&&e.jsx(i.BodyCaption,{style:{color:n.COLORS.content.secondary,textAlign:"center",maxWidth:184},children:t}),!!o?.actionButton&&e.jsx("div",{style:o?.buttonWidth?{width:o?.buttonWidth,display:"flex"}:{},children:e.jsx(h.Button,{...o?.actionButton})})]})};exports.ZeroState=O;
 //# sourceMappingURL=ZeroState.js.map

package/dist/cjs/components/zeroState/ZeroState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ZeroState.js","sources":["../../../../src/components/zeroState/ZeroState.tsx"],"sourcesContent":["// import SearchIcon from '@bik-icons/search.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport {\n\tBodyCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertIcon from '../../assets/icons/alert.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n\tgap: 6px;\n`;\n\nconst IconHolder = styled.div`\n\tbackground: ${COLORS.background.base};\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n`;\n\nexport const ZeroState: React.FC<{\n\tisLoading?: boolean;\n\ttitle: string;\n\tsubTitle?: string;\n\tIconHolderStyle?: React.CSSProperties;\n\tstyle?: React.CSSProperties /** now this component is extendable through styled-component */;\n\tactionButton?: ButtonProps;\n\tbuttonWidth?: number;\n\tIcon?: React.ReactNode;\n\tcontainerWidth?: string;\n}> = ({\n\tsubTitle,\n\ttitle,\n\tIconHolderStyle,\n\tstyle,\n\tisLoading,\n\tcontainerWidth,\n\t...otherProps\n}) => {\n\tlet TitleTypography = TitleRegular;\n\tconst numericWidth = containerWidth ? parseFloat(containerWidth) : 0;\n\n\tif (numericWidth && !isNaN(numericWidth) && numericWidth <= 150) {\n\t\tTitleTypography = TitleSmall;\n\t}\n\treturn (\n\t\t<Container style={style ?? {}}>\n\t\t\t{isLoading ? (\n\t\t\t\t<Spinner size={'large'} color={COLORS.stroke.brand} />\n\t\t\t) : (\n\t\t\t\t<IconHolder style={IconHolderStyle ?? {}}>\n\t\t\t\t\t{otherProps?.Icon \|\| (\n\t\t\t\t\t\t<AlertIcon\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</IconHolder>\n\t\t\t)}\n\n\t\t\t<TitleTypography\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isLoading ? 'Loading...' : title \|\| 'No results found'}\n\t\t\t</TitleTypography>\n\t\t\t{!!subTitle && !isLoading && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\tmaxWidth: 184,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{subTitle}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t\t{!!otherProps?.actionButton && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={\n\t\t\t\t\t\totherProps?.buttonWidth\n\t\t\t\t\t\t\t? { width: otherProps?.buttonWidth, display: 'flex' }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Button {...otherProps?.actionButton} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","COLORS","IconHolder","ZeroState","subTitle","title","IconHolderStyle","style","isLoading","containerWidth","otherProps","TitleTypography","TitleRegular","numericWidth","TitleSmall","jsxs","Spinner","jsx","AlertIcon","BodyCaption","Button"],"mappings":"~~8UAcMA~~,EAAYC,~~EAAO~~;AAAA,eACVC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShCC,EAAaF,~~EAAO~~;AAAA,eACXC,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUxBE,EAUR,CAAC,CACL,SAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,UAAAC,EACA,eAAAC,EACA,GAAGC,CACJ,IAAM,CACL,IAAIC,EAAkBC,EAAAA,aACtB,MAAMC,EAAeJ,EAAiB,WAAWA,CAAc,EAAI,EAEnE,OAAII,GAAgB,CAAC,MAAMA,CAAY,GAAKA,GAAgB,MAC3DF,EAAkBG,EAAAA,YAGlBC,EAAAA,KAAChB,EAAA,CAAU,MAAOQ,GAAS,CAAA,EACzB,SAAA,CAAAC,QACCQ,EAAAA,QAAA,CAAQ,KAAM,QAAS,MAAOf,SAAO,OAAO,KAAA,CAAO,EAEpDgB,MAACf,GAAW,MAAOI,GAAmB,CAAA,EACpC,YAAY,MACZW,EAAAA,IAACC,EAAAA,QAAA,CACA,MAAOjB,EAAAA,OAAO,QAAQ,YACtB,OAAQ,GACR,MAAO,EAAA,CAAA,EAGV,EAGDgB,EAAAA,IAACN,EAAA,CACA,MAAO,CACN,MAAOV,EAAAA,OAAO,QAAQ,OAAA,EAGtB,SAAAO,EAAY,aAAeH,GAAS,kBAAA,CAAA,EAErC,CAAC,CAACD,GAAY,CAACI,GACfS,EAAAA,IAACE,EAAAA,YAAA,CACA,MAAO,CACN,MAAOlB,EAAAA,OAAO,QAAQ,UACtB,UAAW,SACX,SAAU,GAAA,EAGV,SAAAG,CAAA,CAAA,EAGF,CAAC,CAACM,GAAY,cACdO,EAAAA,IAAC,MAAA,CACA,MACCP,GAAY,YACT,CAAE,MAAOA,GAAY,YAAa,QAAS,MAAA,EAC3C,CAAA,EAGJ,SAAAO,EAAAA,IAACG,EAAAA,OAAA,CAAQ,GAAGV,GAAY,YAAA,CAAc,CAAA,CAAA,CACvC,EAEF,CAEF"}
1	+ {"version":3,"file":"ZeroState.js","sources":["../../../../src/components/zeroState/ZeroState.tsx"],"sourcesContent":["// import SearchIcon from '@bik-icons/search.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport {\n\tBodyCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertIcon from '../../assets/icons/alert.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n\tgap: 6px;\n`;\n\nconst IconHolder = styled.div`\n\tbackground: ${COLORS.background.base};\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n`;\n\nexport const ZeroState: React.FC<{\n\tisLoading?: boolean;\n\ttitle: string;\n\tsubTitle?: string;\n\tIconHolderStyle?: React.CSSProperties;\n\tstyle?: React.CSSProperties /** now this component is extendable through styled-component */;\n\tactionButton?: ButtonProps;\n\tbuttonWidth?: number;\n\tIcon?: React.ReactNode;\n\tcontainerWidth?: string;\n}> = ({\n\tsubTitle,\n\ttitle,\n\tIconHolderStyle,\n\tstyle,\n\tisLoading,\n\tcontainerWidth,\n\t...otherProps\n}) => {\n\tlet TitleTypography = TitleRegular;\n\tconst numericWidth = containerWidth ? parseFloat(containerWidth) : 0;\n\n\tif (numericWidth && !isNaN(numericWidth) && numericWidth <= 150) {\n\t\tTitleTypography = TitleSmall;\n\t}\n\treturn (\n\t\t<Container style={style ?? {}}>\n\t\t\t{isLoading ? (\n\t\t\t\t<Spinner size={'large'} color={COLORS.stroke.brand} />\n\t\t\t) : (\n\t\t\t\t<IconHolder style={IconHolderStyle ?? {}}>\n\t\t\t\t\t{otherProps?.Icon \|\| (\n\t\t\t\t\t\t<AlertIcon\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</IconHolder>\n\t\t\t)}\n\n\t\t\t<TitleTypography\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isLoading ? 'Loading...' : title \|\| 'No results found'}\n\t\t\t</TitleTypography>\n\t\t\t{!!subTitle && !isLoading && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\tmaxWidth: 184,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{subTitle}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t\t{!!otherProps?.actionButton && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={\n\t\t\t\t\t\totherProps?.buttonWidth\n\t\t\t\t\t\t\t? { width: otherProps?.buttonWidth, display: 'flex' }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Button {...otherProps?.actionButton} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","COLORS","IconHolder","ZeroState","subTitle","title","IconHolderStyle","style","isLoading","containerWidth","otherProps","TitleTypography","TitleRegular","numericWidth","TitleSmall","jsxs","Spinner","jsx","AlertIcon","BodyCaption","Button"],"mappings":"6YAcMA,EAAYC,EAAAA,QAAO;AAAA,eACVC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShCC,EAAaF,EAAAA,QAAO;AAAA,eACXC,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUxBE,EAUR,CAAC,CACL,SAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,UAAAC,EACA,eAAAC,EACA,GAAGC,CACJ,IAAM,CACL,IAAIC,EAAkBC,EAAAA,aACtB,MAAMC,EAAeJ,EAAiB,WAAWA,CAAc,EAAI,EAEnE,OAAII,GAAgB,CAAC,MAAMA,CAAY,GAAKA,GAAgB,MAC3DF,EAAkBG,EAAAA,YAGlBC,EAAAA,KAAChB,EAAA,CAAU,MAAOQ,GAAS,CAAA,EACzB,SAAA,CAAAC,QACCQ,EAAAA,QAAA,CAAQ,KAAM,QAAS,MAAOf,SAAO,OAAO,KAAA,CAAO,EAEpDgB,MAACf,GAAW,MAAOI,GAAmB,CAAA,EACpC,YAAY,MACZW,EAAAA,IAACC,EAAAA,QAAA,CACA,MAAOjB,EAAAA,OAAO,QAAQ,YACtB,OAAQ,GACR,MAAO,EAAA,CAAA,EAGV,EAGDgB,EAAAA,IAACN,EAAA,CACA,MAAO,CACN,MAAOV,EAAAA,OAAO,QAAQ,OAAA,EAGtB,SAAAO,EAAY,aAAeH,GAAS,kBAAA,CAAA,EAErC,CAAC,CAACD,GAAY,CAACI,GACfS,EAAAA,IAACE,EAAAA,YAAA,CACA,MAAO,CACN,MAAOlB,EAAAA,OAAO,QAAQ,UACtB,UAAW,SACX,SAAU,GAAA,EAGV,SAAAG,CAAA,CAAA,EAGF,CAAC,CAACM,GAAY,cACdO,EAAAA,IAAC,MAAA,CACA,MACCP,GAAY,YACT,CAAE,MAAOA,GAAY,YAAa,QAAS,MAAA,EAC3C,CAAA,EAGJ,SAAAO,EAAAA,IAACG,EAAAA,OAAA,CAAQ,GAAGV,GAAY,YAAA,CAAc,CAAA,CAAA,CACvC,EAEF,CAEF"}

package/dist/cjs/editor/BikEditor.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../constants/Theme.js"),r=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../constants/Theme.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=a(i),o=r.default.div`
 	position: relative;
 	width: 100%;
@@ -67,5 +67,5 @@
 			text-decoration-color: #6366f1;
 		}
 	}
-`;exports.BikEditorShell=r;
+`;exports.BikEditorShell=o;
 //# sourceMappingURL=BikEditor.styles.js.map

package/dist/cjs/editor/BikEditor.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BikEditor.styles.js","sources":["../../../src/editor/BikEditor.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../constants/Theme';\n\nexport const BikEditorShell = styled.div<{\n\tminHeight?: string;\n\tmaxHeight?: string;\n\ttightParagraphs?: boolean;\n}>`\n\tposition: relative;\n\twidth: 100%;\n\n\t.ProseMirror {\n\t\tmin-height: ${({ minHeight }) => minHeight ?? '80px'};\n\t\tmax-height: ${({ maxHeight }) => maxHeight ?? 'none'};\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t\tpadding: 8px 12px;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tword-break: break-word;\n\n\t\t/* Paragraph spacing.\n\t\t Email/signature (rich): paragraphs carry the browser-default 1em block\n\t\t margin — the SAME spacing the sent HTML gets (we emit plain <p>, which\n\t\t renders against the default <p> margin in Gmail and our email viewer),\n\t\t so editor view == emitted HTML == Gmail. A single Enter = a new\n\t\t paragraph with a visible gap, like pasted Gmail/ChatGPT/Docs content.\n\t\t Other channels (WhatsApp/IG/FB/comments) are plain-text messaging, with\n\t\t no paragraph-gap concept — paragraphs are tight (margin:0) regardless of\n\t\t typed vs pasted. (A margin:0 attr still overrides to tight either way.) */\n\t\tp {\n\t\t\tmargin: ${({ tightParagraphs }) => (tightParagraphs ? '0' : '1em 0')};\n\t\t\tpadding: 0;\n\t\t}\n\n\t\tul,\n\t\tol {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 1.5em;\n\t\t}\n\n\t\tli + li {\n\t\t\tmargin-top: 2px;\n\t\t}\n\n\t\tp.is-editor-empty:first-child::before {\n\t\t\tcontent: attr(data-placeholder);\n\t\t\tfloat: left;\n\t\t\tcolor: #adb5bd;\n\t\t\tpointer-events: none;\n\t\t\theight: 0;\n\t\t}\n\t}\n\n\t.bik-mention {\n\t\tcolor: ${COLORS.content.brand};\n\t\tpadding: 1px 4px;\n\t}\n\t.bik-mention--team {\n\t\tcolor: ${COLORS.content.brand};\n\t}\n\t.bik-variable {\n\t}\n\n\ta,\n\t.bik-link {\n\t\tcolor: #4f46e5;\n\t\ttext-decoration: underline;\n\t\ttext-decoration-color: #a5b4fc;\n\t\ttext-underline-offset: 2px;\n\t\tcursor: pointer;\n\t\t&:hover {\n\t\t\tcolor: #3730a3;\n\t\t\ttext-decoration-color: #6366f1;\n\t\t}\n\t}\n`;\n"],"names":["BikEditorShell","styled","minHeight","maxHeight","tightParagraphs","COLORS"],"mappings":"~~wJAGaA~~,EAAiBC,~~EAAO~~;AAAA;AAAA;AAAA;AAAA;AAAA,gBASrB,CAAC,CAAE,UAAAC,KAAgBA,GAAa,MAAM;AAAA,gBACtC,CAAC,CAAE,UAAAC,KAAgBA,GAAa,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAkBzC,CAAC,CAAE,gBAAAC,CAAA,IAAuBA,EAAkB,IAAM,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAwB5DC,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,WAIpBA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"BikEditor.styles.js","sources":["../../../src/editor/BikEditor.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../constants/Theme';\n\nexport const BikEditorShell = styled.div<{\n\tminHeight?: string;\n\tmaxHeight?: string;\n\ttightParagraphs?: boolean;\n}>`\n\tposition: relative;\n\twidth: 100%;\n\n\t.ProseMirror {\n\t\tmin-height: ${({ minHeight }) => minHeight ?? '80px'};\n\t\tmax-height: ${({ maxHeight }) => maxHeight ?? 'none'};\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t\tpadding: 8px 12px;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tword-break: break-word;\n\n\t\t/* Paragraph spacing.\n\t\t Email/signature (rich): paragraphs carry the browser-default 1em block\n\t\t margin — the SAME spacing the sent HTML gets (we emit plain <p>, which\n\t\t renders against the default <p> margin in Gmail and our email viewer),\n\t\t so editor view == emitted HTML == Gmail. A single Enter = a new\n\t\t paragraph with a visible gap, like pasted Gmail/ChatGPT/Docs content.\n\t\t Other channels (WhatsApp/IG/FB/comments) are plain-text messaging, with\n\t\t no paragraph-gap concept — paragraphs are tight (margin:0) regardless of\n\t\t typed vs pasted. (A margin:0 attr still overrides to tight either way.) */\n\t\tp {\n\t\t\tmargin: ${({ tightParagraphs }) => (tightParagraphs ? '0' : '1em 0')};\n\t\t\tpadding: 0;\n\t\t}\n\n\t\tul,\n\t\tol {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 1.5em;\n\t\t}\n\n\t\tli + li {\n\t\t\tmargin-top: 2px;\n\t\t}\n\n\t\tp.is-editor-empty:first-child::before {\n\t\t\tcontent: attr(data-placeholder);\n\t\t\tfloat: left;\n\t\t\tcolor: #adb5bd;\n\t\t\tpointer-events: none;\n\t\t\theight: 0;\n\t\t}\n\t}\n\n\t.bik-mention {\n\t\tcolor: ${COLORS.content.brand};\n\t\tpadding: 1px 4px;\n\t}\n\t.bik-mention--team {\n\t\tcolor: ${COLORS.content.brand};\n\t}\n\t.bik-variable {\n\t}\n\n\ta,\n\t.bik-link {\n\t\tcolor: #4f46e5;\n\t\ttext-decoration: underline;\n\t\ttext-decoration-color: #a5b4fc;\n\t\ttext-underline-offset: 2px;\n\t\tcursor: pointer;\n\t\t&:hover {\n\t\t\tcolor: #3730a3;\n\t\t\ttext-decoration-color: #6366f1;\n\t\t}\n\t}\n`;\n"],"names":["BikEditorShell","styled","minHeight","maxHeight","tightParagraphs","COLORS"],"mappings":"uNAGaA,EAAiBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,gBASrB,CAAC,CAAE,UAAAC,KAAgBA,GAAa,MAAM;AAAA,gBACtC,CAAC,CAAE,UAAAC,KAAgBA,GAAa,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAkBzC,CAAC,CAAE,gBAAAC,CAAA,IAAuBA,EAAkB,IAAM,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAwB5DC,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA,WAIpBA,EAAAA,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/editor/extensions/buildExtensions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("@tiptap/extension-character-count"),a=require("@tiptap/extension-color"),p=require("@tiptap/extension-font-family"),S=require("@tiptap/extension-hard-break"),q=require("@tiptap/extension-highlight"),E=require("@tiptap/extension-image"),M=require("@tiptap/extension-link"),b=require("../../node_modules/@tiptap/extension-paragraph/dist/index.js"),k=require("@tiptap/extension-placeholder"),y=require("@tiptap/extension-subscript"),P=require("@tiptap/extension-superscript"),C=require("@tiptap/extension-text-align"),T=require("@tiptap/extension-text-style"),f=require("@tiptap/extension-underline"),D=require("@tiptap/starter-kit"),g=require("./FontSizeExtension.js"),i=require("./mention/MentionExtension.js"),H=require("./paste/PasteExtension.js"),w=require("./plainClipboard/PasteNormalizationExtension.js"),B=require("./sectionDivider/SectionDividerNode.js"),I=require("./sendShortcut/SendShortcutExtension.js"),L=require("./slashCommand/SlashCommandExtension.js"),z=require("./variable/VariableDecorationExtension.js");function A(e){const r=e.features?.richPaste??!1,l=e.features?.richTypography??!1,s=e.features?.allowedMarks,n=t=>!s||s.includes(t),u=S.extend({addKeyboardShortcuts(){return{"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),o=t=>t==="0"||t==="0px"||t==="0pt"||t==="0em",d=b.default.extend({addAttributes(){return{...this.parent?.()??{},margin:{default:null,parseHTML:t=>o(t.style.marginTop)&&o(t.style.marginBottom)?"0":null,renderHTML:t=>t.margin==="0"?{style:"margin: 0px"}:{}}}}}),c=[D.configure({link:!1,underline:!1,hardBreak:!1,paragraph:!1,bold:n("bold")?{}:!1,italic:n("italic")?{}:!1,strike:n("strike")?{}:!1,code:n("code")?{}:!1}),d,u,...n("underline")?[f]:[],M.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),T.TextStyle,k.configure({placeholder:e.placeholder??"Type a message..."}),...e.onPaste?[H.PasteExtension.configure({onPaste:e.onPaste})]:[],w.PasteNormalizationExtension.configure({preserveMarks:r,plainOnly:!r}),I.SendShortcutExtension.configure({onSend:e.onSend,sendShortcut:e.sendShortcut,extraShortcuts:e.shortcuts??[]}),z.VariableDecorationExtension,...e.maxCharacters?[x.configure({limit:e.maxCharacters})]:[],B.SectionDividerNode],m=[...e.mentions?.agents?[i.buildAgentMentionExtension(e.mentions.agents,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...e.mentions?.teams?[i.buildTeamMentionExtension(e.mentions.teams,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...e.slashCommands?[L.buildSlashCommandExtension(e.slashCommands,e.onSlashCommandSelected,e.renderSlashCommandItem,e.renderSlashCommandDropdown)]:[]],h=l?[a,q.configure({multicolor:!0}),p,g.FontSizeExtension,C.configure({types:["heading","paragraph"]}),y,P,E]:[a];return[...c,...m,...h]}exports.buildExtensions=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("@tiptap/extension-character-count"),x=require("@tiptap/extension-color"),S=require("@tiptap/extension-font-family"),_=require("@tiptap/extension-hard-break"),q=require("@tiptap/extension-highlight"),E=require("@tiptap/extension-image"),b=require("@tiptap/extension-link"),k=require("../../node_modules/@tiptap/extension-paragraph/dist/index.js"),y=require("@tiptap/extension-placeholder"),M=require("@tiptap/extension-subscript"),C=require("@tiptap/extension-superscript"),P=require("@tiptap/extension-text-align"),T=require("@tiptap/extension-text-style"),g=require("@tiptap/extension-underline"),D=require("@tiptap/starter-kit"),H=require("./FontSizeExtension.js"),i=require("./mention/MentionExtension.js"),B=require("./paste/PasteExtension.js"),F=require("./plainClipboard/PasteNormalizationExtension.js"),I=require("./sectionDivider/SectionDividerNode.js"),L=require("./sendShortcut/SendShortcutExtension.js"),w=require("./slashCommand/SlashCommandExtension.js"),A=require("./variable/VariableDecorationExtension.js"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},z=t(p),l=t(x),N=t(S),O=t(_),R=t(q),K=t(E),j=t(b),U=t(y),V=t(M),v=t(C),W=t(P),Z=t(g),G=t(D);function J(e){const a=e.features?.richPaste??!1,u=e.features?.richTypography??!1,s=e.features?.allowedMarks,r=n=>!s||s.includes(n),d=O.default.extend({addKeyboardShortcuts(){return{"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),o=n=>n==="0"||n==="0px"||n==="0pt"||n==="0em",c=k.default.extend({addAttributes(){return{...this.parent?.()??{},margin:{default:null,parseHTML:n=>o(n.style.marginTop)&&o(n.style.marginBottom)?"0":null,renderHTML:n=>n.margin==="0"?{style:"margin: 0px"}:{}}}}}),m=[G.default.configure({link:!1,underline:!1,hardBreak:!1,paragraph:!1,bold:r("bold")?{}:!1,italic:r("italic")?{}:!1,strike:r("strike")?{}:!1,code:r("code")?{}:!1}),c,d,...r("underline")?[Z.default]:[],j.default.extend({addPasteRules:()=>[],addInputRules:()=>[]}).configure({openOnClick:!1,autolink:!1,linkOnPaste:!1,HTMLAttributes:{rel:"noopener noreferrer",class:"bik-link"}}),T.TextStyle,U.default.configure({placeholder:e.placeholder??"Type a message..."}),...e.onPaste?[B.PasteExtension.configure({onPaste:e.onPaste})]:[],F.PasteNormalizationExtension.configure({preserveMarks:a,plainOnly:!a}),L.SendShortcutExtension.configure({onSend:e.onSend,sendShortcut:e.sendShortcut,extraShortcuts:e.shortcuts??[]}),A.VariableDecorationExtension,...e.maxCharacters?[z.default.configure({limit:e.maxCharacters})]:[],I.SectionDividerNode],h=[...e.mentions?.agents?[i.buildAgentMentionExtension(e.mentions.agents,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...e.mentions?.teams?[i.buildTeamMentionExtension(e.mentions.teams,e.onMentionSelected,e.renderMentionItem,e.renderMentionDropdown)]:[],...e.slashCommands?[w.buildSlashCommandExtension(e.slashCommands,e.onSlashCommandSelected,e.renderSlashCommandItem,e.renderSlashCommandDropdown)]:[]],f=u?[l.default,R.default.configure({multicolor:!0}),N.default,H.FontSizeExtension,W.default.configure({types:["heading","paragraph"]}),V.default,v.default,K.default]:[l.default];return[...m,...h,...f]}exports.buildExtensions=J;
 //# sourceMappingURL=buildExtensions.js.map

package/dist/cjs/editor/extensions/buildExtensions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buildExtensions.js","sources":["../../../../src/editor/extensions/buildExtensions.ts"],"sourcesContent":["import CharacterCount from '@tiptap/extension-character-count';\nimport Color from '@tiptap/extension-color';\nimport FontFamily from '@tiptap/extension-font-family';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Highlight from '@tiptap/extension-highlight';\nimport Image from '@tiptap/extension-image';\nimport Link from '@tiptap/extension-link';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Subscript from '@tiptap/extension-subscript';\nimport Superscript from '@tiptap/extension-superscript';\nimport TextAlign from '@tiptap/extension-text-align';\nimport { TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport StarterKit from '@tiptap/starter-kit';\nimport type { ReactNode } from 'react';\nimport type {\n\tEditorFeatures,\n\tEditorSnapshot,\n\tKeyboardShortcut,\n\tMentionDropdownRenderProps,\n\tMentionItem,\n\tPasteData,\n\tSlashCommandDropdownRenderProps,\n\tSlashCommandItem,\n} from '../BikEditor.types';\nimport { FontSizeExtension } from './FontSizeExtension';\nimport {\n\tbuildAgentMentionExtension,\n\tbuildTeamMentionExtension,\n} from './mention/MentionExtension';\nimport { PasteExtension } from './paste/PasteExtension';\nimport { PasteNormalizationExtension } from './plainClipboard/PasteNormalizationExtension';\nimport { SectionDividerNode } from './sectionDivider/SectionDividerNode';\nimport { SendShortcutExtension } from './sendShortcut/SendShortcutExtension';\nimport { buildSlashCommandExtension } from './slashCommand/SlashCommandExtension';\nimport { VariableDecorationExtension } from './variable/VariableDecorationExtension';\n\ninterface ExtensionConfig {\n\tfeatures?: EditorFeatures;\n\tplaceholder?: string;\n\tmaxCharacters?: number;\n\thasSections?: boolean;\n\tmentions?: {\n\t\tagents?: { current: MentionItem[] };\n\t\tteams?: { current: MentionItem[] };\n\t};\n\tslashCommands?: { current: SlashCommandItem[] };\n\tonPaste?: (data: PasteData) => boolean \| void;\n\tonSend?: (content: EditorSnapshot) => void;\n\tsendShortcut?:\n\t\t\| { key: string; modifiers?: Array<'mod' \| 'ctrl' \| 'shift' \| 'alt'> }\n\t\t\| Array<{\n\t\t\t\tkey: string;\n\t\t\t\tmodifiers?: Array<'mod' \| 'ctrl' \| 'shift' \| 'alt'>;\n\t\t }>;\n\tshortcuts?: KeyboardShortcut[];\n\tonMentionSelected?: (item: MentionItem, char: '@' \| '#') => void;\n\tonSlashCommandSelected?: (command: SlashCommandItem) => void;\n\trenderMentionItem?: (item: MentionItem, isActive: boolean) => ReactNode;\n\trenderMentionDropdown?: (props: MentionDropdownRenderProps) => ReactNode;\n\trenderSlashCommandItem?: (\n\t\titem: SlashCommandItem,\n\t\tisActive: boolean,\n\t) => ReactNode;\n\trenderSlashCommandDropdown?: (\n\t\tprops: SlashCommandDropdownRenderProps,\n\t) => ReactNode;\n}\n\nexport function buildExtensions(config: ExtensionConfig) {\n\tconst hasRichPaste = config.features?.richPaste ?? false;\n\tconst hasRichTypography = config.features?.richTypography ?? false;\n\n\t// When allowedMarks is specified only those marks are registered in the schema.\n\t// This disables rendering, keyboard shortcuts AND paste-preservation for the\n\t// excluded marks — all three come for free when the extension is absent.\n\tconst allowedMarks = config.features?.allowedMarks;\n\tconst isMark = (m: 'bold' \| 'italic' \| 'strike' \| 'underline' \| 'code') =>\n\t\t!allowedMarks \|\| allowedMarks.includes(m);\n\n\t// Soft line break. Shift-Enter inserts a <br> inside the current block\n\t// (matches Gmail); plain Enter still splits the block into a new paragraph\n\t// via StarterKit's default. HardBreak is registered standalone — like Link\n\t// and Underline above — instead of through StarterKit, so we can bind ONLY\n\t// Shift-Enter here and leave Mod-Enter free for the send shortcut.\n\tconst softBreak = HardBreak.extend({\n\t\taddKeyboardShortcuts() {\n\t\t\treturn {\n\t\t\t\t'Shift-Enter': () => this.editor.commands.setHardBreak(),\n\t\t\t};\n\t\t},\n\t});\n\n\t// Paragraph that preserves a zero block-margin from the source (Gmail-style).\n\t// Most sources (ChatGPT, typed text) use plain <p> → no margin attr → the\n\t// editor/viewer default 1em margin provides the gap. Google-Docs-style\n\t// content uses margin:0 paragraphs and a separate blank-line paragraph for\n\t// spacing; we keep that margin:0 so the blank line — not stacked margins —\n\t// provides a single-line gap, exactly like Gmail. The paste pipeline also\n\t// sets margin:'0' on every paragraph when a paste contains blank-line\n\t// paragraphs (see applyParagraphSpacing), so spacing comes from EITHER the\n\t// margin OR the blank line, never both (no double gap).\n\tconst isZeroLen = (v: string) =>\n\t\tv === '0' \|\| v === '0px' \|\| v === '0pt' \|\| v === '0em';\n\tconst ParagraphWithMargin = Paragraph.extend({\n\t\taddAttributes() {\n\t\t\treturn {\n\t\t\t\t...(this.parent?.() ?? {}),\n\t\t\t\tmargin: {\n\t\t\t\t\tdefault: null,\n\t\t\t\t\tparseHTML: (el: HTMLElement) =>\n\t\t\t\t\t\tisZeroLen(el.style.marginTop) && isZeroLen(el.style.marginBottom)\n\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t: null,\n\t\t\t\t\trenderHTML: (attrs: { margin?: string \| null }) =>\n\t\t\t\t\t\tattrs.margin === '0' ? { style: 'margin: 0px' } : {},\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t});\n\n\tconst base = [\n\t\t// Exclude Link and Underline from StarterKit — TipTap v3 bundles both.\n\t\t// Without this, two copies of each are registered and the StarterKit copy's\n\t\t// click handler calls window.open even when openOnClick: false is set.\n\t\tStarterKit.configure({\n\t\t\tlink: false,\n\t\t\tunderline: false,\n\t\t\thardBreak: false,\n\t\t\tparagraph: false,\n\t\t\tbold: isMark('bold') ? {} : false,\n\t\t\titalic: isMark('italic') ? {} : false,\n\t\t\tstrike: isMark('strike') ? {} : false,\n\t\t\tcode: isMark('code') ? {} : false,\n\t\t}),\n\t\tParagraphWithMargin,\n\t\tsoftBreak,\n\t\t...(isMark('underline') ? [Underline] : []),\n\t\t// Extend Link to strip addPasteRules() and addInputRules() so pasting a\n\t\t// URL never creates a hyperlink regardless of autolink/linkOnPaste values.\n\t\tLink.extend({\n\t\t\taddPasteRules: () => [],\n\t\t\taddInputRules: () => [],\n\t\t}).configure({\n\t\t\topenOnClick: false,\n\t\t\tautolink: false,\n\t\t\tlinkOnPaste: false,\n\t\t\tHTMLAttributes: {\n\t\t\t\trel: 'noopener noreferrer',\n\t\t\t\tclass: 'bik-link',\n\t\t\t},\n\t\t}),\n\t\tTextStyle,\n\t\tPlaceholder.configure({\n\t\t\tplaceholder: config.placeholder ?? 'Type a message...',\n\t\t}),\n\t\t// Consumer paste callback runs first. If it returns true the event is\n\t\t// consumed and neither PlainClipboardExtension nor the editor's default\n\t\t// paste handling will run for that event.\n\t\t...(config.onPaste\n\t\t\t? [PasteExtension.configure({ onPaste: config.onPaste })]\n\t\t\t: []),\n\t\tPasteNormalizationExtension.configure({\n\t\t\tpreserveMarks: hasRichPaste,\n\t\t\t// Only email + signature (richPaste) keep the rich HTML paste pipeline.\n\t\t\t// Every other channel (WhatsApp, IG, FB, comments) forces plain-text\n\t\t\t// paste for BOTH Cmd/Ctrl+V and Cmd/Ctrl+Shift+V — no formatting.\n\t\t\tplainOnly: !hasRichPaste,\n\t\t}),\n\t\tSendShortcutExtension.configure({\n\t\t\tonSend: config.onSend,\n\t\t\tsendShortcut: config.sendShortcut,\n\t\t\textraShortcuts: config.shortcuts ?? [],\n\t\t}),\n\t\tVariableDecorationExtension,\n\t\t...(config.maxCharacters\n\t\t\t? [CharacterCount.configure({ limit: config.maxCharacters })]\n\t\t\t: []),\n\t\t// Always register SectionDividerNode so the custom <div data-section-divider>\n\t\t// node is part of the schema in every editor instance. This means imperative\n\t\t// callers (setBodyAndSections / setSectionContent) work even when no\n\t\t// `sections` prop was provided at mount time.\n\t\tSectionDividerNode,\n\t];\n\n\tconst mentionExtensions = [\n\t\t...(config.mentions?.agents\n\t\t\t? [\n\t\t\t\t\tbuildAgentMentionExtension(\n\t\t\t\t\t\tconfig.mentions.agents,\n\t\t\t\t\t\tconfig.onMentionSelected,\n\t\t\t\t\t\tconfig.renderMentionItem,\n\t\t\t\t\t\tconfig.renderMentionDropdown,\n\t\t\t\t\t),\n\t\t\t ]\n\t\t\t: []),\n\t\t...(config.mentions?.teams\n\t\t\t? [\n\t\t\t\t\tbuildTeamMentionExtension(\n\t\t\t\t\t\tconfig.mentions.teams,\n\t\t\t\t\t\tconfig.onMentionSelected,\n\t\t\t\t\t\tconfig.renderMentionItem,\n\t\t\t\t\t\tconfig.renderMentionDropdown,\n\t\t\t\t\t),\n\t\t\t ]\n\t\t\t: []),\n\t\t...(config.slashCommands\n\t\t\t? [\n\t\t\t\t\tbuildSlashCommandExtension(\n\t\t\t\t\t\tconfig.slashCommands,\n\t\t\t\t\t\tconfig.onSlashCommandSelected,\n\t\t\t\t\t\tconfig.renderSlashCommandItem,\n\t\t\t\t\t\tconfig.renderSlashCommandDropdown,\n\t\t\t\t\t),\n\t\t\t ]\n\t\t\t: []),\n\t];\n\n\tconst richExtensions = hasRichTypography\n\t\t? [\n\t\t\t\tColor,\n\t\t\t\tHighlight.configure({ multicolor: true }),\n\t\t\t\tFontFamily,\n\t\t\t\tFontSizeExtension,\n\t\t\t\tTextAlign.configure({ types: ['heading', 'paragraph'] }),\n\t\t\t\tSubscript,\n\t\t\t\tSuperscript,\n\t\t\t\tImage,\n\t\t ]\n\t\t: [Color];\n\n\treturn [...base, ...mentionExtensions, ...richExtensions];\n}\n"],"names":["buildExtensions","config","hasRichPaste","hasRichTypography","allowedMarks","isMark","m","softBreak","HardBreak","isZeroLen","v","ParagraphWithMargin","Paragraph","el","attrs","base","StarterKit","Underline","Link","TextStyle","Placeholder","PasteExtension","PasteNormalizationExtension","SendShortcutExtension","VariableDecorationExtension","CharacterCount","SectionDividerNode","mentionExtensions","buildAgentMentionExtension","buildTeamMentionExtension","buildSlashCommandExtension","richExtensions","Color","Highlight","FontFamily","FontSizeExtension","TextAlign","Subscript","Superscript","Image"],"mappings":"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"}
1	+ {"version":3,"file":"buildExtensions.js","sources":["../../../../src/editor/extensions/buildExtensions.ts"],"sourcesContent":["import CharacterCount from '@tiptap/extension-character-count';\nimport Color from '@tiptap/extension-color';\nimport FontFamily from '@tiptap/extension-font-family';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Highlight from '@tiptap/extension-highlight';\nimport Image from '@tiptap/extension-image';\nimport Link from '@tiptap/extension-link';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Subscript from '@tiptap/extension-subscript';\nimport Superscript from '@tiptap/extension-superscript';\nimport TextAlign from '@tiptap/extension-text-align';\nimport { TextStyle } from '@tiptap/extension-text-style';\nimport Underline from '@tiptap/extension-underline';\nimport StarterKit from '@tiptap/starter-kit';\nimport type { ReactNode } from 'react';\nimport type {\n\tEditorFeatures,\n\tEditorSnapshot,\n\tKeyboardShortcut,\n\tMentionDropdownRenderProps,\n\tMentionItem,\n\tPasteData,\n\tSlashCommandDropdownRenderProps,\n\tSlashCommandItem,\n} from '../BikEditor.types';\nimport { FontSizeExtension } from './FontSizeExtension';\nimport {\n\tbuildAgentMentionExtension,\n\tbuildTeamMentionExtension,\n} from './mention/MentionExtension';\nimport { PasteExtension } from './paste/PasteExtension';\nimport { PasteNormalizationExtension } from './plainClipboard/PasteNormalizationExtension';\nimport { SectionDividerNode } from './sectionDivider/SectionDividerNode';\nimport { SendShortcutExtension } from './sendShortcut/SendShortcutExtension';\nimport { buildSlashCommandExtension } from './slashCommand/SlashCommandExtension';\nimport { VariableDecorationExtension } from './variable/VariableDecorationExtension';\n\ninterface ExtensionConfig {\n\tfeatures?: EditorFeatures;\n\tplaceholder?: string;\n\tmaxCharacters?: number;\n\thasSections?: boolean;\n\tmentions?: {\n\t\tagents?: { current: MentionItem[] };\n\t\tteams?: { current: MentionItem[] };\n\t};\n\tslashCommands?: { current: SlashCommandItem[] };\n\tonPaste?: (data: PasteData) => boolean \| void;\n\tonSend?: (content: EditorSnapshot) => void;\n\tsendShortcut?:\n\t\t\| { key: string; modifiers?: Array<'mod' \| 'ctrl' \| 'shift' \| 'alt'> }\n\t\t\| Array<{\n\t\t\t\tkey: string;\n\t\t\t\tmodifiers?: Array<'mod' \| 'ctrl' \| 'shift' \| 'alt'>;\n\t\t }>;\n\tshortcuts?: KeyboardShortcut[];\n\tonMentionSelected?: (item: MentionItem, char: '@' \| '#') => void;\n\tonSlashCommandSelected?: (command: SlashCommandItem) => void;\n\trenderMentionItem?: (item: MentionItem, isActive: boolean) => ReactNode;\n\trenderMentionDropdown?: (props: MentionDropdownRenderProps) => ReactNode;\n\trenderSlashCommandItem?: (\n\t\titem: SlashCommandItem,\n\t\tisActive: boolean,\n\t) => ReactNode;\n\trenderSlashCommandDropdown?: (\n\t\tprops: SlashCommandDropdownRenderProps,\n\t) => ReactNode;\n}\n\nexport function buildExtensions(config: ExtensionConfig) {\n\tconst hasRichPaste = config.features?.richPaste ?? false;\n\tconst hasRichTypography = config.features?.richTypography ?? false;\n\n\t// When allowedMarks is specified only those marks are registered in the schema.\n\t// This disables rendering, keyboard shortcuts AND paste-preservation for the\n\t// excluded marks — all three come for free when the extension is absent.\n\tconst allowedMarks = config.features?.allowedMarks;\n\tconst isMark = (m: 'bold' \| 'italic' \| 'strike' \| 'underline' \| 'code') =>\n\t\t!allowedMarks \|\| allowedMarks.includes(m);\n\n\t// Soft line break. Shift-Enter inserts a <br> inside the current block\n\t// (matches Gmail); plain Enter still splits the block into a new paragraph\n\t// via StarterKit's default. HardBreak is registered standalone — like Link\n\t// and Underline above — instead of through StarterKit, so we can bind ONLY\n\t// Shift-Enter here and leave Mod-Enter free for the send shortcut.\n\tconst softBreak = HardBreak.extend({\n\t\taddKeyboardShortcuts() {\n\t\t\treturn {\n\t\t\t\t'Shift-Enter': () => this.editor.commands.setHardBreak(),\n\t\t\t};\n\t\t},\n\t});\n\n\t// Paragraph that preserves a zero block-margin from the source (Gmail-style).\n\t// Most sources (ChatGPT, typed text) use plain <p> → no margin attr → the\n\t// editor/viewer default 1em margin provides the gap. Google-Docs-style\n\t// content uses margin:0 paragraphs and a separate blank-line paragraph for\n\t// spacing; we keep that margin:0 so the blank line — not stacked margins —\n\t// provides a single-line gap, exactly like Gmail. The paste pipeline also\n\t// sets margin:'0' on every paragraph when a paste contains blank-line\n\t// paragraphs (see applyParagraphSpacing), so spacing comes from EITHER the\n\t// margin OR the blank line, never both (no double gap).\n\tconst isZeroLen = (v: string) =>\n\t\tv === '0' \|\| v === '0px' \|\| v === '0pt' \|\| v === '0em';\n\tconst ParagraphWithMargin = Paragraph.extend({\n\t\taddAttributes() {\n\t\t\treturn {\n\t\t\t\t...(this.parent?.() ?? {}),\n\t\t\t\tmargin: {\n\t\t\t\t\tdefault: null,\n\t\t\t\t\tparseHTML: (el: HTMLElement) =>\n\t\t\t\t\t\tisZeroLen(el.style.marginTop) && isZeroLen(el.style.marginBottom)\n\t\t\t\t\t\t\t? '0'\n\t\t\t\t\t\t\t: null,\n\t\t\t\t\trenderHTML: (attrs: { margin?: string \| null }) =>\n\t\t\t\t\t\tattrs.margin === '0' ? { style: 'margin: 0px' } : {},\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t});\n\n\tconst base = [\n\t\t// Exclude Link and Underline from StarterKit — TipTap v3 bundles both.\n\t\t// Without this, two copies of each are registered and the StarterKit copy's\n\t\t// click handler calls window.open even when openOnClick: false is set.\n\t\tStarterKit.configure({\n\t\t\tlink: false,\n\t\t\tunderline: false,\n\t\t\thardBreak: false,\n\t\t\tparagraph: false,\n\t\t\tbold: isMark('bold') ? {} : false,\n\t\t\titalic: isMark('italic') ? {} : false,\n\t\t\tstrike: isMark('strike') ? {} : false,\n\t\t\tcode: isMark('code') ? {} : false,\n\t\t}),\n\t\tParagraphWithMargin,\n\t\tsoftBreak,\n\t\t...(isMark('underline') ? [Underline] : []),\n\t\t// Extend Link to strip addPasteRules() and addInputRules() so pasting a\n\t\t// URL never creates a hyperlink regardless of autolink/linkOnPaste values.\n\t\tLink.extend({\n\t\t\taddPasteRules: () => [],\n\t\t\taddInputRules: () => [],\n\t\t}).configure({\n\t\t\topenOnClick: false,\n\t\t\tautolink: false,\n\t\t\tlinkOnPaste: false,\n\t\t\tHTMLAttributes: {\n\t\t\t\trel: 'noopener noreferrer',\n\t\t\t\tclass: 'bik-link',\n\t\t\t},\n\t\t}),\n\t\tTextStyle,\n\t\tPlaceholder.configure({\n\t\t\tplaceholder: config.placeholder ?? 'Type a message...',\n\t\t}),\n\t\t// Consumer paste callback runs first. If it returns true the event is\n\t\t// consumed and neither PlainClipboardExtension nor the editor's default\n\t\t// paste handling will run for that event.\n\t\t...(config.onPaste\n\t\t\t? [PasteExtension.configure({ onPaste: config.onPaste })]\n\t\t\t: []),\n\t\tPasteNormalizationExtension.configure({\n\t\t\tpreserveMarks: hasRichPaste,\n\t\t\t// Only email + signature (richPaste) keep the rich HTML paste pipeline.\n\t\t\t// Every other channel (WhatsApp, IG, FB, comments) forces plain-text\n\t\t\t// paste for BOTH Cmd/Ctrl+V and Cmd/Ctrl+Shift+V — no formatting.\n\t\t\tplainOnly: !hasRichPaste,\n\t\t}),\n\t\tSendShortcutExtension.configure({\n\t\t\tonSend: config.onSend,\n\t\t\tsendShortcut: config.sendShortcut,\n\t\t\textraShortcuts: config.shortcuts ?? [],\n\t\t}),\n\t\tVariableDecorationExtension,\n\t\t...(config.maxCharacters\n\t\t\t? [CharacterCount.configure({ limit: config.maxCharacters })]\n\t\t\t: []),\n\t\t// Always register SectionDividerNode so the custom <div data-section-divider>\n\t\t// node is part of the schema in every editor instance. This means imperative\n\t\t// callers (setBodyAndSections / setSectionContent) work even when no\n\t\t// `sections` prop was provided at mount time.\n\t\tSectionDividerNode,\n\t];\n\n\tconst mentionExtensions = [\n\t\t...(config.mentions?.agents\n\t\t\t? [\n\t\t\t\t\tbuildAgentMentionExtension(\n\t\t\t\t\t\tconfig.mentions.agents,\n\t\t\t\t\t\tconfig.onMentionSelected,\n\t\t\t\t\t\tconfig.renderMentionItem,\n\t\t\t\t\t\tconfig.renderMentionDropdown,\n\t\t\t\t\t),\n\t\t\t ]\n\t\t\t: []),\n\t\t...(config.mentions?.teams\n\t\t\t? [\n\t\t\t\t\tbuildTeamMentionExtension(\n\t\t\t\t\t\tconfig.mentions.teams,\n\t\t\t\t\t\tconfig.onMentionSelected,\n\t\t\t\t\t\tconfig.renderMentionItem,\n\t\t\t\t\t\tconfig.renderMentionDropdown,\n\t\t\t\t\t),\n\t\t\t ]\n\t\t\t: []),\n\t\t...(config.slashCommands\n\t\t\t? [\n\t\t\t\t\tbuildSlashCommandExtension(\n\t\t\t\t\t\tconfig.slashCommands,\n\t\t\t\t\t\tconfig.onSlashCommandSelected,\n\t\t\t\t\t\tconfig.renderSlashCommandItem,\n\t\t\t\t\t\tconfig.renderSlashCommandDropdown,\n\t\t\t\t\t),\n\t\t\t ]\n\t\t\t: []),\n\t];\n\n\tconst richExtensions = hasRichTypography\n\t\t? [\n\t\t\t\tColor,\n\t\t\t\tHighlight.configure({ multicolor: true }),\n\t\t\t\tFontFamily,\n\t\t\t\tFontSizeExtension,\n\t\t\t\tTextAlign.configure({ types: ['heading', 'paragraph'] }),\n\t\t\t\tSubscript,\n\t\t\t\tSuperscript,\n\t\t\t\tImage,\n\t\t ]\n\t\t: [Color];\n\n\treturn [...base, ...mentionExtensions, ...richExtensions];\n}\n"],"names":["buildExtensions","config","hasRichPaste","hasRichTypography","allowedMarks","isMark","m","softBreak","HardBreak","isZeroLen","v","ParagraphWithMargin","Paragraph","el","attrs","base","StarterKit","Underline","Link","TextStyle","Placeholder","PasteExtension","PasteNormalizationExtension","SendShortcutExtension","VariableDecorationExtension","CharacterCount","SectionDividerNode","mentionExtensions","buildAgentMentionExtension","buildTeamMentionExtension","buildSlashCommandExtension","richExtensions","Color","Highlight","FontFamily","FontSizeExtension","TextAlign","Subscript","Superscript","Image"],"mappings":"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"}

package/dist/cjs/editor/extensions/editorDropdown.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),e=require("../../constants/Theme.js"),o=t.div`
-	background: ${e.COLORS.surface.standard};
-	border: 1px solid ${e.COLORS.stroke.primary};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),t=require("../../constants/Theme.js"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=r(n),a=o.default.div`
+	background: ${t.COLORS.surface.standard};
+	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 8px;
 	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
 	padding: 4px;
@@ -8,8 +8,8 @@
 	max-height: 260px;
 	overflow-y: auto;
 	font-size: 14px;
-	color: ${e.COLORS.content.primary};
-`,r=t.div`
+	color: ${t.COLORS.content.primary};
+`,i=o.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -17,42 +17,42 @@
 	min-height: 43px;
 	border-radius: 6px;
 	cursor: pointer;
-	color: ${e.COLORS.content.primary};
-	background: ${({$isActive:n})=>n?e.COLORS.surface.hovered:"transparent"};
-`,i=t.img`
+	color: ${t.COLORS.content.primary};
+	background: ${({$isActive:e})=>e?t.COLORS.surface.hovered:"transparent"};
+`,d=o.default.img`
 	width: 24px;
 	height: 24px;
 	border-radius: 50%;
 	object-fit: cover;
 	flex-shrink: 0;
-`,a=t.div`
+`,s=o.default.div`
 	width: 24px;
 	height: 24px;
 	border-radius: 50%;
-	background: ${e.COLORS.surface.hovered};
+	background: ${t.COLORS.surface.hovered};
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	font-size: 12px;
 	font-weight: 600;
-	color: ${e.COLORS.content.primary};
+	color: ${t.COLORS.content.primary};
 	flex-shrink: 0;
-`,s=t.span`
+`,c=o.default.span`
 	font-weight: 500;
-	color: ${e.COLORS.content.primary};
-`,c=t.span`
+	color: ${t.COLORS.content.primary};
+`,l=o.default.span`
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
-	background: ${({$online:n})=>n?e.COLORS.content.positive:e.COLORS.content.placeholder};
+	background: ${({$online:e})=>e?t.COLORS.content.positive:t.COLORS.content.placeholder};
 	margin-left: auto;
 	flex-shrink: 0;
-`,p=t.span`
+`,p=o.default.span`
 	font-weight: 500;
-	color: ${e.COLORS.content.primary};
-`,d=t.span`
+	color: ${t.COLORS.content.primary};
+`,u=o.default.span`
 	font-size: 12px;
-	color: ${e.COLORS.content.secondary};
+	color: ${t.COLORS.content.secondary};
 	margin-left: auto;
-`;exports.DropdownContainer=o;exports.DropdownItem=r;exports.MentionAvatar=i;exports.MentionAvatarFallback=a;exports.MentionLabel=s;exports.MentionPresenceDot=c;exports.SlashDescription=d;exports.SlashLabel=p;
+`;exports.DropdownContainer=a;exports.DropdownItem=i;exports.MentionAvatar=d;exports.MentionAvatarFallback=s;exports.MentionLabel=c;exports.MentionPresenceDot=l;exports.SlashDescription=u;exports.SlashLabel=p;
 //# sourceMappingURL=editorDropdown.styles.js.map