@wix/patterns 1.110.0 → 1.113.0

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_designSystem","_react2","_Skeletons","_ErrorStateContent","_CustomFieldsViewWidgetContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","container","useWixPatternsContainer","translate","state","useState","CustomFieldsViewWidgetState","parseFqdn","url","window","location","href","userCustomFields","dataExtension","availableUserCustomFields","appsCustomFields","availableAppsCustomFields","useEffect","init","headerTitle","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Heading","appearance","areAllCustomFieldsEmpty","useMemo","allNamespaces","every","namespace","getExtendedFieldsToDisplayForNamespace","length","appSchemas","child","isLoading","SkeletonContent","isError","ErrorStateContent","EmptyState","subtitle","Text","size","secondary","widows","CustomFieldsViewWidgetContent","Card","stretchVertically","Header","Divider","Content","CustomFieldsViewWidget","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import {\n  ExtendedFields,\n  parseFqdn,\n  CustomFieldsViewWidgetState,\n} from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SkeletonContent } from './Skeletons';\nimport { ErrorStateContent } from './ErrorStateContent';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\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 container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const [state] = useState(\n    () =>\n      new CustomFieldsViewWidgetState({\n        container,\n        fqdn: parseFqdn(fqdn),\n        url: window.location.href,\n      }),\n  );\n\n  const userCustomFields = state.dataExtension.availableUserCustomFields;\n  const appsCustomFields = state.dataExtension.availableAppsCustomFields;\n\n  useEffect(() => state.init(), []);\n\n  const headerTitle = (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">\n        {title ?? t('cairo.customFields.entityPage.title')}\n      </Heading>\n    </Box>\n  );\n\n  const areAllCustomFieldsEmpty = useMemo(() => {\n    return state.dataExtension.allNamespaces.every(\n      (namespace) =>\n        state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)\n          .length === 0,\n    );\n  }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);\n\n  let child: JSX.Element;\n\n  switch (true) {\n    case state.isLoading:\n      child = <SkeletonContent />;\n      break;\n    case state.isError:\n      child = <ErrorStateContent state={state} />;\n      break;\n    case areAllCustomFieldsEmpty:\n      child = (\n        <EmptyState\n          dataHook=\"empty-state\"\n          title={t('cairo.customFields.entityPage.emptyState.title')}\n          subtitle={\n            <Text dataHook=\"empty-state-subtitle\" size=\"small\" secondary widows>\n              {t('cairo.customFields.entityPage.emptyState.subtitle')}\n            </Text>\n          }\n        />\n      );\n      break;\n    default:\n      child = (\n        <CustomFieldsViewWidgetContent\n          state={state}\n          extendedFields={extendedFields}\n          userFieldsTitle={userFieldsTitle}\n        />\n      );\n  }\n\n  return userCustomFields.length ||\n    appsCustomFields.length ||\n    state.isLoading ||\n    state.isError ? (\n    <Card dataHook={dataHook} stretchVertically>\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={headerTitle}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {child}\n      </Card.Content>\n    </Card>\n  ) : null;\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n"],"mappings":"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","ignoreList":[]}
+{"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":"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","ignoreList":[]}

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

@@ -25,7 +25,34 @@ var _default = (base, body) => {
   };
   const getCustomFieldValue = (namespace, fieldId) => base.$(`[data-hook="custom-field-value-${namespace}-${fieldId}"]`).text();
   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);
