npm - @wix/patterns - Versions diffs - 1.489.0 → 1.492.0 - Mend

@wix/patterns 1.489.0 → 1.492.0

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

Files changed (581) hide show

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

	@@ -1 +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":[]}
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","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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAAkE,IAAAS,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGlE,MAAMkB,+BAA+B,GAAGA,CAAC;EACvCC,IAAI;EACJC,KAAK;EACLC;AAC4B,CAAC,kBAC7B/B,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAClC,aAAA,CAAAmC,MAAM;EAACJ,IAAI,EAAEA,IAAK;EAACK,QAAQ,EAAC,oBAAoB;EAACC,OAAO,EAAEJ,MAAO;EAAAK,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA9B,YAAA;IAAA+B,UAAA;IAAAC,YAAA;EAAA;AAAA,GAC/DV,KACK,CACT;;AAED;AACA;AACA,MAAMW,uBAAuB,gBAAG,IAAAC,WAAI,EAAC,MACnCC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5C,uBAAA,CAAAF,OAAA,CAAO,2BAA2B,IAC/B8C,IAAI,CAAEC,MAAM,KAAM;EAAE3B,OAAO,EAAE2B,MAAM,CAACL;AAAwB,CAAC,CAAC,CAAC,CAC/DM,KAAK,CAAC,OAAO;EAAE5B,OAAO,EAAES;AAAgC,CAAC,CAAC,CAC/D,CAAC;AAUM,SAASoB,mBAAmBA,CAAC;EAClCC,YAAY;EACZC,WAAW;EACXC,QAAQ;EACRpB,MAAM;EACNqB;AACuB,CAAC,EAAE;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAC1B,MAAM;IAAEC,SAAS,EAAE9C,CAAC;IAAE+C;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,IAAI,CAACP,QAAQ,CAACQ,MAAM,CAACC,SAAS,EAAE;IAC9B,OAAO,IAAI;EACb;EAEA,MAAMrC,IAAI,GAAGkC,gBAAgB,IAAIF,QAAQ,GAAG,OAAO,GAAG,QAAQ;EAC9D;EACA,MAAMM,gBAAgB,GAAGN,QAAQ,GAC7BO,SAAS,GACThB,gBAAgB,aAAAC,qBAAA,GAAhBD,gBAAgB,CAAEiB,OAAO,qBAAzBhB,qBAAA,CAA2Bc,gBAAgB;EAC/C,MAAMG,SAAS,GAAGX,KAAK,CAACY,UAAU,CAACN,MAAM,CAACO,SAAS,gBACjDxE,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAClC,aAAA,CAAA2E,MAAM;IAAC5C,IAAI,EAAC,MAAM;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAErB,CAAAY,gBAAgB,aAAAE,sBAAA,GAAhBF,gBAAgB,CAAEiB,OAAO,qBAAzBf,sBAAA,CAA2BoB,YAAY,KACtChE,CAAC,CAACiE,gBAAO,CAAC,CAAAvB,gBAAgB,aAAAG,sBAAA,GAAhBH,gBAAgB,CAAEiB,OAAO,qBAAzBd,sBAAA,CAA2BqB,IAAI,KAAI,MAAM,CAAC,CACvD;EACD,MAAMC,UAAU,gBACd7E,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAClC,aAAA,CAAAmC,MAAM;IACL6C,SAAS,EAAEjB,QAAS;IACpBhC,IAAI,EAAEA,IAAK;IACXK,QAAQ,EAAC,oBAAoB;IAC7BC,OAAO,EAAEJ,MAAO;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEf8B,SACK,CACT;EAED,oBACEtE,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAClC,aAAA,CAAAiF,GAAG;IAACC,GAAG,EAAC,KAAK;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACXS,YAAY,EACZY,QAAQ,GAAGO,SAAS,GAAGlB,WAAW,eACnClD,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAClC,aAAA,CAAAmC,MAAM;IACLgD,QAAQ,EAAC,WAAW;IACpBH,SAAS,EAAEjB,QAAS;IACpBhC,IAAI,EAAEA,IAAK;IACXK,QAAQ,EAAC,sBAAsB;IAC/BC,OAAO,EAAEgB,QAAS;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEjB9B,CAAC,CAAC,oCAAoC,CACjC,CAAC,EACRyD,gBAAgB,YAAhBA,gBAAgB,CAAEe,MAAM;EAAA;EACvB;EACAlF,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAAChC,MAAA,CAAAmF,QAAQ;IAACC,QAAQ,EAAEP,UAAW;IAAAzC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7BxC,MAAA,CAAAmB,OAAA,CAAAa,aAAA,CAACS,uBAAuB;IACtBZ,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEwC,SAAU;IACjBe,eAAe,EAAE3E,CAAC,CAAC,mBAAmB,CAAE;IACxCyD,gBAAgB,EAAEA,gBAAiB;IACnCmB,QAAQ,EAAE3B,KAAK,CAACY,UAAU,CAACN,MAAM,CAACO,SAAU;IAC5CzC,MAAM,EAAEA,MAAO;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9B,YAAA;MAAA+B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACO,CAAC,GAEXqC,UAEC,CAAC;AAEV;AAEO,MAAMU,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACzC,mBAAmB,CAAC","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;~~AAKA~~,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEO,~~MAAMK~~,wBAAwB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EAC5E,MAAMC,wBAAwB,GAAIC,QAAgB,IAChD,IAAAC,gCAAoB,EAACJ,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAEjE,MAAMK,OAAO,GAAIH,QAAgB,IAC/B,IAAAI,wBAAqB,EAACP,IAAI,CAACK,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC,EAAEF,IAAI,CAAC;EAElE,OAAO;IACL;~~IACAO~~,YAAY,EAAEA,CAAA,KACZ,~~IAAAC~~,2BAAe,EACbT,IAAI,CAACU,EAAE,CAAC,oCAAoC,CAAC,CAACC,GAAG,CAAC,CAAC,CAAC,EACpDV,IACF,CAAC;IACH;~~IACAW~~,UAAU,EAAEA,CAAA,~~KACV~~,~~IAAAH~~,~~2BAAe~~,~~EAACT~~,~~IAAI~~,~~CAACU~~,~~EAAE~~,CAAC,~~kCAAkC~~,~~CAAC~~,~~CAACC~~,~~GAAG~~,~~CAAC~~,CAAC,CAAC,~~EAAEV~~,~~IAAI~~,CAAC;~~IAE3E~~;~~IACAY~~,eAAe,EAAEA,CAAA,KAAM;MACrB,MAAMC,iBAAiB,GAAG,~~IAAAV~~,gCAAoB,EAC5CJ,IAAI,CAACK,CAAC,CAAC,mCAAmC,CAAC,EAC3CJ,IACF,CAAC;MAED,OAAO;~~QACLc~~,MAAM,EAAEA,CAAA,~~KAAMf~~,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC,~~CAACU~~,MAAM,CAAC,CAAC;QAEnE;QACAC,IAAI,EAAEA,CAAA,KACJF,iBAAiB,CACdG,iBAAiB,CAAC,4BAA4B,CAAC,CAC/CC,KAAK,CAAC,CAAC;QAEZ;QACAC,MAAM,EAAEA,CAAA,KAAML,iBAAiB,CAACM,UAAU,CAAC,CAAC;QAE5C;QACAC,eAAe,EAAEA,CAAA,KACfP,iBAAiB,CACdG,iBAAiB,CAAC,4BAA4B,CAAC,CAC/CK,IAAI,CAAC,YAAY,CAAC;QAEvB;QACAC,gBAAgB,EAAE,MAAAA,CAAA,KAChB,CAAC,MAAMT,iBAAiB,CACrBG,iBAAiB,CAAC,4BAA4B,CAAC,CAC/CK,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;QAEtC;QACAE,sBAAsB,EAAGC,aAAqB,IAC5CX,iBAAiB,CAACU,sBAAsB,CAACC,aAAa;~~MAC1D~~,CAAC;IACH,CAAC;IAEDC,cAAc,~~EAAGvB~~,QAAgB,KAAM;~~MACrCY~~,MAAM,EAAEA,CAAA,~~KAAMb~~,wBAAwB,CAACC,QAAQ,CAAC,~~CAACY~~,MAAM,CAAC,CAAC;MAEzD;MACAC,IAAI,EAAEA,CAAA,~~KACJd~~,wBAAwB,CAACC,QAAQ,CAAC,CAC/Bc,iBAAiB,CAAC,6BAA6B,CAAC,CAChDC,KAAK,CAAC,CAAC;MACZ;MACAC,MAAM,EAAEA,CAAA,~~KAAMjB~~,wBAAwB,CAACC,QAAQ,CAAC,~~CAACiB~~,UAAU,CAAC,CAAC;MAE7D;MACAI,sBAAsB,EAAGC,aAAqB,~~IAC5CvB~~,wBAAwB,CAACC,QAAQ,CAAC,~~CAACqB~~,sBAAsB,CACvDC,aACF,CAAC;MAEH;~~MACAE~~,mBAAmB,EAAGC,KAAa,~~IACjC1B~~,wBAAwB,CAACC,QAAQ,CAAC,~~CAAC0B~~,YAAY,CAACD,KAAK,CAAC;MAExD;MACAE,cAAc,EAAGF,KAAa,~~IAC5B1B~~,wBAAwB,CAACC,QAAQ,CAAC,~~CAAC4B~~,aAAa,CAACH,KAAK,CAAC;MAEzD;MACAI,aAAa,EAAEA,CAAA,~~KAAM9B~~,wBAAwB,CAACC,QAAQ,CAAC,~~CAAC6B~~,aAAa,CAAC;IACxE,CAAC,CAAC;IAEF;~~IACA1B~~,OAAO;IAEP;~~IACA2B~~,aAAa,EAAEA,CAAA,KAAM,IAAAC,0BAAuB,~~EAAClC~~,IAAI,EAAEC,IAAI,CAAC;IAExD,GAAG,~~IAAAkC~~,+BAAoB,~~EAACnC~~,IAAI;EAC9B,CAAC;AACH,CAAC;~~AAACoC~~,OAAA,~~CAAArC~~,wBAAA,GAAAA,wBAAA","ignoreList":[]}
1	+ {"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 CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "Heading2278022898";
+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": "Heading2278022898__root"
+  "root": "Heading1001420329__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~Heading2278022898~~\";\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\":\"~~Heading2278022898__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":[]}
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_ = \"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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~~IACA;IACA;~~IAAA;IACA6C,MAAM,EAAE,IAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACd,CAAC;AAEN,CAAC;AAEM,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACnC,qBAAqB,CAAC","ignoreList":[]}
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 // 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":[]}