@wix/patterns 1.490.0 → 1.492.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_mobxReactLite","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyCell","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellAddressView","m","CellAudioView","CellColorView","CellDocumentView","CellMediaGalleryView","CellMultiDocumentView","CellRichContentView","CellRichTextView","ImageView","JsonView","_FieldCell","_props$definition","_props$value","dateFormatters","useWixPatternsContainer","type","definition","table","CellComponent","value","columnId","row","Text","size","ellipsis","maxLines","date","getDateWithoutTimezone","undefined","medium","format","dateTime","parseDate","mediumTime","Box","verticalAlign","color","Confirm","Minus","TextButton","as","rel","target","href","dataHook","data","fieldId","join","isRenderableText","String","FieldCell","exports","observer"],"sources":["../../../../src/components/FieldCell/FieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common/lazy';\nimport type { FieldTypeDefinition, PatternsFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport type { CellAddressViewProps } from '@wix/patterns-fields';\nimport type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';\nimport { getDateWithoutTimezone, parseDate } from '../../utils/datesUtil';\n\n// Cell renderers live in @wix/patterns-fields, which statically pulls the\n// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put\n// that weight into every bundle that renders a source column (DataExtension,\n// CMS, the tables). Loading them lazily moves it into an async chunk fetched\n// only when a cell of one of these types first renders. The light types in the\n// switch below stay inline (WDS only) and ship nothing extra.\nfunction lazyCell<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellAddressView = lazyCell((m) => m.CellAddressView);\nconst CellAudioView = lazyCell((m) => m.CellAudioView);\nconst CellColorView = lazyCell((m) => m.CellColorView);\nconst CellDocumentView = lazyCell((m) => m.CellDocumentView);\nconst CellMediaGalleryView = lazyCell((m) => m.CellMediaGalleryView);\nconst CellMultiDocumentView = lazyCell((m) => m.CellMultiDocumentView);\nconst CellRichContentView = lazyCell((m) => m.CellRichContentView);\nconst CellRichTextView = lazyCell((m) => m.CellRichTextView);\nconst ImageView = lazyCell((m) => m.ImageView);\nconst JsonView = lazyCell((m) => m.JsonView);\n\nexport interface FieldCellProps {\n  value?: unknown;\n  type: PatternsFieldType;\n  /** Stable id for cells that render WDS Tags (document, multi-document). */\n  fieldId?: string;\n  /** Stable id of the column, forwarded to a custom type's cell. Optional\n   *  because a cell can be rendered outside a column; table columns supply it. */\n  columnId?: string;\n  /** The row being rendered, forwarded to a custom type's cell. */\n  row?: unknown;\n  /** The custom type definition a CUSTOM field resolves on its source.\n   *  Without a `table` slot the cell renders the plain-text default. */\n  definition?: FieldTypeDefinition;\n}\n\nfunction _FieldCell(props: FieldCellProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  if (props.type === 'CUSTOM' && props.definition?.table) {\n    const { CellComponent } = props.definition.table;\n    return (\n      <CellComponent\n        value={props.value}\n        columnId={props.columnId ?? ''}\n        row={props.row}\n      />\n    );\n  }\n  switch (props.type) {\n    case 'LONG_TEXT':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n    case 'DATE': {\n      // A value that isn't a date renders blank. The formatters throw on one,\n      // which during render takes down the whole page, not just the cell.\n      const date = props.value\n        ? getDateWithoutTimezone(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {date ? dateFormatters.medium.format(date) : null}\n        </Text>\n      );\n    }\n    case 'DATETIME': {\n      const dateTime = props.value\n        ? parseDate(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {dateTime ? dateFormatters.mediumTime.format(dateTime) : null}\n        </Text>\n      );\n    }\n    case 'BOOLEAN':\n      return (\n        <Box verticalAlign=\"middle\" color={props.value ? 'G10' : 'D10'}>\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'URL':\n      return (\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={props.value as string}\n          ellipsis\n        >\n          {props.value as React.ReactNode}\n        </TextButton>\n      );\n    case 'IMAGE':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"image-view\" />\n      );\n    case 'VIDEO':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"video-view\" />\n      );\n    case 'AUDIO':\n      return (\n        <CellAudioView\n          value={props.value as string | null}\n          dataHook=\"audio-view\"\n        />\n      );\n    case 'MEDIA_GALLERY':\n      return (\n        <CellMediaGalleryView\n          data={props.value as WixCodeGalleryItem[] | null}\n          dataHook=\"media-gallery-view\"\n        />\n      );\n    case 'DOCUMENT':\n      return (\n        <CellDocumentView\n          value={props.value as string | null | undefined}\n          dataHook=\"document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'MULTI_DOCUMENT':\n      return (\n        <CellMultiDocumentView\n          value={props.value as string[] | null | undefined}\n          dataHook=\"multi-document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'ARRAY':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {(props.value as unknown[] | undefined)?.join?.(', ')}\n        </Text>\n      );\n    case 'ADDRESS':\n      return (\n        <CellAddressView data={props.value as CellAddressViewProps['data']} />\n      );\n    case 'RICH_TEXT':\n      return <CellRichTextView value={props.value as string | null} />;\n    case 'RICH_CONTENT':\n      return <CellRichContentView value={props.value} />;\n    case 'COLOR':\n      return <CellColorView value={props.value as string | undefined} />;\n    case 'OBJECT':\n      return <JsonView data={props.value} />;\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {/* Rendering an object as a child throws and takes the page down with\n              it, so types with no case above show only primitives. REFERENCE /\n              MULTI_REFERENCE hold an expanded referenced item and are rendered\n              by the source instead (schemaRendering's columnOverrides). */}\n          {isRenderableText(props.value) ? String(props.value) : null}\n        </Text>\n      );\n  }\n}\n\nconst isRenderableText = (value: unknown): boolean =>\n  value != null && typeof value !== 'object';\n\nexport const FieldCell = observer(_FieldCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_mobxReactLite","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyCell","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellAddressView","m","CellAudioView","CellColorView","CellDocumentView","CellMediaGalleryView","CellMultiDocumentView","CellRichContentView","CellRichTextView","ImageView","JsonView","MediaImageView","_FieldCell","_props$definition","_props$value","dateFormatters","useWixPatternsContainer","type","definition","table","CellComponent","value","columnId","row","Text","size","ellipsis","maxLines","date","getDateWithoutTimezone","undefined","medium","format","dateTime","parseDate","mediumTime","Box","verticalAlign","color","Confirm","Minus","TextButton","as","rel","target","href","dataHook","data","fieldId","join","isRenderableText","String","FieldCell","exports","observer"],"sources":["../../../../src/components/FieldCell/FieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common/lazy';\nimport type { FieldTypeDefinition, PatternsFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport type { CellAddressViewProps } from '@wix/patterns-fields';\nimport type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';\nimport { getDateWithoutTimezone, parseDate } from '../../utils/datesUtil';\n\n// Cell renderers live in @wix/patterns-fields, which statically pulls the\n// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put\n// that weight into every bundle that renders a source column (DataExtension,\n// CMS, the tables). Loading them lazily moves it into an async chunk fetched\n// only when a cell of one of these types first renders. The light types in the\n// switch below stay inline (WDS only) and ship nothing extra.\nfunction lazyCell<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellAddressView = lazyCell((m) => m.CellAddressView);\nconst CellAudioView = lazyCell((m) => m.CellAudioView);\nconst CellColorView = lazyCell((m) => m.CellColorView);\nconst CellDocumentView = lazyCell((m) => m.CellDocumentView);\nconst CellMediaGalleryView = lazyCell((m) => m.CellMediaGalleryView);\nconst CellMultiDocumentView = lazyCell((m) => m.CellMultiDocumentView);\nconst CellRichContentView = lazyCell((m) => m.CellRichContentView);\nconst CellRichTextView = lazyCell((m) => m.CellRichTextView);\nconst ImageView = lazyCell((m) => m.ImageView);\nconst JsonView = lazyCell((m) => m.JsonView);\nconst MediaImageView = lazyCell((m) => m.MediaImageView);\n\nexport interface FieldCellProps {\n  value?: unknown;\n  type: PatternsFieldType;\n  /** Stable id for cells that render WDS Tags (document, multi-document). */\n  fieldId?: string;\n  /** Stable id of the column, forwarded to a custom type's cell. Optional\n   *  because a cell can be rendered outside a column; table columns supply it. */\n  columnId?: string;\n  /** The row being rendered, forwarded to a custom type's cell. */\n  row?: unknown;\n  /** The custom type definition a CUSTOM field resolves on its source.\n   *  Without a `table` slot the cell renders the plain-text default. */\n  definition?: FieldTypeDefinition;\n}\n\nfunction _FieldCell(props: FieldCellProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  if (props.type === 'CUSTOM' && props.definition?.table) {\n    const { CellComponent } = props.definition.table;\n    return (\n      <CellComponent\n        value={props.value}\n        columnId={props.columnId ?? ''}\n        row={props.row}\n      />\n    );\n  }\n  switch (props.type) {\n    case 'LONG_TEXT':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n    case 'DATE': {\n      // A value that isn't a date renders blank. The formatters throw on one,\n      // which during render takes down the whole page, not just the cell.\n      const date = props.value\n        ? getDateWithoutTimezone(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {date ? dateFormatters.medium.format(date) : null}\n        </Text>\n      );\n    }\n    case 'DATETIME': {\n      const dateTime = props.value\n        ? parseDate(props.value as string)\n        : undefined;\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {dateTime ? dateFormatters.mediumTime.format(dateTime) : null}\n        </Text>\n      );\n    }\n    case 'BOOLEAN':\n      return (\n        <Box verticalAlign=\"middle\" color={props.value ? 'G10' : 'D10'}>\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'URL':\n      return (\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={props.value as string}\n          ellipsis\n        >\n          {props.value as React.ReactNode}\n        </TextButton>\n      );\n    case 'IMAGE':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"image-view\" />\n      );\n    case 'VIDEO':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"video-view\" />\n      );\n    case 'MEDIA_IMAGE':\n      return <MediaImageView value={props.value} dataHook=\"media-image-view\" />;\n    case 'AUDIO':\n      return (\n        <CellAudioView\n          value={props.value as string | null}\n          dataHook=\"audio-view\"\n        />\n      );\n    case 'MEDIA_GALLERY':\n      return (\n        <CellMediaGalleryView\n          data={props.value as WixCodeGalleryItem[] | null}\n          dataHook=\"media-gallery-view\"\n        />\n      );\n    case 'DOCUMENT':\n      return (\n        <CellDocumentView\n          value={props.value as string | null | undefined}\n          dataHook=\"document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'MULTI_DOCUMENT':\n      return (\n        <CellMultiDocumentView\n          value={props.value as string[] | null | undefined}\n          dataHook=\"multi-document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'ARRAY':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {(props.value as unknown[] | undefined)?.join?.(', ')}\n        </Text>\n      );\n    case 'ADDRESS':\n      return (\n        <CellAddressView data={props.value as CellAddressViewProps['data']} />\n      );\n    case 'RICH_TEXT':\n      return <CellRichTextView value={props.value as string | null} />;\n    case 'RICH_CONTENT':\n      return <CellRichContentView value={props.value} />;\n    case 'COLOR':\n      return <CellColorView value={props.value as string | undefined} />;\n    case 'OBJECT':\n      return <JsonView data={props.value} />;\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {/* Rendering an object as a child throws and takes the page down with\n              it, so types with no case above show only primitives. REFERENCE /\n              MULTI_REFERENCE hold an expanded referenced item and are rendered\n              by the source instead (schemaRendering's columnOverrides). */}\n          {isRenderableText(props.value) ? String(props.value) : null}\n        </Text>\n      );\n  }\n}\n\nconst isRenderableText = (value: unknown): boolean =>\n  value != null && typeof value !== 'object';\n\nexport const FieldCell = observer(_FieldCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FormPage/FormPageActionsBar.js

