@wix/patterns 1.423.0 → 1.424.0

package/dist/cjs/components/FieldActions/FieldActions.js

@@ -2,224 +2,242 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.FIELD_ACTION_DISABLE_REASON_TOOLTIPS = exports.FIELD_ACTIONS = void 0;
+exports.FIELD_ACTIONS = void 0;
 exports.buildFieldActionGroups = buildFieldActionGroups;
-exports.getFieldActionDisableReason = getFieldActionDisableReason;
-exports.getFieldActionDisableState = getFieldActionDisableState;
+exports.buildFieldActionsMenu = buildFieldActionsMenu;
 var _react = _interopRequireDefault(require("react"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _bexCore = require("@wix/bex-core");
+var _bi = require("@wix/bex-core/bi");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FieldActions/FieldActions.tsx";
-const getReadOnlySchemaReason = perms => (perms == null ? void 0 : perms.schemaEditable) === false ? 'schemaNotEditable' : null;
-const checkEditPerms = (col, perms) => {
-  const blocked = getReadOnlySchemaReason(perms);
-  if (blocked) {
-    return blocked;
-  }
-  if (perms != null && perms.editDisabled) {
-    return 'editDisabled';
-  }
-  if (col.isSystem) {
-    return 'systemField';
-  }
-  return null;
-};
-const checkAddPerms = (col, perms) => {
-  const blocked = getReadOnlySchemaReason(perms);
-  if (blocked) {
-    return blocked;
-  }
-  if (perms != null && perms.addDisabled) {
-    return 'addDisabled';
-  }
-  if (col.isSystem) {
-    return 'systemField';
-  }
-  return null;
-};
-const checkDeletePerms = (col, perms) => {
-  const blocked = getReadOnlySchemaReason(perms);
-  if (blocked) {
-    return blocked;
-  }
-  if (perms != null && perms.deleteDisabled) {
-    return 'deleteDisabled';
-  }
-  if (col.isSystem) {
-    return 'systemField';
-  }
-  if (col.isPrimary) {
-    return 'alreadyPrimary';
-  }
-  return null;
-};
 const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
   editField: {
     label: 'Edit Field',
+    labelKey: 'cairo.customFields.edit.CTA',
+    dataHook: 'field-action-edit',
+    ctaName: 'Edit',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.EditSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119,
+        lineNumber: 49,
         columnNumber: 11
       }
-    }),
-    getDisableReason: checkEditPerms
+    })
   },
   makePrimary: {
     label: 'Use as Primary Field',
+    dataHook: 'field-action-make-primary',
+    ctaName: 'Make Primary',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.FlagSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 124,
+        lineNumber: 55,
         columnNumber: 11
       }
-    }),
-    getDisableReason: (col, perms) => {
-      const blocked = getReadOnlySchemaReason(perms);
-      if (blocked) {
-        return blocked;
-      }
-      if (perms != null && perms.editDisabled) {
-        return 'editDisabled';
-      }
-      if (col.isPrimary) {
-        return 'alreadyPrimary';
-      }
-      if (col.isSystem) {
-        return 'systemField';
-      }
-      if (col.cellType !== 'text') {
-        return 'nonTextField';
-      }
-      return null;
-    }
+    })
   },
   hideColumn: {
     label: 'Hide Column',
+    dataHook: 'field-action-hide',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.HiddenSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 147,
+        lineNumber: 60,
         columnNumber: 11
       }
     })
   },
   duplicateField: {
     label: 'Duplicate Field',
+    dataHook: 'field-action-duplicate',
+    ctaName: 'Duplicate',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 66,
         columnNumber: 11
       }
-    }),
-    getDisableReason: checkAddPerms
+    })
   },
   duplicateFieldWithContent: {
     label: 'Duplicate Field with Content',
+    dataHook: 'field-action-duplicate-with-content',
+    ctaName: 'Duplicate with Content',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156,
+        lineNumber: 72,
         columnNumber: 11
       }
-    }),
-    getDisableReason: checkAddPerms
+    })
   },
   sortAscending: {
     label: 'Sort Ascending',
+    dataHook: 'field-action-sort-ascending',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortAscendingSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 161,
+        lineNumber: 77,
         columnNumber: 11
       }
     })
   },
   sortDescending: {
     label: 'Sort Descending',
+    dataHook: 'field-action-sort-descending',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortDescendingSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165,
+        lineNumber: 82,
         columnNumber: 11
       }
     })
   },
   filter: {
     label: 'Filter',
+    dataHook: 'field-action-filter',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilterSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 169,
+        lineNumber: 87,
+        columnNumber: 11
+      }
+    })
+  },
+  archive: {
+    label: 'Archive',
+    labelKey: 'cairo.customFields.archive.CTA',
+    dataHook: 'field-action-archive',
+    ctaName: 'Archive',
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArchiveSmall, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 94,
         columnNumber: 11
       }
     })
   },
   delete: {
     label: 'Delete',
+    labelKey: 'cairo.delete.button',
+    dataHook: 'field-action-delete',
+    ctaName: 'Delete',
     icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173,
+        lineNumber: 101,
         columnNumber: 11
       }
     }),
