npm - @wix/patterns - Versions diffs - 1.378.0 → 1.380.0 - Mend

@wix/patterns 1.378.0 → 1.380.0

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

Files changed (649) hide show

package/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_react2","_fieldTypePrefixIcons","_FieldIndications","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","_collectionDataExtens","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionDataExtension","useToolbarCollectionContext","translate","useWixPatternsContainer","showFieldTypeIcons","table","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","checkboxDisabled","hideable","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","isRequired","validation","some","type","style","useMemo","display","flexDirection","position","dataExtensionsCTA","DataExtension","CustomColumnsEditCustomFieldCTAButton","dataExtension","editable","createElement","field","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","hasRightContent","_extends2","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","checkboxTooltipContent","undefined","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","minWidth","flexGrow","alignItems","padding","cursor","overflow","onClick","align","marginRight","flexShrink","Text","size","weight","dataHook","ellipsis","name","title","skin","onPointerDown","stopPropagation","InfoIcon","gap","FieldIndications","width","ColumnListTableListItem","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"sourcesContent":["import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Column } from '../../model';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsState } from '../../state';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { FieldIndications } from './FieldIndications';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n extends GridCardItemProps {\n column: Column;\n state: CustomColumnsState<T, F>;\n showDivider?: boolean;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n props: ColumnListTableListItemProps<T, F>,\n) {\n const {\n column,\n state,\n showDivider,\n domRef,\n dragging,\n dragHandleProps,\n index,\n rowIndex,\n columnIndex,\n droppable,\n ...rest\n } = props;\n const { select } = state;\n\n const { collectionDataExtension } = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n const showFieldTypeIcons = state.table.showFieldTypeIcons;\n\n const { infoTooltipProps } = column;\n const prefixIcon = showFieldTypeIcons\n ? getFieldTypeIcon({ fieldType: column.fieldType })\n : null;\n\n const checkboxDisabled = !column.hideable;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const dragDisabled = column.reorderDisabled \|\| hasSearchValue;\n const checked = select.isChecked(column.id);\n const infoContent =\n infoTooltipProps?.panelContent \|\| infoTooltipProps?.content;\n const isRequired =\n column.validation?.some((r) => r.type === 'required') ?? false;\n const style = useMemo<CSSProperties>(\n () => ({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n }),\n [],\n );\n\n const dataExtensionsCTA = collectionDataExtension?.DataExtension\n ?.CustomColumnsEditCustomFieldCTAButton &&\n column.dataExtension &&\n column.dataExtension.editable && (\n <collectionDataExtension.DataExtension.CustomColumnsEditCustomFieldCTAButton\n field={column.dataExtension}\n />\n );\n\n const hasIndications =\n column.isPii \|\|\n column.isPrimary \|\|\n column.isSystem \|\|\n !!column.dataExtension;\n const hasRightContent = hasIndications \|\| !!dataExtensionsCTA;\n\n return (\n <div\n {...rest}\n ref={domRef}\n style={style}\n data-hook={`column-item-${column.id}`}\n >\n <TableListItem\n showDivider={showDivider}\n checkbox\n checked={checked}\n verticalPadding=\"tiny\"\n horizontalPadding=\"small\"\n dragHandleSize=\"small\"\n checkboxDisabled={checkboxDisabled}\n checkboxTooltipContent={\n checkboxDisabled\n ? dragDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.hidden.disabled.tooltip')\n : undefined\n }\n checkboxTooltipProps={{\n maxWidth: '400px',\n appendTo: 'window',\n disabled: !checkboxDisabled,\n }}\n onCheckboxChange={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n state.customizeColumnsInSidePanelBi({ actionName: 'visibility' });\n }}\n {...(hasSearchValue\n ? {}\n : {\n draggable: true,\n dragging,\n dragDisabled,\n dragHandleProps: {\n ...dragHandleProps,\n tooltipContent: dragDisabled\n ? checkboxDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.move.disabled.tooltip')\n : undefined,\n tooltipProps: {\n maxWidth: '400px',\n appendTo: 'window',\n },\n },\n })}\n options={[\n {\n value: (\n <Box\n {...(prefixIcon ? { verticalAlign: 'middle' } : {})}\n minWidth={0}\n flexGrow={1}\n >\n <div\n style={{\n ...(prefixIcon\n ? { display: 'flex', alignItems: 'center' }\n : {}),\n padding: '0',\n cursor: checkboxDisabled ? undefined : 'pointer',\n overflow: 'hidden',\n minWidth: 0,\n }}\n onClick={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n }}\n >\n {prefixIcon && (\n <Box\n align=\"center\"\n verticalAlign=\"middle\"\n marginRight=\"SP1\"\n flexShrink={0}\n >\n {prefixIcon}\n </Box>\n )}\n <Text\n size=\"small\"\n weight=\"normal\"\n dataHook=\"tableListItem-label\"\n ellipsis\n appendTo=\"window\"\n >\n {column.name \|\| column.title \|\| column.id}\n </Text>\n {isRequired && (\n <Text size=\"tiny\" skin=\"error\" weight=\"bold\">\n  *\n </Text>\n )}\n </div>\n\n <div\n style={{ cursor: 'default' }}\n onPointerDown={(e) => e.stopPropagation()}\n >\n {infoContent && (\n <InfoIcon\n size=\"small\"\n {...infoTooltipProps}\n dataHook=\"info-icon\"\n content={infoContent}\n />\n )}\n </div>\n </Box>\n ),\n },\n\n ...(hasRightContent\n ? [\n {\n value: (\n <Box gap=\"SP1\" verticalAlign=\"middle\">\n <FieldIndications column={column} />\n {dataExtensionsCTA}\n </Box>\n ),\n align: 'right' as const,\n width: 'auto',\n },\n ]\n : []),\n ]}\n />\n </div>\n );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","_collectionDataExtens","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionDataExtension","translate","useWixPatternsContainer","showFieldTypeIcons","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","checkboxDisabled","hideable","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","isRequired","validation","some","type","style","useMemo","display","flexDirection","position","dataExtensionsCTA","DataExtension","CustomColumnsEditCustomFieldCTAButton","dataExtension","editable","createElement","field","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","hasRightContent","_extends2","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","checkboxTooltipContent","undefined","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","minWidth","flexGrow","alignItems","padding","cursor","overflow","onClick","align","marginRight","flexShrink","Text","size","weight","dataHook","ellipsis","name","title","skin","onPointerDown","stopPropagation","InfoIcon","gap","FieldIndications","width","ColumnListTableListItem","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"sourcesContent":["import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Column } from '../../model';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { FieldIndications } from './FieldIndications';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n extends GridCardItemProps {\n column: Column;\n state: CustomColumnsState<T, F>;\n showDivider?: boolean;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n props: ColumnListTableListItemProps<T, F>,\n) {\n const {\n column,\n state,\n showDivider,\n domRef,\n dragging,\n dragHandleProps,\n index,\n rowIndex,\n columnIndex,\n droppable,\n ...rest\n } = props;\n const { select } = state;\n\n const { collectionDataExtension } = state;\n const { translate: t } = useWixPatternsContainer();\n const showFieldTypeIcons = state.showFieldTypeIcons;\n\n const { infoTooltipProps } = column;\n const prefixIcon = showFieldTypeIcons\n ? getFieldTypeIcon({ fieldType: column.fieldType })\n : null;\n\n const checkboxDisabled = !column.hideable;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const dragDisabled = column.reorderDisabled \|\| hasSearchValue;\n const checked = select.isChecked(column.id);\n const infoContent =\n infoTooltipProps?.panelContent \|\| infoTooltipProps?.content;\n const isRequired =\n column.validation?.some((r) => r.type === 'required') ?? false;\n const style = useMemo<CSSProperties>(\n () => ({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n }),\n [],\n );\n\n const dataExtensionsCTA = collectionDataExtension?.DataExtension\n ?.CustomColumnsEditCustomFieldCTAButton &&\n column.dataExtension &&\n column.dataExtension.editable && (\n <collectionDataExtension.DataExtension.CustomColumnsEditCustomFieldCTAButton\n field={column.dataExtension}\n />\n );\n\n const hasIndications =\n column.isPii \|\|\n column.isPrimary \|\|\n column.isSystem \|\|\n !!column.dataExtension;\n const hasRightContent = hasIndications \|\| !!dataExtensionsCTA;\n\n return (\n <div\n {...rest}\n ref={domRef}\n style={style}\n data-hook={`column-item-${column.id}`}\n >\n <TableListItem\n showDivider={showDivider}\n checkbox\n checked={checked}\n verticalPadding=\"tiny\"\n horizontalPadding=\"small\"\n dragHandleSize=\"small\"\n checkboxDisabled={checkboxDisabled}\n checkboxTooltipContent={\n checkboxDisabled\n ? dragDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.hidden.disabled.tooltip')\n : undefined\n }\n checkboxTooltipProps={{\n maxWidth: '400px',\n appendTo: 'window',\n disabled: !checkboxDisabled,\n }}\n onCheckboxChange={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n state.customizeColumnsInSidePanelBi({ actionName: 'visibility' });\n }}\n {...(hasSearchValue\n ? {}\n : {\n draggable: true,\n dragging,\n dragDisabled,\n dragHandleProps: {\n ...dragHandleProps,\n tooltipContent: dragDisabled\n ? checkboxDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.move.disabled.tooltip')\n : undefined,\n tooltipProps: {\n maxWidth: '400px',\n appendTo: 'window',\n },\n },\n })}\n options={[\n {\n value: (\n <Box\n {...(prefixIcon ? { verticalAlign: 'middle' } : {})}\n minWidth={0}\n flexGrow={1}\n >\n <div\n style={{\n ...(prefixIcon\n ? { display: 'flex', alignItems: 'center' }\n : {}),\n padding: '0',\n cursor: checkboxDisabled ? undefined : 'pointer',\n overflow: 'hidden',\n minWidth: 0,\n }}\n onClick={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n }}\n >\n {prefixIcon && (\n <Box\n align=\"center\"\n verticalAlign=\"middle\"\n marginRight=\"SP1\"\n flexShrink={0}\n >\n {prefixIcon}\n </Box>\n )}\n <Text\n size=\"small\"\n weight=\"normal\"\n dataHook=\"tableListItem-label\"\n ellipsis\n appendTo=\"window\"\n >\n {column.name \|\| column.title \|\| column.id}\n </Text>\n {isRequired && (\n <Text size=\"tiny\" skin=\"error\" weight=\"bold\">\n  *\n </Text>\n )}\n </div>\n\n <div\n style={{ cursor: 'default' }}\n onPointerDown={(e) => e.stopPropagation()}\n >\n {infoContent && (\n <InfoIcon\n size=\"small\"\n {...infoTooltipProps}\n dataHook=\"info-icon\"\n content={infoContent}\n />\n )}\n </div>\n </Box>\n ),\n },\n\n ...(hasRightContent\n ? [\n {\n value: (\n <Box gap=\"SP1\" verticalAlign=\"middle\">\n <FieldIndications column={column} />\n {dataExtensionsCTA}\n </Box>\n ),\n align: 'right' as const,\n width: 'auto',\n },\n ]\n : []),\n ]}\n />\n </div>\n );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAAsD,IAAAO,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAStD,SAASkB,wBAAwBA,CAC/BC,KAAyC,EACzC;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EACA,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,QAAQ;IACRC,eAAe;IACfC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGb,KAAK;EACT,MAAM;IAAEc;EAAO,CAAC,GAAGV,KAAK;EAExB,MAAM;IAAEW;EAAwB,CAAC,GAAGX,KAAK;EACzC,MAAM;IAAEY,SAAS,EAAEnC;EAAE,CAAC,GAAG,IAAAoC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,kBAAkB,GAAGd,KAAK,CAACc,kBAAkB;EAEnD,MAAM;IAAEC;EAAiB,CAAC,GAAGhB,MAAM;EACnC,MAAMiB,UAAU,GAAGF,kBAAkB,GACjC,IAAAG,sCAAgB,EAAC;IAAEC,SAAS,EAAEnB,MAAM,CAACmB;EAAU,CAAC,CAAC,GACjD,IAAI;EAER,MAAMC,gBAAgB,GAAG,CAACpB,MAAM,CAACqB,QAAQ;EACzC,MAAMC,cAAc,GAAGrB,KAAK,CAACsB,WAAW,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EAC1D,MAAMC,YAAY,GAAG1B,MAAM,CAAC2B,eAAe,IAAIL,cAAc;EAC7D,MAAMM,OAAO,GAAGjB,MAAM,CAACkB,SAAS,CAAC7B,MAAM,CAAC8B,EAAE,CAAC;EAC3C,MAAMC,WAAW,GACf,CAAAf,gBAAgB,oBAAhBA,gBAAgB,CAAEgB,YAAY,MAAIhB,gBAAgB,oBAAhBA,gBAAgB,CAAEiB,OAAO;EAC7D,MAAMC,UAAU,GACd,EAAApC,kBAAA,GAAAE,MAAM,CAACmC,UAAU,qBAAjBrC,kBAAA,CAAmBsC,IAAI,CAAExD,CAAC,IAAKA,CAAC,CAACyD,IAAI,KAAK,UAAU,CAAC,KAAI,KAAK;EAChE,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,QAAQ,EAAE;EACZ,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMC,iBAAiB,GAAG,CAAA/B,uBAAuB,aAAAb,qBAAA,GAAvBa,uBAAuB,CAAEgC,aAAa,qBAAtC7C,qBAAA,CACtB8C,qCAAqC,KACvC7C,MAAM,CAAC8C,aAAa,IACpB9C,MAAM,CAAC8C,aAAa,CAACC,QAAQ,iBAC3B7E,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAACpC,uBAAuB,CAACgC,aAAa,CAACC,qCAAqC;IAC1EI,KAAK,EAAEjD,MAAM,CAAC8C,aAAc;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5E,YAAA;MAAA6E,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7B,CACF;EAEH,MAAMC,cAAc,GAClBvD,MAAM,CAACwD,KAAK,IACZxD,MAAM,CAACyD,SAAS,IAChBzD,MAAM,CAAC0D,QAAQ,IACf,CAAC,CAAC1D,MAAM,CAAC8C,aAAa;EACxB,MAAMa,eAAe,GAAGJ,cAAc,IAAI,CAAC,CAACZ,iBAAiB;EAE7D,oBACEzE,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,YAAAY,SAAA,CAAAzE,OAAA,MACMuB,IAAI;IACRmD,GAAG,EAAE1D,MAAO;IACZmC,KAAK,EAAEA,KAAM;IACb,aAAW,eAAetC,MAAM,CAAC8B,EAAE,EAAG;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5E,YAAA;MAAA6E,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEtCpF,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAChF,aAAA,CAAA8F,aAAa,MAAAF,SAAA,CAAAzE,OAAA;IACZe,WAAW,EAAEA,WAAY;IACzB6D,QAAQ;IACRnC,OAAO,EAAEA,OAAQ;IACjBoC,eAAe,EAAC,MAAM;IACtBC,iBAAiB,EAAC,OAAO;IACzBC,cAAc,EAAC,OAAO;IACtB9C,gBAAgB,EAAEA,gBAAiB;IACnC+C,sBAAsB,EACpB/C,gBAAgB,GACZM,YAAY,GACVhD,CAAC,CAAC,6CAA6C,CAAC,GAChDA,CAAC,CAAC,oDAAoD,CAAC,GACzD0F,SACL;IACDC,oBAAoB,EAAE;MACpBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE,CAACpD;IACb,CAAE;IACFqD,gBAAgB,EAAEA,CAAA,KAAM;MACtB,IAAIrD,gBAAgB,EAAE;QACpB;MACF;MACAnB,KAAK,CAACyE,sBAAsB,CAAC1E,MAAM,CAAC;MACpCC,KAAK,CAAC0E,6BAA6B,CAAC;QAAEC,UAAU,EAAE;MAAa,CAAC,CAAC;IACnE;EAAE,GACGtD,cAAc,GACf,CAAC,CAAC,GACF;IACEuD,SAAS,EAAE,IAAI;IACfzE,QAAQ;IACRsB,YAAY;IACZrB,eAAe,EAAE;MACf,GAAGA,eAAe;MAClByE,cAAc,EAAEpD,YAAY,GACxBN,gBAAgB,GACd1C,CAAC,CAAC,6CAA6C,CAAC,GAChDA,CAAC,CAAC,kDAAkD,CAAC,GACvD0F,SAAS;MACbW,YAAY,EAAE;QACZT,QAAQ,EAAE,OAAO;QACjBC,QAAQ,EAAE;MACZ;IACF;EACF,CAAC;IACLS,OAAO,EAAE,CACP;MACEC,KAAK,eACH/G,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAChF,aAAA,CAAAkH,GAAG,MAAAtB,SAAA,CAAAzE,OAAA,MACG8B,UAAU,GAAG;QAAEkE,aAAa,EAAE;MAAS,CAAC,GAAG,CAAC,CAAC;QAClDC,QAAQ,EAAE,CAAE;QACZC,QAAQ,EAAE,CAAE;QAAAnC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,iBAEZpF,MAAA,CAAAiB,OAAA,CAAA6D,aAAA;QACEV,KAAK,EAAE;UACL,IAAIrB,UAAU,GACV;YAAEuB,OAAO,EAAE,MAAM;YAAE8C,UAAU,EAAE;UAAS,CAAC,GACzC,CAAC,CAAC,CAAC;UACPC,OAAO,EAAE,GAAG;UACZC,MAAM,EAAEpE,gBAAgB,GAAGgD,SAAS,GAAG,SAAS;UAChDqB,QAAQ,EAAE,QAAQ;UAClBL,QAAQ,EAAE;QACZ,CAAE;QACFM,OAAO,EAAEA,CAAA,KAAM;UACb,IAAItE,gBAAgB,EAAE;YACpB;UACF;UACAnB,KAAK,CAACyE,sBAAsB,CAAC1E,MAAM,CAAC;QACtC,CAAE;QAAAkD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEDrC,UAAU,iBACT/C,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAChF,aAAA,CAAAkH,GAAG;QACFS,KAAK,EAAC,QAAQ;QACdR,aAAa,EAAC,QAAQ;QACtBS,WAAW,EAAC,KAAK;QACjBC,UAAU,EAAE,CAAE;QAAA3C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEbrC,UACE,CACN,eACD/C,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAChF,aAAA,CAAA8H,IAAI;QACHC,IAAI,EAAC,OAAO;QACZC,MAAM,EAAC,QAAQ;QACfC,QAAQ,EAAC,qBAAqB;QAC9BC,QAAQ;QACR3B,QAAQ,EAAC,QAAQ;QAAArB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEhBtD,MAAM,CAACmG,IAAI,IAAInG,MAAM,CAACoG,KAAK,IAAIpG,MAAM,CAAC8B,EACnC,CAAC,EACNI,UAAU,iBACThE,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAChF,aAAA,CAAA8H,IAAI;QAACC,IAAI,EAAC,MAAM;QAACM,IAAI,EAAC,OAAO;QAACL,MAAM,EAAC,MAAM;QAAA9C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAC,OAEvC,CAEL,CAAC,eAENpF,MAAA,CAAAiB,OAAA,CAAA6D,aAAA;QACEV,KAAK,EAAE;UAAEkD,MAAM,EAAE;QAAU,CAAE;QAC7Bc,aAAa,EAAG7H,CAAC,IAAKA,CAAC,CAAC8H,eAAe,CAAC,CAAE;QAAArD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEzCvB,WAAW,iBACV7D,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAChF,aAAA,CAAAwI,QAAQ,MAAA5C,SAAA,CAAAzE,OAAA;QACP4G,IAAI,EAAC;MAAO,GACR/E,gBAAgB;QACpBiF,QAAQ,EAAC,WAAW;QACpBhE,OAAO,EAAEF,WAAY;QAAAmB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,EACtB,CAEA,CACF;IAET,CAAC,EAED,IAAIK,eAAe,GACf,CACE;MACEsB,KAAK,eACH/G,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAChF,aAAA,CAAAkH,GAAG;QAACuB,GAAG,EAAC,KAAK;QAACtB,aAAa,EAAC,QAAQ;QAAAjC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACnCpF,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAACzE,iBAAA,CAAAmI,gBAAgB;QAAC1G,MAAM,EAAEA,MAAO;QAAAkD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5E,YAAA;UAAA6E,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,EACnCX,iBACE,CACN;MACDgD,KAAK,EAAE,OAAgB;MACvBgB,KAAK,EAAE;IACT,CAAC,CACF,GACD,EAAE,CAAC,CACP;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5E,YAAA;MAAA6E,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACE,CAAC;AAEV;AAEO,MAAMsD,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAClH,wBAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomColumnsPanel/ColumnsList.js CHANGED Viewed

@@ -23,13 +23,11 @@ function _ColumnsList(props) {
       return;
     }
     const {
-      table: {
-        sidePanel
-      }
+      sidePanelTransition
     } = state;
-    const disposers = [(0, _util.addEventListener)(sidePanel.transition.events, 'entered', () => {
+    const disposers = [...(sidePanelTransition ? [(0, _util.addEventListener)(sidePanelTransition.events, 'entered', () => {
       dragAndDrop.listRect._syncThrottled();
-    }), dragAndDrop.listRect.init()];
+    })] : []), dragAndDrop.listRect.init()];
     return () => {
       disposers.forEach(d => d == null ? void 0 : d());
     };
@@ -46,7 +44,7 @@ function _ColumnsList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 45,
         columnNumber: 9
       }
     });
