@wix/patterns 1.431.0 → 1.432.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_FieldActions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionFieldsSource","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","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","menuConfig","field","fieldActionsMenu","fieldId","origin","location","undefined","manageFieldMenu","createElement","FieldActionsPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","dataExtension","hasRightContent","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","showSelectionBorder","checkboxTooltipContent","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 { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\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';\nimport { FieldActionsPopover } from '../FieldActions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsPanelStateBase<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 { collectionFieldsSource } = state;\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\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  // The source field is stamped on the column at projection time. The source\n  // builds the per-field manage menu (edit / delete / archive …) as data; we\n  // render it with the shared popover. Null when the field has no menu.\n  const menuConfig = column.field\n    ? collectionFieldsSource?.fieldActionsMenu?.({\n        fieldId: column.field.id,\n        origin: 'Custom columns panel',\n        location: 'Customize columns action cell',\n      })\n    : undefined;\n  const manageFieldMenu = menuConfig ? (\n    <FieldActionsPopover {...menuConfig} />\n  ) : null;\n\n  const hasIndications =\n    column.isPii ||\n    column.isPrimary ||\n    column.isSystem ||\n    !!column.dataExtension;\n  const hasRightContent = hasIndications || !!manageFieldMenu;\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={isHarmonyTheme ? 'tiny' : 'small'}\n        dragHandleSize=\"small\"\n        showSelectionBorder={isHarmonyTheme ? false : undefined}\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={isHarmonyTheme ? 'thin' : '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                      &nbsp;*\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                      {manageFieldMenu}\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;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAAkE,IAAAS,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AASlE,SAASkB,wBAAwBA,CAC/BC,KAAyC,EACzC;EAAA,IAAAC,kBAAA;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,GAAGZ,KAAK;EACT,MAAM;IAAEa;EAAO,CAAC,GAAGV,KAAK;EAExB,MAAM;IAAEW;EAAuB,CAAC,GAAGX,KAAK;EACxC,MAAM;IAAEY,SAAS,EAAElC;EAAE,CAAC,GAAG,IAAAmC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC1C,MAAMC,kBAAkB,GAAGhB,KAAK,CAACgB,kBAAkB;EAEnD,MAAM;IAAEC;EAAiB,CAAC,GAAGlB,MAAM;EACnC,MAAMmB,UAAU,GAAGF,kBAAkB,GACjC,IAAAG,sCAAgB,EAAC;IAAEC,SAAS,EAAErB,MAAM,CAACqB;EAAU,CAAC,CAAC,GACjD,IAAI;EAER,MAAMC,gBAAgB,GAAG,CAACtB,MAAM,CAACuB,QAAQ;EACzC,MAAMC,cAAc,GAAGvB,KAAK,CAACwB,WAAW,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;EAC1D,MAAMC,YAAY,GAAG5B,MAAM,CAAC6B,eAAe,IAAIL,cAAc;EAC7D,MAAMM,OAAO,GAAGnB,MAAM,CAACoB,SAAS,CAAC/B,MAAM,CAACgC,EAAE,CAAC;EAC3C,MAAMC,WAAW,GACf,CAAAf,gBAAgB,oBAAhBA,gBAAgB,CAAEgB,YAAY,MAAIhB,gBAAgB,oBAAhBA,gBAAgB,CAAEiB,OAAO;EAC7D,MAAMC,UAAU,GACd,EAAArC,kBAAA,GAAAC,MAAM,CAACqC,UAAU,qBAAjBtC,kBAAA,CAAmBuC,IAAI,CAAEzD,CAAC,IAAKA,CAAC,CAAC0D,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;EACA;EACA;EACA,MAAMC,UAAU,GAAG7C,MAAM,CAAC8C,KAAK,GAC3BlC,sBAAsB,YAAtBA,sBAAsB,CAAEmC,gBAAgB,oBAAxCnC,sBAAsB,CAAEmC,gBAAgB,CAAG;IACzCC,OAAO,EAAEhD,MAAM,CAAC8C,KAAK,CAACd,EAAE;IACxBiB,MAAM,EAAE,sBAAsB;IAC9BC,QAAQ,EAAE;EACZ,CAAC,CAAC,GACFC,SAAS;EACb,MAAMC,eAAe,GAAGP,UAAU,gBAChC5E,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC9E,aAAA,CAAA+E,mBAAmB,MAAAC,SAAA,CAAAnE,OAAA,MAAKyD,UAAU;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC,GACrC,IAAI;EAER,MAAMC,cAAc,GAClB7D,MAAM,CAAC8D,KAAK,IACZ9D,MAAM,CAAC+D,SAAS,IAChB/D,MAAM,CAACgE,QAAQ,IACf,CAAC,CAAChE,MAAM,CAACiE,aAAa;EACxB,MAAMC,eAAe,GAAGL,cAAc,IAAI,CAAC,CAACT,eAAe;EAE3D,oBACEnF,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,YAAAE,SAAA,CAAAnE,OAAA,MACMsB,IAAI;IACRyD,GAAG,EAAEhE,MAAO;IACZqC,KAAK,EAAEA,KAAM;IACb,aAAW,eAAexC,MAAM,CAACgC,EAAE,EAAG;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEtC3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAqG,aAAa,MAAAb,SAAA,CAAAnE,OAAA;IACZc,WAAW,EAAEA,WAAY;IACzBmE,QAAQ;IACRvC,OAAO,EAAEA,OAAQ;IACjBwC,eAAe,EAAC,MAAM;IACtBC,iBAAiB,EAAExD,cAAc,GAAG,MAAM,GAAG,OAAQ;IACrDyD,cAAc,EAAC,OAAO;IACtBC,mBAAmB,EAAE1D,cAAc,GAAG,KAAK,GAAGoC,SAAU;IACxD7B,gBAAgB,EAAEA,gBAAiB;IACnCoD,sBAAsB,EACpBpD,gBAAgB,GACZM,YAAY,GACVjD,CAAC,CAAC,6CAA6C,CAAC,GAChDA,CAAC,CAAC,oDAAoD,CAAC,GACzDwE,SACL;IACDwB,oBAAoB,EAAE;MACpBC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE,CAACxD;IACb,CAAE;IACFyD,gBAAgB,EAAEA,CAAA,KAAM;MACtB,IAAIzD,gBAAgB,EAAE;QACpB;MACF;MACArB,KAAK,CAAC+E,sBAAsB,CAAChF,MAAM,CAAC;MACpCC,KAAK,CAACgF,6BAA6B,CAAC;QAAEC,UAAU,EAAE;MAAa,CAAC,CAAC;IACnE;EAAE,GACG1D,cAAc,GACf,CAAC,CAAC,GACF;IACE2D,SAAS,EAAE,IAAI;IACf/E,QAAQ;IACRwB,YAAY;IACZvB,eAAe,EAAE;MACf,GAAGA,eAAe;MAClB+E,cAAc,EAAExD,YAAY,GACxBN,gBAAgB,GACd3C,CAAC,CAAC,6CAA6C,CAAC,GAChDA,CAAC,CAAC,kDAAkD,CAAC,GACvDwE,SAAS;MACbkC,YAAY,EAAE;QACZT,QAAQ,EAAE,OAAO;QACjBC,QAAQ,EAAE;MACZ;IACF;EACF,CAAC;IACLS,OAAO,EAAE,CACP;MACEC,KAAK,eACHtH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAyH,GAAG,MAAAjC,SAAA,CAAAnE,OAAA,MACG+B,UAAU,GAAG;QAAEsE,aAAa,EAAE;MAAS,CAAC,GAAG,CAAC,CAAC;QAClDC,QAAQ,EAAE,CAAE;QACZC,QAAQ,EAAE,CAAE;QAAAnC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,iBAEZ3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA;QACEb,KAAK,EAAE;UACL,IAAIrB,UAAU,GACV;YAAEuB,OAAO,EAAE,MAAM;YAAEkD,UAAU,EAAE;UAAS,CAAC,GACzC,CAAC,CAAC,CAAC;UACPC,OAAO,EAAE,GAAG;UACZC,MAAM,EAAExE,gBAAgB,GAAG6B,SAAS,GAAG,SAAS;UAChD4C,QAAQ,EAAE,QAAQ;UAClBL,QAAQ,EAAE;QACZ,CAAE;QACFM,OAAO,EAAEA,CAAA,KAAM;UACb,IAAI1E,gBAAgB,EAAE;YACpB;UACF;UACArB,KAAK,CAAC+E,sBAAsB,CAAChF,MAAM,CAAC;QACtC,CAAE;QAAAwD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEDzC,UAAU,iBACTlD,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAyH,GAAG;QACFS,KAAK,EAAC,QAAQ;QACdR,aAAa,EAAC,QAAQ;QACtBS,WAAW,EAAC,KAAK;QACjBC,UAAU,EAAE,CAAE;QAAA3C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEbzC,UACE,CACN,eACDlD,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAqI,IAAI;QACHC,IAAI,EAAC,OAAO;QACZC,MAAM,EAAEvF,cAAc,GAAG,MAAM,GAAG,QAAS;QAC3CwF,QAAQ,EAAC,qBAAqB;QAC9BC,QAAQ;QACR3B,QAAQ,EAAC,QAAQ;QAAArB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEhB5D,MAAM,CAACyG,IAAI,IAAIzG,MAAM,CAAC0G,KAAK,IAAI1G,MAAM,CAACgC,EACnC,CAAC,EACNI,UAAU,iBACTnE,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAqI,IAAI;QAACC,IAAI,EAAC,MAAM;QAACM,IAAI,EAAC,OAAO;QAACL,MAAM,EAAC,MAAM;QAAA9C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAAC,OAEvC,CAEL,CAAC,eAEN3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA;QACEb,KAAK,EAAE;UAAEsD,MAAM,EAAE;QAAU,CAAE;QAC7Bc,aAAa,EAAGlI,CAAC,IAAKA,CAAC,CAACmI,eAAe,CAAC,CAAE;QAAArD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEzC3B,WAAW,iBACVhE,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAA+I,QAAQ,MAAAvD,SAAA,CAAAnE,OAAA;QACPiH,IAAI,EAAC;MAAO,GACRnF,gBAAgB;QACpBqF,QAAQ,EAAC,WAAW;QACpBpE,OAAO,EAAEF,WAAY;QAAAuB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,EACtB,CAEA,CACF;IAET,CAAC,EAED,IAAIM,eAAe,GACf,CACE;MACEqB,KAAK,eACHtH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACtF,aAAA,CAAAyH,GAAG;QAACuB,GAAG,EAAC,KAAK;QAACtB,aAAa,EAAC,QAAQ;QAAAjC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACnC3F,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC/E,iBAAA,CAAA0I,gBAAgB;QAAChH,MAAM,EAAEA,MAAO;QAAAwD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjF,YAAA;UAAAkF,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,EACnCR,eACE,CACN;MACD6C,KAAK,EAAE,OAAgB;MACvBgB,KAAK,EAAE;IACT,CAAC,CACF,GACD,EAAE,CAAC,CACP;IAAAzD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjF,YAAA;MAAAkF,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACE,CAAC;AAEV;AAEO,MAAMsD,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACvH,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_fieldTypePrefixIcons","_FieldIndications","_FieldActions","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","manageFieldsSource","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","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","menuConfig","field","fieldActionsMenu","fieldId","origin","location","undefined","manageFieldMenu","createElement","FieldActionsPopover","_extends2","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","dataExtension","hasRightContent","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","showSelectionBorder","checkboxTooltipContent","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 { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\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';\nimport { FieldActionsPopover } from '../FieldActions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  column: Column;\n  state: CustomColumnsPanelStateBase<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 { manageFieldsSource } = state;\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\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  // The source field is stamped on the column at projection time. The source\n  // builds the per-field manage menu (edit / delete / archive …) as data; we\n  // render it with the shared popover. Null when the field has no menu.\n  const menuConfig = column.field\n    ? manageFieldsSource?.fieldActionsMenu?.({\n        fieldId: column.field.id,\n        origin: 'Custom columns panel',\n        location: 'Customize columns action cell',\n      })\n    : undefined;\n  const manageFieldMenu = menuConfig ? (\n    <FieldActionsPopover {...menuConfig} />\n  ) : null;\n\n  const hasIndications =\n    column.isPii ||\n    column.isPrimary ||\n    column.isSystem ||\n    !!column.dataExtension;\n  const hasRightContent = hasIndications || !!manageFieldMenu;\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={isHarmonyTheme ? 'tiny' : 'small'}\n        dragHandleSize=\"small\"\n        showSelectionBorder={isHarmonyTheme ? false : undefined}\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={isHarmonyTheme ? 'thin' : '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                      &nbsp;*\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                      {manageFieldMenu}\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":[]}

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

@@ -33,21 +33,26 @@ function _CustomColumnsPanel({
   const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     dragAndDrop,
-    collectionFieldsSource
+    manageFieldsSource
   } = state;
-  const archive = collectionFieldsSource == null ? void 0 : collectionFieldsSource.fieldsSource.archive;
-  const deleteFieldModal = collectionFieldsSource == null ? void 0 : collectionFieldsSource.customFieldsPanel.deleteFieldModal;
+  const archive = manageFieldsSource == null ? void 0 : manageFieldsSource.fieldsSource.archive;
+  const deleteFieldModal = manageFieldsSource == null ? void 0 : manageFieldsSource.customFieldsPanel.deleteFieldModal;
   const schemaCtx = (0, _SchemaContext.useSchemaContext)();
   const isSchema = !!(schemaCtx != null && schemaCtx.schema);
-  const isEditable = !!collectionFieldsSource || isSchema || state.isFieldsEditable;
-  (0, _react.useEffect)(() => state.init(), []);
+  const isEditable = !!manageFieldsSource || isSchema || state.isFieldsEditable;
+
+  // Keyed on `state`: a card that rebuilds its state hands a new one to the
+  // panel it already registered, and the new one has to be initialized (and the
+  // old one disposed). A table's state is created once, so this never re-runs
+  // there.
+  (0, _react.useEffect)(() => state.init(), [state]);
   if (!entered) {
     return null;
   }
   const hasSearchResults = state.columnsCollection.result.items.length > 0;
   const hasSearchValue = state.searchValue.trim().length > 0;
   const totalColumns = state.orderedColumns.length;
-  const hasFieldsSource = !!collectionFieldsSource;
+  const hasFieldsSource = !!manageFieldsSource;
 
   // Show search if there's a fields source OR if there are more than 5 columns
   const shouldShowSearch = hasFieldsSource || totalColumns > 5;
@@ -60,7 +65,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 75,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -69,7 +74,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 80,
       columnNumber: 9
     }
   }, shouldShowSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -77,7 +82,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 82,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomColumnsSearch.CustomColumnsSearch, {
@@ -85,7 +90,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 83,
       columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -99,7 +104,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 87,
       columnNumber: 9
     }
   }, hasSearchValue && !hasSearchResults ? /*#__PURE__*/_react.default.createElement(_CustomColumnsNoResults.CustomColumnsNoResults, {
@@ -107,7 +112,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 97,
       columnNumber: 13
     }
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (archive == null ? void 0 : archive.shouldDisplay) && deleteFieldModal && (isHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -117,7 +122,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 103,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -125,7 +130,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 104,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(ArchivedItemsCTAButton, {
@@ -136,7 +141,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 105,
       columnNumber: 23
     }
   }))) : /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -144,7 +149,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 114,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(ArchivedItemsCTAButton, {
@@ -155,7 +160,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 115,
       columnNumber: 21
     }
   }))), /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
