@wix/patterns 1.104.0 → 1.106.0

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':
+        {
+          let 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;
@@ -74,17 +95,19 @@ const _CustomFieldsViewWidgetSection = ({
   };
   return /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     gap: "SP3",
+    dataHook: `custom-field-section-${namespace}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 92,
       columnNumber: 5
     }
   }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 12,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 94,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -94,16 +117,37 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 95,
       columnNumber: 11
     }
-  }, 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: 106,
+        columnNumber: 11
+      }
+    });
+  }));
+};
+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: 136,
+      columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -111,21 +155,20 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
-      columnNumber: 11
+      lineNumber: 137,
+      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: 138,
+      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","Layout","gap","Cell","span","Heading","ellipsis","map","field","CustomFieldCell","key","id","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","Box","direction","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        let 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    <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  );\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_ = "DragHandle2604019950";
+var _namespace_ = "DragHandle3527958143";
 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": "DragHandle2604019950__root"
+  "root": "DragHandle3527958143__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_ = \"DragHandle2604019950\";\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\":\"DragHandle2604019950__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":[]}
+{"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_ = \"DragHandle3527958143\";\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\":\"DragHandle3527958143__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);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_mobxReactLite","_jsxFileName","_ExtendedColumn","props","dateFormatters","useWixPatternsContainer","type","default","createElement","Text","size","ellipsis","maxLines","__self","__source","fileName","lineNumber","columnNumber","value","medium","format","Date","mediumTime","Box","align","verticalAlign","color","Confirm","Minus","ExtendedColumn","exports","observer"],"sources":["../../../../src/components/ExtendedColumn/ExtendedColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common';\nimport { CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ExtendedColumnProps {\n  value?: any;\n  type: CustomFieldType;\n}\n\nfunction _ExtendedColumn(props: ExtendedColumnProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n\n  switch (props.type) {\n    case 'shortText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n    case 'date':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value && dateFormatters.medium.format(new Date(props.value))}\n        </Text>\n      );\n    case 'dateTime':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value &&\n            dateFormatters.mediumTime.format(new Date(props.value))}\n        </Text>\n      );\n    case 'checkbox':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'longText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value}\n        </Text>\n      );\n    case 'dropdown':\n    case 'integer':\n    case 'decimal':\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n  }\n}\n\nexport const ExtendedColumn = observer(_ExtendedColumn);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_mobxReactLite","_ToolbarCollectionContext","_jsxFileName","_ExtendedColumn","props","dateFormatters","useWixPatternsContainer","collectionDataExtension","useToolbarCollectionContext","type","default","createElement","Text","size","ellipsis","maxLines","__self","__source","fileName","lineNumber","columnNumber","value","medium","format","Date","mediumTime","Box","align","verticalAlign","color","Confirm","Minus","files","Array","isArray","DataExtension","FileCardList","ExtendedColumn","exports","observer"],"sources":["../../../../src/components/ExtendedColumn/ExtendedColumn.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common';\nimport { CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport interface ExtendedColumnProps {\n  value?: any;\n  type: CustomFieldType;\n}\n\nfunction _ExtendedColumn(props: ExtendedColumnProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  const { collectionDataExtension } = useToolbarCollectionContext();\n  switch (props.type) {\n    case 'shortText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n    case 'date':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value && dateFormatters.medium.format(new Date(props.value))}\n        </Text>\n      );\n    case 'dateTime':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value &&\n            dateFormatters.mediumTime.format(new Date(props.value))}\n        </Text>\n      );\n    case 'checkbox':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'longText':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value}\n        </Text>\n      );\n    case 'files': {\n      if (!props.value || !collectionDataExtension) {\n        return null;\n      }\n      const files = Array.isArray(props.value) ? props.value : [props.value];\n      return (\n        <collectionDataExtension.DataExtension.FileCardList files={files} />\n      );\n    }\n    case 'dropdown':\n    case 'integer':\n    case 'decimal':\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value}\n        </Text>\n      );\n  }\n}\n\nexport const ExtendedColumn = observer(_ExtendedColumn);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAA0E,IAAAM,YAAA;AAO1E,SAASC,eAAeA,CAACC,KAA0B,EAAE;EACnD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EACjE,QAAQJ,KAAK,CAACK,IAAI;IAChB,KAAK,WAAW;MACd,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,QAAQ;QAACC,QAAQ,EAAE,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACrChB,KAAK,CAACiB,KACH,CAAC;IAEX,KAAK,MAAM;MACT,oBACE3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,QAAQ;QAACC,QAAQ,EAAE,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACrChB,KAAK,CAACiB,KAAK,IAAIhB,cAAc,CAACiB,MAAM,CAACC,MAAM,CAAC,IAAIC,IAAI,CAACpB,KAAK,CAACiB,KAAK,CAAC,CAC9D,CAAC;IAEX,KAAK,UAAU;MACb,oBACE3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,QAAQ;QAACC,QAAQ,EAAE,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACrChB,KAAK,CAACiB,KAAK,IACVhB,cAAc,CAACoB,UAAU,CAACF,MAAM,CAAC,IAAIC,IAAI,CAACpB,KAAK,CAACiB,KAAK,CAAC,CACpD,CAAC;IAEX,KAAK,UAAU;MACb,oBACE3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,GAAG;QACFC,KAAK,EAAC,QAAQ;QACdC,aAAa,EAAC,QAAQ;QACtBC,KAAK,EAAEzB,KAAK,CAACiB,KAAK,GAAG,KAAK,GAAG,KAAM;QAAAL,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GAElChB,KAAK,CAACiB,KAAK,gBAAG3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAAgC,OAAO;QAAAd,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,gBAAG1B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAAiC,KAAK;QAAAf,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAClC,CAAC;IAEV,KAAK,UAAU;MACb,oBACE1B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,QAAQ;QAACC,QAAQ,EAAE,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACrChB,KAAK,CAACiB,KACH,CAAC;IAEX,KAAK,OAAO;MAAE;QACZ,IAAI,CAACjB,KAAK,CAACiB,KAAK,IAAI,CAACd,uBAAuB,EAAE;UAC5C,OAAO,IAAI;QACb;QACA,MAAMyB,KAAK,GAAGC,KAAK,CAACC,OAAO,CAAC9B,KAAK,CAACiB,KAAK,CAAC,GAAGjB,KAAK,CAACiB,KAAK,GAAG,CAACjB,KAAK,CAACiB,KAAK,CAAC;QACtE,oBACE3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,uBAAuB,CAAC4B,aAAa,CAACC,YAAY;UAACJ,KAAK,EAAEA,KAAM;UAAAhB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAhB,YAAA;YAAAiB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;MAExE;IACA,KAAK,UAAU;IACf,KAAK,SAAS;IACd,KAAK,SAAS;IACd;MACE,oBACE1B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,QAAQ;QAACC,QAAQ,EAAE,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACrChB,KAAK,CAACiB,KACH,CAAC;EAEb;AACF;AAEO,MAAMgB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACpC,eAAe,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade84638896";
+var _namespace_ = "Fade153731023";
 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": "Fade84638896__root"
+  "root": "Fade153731023__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade84638896\";\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\":\"Fade84638896__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,cAAc;AAChC,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;AAAoB,CAAC;AAC3C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade153731023\";\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\":\"Fade153731023__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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/FileCard/DownloadButton.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DownloadButton = DownloadButton;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _useDownloadFile = require("./useDownloadFile");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/DownloadButton.tsx";
+function DownloadButton({
+  file
+}) {
+  const {
+    downloadFile,
+    isDownloading
+  } = (0, _useDownloadFile.useDownloadFile)({
+    file
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    paddingInlineEnd: 4,
+    marginLeft: "auto",
+    dataHook: `download-button-${file.mediaId}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 5
+    }
+  }, isDownloading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    size: "tiny",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 9
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: "Download",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    underline: "onHover",
+    onClick: e => {
+      e.stopPropagation();
+      downloadFile();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+    width: 20,
+    height: 20,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 15
+    }
+  })))));
+}
+//# sourceMappingURL=DownloadButton.js.map