+  };
+  const getFileThumbnail = ({
+    mediaId,
+    mediaType
+  }) => {
+    return (0, _unidriver2.BoxUniDriver)(base.$(`[data-hook="file-thumbnail-${mediaType}-${mediaId}"]`), body);
+  };
+  const getFileDownloadButton = mediaId => {
+    return (0, _unidriver2.BoxUniDriver)(base.$(`[data-hook="download-button-${mediaId}"]`), body);
+  };
+  const getFileDetails = mediaId => {
+    return (0, _unidriver2.BoxUniDriver)(base.$(`[data-hook="file-details-${mediaId}"]`), body);
+  };
+  const getFileDetailsSize = mediaId => {
+    return (0, _unidriver2.TextUniDriver)(base.$(`[data-hook="file-details-size-${mediaId}"]`), body);
+  };
+  const getFileDetailsName = mediaId => {
+    return (0, _unidriver2.TextUniDriver)(base.$(`[data-hook="file-details-name-${mediaId}"]`), body);
+  };
   return {
+    getFileCard,
+    getFileThumbnail,
+    getFileDownloadButton,
+    getFileDetails,
+    getFileDetailsName,
+    getFileDetailsSize,
     /** Returns title text */
     getTitle: () => base.$(`[data-hook="title"]`).text(),
     /** Indicates whether the widget loading state shows */

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","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} 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  return {\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","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":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKmD,IAAAE,QAAA,GAEpCA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,+BAAmB,EAACH,IAAI,CAACI,CAAC,CAAC,2BAA2B,CAAC,EAAEH,IAAI,CAAC;EAEhE,MAAMI,UAAU,GAAGA,CAAA,KACjB,IAAAF,+BAAmB,EAACH,IAAI,CAACI,CAAC,CAAC,2BAA2B,CAAC,EAAEH,IAAI,CAAC;EAEhE,MAAMK,cAAc,GAAGA,CAAA,KACrB,IAAAC,+BAAmB,EAACP,IAAI,CAACI,CAAC,CAAC,4BAA4B,CAAC,EAAEH,IAAI,CAAC;EAEjE,MAAMO,oBAAoB,GAAGA,CAAA,KAC3BR,IAAI,CAACS,EAAE,CAAC,mCAAmC,CAAC,CAACC,GAAG,CAAC,MAAOC,KAAK,IAAK;IAChE,MAAMC,IAAI,GAAG,MAAMD,KAAK,CAACC,IAAI,CAAC,CAAC;IAC/B,OAAOA,IAAI,CAACC,SAAS,CAAC,CAAC,EAAED,IAAI,CAACE,MAAM,GAAG,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEJ,MAAMC,oBAAoB,GAAGA,CAAA,KAC3Bf,IAAI,CAACS,EAAE,CAAC,mCAAmC,CAAC,CAACC,GAAG,CAAEM,KAAK,IAAKA,KAAK,CAACJ,IAAI,CAAC,CAAC,CAAC;EAE3E,MAAMK,gBAAgB,GAAGA,CAAA,KACvBjB,IAAI,CACDS,EAAE,CAAC,2CAA2C,CAAC,CAC/CC,GAAG,CAAEM,KAAK,IAAKA,KAAK,CAACJ,IAAI,CAAC,CAAC,CAAC;EAEjC,MAAMM,gCAAgC,GAAIC,SAAiB,IACzDnB,IAAI,CACDS,EAAE,CAAC,mCAAmCU,SAAS,IAAI,CAAC,CACpDT,GAAG,CAAC,MAAOC,KAAK,IAAK;IACpB,MAAMC,IAAI,GAAG,MAAMD,KAAK,CAACC,IAAI,CAAC,CAAC;IAC/B,OAAOA,IAAI,CAACC,SAAS,CAAC,CAAC,EAAED,IAAI,CAACE,MAAM,GAAG,CAAC,CAAC;EAC3C,CAAC,CAAC;EAEN,MAAMM,gCAAgC,GAAID,SAAiB,IACzDnB,IAAI,CACDS,EAAE,CAAC,mCAAmCU,SAAS,IAAI,CAAC,CACpDT,GAAG,CAAEM,KAAK,IAAKA,KAAK,CAACJ,IAAI,CAAC,CAAC,CAAC;EAEjC,MAAMS,mBAAmB,GAAG,MAAAA,CAAOF,SAAiB,EAAEG,OAAe,KAAK;IACxE,MAAMC,UAAU,GAAG,MAAMvB,IAAI,CAC1BI,CAAC,CAAC,kCAAkCe,SAAS,IAAIG,OAAO,IAAI,CAAC,CAC7DV,IAAI,CAAC,CAAC;IAET,OAAOW,UAAU,CAACV,SAAS,CAAC,CAAC,EAAEU,UAAU,CAACT,MAAM,GAAG,CAAC,CAAC;EACvD,CAAC;EAED,MAAMU,mBAAmB,GAAGA,CAACL,SAAiB,EAAEG,OAAe,KAC7DtB,IAAI,CAACI,CAAC,CAAC,kCAAkCe,SAAS,IAAIG,OAAO,IAAI,CAAC,CAACV,IAAI,CAAC,CAAC;EAE3E,MAAMa,2BAA2B,GAAIN,SAAiB,IACpDnB,IAAI,CAACI,CAAC,CAAC,0CAA0Ce,SAAS,IAAI,CAAC,CAACP,IAAI,CAAC,CAAC;EAExE,MAAMc,WAAW,GAAIC,OAAe,IAAK;IACvC,OAAO,IAAAC,wBAAY,EAAC5B,IAAI,CAACI,CAAC,CAAC,yBAAyBuB,OAAO,IAAI,CAAC,EAAE1B,IAAI,CAAC;EACzE,CAAC;EACD,MAAM4B,gBAAgB,GAAGA,CAAC;IACxBF,OAAO;IACPG;EAIF,CAAC,KAAK;IACJ,OAAO,IAAAF,wBAAY,EACjB5B,IAAI,CAACI,CAAC,CAAC,8BAA8B0B,SAAS,IAAIH,OAAO,IAAI,CAAC,EAC9D1B,IACF,CAAC;EACH,CAAC;EAED,MAAM8B,qBAAqB,GAAIJ,OAAe,IAAK;IACjD,OAAO,IAAAC,wBAAY,EACjB5B,IAAI,CAACI,CAAC,CAAC,+BAA+BuB,OAAO,IAAI,CAAC,EAClD1B,IACF,CAAC;EACH,CAAC;EAED,MAAM+B,cAAc,GAAIL,OAAe,IAAK;IAC1C,OAAO,IAAAC,wBAAY,EAAC5B,IAAI,CAACI,CAAC,CAAC,4BAA4BuB,OAAO,IAAI,CAAC,EAAE1B,IAAI,CAAC;EAC5E,CAAC;EAED,MAAMgC,kBAAkB,GAAIN,OAAe,IAAK;IAC9C,OAAO,IAAAO,yBAAa,EAClBlC,IAAI,CAACI,CAAC,CAAC,iCAAiCuB,OAAO,IAAI,CAAC,EACpD1B,IACF,CAAC;EACH,CAAC;EAED,MAAMkC,kBAAkB,GAAIR,OAAe,IAAK;IAC9C,OAAO,IAAAO,yBAAa,EAClBlC,IAAI,CAACI,CAAC,CAAC,iCAAiCuB,OAAO,IAAI,CAAC,EACpD1B,IACF,CAAC;EACH,CAAC;EAED,OAAO;IACLyB,WAAW;IACXG,gBAAgB;IAChBE,qBAAqB;IACrBC,cAAc;IACdG,kBAAkB;IAClBF,kBAAkB;IAClB;IACAG,QAAQ,EAAEA,CAAA,KAAMpC,IAAI,CAACI,CAAC,CAAC,qBAAqB,CAAC,CAACQ,IAAI,CAAC,CAAC;IACpD;IACAyB,kBAAkB,EAAEA,CAAA,KAClBrC,IAAI,CAACI,CAAC,CAAC,4CAA4C,CAAC,CAACkC,MAAM,CAAC,CAAC;IAC/DC,mBAAmB,EAAEA,CAAA,KAAMvC,IAAI,CAACI,CAAC,CAAC,8BAA8B,CAAC,CAACkC,MAAM,CAAC,CAAC;IAC1E;IACAE,aAAa,EAAEA,CAAA,KAAMtC,UAAU,CAAC,CAAC,CAACuC,YAAY,CAAC,CAAC;IAChD;IACAC,gBAAgB,EAAEA,CAAA,KAAMxC,UAAU,CAAC,CAAC,CAACyC,eAAe,CAAC,CAAC;IACtD;IACAC,aAAa,EAAEA,CAAA,KAAMvC,UAAU,CAAC,CAAC,CAACoC,YAAY,CAAC,CAAC;IAChD;IACAI,gBAAgB,EAAEA,CAAA,KAAM7C,IAAI,CAACI,CAAC,CAAC,oCAAoC,CAAC,CAACQ,IAAI,CAAC,CAAC;IAC3E;IACAkC,aAAa,EAAEA,CAAA,KAAMxC,cAAc,CAAC,CAAC,CAACyC,KAAK,CAAC,CAAC;IAC7C;IACAC,kBAAkB,EAAEA,CAAA,KAAM1C,cAAc,CAAC,CAAC,CAAC2C,oBAAoB,CAAC,CAAC;IACjE;IACAzC,oBAAoB;IACpB;IACAU,gCAAgC;IAChC;IACAG,mBAAmB;IACnB;IACA6B,0BAA0B,EAAE,MAAOC,KAAa,IAC9C,CAAC,MAAM3C,oBAAoB,CAAC,CAAC,EAAE2C,KAAK,CAAC;IACvC;IACApC,oBAAoB;IACpB;IACAK,gCAAgC;IAChC;IACAI,mBAAmB;IACnB;IACA4B,0BAA0B,EAAE,MAAOD,KAAa,IAC9C,CAAC,MAAMpC,oBAAoB,CAAC,CAAC,EAAEoC,KAAK,CAAC;IACvC;IACAlC,gBAAgB;IAChB;IACAQ,2BAA2B;IAC3B;IACA4B,sBAAsB,EAAE,MAAOF,KAAa,IAC1C,CAAC,MAAMlC,gBAAgB,CAAC,CAAC,EAAEkC,KAAK,CAAC;IACnC,GAAG,IAAAG,+BAAoB,EAACtD,IAAI;EAC9B,CAAC;AACH,CAAC;AAAAuD,OAAA,CAAAC,OAAA,GAAAzD,QAAA","ignoreList":[]}

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