@@ -11,23 +11,37 @@ var _mobxReactLite = require("mobx-react-lite");
 var _bexCore = require("@wix/bex-core");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
+var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FormPage/FormPageActionsBar.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); }
 const FormPageSaveSplitActionFallback = ({
   size,
   label,
-  onSave
-}) => /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+  onSave,
+  disabled,
+  disabledReason
+}) => /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
+  content: disabledReason,
+  disabled: !disabledReason,
+  dataHook: "form-page-save-btn-disabled-tooltip",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
   size: size,
   dataHook: "form-page-save-btn",
   onClick: onSave,
+  disabled: disabled,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 17,
-    columnNumber: 3
+    lineNumber: 25,
+    columnNumber: 5
   }
-}, label);
+}, label));
 
 // Lazy loaded so the split action and its popover stay out of the EntityPage bundle for consumers that pass no secondary actions.
 // A rejected chunk would otherwise throw in render and take the whole page down, so it degrades to the plain save button instead.
@@ -43,7 +57,7 @@ function _FormPageActionsBar({
   onSave,
   actionsBarConfig
 }) {
-  var _actionsBarConfig$sav, _actionsBarConfig$sav2, _actionsBarConfig$sav3;
+  var _actionsBarConfig$sav, _actionsBarConfig$sav2, _actionsBarConfig$sav3, _actionsBarConfig$sav4, _actionsBarConfig$sav5;
   const {
     translate: t,
     initTask
@@ -62,28 +76,42 @@ function _FormPageActionsBar({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 74,
       columnNumber: 5
     }
   }) : (actionsBarConfig == null || (_actionsBarConfig$sav2 = actionsBarConfig.saveCta) == null ? void 0 : _actionsBarConfig$sav2.consumerText) ?? t(_bexCore.ctaKeys[(actionsBarConfig == null || (_actionsBarConfig$sav3 = actionsBarConfig.saveCta) == null ? void 0 : _actionsBarConfig$sav3.text) ?? 'SAVE']);
-  const saveButton = /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+  const saveDisabled = actionsBarConfig == null || (_actionsBarConfig$sav4 = actionsBarConfig.saveCta) == null ? void 0 : _actionsBarConfig$sav4.disabled;
+  const saveDisabledReason = actionsBarConfig == null || (_actionsBarConfig$sav5 = actionsBarConfig.saveCta) == null ? void 0 : _actionsBarConfig$sav5.disabledReason;
+  const saveCtaButton = /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     fullWidth: isMobile,
     size: size,
     dataHook: "form-page-save-btn",
     onClick: onSave,
+    disabled: saveDisabled,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 82,
       columnNumber: 5
     }
   }, saveLabel);
