@wix/patterns 1.120.0 → 1.122.0

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js

@@ -16,7 +16,8 @@ const _CustomFieldsViewWidget = ({
   fqdn,
   extendedFields,
   title,
-  userFieldsTitle
+  userFieldsTitle,
+  theme = 'card'
 }) => {
   const {
     state,
@@ -26,7 +27,8 @@ const _CustomFieldsViewWidget = ({
     areAllCustomFieldsEmpty
   } = (0, _useCustomFieldsViewWidget.useCustomFieldsViewWidget)({
     fqdn,
-    extendedFields
+    extendedFields,
+    theme
   });
   const {
     translate: t
@@ -37,21 +39,23 @@ const _CustomFieldsViewWidget = ({
     }
     switch (true) {
       case state.isLoading:
-        return /*#__PURE__*/_react.default.createElement(_Skeletons.SkeletonContent, {
-          __self: void 0,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 65,
-            columnNumber: 16
-          }
-        });
+        {
+          return /*#__PURE__*/_react.default.createElement(_Skeletons.InlineSkeletonContent, {
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 74,
+              columnNumber: 16
+            }
+          });
+        }
       case state.isError:
         return /*#__PURE__*/_react.default.createElement(_ErrorStateContent.ErrorStateContent, {
           state: state,
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 67,
+            lineNumber: 77,
             columnNumber: 16
           }
         });
@@ -62,7 +66,7 @@ const _CustomFieldsViewWidget = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 70,
+            lineNumber: 80,
             columnNumber: 11
           }
         });
@@ -74,22 +78,37 @@ const _CustomFieldsViewWidget = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 78,
+            lineNumber: 88,
             columnNumber: 11
           }
         });
     }
   };
-  return userCustomFields.length || appsCustomFields.length || state.isLoading || state.isError ? /*#__PURE__*/_react.default.createElement(CustomFieldsCard, {
+  const shouldRenderContent = userCustomFields.length || appsCustomFields.length || state.isLoading || state.isError;
+  if (!shouldRenderContent) {
+    return null;
+  }
+  if (theme === 'inline') {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 108,
+        columnNumber: 12
+      }
+    }, getContentElement());
+  }
+  return /*#__PURE__*/_react.default.createElement(CustomFieldsCard, {
     dataHook: dataHook,
     title: title ?? t('cairo.customFields.entityPage.title'),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 112,
       columnNumber: 5
     }
-  }, getContentElement()) : null;
+  }, getContentElement());
 };
 const CustomFieldsViewWidget = exports.CustomFieldsViewWidget = (0, _mobxReactLite.observer)(_CustomFieldsViewWidget);
 const CustomFieldsCard = ({
@@ -103,7 +122,7 @@ const CustomFieldsCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 129,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -113,21 +132,21 @@ const CustomFieldsCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 132,
         columnNumber: 16
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 130,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 134,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -135,7 +154,7 @@ const CustomFieldsCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 135,
       columnNumber: 7
     }
   }, children));
@@ -148,7 +167,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 144,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -156,7 +175,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
+      lineNumber: 145,
       columnNumber: 7
     }
   }, title));