-    skin: 'destructive',
-    getDisableReason: checkDeletePerms
+    skin: 'destructive'
   }
 };
-const FIELD_ACTION_DISABLE_REASON_TOOLTIPS = exports.FIELD_ACTION_DISABLE_REASON_TOOLTIPS = {
-  schemaNotEditable: 'This schema is read-only.',
-  addDisabled: 'Adding fields is disabled.',
-  editDisabled: 'Editing fields is disabled.',
-  deleteDisabled: 'Deleting fields is disabled.',
-  alreadyPrimary: 'This is the primary field.',
-  systemField: "System fields can't be modified.",
-  nonTextField: 'Only text fields can be made primary.'
+const MENU_OPEN_CTA_NAME = 'More Actions Menu';
+const MENU_DATA_HOOKS = {
+  menuDataHook: 'field-actions-menu',
+  buttonDataHook: 'field-actions-menu-button'
 };
-function getFieldActionDisableReason(action, column, permissions) {
-  var _FIELD_ACTIONS$action, _FIELD_ACTIONS$action2;
-  return ((_FIELD_ACTIONS$action = (_FIELD_ACTIONS$action2 = FIELD_ACTIONS[action]).getDisableReason) == null ? void 0 : _FIELD_ACTIONS$action.call(_FIELD_ACTIONS$action2, column, permissions)) ?? null;
-}
-function getFieldActionDisableState(action, column, permissions) {
-  const reason = getFieldActionDisableReason(action, column, permissions);
-  return {
-    disabled: reason !== null,
-    disabledTooltip: reason ? FIELD_ACTION_DISABLE_REASON_TOOLTIPS[reason] : undefined
-  };
-}
+const reportFieldActionCta = (bi, cta) => bi.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoCtaClicked)({
+  ctaIndex: cta.ctaIndex,
+  ctaName: cta.ctaName,
+  filteredListSize: bi.listSize,
+  isSelectAll: false,
+  location: bi.location,
+  moreActionsIndex: cta.moreActionsIndex,
+  numCtas: cta.numCtas,
+  numItems: 1,
+  url: typeof window !== 'undefined' ? window.location.href : ''
+}));
 function buildFieldActionGroups(args) {
   const {
-    column,
-    permissions,
+    columnId,
     handlers,
     loading,
-    groups
+    disabledTooltips,
+    groups,
+    translate,
+    bi
   } = args;
+
+  // BI-eligible actions (have a handler + a ctaName), in menu order — gives a
+  // stable ctaIndex / numCtas no matter which source built the menu.
+  const biKeys = groups.flat().filter(key => handlers[key] && FIELD_ACTIONS[key].ctaName);
   return groups.map(group => group.flatMap(key => {
     const handler = handlers[key];
     if (!handler) {
       return [];
     }
     const def = FIELD_ACTIONS[key];
-    const disable = getFieldActionDisableState(key, column, permissions);
+    const disabledTooltip = disabledTooltips == null ? void 0 : disabledTooltips[key];
+    const ctaIndex = bi && def.ctaName ? biKeys.indexOf(key) + 1 : undefined;
     return [{
-      label: def.label,
+      label: translate && def.labelKey ? translate(def.labelKey) : def.label,
+      dataHook: def.dataHook,
       icon: def.icon,
       skin: def.skin,
-      onClick: () => handler(column.id),
+      onClick: () => {
+        if (bi && def.ctaName && ctaIndex) {
+          reportFieldActionCta(bi, {
+            ctaName: def.ctaName,
+            ctaIndex,
+            moreActionsIndex: ctaIndex,
+            numCtas: biKeys.length
+          });
+        }
+        handler(columnId);
+      },
       loading: loading == null ? void 0 : loading[key],
-      ...disable
+      disabled: disabledTooltip !== undefined,
+      disabledTooltip
     }];
   })).filter(g => g.length > 0);
 }