@@ -63,7 +61,7 @@ function _ColumnsList(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 55,
+          lineNumber: 58,
           columnNumber: 11
         }
       }, itemContent);
@@ -77,7 +75,7 @@ function _ColumnsList(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 76,
       columnNumber: 5
     }
   }, columnsCollection.result.items.map(renderItem));
@@ -101,7 +99,7 @@ function _ColumnsList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 87,
+        lineNumber: 90,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, /*#__PURE__*/_react.default.createElement(DraggableListItemOverlay, {
@@ -115,7 +113,7 @@ function _ColumnsList(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 100,
+        lineNumber: 103,
         columnNumber: 11
       }
     })));

package/dist/cjs/components/CustomColumnsPanel/ColumnsList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","useEffect","~~table~~","~~sidePanel","~~disposers","addEventListener","~~transition","~~events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","Box","direction","dataHook","backgroundColor","result","items","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect } from 'react';\nimport { Column } from '../../model';\nimport { Box } from '@wix/design-system';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { ColumnListTableListItem } from './ColumnListTableListItem';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n state: CustomColumnsState<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n const { state } = props;\n const { columnsCollection, dragAndDrop } = state;\n const hasSearchValue = state.searchValue.trim().length > 0;\n\n useEffect(() => {\n if (dragAndDrop == null) {\n return;\n }\n const {~~\n table:~~ { ~~sidePanel~~ }~~,\n }~~ = state;\n\n const disposers = [\n addEventListener(~~sidePanel~~.~~transition.~~events, 'entered', () => {\n dragAndDrop.listRect._syncThrottled();\n }),\n dragAndDrop.listRect.init(),\n ];\n\n return () => {\n disposers.forEach((d) => d?.());\n };\n }, []);\n\n const renderItem = useCallback(\n (column: Column, index: number, { length }: { length: number }) => {\n const itemContent = (\n <ColumnListTableListItem\n key={column.id}\n index={index}\n state={state}\n column={column}\n showDivider={index < length - 1}\n />\n );\n\n if (dragAndDrop && !hasSearchValue) {\n const { DraggableListItem } = dragAndDrop.components;\n\n return (\n <DraggableListItem\n key={column.id}\n dndDisabled={column.reorderDisabled}\n id={column.id}\n index={index}\n state={dragAndDrop}\n >\n {itemContent}\n </DraggableListItem>\n );\n }\n\n return itemContent;\n },\n [hasSearchValue],\n );\n\n let child = (\n <Box\n direction=\"vertical\"\n dataHook=\"custom-columns-list\"\n backgroundColor=\"D60\"\n >\n {columnsCollection.result.items.map(renderItem)}\n </Box>\n );\n\n if (dragAndDrop && !hasSearchValue) {\n const { ListDragAndDropContext, DraggableListItemOverlay } =\n dragAndDrop.components;\n\n child = (\n <ListDragAndDropContext\n state={dragAndDrop}\n onSubmit={async ({ from, over }) => {\n state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });\n\n state.dragAndDrop?._onCustomColumnsReorder(\n from.item.id,\n over.item.id,\n );\n }}\n >\n <>\n {child}\n <DraggableListItemOverlay\n state={dragAndDrop}\n renderItem={(index) => {\n const item = columnsCollection.result.items[index];\n return item ? renderItem(item, index, { length: 0 }) : null;\n }}\n />\n </>\n </ListDragAndDropContext>\n );\n }\n\n return child;\n}\n\nexport const ColumnsList = observer(_ColumnsList);\n"],"mappings":";;;;AAEA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAAoE,IAAAM,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMpE,SAASkB,YAAYA,CAA0BC,KAA6B,EAAE;EAC5E,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE,iBAAiB;IAAEC;EAAY,CAAC,GAAGF,KAAK;EAChD,MAAMG,cAAc,GAAGH,KAAK,CAACI,WAAW,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EAE1D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIL,WAAW,IAAI,IAAI,EAAE;MACvB;IACF;~~IACA~~,MAAM;~~MACJM,KAAK,EAAE~~;~~QAAEC;MAAU;IACrB~~,CAAC,~~GAAGT~~,KAAK;~~IAET~~,~~MAAMU~~,SAAS,GAAG,CAChB,~~IAAAC~~,sBAAgB,EAACF,~~SAAS~~,CAACG,~~UAAU,CAACC,~~MAAM,EAAE,SAAS,EAAE,MAAM;~~MAC7DX~~,WAAW,~~CAACY~~,QAAQ,CAACC,cAAc,CAAC,CAAC;IACvC,CAAC,CAAC,~~EACFb~~,WAAW,~~CAACY~~,QAAQ,CAACE,IAAI,CAAC,CAAC,CAC5B;IAED,OAAO,MAAM;~~MACXN~~,SAAS,~~CAACO~~,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC5B,CAACC,MAAc,EAAEC,KAAa,EAAE;~~IAAEhB~~;EAA2B,CAAC,KAAK;IACjE,~~MAAMiB~~,WAAW,~~gBACflD~~,MAAA,CAAAgB,OAAA,~~CAAAmC~~,aAAA,~~CAAC/C~~,wBAAA,~~CAAAgD~~,uBAAuB;MACtBC,GAAG,EAAEL,MAAM,CAACM,EAAG;MACfL,KAAK,EAAEA,KAAM;~~MACbtB~~,KAAK,EAAEA,KAAM;~~MACbqB~~,MAAM,EAAEA,MAAO;MACfO,WAAW,EAAEN,KAAK,~~GAAGhB~~,MAAM,GAAG,CAAE;~~MAAAuB~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAArD~~,YAAA;~~QAAAsD~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjC,CACF;IAED,~~IAAI/B~~,WAAW,IAAI,CAACC,cAAc,EAAE;MAClC,MAAM;~~QAAE+B~~;MAAkB,CAAC,~~GAAGhC~~,WAAW,~~CAACiC~~,UAAU;MAEpD,~~oBACE9D~~,MAAA,CAAAgB,OAAA,~~CAAAmC~~,aAAA,CAACU,iBAAiB;QAChBR,GAAG,EAAEL,MAAM,CAACM,EAAG;QACfS,WAAW,EAAEf,MAAM,CAACgB,eAAgB;QACpCV,EAAE,EAAEN,MAAM,CAACM,EAAG;QACdL,KAAK,EAAEA,KAAM;~~QACbtB~~,KAAK,EAAEE,WAAY;~~QAAA2B~~,MAAA;QAAAC,QAAA;UAAAC,QAAA,~~EAAArD~~,YAAA;~~UAAAsD~~,UAAA;UAAAC,YAAA;QAAA;MAAA,GAElBV,WACgB,CAAC;IAExB;IAEA,OAAOA,WAAW;EACpB,CAAC,EACD,~~CAACpB~~,cAAc,CACjB,CAAC;EAED,~~IAAImC~~,KAAK,~~gBACPjE~~,MAAA,CAAAgB,OAAA,~~CAAAmC~~,aAAA,~~CAACjD~~,aAAA,~~CAAAgE~~,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,qBAAqB;IAC9BC,eAAe,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAArD~~,YAAA;~~MAAAsD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAEpBhC~~,iBAAiB,~~CAAC0C~~,MAAM,CAACC,KAAK,CAACC,GAAG,CAAC1B,UAAU,CAC3C,CACN;EAED,~~IAAIjB~~,WAAW,IAAI,CAACC,cAAc,EAAE;IAClC,MAAM;~~MAAE2C~~,sBAAsB;MAAEC;IAAyB,CAAC,~~GACxD7C~~,WAAW,~~CAACiC~~,UAAU;IAExBG,KAAK,~~gBACHjE~~,MAAA,CAAAgB,OAAA,~~CAAAmC~~,aAAA,CAACsB,sBAAsB;~~MACrB9C~~,KAAK,EAAEE,WAAY;~~MACnB8C~~,QAAQ,EAAE,MAAAA,CAAO;QAAEC,IAAI;QAAEC;MAAK,CAAC,KAAK;QAAA,IAAAC,kBAAA;~~QAClCnD~~,KAAK,~~CAACoD~~,6BAA6B,CAAC;UAAEC,UAAU,EAAE;QAAU,CAAC,CAAC;QAE9D,CAAAF,kBAAA,~~GAAAnD~~,KAAK,CAACE,WAAW,~~aAAjBiD~~,kBAAA,CAAmBG,uBAAuB,CACxCL,IAAI,CAACM,IAAI,CAAC5B,EAAE,EACZuB,IAAI,CAACK,IAAI,CAAC5B,EACZ,CAAC;MACH,CAAE;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAArD~~,YAAA;~~QAAAsD~~,UAAA;QAAAC,YAAA;MAAA;IAAA,~~gBAEF5D~~,MAAA,CAAAgB,OAAA,~~CAAAmC~~,aAAA,~~CAAAnD~~,MAAA,CAAAgB,OAAA,~~CAAAmE~~,QAAA,QACGlB,KAAK,~~eACNjE~~,MAAA,CAAAgB,OAAA,~~CAAAmC~~,aAAA,CAACuB,wBAAwB;~~MACvB/C~~,KAAK,EAAEE,WAAY;~~MACnBiB~~,UAAU,EAAGG,KAAK,IAAK;QACrB,MAAMiC,IAAI,~~GAAGtD~~,iBAAiB,~~CAAC0C~~,MAAM,CAACC,KAAK,CAACtB,KAAK,CAAC;QAClD,OAAOiC,IAAI,GAAGpC,UAAU,CAACoC,IAAI,EAAEjC,KAAK,EAAE;~~UAAEhB~~,MAAM,EAAE;QAAE,CAAC,CAAC,GAAG,IAAI;MAC7D,CAAE;~~MAAAuB~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAArD~~,YAAA;~~QAAAsD~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACD,CACoB,CACzB;EACH;EAEA,OAAOK,KAAK;AACd;AAEO,MAAMmB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,~~EAAC7D~~,YAAY,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","useEffect","sidePanelTransition","disposers","addEventListener","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","Box","direction","dataHook","backgroundColor","result","items","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect } from 'react';\nimport { Column } from '../../model';\nimport { Box } from '@wix/design-system';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { ColumnListTableListItem } from './ColumnListTableListItem';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n state: CustomColumnsState<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n const { state } = props;\n const { columnsCollection, dragAndDrop } = state;\n const hasSearchValue = state.searchValue.trim().length > 0;\n\n useEffect(() => {\n if (dragAndDrop == null) {\n return;\n }\n\n const { sidePanelTransition } = state;\n\n const disposers = [\n ...(sidePanelTransition\n ? [\n addEventListener(sidePanelTransition.events, 'entered', () => {\n dragAndDrop.listRect._syncThrottled();\n }),\n ]\n : []),\n dragAndDrop.listRect.init(),\n ];\n\n return () => {\n disposers.forEach((d) => d?.());\n };\n }, []);\n\n const renderItem = useCallback(\n (column: Column, index: number, { length }: { length: number }) => {\n const itemContent = (\n <ColumnListTableListItem\n key={column.id}\n index={index}\n state={state}\n column={column}\n showDivider={index < length - 1}\n />\n );\n\n if (dragAndDrop && !hasSearchValue) {\n const { DraggableListItem } = dragAndDrop.components;\n\n return (\n <DraggableListItem\n key={column.id}\n dndDisabled={column.reorderDisabled}\n id={column.id}\n index={index}\n state={dragAndDrop}\n >\n {itemContent}\n </DraggableListItem>\n );\n }\n\n return itemContent;\n },\n [hasSearchValue],\n );\n\n let child = (\n <Box\n direction=\"vertical\"\n dataHook=\"custom-columns-list\"\n backgroundColor=\"D60\"\n >\n {columnsCollection.result.items.map(renderItem)}\n </Box>\n );\n\n if (dragAndDrop && !hasSearchValue) {\n const { ListDragAndDropContext, DraggableListItemOverlay } =\n dragAndDrop.components;\n\n child = (\n <ListDragAndDropContext\n state={dragAndDrop}\n onSubmit={async ({ from, over }) => {\n state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });\n\n state.dragAndDrop?._onCustomColumnsReorder(\n from.item.id,\n over.item.id,\n );\n }}\n >\n <>\n {child}\n <DraggableListItemOverlay\n state={dragAndDrop}\n renderItem={(index) => {\n const item = columnsCollection.result.items[index];\n return item ? renderItem(item, index, { length: 0 }) : null;\n }}\n />\n </>\n </ListDragAndDropContext>\n );\n }\n\n return child;\n}\n\nexport const ColumnsList = observer(_ColumnsList);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,12 @@ exports.CustomColumnsPanel = void 0;
 exports._CustomColumnsPanel = _CustomColumnsPanel;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