@@ -176,14 +195,14 @@ const EmptyStateCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 162,
         columnNumber: 9
       }
     }, subtitle),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 158,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_Skeletons","_ErrorStateContent","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","useCustomFieldsViewWidget","translate","t","getContentElement","isLoading","isError","length","default","createElement","SkeletonContent","__self","__source","fileName","lineNumber","columnNumber","ErrorStateContent","EmptyStateCard","subtitle","CustomFieldsViewWidgetContent","CustomFieldsCard","CustomFieldsViewWidget","exports","observer","children","Card","stretchVertically","Header","HeaderTitle","Divider","Content","Box","gap","Heading","appearance","EmptyState","Text","size","secondary","widows"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { PropsWithChildren } from 'react';\nimport { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';\nimport { SkeletonContent } from './Skeletons';\nimport { ErrorStateContent } from './ErrorStateContent';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN to be used to extract schema from data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * Existing extended fields values, usually under `myEntity.extendedFields`.\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * Overrides the default widget title.\n   */\n  title?: string;\n\n  /**\n   * Overrides the title of the user fields section.\n   */\n  userFieldsTitle?: string;\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n}: CustomFieldsViewWidgetProps) => {\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = useCustomFieldsViewWidget({ fqdn, extendedFields });\n\n  const { translate: t } = container;\n\n  const getContentElement = () => {\n    if (\n      !state.isLoading &&\n      !state.isError &&\n      !userCustomFields.length &&\n      !appsCustomFields.length\n    ) {\n      return null;\n    }\n    switch (true) {\n      case state.isLoading:\n        return <SkeletonContent />;\n      case state.isError:\n        return <ErrorStateContent state={state} />;\n      case areAllCustomFieldsEmpty:\n        return (\n          <EmptyStateCard\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        );\n\n      default:\n        return (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        );\n    }\n  };\n\n  return userCustomFields.length ||\n    appsCustomFields.length ||\n    state.isLoading ||\n    state.isError ? (\n    <CustomFieldsCard\n      dataHook={dataHook}\n      title={title ?? t('cairo.customFields.entityPage.title')}\n    >\n      {getContentElement()}\n    </CustomFieldsCard>\n  ) : null;\n};\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst CustomFieldsCard = ({\n  dataHook,\n  title,\n  children,\n}: PropsWithChildren<{ dataHook?: string; title: string }>) => {\n  return (\n    <Card dataHook={dataHook} stretchVertically>\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={<HeaderTitle title={title} />}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {children}\n      </Card.Content>\n    </Card>\n  );\n};\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n\nconst EmptyStateCard = ({\n  title,\n  subtitle,\n}: {\n  title: string;\n  subtitle: string;\n}) => {\n  return (\n    <EmptyState\n      dataHook=\"empty-state\"\n      title={title}\n      subtitle={\n        <Text dataHook=\"empty-state-subtitle\" size=\"small\" secondary widows>\n          {subtitle}\n        </Text>\n      }\n    />\n  );\n};\n"],"mappings":";;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,8BAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AAAwE,IAAAQ,YAAA;AA6BxE,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,IAAI;EACJC,cAAc;EACdC,KAAK;EACLC;AAC2B,CAAC,KAAK;EACjC,MAAM;IACJC,KAAK;IACLC,gBAAgB;IAChBC,gBAAgB;IAChBC,SAAS;IACTC;EACF,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IAAET,IAAI;IAAEC;EAAe,CAAC,CAAC;EAEvD,MAAM;IAAES,SAAS,EAAEC;EAAE,CAAC,GAAGJ,SAAS;EAElC,MAAMK,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IACE,CAACR,KAAK,CAACS,SAAS,IAChB,CAACT,KAAK,CAACU,OAAO,IACd,CAACT,gBAAgB,CAACU,MAAM,IACxB,CAACT,gBAAgB,CAACS,MAAM,EACxB;MACA,OAAO,IAAI;IACb;IACA,QAAQ,IAAI;MACV,KAAKX,KAAK,CAACS,SAAS;QAClB,oBAAOvB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,UAAA,CAAAyB,eAAe;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAxB,YAAA;YAAAyB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;MAC5B,KAAKnB,KAAK,CAACU,OAAO;QAChB,oBAAOxB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,kBAAA,CAAA8B,iBAAiB;UAACpB,KAAK,EAAEA,KAAM;UAAAe,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAxB,YAAA;YAAAyB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;MAC5C,KAAKf,uBAAuB;QAC1B,oBACElB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACQ,cAAc;UACbvB,KAAK,EAAES,CAAC,CAAC,gDAAgD,CAAE;UAC3De,QAAQ,EAAEf,CAAC,CAAC,mDAAmD,CAAE;UAAAQ,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAxB,YAAA;YAAAyB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAClE,CAAC;MAGN;QACE,oBACEjC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,8BAAA,CAAAgC,6BAA6B;UAC5BvB,KAAK,EAAEA,KAAM;UACbH,cAAc,EAAEA,cAAe;UAC/BE,eAAe,EAAEA,eAAgB;UAAAgB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAxB,YAAA;YAAAyB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAClC,CAAC;IAER;EACF,CAAC;EAED,OAAOlB,gBAAgB,CAACU,MAAM,IAC5BT,gBAAgB,CAACS,MAAM,IACvBX,KAAK,CAACS,SAAS,IACfT,KAAK,CAACU,OAAO,gBACbxB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACW,gBAAgB;IACf7B,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAEA,KAAK,IAAIS,CAAC,CAAC,qCAAqC,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExDX,iBAAiB,CAAC,CACH,CAAC,GACjB,IAAI;AACV,CAAC;AACM,MAAMiB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACjC,uBAAuB,CAAC;AAEvE,MAAM8B,gBAAgB,GAAGA,CAAC;EACxB7B,QAAQ;EACRG,KAAK;EACL8B;AACuD,CAAC,KAAK;EAC7D,oBACE1C,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAyC,IAAI;IAAClC,QAAQ,EAAEA,QAAS;IAACmC,iBAAiB;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzCjC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAyC,IAAI,CAACE,MAAM;IACVpC,QAAQ,EAAC,kCAAkC;IAC3CG,KAAK,eAAEZ,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACmB,WAAW;MAAClC,KAAK,EAAEA,KAAM;MAAAiB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtC,CAAC,eACFjC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAyC,IAAI,CAACI,OAAO;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChBjC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAyC,IAAI,CAACK,OAAO;IAACvC,QAAQ,EAAC,mCAAmC;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvDS,QACW,CACV,CAAC;AAEX,CAAC;AAED,MAAMI,WAAW,GAAGA,CAAC;EAAElC;AAAyB,CAAC,KAAK;EACpD,oBACEZ,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAA+C,GAAG;IAACC,GAAG,EAAC,KAAK;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZjC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAiD,OAAO;IAACC,UAAU,EAAC,IAAI;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAErB,KAAe,CACtC,CAAC;AAEV,CAAC;AAED,MAAMuB,cAAc,GAAGA,CAAC;EACtBvB,KAAK;EACLwB;AAIF,CAAC,KAAK;EACJ,oBACEpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAmD,UAAU;IACT5C,QAAQ,EAAC,aAAa;IACtBG,KAAK,EAAEA,KAAM;IACbwB,QAAQ,eACNpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAoD,IAAI;MAAC7C,QAAQ,EAAC,sBAAsB;MAAC8C,IAAI,EAAC,OAAO;MAACC,SAAS;MAACC,MAAM;MAAA5B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChEG,QACG,CACP;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_Skeletons","_ErrorStateContent","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","theme","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","useCustomFieldsViewWidget","translate","t","getContentElement","isLoading","isError","length","default","createElement","InlineSkeletonContent","__self","__source","fileName","lineNumber","columnNumber","ErrorStateContent","EmptyStateCard","subtitle","CustomFieldsViewWidgetContent","shouldRenderContent","CustomFieldsCard","CustomFieldsViewWidget","exports","observer","children","Card","stretchVertically","Header","HeaderTitle","Divider","Content","Box","gap","Heading","appearance","EmptyState","Text","size","secondary","widows"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { PropsWithChildren } from 'react';\nimport { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';\nimport { InlineSkeletonContent } from './Skeletons';\nimport { ErrorStateContent } from './ErrorStateContent';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN used to fetch the schema from the data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * The current values of the extended fields. Typically, these values are found\n   * under the `extendedFields` property of the related entity (e.g., `myEntity.extendedFields`).\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * A custom title for the widget. Overrides the default title.\n   */\n  title?: string;\n\n  /**\n   * A custom title for the \"user-defined fields\" section. Overrides the default section title.\n   */\n  userFieldsTitle?: string;\n\n  /**\n   * Determines the visual style of the widget.\n   * - `'inline'`: The widget is rendered inline with the surrounding content.\n   * - `'card'`: The widget is displayed in a card container.\n   */\n  theme?: 'inline' | 'card';\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n  theme = 'card',\n}: CustomFieldsViewWidgetProps) => {\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = useCustomFieldsViewWidget({ fqdn, extendedFields, theme });\n\n  const { translate: t } = container;\n\n  const getContentElement = () => {\n    if (\n      !state.isLoading &&\n      !state.isError &&\n      !userCustomFields.length &&\n      !appsCustomFields.length\n    ) {\n      return null;\n    }\n    switch (true) {\n      case state.isLoading: {\n        return <InlineSkeletonContent />;\n      }\n      case state.isError:\n        return <ErrorStateContent state={state} />;\n      case areAllCustomFieldsEmpty:\n        return (\n          <EmptyStateCard\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        );\n\n      default:\n        return (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        );\n    }\n  };\n\n  const shouldRenderContent =\n    userCustomFields.length ||\n    appsCustomFields.length ||\n    state.isLoading ||\n    state.isError;\n\n  if (!shouldRenderContent) {\n    return null;\n  }\n\n  if (theme === 'inline') {\n    return <div data-hook={dataHook}>{getContentElement()}</div>;\n  }\n\n  return (\n    <CustomFieldsCard\n      dataHook={dataHook}\n      title={title ?? t('cairo.customFields.entityPage.title')}\n    >\n      {getContentElement()}\n    </CustomFieldsCard>\n  );\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst CustomFieldsCard = ({\n  dataHook,\n  title,\n  children,\n}: PropsWithChildren<{ dataHook?: string; title: string }>) => {\n  return (\n    <Card dataHook={dataHook} stretchVertically>\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={<HeaderTitle title={title} />}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {children}\n      </Card.Content>\n    </Card>\n  );\n};\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n\nconst EmptyStateCard = ({\n  title,\n  subtitle,\n}: {\n  title: string;\n  subtitle: string;\n}) => {\n  return (\n    <EmptyState\n      dataHook=\"empty-state\"\n      title={title}\n      subtitle={\n        <Text dataHook=\"empty-state-subtitle\" size=\"small\" secondary widows>\n          {subtitle}\n        </Text>\n      }\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js

@@ -24,6 +24,7 @@ var _default = (base, body) => {
     return wholeLabel.substring(0, wholeLabel.length - 1);
   };
   const getCustomFieldValue = (namespace, fieldId) => base.$(`[data-hook="custom-field-value-${namespace}-${fieldId}"]`).text();
+  const sectionTitleForNamespaceExists = namespace => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).exists();
   const getSectionTitleForNamespace = namespace => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).text();
   const getFileCard = mediaId => {
     return (0, _unidriver2.BoxUniDriver)(base.$(`[data-hook="file-card-${mediaId}"]`), body);
@@ -46,6 +47,7 @@ var _default = (base, body) => {
   const getFileDetailsName = mediaId => {
     return (0, _unidriver2.TextUniDriver)(base.$(`[data-hook="file-details-name-${mediaId}"]`), body);
   };
+  const getTitleElement = () => base.$(`[data-hook="title"]`);
   return {
     getFileCard,
     getFileThumbnail,
@@ -54,7 +56,8 @@ var _default = (base, body) => {
     getFileDetailsName,
     getFileDetailsSize,
     /** Returns title text */
-    getTitle: () => base.$(`[data-hook="title"]`).text(),
+    getTitle: () => getTitleElement().text(),
+    getTitleElement,
     /** Indicates whether the widget loading state shows */
     loadingStateExists: () => base.$(`[data-hook="loading-state-skeleton-group"]`).exists(),
     fieldsContentExists: () => base.$(`[data-hook="fields-content"]`).exists(),
@@ -92,6 +95,7 @@ var _default = (base, body) => {
     getSectionTitleForNamespace,
     /** Return the section title by index */
     getSectionTitleByIndex: async index => (await getSectionTitles())[index],
+    sectionTitleForNamespaceExists,
     ...(0, _unidriver.baseUniDriverFactory)(base)
   };
 };

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","errorState","EmptyStateUniDriver","$","emptyState","tryAgainButton","TextButtonUniDriver","getCustomFieldLabels","$$","map","label","text","substring","length","getCustomFieldValues","value","getSectionTitles","getCustomFieldLabelsForNamespace","namespace","getCustomFieldValuesForNamespace","getCustomFieldLabel","fieldId","wholeLabel","getCustomFieldValue","getSectionTitleForNamespace","getFileCard","mediaId","BoxUniDriver","getFileThumbnail","mediaType","getFileDownloadButton","getFileDetails","getFileDetailsSize","TextUniDriver","getFileDetailsName","getTitle","loadingStateExists","exists","fieldsContentExists","getErrorTitle","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","click","getTryAgainContent","getButtonTextContent","getCustomFieldLabelByIndex","index","getCustomFieldValueByIndex","getSectionTitleByIndex","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  TextButtonUniDriver,\n  BoxUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const errorState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"error-state\"]`), body);\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const tryAgainButton = () =>\n    TextButtonUniDriver(base.$(`[data-hook=\"retry-button\"]`), body);\n\n  const getCustomFieldLabels = () =>\n    base.$$(`[data-hook^=\"custom-field-label\"]`).map(async (label) => {\n      const text = await label.text();\n      return text.substring(0, text.length - 1);\n    });\n\n  const getCustomFieldValues = () =>\n    base.$$(`[data-hook^=\"custom-field-value\"]`).map((value) => value.text());\n\n  const getSectionTitles = () =>\n    base\n      .$$('[data-hook^=\"custom-field-section-title\"]')\n      .map((value) => value.text());\n\n  const getCustomFieldLabelsForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-label-${namespace}\"]`)\n      .map(async (label) => {\n        const text = await label.text();\n        return text.substring(0, text.length - 1);\n      });\n\n  const getCustomFieldValuesForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-value-${namespace}\"]`)\n      .map((value) => value.text());\n\n  const getCustomFieldLabel = async (namespace: string, fieldId: string) => {\n    const wholeLabel = await base\n      .$(`[data-hook=\"custom-field-label-${namespace}-${fieldId}\"]`)\n      .text();\n\n    return wholeLabel.substring(0, wholeLabel.length - 1);\n  };\n\n  const getCustomFieldValue = (namespace: string, fieldId: string) =>\n    base.$(`[data-hook=\"custom-field-value-${namespace}-${fieldId}\"]`).text();\n\n  const getSectionTitleForNamespace = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).text();\n\n  const getFileCard = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-card-${mediaId}\"]`), body);\n  };\n  const getFileThumbnail = ({\n    mediaId,\n    mediaType,\n  }: {\n    mediaId: string;\n    mediaType: string;\n  }) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"file-thumbnail-${mediaType}-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDownloadButton = (mediaId: string) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"download-button-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetails = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-details-${mediaId}\"]`), body);\n  };\n\n  const getFileDetailsSize = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-size-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetailsName = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-name-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  return {\n    getFileCard,\n    getFileThumbnail,\n    getFileDownloadButton,\n    getFileDetails,\n    getFileDetailsName,\n    getFileDetailsSize,\n    /** Returns title text */\n    getTitle: () => base.$(`[data-hook=\"title\"]`).text(),\n    /** Indicates whether the widget loading state shows */\n    loadingStateExists: () =>\n      base.$(`[data-hook=\"loading-state-skeleton-group\"]`).exists(),\n    fieldsContentExists: () => base.$(`[data-hook=\"fields-content\"]`).exists(),\n    /** Returns the error state title */\n    getErrorTitle: () => errorState().getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => errorState().getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => base.$(`[data-hook=\"empty-state-subtitle\"]`).text(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () => tryAgainButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () => tryAgainButton().getButtonTextContent(),\n    /** Returns all custom field labels */\n    getCustomFieldLabels,\n    /** Returns custom field labels for specific namespace */\n    getCustomFieldLabelsForNamespace,\n    /** Returns specific custom field label by namespace and field id */\n    getCustomFieldLabel,\n    /** Returns the custom field label by index */\n    getCustomFieldLabelByIndex: async (index: number) =>\n      (await getCustomFieldLabels())[index],\n    /** Returns all custom field values */\n    getCustomFieldValues,\n    /** Returns custom field values for specific namespace */\n    getCustomFieldValuesForNamespace,\n    /** Returns specific custom field value by namespace and field id */\n    getCustomFieldValue,\n    /** Returns the custom field value by index */\n    getCustomFieldValueByIndex: async (index: number) =>\n      (await getCustomFieldValues())[index],\n    /** Return all section titles */\n    getSectionTitles,\n    /** Return specific section title for namespace */\n    getSectionTitleForNamespace,\n    /** Return the section title by index */\n    getSectionTitleByIndex: async (index: number) =>\n      (await getSectionTitles())[index],\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","errorState","EmptyStateUniDriver","$","emptyState","tryAgainButton","TextButtonUniDriver","getCustomFieldLabels","$$","map","label","text","substring","length","getCustomFieldValues","value","getSectionTitles","getCustomFieldLabelsForNamespace","namespace","getCustomFieldValuesForNamespace","getCustomFieldLabel","fieldId","wholeLabel","getCustomFieldValue","sectionTitleForNamespaceExists","exists","getSectionTitleForNamespace","getFileCard","mediaId","BoxUniDriver","getFileThumbnail","mediaType","getFileDownloadButton","getFileDetails","getFileDetailsSize","TextUniDriver","getFileDetailsName","getTitleElement","getTitle","loadingStateExists","fieldsContentExists","getErrorTitle","getTitleText","getErrorSubtitle","getSubtitleText","getEmptyTitle","getEmptySubtitle","clickTryAgain","click","getTryAgainContent","getButtonTextContent","getCustomFieldLabelByIndex","index","getCustomFieldValueByIndex","getSectionTitleByIndex","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  EmptyStateUniDriver,\n  TextButtonUniDriver,\n  BoxUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const errorState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"error-state\"]`), body);\n\n  const emptyState = () =>\n    EmptyStateUniDriver(base.$(`[data-hook=\"empty-state\"]`), body);\n\n  const tryAgainButton = () =>\n    TextButtonUniDriver(base.$(`[data-hook=\"retry-button\"]`), body);\n\n  const getCustomFieldLabels = () =>\n    base.$$(`[data-hook^=\"custom-field-label\"]`).map(async (label) => {\n      const text = await label.text();\n      return text.substring(0, text.length - 1);\n    });\n\n  const getCustomFieldValues = () =>\n    base.$$(`[data-hook^=\"custom-field-value\"]`).map((value) => value.text());\n\n  const getSectionTitles = () =>\n    base\n      .$$('[data-hook^=\"custom-field-section-title\"]')\n      .map((value) => value.text());\n\n  const getCustomFieldLabelsForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-label-${namespace}\"]`)\n      .map(async (label) => {\n        const text = await label.text();\n        return text.substring(0, text.length - 1);\n      });\n\n  const getCustomFieldValuesForNamespace = (namespace: string) =>\n    base\n      .$$(`[data-hook^=\"custom-field-value-${namespace}\"]`)\n      .map((value) => value.text());\n\n  const getCustomFieldLabel = async (namespace: string, fieldId: string) => {\n    const wholeLabel = await base\n      .$(`[data-hook=\"custom-field-label-${namespace}-${fieldId}\"]`)\n      .text();\n\n    return wholeLabel.substring(0, wholeLabel.length - 1);\n  };\n\n  const getCustomFieldValue = (namespace: string, fieldId: string) =>\n    base.$(`[data-hook=\"custom-field-value-${namespace}-${fieldId}\"]`).text();\n\n  const sectionTitleForNamespaceExists = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).exists();\n\n  const getSectionTitleForNamespace = (namespace: string) =>\n    base.$(`[data-hook=\"custom-field-section-title-${namespace}\"]`).text();\n\n  const getFileCard = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-card-${mediaId}\"]`), body);\n  };\n  const getFileThumbnail = ({\n    mediaId,\n    mediaType,\n  }: {\n    mediaId: string;\n    mediaType: string;\n  }) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"file-thumbnail-${mediaType}-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDownloadButton = (mediaId: string) => {\n    return BoxUniDriver(\n      base.$(`[data-hook=\"download-button-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetails = (mediaId: string) => {\n    return BoxUniDriver(base.$(`[data-hook=\"file-details-${mediaId}\"]`), body);\n  };\n\n  const getFileDetailsSize = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-size-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getFileDetailsName = (mediaId: string) => {\n    return TextUniDriver(\n      base.$(`[data-hook=\"file-details-name-${mediaId}\"]`),\n      body,\n    );\n  };\n\n  const getTitleElement = () => base.$(`[data-hook=\"title\"]`);\n\n  return {\n    getFileCard,\n    getFileThumbnail,\n    getFileDownloadButton,\n    getFileDetails,\n    getFileDetailsName,\n    getFileDetailsSize,\n    /** Returns title text */\n    getTitle: () => getTitleElement().text(),\n    getTitleElement,\n    /** Indicates whether the widget loading state shows */\n    loadingStateExists: () =>\n      base.$(`[data-hook=\"loading-state-skeleton-group\"]`).exists(),\n    fieldsContentExists: () => base.$(`[data-hook=\"fields-content\"]`).exists(),\n    /** Returns the error state title */\n    getErrorTitle: () => errorState().getTitleText(),\n    /** Returns the error state subtitle */\n    getErrorSubtitle: () => errorState().getSubtitleText(),\n    /** Returns the empty state title */\n    getEmptyTitle: () => emptyState().getTitleText(),\n    /** Returns the empty state subtitle */\n    getEmptySubtitle: () => base.$(`[data-hook=\"empty-state-subtitle\"]`).text(),\n    /** Clicks on try again button when error state visible */\n    clickTryAgain: () => tryAgainButton().click(),\n    /** Gets try again button text */\n    getTryAgainContent: () => tryAgainButton().getButtonTextContent(),\n    /** Returns all custom field labels */\n    getCustomFieldLabels,\n    /** Returns custom field labels for specific namespace */\n    getCustomFieldLabelsForNamespace,\n    /** Returns specific custom field label by namespace and field id */\n    getCustomFieldLabel,\n    /** Returns the custom field label by index */\n    getCustomFieldLabelByIndex: async (index: number) =>\n      (await getCustomFieldLabels())[index],\n    /** Returns all custom field values */\n    getCustomFieldValues,\n    /** Returns custom field values for specific namespace */\n    getCustomFieldValuesForNamespace,\n    /** Returns specific custom field value by namespace and field id */\n    getCustomFieldValue,\n    /** Returns the custom field value by index */\n    getCustomFieldValueByIndex: async (index: number) =>\n      (await getCustomFieldValues())[index],\n    /** Return all section titles */\n    getSectionTitles,\n    /** Return specific section title for namespace */\n    getSectionTitleForNamespace,\n    /** Return the section title by index */\n    getSectionTitleByIndex: async (index: number) =>\n      (await getSectionTitles())[index],\n    sectionTitleForNamespaceExists,\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js

@@ -147,20 +147,48 @@ const _CustomFieldsViewWidgetSection = ({
       lineNumber: 116,
       columnNumber: 13
     }
-  }, title)), customFields.map(field => {
-    return /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
-      key: field.id,
-      field: field,
-      value: getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`),
-      labelDataHook: `custom-field-label-${namespace}-${field.id}`,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 127,
-        columnNumber: 13
-      }
-    });
-  })));
+  }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 125,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    display: "grid",
+    rowGap: "18PX",
+    columnGap: "24PX",
+    gridTemplateColumns: "repeat(auto-fill, minmax(248px, 1fr))",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 126,
+      columnNumber: 11
+    }
+  }, customFields.map(field => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flexGrow: 1,
+    flexShrink: 1,
+    flexBasis: 0,
+    minWidth: "248px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 133,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
+    key: field.id,
+    field: field,
+    value: getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`),
+    labelDataHook: `custom-field-label-${namespace}-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 17
+    }
+  })))))));
 };
 const CustomFieldsViewWidgetSection = exports.CustomFieldsViewWidgetSection = (0, _mobxReactLite.observer)(_CustomFieldsViewWidgetSection);
 const CustomFieldCell = ({
@@ -173,7 +201,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 167,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -182,7 +210,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 168,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -193,7 +221,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 169,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","Array","isArray","join","files","FileCardList","showDownloadCTA","showDetails","medium","format","Date","mediumTime","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","map","field","CustomFieldCell","key","id","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n  TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = Array.isArray(value) ? value.join(', ') : value;\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(new Date(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      case 'url':\n        newValue = (\n          <TextButton\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            size=\"small\"\n            href={value}\n            ellipsis\n            dataHook={valueDataHook}\n          >\n            {value}\n          </TextButton>\n        );\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        {customFields.map((field) => {\n          return (\n            <CustomFieldCell\n              key={field.id}\n              field={field}\n              value={getViewValue(\n                fieldValues[field.id],\n                field.type,\n                `custom-field-value-${namespace}-${field.id}`,\n              )}\n              labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n            />\n          );\n        })}\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","Array","isArray","join","files","FileCardList","showDownloadCTA","showDetails","medium","format","Date","mediumTime","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","display","rowGap","columnGap","gridTemplateColumns","map","field","flexGrow","flexShrink","flexBasis","minWidth","CustomFieldCell","key","id","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n  TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = Array.isArray(value) ? value.join(', ') : value;\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(new Date(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      case 'url':\n        newValue = (\n          <TextButton\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            size=\"small\"\n            href={value}\n            ellipsis\n            dataHook={valueDataHook}\n          >\n            {value}\n          </TextButton>\n        );\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        <Cell span={12}>\n          <Box\n            display=\"grid\"\n            rowGap=\"18PX\"\n            columnGap=\"24PX\"\n            gridTemplateColumns=\"repeat(auto-fill, minmax(248px, 1fr))\"\n          >\n            {customFields.map((field) => (\n              <Box flexGrow={1} flexShrink={1} flexBasis={0} minWidth=\"248px\">\n                <CustomFieldCell\n                  key={field.id}\n                  field={field}\n                  value={getViewValue(\n                    fieldValues[field.id],\n                    field.type,\n                    `custom-field-value-${namespace}-${field.id}`,\n                  )}\n                  labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n                />\n              </Box>\n            ))}\n          </Box>\n        </Cell>\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidget.js

@@ -18,7 +18,8 @@ const _CustomFieldsWidgetBase = ({
   hideEmptyState,
   emptyStateOverrides = {},
   state,
-  theme = 'card'
+  theme = 'card',
+  onChange
 }) => {
   if (hideEmptyState && (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)) {
     return null;
@@ -28,7 +29,7 @@ const _CustomFieldsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 33,
       columnNumber: 5
     }
   }, theme === 'card' ? /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetCard.CustomFieldsWidgetCard, {
@@ -37,20 +38,23 @@ const _CustomFieldsWidgetBase = ({
     emptyStateOverrides: emptyStateOverrides,
     subtitle: subtitle,
     dataHook: dataHook,
+    onChange: onChange,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 35,
       columnNumber: 9
     }
   }) : /*#__PURE__*/_react.default.createElement(_CustomFieldsWidgetInline.CustomFieldsWidgetInline, {
     state: state,
     extendedFields: extendedFields,
     emptyStateOverrides: emptyStateOverrides,
+    onChange: onChange,
+    dataHook: dataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 44,
       columnNumber: 9
     }
   }));
@@ -63,7 +67,7 @@ const _CustomFieldsWidgetWithoutState = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 62,
       columnNumber: 10
     }
   }));
@@ -74,14 +78,14 @@ const _CustomFieldsWidget = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 71,
       columnNumber: 5
     }
   })) : /*#__PURE__*/_react.default.createElement(CustomFieldsWidgetWithoutState, (0, _extends2.default)({}, props, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 73,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CustomFieldsWidgetInline","_CustomFieldsWidgetCard","_jsxFileName","_CustomFieldsWidgetBase","subtitle","dataHook","extendedFields","hideEmptyState","emptyStateOverrides","state","theme","isLoading","dataExtension","allUserCustomFields","length","default","createElement","CustomFieldsWidgetContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsWidgetCard","CustomFieldsWidgetInline","CustomFieldsWidgetBase","observer","_CustomFieldsWidgetWithoutState","props","useCustomFieldsWidget","_extends2","CustomFieldsWidgetWithoutState","_CustomFieldsWidget","CustomFieldsWidget","exports"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetContextProvider } from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CustomFieldsWidgetInline } from './CustomFieldsWidgetInline';\nimport { CustomFieldsWidgetCard } from './CustomFieldsWidgetCard';\nimport { CustomFieldsWidgetBaseProps, CustomFieldsWidgetProps } from './types';\n\ninterface CustomFieldsWidgetWithoutStateProps\n  extends Omit<CustomFieldsWidgetProps, 'fqdn' | 'state'> {\n  state?: never;\n  fqdn: string;\n}\n\nconst _CustomFieldsWidgetBase = ({\n  subtitle,\n  dataHook,\n  extendedFields,\n  hideEmptyState,\n  emptyStateOverrides = {},\n  state,\n  theme = 'card',\n}: CustomFieldsWidgetBaseProps) => {\n  if (\n    hideEmptyState &&\n    (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)\n  ) {\n    return null;\n  }\n\n  return (\n    <CustomFieldsWidgetContextProvider value={state}>\n      {theme === 'card' ? (\n        <CustomFieldsWidgetCard\n          state={state}\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n          subtitle={subtitle}\n          dataHook={dataHook}\n        />\n      ) : (\n        <CustomFieldsWidgetInline\n          state={state}\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n        />\n      )}\n    </CustomFieldsWidgetContextProvider>\n  );\n};\n\nconst CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidgetWithoutState = (\n  props: CustomFieldsWidgetWithoutStateProps,\n) => {\n  const state = useCustomFieldsWidget(props);\n  return <CustomFieldsWidgetBase {...props} state={state} />;\n};\n\nconst CustomFieldsWidgetWithoutState = observer(\n  _CustomFieldsWidgetWithoutState,\n);\n\nconst _CustomFieldsWidget = (props: CustomFieldsWidgetProps) => {\n  return props.state ? (\n    <CustomFieldsWidgetBase {...props} />\n  ) : (\n    <CustomFieldsWidgetWithoutState {...props} />\n  );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomFieldsWidgetContext","_useCustomFieldsWidget","_CustomFieldsWidgetInline","_CustomFieldsWidgetCard","_jsxFileName","_CustomFieldsWidgetBase","subtitle","dataHook","extendedFields","hideEmptyState","emptyStateOverrides","state","theme","onChange","isLoading","dataExtension","allUserCustomFields","length","default","createElement","CustomFieldsWidgetContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsWidgetCard","CustomFieldsWidgetInline","CustomFieldsWidgetBase","observer","_CustomFieldsWidgetWithoutState","props","useCustomFieldsWidget","_extends2","CustomFieldsWidgetWithoutState","_CustomFieldsWidget","CustomFieldsWidget","exports"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidget.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetContextProvider } from '../CustomFieldsWidgetContext';\nimport { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';\nimport { CustomFieldsWidgetInline } from './CustomFieldsWidgetInline';\nimport { CustomFieldsWidgetCard } from './CustomFieldsWidgetCard';\nimport { CustomFieldsWidgetBaseProps, CustomFieldsWidgetProps } from './types';\n\ninterface CustomFieldsWidgetWithoutStateProps\n  extends Omit<CustomFieldsWidgetProps, 'fqdn' | 'state'> {\n  state?: never;\n  fqdn: string;\n}\n\nconst _CustomFieldsWidgetBase = ({\n  subtitle,\n  dataHook,\n  extendedFields,\n  hideEmptyState,\n  emptyStateOverrides = {},\n  state,\n  theme = 'card',\n  onChange,\n}: CustomFieldsWidgetBaseProps) => {\n  if (\n    hideEmptyState &&\n    (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)\n  ) {\n    return null;\n  }\n\n  return (\n    <CustomFieldsWidgetContextProvider value={state}>\n      {theme === 'card' ? (\n        <CustomFieldsWidgetCard\n          state={state}\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n          subtitle={subtitle}\n          dataHook={dataHook}\n          onChange={onChange}\n        />\n      ) : (\n        <CustomFieldsWidgetInline\n          state={state}\n          extendedFields={extendedFields}\n          emptyStateOverrides={emptyStateOverrides}\n          onChange={onChange}\n          dataHook={dataHook}\n        />\n      )}\n    </CustomFieldsWidgetContextProvider>\n  );\n};\n\nconst CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);\n\nconst _CustomFieldsWidgetWithoutState = (\n  props: CustomFieldsWidgetWithoutStateProps,\n) => {\n  const state = useCustomFieldsWidget(props);\n  return <CustomFieldsWidgetBase {...props} state={state} />;\n};\n\nconst CustomFieldsWidgetWithoutState = observer(\n  _CustomFieldsWidgetWithoutState,\n);\n\nconst _CustomFieldsWidget = (props: CustomFieldsWidgetProps) => {\n  return props.state ? (\n    <CustomFieldsWidgetBase {...props} />\n  ) : (\n    <CustomFieldsWidgetWithoutState {...props} />\n  );\n};\n\nexport const CustomFieldsWidget = observer(_CustomFieldsWidget);\n"],"mappings":"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","ignoreList":[]}

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

@@ -44,7 +44,7 @@ var _default = (base, body) => {
     /** Gets manage fields button text */
     getManageFieldsContent: () => manageFieldsButton().getButtonTextContent(),
     /** Indicates whether the widget loading state shows */
-    isLoading: (theme = 'card') => theme === 'card' ? cardContainer().showsSkeletonHeader() : (0, _unidriver3.SkeletonLineUniDriver)(body.$('[data-hook="custom-fields-widget-inline-loading"]'), body).exists(),
+    isLoading: (theme = 'card') => theme === 'card' ? cardContainer().showsSkeletonHeader() : (0, _unidriver3.SkeletonLineUniDriver)(body.$('[data-hook="widget-inline-loading"]'), body).exists(),
     /** Clicks on add field button */
     clickAddField: () => addCustomFieldButton().click(),
     /** Checks whether the add field button rendered */