package/dist/cjs/components/FileCard/DownloadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_useDownloadFile","_jsxFileName","DownloadButton","file","downloadFile","isDownloading","useDownloadFile","default","createElement","Box","paddingInlineEnd","marginLeft","dataHook","mediaId","__self","__source","fileName","lineNumber","columnNumber","Loader","size","Tooltip","content","TextButton","underline","onClick","e","stopPropagation","verticalAlign","Download","width","height"],"sources":["../../../../src/components/FileCard/DownloadButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Loader, TextButton, Tooltip } from '@wix/design-system';\nimport { Download } from '@wix/wix-ui-icons-common';\nimport { File } from './FileProps';\nimport { useDownloadFile } from './useDownloadFile';\n\ninterface DownloadButtonProps {\n  file: File;\n}\n\nexport function DownloadButton({ file }: DownloadButtonProps) {\n  const { downloadFile, isDownloading } = useDownloadFile({ file });\n\n  return (\n    <Box\n      paddingInlineEnd={4}\n      marginLeft=\"auto\"\n      dataHook={`download-button-${file.mediaId}`}\n    >\n      {isDownloading ? (\n        <Loader size=\"tiny\" />\n      ) : (\n        <Tooltip content=\"Download\">\n          <TextButton\n            underline=\"onHover\"\n            onClick={(e: React.MouseEvent<HTMLElement>) => {\n              e.stopPropagation();\n              downloadFile();\n            }}\n          >\n            <Box verticalAlign=\"middle\">\n              <Download width={20} height={20} />\n            </Box>\n          </TextButton>\n        </Tooltip>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AAAoD,IAAAI,YAAA;AAM7C,SAASC,cAAcA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAC5D,MAAM;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAG,IAAAC,gCAAe,EAAC;IAAEH;EAAK,CAAC,CAAC;EAEjE,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IACFC,gBAAgB,EAAE,CAAE;IACpBC,UAAU,EAAC,MAAM;IACjBC,QAAQ,EAAE,mBAAmBT,IAAI,CAACU,OAAO,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3Cb,aAAa,gBACZV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,gBAEtBvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAuB,OAAO;IAACC,OAAO,EAAC,UAAU;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAyB,UAAU;IACTC,SAAS,EAAC,SAAS;IACnBC,OAAO,EAAGC,CAAgC,IAAK;MAC7CA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBvB,YAAY,CAAC,CAAC;IAChB,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACmB,aAAa,EAAC,QAAQ;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAA8B,QAAQ;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/B,CACK,CACL,CAER,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/FileCard/FileCard.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FileCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _resolveFileByMediaType = require("./resolveFileByMediaType");
+var _Thumbnail = require("./Thumbnail");
+var _FileDetails = require("./FileDetails");
+var _DownloadButton = require("./DownloadButton");
+var _commonStCss = require("../common.st.css.js");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/FileCard/FileCard.tsx";
+const FileCard = ({
+  file,
+  showDownloadCTA = false,
+  showDetails = false,
+  onClick
+}) => {
+  const downloadIconWidth = showDownloadCTA ? 36 : 0;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onClick: onClick,
+    style: {
+      width: '100%',
+      cursor: 'pointer'
+    },
+    "data-hook": `file-card-${file.mediaId}`,
+    className: (0, _commonStCss.st)(_commonStCss.classes.hightlightOnHover),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    verticalAlign: "middle",
+    align: "left",
+    gap: "SP1",
+    paddingBlockEnd: 1,
+    maxWidth: "100%",
+    height: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Thumbnail.Thumbnail, {
+    file: file,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_FileDetails.FileDetails, {
+    file: file,
+    showDetails: showDetails,
+    maxWidth: `calc(100% - ${downloadIconWidth + _resolveFileByMediaType.THUMB_WIDTH + 10}px)`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 9
+    }
+  }), showDownloadCTA && !file.private ? /*#__PURE__*/_react.default.createElement(_DownloadButton.DownloadButton, {
+    file: file,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 11
+    }
+  }) : null));
+};
+exports.FileCard = FileCard;
+//# sourceMappingURL=FileCard.js.map