+function buildFieldActionsMenu(args) {
+  const {
+    fieldId,
+    config,
+    groups,
+    translate,
+    tooltipContent,
+    bi
+  } = args;
+  const actions = config ? buildFieldActionGroups({
+    columnId: fieldId,
+    handlers: config.handlers,
+    loading: config.loading,
+    disabledTooltips: config.disabledTooltips,
+    groups,
+    translate,
+    bi
+  }) : [];
+  if (actions.length === 0) {
+    return config != null && config.disabledTooltip ? {
+      actions: [],
+      disabledTooltip: config.disabledTooltip,
+      tooltipContent,
+      ...MENU_DATA_HOOKS
+    } : null;
+  }
+  const numCtas = actions.flat().length;
+  return {
+    actions,
+    tooltipContent,
+    ...MENU_DATA_HOOKS,
+    onShow: bi ? () => reportFieldActionCta(bi, {
+      ctaName: MENU_OPEN_CTA_NAME,
+      ctaIndex: 0,
+      numCtas
+    }) : undefined
+  };
+}
 //# sourceMappingURL=FieldActions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_jsxFileName","getReadOnlySchemaReason","perms","schemaEditable","checkEditPerms","col","blocked","editDisabled","isSystem","checkAddPerms","addDisabled","checkDeletePerms","deleteDisabled","isPrimary","FIELD_ACTIONS","exports","editField","label","icon","default","createElement","EditSmall","__self","__source","fileName","lineNumber","columnNumber","getDisableReason","makePrimary","FlagSmall","cellType","hideColumn","HiddenSmall","duplicateField","DuplicateSmall","duplicateFieldWithContent","sortAscending","SortAscendingSmall","sortDescending","SortDescendingSmall","filter","ContentFilterSmall","delete","DeleteSmall","skin","FIELD_ACTION_DISABLE_REASON_TOOLTIPS","schemaNotEditable","alreadyPrimary","systemField","nonTextField","getFieldActionDisableReason","action","column","permissions","_FIELD_ACTIONS$action","_FIELD_ACTIONS$action2","call","getFieldActionDisableState","reason","disabled","disabledTooltip","undefined","buildFieldActionGroups","args","handlers","loading","groups","map","group","flatMap","key","handler","def","disable","onClick","id","g","length"],"sources":["../../../../src/components/FieldActions/FieldActions.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport {\n  SortAscendingSmall,\n  SortDescendingSmall,\n  ContentFilterSmall,\n  HiddenSmall,\n  DeleteSmall,\n  EditSmall,\n  FlagSmall,\n  DuplicateSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { HeaderAction } from './headerActionTypes';\n\nexport interface FieldActionPermissions {\n  schemaEditable?: boolean;\n  addDisabled?: boolean;\n  editDisabled?: boolean;\n  deleteDisabled?: boolean;\n}\n\nexport interface FieldActionColumn {\n  isPrimary?: boolean;\n  isSystem?: boolean;\n  cellType?: string;\n}\n\nexport type FieldActionKey =\n  | 'editField'\n  | 'makePrimary'\n  | 'hideColumn'\n  | 'duplicateField'\n  | 'duplicateFieldWithContent'\n  | 'sortAscending'\n  | 'sortDescending'\n  | 'filter'\n  | 'delete';\n\nexport type FieldActionDisableReason =\n  | 'schemaNotEditable'\n  | 'addDisabled'\n  | 'editDisabled'\n  | 'deleteDisabled'\n  | 'alreadyPrimary'\n  | 'systemField'\n  | 'nonTextField';\n\ninterface FieldActionDef {\n  label: string;\n  icon: ReactNode;\n  skin?: 'destructive';\n  getDisableReason?: (\n    col: FieldActionColumn,\n    perms: FieldActionPermissions | undefined,\n  ) => FieldActionDisableReason | null;\n}\n\nconst getReadOnlySchemaReason = (\n  perms: FieldActionPermissions | undefined,\n): FieldActionDisableReason | null =>\n  perms?.schemaEditable === false ? 'schemaNotEditable' : null;\n\nconst checkEditPerms = (\n  col: FieldActionColumn,\n  perms: FieldActionPermissions | undefined,\n): FieldActionDisableReason | null => {\n  const blocked = getReadOnlySchemaReason(perms);\n  if (blocked) {\n    return blocked;\n  }\n  if (perms?.editDisabled) {\n    return 'editDisabled';\n  }\n  if (col.isSystem) {\n    return 'systemField';\n  }\n  return null;\n};\n\nconst checkAddPerms = (\n  col: FieldActionColumn,\n  perms: FieldActionPermissions | undefined,\n): FieldActionDisableReason | null => {\n  const blocked = getReadOnlySchemaReason(perms);\n  if (blocked) {\n    return blocked;\n  }\n  if (perms?.addDisabled) {\n    return 'addDisabled';\n  }\n  if (col.isSystem) {\n    return 'systemField';\n  }\n  return null;\n};\n\nconst checkDeletePerms = (\n  col: FieldActionColumn,\n  perms: FieldActionPermissions | undefined,\n): FieldActionDisableReason | null => {\n  const blocked = getReadOnlySchemaReason(perms);\n  if (blocked) {\n    return blocked;\n  }\n  if (perms?.deleteDisabled) {\n    return 'deleteDisabled';\n  }\n  if (col.isSystem) {\n    return 'systemField';\n  }\n  if (col.isPrimary) {\n    return 'alreadyPrimary';\n  }\n  return null;\n};\n\nexport const FIELD_ACTIONS: Record<FieldActionKey, FieldActionDef> = {\n  editField: {\n    label: 'Edit Field',\n    icon: <EditSmall />,\n    getDisableReason: checkEditPerms,\n  },\n  makePrimary: {\n    label: 'Use as Primary Field',\n    icon: <FlagSmall />,\n    getDisableReason: (col, perms) => {\n      const blocked = getReadOnlySchemaReason(perms);\n      if (blocked) {\n        return blocked;\n      }\n      if (perms?.editDisabled) {\n        return 'editDisabled';\n      }\n      if (col.isPrimary) {\n        return 'alreadyPrimary';\n      }\n      if (col.isSystem) {\n        return 'systemField';\n      }\n      if (col.cellType !== 'text') {\n        return 'nonTextField';\n      }\n      return null;\n    },\n  },\n  hideColumn: {\n    label: 'Hide Column',\n    icon: <HiddenSmall />,\n  },\n  duplicateField: {\n    label: 'Duplicate Field',\n    icon: <DuplicateSmall />,\n    getDisableReason: checkAddPerms,\n  },\n  duplicateFieldWithContent: {\n    label: 'Duplicate Field with Content',\n    icon: <DuplicateSmall />,\n    getDisableReason: checkAddPerms,\n  },\n  sortAscending: {\n    label: 'Sort Ascending',\n    icon: <SortAscendingSmall />,\n  },\n  sortDescending: {\n    label: 'Sort Descending',\n    icon: <SortDescendingSmall />,\n  },\n  filter: {\n    label: 'Filter',\n    icon: <ContentFilterSmall />,\n  },\n  delete: {\n    label: 'Delete',\n    icon: <DeleteSmall />,\n    skin: 'destructive',\n    getDisableReason: checkDeletePerms,\n  },\n};\n\nexport const FIELD_ACTION_DISABLE_REASON_TOOLTIPS: Record<\n  FieldActionDisableReason,\n  string\n> = {\n  schemaNotEditable: 'This schema is read-only.',\n  addDisabled: 'Adding fields is disabled.',\n  editDisabled: 'Editing fields is disabled.',\n  deleteDisabled: 'Deleting fields is disabled.',\n  alreadyPrimary: 'This is the primary field.',\n  systemField: \"System fields can't be modified.\",\n  nonTextField: 'Only text fields can be made primary.',\n};\n\nexport function getFieldActionDisableReason(\n  action: FieldActionKey,\n  column: FieldActionColumn,\n  permissions: FieldActionPermissions | undefined,\n): FieldActionDisableReason | null {\n  return FIELD_ACTIONS[action].getDisableReason?.(column, permissions) ?? null;\n}\n\nexport function getFieldActionDisableState(\n  action: FieldActionKey,\n  column: FieldActionColumn,\n  permissions: FieldActionPermissions | undefined,\n): { disabled: boolean; disabledTooltip: string | undefined } {\n  const reason = getFieldActionDisableReason(action, column, permissions);\n  return {\n    disabled: reason !== null,\n    disabledTooltip: reason\n      ? FIELD_ACTION_DISABLE_REASON_TOOLTIPS[reason]\n      : undefined,\n  };\n}\n\nexport type FieldActionHandlers = Partial<\n  Record<FieldActionKey, (id: string) => void>\n>;\n\nexport function buildFieldActionGroups(args: {\n  column: FieldActionColumn & { id: string };\n  permissions?: FieldActionPermissions;\n  handlers: FieldActionHandlers;\n  loading?: Partial<Record<FieldActionKey, boolean>>;\n  groups: FieldActionKey[][];\n}): HeaderAction[][] {\n  const { column, permissions, handlers, loading, groups } = args;\n  return groups\n    .map((group) =>\n      group.flatMap((key): HeaderAction[] => {\n        const handler = handlers[key];\n        if (!handler) {\n          return [];\n        }\n        const def = FIELD_ACTIONS[key];\n        const disable = getFieldActionDisableState(key, column, permissions);\n        return [\n          {\n            label: def.label,\n            icon: def.icon,\n            skin: def.skin,\n            onClick: () => handler(column.id),\n            loading: loading?.[key],\n            ...disable,\n          },\n        ];\n      }),\n    )\n    .filter((g) => g.length > 0);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_bexCore","_bi","_jsxFileName","FIELD_ACTIONS","exports","editField","label","labelKey","dataHook","ctaName","icon","default","createElement","EditSmall","__self","__source","fileName","lineNumber","columnNumber","makePrimary","FlagSmall","hideColumn","HiddenSmall","duplicateField","DuplicateSmall","duplicateFieldWithContent","sortAscending","SortAscendingSmall","sortDescending","SortDescendingSmall","filter","ContentFilterSmall","archive","ArchiveSmall","delete","DeleteSmall","skin","MENU_OPEN_CTA_NAME","MENU_DATA_HOOKS","menuDataHook","buttonDataHook","reportFieldActionCta","bi","cta","reportBi","withoutDefaults","cairoCtaClicked","ctaIndex","filteredListSize","listSize","isSelectAll","location","moreActionsIndex","numCtas","numItems","url","window","href","buildFieldActionGroups","args","columnId","handlers","loading","disabledTooltips","groups","translate","biKeys","flat","key","map","group","flatMap","handler","def","disabledTooltip","indexOf","undefined","onClick","length","disabled","g","buildFieldActionsMenu","fieldId","config","tooltipContent","actions","onShow"],"sources":["../../../../src/components/FieldActions/FieldActions.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport {\n  SortAscendingSmall,\n  SortDescendingSmall,\n  ContentFilterSmall,\n  HiddenSmall,\n  DeleteSmall,\n  EditSmall,\n  FlagSmall,\n  DuplicateSmall,\n  ArchiveSmall,\n} from '@wix/wix-ui-icons-common';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport type { ReportBI, Translate, TranslationsKeys } from '@wix/bex-core';\nimport type { HeaderAction, FieldActionsMenuConfig } from './headerActionTypes';\n\nexport type FieldActionKey =\n  | 'editField'\n  | 'makePrimary'\n  | 'hideColumn'\n  | 'duplicateField'\n  | 'duplicateFieldWithContent'\n  | 'sortAscending'\n  | 'sortDescending'\n  | 'filter'\n  | 'archive'\n  | 'delete';\n\ninterface FieldActionDef {\n  /** Fallback (English) label, used when no `labelKey` is set or no translate fn is passed. */\n  label: string;\n  /** Translation key; when set and a translate fn is passed to buildFieldActionGroups, used instead of `label`. */\n  labelKey?: TranslationsKeys;\n  /** Shared data-hook for the rendered menu item — the same for every source and surface. */\n  dataHook: string;\n  /** BI name reported via `cairoCtaClicked`; set only on the field-management actions that report. */\n  ctaName?: string;\n  icon: ReactNode;\n  skin?: 'destructive';\n}\n\nexport const FIELD_ACTIONS: Record<FieldActionKey, FieldActionDef> = {\n  editField: {\n    label: 'Edit Field',\n    labelKey: 'cairo.customFields.edit.CTA',\n    dataHook: 'field-action-edit',\n    ctaName: 'Edit',\n    icon: <EditSmall />,\n  },\n  makePrimary: {\n    label: 'Use as Primary Field',\n    dataHook: 'field-action-make-primary',\n    ctaName: 'Make Primary',\n    icon: <FlagSmall />,\n  },\n  hideColumn: {\n    label: 'Hide Column',\n    dataHook: 'field-action-hide',\n    icon: <HiddenSmall />,\n  },\n  duplicateField: {\n    label: 'Duplicate Field',\n    dataHook: 'field-action-duplicate',\n    ctaName: 'Duplicate',\n    icon: <DuplicateSmall />,\n  },\n  duplicateFieldWithContent: {\n    label: 'Duplicate Field with Content',\n    dataHook: 'field-action-duplicate-with-content',\n    ctaName: 'Duplicate with Content',\n    icon: <DuplicateSmall />,\n  },\n  sortAscending: {\n    label: 'Sort Ascending',\n    dataHook: 'field-action-sort-ascending',\n    icon: <SortAscendingSmall />,\n  },\n  sortDescending: {\n    label: 'Sort Descending',\n    dataHook: 'field-action-sort-descending',\n    icon: <SortDescendingSmall />,\n  },\n  filter: {\n    label: 'Filter',\n    dataHook: 'field-action-filter',\n    icon: <ContentFilterSmall />,\n  },\n  archive: {\n    label: 'Archive',\n    labelKey: 'cairo.customFields.archive.CTA',\n    dataHook: 'field-action-archive',\n    ctaName: 'Archive',\n    icon: <ArchiveSmall />,\n  },\n  delete: {\n    label: 'Delete',\n    labelKey: 'cairo.delete.button',\n    dataHook: 'field-action-delete',\n    ctaName: 'Delete',\n    icon: <DeleteSmall />,\n    skin: 'destructive',\n  },\n};\n\nexport type FieldActionHandlers = Partial<\n  Record<FieldActionKey, (id: string) => void>\n>;\n\nexport interface FieldActionHandlersConfig {\n  handlers: FieldActionHandlers;\n  loading?: Partial<Record<FieldActionKey, boolean>>;\n  /** Per-action disabled state, owned by the source: a key present here renders\n   *  that action disabled with the given tooltip. */\n  disabledTooltips?: Partial<Record<FieldActionKey, string>>;\n  /** Menu-level disabled reason: when set and there are no actions, the menu\n   *  renders a disabled trigger with this tooltip (e.g. a read-only source). */\n  disabledTooltip?: string;\n}\n\nexport interface FieldActionsBIContext {\n  reportBi: ReportBI;\n  location: string;\n  listSize: number;\n}\n\nconst MENU_OPEN_CTA_NAME = 'More Actions Menu';\n\nconst MENU_DATA_HOOKS = {\n  menuDataHook: 'field-actions-menu',\n  buttonDataHook: 'field-actions-menu-button',\n};\n\nconst reportFieldActionCta = (\n  bi: FieldActionsBIContext,\n  cta: {\n    ctaName: string;\n    ctaIndex: number;\n    moreActionsIndex?: number;\n    numCtas: number;\n  },\n) =>\n  bi.reportBi(\n    withoutDefaults(cairoCtaClicked)({\n      ctaIndex: cta.ctaIndex,\n      ctaName: cta.ctaName,\n      filteredListSize: bi.listSize,\n      isSelectAll: false,\n      location: bi.location,\n      moreActionsIndex: cta.moreActionsIndex,\n      numCtas: cta.numCtas,\n      numItems: 1,\n      url: typeof window !== 'undefined' ? window.location.href : '',\n    }),\n  );\n\nexport function buildFieldActionGroups(args: {\n  columnId: string;\n  handlers: FieldActionHandlers;\n  loading?: Partial<Record<FieldActionKey, boolean>>;\n  /** Per-action disabled tooltips owned by the source (key present ⇒ disabled). */\n  disabledTooltips?: Partial<Record<FieldActionKey, string>>;\n  groups: FieldActionKey[][];\n  /** When provided, labels use the registry's `labelKey` (falling back to `label`). */\n  translate?: Translate;\n  /** When provided, actions with a registry `ctaName` report `cairoCtaClicked` on click. */\n  bi?: FieldActionsBIContext;\n}): HeaderAction[][] {\n  const {\n    columnId,\n    handlers,\n    loading,\n    disabledTooltips,\n    groups,\n    translate,\n    bi,\n  } = args;\n\n  // BI-eligible actions (have a handler + a ctaName), in menu order — gives a\n  // stable ctaIndex / numCtas no matter which source built the menu.\n  const biKeys = groups\n    .flat()\n    .filter((key) => handlers[key] && FIELD_ACTIONS[key].ctaName);\n\n  return groups\n    .map((group) =>\n      group.flatMap((key): HeaderAction[] => {\n        const handler = handlers[key];\n        if (!handler) {\n          return [];\n        }\n        const def = FIELD_ACTIONS[key];\n        const disabledTooltip = disabledTooltips?.[key];\n        const ctaIndex =\n          bi && def.ctaName ? biKeys.indexOf(key) + 1 : undefined;\n        return [\n          {\n            label:\n              translate && def.labelKey ? translate(def.labelKey) : def.label,\n            dataHook: def.dataHook,\n            icon: def.icon,\n            skin: def.skin,\n            onClick: () => {\n              if (bi && def.ctaName && ctaIndex) {\n                reportFieldActionCta(bi, {\n                  ctaName: def.ctaName,\n                  ctaIndex,\n                  moreActionsIndex: ctaIndex,\n                  numCtas: biKeys.length,\n                });\n              }\n              handler(columnId);\n            },\n            loading: loading?.[key],\n            disabled: disabledTooltip !== undefined,\n            disabledTooltip,\n          },\n        ];\n      }),\n    )\n    .filter((g) => g.length > 0);\n}\n\nexport function buildFieldActionsMenu(args: {\n  fieldId: string;\n  config: FieldActionHandlersConfig | null;\n  groups: FieldActionKey[][];\n  translate: Translate;\n  tooltipContent?: string;\n  bi?: FieldActionsBIContext;\n}): FieldActionsMenuConfig | null {\n  const { fieldId, config, groups, translate, tooltipContent, bi } = args;\n\n  const actions = config\n    ? buildFieldActionGroups({\n        columnId: fieldId,\n        handlers: config.handlers,\n        loading: config.loading,\n        disabledTooltips: config.disabledTooltips,\n        groups,\n        translate,\n        bi,\n      })\n    : [];\n\n  if (actions.length === 0) {\n    return config?.disabledTooltip\n      ? {\n          actions: [],\n          disabledTooltip: config.disabledTooltip,\n          tooltipContent,\n          ...MENU_DATA_HOOKS,\n        }\n      : null;\n  }\n\n  const numCtas = actions.flat().length;\n  return {\n    actions,\n    tooltipContent,\n    ...MENU_DATA_HOOKS,\n    onShow: bi\n      ? () =>\n          reportFieldActionCta(bi, {\n            ctaName: MENU_OPEN_CTA_NAME,\n            ctaIndex: 0,\n            numCtas,\n          })\n      : undefined,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FieldActions/FieldActionsPopover.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldActionsPopover = FieldActionsPopover;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _actionMenuItems = require("./actionMenuItems");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FieldActions/FieldActionsPopover.tsx";