@@ -8,6 +8,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
+var _FileCardList = require("../FileCard/FileCardList");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx";
 const _CustomFieldsViewWidgetSection = ({
   customFields,
@@ -28,16 +29,19 @@ const _CustomFieldsViewWidgetSection = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 34,
+          lineNumber: 35,
           columnNumber: 9
         }
       }), value);
     }
+    if (typeof value !== 'string' && /*#__PURE__*/_react.default.isValidElement(value)) {
+      return value;
+    }
     return /*#__PURE__*/_react.default.createElement(_designSystem.Text, (0, _extends2.default)({}, props, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 44,
         columnNumber: 12
       }
     }), value);
@@ -56,8 +60,25 @@ const _CustomFieldsViewWidgetSection = ({
     let newValue = value;
     switch (type) {
       case 'dropdown':
-        newValue = Array.isArray(value) ? value.join(', ') : value;
-        break;
+        {
+          newValue = Array.isArray(value) ? value.join(', ') : value;
+          break;
+        }
+      case 'files':
+        {
+          const files = Array.isArray(value) ? value : [value];
+          return /*#__PURE__*/_react.default.createElement(_FileCardList.FileCardList, {
+            files: files,
+            showDownloadCTA: true,
+            showDetails: true,
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 72,
+              columnNumber: 16
+            }
+          });
+        }
       case 'date':
         newValue = dateFormatters.medium.format(new Date(value));
         break;
@@ -72,20 +93,32 @@ const _CustomFieldsViewWidgetSection = ({
     }
     return valueWrapper(newValue, textProps);
   };
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
-    gap: "SP3",
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    direction: "vertical",
+    dataHook: `custom-field-section-${namespace}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 92,
       columnNumber: 5
     }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+    gap: "SP3",
+    dataHook: `custom-field-section-${namespace}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 97,
+      columnNumber: 7
+    }
   }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