+  const saveButton = isMobile ? saveCtaButton : /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
+    content: saveDisabledReason,
+    disabled: !saveDisabledReason,
+    dataHook: "form-page-save-btn-disabled-tooltip",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 95,
+      columnNumber: 5
+    }
+  }, saveCtaButton);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     gap: "SP2",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 105,
       columnNumber: 5
     }
   }, deleteAction, isMobile ? undefined : moreActions, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -95,7 +123,7 @@ function _FormPageActionsBar({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 108,
       columnNumber: 7
     }
   }, t('cairo.entityPage.header.cancel.CTA')), secondaryActions != null && secondaryActions.length ?
@@ -106,7 +134,7 @@ function _FormPageActionsBar({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 119,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(FormPageSaveSplitAction, {
@@ -116,10 +144,12 @@ function _FormPageActionsBar({
     secondaryActions: secondaryActions,
     isSaving: state.submitTask.status.isLoading,
     onSave: onSave,
+    disabled: saveDisabled,
+    disabledReason: saveDisabledReason,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 120,
       columnNumber: 11
     }
   })) : saveButton);

package/dist/cjs/components/FormPage/FormPageActionsBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_providers","_mobxReactLite","_bexCore","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormPageSaveSplitActionFallback","size","label","onSave","createElement","Button","dataHook","onClick","__self","__source","fileName","lineNumber","columnNumber","FormPageSaveSplitAction","lazy","Promise","resolve","then","module","catch","_FormPageActionsBar","deleteAction","moreActions","onCancel","actionsBarConfig","_actionsBarConfig$sav","_actionsBarConfig$sav2","_actionsBarConfig$sav3","translate","initTask","useWixPatternsContainer","state","useFormPageContext","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","status","isSuccess","secondaryActions","undefined","saveCta","saveLabel","submitTask","isLoading","Loader","consumerText","ctaKeys","text","saveButton","fullWidth","Box","gap","priority","length","Suspense","fallback","toggleAriaLabel","isSaving","FormPageActionsBar","exports","observer"],"sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"sourcesContent":["import { Box, Button, Loader } from '@wix/design-system';\nimport React, { lazy, ReactNode, Suspense } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFormPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsElement } from '../MoreActions';\nimport { ActionsBarConfig, ctaKeys } from '@wix/bex-core';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport type { FormPageSaveSplitActionProps } from './FormPageSaveSplitAction';\n\nconst FormPageSaveSplitActionFallback = ({\n  size,\n  label,\n  onSave,\n}: FormPageSaveSplitActionProps) => (\n  <Button size={size} dataHook=\"form-page-save-btn\" onClick={onSave}>\n    {label}\n  </Button>\n);\n\n// Lazy loaded so the split action and its popover stay out of the EntityPage bundle for consumers that pass no secondary actions.\n// A rejected chunk would otherwise throw in render and take the whole page down, so it degrades to the plain save button instead.\nconst FormPageSaveSplitAction = lazy(() =>\n  import('./FormPageSaveSplitAction')\n    .then((module) => ({ default: module.FormPageSaveSplitAction }))\n    .catch(() => ({ default: FormPageSaveSplitActionFallback })),\n);\n\nexport interface FormPageActionsBarProps {\n  deleteAction?: ReactNode;\n  moreActions?: MoreActionsElement;\n  onCancel?: () => void;\n  onSave?: () => void;\n  actionsBarConfig?: ActionsBarConfig;\n}\n\nexport function _FormPageActionsBar({\n  deleteAction,\n  moreActions,\n  onCancel,\n  onSave,\n  actionsBarConfig,\n}: FormPageActionsBarProps) {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  if (!initTask.status.isSuccess) {\n    return null;\n  }\n\n  const size = isBmHarmonyTheme || isMobile ? 'small' : 'medium';\n  // Not supported on mobile: WDS SplitAction takes no fullWidth, so it cannot match the full-width mobile save button.\n  const secondaryActions = isMobile\n    ? undefined\n    : actionsBarConfig?.saveCta?.secondaryActions;\n  const saveLabel = state.submitTask.status.isLoading ? (\n    <Loader size=\"tiny\" />\n  ) : (\n    (actionsBarConfig?.saveCta?.consumerText ??\n      t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE']))\n  );\n  const saveButton = (\n    <Button\n      fullWidth={isMobile}\n      size={size}\n      dataHook=\"form-page-save-btn\"\n      onClick={onSave}\n    >\n      {saveLabel}\n    </Button>\n  );\n\n  return (\n    <Box gap=\"SP2\">\n      {deleteAction}\n      {isMobile ? undefined : moreActions}\n      <Button\n        priority=\"secondary\"\n        fullWidth={isMobile}\n        size={size}\n        dataHook=\"form-page-cancel-btn\"\n        onClick={onCancel}\n      >\n        {t('cairo.entityPage.header.cancel.CTA')}\n      </Button>\n      {secondaryActions?.length ? (\n        // The plain button is the fallback, so saving stays available while the split action loads and only the chevron arrives a beat later.\n        <Suspense fallback={saveButton}>\n          <FormPageSaveSplitAction\n            size={size}\n            label={saveLabel}\n            toggleAriaLabel={t('cairo.moreActions')}\n            secondaryActions={secondaryActions}\n            isSaving={state.submitTask.status.isLoading}\n            onSave={onSave}\n          />\n        </Suspense>\n      ) : (\n        saveButton\n      )}\n    </Box>\n  );\n}\n\nexport const FormPageActionsBar = observer(_FormPageActionsBar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_providers","_mobxReactLite","_bexCore","_useIsMobile","_useBmHarmonyTheme","_DisabledTooltip","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormPageSaveSplitActionFallback","size","label","onSave","disabled","disabledReason","createElement","DisabledTooltip","content","dataHook","__self","__source","fileName","lineNumber","columnNumber","Button","onClick","FormPageSaveSplitAction","lazy","Promise","resolve","then","module","catch","_FormPageActionsBar","deleteAction","moreActions","onCancel","actionsBarConfig","_actionsBarConfig$sav","_actionsBarConfig$sav2","_actionsBarConfig$sav3","_actionsBarConfig$sav4","_actionsBarConfig$sav5","translate","initTask","useWixPatternsContainer","state","useFormPageContext","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","status","isSuccess","secondaryActions","undefined","saveCta","saveLabel","submitTask","isLoading","Loader","consumerText","ctaKeys","text","saveDisabled","saveDisabledReason","saveCtaButton","fullWidth","saveButton","Box","gap","priority","length","Suspense","fallback","toggleAriaLabel","isSaving","FormPageActionsBar","exports","observer"],"sources":["../../../../src/components/FormPage/FormPageActionsBar.tsx"],"sourcesContent":["import { Box, Button, Loader } from '@wix/design-system';\nimport React, { lazy, ReactNode, Suspense } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFormPageContext } from '../../providers';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsElement } from '../MoreActions';\nimport { ActionsBarConfig, ctaKeys } from '@wix/bex-core';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport type { FormPageSaveSplitActionProps } from './FormPageSaveSplitAction';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nconst FormPageSaveSplitActionFallback = ({\n  size,\n  label,\n  onSave,\n  disabled,\n  disabledReason,\n}: FormPageSaveSplitActionProps) => (\n  <DisabledTooltip\n    content={disabledReason}\n    disabled={!disabledReason}\n    dataHook=\"form-page-save-btn-disabled-tooltip\"\n  >\n    <Button\n      size={size}\n      dataHook=\"form-page-save-btn\"\n      onClick={onSave}\n      disabled={disabled}\n    >\n      {label}\n    </Button>\n  </DisabledTooltip>\n);\n\n// Lazy loaded so the split action and its popover stay out of the EntityPage bundle for consumers that pass no secondary actions.\n// A rejected chunk would otherwise throw in render and take the whole page down, so it degrades to the plain save button instead.\nconst FormPageSaveSplitAction = lazy(() =>\n  import('./FormPageSaveSplitAction')\n    .then((module) => ({ default: module.FormPageSaveSplitAction }))\n    .catch(() => ({ default: FormPageSaveSplitActionFallback })),\n);\n\nexport interface FormPageActionsBarProps {\n  deleteAction?: ReactNode;\n  moreActions?: MoreActionsElement;\n  onCancel?: () => void;\n  onSave?: () => void;\n  actionsBarConfig?: ActionsBarConfig;\n}\n\nexport function _FormPageActionsBar({\n  deleteAction,\n  moreActions,\n  onCancel,\n  onSave,\n  actionsBarConfig,\n}: FormPageActionsBarProps) {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  if (!initTask.status.isSuccess) {\n    return null;\n  }\n\n  const size = isBmHarmonyTheme || isMobile ? 'small' : 'medium';\n  // Not supported on mobile: WDS SplitAction takes no fullWidth, so it cannot match the full-width mobile save button.\n  const secondaryActions = isMobile\n    ? undefined\n    : actionsBarConfig?.saveCta?.secondaryActions;\n  const saveLabel = state.submitTask.status.isLoading ? (\n    <Loader size=\"tiny\" />\n  ) : (\n    (actionsBarConfig?.saveCta?.consumerText ??\n      t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE']))\n  );\n  const saveDisabled = actionsBarConfig?.saveCta?.disabled;\n  const saveDisabledReason = actionsBarConfig?.saveCta?.disabledReason;\n  const saveCtaButton = (\n    <Button\n      fullWidth={isMobile}\n      size={size}\n      dataHook=\"form-page-save-btn\"\n      onClick={onSave}\n      disabled={saveDisabled}\n    >\n      {saveLabel}\n    </Button>\n  );\n  const saveButton = isMobile ? (\n    saveCtaButton\n  ) : (\n    <DisabledTooltip\n      content={saveDisabledReason}\n      disabled={!saveDisabledReason}\n      dataHook=\"form-page-save-btn-disabled-tooltip\"\n    >\n      {saveCtaButton}\n    </DisabledTooltip>\n  );\n\n  return (\n    <Box gap=\"SP2\">\n      {deleteAction}\n      {isMobile ? undefined : moreActions}\n      <Button\n        priority=\"secondary\"\n        fullWidth={isMobile}\n        size={size}\n        dataHook=\"form-page-cancel-btn\"\n        onClick={onCancel}\n      >\n        {t('cairo.entityPage.header.cancel.CTA')}\n      </Button>\n      {secondaryActions?.length ? (\n        // The plain button is the fallback, so saving stays available while the split action loads and only the chevron arrives a beat later.\n        <Suspense fallback={saveButton}>\n          <FormPageSaveSplitAction\n            size={size}\n            label={saveLabel}\n            toggleAriaLabel={t('cairo.moreActions')}\n            secondaryActions={secondaryActions}\n            isSaving={state.submitTask.status.isLoading}\n            onSave={onSave}\n            disabled={saveDisabled}\n            disabledReason={saveDisabledReason}\n          />\n        </Suspense>\n      ) : (\n        saveButton\n      )}\n    </Box>\n  );\n}\n\nexport const FormPageActionsBar = observer(_FormPageActionsBar);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FormPage/FormPageSaveSplitAction.js

@@ -6,6 +6,7 @@ exports.FormPageSaveSplitAction = FormPageSaveSplitAction;
 var _designSystem = require("@wix/design-system");
 var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
+var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FormPage/FormPageSaveSplitAction.tsx";
 function FormPageSaveSplitAction({
   size,
@@ -13,7 +14,9 @@ function FormPageSaveSplitAction({
   toggleAriaLabel,
   secondaryActions,
   isSaving,
-  onSave
+  onSave,
+  disabled,
+  disabledReason
 }) {
   return /*#__PURE__*/_react.default.createElement(_designSystem.SplitAction, {
     size: size,
@@ -22,19 +25,30 @@ function FormPageSaveSplitAction({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 34,
       columnNumber: 5
     }
+  }, /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
+    content: disabledReason,
+    disabled: !disabledReason,
+    dataHook: "form-page-save-btn-disabled-tooltip",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 7
+    }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SplitActionButton, {
     dataHook: "form-page-save-btn",
     onClick: onSave,
+    disabled: disabled,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
-      columnNumber: 7
+      lineNumber: 40,
+      columnNumber: 9
     }
-  }, label), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+  }, label)), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
     placement: "bottom-end",
     dataHook: "form-page-save-menu",
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.SplitActionIconButton, {
@@ -44,21 +58,21 @@ function FormPageSaveSplitAction({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 37,
+        lineNumber: 52,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 57,
         columnNumber: 13
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 48,
       columnNumber: 7
     }
   }, secondaryActions.map((action, index) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -67,11 +81,12 @@ function FormPageSaveSplitAction({
     text: action.consumerText,
     prefixIcon: action.icon,
     disabled: isSaving || action.disabled,
+    disabledDescription: action.disabled ? action.disabledReason : undefined,
     onClick: action.onClick,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 62,
       columnNumber: 11
     }
   }))));