+function FieldActionsPopover({
+  actions,
+  buttonDataHook,
+  menuDataHook,
+  tooltipContent,
+  onShow,
+  disabledTooltip
+}) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    stackingRootRef
+  } = (0, _react2.usePageContext)();
+  const tooltip = tooltipContent ?? t('cairo.moreActions');
+  const menuItems = (0, _actionMenuItems.actionMenuItems)(actions);
+  if (menuItems.length === 0) {
+    if (!disabledTooltip) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      dataHook: buttonDataHook ? `${buttonDataHook}-disabled-tooltip` : undefined,
+      content: disabledTooltip,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      size: "tiny",
+      disabled: true,
+      ariaLabel: t('cairo.moreActions'),
+      dataHook: buttonDataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 38,
+        columnNumber: 11
+      }
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    textSize: "small",
+    placement: "bottom-end",
+    appendTo: stackingRootRef.current || 'parent',
+    dataHook: menuDataHook,
+    onShow: onShow,
+    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: tooltip,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      size: "tiny",
+      skin: "light",
+      ariaLabel: t('cairo.moreActions'),
+      dataHook: buttonDataHook,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 53,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 59,
+        columnNumber: 13
+      }
+    }))),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }, menuItems);
+}
+//# sourceMappingURL=FieldActionsPopover.js.map