@@ -163,15 +168,15 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 123,
       columnNumber: 15
     }
-  }))), collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldsSourceAddFieldCTA.FieldsSourceAddFieldCTA, {
-    source: collectionFieldsSource,
+  }))), manageFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldsSourceAddFieldCTA.FieldsSourceAddFieldCTA, {
+    source: manageFieldsSource,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 128,
       columnNumber: 11
     }
   }), (schemaCtx == null ? void 0 : schemaCtx.addField) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -180,7 +185,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 131,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -188,7 +193,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 132,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -199,7 +204,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 133,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -208,7 +213,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 139,
       columnNumber: 15
     }
   }, t('cairo.customFields.addCustomField.CTA'))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useBmHarmonyTheme","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","dragAndDrop","collectionFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","isFieldsEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","direction","marginLeft","marginRight","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<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  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const { dragAndDrop, collectionFieldsSource } = state;\n  const archive = collectionFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    collectionFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable =\n    !!collectionFieldsSource || isSchema || state.isFieldsEditable;\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 hasFieldsSource = !!collectionFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding={isHarmonyTheme ? '0 SP4 SP2 SP4' : '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              {archive?.shouldDisplay &&\n                deleteFieldModal &&\n                (isHarmonyTheme ? (\n                  <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                    <Suspense fallback={null}>\n                      <ArchivedItemsCTAButton\n                        archive={archive}\n                        deleteFieldModal={deleteFieldModal}\n                        onCloseSidePanel={() => state.onClose()}\n                        dataHook=\"custom-columns\"\n                      />\n                    </Suspense>\n                  </Box>\n                ) : (\n                  <Suspense fallback={null}>\n                    <ArchivedItemsCTAButton\n                      archive={archive}\n                      deleteFieldModal={deleteFieldModal}\n                      onCloseSidePanel={() => state.onClose()}\n                      dataHook=\"custom-columns\"\n                    />\n                  </Suspense>\n                ))}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {collectionFieldsSource && (\n          <FieldsSourceAddFieldCTA source={collectionFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={schemaCtx.addField}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useBmHarmonyTheme","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","dragAndDrop","manageFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","isFieldsEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","direction","marginLeft","marginRight","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<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  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const { dragAndDrop, manageFieldsSource } = state;\n  const archive = manageFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    manageFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!manageFieldsSource || isSchema || state.isFieldsEditable;\n\n  // Keyed on `state`: a card that rebuilds its state hands a new one to the\n  // panel it already registered, and the new one has to be initialized (and the\n  // old one disposed). A table's state is created once, so this never re-runs\n  // there.\n  useEffect(() => state.init(), [state]);\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 hasFieldsSource = !!manageFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding={isHarmonyTheme ? '0 SP4 SP2 SP4' : '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              {archive?.shouldDisplay &&\n                deleteFieldModal &&\n                (isHarmonyTheme ? (\n                  <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                    <Suspense fallback={null}>\n                      <ArchivedItemsCTAButton\n                        archive={archive}\n                        deleteFieldModal={deleteFieldModal}\n                        onCloseSidePanel={() => state.onClose()}\n                        dataHook=\"custom-columns\"\n                      />\n                    </Suspense>\n                  </Box>\n                ) : (\n                  <Suspense fallback={null}>\n                    <ArchivedItemsCTAButton\n                      archive={archive}\n                      deleteFieldModal={deleteFieldModal}\n                      onCloseSidePanel={() => state.onClose()}\n                      dataHook=\"custom-columns\"\n                    />\n                  </Suspense>\n                ))}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {manageFieldsSource && (\n          <FieldsSourceAddFieldCTA source={manageFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={schemaCtx.addField}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.js

@@ -0,0 +1,172 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PiiFormFieldsV2 = PiiFormFieldsV2;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _Trans = require("../Trans");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.tsx";
+function PiiFormFieldsV2({
+  containsPii,
+  mode,
+  language,
+  piiWarning
+}) {
+  const translateKeys = {
+    toggleName: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',
+    toggleInfo: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',
+    toggleEditNote: 'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote'
+  };
+  const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;
+  const isEdit = mode === 'edit';
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "9px",
+    marginBlockEnd: isEdit ? '6px' : undefined,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
+    dataHook: "pii-toggle-switch",
+    size: "medium",
+    disabled: isEdit,
+    checked: containsPii.value,
+    onChange: e => containsPii.onChange(e.target.checked),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "3px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    dataHook: "pii-toggle-name",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+    i18nKey: translateKeys.toggleName,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 17
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+    size: "small",
+    content: /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+      i18nKey: translateKeys.toggleInfo,
+      components: {
+        linkVal: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+          as: "a",
+          href: whyIsItImportantLink,
+          underline: "always",
+          size: "small",
+          target: "_blank",
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 66,
+            columnNumber: 25
+          }
+        })
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 62,
+        columnNumber: 19
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 15
+    }
+  })))), isEdit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 82,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    dataHook: "pii-toggle-edit-note",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+    i18nKey: translateKeys.toggleEditNote,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 84,
+      columnNumber: 15
+    }
+  })))), containsPii.value && piiWarning && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
+    dataHook: "custom-field-modal-pii-warning",
+    skin: "warning",
+    showPrefixIcon: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 11
+    }
+  }, piiWarning.text, ' ', piiWarning.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    dataHook: "custom-field-modal-pii-warning-action",
+    size: "small",
+    skin: "dark",
+    underline: "always",
+    onClick: piiWarning.action.onClick,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 100,
+      columnNumber: 15
+    }
+  }, piiWarning.action.label))));
+}
+//# sourceMappingURL=CustomFieldFormPiiFieldsV2.js.map

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_Trans","_jsxFileName","PiiFormFieldsV2","containsPii","mode","language","piiWarning","translateKeys","toggleName","toggleInfo","toggleEditNote","whyIsItImportantLink","isEdit","default","createElement","Fragment","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormField","Box","gap","marginBlockEnd","undefined","ToggleSwitch","dataHook","size","disabled","checked","value","onChange","e","target","Text","Trans","i18nKey","InfoIcon","content","components","linkVal","TextButton","as","href","underline","SectionHelper","skin","showPrefixIcon","text","action","onClick","label"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldFormPiiFieldsV2.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Cell,\n  FormField,\n  InfoIcon,\n  SectionHelper,\n  Text,\n  TextButton,\n  ToggleSwitch,\n} from '@wix/design-system';\nimport type { FieldPiiWarning } from '@wix/bex-core';\nimport { Trans } from '../Trans';\n\ninterface PiiFormFieldsV2Props {\n  containsPii: {\n    value: boolean;\n    onChange: (value: boolean) => void;\n  };\n  mode: string;\n  language: string;\n  /** Shown only while the toggle is on. */\n  piiWarning?: FieldPiiWarning;\n}\n\nexport function PiiFormFieldsV2({\n  containsPii,\n  mode,\n  language,\n  piiWarning,\n}: PiiFormFieldsV2Props) {\n  const translateKeys = {\n    toggleName:\n      'cairo.customFields.addCustomField.modal.PII-setting.toggle.name',\n    toggleInfo:\n      'cairo.customFields.addCustomField.modal.PII-setting.toggle.info',\n    toggleEditNote:\n      'cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote',\n  } as const;\n  const whyIsItImportantLink = `https://support.wix.com/${language}/article/about-personally-identifiable-information-pii`;\n  const isEdit = mode === 'edit';\n\n  return (\n    <>\n      <Cell span={12}>\n        <FormField>\n          <Box gap=\"9px\" marginBlockEnd={isEdit ? '6px' : undefined}>\n            <ToggleSwitch\n              dataHook=\"pii-toggle-switch\"\n              size=\"medium\"\n              disabled={isEdit}\n              checked={containsPii.value}\n              onChange={(e) => containsPii.onChange(e.target.checked)}\n            />\n            <Box gap=\"3px\">\n              <Text size=\"small\" dataHook=\"pii-toggle-name\">\n                <Trans i18nKey={translateKeys.toggleName} />\n              </Text>\n              <InfoIcon\n                size=\"small\"\n                content={\n                  <Trans\n                    i18nKey={translateKeys.toggleInfo}\n                    components={{\n                      linkVal: (\n                        <TextButton\n                          as=\"a\"\n                          href={whyIsItImportantLink}\n                          underline=\"always\"\n                          size=\"small\"\n                          target=\"_blank\"\n                        />\n                      ),\n                    }}\n                  />\n                }\n              />\n            </Box>\n          </Box>\n        </FormField>\n        {isEdit && (\n          <Box>\n            <Text size=\"small\" dataHook=\"pii-toggle-edit-note\">\n              <Trans i18nKey={translateKeys.toggleEditNote} />\n            </Text>\n          </Box>\n        )}\n      </Cell>\n      {containsPii.value && piiWarning && (\n        <Cell span={12}>\n          <SectionHelper\n            dataHook=\"custom-field-modal-pii-warning\"\n            skin=\"warning\"\n            showPrefixIcon\n          >\n            {/* Inline, not SectionHelper's `actionText` — that slot renders a\n                bordered button on its own row. */}\n            {piiWarning.text}{' '}\n            {piiWarning.action && (\n              <TextButton\n                dataHook=\"custom-field-modal-pii-warning-action\"\n                size=\"small\"\n                skin=\"dark\"\n                underline=\"always\"\n                onClick={piiWarning.action.onClick}\n              >\n                {piiWarning.action.label}\n              </TextButton>\n            )}\n          </SectionHelper>\n        </Cell>\n      )}\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}