package/dist/cjs/components/FormPage/FormPageSaveSplitAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_lazy","_react","_interopRequireDefault","_jsxFileName","FormPageSaveSplitAction","size","label","toggleAriaLabel","secondaryActions","isSaving","onSave","default","createElement","SplitAction","priority","dataHook","__self","__source","fileName","lineNumber","columnNumber","SplitActionButton","onClick","PopoverMenu","placement","triggerElement","SplitActionIconButton","ariaLabel","disabled","ChevronDown","map","action","index","MenuItem","key","text","consumerText","prefixIcon","icon"],"sources":["../../../../src/components/FormPage/FormPageSaveSplitAction.tsx"],"sourcesContent":["import {\n  PopoverMenu,\n  SplitAction,\n  SplitActionButton,\n  SplitActionIconButton,\n} from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common/lazy';\nimport React, { ReactNode } from 'react';\nimport type { SaveCtaSecondaryAction } from '@wix/bex-core';\n\nexport interface FormPageSaveSplitActionProps {\n  size: 'small' | 'medium';\n  label: ReactNode;\n  toggleAriaLabel: string;\n  secondaryActions: SaveCtaSecondaryAction[];\n  isSaving?: boolean;\n  onSave?: () => void;\n}\n\nexport function FormPageSaveSplitAction({\n  size,\n  label,\n  toggleAriaLabel,\n  secondaryActions,\n  isSaving,\n  onSave,\n}: FormPageSaveSplitActionProps) {\n  return (\n    <SplitAction size={size} priority=\"primary\" dataHook=\"form-page-save-split\">\n      <SplitActionButton dataHook=\"form-page-save-btn\" onClick={onSave}>\n        {label}\n      </SplitActionButton>\n      <PopoverMenu\n        placement=\"bottom-end\"\n        dataHook=\"form-page-save-menu\"\n        triggerElement={\n          <SplitActionIconButton\n            dataHook=\"form-page-save-menu-toggle\"\n            ariaLabel={toggleAriaLabel}\n            disabled={isSaving}\n          >\n            <ChevronDown />\n          </SplitActionIconButton>\n        }\n      >\n        {secondaryActions.map((action, index) => (\n          <PopoverMenu.MenuItem\n            key={action.dataHook ?? index}\n            dataHook={action.dataHook}\n            text={action.consumerText}\n            prefixIcon={action.icon}\n            disabled={isSaving || action.disabled}\n            onClick={action.onClick}\n          />\n        ))}\n      </PopoverMenu>\n    </SplitAction>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAyC,IAAAI,YAAA;AAYlC,SAASC,uBAAuBA,CAAC;EACtCC,IAAI;EACJC,KAAK;EACLC,eAAe;EACfC,gBAAgB;EAChBC,QAAQ;EACRC;AAC4B,CAAC,EAAE;EAC/B,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,WAAW;IAACR,IAAI,EAAEA,IAAK;IAACS,QAAQ,EAAC,SAAS;IAACC,QAAQ,EAAC,sBAAsB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzEnB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,iBAAiB;IAACN,QAAQ,EAAC,oBAAoB;IAACO,OAAO,EAAEZ,MAAO;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC9Dd,KACgB,CAAC,eACpBL,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,WAAW;IACVC,SAAS,EAAC,YAAY;IACtBT,QAAQ,EAAC,qBAAqB;IAC9BU,cAAc,eACZxB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,qBAAqB;MACpBX,QAAQ,EAAC,4BAA4B;MACrCY,SAAS,EAAEpB,eAAgB;MAC3BqB,QAAQ,EAAEnB,QAAS;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEnBnB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAA6B,WAAW;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACO,CACxB;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEAZ,gBAAgB,CAACsB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,kBAClC/B,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,WAAW,CAACU,QAAQ;IACnBC,GAAG,EAAEH,MAAM,CAAChB,QAAQ,IAAIiB,KAAM;IAC9BjB,QAAQ,EAAEgB,MAAM,CAAChB,QAAS;IAC1BoB,IAAI,EAAEJ,MAAM,CAACK,YAAa;IAC1BC,UAAU,EAAEN,MAAM,CAACO,IAAK;IACxBV,QAAQ,EAAEnB,QAAQ,IAAIsB,MAAM,CAACH,QAAS;IACtCN,OAAO,EAAES,MAAM,CAACT,OAAQ;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzB,CACF,CACU,CACF,CAAC;AAElB","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_lazy","_react","_interopRequireDefault","_DisabledTooltip","_jsxFileName","FormPageSaveSplitAction","size","label","toggleAriaLabel","secondaryActions","isSaving","onSave","disabled","disabledReason","default","createElement","SplitAction","priority","dataHook","__self","__source","fileName","lineNumber","columnNumber","DisabledTooltip","content","SplitActionButton","onClick","PopoverMenu","placement","triggerElement","SplitActionIconButton","ariaLabel","ChevronDown","map","action","index","MenuItem","key","text","consumerText","prefixIcon","icon","disabledDescription","undefined"],"sources":["../../../../src/components/FormPage/FormPageSaveSplitAction.tsx"],"sourcesContent":["import {\n  PopoverMenu,\n  SplitAction,\n  SplitActionButton,\n  SplitActionIconButton,\n} from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common/lazy';\nimport React, { ReactNode } from 'react';\nimport type { SaveCtaSecondaryAction } from '@wix/bex-core';\nimport { DisabledTooltip } from '../DisabledTooltip';\n\nexport interface FormPageSaveSplitActionProps {\n  size: 'small' | 'medium';\n  label: ReactNode;\n  toggleAriaLabel: string;\n  secondaryActions: SaveCtaSecondaryAction[];\n  isSaving?: boolean;\n  onSave?: () => void;\n  disabled?: boolean;\n  disabledReason?: ReactNode;\n}\n\nexport function FormPageSaveSplitAction({\n  size,\n  label,\n  toggleAriaLabel,\n  secondaryActions,\n  isSaving,\n  onSave,\n  disabled,\n  disabledReason,\n}: FormPageSaveSplitActionProps) {\n  return (\n    <SplitAction size={size} priority=\"primary\" dataHook=\"form-page-save-split\">\n      <DisabledTooltip\n        content={disabledReason}\n        disabled={!disabledReason}\n        dataHook=\"form-page-save-btn-disabled-tooltip\"\n      >\n        <SplitActionButton\n          dataHook=\"form-page-save-btn\"\n          onClick={onSave}\n          disabled={disabled}\n        >\n          {label}\n        </SplitActionButton>\n      </DisabledTooltip>\n      <PopoverMenu\n        placement=\"bottom-end\"\n        dataHook=\"form-page-save-menu\"\n        triggerElement={\n          <SplitActionIconButton\n            dataHook=\"form-page-save-menu-toggle\"\n            ariaLabel={toggleAriaLabel}\n            disabled={isSaving}\n          >\n            <ChevronDown />\n          </SplitActionIconButton>\n        }\n      >\n        {secondaryActions.map((action, index) => (\n          <PopoverMenu.MenuItem\n            key={action.dataHook ?? index}\n            dataHook={action.dataHook}\n            text={action.consumerText}\n            prefixIcon={action.icon}\n            disabled={isSaving || action.disabled}\n            disabledDescription={\n              action.disabled ? action.disabledReason : undefined\n            }\n            onClick={action.onClick}\n          />\n        ))}\n      </PopoverMenu>\n    </SplitAction>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FormPageContent/FormPageContent.uni.driver.js

@@ -7,14 +7,20 @@ var _unidriver = require("../../unidriver");
 var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
 var _PageErrorStateUni = _interopRequireDefault(require("../PageErrorState/PageErrorState.uni.driver"));
 var _FormPageCardUni = _interopRequireDefault(require("../FormPageCard/FormPageCard.uni.driver"));
+var _DisabledTooltipButtonUni = require("../DisabledTooltip/DisabledTooltipButton.uni.driver");
 const FormPageContentUniDriver = (base, body) => {
   const moreActionsPopoverDriver = dataHook => (0, _unidriver2.PopoverMenuUniDriver)(base.$(`[data-hook="${dataHook}"]`), body);
   const getCard = dataHook => (0, _FormPageCardUni.default)(base.$(`[data-hook="${dataHook}"]`), body);
+  const getSaveButton = () => (0, _unidriver2.ButtonUniDriver)(base.$$(`[data-hook="form-page-save-btn"]`).get(0), body);
   return {
     /** Returns Cancel button driver */
     cancelButton: () => (0, _unidriver2.ButtonUniDriver)(base.$$(`[data-hook="form-page-cancel-btn"]`).get(0), body),
     /** Returns Save button driver */
-    saveButton: () => (0, _unidriver2.ButtonUniDriver)(base.$$(`[data-hook="form-page-save-btn"]`).get(0), body),
+    saveButton: getSaveButton,
+    isSaveDisabled: () => getSaveButton().isButtonDisabled(),
+    getSaveDisabledTooltipText: () => (0, _DisabledTooltipButtonUni.DisabledTooltipButtonUniDriver)(base, body, {
+      dataHook: 'form-page-save-btn'
+    }).getTooltipText(),
     /** Returns the split save action driver, present only when the save CTA is given secondary actions */
     saveSplitAction: () => {
       const savePopoverDriver = (0, _unidriver2.PopoverMenuUniDriver)(base.$(`[data-hook="form-page-save-menu"]`), body);
@@ -29,7 +35,12 @@ const FormPageContentUniDriver = (base, body) => {
         /** Whether the icon-only toggle is disabled - WDS marks it with aria-disabled, not the native attribute */
         isToggleDisabled: async () => (await savePopoverDriver.getTriggerElement('form-page-save-menu-toggle').attr('aria-disabled')) === 'true',
         /** Clicks a secondary action by data-hook */
-        clickAtChildByDataHook: childDataHook => savePopoverDriver.clickAtChildByDataHook(childDataHook)
+        clickAtChildByDataHook: childDataHook => savePopoverDriver.clickAtChildByDataHook(childDataHook),
+        isSecondaryActionDisabled: childDataHook => (0, _unidriver2.ListItemActionUniDriver)(body.$(`[data-hook="${childDataHook}"]`), body).isDisabled(),
+        getSecondaryActionDisabledTooltipText: async childDataHook => {
+          const descriptionId = await body.$(`[data-hook="${childDataHook}"]`).attr('aria-describedby');
+          return descriptionId ? body.$(`[id="${descriptionId}"]`).text() : null;
+        }
       };
     },
     getMoreActions: dataHook => ({

package/dist/cjs/components/FormPageContent/FormPageContent.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_PageErrorStateUni","_interopRequireDefault","_FormPageCardUni","FormPageContentUniDriver","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getCard","FormPageCardUniDriver","cancelButton","ButtonUniDriver","$$","get","saveButton","saveSplitAction","savePopoverDriver","exists","open","getTriggerElement","click","isOpen","isMenuOpen","toggleAriaLabel","attr","isToggleDisabled","clickAtChildByDataHook","childDataHook","getMoreActions","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getErrorState","PageErrorStateUniDriver","baseUniDriverFactory","exports"],"sources":["../../../../src/components/FormPageContent/FormPageContent.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  ButtonUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport PageErrorStateUniDriver from '../PageErrorState/PageErrorState.uni.driver';\nimport FormPageCardUniDriver from '../FormPageCard/FormPageCard.uni.driver';\n\nexport const FormPageContentUniDriver = (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getCard = (dataHook: string) =>\n    FormPageCardUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  return {\n    /** Returns Cancel button driver */\n    cancelButton: () =>\n      ButtonUniDriver(\n        base.$$(`[data-hook=\"form-page-cancel-btn\"]`).get(0),\n        body,\n      ),\n    /** Returns Save button driver */\n    saveButton: () =>\n      ButtonUniDriver(base.$$(`[data-hook=\"form-page-save-btn\"]`).get(0), body),\n\n    /** Returns the split save action driver, present only when the save CTA is given secondary actions */\n    saveSplitAction: () => {\n      const savePopoverDriver = PopoverMenuUniDriver(\n        base.$(`[data-hook=\"form-page-save-menu\"]`),\n        body,\n      );\n\n      return {\n        exists: () => base.$(`[data-hook=\"form-page-save-split\"]`).exists(),\n\n        /** Opens the secondary actions popover */\n        open: () =>\n          savePopoverDriver\n            .getTriggerElement('form-page-save-menu-toggle')\n            .click(),\n\n        /** Indicates whether the secondary actions popover is open */\n        isOpen: () => savePopoverDriver.isMenuOpen(),\n\n        /** The accessible name of the icon-only toggle */\n        toggleAriaLabel: () =>\n          savePopoverDriver\n            .getTriggerElement('form-page-save-menu-toggle')\n            .attr('aria-label'),\n\n        /** Whether the icon-only toggle is disabled - WDS marks it with aria-disabled, not the native attribute */\n        isToggleDisabled: async () =>\n          (await savePopoverDriver\n            .getTriggerElement('form-page-save-menu-toggle')\n            .attr('aria-disabled')) === 'true',\n\n        /** Clicks a secondary action by data-hook */\n        clickAtChildByDataHook: (childDataHook: string) =>\n          savePopoverDriver.clickAtChildByDataHook(childDataHook),\n      };\n    },\n\n    getMoreActions: (dataHook: string) => ({\n      exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n      /** Opens the manage view popover */\n      open: () =>\n        moreActionsPopoverDriver(dataHook)\n          .getTriggerElement('more-actions-popover-button')\n          .click(),\n      /** Indicates whether the manage view popover is open */\n      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n      /** Clicks at child by data-hook */\n      clickAtChildByDataHook: (childDataHook: string) =>\n        moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(\n          childDataHook,\n        ),\n\n      /** Clicks at child by index */\n      clickAtChildByIndex: (index: number) =>\n        moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n      /** Gets content at index */\n      childContentAt: (index: number) =>\n        moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n      /** Gets children count */\n      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n    }),\n\n    /** Returns EntityPage.Card driver by dataHook */\n    getCard,\n\n    /** Returns error state driver */\n    getErrorState: () => PageErrorStateUniDriver(base, body),\n\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_PageErrorStateUni","_interopRequireDefault","_FormPageCardUni","_DisabledTooltipButtonUni","FormPageContentUniDriver","base","body","moreActionsPopoverDriver","dataHook","PopoverMenuUniDriver","$","getCard","FormPageCardUniDriver","getSaveButton","ButtonUniDriver","$$","get","cancelButton","saveButton","isSaveDisabled","isButtonDisabled","getSaveDisabledTooltipText","DisabledTooltipButtonUniDriver","getTooltipText","saveSplitAction","savePopoverDriver","exists","open","getTriggerElement","click","isOpen","isMenuOpen","toggleAriaLabel","attr","isToggleDisabled","clickAtChildByDataHook","childDataHook","isSecondaryActionDisabled","ListItemActionUniDriver","isDisabled","getSecondaryActionDisabledTooltipText","descriptionId","text","getMoreActions","clickAtChildByIndex","index","clickAtChild","childContentAt","itemContentAt","childrenCount","getErrorState","PageErrorStateUniDriver","baseUniDriverFactory","exports"],"sources":["../../../../src/components/FormPageContent/FormPageContent.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  ButtonUniDriver,\n  ListItemActionUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport PageErrorStateUniDriver from '../PageErrorState/PageErrorState.uni.driver';\nimport FormPageCardUniDriver from '../FormPageCard/FormPageCard.uni.driver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport const FormPageContentUniDriver = (base: UniDriver, body: UniDriver) => {\n  const moreActionsPopoverDriver = (dataHook: string) =>\n    PopoverMenuUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getCard = (dataHook: string) =>\n    FormPageCardUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body);\n\n  const getSaveButton = () =>\n    ButtonUniDriver(base.$$(`[data-hook=\"form-page-save-btn\"]`).get(0), body);\n\n  return {\n    /** Returns Cancel button driver */\n    cancelButton: () =>\n      ButtonUniDriver(\n        base.$$(`[data-hook=\"form-page-cancel-btn\"]`).get(0),\n        body,\n      ),\n    /** Returns Save button driver */\n    saveButton: getSaveButton,\n    isSaveDisabled: () => getSaveButton().isButtonDisabled(),\n    getSaveDisabledTooltipText: () =>\n      DisabledTooltipButtonUniDriver(base, body, {\n        dataHook: 'form-page-save-btn',\n      }).getTooltipText(),\n\n    /** Returns the split save action driver, present only when the save CTA is given secondary actions */\n    saveSplitAction: () => {\n      const savePopoverDriver = PopoverMenuUniDriver(\n        base.$(`[data-hook=\"form-page-save-menu\"]`),\n        body,\n      );\n\n      return {\n        exists: () => base.$(`[data-hook=\"form-page-save-split\"]`).exists(),\n\n        /** Opens the secondary actions popover */\n        open: () =>\n          savePopoverDriver\n            .getTriggerElement('form-page-save-menu-toggle')\n            .click(),\n\n        /** Indicates whether the secondary actions popover is open */\n        isOpen: () => savePopoverDriver.isMenuOpen(),\n\n        /** The accessible name of the icon-only toggle */\n        toggleAriaLabel: () =>\n          savePopoverDriver\n            .getTriggerElement('form-page-save-menu-toggle')\n            .attr('aria-label'),\n\n        /** Whether the icon-only toggle is disabled - WDS marks it with aria-disabled, not the native attribute */\n        isToggleDisabled: async () =>\n          (await savePopoverDriver\n            .getTriggerElement('form-page-save-menu-toggle')\n            .attr('aria-disabled')) === 'true',\n\n        /** Clicks a secondary action by data-hook */\n        clickAtChildByDataHook: (childDataHook: string) =>\n          savePopoverDriver.clickAtChildByDataHook(childDataHook),\n\n        isSecondaryActionDisabled: (childDataHook: string) =>\n          ListItemActionUniDriver(\n            body.$(`[data-hook=\"${childDataHook}\"]`),\n            body,\n          ).isDisabled(),\n\n        getSecondaryActionDisabledTooltipText: async (\n          childDataHook: string,\n        ) => {\n          const descriptionId = await body\n            .$(`[data-hook=\"${childDataHook}\"]`)\n            .attr('aria-describedby');\n          return descriptionId\n            ? body.$(`[id=\"${descriptionId}\"]`).text()\n            : null;\n        },\n      };\n    },\n\n    getMoreActions: (dataHook: string) => ({\n      exists: () => moreActionsPopoverDriver(dataHook).exists(),\n\n      /** Opens the manage view popover */\n      open: () =>\n        moreActionsPopoverDriver(dataHook)\n          .getTriggerElement('more-actions-popover-button')\n          .click(),\n      /** Indicates whether the manage view popover is open */\n      isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),\n\n      /** Clicks at child by data-hook */\n      clickAtChildByDataHook: (childDataHook: string) =>\n        moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(\n          childDataHook,\n        ),\n\n      /** Clicks at child by index */\n      clickAtChildByIndex: (index: number) =>\n        moreActionsPopoverDriver(dataHook).clickAtChild(index),\n\n      /** Gets content at index */\n      childContentAt: (index: number) =>\n        moreActionsPopoverDriver(dataHook).itemContentAt(index),\n\n      /** Gets children count */\n      childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),\n    }),\n\n    /** Returns EntityPage.Card driver by dataHook */\n    getCard,\n\n    /** Returns error state driver */\n    getErrorState: () => PageErrorStateUniDriver(base, body),\n\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.st.css.js

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

package/dist/cjs/components/Heading/Heading.st.css.js.map

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

package/dist/cjs/components/ImportButton/CmsImportFieldEditor.js

@@ -48,10 +48,8 @@ const _CmsImportFieldEditor = ({
     title: t('cairo.import.editField'),
     primaryButtonText: t('cairo.import.save'),
     secondaryButtonText: t('cairo.import.cancel')
-    // The mapping dropdown's popover renders at z-index 5001. Opening the editor
-    // from the "+ Create New Field" footer doesn't synchronously close that
-    // popover, so the editor must stack above it — below the field-type dropdown
-    // inside the editor (10000) and toasts (5500).
+    // Keep the editor above the mapping popover while it closes, and below
+    // the editor's field-type dropdown (10000) and toasts (5500).
     ,
     zIndex: 5100,
     __self: void 0,

package/dist/cjs/components/ImportButton/CmsImportFieldEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_FieldEditorModal","_FieldEditorModalState","_importFieldEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CmsImportFieldEditor","state","translate","editorState","useState","FieldEditorModalState","onSubmit","applyFieldEdit","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modal","isOpen","open","buildFieldDraft","fireImmediately","disposeClose","endFieldEdit","createElement","FieldEditorModal","title","primaryButtonText","secondaryButtonText","zIndex","__self","__source","fileName","lineNumber","columnNumber","CmsImportFieldEditor","exports","observer"],"sources":["../../../../src/components/ImportButton/CmsImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport type { ImportState } from '@wix/bex-core';\nimport { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';\nimport { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';\nimport { buildFieldDraft } from './importFieldEditor';\n\n/**\n * The CMS create/edit-field modal for the import flow. `ImportButton` picks and\n * lazy-loads it for a CMS (Wix Data) import (from the config's `dataSource`).\n * Self-contained: it opens and pre-fills from `state.editingMapping` when a\n * column starts editing, writes the result back via `state.applyFieldEdit`, and\n * clears `state.editingHeader` on close so re-editing the same column re-opens it.\n */\nconst _CmsImportFieldEditor = ({ state }: { state: ImportState }) => {\n  const t = state.translate;\n  const [editorState] = useState(\n    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),\n  );\n\n  useEffect(() => {\n    const disposeOpen = reaction(\n      () => state.editingMapping,\n      (mapping) => {\n        const header = state.editingHeader;\n        if (mapping && header && !editorState.modal.isOpen) {\n          editorState.open(buildFieldDraft(header, mapping));\n        }\n      },\n      { fireImmediately: true },\n    );\n    const disposeClose = reaction(\n      () => editorState.modal.isOpen,\n      (isOpen) => {\n        if (!isOpen && state.editingHeader != null) {\n          state.endFieldEdit();\n        }\n      },\n    );\n    return () => {\n      disposeOpen();\n      disposeClose();\n    };\n  }, []);\n\n  return (\n    <FieldEditorModal\n      state={editorState}\n      title={t('cairo.import.editField')}\n      primaryButtonText={t('cairo.import.save')}\n      secondaryButtonText={t('cairo.import.cancel')}\n      // The mapping dropdown's popover renders at z-index 5001. Opening the editor\n      // from the \"+ Create New Field\" footer doesn't synchronously close that\n      // popover, so the editor must stack above it — below the field-type dropdown\n      // inside the editor (10000) and toasts (5500).\n      zIndex={5100}\n    />\n  );\n};\n\nexport const CmsImportFieldEditor = observer(_CmsImportFieldEditor);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_FieldEditorModal","_FieldEditorModalState","_importFieldEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CmsImportFieldEditor","state","translate","editorState","useState","FieldEditorModalState","onSubmit","applyFieldEdit","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modal","isOpen","open","buildFieldDraft","fireImmediately","disposeClose","endFieldEdit","createElement","FieldEditorModal","title","primaryButtonText","secondaryButtonText","zIndex","__self","__source","fileName","lineNumber","columnNumber","CmsImportFieldEditor","exports","observer"],"sources":["../../../../src/components/ImportButton/CmsImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport type { ImportState } from '@wix/bex-core';\nimport { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';\nimport { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';\nimport { buildFieldDraft } from './importFieldEditor';\n\n/**\n * The CMS create/edit-field modal for the import flow. `ImportButton` picks and\n * lazy-loads it for a CMS (Wix Data) import (from the config's `dataSource`).\n * Self-contained: it opens and pre-fills from `state.editingMapping` when a\n * column starts editing, writes the result back via `state.applyFieldEdit`, and\n * clears `state.editingHeader` on close so re-editing the same column re-opens it.\n */\nconst _CmsImportFieldEditor = ({ state }: { state: ImportState }) => {\n  const t = state.translate;\n  const [editorState] = useState(\n    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),\n  );\n\n  useEffect(() => {\n    const disposeOpen = reaction(\n      () => state.editingMapping,\n      (mapping) => {\n        const header = state.editingHeader;\n        if (mapping && header && !editorState.modal.isOpen) {\n          editorState.open(buildFieldDraft(header, mapping));\n        }\n      },\n      { fireImmediately: true },\n    );\n    const disposeClose = reaction(\n      () => editorState.modal.isOpen,\n      (isOpen) => {\n        if (!isOpen && state.editingHeader != null) {\n          state.endFieldEdit();\n        }\n      },\n    );\n    return () => {\n      disposeOpen();\n      disposeClose();\n    };\n  }, []);\n\n  return (\n    <FieldEditorModal\n      state={editorState}\n      title={t('cairo.import.editField')}\n      primaryButtonText={t('cairo.import.save')}\n      secondaryButtonText={t('cairo.import.cancel')}\n      // Keep the editor above the mapping popover while it closes, and below\n      // the editor's field-type dropdown (10000) and toasts (5500).\n      zIndex={5100}\n    />\n  );\n};\n\nexport const CmsImportFieldEditor = observer(_CmsImportFieldEditor);\n"],"mappings":"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","ignoreList":[]}