-var _bexCore = require("@wix/bex-core");
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
 var _ColumnsList = require("./ColumnsList");
 var _CustomColumnsSearch = require("./CustomColumnsSearch");
 var _CustomColumnsNoResults = require("./CustomColumnsNoResults");
 var _useRafRender = require("../../hooks/useRafRender");
-var _bi = require("@wix/bex-core/bi");
 var _ScrollableContent = require("../ScrollableContent");
 var _PatternsSidePanel = require("../SidePanel/PatternsSidePanel");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.tsx";
@@ -26,13 +24,9 @@ function _CustomColumnsPanel({
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const {
-    table,
-    dragAndDrop
-  } = state;
-  const {
-    sidePanel,
+    dragAndDrop,
     collectionDataExtension
-  } = table;
+  } = state;
   (0, _react.useEffect)(() => state.init(), []);
   if (!entered) {
     return null;
@@ -47,18 +41,11 @@ function _CustomColumnsPanel({
   return /*#__PURE__*/_react.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
     dataHook: "custom-columns-panel",
     width: "100%",
-    onClose: () => {
-      table.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
-        isOpened: false,
-        feature: 'Custom Columns',
-        origin: 'X Button'
-      }));
-      sidePanel.close();
-    },
+    onClose: () => state.onClose(),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -67,7 +54,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 46,
       columnNumber: 7
     }
   }, shouldShowSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -75,7 +62,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 55,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomColumnsSearch.CustomColumnsSearch, {
@@ -83,7 +70,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 56,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -97,7 +84,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 60,
       columnNumber: 7
     }
   }, hasSearchValue && !hasSearchResults ? /*#__PURE__*/_react.default.createElement(_CustomColumnsNoResults.CustomColumnsNoResults, {
@@ -105,17 +92,17 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 70,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.dataExtension) == null ? void 0 : _collectionDataExtens.shouldDisplayArchive) && (collectionDataExtension == null || (_collectionDataExtens2 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens2.CustomColumnsArchivedItemsCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, {
     dataExtension: collectionDataExtension.dataExtension,
-    onCloseSidePanel: () => sidePanel.close(),
+    onCloseSidePanel: () => state.onClose(),
     dataHook: "custom-columns",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 76,
       columnNumber: 17
     }
   }), /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