package/dist/cjs/components/FieldActions/FieldActionsPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_actionMenuItems","_jsxFileName","FieldActionsPopover","actions","buttonDataHook","menuDataHook","tooltipContent","onShow","disabledTooltip","translate","t","useWixPatternsContainer","stackingRootRef","usePageContext","tooltip","menuItems","actionMenuItems","length","default","createElement","Tooltip","dataHook","undefined","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","disabled","ariaLabel","MoreSmall","PopoverMenu","textSize","placement","appendTo","current","triggerElement","skin"],"sources":["../../../../src/components/FieldActions/FieldActionsPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverMenu, IconButton, Tooltip } from '@wix/design-system';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { FieldActionsMenuConfig } from './headerActionTypes';\nimport { actionMenuItems } from './actionMenuItems';\n\nexport function FieldActionsPopover({\n  actions,\n  buttonDataHook,\n  menuDataHook,\n  tooltipContent,\n  onShow,\n  disabledTooltip,\n}: FieldActionsMenuConfig) {\n  const { translate: t } = useWixPatternsContainer();\n  const { stackingRootRef } = usePageContext();\n  const tooltip = tooltipContent ?? t('cairo.moreActions');\n  const menuItems = actionMenuItems(actions);\n\n  if (menuItems.length === 0) {\n    if (!disabledTooltip) {\n      return null;\n    }\n    return (\n      <Tooltip\n        dataHook={\n          buttonDataHook ? `${buttonDataHook}-disabled-tooltip` : undefined\n        }\n        content={disabledTooltip}\n      >\n        <IconButton\n          size=\"tiny\"\n          disabled\n          ariaLabel={t('cairo.moreActions')}\n          dataHook={buttonDataHook}\n        >\n          <MoreSmall />\n        </IconButton>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      appendTo={stackingRootRef.current || 'parent'}\n      dataHook={menuDataHook}\n      onShow={onShow}\n      triggerElement={\n        <Tooltip content={tooltip}>\n          <IconButton\n            size=\"tiny\"\n            skin=\"light\"\n            ariaLabel={t('cairo.moreActions')}\n            dataHook={buttonDataHook}\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      {menuItems}\n    </PopoverMenu>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAE7C,SAASC,mBAAmBA,CAAC;EAClCC,OAAO;EACPC,cAAc;EACdC,YAAY;EACZC,cAAc;EACdC,MAAM;EACNC;AACsB,CAAC,EAAE;EACzB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAC5C,MAAMC,OAAO,GAAGR,cAAc,IAAII,CAAC,CAAC,mBAAmB,CAAC;EACxD,MAAMK,SAAS,GAAG,IAAAC,gCAAe,EAACb,OAAO,CAAC;EAE1C,IAAIY,SAAS,CAACE,MAAM,KAAK,CAAC,EAAE;IAC1B,IAAI,CAACT,eAAe,EAAE;MACpB,OAAO,IAAI;IACb;IACA,oBACEd,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,OAAO;MACNC,QAAQ,EACNjB,cAAc,GAAG,GAAGA,cAAc,mBAAmB,GAAGkB,SACzD;MACDC,OAAO,EAAEf,eAAgB;MAAAgB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEzBlC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAgC,UAAU;MACTC,IAAI,EAAC,MAAM;MACXC,QAAQ;MACRC,SAAS,EAAEtB,CAAC,CAAC,mBAAmB,CAAE;MAClCW,QAAQ,EAAEjB,cAAe;MAAAoB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEzBlC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,iBAAA,CAAAmC,SAAS;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACF,CACL,CAAC;EAEd;EAEA,oBACElC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAqC,WAAW;IACVC,QAAQ,EAAC,OAAO;IAChBC,SAAS,EAAC,YAAY;IACtBC,QAAQ,EAAEzB,eAAe,CAAC0B,OAAO,IAAI,QAAS;IAC9CjB,QAAQ,EAAEhB,YAAa;IACvBE,MAAM,EAAEA,MAAO;IACfgC,cAAc,eACZ7C,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,OAAO;MAACG,OAAO,EAAET,OAAQ;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBlC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAgC,UAAU;MACTC,IAAI,EAAC,MAAM;MACXU,IAAI,EAAC,OAAO;MACZR,SAAS,EAAEtB,CAAC,CAAC,mBAAmB,CAAE;MAClCW,QAAQ,EAAEjB,cAAe;MAAAoB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEzBlC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,iBAAA,CAAAmC,SAAS;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzB,YAAA;QAAA0B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACF,CACL,CACV;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAb,SACU,CAAC;AAElB","ignoreList":[]}

package/dist/cjs/components/FieldActions/HeaderActionsPopover.js

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
+var _actionMenuItems = require("./actionMenuItems");
 var _useCloseOnAncestorScroll = require("../../hooks/useCloseOnAncestorScroll");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FieldActions/HeaderActionsPopover.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -25,48 +26,7 @@ function HeaderActionsPopover({
     setPopoverKey(k => k + 1);
   }, []);
   (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closePopover, menuOpen);
-  const menuItems = actions.filter(group => group.length > 0).reduce((result, group, index, array) => {
-    const items = group.map((action, i) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-      key: `${index}-${i}`,
-      text: action.label,
-      onClick: action.disabled || action.loading ? undefined : action.onClick,
-      prefixIcon: action.loading ? /*#__PURE__*/_react.default.createElement("span", {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 43,
-          columnNumber: 15
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
-        size: "tiny",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 44,
-          columnNumber: 17
-        }
-      })) : action.icon,
-      disabled: action.disabled || action.loading,
-      disabledDescription: action.loading ? undefined : action.disabledTooltip,
-      skin: action.skin,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 35,
-        columnNumber: 9
-      }
-    }));
-    const divider = index < array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
-      key: `divider-${index}`,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 59,
-        columnNumber: 14
-      }
-    })] : [];
-    return [...result, ...items, ...divider];
-  }, []);
+  const menuItems = (0, _actionMenuItems.actionMenuItems)(actions);
   if (menuItems.length === 0) {
     return null;
   }
@@ -82,7 +42,7 @@ function HeaderActionsPopover({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 70,
+        lineNumber: 39,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -92,7 +52,7 @@ function HeaderActionsPopover({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 77,
+        lineNumber: 46,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
@@ -108,14 +68,14 @@ function HeaderActionsPopover({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 87,
+          lineNumber: 56,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 94,
+          lineNumber: 63,
           columnNumber: 15
         }
       })),
@@ -126,7 +86,7 @@ function HeaderActionsPopover({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 82,
+        lineNumber: 51,
         columnNumber: 9
       }
     }, menuItems)))