-      columnNumber: 9
+      lineNumber: 99,
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
     size: "tiny",
@@ -94,16 +127,37 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
-      columnNumber: 11
+      lineNumber: 100,
+      columnNumber: 13
     }
-  }, title)), customFields.map(field => /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+  }, 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: 111,
+        columnNumber: 13
+      }
+    });
+  })));
+};
+const CustomFieldsViewWidgetSection = exports.CustomFieldsViewWidgetSection = (0, _mobxReactLite.observer)(_CustomFieldsViewWidgetSection);
+const CustomFieldCell = ({
+  field,
+  value,
+  labelDataHook
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     key: field.id,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
-      columnNumber: 9
+      lineNumber: 142,
+      columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -111,21 +165,20 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
-      columnNumber: 11
+      lineNumber: 143,
+      columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     weight: "normal",
     size: "small",
     ellipsis: true,
-    dataHook: `custom-field-label-${namespace}-${field.id}`,
+    dataHook: labelDataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
-      columnNumber: 13
+      lineNumber: 144,
+      columnNumber: 9
     }
-  }, field.label || field.id, ":"), getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`)))));
+  }, field.label || field.id, ":"), value));
 };
-const CustomFieldsViewWidgetSection = exports.CustomFieldsViewWidgetSection = (0, _mobxReactLite.observer)(_CustomFieldsViewWidgetSection);
 //# sourceMappingURL=CustomFieldsViewWidgetSection.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_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","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","Array","isArray","join","medium","format","Date","mediumTime","Layout","gap","Cell","Heading","ellipsis","map","field","key","id","Box","direction","weight","label","CustomFieldsViewWidgetSection","exports","observer"],"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} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\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    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      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      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Layout gap=\"SP3\">\n      {title && (\n        <Cell>\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        <Cell key={field.id}>\n          <Box direction=\"vertical\" gap=\"SP1\">\n            <Text\n              weight=\"normal\"\n              size=\"small\"\n              ellipsis\n              dataHook={`custom-field-label-${namespace}-${field.id}`}\n            >\n              {field.label || field.id}:\n            </Text>\n            {getViewValue(\n              fieldValues[field.id],\n              field.type,\n              `custom-field-value-${namespace}-${field.id}`,\n            )}\n          </Box>\n        </Cell>\n      ))}\n    </Layout>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\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","Box","width","direction","Layout","gap","Cell","span","Heading","ellipsis","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} 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      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":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCustomFieldsViewWidget = void 0;
+var _bexCore = require("@wix/bex-core");
+var _react = require("@wix/bex-core/react");
+var _react2 = require("react");
+const useCustomFieldsViewWidget = ({
+  fqdn,
+  extendedFields
+}) => {
+  const container = (0, _react.useWixPatternsContainer)();
+  const [state] = (0, _react2.useState)(() => new _bexCore.CustomFieldsViewWidgetState({
+    container,
+    fqdn: (0, _bexCore.parseFqdn)(fqdn),
+    url: window.location.href
+  }));
+  (0, _react2.useEffect)(() => state.init(), []);
+  const userCustomFields = state.dataExtension.availableUserCustomFields;
+  const appsCustomFields = state.dataExtension.availableAppsCustomFields;
+  const areAllCustomFieldsEmpty = (0, _react2.useMemo)(() => {
+    return state.dataExtension.allNamespaces.every(namespace => state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields).length === 0);
+  }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);
+  return {
+    state,
+    userCustomFields,
+    appsCustomFields,
+    container,
+    areAllCustomFieldsEmpty
+  };
+};
+exports.useCustomFieldsViewWidget = useCustomFieldsViewWidget;
+//# sourceMappingURL=useCustomFieldsViewWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_bexCore","require","_react","_react2","useCustomFieldsViewWidget","fqdn","extendedFields","container","useWixPatternsContainer","state","useState","CustomFieldsViewWidgetState","parseFqdn","url","window","location","href","useEffect","init","userCustomFields","dataExtension","availableUserCustomFields","appsCustomFields","availableAppsCustomFields","areAllCustomFieldsEmpty","useMemo","allNamespaces","every","namespace","getExtendedFieldsToDisplayForNamespace","length","appSchemas","exports"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsViewWidget.ts"],"sourcesContent":["import {\n  CustomFieldsViewWidgetState,\n  ExtendedFields,\n  parseFqdn,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEffect, useMemo, useState } from 'react';\n\nexport const useCustomFieldsViewWidget = ({\n  fqdn,\n  extendedFields,\n}: {\n  fqdn: string;\n  extendedFields?: ExtendedFields;\n}) => {\n  const container = useWixPatternsContainer();\n  const [state] = useState(\n    () =>\n      new CustomFieldsViewWidgetState({\n        container,\n        fqdn: parseFqdn(fqdn),\n        url: window.location.href,\n      }),\n  );\n  useEffect(() => state.init(), []);\n\n  const userCustomFields = state.dataExtension.availableUserCustomFields;\n  const appsCustomFields = state.dataExtension.availableAppsCustomFields;\n\n  const areAllCustomFieldsEmpty = useMemo(() => {\n    return state.dataExtension.allNamespaces.every(\n      (namespace) =>\n        state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)\n          .length === 0,\n    );\n  }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);\n\n  return {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEO,MAAMG,yBAAyB,GAAGA,CAAC;EACxCC,IAAI;EACJC;AAIF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EACtB,MACE,IAAIC,oCAA2B,CAAC;IAC9BJ,SAAS;IACTF,IAAI,EAAE,IAAAO,kBAAS,EAACP,IAAI,CAAC;IACrBQ,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC;EACvB,CAAC,CACL,CAAC;EACD,IAAAC,iBAAS,EAAC,MAAMR,KAAK,CAACS,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,gBAAgB,GAAGV,KAAK,CAACW,aAAa,CAACC,yBAAyB;EACtE,MAAMC,gBAAgB,GAAGb,KAAK,CAACW,aAAa,CAACG,yBAAyB;EAEtE,MAAMC,uBAAuB,GAAG,IAAAC,eAAO,EAAC,MAAM;IAC5C,OAAOhB,KAAK,CAACW,aAAa,CAACM,aAAa,CAACC,KAAK,CAC3CC,SAAS,IACRnB,KAAK,CAACoB,sCAAsC,CAACD,SAAS,EAAEtB,cAAc,CAAC,CACpEwB,MAAM,KAAK,CAClB,CAAC;EACH,CAAC,EAAE,CAACxB,cAAc,EAAEa,gBAAgB,EAAEV,KAAK,CAACW,aAAa,CAACW,UAAU,CAAC,CAAC;EAEtE,OAAO;IACLtB,KAAK;IACLU,gBAAgB;IAChBG,gBAAgB;IAChBf,SAAS;IACTiB;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAA5B,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/cjs/components/DataExtension/DataExtension.js

@@ -8,6 +8,7 @@ var _ArchiveFieldModal = require("../CustomFieldsPanel/ArchiveFieldModal");
 var _CustomColumnsAddCustomFieldCTAButton = require("../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton");
 var _CustomColumnsEditCustomFieldCTAButton = require("../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton");
 var _CollectionDataExtensionState = require("./CollectionDataExtensionState");
+var _FileCardList = require("../FileCard/FileCardList");
 const DataExtension = _ => {
   return null;
 };
@@ -20,6 +21,7 @@ DataExtension.setDataExtensionOnTable = function (toolbar, overrides) {
     ...overrides
   }));
 };
+DataExtension.FileCardList = _FileCardList.FileCardList;
 DataExtension.CustomFieldModal = _CustomFieldModal.CustomFieldModal;
 DataExtension.ArchiveFieldModal = _ArchiveFieldModal.ArchiveFieldModal;
 DataExtension.CustomColumns = _CustomColumns.CustomColumnsFull;

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

@@ -1 +1 @@
-{"version":3,"names":["_CustomFieldModal","require","_CustomColumns","_ArchiveFieldModal","_CustomColumnsAddCustomFieldCTAButton","_CustomColumnsEditCustomFieldCTAButton","_CollectionDataExtensionState","DataExtension","_","exports","setDataExtensionOnTable","toolbar","overrides","collectionDataExtension","CollectionDataExtensionState","container","CustomFieldModal","ArchiveFieldModal","CustomColumns","CustomColumnsFull","CustomColumnsAddCustomFieldCTAButton","CustomColumnsEditCustomFieldCTAButton"],"sources":["../../../../src/components/DataExtension/DataExtension.ts"],"sourcesContent":["import { DataExtensionOverrides, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { CustomColumnsFull } from '../CustomColumns';\nimport { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';\nimport { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';\nimport { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';\nimport { CollectionDataExtensionState } from './CollectionDataExtensionState';\nimport { ReactElement } from 'react';\n\nexport type DataExtensionObjectType = {\n  setDataExtensionOnTable: <T, F extends FiltersMap>(\n    toolbar: ToolbarCollectionState<T, F>,\n    overrides?: DataExtensionProps,\n  ) => void;\n  CustomFieldModal: typeof CustomFieldModal;\n  ArchiveFieldModal: typeof ArchiveFieldModal;\n  CustomColumns: typeof CustomColumnsFull;\n  CustomColumnsAddCustomFieldCTAButton: typeof CustomColumnsAddCustomFieldCTAButton;\n  CustomColumnsEditCustomFieldCTAButton: typeof CustomColumnsEditCustomFieldCTAButton;\n};\n\nexport type DataExtensionProps = DataExtensionOverrides;\n\nexport const DataExtension: React.FC<DataExtensionProps> &\n  DataExtensionObjectType = (_: DataExtensionProps) => {\n  return null;\n};\n\nexport type DataExtensionElement = ReactElement<\n  DataExtensionProps,\n  typeof DataExtension\n>;\n\nexport type DataExtensionType = typeof DataExtension;\n\nDataExtension.setDataExtensionOnTable = function (toolbar, overrides) {\n  toolbar.collectionDataExtension ??= new CollectionDataExtensionState({\n    toolbar,\n    container: toolbar.container,\n    DataExtension,\n    ...overrides,\n  });\n};\nDataExtension.CustomFieldModal = CustomFieldModal;\nDataExtension.ArchiveFieldModal = ArchiveFieldModal;\nDataExtension.CustomColumns = CustomColumnsFull;\nDataExtension.CustomColumnsAddCustomFieldCTAButton =\n  CustomColumnsAddCustomFieldCTAButton;\nDataExtension.CustomColumnsEditCustomFieldCTAButton =\n  CustomColumnsEditCustomFieldCTAButton;\n"],"mappings":";;;;AAEA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,qCAAA,GAAAH,OAAA;AACA,IAAAI,sCAAA,GAAAJ,OAAA;AACA,IAAAK,6BAAA,GAAAL,OAAA;AAiBO,MAAMM,aACY,GAAIC,CAAqB,IAAK;EACrD,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA;AASFA,aAAa,CAACG,uBAAuB,GAAG,UAAUC,OAAO,EAAEC,SAAS,EAAE;EACpED,OAAO,CAACE,uBAAuB,KAA/BF,OAAO,CAACE,uBAAuB,GAAK,IAAIC,0DAA4B,CAAC;IACnEH,OAAO;IACPI,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BR,aAAa;IACb,GAAGK;EACL,CAAC,CAAC;AACJ,CAAC;AACDL,aAAa,CAACS,gBAAgB,GAAGA,kCAAgB;AACjDT,aAAa,CAACU,iBAAiB,GAAGA,oCAAiB;AACnDV,aAAa,CAACW,aAAa,GAAGC,gCAAiB;AAC/CZ,aAAa,CAACa,oCAAoC,GAChDA,0EAAoC;AACtCb,aAAa,CAACc,qCAAqC,GACjDA,4EAAqC","ignoreList":[]}
+{"version":3,"names":["_CustomFieldModal","require","_CustomColumns","_ArchiveFieldModal","_CustomColumnsAddCustomFieldCTAButton","_CustomColumnsEditCustomFieldCTAButton","_CollectionDataExtensionState","_FileCardList","DataExtension","_","exports","setDataExtensionOnTable","toolbar","overrides","collectionDataExtension","CollectionDataExtensionState","container","FileCardList","CustomFieldModal","ArchiveFieldModal","CustomColumns","CustomColumnsFull","CustomColumnsAddCustomFieldCTAButton","CustomColumnsEditCustomFieldCTAButton"],"sources":["../../../../src/components/DataExtension/DataExtension.ts"],"sourcesContent":["import { DataExtensionOverrides, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { CustomColumnsFull } from '../CustomColumns';\nimport { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';\nimport { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';\nimport { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';\nimport { CollectionDataExtensionState } from './CollectionDataExtensionState';\nimport { ReactElement } from 'react';\nimport { FileCardList } from '../FileCard/FileCardList';\n\nexport type DataExtensionObjectType = {\n  setDataExtensionOnTable: <T, F extends FiltersMap>(\n    toolbar: ToolbarCollectionState<T, F>,\n    overrides?: DataExtensionProps,\n  ) => void;\n  CustomFieldModal: typeof CustomFieldModal;\n  ArchiveFieldModal: typeof ArchiveFieldModal;\n  FileCardList: typeof FileCardList;\n  CustomColumns: typeof CustomColumnsFull;\n  CustomColumnsAddCustomFieldCTAButton: typeof CustomColumnsAddCustomFieldCTAButton;\n  CustomColumnsEditCustomFieldCTAButton: typeof CustomColumnsEditCustomFieldCTAButton;\n};\n\nexport type DataExtensionProps = DataExtensionOverrides;\n\nexport const DataExtension: React.FC<DataExtensionProps> &\n  DataExtensionObjectType = (_: DataExtensionProps) => {\n  return null;\n};\n\nexport type DataExtensionElement = ReactElement<\n  DataExtensionProps,\n  typeof DataExtension\n>;\n\nexport type DataExtensionType = typeof DataExtension;\n\nDataExtension.setDataExtensionOnTable = function (toolbar, overrides) {\n  toolbar.collectionDataExtension ??= new CollectionDataExtensionState({\n    toolbar,\n    container: toolbar.container,\n    DataExtension,\n    ...overrides,\n  });\n};\nDataExtension.FileCardList = FileCardList;\nDataExtension.CustomFieldModal = CustomFieldModal;\nDataExtension.ArchiveFieldModal = ArchiveFieldModal;\nDataExtension.CustomColumns = CustomColumnsFull;\nDataExtension.CustomColumnsAddCustomFieldCTAButton =\n  CustomColumnsAddCustomFieldCTAButton;\nDataExtension.CustomColumnsEditCustomFieldCTAButton =\n  CustomColumnsEditCustomFieldCTAButton;\n"],"mappings":";;;;AAEA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,qCAAA,GAAAH,OAAA;AACA,IAAAI,sCAAA,GAAAJ,OAAA;AACA,IAAAK,6BAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AAiBO,MAAMO,aACY,GAAIC,CAAqB,IAAK;EACrD,OAAO,IAAI;AACb,CAAC;AAACC,OAAA,CAAAF,aAAA,GAAAA,aAAA;AASFA,aAAa,CAACG,uBAAuB,GAAG,UAAUC,OAAO,EAAEC,SAAS,EAAE;EACpED,OAAO,CAACE,uBAAuB,KAA/BF,OAAO,CAACE,uBAAuB,GAAK,IAAIC,0DAA4B,CAAC;IACnEH,OAAO;IACPI,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BR,aAAa;IACb,GAAGK;EACL,CAAC,CAAC;AACJ,CAAC;AACDL,aAAa,CAACS,YAAY,GAAGA,0BAAY;AACzCT,aAAa,CAACU,gBAAgB,GAAGA,kCAAgB;AACjDV,aAAa,CAACW,iBAAiB,GAAGA,oCAAiB;AACnDX,aAAa,CAACY,aAAa,GAAGC,gCAAiB;AAC/Cb,aAAa,CAACc,oCAAoC,GAChDA,0EAAoC;AACtCd,aAAa,CAACe,qCAAqC,GACjDA,4EAAqC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle626825458\";\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\":\"DragHandle626825458__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3137535015\";\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\":\"DragHandle3137535015__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/ExtendedColumn/ExtendedColumn.js

@@ -8,11 +8,15 @@ var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ExtendedColumn/ExtendedColumn.tsx";
 function _ExtendedColumn(props) {
   const {
     dateFormatters
   } = (0, _react2.useWixPatternsContainer)();
+  const {
+    collectionDataExtension
+  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   switch (props.type) {
     case 'shortText':
       return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -22,7 +26,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 19,
+          lineNumber: 20,
           columnNumber: 9
         }
       }, props.value);
@@ -34,7 +38,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 25,
+          lineNumber: 26,
           columnNumber: 9
         }
       }, props.value && dateFormatters.medium.format(new Date(props.value)));
@@ -46,7 +50,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 31,
+          lineNumber: 32,
           columnNumber: 9
         }
       }, props.value && dateFormatters.mediumTime.format(new Date(props.value)));
@@ -58,21 +62,21 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 38,
+          lineNumber: 39,
           columnNumber: 9
         }
       }, props.value ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Confirm, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 43,
+          lineNumber: 44,
           columnNumber: 26
         }
       }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Minus, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 43,
+          lineNumber: 44,
           columnNumber: 40
         }
       }));
@@ -84,10 +88,26 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 48,
+          lineNumber: 49,
           columnNumber: 9
         }
       }, props.value);
+    case 'files':
+      {
+        if (!props.value || !collectionDataExtension) {
+          return null;
+        }
+        const files = Array.isArray(props.value) ? props.value : [props.value];
+        return /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.FileCardList, {
+          files: files,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 59,
+            columnNumber: 9
+          }
+        });
+      }
     case 'dropdown':
     case 'integer':
     case 'decimal':
@@ -99,7 +119,7 @@ function _ExtendedColumn(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 57,
+          lineNumber: 67,
           columnNumber: 9
         }
       }, props.value);