@wix/patterns 1.422.0 → 1.424.0

package/dist/types/components/DataExtension/CollectionDataExtensionState.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import { WixPatternsContainer, WixPatternsError, DataExtensionState, FiltersMap, TaskState, CustomField, DataExtensionOverrides } from '@wix/bex-core';
-import { ToolbarCollectionState } from '../../state';
-import { DataExtensionProps, DataExtensionType } from './DataExtension';
-import { FilterElement } from '../CollectionToolbarFilters';
-import { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';
-import { MoreActionItemFactory } from '../MoreActions/MoreActionsBase';
-export interface CollectionDataExtensionStateParams<T, F extends FiltersMap> extends DataExtensionOverrides {
-    container: WixPatternsContainer;
-    toolbar: ToolbarCollectionState<T, F>;
-    DataExtension: DataExtensionType;
-    props?: DataExtensionProps;
-}
-export declare class CollectionDataExtensionState<T, F extends FiltersMap> {
-    readonly dataExtension: DataExtensionState;
-    readonly customFieldsPanel: CustomFieldsPanelState;
-    readonly toolbar: ToolbarCollectionState<T, F>;
-    readonly DataExtension: import("react").FC<DataExtensionOverrides> & import("./DataExtension").DataExtensionObjectType;
-    readonly initTask: TaskState<unknown>;
-    readonly components: {
-        CollectionToolbarFilters: ((props: import("../CollectionToolbarFilters").CollectionToolbarFiltersProps) => import("react").JSX.Element) & {
-            displayName: string;
-        };
-    };
-    readonly props: DataExtensionOverrides | undefined;
-    get featuredPageActions(): MoreActionItemFactory[];
-    constructor(params: CollectionDataExtensionStateParams<T, F>);
-    _getFetchSchemasError(err: unknown): WixPatternsError;
-    _handleFetchSchemasError(): void;
-    _addCustomFieldFilters(): void;
-    init(): () => void;
-    buildCustomFieldFilterWrapper(customField: CustomField): FilterElement<any>;
-    buildCustomFieldFilters(): FilterElement<any>[];
-}
-//# sourceMappingURL=CollectionDataExtensionState.d.ts.map

package/dist/types/components/DataExtension/CollectionDataExtensionState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CollectionDataExtensionState.d.ts","sourceRoot":"","sources":["../../../../src/components/DataExtension/CollectionDataExtensionState.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,SAAS,EAGT,WAAW,EACX,sBAAsB,EAQvB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAMxE,OAAO,EAEL,aAAa,EACd,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,MAAM,WAAW,kCAAkC,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU,CACzE,SAAQ,sBAAsB;IAC9B,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,aAAa,EAAE,iBAAiB,CAAC;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,qBAAa,4BAA4B,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IAC/D,QAAQ,CAAC,aAAa,qBAAC;IACvB,QAAQ,CAAC,iBAAiB,yBAAC;IAC3B,QAAQ,CAAC,OAAO,+BAAC;IACjB,QAAQ,CAAC,aAAa,iGAAC;IACvB,QAAQ,CAAC,QAAQ,qBAAmB;IACpC,QAAQ,CAAC,UAAU;;;;MAAC;IACpB,QAAQ,CAAC,KAAK,qCAAC;IAEf,IAAI,mBAAmB,IAAI,qBAAqB,EAAE,CAEjD;gBAEW,MAAM,EAAE,kCAAkC,CAAC,CAAC,EAAE,CAAC,CAAC;IA2B5D,qBAAqB,CAAC,GAAG,EAAE,OAAO;IAOlC,wBAAwB;IA2CxB,sBAAsB;IAyCtB,IAAI;IA2CJ,6BAA6B,CAAC,WAAW,EAAE,WAAW;IAKtD,uBAAuB;CAOxB"}

package/dist/types/components/ExtendedColumn/ExtendedColumn.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { CustomFieldType } from '@wix/bex-core';
-export interface ExtendedColumnProps {
-    value?: any;
-    type: CustomFieldType;
-}
-declare function _ExtendedColumn(props: ExtendedColumnProps): React.JSX.Element | null;
-export declare const ExtendedColumn: typeof _ExtendedColumn & {
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=ExtendedColumn.d.ts.map

package/dist/types/components/ExtendedColumn/ExtendedColumn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtendedColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/ExtendedColumn/ExtendedColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAMhD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,EAAE,eAAe,CAAC;CACvB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,mBAAmB,4BAkFlD;AAED,eAAO,MAAM,cAAc;;CAA4B,CAAC"}

package/dist/types/state/FieldActionsState.d.ts

@@ -1,33 +0,0 @@
-import { ConditionalModalState, TaskState } from '@wix/bex-core';
-import type { ShowToast, Translate } from '@wix/bex-core';
-import type { MessageModalLayoutProps } from '@wix/design-system';
-import type { FieldActions } from '../types/SchemaConfig';
-import type { FieldActionPermissions } from '../components/FieldActions';
-export declare class FieldActionsState {
-    handlers: FieldActions | undefined;
-    permissions: FieldActionPermissions | undefined;
-    readonly translate: Translate;
-    readonly showToast: ShowToast | undefined;
-    private _refresh;
-    private _currentToastRemove;
-    readonly confirmModal: ConditionalModalState<Partial<MessageModalLayoutProps>>;
-    readonly deleteTask: TaskState<unknown>;
-    readonly makePrimaryTask: TaskState<unknown>;
-    readonly duplicateTask: TaskState<unknown>;
-    readonly duplicateWithContentTask: TaskState<unknown>;
-    constructor(translate: Translate, handlers?: FieldActions, permissions?: FieldActionPermissions, showToast?: ShowToast, refresh?: () => Promise<void>);
-    setHandlers(handlers: FieldActions | undefined): void;
-    setPermissions(permissions: FieldActionPermissions | undefined): void;
-    setRefresh(refresh: (() => Promise<void>) | undefined): void;
-    get isMakingPrimary(): boolean;
-    get isDuplicating(): boolean;
-    get isDuplicatingWithContent(): boolean;
-    private _showToast;
-    private _withRefresh;
-    confirmDelete(fieldId: string): void;
-    makePrimary(fieldId: string): Promise<void>;
-    duplicate(fieldId: string): Promise<void>;
-    duplicateWithContent(fieldId: string): Promise<void>;
-    private _runDelete;
-}
-//# sourceMappingURL=FieldActionsState.d.ts.map

package/dist/types/state/FieldActionsState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldActionsState.d.ts","sourceRoot":"","sources":["../../../src/state/FieldActionsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAEV,SAAS,EAET,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEzE,qBAAa,iBAAiB;IAC5B,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,sBAAsB,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,QAAQ,CAAoC;IAEpD,OAAO,CAAC,mBAAmB,CAA0B;IAErD,QAAQ,CAAC,YAAY,0DAEjB;IACJ,QAAQ,CAAC,UAAU,qBAA4B;IAC/C,QAAQ,CAAC,eAAe,qBAA4B;IACpD,QAAQ,CAAC,aAAa,qBAA4B;IAClD,QAAQ,CAAC,wBAAwB,qBAA4B;gBAG3D,SAAS,EAAE,SAAS,EACpB,QAAQ,CAAC,EAAE,YAAY,EACvB,WAAW,CAAC,EAAE,sBAAsB,EACpC,SAAS,CAAC,EAAE,SAAS,EACrB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC;IAuB/B,WAAW,CAAC,QAAQ,EAAE,YAAY,GAAG,SAAS;IAI9C,cAAc,CAAC,WAAW,EAAE,sBAAsB,GAAG,SAAS;IAI9D,UAAU,CAAC,OAAO,EAAE,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS;IAIrD,IAAI,eAAe,YAElB;IAED,IAAI,aAAa,YAEhB;IAED,IAAI,wBAAwB,YAE3B;IAED,OAAO,CAAC,UAAU,CAMhB;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,aAAa,CAAC,OAAO,EAAE,MAAM;IAkBvB,WAAW,CAAC,OAAO,EAAE,MAAM;IA4B3B,SAAS,CAAC,OAAO,EAAE,MAAM;IA4BzB,oBAAoB,CAAC,OAAO,EAAE,MAAM;IA+B1C,OAAO,CAAC,UAAU,CA0BhB;CACH"}

package/src/components/CustomColumnsPanel/SidePanelFieldActionsModal.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { observer } from 'mobx-react-lite';
-import { MessageActionModal } from '../ActionModal';
-import type { FieldActionsState } from '../../state/FieldActionsState';
-
-interface Props {
-  state: FieldActionsState;
-}
-
-function _SidePanelFieldActionsModal({ state }: Props) {
-  const value = state.confirmModal.value;
-  if (!value) {
-    return null;
-  }
-  return (
-    <MessageActionModal
-      state={state.confirmModal}
-      {...value}
-      primaryButtonProps={{
-        ...value.primaryButtonProps,
-        disabled: state.deleteTask.status.isLoading,
-      }}
-    />
-  );
-}
-
-const SidePanelFieldActionsModal = observer(_SidePanelFieldActionsModal);
-
-export default SidePanelFieldActionsModal;

package/src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx

@@ -1,83 +0,0 @@
-import React from 'react';
-import { observer } from 'mobx-react-lite';
-import type { Column } from '../../model';
-import {
-  buildFieldActionGroups,
-  HeaderActionsPopover,
-  type FieldActionColumn,
-  type FieldActionHandlers,
-  type FieldActionKey,
-} from '../FieldActions';
-import { FieldActionsState } from '../../state/FieldActionsState';
-
-const SIDE_PANEL_ACTION_GROUPS: FieldActionKey[][] = [
-  ['editField'],
-  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],
-  ['delete'],
-];
-
-function toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {
-  const isText =
-    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';
-  return {
-    id: col.id,
-    isPrimary: col.isPrimary,
-    isSystem: col.isSystem,
-    cellType: isText ? 'text' : col.fieldType,
-  };
-}
-
-export interface SidePanelFieldActionsRowProps {
-  column: Column;
-  state: FieldActionsState;
-}
-
-function _SidePanelFieldActionsRow({
-  column,
-  state,
-}: SidePanelFieldActionsRowProps) {
-  const { handlers: fieldActions, permissions } = state;
-
-  const handlers: FieldActionHandlers = {};
-
-  if (fieldActions?.editField) {
-    handlers.editField = (id) => fieldActions.editField!(id, {});
-  }
-  if (fieldActions?.makePrimary) {
-    handlers.makePrimary = (id) => state.makePrimary(id);
-  }
-  if (fieldActions?.duplicateField) {
-    handlers.duplicateField = (id) => state.duplicate(id);
-  }
-  if (fieldActions?.duplicateFieldWithContent) {
-    handlers.duplicateFieldWithContent = (id) => state.duplicateWithContent(id);
-  }
-  if (fieldActions?.deleteField) {
-    handlers.delete = (id) => state.confirmDelete(id);
-  }
-
-  const groups = buildFieldActionGroups({
-    column: toFieldActionColumn(column),
-    permissions,
-    handlers,
-    loading: {
-      makePrimary: state.isMakingPrimary,
-      duplicateField: state.isDuplicating,
-      duplicateFieldWithContent: state.isDuplicatingWithContent,
-    },
-    groups: SIDE_PANEL_ACTION_GROUPS,
-  });
-
-  if (groups.length === 0) {
-    return null;
-  }
-
-  return (
-    <HeaderActionsPopover
-      actions={groups}
-      dataHook={`side-panel-field-actions-${column.id}`}
-    />
-  );
-}
-
-export const SidePanelFieldActionsRow = observer(_SidePanelFieldActionsRow);

package/src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx

@@ -1,87 +0,0 @@
-import React, {
-  Suspense,
-  lazy,
-  useEffect,
-  useMemo,
-  useState,
-  type ReactNode,
-} from 'react';
-import { useWixPatternsContainer } from '@wix/bex-core/react';
-import type { Column } from '../../model';
-import type { FieldActions } from '../../types/SchemaConfig';
-import type { FieldActionPermissions } from '../FieldActions';
-import { FieldActionsState } from '../../state/FieldActionsState';
-
-const SidePanelFieldActionsRow = lazy(() =>
-  import(
-    /* webpackChunkName: "SidePanelFieldActions" */ './SidePanelFieldActionsRow'
-  ).then((m) => ({
-    default: m.SidePanelFieldActionsRow,
-  })),
-);
-
-const SidePanelFieldActionsModal = lazy(
-  () =>
-    import(
-      /* webpackChunkName: "SidePanelFieldActions" */ './SidePanelFieldActionsModal'
-    ),
-);
-
-export interface UseSidePanelFieldActionsResult {
-  fieldActionsByColumn: Record<string, ReactNode>;
-  fieldActionsModal: ReactNode;
-}
-
-export function useSidePanelFieldActions(
-  columns: Column[],
-  fieldActions?: FieldActions,
-  refresh?: () => Promise<void>,
-  permissions?: FieldActionPermissions,
-): UseSidePanelFieldActionsResult {
-  const { translate, showToast } = useWixPatternsContainer();
-
-  const [fieldActionsState] = useState(
-    () =>
-      new FieldActionsState(
-        translate,
-        fieldActions,
-        permissions,
-        showToast,
-        refresh,
-      ),
-  );
-
-  useEffect(() => {
-    fieldActionsState.setHandlers(fieldActions);
-  }, [fieldActionsState, fieldActions]);
-
-  useEffect(() => {
-    fieldActionsState.setPermissions(permissions);
-  }, [fieldActionsState, permissions]);
-
-  useEffect(() => {
-    fieldActionsState.setRefresh(refresh);
-  }, [fieldActionsState, refresh]);
-
-  const fieldActionsByColumn = useMemo(() => {
-    const result: Record<string, ReactNode> = {};
-
-    for (const col of columns) {
-      result[col.id] = (
-        <Suspense fallback={null}>
-          <SidePanelFieldActionsRow column={col} state={fieldActionsState} />
-        </Suspense>
-      );
-    }
-
-    return result;
-  }, [columns, fieldActionsState]);
-
-  const fieldActionsModal = (
-    <Suspense fallback={null}>
-      <SidePanelFieldActionsModal state={fieldActionsState} />
-    </Suspense>
-  );
-
-  return { fieldActionsByColumn, fieldActionsModal };
-}

package/src/components/CustomFieldFilters/buildCustomFieldFilterElement.tsx

@@ -1,54 +0,0 @@
-import { CustomField, CustomFieldType, FiltersMap } from '@wix/bex-core';
-import { ToolbarCollectionState } from '../../state';
-import React from 'react';
-import { DateCustomFieldFilter } from './DateCustomFieldFilter';
-import { DateTimeCustomFieldFilter } from './DateTimeCustomFieldFilter';
-import { FilterProps } from '../../model';
-import { CheckboxCustomFieldFilter } from './CheckboxCustomFieldFilter';
-import { NumberRangeFilter } from '../NumberRangeFilter';
-import { OperatorFilterCustomFieldFilter } from './OperatorFilterCustomFieldFilter';
-import { toFieldType } from '../../utils/fieldTypePrefixIcons';
-
-export const buildCustomFieldFilterElement = <T, F extends FiltersMap>(
-  state: ToolbarCollectionState<T, F>,
-  customField: CustomField,
-) => {
-  const customFieldFilterComponents: {
-    [key in CustomFieldType]?: React.ComponentType<FilterProps<any>>;
-  } = {
-    date: DateCustomFieldFilter,
-    dateTime: DateTimeCustomFieldFilter,
-    checkbox: CheckboxCustomFieldFilter,
-    integer: NumberRangeFilter,
-    decimal: (props) => <NumberRangeFilter {...props} decimal />,
-    shortText: OperatorFilterCustomFieldFilter,
-    url: OperatorFilterCustomFieldFilter,
-    longText: OperatorFilterCustomFieldFilter,
-  };
-
-  const CustomFieldFilterComponent =
-    customFieldFilterComponents[customField.type];
-
-  if (!CustomFieldFilterComponent) {
-    return null;
-  }
-
-  const label = customField.label || customField.id;
-
-  return (
-    <CustomFieldFilterComponent
-      key={customField.id}
-      filter={state.collection.filters[customField.id]!}
-      fieldType={toFieldType(customField.type)}
-      accordionItemProps={{
-        label,
-      }}
-      toolbarItemProps={{
-        label,
-      }}
-      toolbarTagProps={{
-        label,
-      }}
-    />
-  );
-};

package/src/components/CustomFieldFilters/index.ts

@@ -1 +0,0 @@
-export { buildCustomFieldFilterElement } from './buildCustomFieldFilterElement';

package/src/components/CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
-import { AddCustomFieldCTAButton } from './AddCustomFieldCTAButton';
-import { Box, Divider } from '@wix/design-system';
-
-export function CustomColumnsAddCustomFieldCTAButton() {
-  const toolbar = useToolbarCollectionContext();
-  const state = toolbar.collectionDataExtension?.customFieldsPanel;
-
-  if (!state) {
-    return null;
-  }
-
-  return (
-    <Box direction="vertical" width="100%">
-      <Divider direction="horizontal" />
-      <Box
-        padding="SP4"
-        width="100%"
-        boxSizing="border-box"
-        direction="vertical"
-      >
-        <AddCustomFieldCTAButton
-          dataHook="custom-columns-data-extension-add-new"
-          state={state}
-          onClick={() => {
-            state.openCustomFieldModal({
-              origin: 'Custom columns panel',
-            });
-          }}
-        />
-      </Box>
-    </Box>
-  );
-}

package/src/components/CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
-import { Box } from '@wix/design-system';
-import { ManageFieldsPopoverMenu } from './ManageFieldsPopoverMenu';
-
-export function CustomColumnsEditCustomFieldCTAButton({
-  field,
-}: {
-  field: { id: string };
-}) {
-  const toolbar = useToolbarCollectionContext();
-  const state = toolbar.collectionDataExtension?.customFieldsPanel;
-
-  if (!state || state.dataExtension.disableUserDefinedWriting) {
-    return null;
-  }
-
-  return (
-    <Box>
-      <ManageFieldsPopoverMenu
-        state={state}
-        id={field.id}
-        origin="Custom columns panel"
-        location="Customize columns action cell"
-      />
-    </Box>
-  );
-}

package/src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx

@@ -1,125 +0,0 @@
-import { IconButton, PopoverMenu, Tooltip } from '@wix/design-system';
-import React from 'react';
-import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
-import { ArchiveSmall, EditSmall, MoreSmall } from '@wix/wix-ui-icons-common';
-import { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';
-import { cairoCtaClicked } from '@wix/bex-core/bi';
-import { observer } from 'mobx-react-lite';
-import { CustomFieldsDisabledTooltip } from '../CustomFields';
-import { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';
-
-export interface ManageFieldsPopoverMenuProps {
-  state: CustomFieldsPanelState;
-  id: string;
-  origin: CustomFieldOrigin;
-  location: string;
-}
-
-function _ManageFieldsPopoverMenu({
-  state,
-  id,
-  origin,
-  location,
-}: ManageFieldsPopoverMenuProps) {
-  const container = useWixPatternsContainer();
-  const { translate: t } = container;
-  const { stackingRootRef } = usePageContext();
-
-  if (!state.dataExtension.hasWritePermissions) {
-    return (
-      <CustomFieldsDisabledTooltip
-        disabled={!state.dataExtension.hasWritePermissions}
-        content={t('cairo.customFields.writePermission.tooltip')}
-      >
-        <IconButton size="tiny" dataHook="custom-field-options-icon-button">
-          <MoreSmall />
-        </IconButton>
-      </CustomFieldsDisabledTooltip>
-    );
-  }
-
-  const reportCtaClickedBi = ({
-    ctaIndex,
-    ctaName,
-    moreActionsIndex,
-  }: {
-    ctaIndex: number;
-    ctaName: string;
-    moreActionsIndex?: number;
-  }) => {
-    state?.reportBi(
-      withoutDefaults(cairoCtaClicked)({
-        ctaIndex,
-        ctaName,
-        filteredListSize: state?.dataExtension.availableUserCustomFields.length,
-        isSelectAll: false,
-        location,
-        moreActionsIndex,
-        numCtas: 2,
-        numItems: 1,
-        url: typeof window !== 'undefined' ? window.location.href : '',
-      }),
-    );
-  };
-
-  const onTriggerMenu = () => {
-    reportCtaClickedBi({
-      ctaIndex: 0,
-      ctaName: 'More Actions Menu',
-    });
-  };
-
-  return (
-    <PopoverMenu
-      textSize="small"
-      placement="bottom-end"
-      appendTo={stackingRootRef.current || 'parent'}
-      dataHook="custom-field-options"
-      onShow={onTriggerMenu}
-      triggerElement={
-        <Tooltip content={t('cairo.custom-columns.more-actions.tooltip')}>
-          <IconButton
-            size="tiny"
-            dataHook="custom-field-options-icon-button"
-            skin="light"
-          >
-            <MoreSmall />
-          </IconButton>
-        </Tooltip>
-      }
-    >
-      <PopoverMenu.MenuItem
-        dataHook="custom-field-options-edit"
-        prefixIcon={<EditSmall />}
-        text={t('cairo.customFields.edit.CTA')}
-        onClick={() => {
-          reportCtaClickedBi({
-            ctaIndex: 1,
-            ctaName: 'Edit',
-            moreActionsIndex: 1,
-          });
-          state.openCustomFieldModal({
-            fieldId: id,
-            origin,
-          });
-        }}
-      />
-
-      <PopoverMenu.MenuItem
-        dataHook="custom-field-options-archive"
-        prefixIcon={<ArchiveSmall />}
-        text={t('cairo.customFields.archive.CTA')}
-        onClick={() => {
-          reportCtaClickedBi({
-            ctaIndex: 2,
-            ctaName: 'Archive',
-            moreActionsIndex: 2,
-          });
-          state.archiveFieldModal.modal.open({ id, origin });
-        }}
-      />
-    </PopoverMenu>
-  );
-}
-
-export const ManageFieldsPopoverMenu = observer(_ManageFieldsPopoverMenu);