@@ -123,14 +110,14 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 82,
       columnNumber: 13
     }
   }))), (collectionDataExtension == null || (_collectionDataExtens3 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens3.CustomColumnsAddCustomFieldCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 88,
       columnNumber: 9
     }
   }));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","~~_bexCore","~~_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","~~_bi","~~_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","~~table","~~dragAndDrop","~~sidePanel","~~collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","~~reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","~~__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, ~~withoutDefaults~~ } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ~~cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport {~~ ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n state,\n}: CustomColumnsPanelProps<T, F>) {\n const entered = useRafRender();\n const { translate: t } = useWixPatternsContainer();\n\n const { ~~table,~~ dragAndDrop ~~} = state;\n const { sidePanel~~, collectionDataExtension } = ~~table~~;\n\n useEffect(() => state.init(), []);\n\n if (!entered) {\n return null;\n }\n\n const hasSearchResults = state.columnsCollection.result.items.length > 0;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const totalColumns = state.orderedColumns.length;\n const isUsingDataExtension = !!collectionDataExtension;\n\n // Show search if they're using DEx OR if there are more than 5 columns\n const shouldShowSearch = isUsingDataExtension \|\| totalColumns > 5;\n\n return (\n <PatternsSidePanel\n dataHook=\"custom-columns-panel\"\n width=\"100%\"\n onClose={() => ~~{\n table~~.~~reportBi~~(~~\n withoutDefaults(cairoFiltersPanelUsed~~)~~({\n isOpened: false,\n feature: 'Custom Columns',\n origin: 'X Button',\n~~ }~~),\n );\n sidePanel.close();\n }}~~\n >\n <SidePanel.Header\n title={t('cairo.table.custom-columns.title')}\n subtitle={\n dragAndDrop\n ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n : t('cairo.table.custom-columns.subtitle')\n }\n >\n {shouldShowSearch && (\n <Box padding=\"0 SP3 SP2 SP3\">\n <CustomColumnsSearch state={state} />\n </Box>\n )}\n </SidePanel.Header>\n <ScrollableContent\n overflowY\n dataHook=\"custom-columns-panel-scroll-container\"\n ref={(e) => {\n if (state.dragAndDrop) {\n state.dragAndDrop.listRect.element = e;\n }\n }}\n >\n {hasSearchValue && !hasSearchResults ? (\n <CustomColumnsNoResults state={state} />\n ) : (\n <>\n {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n collectionDataExtension?.DataExtension\n ?.CustomColumnsArchivedItemsCTAButton && (\n <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n dataExtension={collectionDataExtension.dataExtension}\n onCloseSidePanel={() => ~~sidePanel~~.~~close~~()}\n dataHook=\"custom-columns\"\n />\n )}\n <ColumnsList state={state} />\n </>\n )}\n </ScrollableContent>\n {collectionDataExtension?.DataExtension\n ?.CustomColumnsAddCustomFieldCTAButton && (\n <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n )}\n </PatternsSidePanel>\n );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;~~AAEA~~,IAAAG,~~QAAA~~,GAAAH,OAAA;AACA,IAAAI,~~OAAA~~,GAAAJ,OAAA;AACA,IAAAK,~~cAAA~~,GAAAL,OAAA;AACA,IAAAM,~~YAAA~~,GAAAN,OAAA;AACA,IAAAO,~~oBAAA~~,GAAAP,OAAA;AACA,IAAAQ,~~uBAAA~~,GAAAR,OAAA;AACA,IAAAS,~~aAAA~~,GAAAT,OAAA;AACA,IAAAU,~~GAAA~~,GAAAV,OAAA;~~AACA~~,IAAAW,~~kBAAA,GAAAX,OAAA;AACA,IAAAY,kBAAA,GAAAZ,OAAA;AAAmE,IAAAa,~~YAAA;AAAA,~~SAAAX~~,~~wBAAAY~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAd~~,uBAAA,YAAAA,~~CAAAY~~,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAM5D,SAASkB,mBAAmBA,CAA0B;EAC3DC;AAC6B,CAAC,EAAE;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAChC,MAAMC,OAAO,GAAG,IAAAC,0BAAY,EAAC,CAAC;EAC9B,MAAM;IAAEC,SAAS,EAAEzB;EAAE,CAAC,GAAG,IAAA0B,+BAAuB,EAAC,CAAC;EAElD,MAAM;IAAEC,~~KAAK~~;IAAEC;~~EAAY~~,CAAC,GAAGT,KAAK;~~EACpC~~,~~MAAM;IAAEU~~,~~SAAS;IAAEC;EAAwB,CAAC,GAAGH,KAAK;EAEpD,IAAAI,~~gBAAS,EAAC,~~MAAMZ~~,KAAK,~~CAACa~~,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAI,~~CAACT~~,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,~~MAAMU~~,gBAAgB,~~GAAGd~~,KAAK,~~CAACe~~,iBAAiB,CAACC,MAAM,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC;EACxE,MAAMC,cAAc,~~GAAGnB~~,KAAK,~~CAACoB~~,WAAW,CAACC,IAAI,CAAC,CAAC,CAACH,MAAM,GAAG,CAAC;EAC1D,MAAMI,YAAY,~~GAAGtB~~,KAAK,~~CAACuB~~,cAAc,CAACL,MAAM;EAChD,MAAMM,oBAAoB,GAAG,CAAC,CAACb,uBAAuB;;EAEtD;EACA,MAAMc,gBAAgB,GAAGD,oBAAoB,IAAIF,YAAY,GAAG,CAAC;EAEjE,~~oBACEvD~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAAChD~~,kBAAA,~~CAAAiD~~,iBAAiB;IAChBC,QAAQ,EAAC,sBAAsB;IAC/BC,KAAK,EAAC,MAAM;IACZC,OAAO,EAAEA,CAAA,~~KAAM;MACbtB~~,KAAK,~~CAACuB~~,~~QAAQ,CACZ,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrCC,QAAQ,EAAE,KAAK;QACfC,~~OAAO,~~EAAE,gBAAgB;QACzBC,MAAM,EAAE;MACV,~~CAAC,~~CACH,CAAC;MACD1B,SAAS,CAAC2B,KAAK,CAAC,CAAC;IACnB,~~CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAEF3E~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAAC7D~~,aAAA,~~CAAA8E~~,SAAS,CAACC,MAAM;IACfC,KAAK,~~EAAEhE~~,CAAC,CAAC,kCAAkC,CAAE;~~IAC7CiE~~,QAAQ,~~EACNrC~~,WAAW,~~GACP5B~~,CAAC,CAAC,iDAAiD,CAAC,GACpDA,CAAC,CAAC,qCAAqC,CAC5C;~~IAAAyD~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAEAjB~~,gBAAgB,~~iBACf1D~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAAC7D~~,aAAA,~~CAAAkF~~,GAAG;IAACC,OAAO,EAAC,eAAe;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAC1B3E~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAACrD~~,oBAAA,~~CAAA4E~~,mBAAmB;~~IAACjD~~,KAAK,EAAEA,KAAM;~~IAAAsC~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAES,CAAC,~~eACnB3E~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAACjD~~,kBAAA,~~CAAAyE~~,iBAAiB;IAChBC,SAAS;~~IACTvB~~,QAAQ,EAAC,uCAAuC;~~IAChDwB~~,GAAG,~~EAAGxE~~,CAAC,IAAK;MACV,IAAIoB,KAAK,~~CAACS~~,WAAW,EAAE;~~QACrBT~~,KAAK,~~CAACS~~,WAAW,~~CAAC4C~~,QAAQ,CAACC,OAAO,~~GAAG1E~~,CAAC;MACxC;IACF,CAAE;~~IAAA0D~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAEDvB~~,cAAc,IAAI,CAACL,gBAAgB,~~gBAClC/C~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAACpD~~,uBAAA,~~CAAAiF~~,sBAAsB;~~IAACvD~~,KAAK,EAAEA,KAAM;~~IAAAsC~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,~~gBAExC3E~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAAA3D~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAkE~~,QAAA,QACG,~~CAAA7C~~,uBAAuB,~~aAAAV~~,qBAAA,~~GAAvBU~~,uBAAuB,~~CAAE8C~~,aAAa,~~qBAAtCxD~~,qBAAA,~~CAAwCyD~~,oBAAoB,~~MAC3D/C~~,uBAAuB,~~aAAAT~~,sBAAA,~~GAAvBS~~,uBAAuB,~~CAAEgD~~,aAAa,~~qBAAtCzD~~,sBAAA,~~CACI0D~~,mCAAmC,~~kBACrC7F~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,CAACf,uBAAuB,~~CAACgD~~,aAAa,CAACC,mCAAmC;IACxEH,aAAa,~~EAAE9C~~,uBAAuB,~~CAAC8C~~,aAAc;IACrDI,gBAAgB,EAAEA,CAAA,~~KAAMnD~~,~~SAAS~~,~~CAAC2B~~,~~KAAK~~,CAAC,CAAE;~~IAC1CT~~,QAAQ,EAAC,gBAAgB;~~IAAAU~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,~~eACH3E~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,~~CAACtD~~,YAAA,~~CAAA0F~~,WAAW;~~IAAC9D~~,KAAK,EAAEA,KAAM;~~IAAAsC~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5B,CAEa,CAAC,EACnB,~~CAAA/B~~,uBAAuB,~~aAAAR~~,sBAAA,~~GAAvBQ~~,uBAAuB,~~CAAEgD~~,aAAa,~~qBAAtCxD~~,sBAAA,~~CACG4D~~,oCAAoC,~~kBACtChG~~,MAAA,~~CAAAuB~~,OAAA,~~CAAAoC~~,aAAA,CAACf,uBAAuB,~~CAACgD~~,aAAa,CAACI,oCAAoC;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA7D~~,YAAA;~~MAAA8D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAE9D,CAAC;AAExB;AAEO,MAAMsB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,~~EAACnE~~,mBAAmB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","dragAndDrop","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n state,\n}: CustomColumnsPanelProps<T, F>) {\n const entered = useRafRender();\n const { translate: t } = useWixPatternsContainer();\n\n const { dragAndDrop, collectionDataExtension } = state;\n\n useEffect(() => state.init(), []);\n\n if (!entered) {\n return null;\n }\n\n const hasSearchResults = state.columnsCollection.result.items.length > 0;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const totalColumns = state.orderedColumns.length;\n const isUsingDataExtension = !!collectionDataExtension;\n\n // Show search if they're using DEx OR if there are more than 5 columns\n const shouldShowSearch = isUsingDataExtension \|\| totalColumns > 5;\n\n return (\n <PatternsSidePanel\n dataHook=\"custom-columns-panel\"\n width=\"100%\"\n onClose={() => state.onClose()}\n >\n <SidePanel.Header\n title={t('cairo.table.custom-columns.title')}\n subtitle={\n dragAndDrop\n ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n : t('cairo.table.custom-columns.subtitle')\n }\n >\n {shouldShowSearch && (\n <Box padding=\"0 SP3 SP2 SP3\">\n <CustomColumnsSearch state={state} />\n </Box>\n )}\n </SidePanel.Header>\n <ScrollableContent\n overflowY\n dataHook=\"custom-columns-panel-scroll-container\"\n ref={(e) => {\n if (state.dragAndDrop) {\n state.dragAndDrop.listRect.element = e;\n }\n }}\n >\n {hasSearchValue && !hasSearchResults ? (\n <CustomColumnsNoResults state={state} />\n ) : (\n <>\n {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n collectionDataExtension?.DataExtension\n ?.CustomColumnsArchivedItemsCTAButton && (\n <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n dataExtension={collectionDataExtension.dataExtension}\n onCloseSidePanel={() => state.onClose()}\n dataHook=\"custom-columns\"\n />\n )}\n <ColumnsList state={state} />\n </>\n )}\n </ScrollableContent>\n {collectionDataExtension?.DataExtension\n ?.CustomColumnsAddCustomFieldCTAButton && (\n <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n )}\n </PatternsSidePanel>\n );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "DragHandle791509687";
+var _namespace_ = "DragHandle3988645655";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle791509687__root"
+  "root": "DragHandle3988645655__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~DragHandle791509687~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~DragHandle791509687__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~qBAAqB~~;~~AACvC~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;~~AAA2B~~,CAAC;~~AAClD~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3988645655\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle3988645655__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/AddItemRow.js ADDED Viewed

@@ -0,0 +1,43 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AddItemRow = AddItemRow;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/AddItemRow.tsx";
+function AddItemRow({
+  onAdd
+}) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "add-row-button",
+    style: {
+      borderTop: '1px solid var(--wsr-color-D60)',
+      height: 36,
+      boxSizing: 'border-box',
+      padding: 4,
+      '--wds-add-item-fill-hover': 'var(--wsr-color-D70)',
+      '--wds-add-item-fill': 'transparent'
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 10,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
+    skin: "plain",
+    size: "tiny",
+    alignItems: "left",
+    removePadding: true,
+    borderRadius: "6px",
+    onClick: onAdd,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 7
+    }
+  }, "Add Item"));
+}
+//# sourceMappingURL=AddItemRow.js.map

package/dist/cjs/components/EditableTable/AddItemRow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","AddItemRow","onAdd","default","createElement","style","borderTop","height","boxSizing","padding","__self","__source","fileName","lineNumber","columnNumber","AddItem","skin","size","alignItems","removePadding","borderRadius","onClick"],"sources":["../../../../src/components/EditableTable/AddItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport { AddItem } from '@wix/design-system';\n\nexport interface AddItemRowProps {\n onAdd: () => void;\n}\n\nexport function AddItemRow({ onAdd }: AddItemRowProps) {\n return (\n <div\n data-hook=\"add-row-button\"\n style={\n {\n borderTop: '1px solid var(--wsr-color-D60)',\n height: 36,\n boxSizing: 'border-box',\n padding: 4,\n '--wds-add-item-fill-hover': 'var(--wsr-color-D70)',\n '--wds-add-item-fill': 'transparent',\n } as React.CSSProperties\n }\n >\n <AddItem\n skin=\"plain\"\n size=\"tiny\"\n alignItems=\"left\"\n removePadding\n borderRadius=\"6px\"\n onClick={onAdd}\n >\n Add Item\n </AddItem>\n </div>\n );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6C,IAAAE,YAAA;AAMtC,SAASC,UAAUA,CAAC;EAAEC;AAAuB,CAAC,EAAE;EACrD,oBACEN,MAAA,CAAAO,OAAA,CAAAC,aAAA;IACE,aAAU,gBAAgB;IAC1BC,KAAK,EACH;MACEC,SAAS,EAAE,gCAAgC;MAC3CC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAE,CAAC;MACV,2BAA2B,EAAE,sBAAsB;MACnD,qBAAqB,EAAE;IACzB,CACD;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDlB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAgB,OAAO;IACNC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,MAAM;IACXC,UAAU,EAAC,MAAM;IACjBC,aAAa;IACbC,YAAY,EAAC,KAAK;IAClBC,OAAO,EAAEnB,KAAM;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChB,UAEQ,CACN,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.js CHANGED Viewed

@@ -54,6 +54,11 @@ function _EditableCell({
   }, [cellInteraction, rowKey, columnId]);
   const handleCommit = (0, _react.useCallback)(() => cellInteraction.commitEdit(), [cellInteraction]);
   const handleCancel = (0, _react.useCallback)(() => cellInteraction.cancelEdit(), [cellInteraction]);
+  const handleStartEdit = (0, _react.useCallback)(() => {
+    if (!cellInteraction.isEditing) {
+      cellInteraction.startEdit(rowKey, columnId);
+    }
+  }, [cellInteraction, rowKey, columnId]);
   const cellKeyboard = (0, _useCellFocusAndEditing.useCellFocusAndEditing)({
     state,
     rowKey,
@@ -69,7 +74,7 @@ function _EditableCell({
     EditComponent
   } = resolved;
   const showValidationIndicator = !cellValidation.valid && !isEditing;
-  const showEdit = (isEditing || isFocused && isEditable && !!resolved.toggleValue) && EditComponent;
+  const showEdit = (isEditing || isFocused && isEditable && !state.updateItemDisabled && (!!resolved.toggleValue || !!resolved.showEditWhenFocused)) && EditComponent;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: cellRef,
     className: (0, _EditableCellStCss.st)(_EditableCellStCss.classes.root, {
@@ -78,6 +83,7 @@ function _EditableCell({
       selected: isSelected,
       invalid: !cellValidation.valid,
       typeToEdit: !!resolved.onTypeToEdit,
+      showEditWhenFocused: !!resolved.showEditWhenFocused,
       selectionTop: selectionBorder.top,
       selectionBottom: selectionBorder.bottom,
       selectionLeft: selectionBorder.left,
@@ -101,7 +107,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 112,
       columnNumber: 5
     }
   }, showValidationIndicator && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -110,7 +116,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 143,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -118,7 +124,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 144,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarningFilledSmall, {
@@ -126,7 +132,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 145,
       columnNumber: 13
     }
   }))), showEdit ? /*#__PURE__*/_react.default.createElement(EditComponent, {
@@ -134,6 +140,7 @@ function _EditableCell({
     onChange: handleChange,
     onCommit: handleCommit,
     onCancel: handleCancel,
+    onStartEdit: handleStartEdit,
     inputRef: editInputRef,
     typeConfig: column.typeConfig,
     editTrigger: cellInteraction.editTrigger,
@@ -141,7 +148,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 150,
       columnNumber: 9
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -151,7 +158,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 166,
       columnNumber: 9
     }
   }));

package/dist/cjs/components/EditableTable/EditableCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","toggleValue","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","editingValue","onChange","onCommit","onCancel","inputRef","typeConfig","editTrigger","validation","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n state: EditableTableState<T, F>;\n rowKey: string;\n columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\n const cellRef = useRef<HTMLDivElement \| null>(null);\n const editInputRef = useRef<Focusable>();\n\n const column = state._columnMap.get(columnId);\n const keyedItem = state._getKeyedItem(rowKey);\n const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n const value = state.getCellDisplayValue(rowKey, columnId);\n const cellValidation = state.getCellValidation(rowKey, columnId);\n\n const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n const isEditable = state.isCellEditable(rowKey, columnId);\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellClick(rowKey, columnId, e.shiftKey);\n },\n [state, rowKey, columnId],\n );\n\n const handleDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n state.handleCellDoubleClick(rowKey, columnId);\n },\n [state, rowKey, columnId],\n );\n\n // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n // in select). startEdit resets editingValue, so it must come before setEditingValue.\n // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n const handleChange = useCallback(\n (newValue: any) => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\n\n const handleCancel = useCallback(\n () => cellInteraction.cancelEdit(),\n [cellInteraction],\n );\n\n const cellKeyboard = useCellFocusAndEditing({\n state,\n rowKey,\n columnId,\n cellRef,\n editInputRef,\n });\n\n if (!column \|\| !keyedItem \|\| !resolved) {\n return null;\n }\n\n const { ViewComponent, EditComponent } = resolved;\n const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n const showEdit =\n (isEditing \|\| (isFocused && isEditable && !!resolved.toggleValue)) &&\n EditComponent;\n\n return (\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n selected: isSelected,\n invalid: !cellValidation.valid,\n typeToEdit: !!resolved.onTypeToEdit,\n selectionTop: selectionBorder.top,\n selectionBottom: selectionBorder.bottom,\n selectionLeft: selectionBorder.left,\n selectionRight: selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid \|\| undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing \|\| undefined}\n >\n {showValidationIndicator && (\n <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n <span data-hook=\"validation-indicator\">\n <StatusWarningFilledSmall className={classes.validationIndicator} />\n </span>\n </Tooltip>\n )}\n {showEdit ? (\n <EditComponent\n value={cellInteraction.editingValue !== undefined ? cellInteraction.editingValue : value}\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n validation={column.validation}\n />\n ) : (\n <ViewComponent value={value} typeConfig={column.typeConfig} validation={column.validation} />\n )}\n </div>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","editingValue","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n state: EditableTableState<T, F>;\n rowKey: string;\n columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\n const cellRef = useRef<HTMLDivElement \| null>(null);\n const editInputRef = useRef<Focusable>();\n\n const column = state._columnMap.get(columnId);\n const keyedItem = state._getKeyedItem(rowKey);\n const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n const value = state.getCellDisplayValue(rowKey, columnId);\n const cellValidation = state.getCellValidation(rowKey, columnId);\n\n const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n const isEditable = state.isCellEditable(rowKey, columnId);\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellClick(rowKey, columnId, e.shiftKey);\n },\n [state, rowKey, columnId],\n );\n\n const handleDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n e.preventDefault();\n state.handleCellDoubleClick(rowKey, columnId);\n },\n [state, rowKey, columnId],\n );\n\n // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n // in select). startEdit resets editingValue, so it must come before setEditingValue.\n // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n const handleChange = useCallback(\n (newValue: any) => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\n\n const handleCancel = useCallback(\n () => cellInteraction.cancelEdit(),\n [cellInteraction],\n );\n\n const handleStartEdit = useCallback(\n () => {\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId);\n }\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const cellKeyboard = useCellFocusAndEditing({\n state,\n rowKey,\n columnId,\n cellRef,\n editInputRef,\n });\n\n if (!column \|\| !keyedItem \|\| !resolved) {\n return null;\n }\n\n const { ViewComponent, EditComponent } = resolved;\n const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n const showEdit =\n (isEditing \|\|\n (isFocused &&\n isEditable &&\n !state.updateItemDisabled &&\n (!!resolved.toggleValue \|\| !!resolved.showEditWhenFocused))) &&\n EditComponent;\n\n return (\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n selected: isSelected,\n invalid: !cellValidation.valid,\n typeToEdit: !!resolved.onTypeToEdit,\n showEditWhenFocused: !!resolved.showEditWhenFocused,\n selectionTop: selectionBorder.top,\n selectionBottom: selectionBorder.bottom,\n selectionLeft: selectionBorder.left,\n selectionRight: selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid \|\| undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing \|\| undefined}\n >\n {showValidationIndicator && (\n <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n <span data-hook=\"validation-indicator\">\n <StatusWarningFilledSmall className={classes.validationIndicator} />\n </span>\n </Tooltip>\n )}\n {showEdit ? (\n <EditComponent\n value={\n cellInteraction.editingValue !== undefined\n ? cellInteraction.editingValue\n : value\n }\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n onStartEdit={handleStartEdit}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n validation={column.validation}\n />\n ) : (\n <ViewComponent\n value={value}\n typeConfig={column.typeConfig}\n validation={column.validation}\n />\n )}\n </div>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}