@wix/patterns 1.430.0 → 1.431.0

package/dist/cjs/components/EntityPageFields/EntityPageFields.js

@@ -2,30 +2,50 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.EntityPageFields = EntityPageFields;
-exports.EntityPageFieldsWrapped = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.EntityPageFields = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
-var _providers = require("../../providers");
+var _providers = require("@wix/patterns-fields/providers");
+var _providers2 = require("../../providers");
+var _resolveEntityPageFields = require("../../state/EntityPage/resolveEntityPageFields");
 var _EntityPageField = require("./EntityPageField");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageFields.tsx";
+/** The form inputs for the page's schema fields. Render inside the `EntityPage`
+ *  from `@wix/patterns/schema` — it provides the fields container these inputs
+ *  are built with. */
 function _EntityPageFields({
   dataHook = 'entity-page-fields',
   fieldIds
 }) {
-  const state = (0, _providers.useEntityPageContext)();
+  const state = (0, _providers2.useEntityPageContext)();
+  const fieldsContainer = (0, _providers.usePatternsCmsFieldsContainer)();
   const {
     schema
   } = state;
 
-  // The schema loads with the entity in EntityPageState.init(); until it
-  // resolves there are no fields to render.
-  if (!schema) {
-    return null;
+  // Without the container the field renderers below fail deep inside
+  // @wix/patterns-fields (a missing container reads as a missing translations
+  // service), so say what's actually wrong instead.
+  if (!fieldsContainer) {
+    throw new Error('EntityPageFields must render inside the EntityPage from @wix/patterns/schema, which provides the fields container.');
   }
-  const fields = resolveFields(schema.fields, schema.idField, fieldIds);
+
+  // The schema loads with the entity in EntityPageState.init(). Show a
+  // placeholder until it resolves so the card has content instead of collapsing
+  // to nothing while the page fetches.
+  if (!schema || state.initTask.status.isLoading) {
+    return /*#__PURE__*/_react.default.createElement(FieldsSkeleton, {
+      count: fieldIds == null ? void 0 : fieldIds.length,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 12
+      }
+    });
+  }
+  const fields = (0, _resolveEntityPageFields.resolveEntityPageFields)(schema.fields, schema.idField, fieldIds);
   const data = state.entity ?? {};
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -35,7 +55,7 @@ function _EntityPageFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 55,
       columnNumber: 5
     }
   }, fields.map(field => /*#__PURE__*/_react.default.createElement(_EntityPageField.EntityPageField, {
@@ -46,38 +66,66 @@ function _EntityPageFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 57,
       columnNumber: 9
     }
   })));
 }
-function resolveFields(fields, idField, fieldIds) {
-  // An explicit fieldIds list is taken as-is — the consumer chose those fields.
-  if (fieldIds) {
-    return fieldIds.map(id => fields[id]).filter(field => Boolean(field));
-  }
 
-  // By default, skip the id field and system fields (e.g. `_id`, `_manualSort`,
-  // `_createdDate`): they are not user-editable, and rendering a required one
-  // would silently block save (react-hook-form marks the form invalid).
-  return Object.values(fields).filter(field => Boolean(field) && !field.isSystem && field.id !== idField);
-}
-const EntityPageFieldsWrapped = exports.EntityPageFieldsWrapped = (0, _mobxReactLite.observer)(_EntityPageFields);
-function EntityPageFields(props) {
-  return /*#__PURE__*/_react.default.createElement(_providers.PatternsFieldsProvider, {
+// Before the schema loads we don't know the real field count, so default to a
+// few rows; a known fieldIds length lets us match it exactly.
+function FieldsSkeleton({
+  count
+}) {
+  const rows = Math.max(1, count ?? 4);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+    dataHook: "entity-page-fields-skeleton",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 73,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(EntityPageFieldsWrapped, (0, _extends2.default)({}, props, {
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP4",
+    width: "100%",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 74,
       columnNumber: 7
     }
-  })));
+  }, Array.from({
+    length: rows
+  }, (_, i) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    key: i,
+    direction: "vertical",
+    gap: "SP1",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    width: "30%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
+    height: "36px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 13
+    }
+  })))));
 }
+const EntityPageFields = exports.EntityPageFields = (0, _mobxReactLite.observer)(_EntityPageFields);
 //# sourceMappingURL=EntityPageFields.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_providers","_EntityPageField","_jsxFileName","_EntityPageFields","dataHook","fieldIds","state","useEntityPageContext","schema","fields","resolveFields","idField","data","entity","default","createElement","Box","direction","gap","width","__self","__source","fileName","lineNumber","columnNumber","map","field","EntityPageField","key","id","formControl","form","control","filter","Boolean","Object","values","isSystem","EntityPageFieldsWrapped","exports","observer","EntityPageFields","props","PatternsFieldsProvider","_extends2"],"sources":["../../../../src/components/EntityPageFields/EntityPageFields.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport type { Field } from '@wix/bex-core';\nimport { PatternsFieldsProvider, useEntityPageContext } from '../../providers';\nimport { EntityPageField } from './EntityPageField';\n\nexport interface EntityPageFieldsProps {\n  dataHook?: string;\n  /** Field ids to render, in order. Omitted ⇒ all schema fields in schema order. */\n  fieldIds?: string[];\n}\n\nfunction _EntityPageFields({\n  dataHook = 'entity-page-fields',\n  fieldIds,\n}: EntityPageFieldsProps) {\n  const state = useEntityPageContext();\n  const { schema } = state;\n\n  // The schema loads with the entity in EntityPageState.init(); until it\n  // resolves there are no fields to render.\n  if (!schema) {\n    return null;\n  }\n\n  const fields = resolveFields(schema.fields, schema.idField, fieldIds);\n  const data = (state.entity ?? {}) as Record<string, unknown>;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\" width=\"100%\" dataHook={dataHook}>\n      {fields.map((field) => (\n        <EntityPageField\n          key={field.id}\n          field={field}\n          formControl={state.form.control}\n          data={data}\n        />\n      ))}\n    </Box>\n  );\n}\n\nfunction resolveFields(\n  fields: Record<string, Field | undefined>,\n  idField: string,\n  fieldIds?: string[],\n): Field[] {\n  // An explicit fieldIds list is taken as-is — the consumer chose those fields.\n  if (fieldIds) {\n    return fieldIds\n      .map((id) => fields[id])\n      .filter((field): field is Field => Boolean(field));\n  }\n\n  // By default, skip the id field and system fields (e.g. `_id`, `_manualSort`,\n  // `_createdDate`): they are not user-editable, and rendering a required one\n  // would silently block save (react-hook-form marks the form invalid).\n  return Object.values(fields).filter(\n    (field): field is Field =>\n      Boolean(field) && !field!.isSystem && field!.id !== idField,\n  );\n}\n\nexport const EntityPageFieldsWrapped = observer(_EntityPageFields);\nexport function EntityPageFields(props: EntityPageFieldsProps) {\n  return (\n    <PatternsFieldsProvider>\n      <EntityPageFieldsWrapped {...props} />\n    </PatternsFieldsProvider>\n  );\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAQpD,SAASC,iBAAiBA,CAAC;EACzBC,QAAQ,GAAG,oBAAoB;EAC/BC;AACqB,CAAC,EAAE;EACxB,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC;EAAO,CAAC,GAAGF,KAAK;;EAExB;EACA;EACA,IAAI,CAACE,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMC,MAAM,GAAGC,aAAa,CAACF,MAAM,CAACC,MAAM,EAAED,MAAM,CAACG,OAAO,EAAEN,QAAQ,CAAC;EACrE,MAAMO,IAAI,GAAIN,KAAK,CAACO,MAAM,IAAI,CAAC,CAA6B;EAE5D,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAACC,KAAK,EAAC,MAAM;IAACf,QAAQ,EAAEA,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjEf,MAAM,CAACgB,GAAG,CAAEC,KAAK,iBAChB/B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,gBAAA,CAAA0B,eAAe;IACdC,GAAG,EAAEF,KAAK,CAACG,EAAG;IACdH,KAAK,EAAEA,KAAM;IACbI,WAAW,EAAExB,KAAK,CAACyB,IAAI,CAACC,OAAQ;IAChCpB,IAAI,EAAEA,IAAK;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACZ,CACF,CACE,CAAC;AAEV;AAEA,SAASd,aAAaA,CACpBD,MAAyC,EACzCE,OAAe,EACfN,QAAmB,EACV;EACT;EACA,IAAIA,QAAQ,EAAE;IACZ,OAAOA,QAAQ,CACZoB,GAAG,CAAEI,EAAE,IAAKpB,MAAM,CAACoB,EAAE,CAAC,CAAC,CACvBI,MAAM,CAAEP,KAAK,IAAqBQ,OAAO,CAACR,KAAK,CAAC,CAAC;EACtD;;EAEA;EACA;EACA;EACA,OAAOS,MAAM,CAACC,MAAM,CAAC3B,MAAM,CAAC,CAACwB,MAAM,CAChCP,KAAK,IACJQ,OAAO,CAACR,KAAK,CAAC,IAAI,CAACA,KAAK,CAAEW,QAAQ,IAAIX,KAAK,CAAEG,EAAE,KAAKlB,OACxD,CAAC;AACH;AAEO,MAAM2B,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAACrC,iBAAiB,CAAC;AAC3D,SAASsC,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,oBACE/C,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAA2C,sBAAsB;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrB7B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACuB,uBAAuB,MAAAM,SAAA,CAAA9B,OAAA,MAAK4B,KAAK;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACf,CAAC;AAE7B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_providers","_providers2","_resolveEntityPageFields","_EntityPageField","_jsxFileName","_EntityPageFields","dataHook","fieldIds","state","useEntityPageContext","fieldsContainer","usePatternsCmsFieldsContainer","schema","Error","initTask","status","isLoading","default","createElement","FieldsSkeleton","count","length","__self","__source","fileName","lineNumber","columnNumber","fields","resolveEntityPageFields","idField","data","entity","Box","direction","gap","width","map","field","EntityPageField","key","id","formControl","form","control","rows","Math","max","SkeletonGroup","Array","from","_","i","SkeletonLine","SkeletonRectangle","height","EntityPageFields","exports","observer"],"sources":["../../../../src/components/EntityPageFields/EntityPageFields.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { usePatternsCmsFieldsContainer } from '@wix/patterns-fields/providers';\nimport { useEntityPageContext } from '../../providers';\nimport { resolveEntityPageFields } from '../../state/EntityPage/resolveEntityPageFields';\nimport { EntityPageField } from './EntityPageField';\n\nexport interface EntityPageFieldsProps {\n  dataHook?: string;\n  /** Field ids to render, in order. Omitted ⇒ all schema fields in schema order. */\n  fieldIds?: string[];\n}\n\n/** The form inputs for the page's schema fields. Render inside the `EntityPage`\n *  from `@wix/patterns/schema` — it provides the fields container these inputs\n *  are built with. */\nfunction _EntityPageFields({\n  dataHook = 'entity-page-fields',\n  fieldIds,\n}: EntityPageFieldsProps) {\n  const state = useEntityPageContext();\n  const fieldsContainer = usePatternsCmsFieldsContainer();\n  const { schema } = state;\n\n  // Without the container the field renderers below fail deep inside\n  // @wix/patterns-fields (a missing container reads as a missing translations\n  // service), so say what's actually wrong instead.\n  if (!fieldsContainer) {\n    throw new Error(\n      'EntityPageFields must render inside the EntityPage from @wix/patterns/schema, which provides the fields container.',\n    );\n  }\n\n  // The schema loads with the entity in EntityPageState.init(). Show a\n  // placeholder until it resolves so the card has content instead of collapsing\n  // to nothing while the page fetches.\n  if (!schema || state.initTask.status.isLoading) {\n    return <FieldsSkeleton count={fieldIds?.length} />;\n  }\n\n  const fields = resolveEntityPageFields(\n    schema.fields,\n    schema.idField,\n    fieldIds,\n  );\n  const data = (state.entity ?? {}) as Record<string, unknown>;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\" width=\"100%\" dataHook={dataHook}>\n      {fields.map((field) => (\n        <EntityPageField\n          key={field.id}\n          field={field}\n          formControl={state.form.control}\n          data={data}\n        />\n      ))}\n    </Box>\n  );\n}\n\n// Before the schema loads we don't know the real field count, so default to a\n// few rows; a known fieldIds length lets us match it exactly.\nfunction FieldsSkeleton({ count }: { count?: number }) {\n  const rows = Math.max(1, count ?? 4);\n  return (\n    <SkeletonGroup dataHook=\"entity-page-fields-skeleton\">\n      <Box direction=\"vertical\" gap=\"SP4\" width=\"100%\">\n        {Array.from({ length: rows }, (_, i) => (\n          <Box key={i} direction=\"vertical\" gap=\"SP1\" width=\"100%\">\n            <SkeletonLine width=\"30%\" />\n            <SkeletonRectangle height=\"36px\" />\n          </Box>\n        ))}\n      </Box>\n    </SkeletonGroup>\n  );\n}\n\nexport const EntityPageFields = observer(_EntityPageFields);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EntityPageFields/EntityPageReferenceField.js

@@ -10,6 +10,8 @@ var _bexCore = require("@wix/bex-core");
 var _react2 = require("@wix/bex-core/react");
 var _patternsFields = require("@wix/patterns-fields");
 var _providers = require("../../providers");
+var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
+var _useOpenCollectionOverlay = require("../../hooks/useOpenCollectionOverlay");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageReferenceField.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const imageFieldOf = fields => {
@@ -71,6 +73,23 @@ function _EntityPageReferenceField({
       image: imageField ? ki.item[imageField] : undefined
     }));
   }, [collection.result.keyedItems, idField, displayField, imageField]);
+  const {
+    showInitialLoader,
+    fixedFooter
+  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
+    collection,
+    fixedFooter: undefined
+  });
+
+  // Unlike EditableTable's reference cell, this field stays mounted while the
+  // overlay is open, so it can own the navigation itself. Refreshing on return
+  // forces a refetch so items added in the referenced collection show up.
+  const openReferencedCollection = (0, _useOpenCollectionOverlay.useOpenCollectionOverlay)({
+    collectionId: refSource == null ? void 0 : refSource.collectionId
+  });
+  const handleOpenCollection = (0, _react.useMemo)(() => openReferencedCollection ? () => openReferencedCollection(() => collection.clearResultAndMoveToStart({
+    force: true
+  })) : undefined, [openReferencedCollection, collection]);
 
   // A reference with no matching source entry, or before its schema resolves,
   // can't render a picker — skip it rather than render a broken input.
@@ -91,24 +110,45 @@ function _EntityPageReferenceField({
     searchValue: collection.query.search.value,
     onSearch: query => collection.search(query),
     onClearSearch: () => collection.clearSearch(),
-    hasMore: !collection.fetchedLastPage,
-    loadMore: collection.fetchNextPageIfNeeded
+    hasMore: !showInitialLoader && !collection.fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded,
+    fixedFooter,
+    onOpenCollection: handleOpenCollection
   };
   return field.type === 'MULTI_REFERENCE' ? /*#__PURE__*/_react.default.createElement(_patternsFields.FormMultiReference, (0, _extends2.default)({}, shared, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 143,
       columnNumber: 5
     }
   })) : /*#__PURE__*/_react.default.createElement(_patternsFields.FormReference, (0, _extends2.default)({}, shared, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 145,
       columnNumber: 5
     }
   }));
 }
-const EntityPageReferenceField = exports.EntityPageReferenceField = (0, _mobxReactLite.observer)(_EntityPageReferenceField);
+const EntityPageReferenceFieldContent = (0, _mobxReactLite.observer)(_EntityPageReferenceField);
+
+// FilterTranslationProvider supplies the dropdown's loader / empty / no-results
+// texts that useFilterCollectionStates reads.
+const EntityPageReferenceField = props => /*#__PURE__*/_react.default.createElement(_providers.FilterTranslationProvider, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 156,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(EntityPageReferenceFieldContent, (0, _extends2.default)({}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 157,
+    columnNumber: 5
+  }
+})));
+exports.EntityPageReferenceField = EntityPageReferenceField;
 //# sourceMappingURL=EntityPageReferenceField.js.map

package/dist/cjs/components/EntityPageFields/EntityPageReferenceField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_bexCore","_react2","_patternsFields","_providers","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFieldOf","fields","_Object$entries$find","entries","find","type","_EntityPageReferenceField","field","formControl","data","_referenceMetadata","_state$schemaSource","state","useEntityPageContext","referencedCollectionId","referenceMetadata","refSource","schemaSource","references","undefined","collection","useCollection","queryName","collectionId","paginationMode","fetchData","sourceFetchData","itemKey","itemName","id","items","total","row","String","useEffect","init","refSchema","setRefSchema","useState","active","loadSchema","then","loaded","schema","idField","displayField","imageField","useMemo","result","keyedItems","map","ki","item","key","name","image","shared","value","onChange","dataHook","searchValue","query","search","onSearch","onClearSearch","clearSearch","hasMore","fetchedLastPage","loadMore","fetchNextPageIfNeeded","createElement","FormMultiReference","_extends2","__self","__source","fileName","lineNumber","columnNumber","FormReference","EntityPageReferenceField","exports","observer"],"sources":["../../../../src/components/EntityPageFields/EntityPageReferenceField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { sourceFetchData } from '@wix/bex-core';\nimport type { BaseReferenceField, Field, Schema } from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { useCollection } from '@wix/bex-core/react';\nimport { FormReference, FormMultiReference } from '@wix/patterns-fields';\nimport { useEntityPageContext } from '../../providers';\n\ntype RefRow = Record<string, unknown>;\n\nconst imageFieldOf = (\n  fields: Schema['fields'] | undefined,\n): string | undefined =>\n  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];\n\nexport interface EntityPageReferenceFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  data: Record<string, unknown>;\n}\n\n// Adapts a referenced SchemaSource (schemaSource.references[collectionId]) to the\n// data-agnostic FormReference / FormMultiReference renderers: it queries the\n// referenced collection for candidate items and derives the referenced schema's\n// id/display/image fields, mirroring EditableTable's reference cell Edit.\nfunction _EntityPageReferenceField({\n  field,\n  formControl,\n  data,\n}: EntityPageReferenceFieldProps) {\n  const state = useEntityPageContext();\n  const referencedCollectionId = (field as BaseReferenceField).referenceMetadata\n    ?.referencedCollectionId;\n  const refSource = referencedCollectionId\n    ? state.schemaSource?.references?.[referencedCollectionId]\n    : undefined;\n\n  const collection = useCollection<RefRow>(\n    refSource\n      ? {\n          queryName: `entity-page-reference-${refSource.collectionId}`,\n          paginationMode: refSource.paginationMode,\n          fetchData: sourceFetchData(refSource),\n          itemKey: refSource.itemKey,\n          itemName: refSource.itemName,\n        }\n      : {\n          queryName: `entity-page-reference-${field.id}`,\n          paginationMode: 'offset',\n          fetchData: async () => ({ items: [], total: 0 }),\n          itemKey: (row: RefRow) => String(row.id ?? ''),\n          itemName: (row: RefRow) => String(row.id ?? ''),\n        },\n  );\n\n  useEffect(() => collection.init(), [collection]);\n\n  const [refSchema, setRefSchema] = useState<Schema | null>(null);\n  useEffect(() => {\n    let active = true;\n    refSource?.loadSchema().then((loaded) => {\n      if (active) {\n        setRefSchema(loaded.schema);\n      }\n    });\n    return () => {\n      active = false;\n    };\n  }, [refSource]);\n\n  const idField = refSchema?.idField;\n  const displayField = refSchema?.displayField;\n  const imageField = imageFieldOf(refSchema?.fields);\n\n  const items = useMemo(() => {\n    if (!idField || !displayField) {\n      return [];\n    }\n    return collection.result.keyedItems.map((ki) => ({\n      id: String((ki.item as RefRow)[idField] ?? ki.key),\n      name: String((ki.item as RefRow)[displayField] ?? ''),\n      image: imageField\n        ? ((ki.item as RefRow)[imageField] as string | undefined)\n        : undefined,\n    }));\n  }, [collection.result.keyedItems, idField, displayField, imageField]);\n\n  // A reference with no matching source entry, or before its schema resolves,\n  // can't render a picker — skip it rather than render a broken input.\n  if (!refSource || !idField || !displayField) {\n    return null;\n  }\n\n  const shared = {\n    field,\n    value: data?.[field.id] as never,\n    onChange: () => {},\n    formControl,\n    data,\n    dataHook: `entity-page-field-${field.id}`,\n    items,\n    idField,\n    displayField,\n    imageField,\n    searchValue: collection.query.search.value,\n    onSearch: (query: string) => collection.search(query),\n    onClearSearch: () => collection.clearSearch(),\n    hasMore: !collection.fetchedLastPage,\n    loadMore: collection.fetchNextPageIfNeeded,\n  };\n\n  return field.type === 'MULTI_REFERENCE' ? (\n    <FormMultiReference {...shared} />\n  ) : (\n    <FormReference {...shared} />\n  );\n}\n\nexport const EntityPageReferenceField = observer(_EntityPageReferenceField);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_bexCore","_react2","_patternsFields","_providers","_useFilterCollectionStates","_useOpenCollectionOverlay","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFieldOf","fields","_Object$entries$find","entries","find","type","_EntityPageReferenceField","field","formControl","data","_referenceMetadata","_state$schemaSource","state","useEntityPageContext","referencedCollectionId","referenceMetadata","refSource","schemaSource","references","undefined","collection","useCollection","queryName","collectionId","paginationMode","fetchData","sourceFetchData","itemKey","itemName","id","items","total","row","String","useEffect","init","refSchema","setRefSchema","useState","active","loadSchema","then","loaded","schema","idField","displayField","imageField","useMemo","result","keyedItems","map","ki","item","key","name","image","showInitialLoader","fixedFooter","useFilterCollectionStates","openReferencedCollection","useOpenCollectionOverlay","handleOpenCollection","clearResultAndMoveToStart","force","shared","value","onChange","dataHook","searchValue","query","search","onSearch","onClearSearch","clearSearch","hasMore","fetchedLastPage","loadMore","fetchNextPageIfNeeded","onOpenCollection","createElement","FormMultiReference","_extends2","__self","__source","fileName","lineNumber","columnNumber","FormReference","EntityPageReferenceFieldContent","observer","EntityPageReferenceField","props","FilterTranslationProvider","exports"],"sources":["../../../../src/components/EntityPageFields/EntityPageReferenceField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { sourceFetchData } from '@wix/bex-core';\nimport type { BaseReferenceField, Field, Schema } from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { useCollection } from '@wix/bex-core/react';\nimport { FormReference, FormMultiReference } from '@wix/patterns-fields';\nimport {\n  FilterTranslationProvider,\n  useEntityPageContext,\n} from '../../providers';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useOpenCollectionOverlay } from '../../hooks/useOpenCollectionOverlay';\n\ntype RefRow = Record<string, unknown>;\n\nconst imageFieldOf = (\n  fields: Schema['fields'] | undefined,\n): string | undefined =>\n  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];\n\nexport interface EntityPageReferenceFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  data: Record<string, unknown>;\n}\n\n// Adapts a referenced SchemaSource (schemaSource.references[collectionId]) to the\n// data-agnostic FormReference / FormMultiReference renderers: it queries the\n// referenced collection for candidate items and derives the referenced schema's\n// id/display/image fields, mirroring EditableTable's reference cell Edit.\nfunction _EntityPageReferenceField({\n  field,\n  formControl,\n  data,\n}: EntityPageReferenceFieldProps) {\n  const state = useEntityPageContext();\n  const referencedCollectionId = (field as BaseReferenceField).referenceMetadata\n    ?.referencedCollectionId;\n  const refSource = referencedCollectionId\n    ? state.schemaSource?.references?.[referencedCollectionId]\n    : undefined;\n\n  const collection = useCollection<RefRow>(\n    refSource\n      ? {\n          queryName: `entity-page-reference-${refSource.collectionId}`,\n          paginationMode: refSource.paginationMode,\n          fetchData: sourceFetchData(refSource),\n          itemKey: refSource.itemKey,\n          itemName: refSource.itemName,\n        }\n      : {\n          queryName: `entity-page-reference-${field.id}`,\n          paginationMode: 'offset',\n          fetchData: async () => ({ items: [], total: 0 }),\n          itemKey: (row: RefRow) => String(row.id ?? ''),\n          itemName: (row: RefRow) => String(row.id ?? ''),\n        },\n  );\n\n  useEffect(() => collection.init(), [collection]);\n\n  const [refSchema, setRefSchema] = useState<Schema | null>(null);\n  useEffect(() => {\n    let active = true;\n    refSource?.loadSchema().then((loaded) => {\n      if (active) {\n        setRefSchema(loaded.schema);\n      }\n    });\n    return () => {\n      active = false;\n    };\n  }, [refSource]);\n\n  const idField = refSchema?.idField;\n  const displayField = refSchema?.displayField;\n  const imageField = imageFieldOf(refSchema?.fields);\n\n  const items = useMemo(() => {\n    if (!idField || !displayField) {\n      return [];\n    }\n    return collection.result.keyedItems.map((ki) => ({\n      id: String((ki.item as RefRow)[idField] ?? ki.key),\n      name: String((ki.item as RefRow)[displayField] ?? ''),\n      image: imageField\n        ? ((ki.item as RefRow)[imageField] as string | undefined)\n        : undefined,\n    }));\n  }, [collection.result.keyedItems, idField, displayField, imageField]);\n\n  const { showInitialLoader, fixedFooter } = useFilterCollectionStates({\n    collection,\n    fixedFooter: undefined,\n  });\n\n  // Unlike EditableTable's reference cell, this field stays mounted while the\n  // overlay is open, so it can own the navigation itself. Refreshing on return\n  // forces a refetch so items added in the referenced collection show up.\n  const openReferencedCollection = useOpenCollectionOverlay({\n    collectionId: refSource?.collectionId,\n  });\n  const handleOpenCollection = useMemo(\n    () =>\n      openReferencedCollection\n        ? () =>\n            openReferencedCollection(() =>\n              collection.clearResultAndMoveToStart({ force: true }),\n            )\n        : undefined,\n    [openReferencedCollection, collection],\n  );\n\n  // A reference with no matching source entry, or before its schema resolves,\n  // can't render a picker — skip it rather than render a broken input.\n  if (!refSource || !idField || !displayField) {\n    return null;\n  }\n\n  const shared = {\n    field,\n    value: data?.[field.id] as never,\n    onChange: () => {},\n    formControl,\n    data,\n    dataHook: `entity-page-field-${field.id}`,\n    items,\n    idField,\n    displayField,\n    imageField,\n    searchValue: collection.query.search.value,\n    onSearch: (query: string) => collection.search(query),\n    onClearSearch: () => collection.clearSearch(),\n    hasMore: !showInitialLoader && !collection.fetchedLastPage,\n    loadMore: collection.fetchNextPageIfNeeded,\n    fixedFooter,\n    onOpenCollection: handleOpenCollection,\n  };\n\n  return field.type === 'MULTI_REFERENCE' ? (\n    <FormMultiReference {...shared} />\n  ) : (\n    <FormReference {...shared} />\n  );\n}\n\nconst EntityPageReferenceFieldContent = observer(_EntityPageReferenceField);\n\n// FilterTranslationProvider supplies the dropdown's loader / empty / no-results\n// texts that useFilterCollectionStates reads.\nexport const EntityPageReferenceField = (\n  props: EntityPageReferenceFieldProps,\n) => (\n  <FilterTranslationProvider>\n    <EntityPageReferenceFieldContent {...props} />\n  </FilterTranslationProvider>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ErrorState/OfflineErrorState.js

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _ErrorBoundary = require("../ErrorBoundary");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ErrorState/OfflineErrorState.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -64,7 +64,7 @@ function OfflineErrorState(props) {
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: "retry-button",
     onClick: onRetry,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/ErrorState/OfflineErrorState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_wixUiIconsCommon","_ErrorBoundary","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","offlineIllustrationPromise","Promise","resolve","then","OfflineIllustrationLazy","React","lazy","OfflineIllustration","OfflineErrorState","props","dataHook","onRetry","image","rest","translate","useWixPatternsContainer","createElement","EmptyState","_extends2","theme","title","subtitle","ErrorBoundary","fallback","__self","__source","fileName","lineNumber","columnNumber","Suspense","TextButton","onClick","prefixIcon","Refresh"],"sources":["../../../../src/components/ErrorState/OfflineErrorState.tsx"],"sourcesContent":["import React, { ReactElement, Suspense } from 'react';\nimport { EmptyState, TextButton } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { ErrorBoundary } from '../ErrorBoundary';\n\nconst offlineIllustrationPromise = import(\n  /* webpackChunkName: \"OfflineIllustration\" */ './OfflineIllustration'\n);\n\nconst OfflineIllustrationLazy = React.lazy(async () => ({\n  default: (await offlineIllustrationPromise).OfflineIllustration,\n}));\n\nexport interface OfflineErrorStateProps {\n  onRetry: () => void;\n  dataHook?: string;\n  image?: ReactElement;\n}\n\nexport function OfflineErrorState(props: OfflineErrorStateProps) {\n  const { dataHook, onRetry, image, ...rest } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <EmptyState\n      theme=\"page-no-border\"\n      dataHook={dataHook}\n      title={t('cairo.connection.error.title')}\n      subtitle={t('cairo.connection.error.text')}\n      image={\n        image ?? (\n          <ErrorBoundary fallback={null}>\n            <Suspense fallback={null}>\n              <OfflineIllustrationLazy />\n            </Suspense>\n          </ErrorBoundary>\n        )\n      }\n      {...rest}\n    >\n      <TextButton\n        dataHook=\"retry-button\"\n        onClick={onRetry}\n        prefixIcon={<Refresh />}\n      >\n        {t('cairo.error.tryAgain.cta')}\n      </TextButton>\n    </EmptyState>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_lazy","_ErrorBoundary","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","offlineIllustrationPromise","Promise","resolve","then","OfflineIllustrationLazy","React","lazy","OfflineIllustration","OfflineErrorState","props","dataHook","onRetry","image","rest","translate","useWixPatternsContainer","createElement","EmptyState","_extends2","theme","title","subtitle","ErrorBoundary","fallback","__self","__source","fileName","lineNumber","columnNumber","Suspense","TextButton","onClick","prefixIcon","Refresh"],"sources":["../../../../src/components/ErrorState/OfflineErrorState.tsx"],"sourcesContent":["import React, { ReactElement, Suspense } from 'react';\nimport { EmptyState, TextButton } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Refresh } from '@wix/wix-ui-icons-common/lazy';\nimport { ErrorBoundary } from '../ErrorBoundary';\n\nconst offlineIllustrationPromise = import(\n  /* webpackChunkName: \"OfflineIllustration\" */ './OfflineIllustration'\n);\n\nconst OfflineIllustrationLazy = React.lazy(async () => ({\n  default: (await offlineIllustrationPromise).OfflineIllustration,\n}));\n\nexport interface OfflineErrorStateProps {\n  onRetry: () => void;\n  dataHook?: string;\n  image?: ReactElement;\n}\n\nexport function OfflineErrorState(props: OfflineErrorStateProps) {\n  const { dataHook, onRetry, image, ...rest } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <EmptyState\n      theme=\"page-no-border\"\n      dataHook={dataHook}\n      title={t('cairo.connection.error.title')}\n      subtitle={t('cairo.connection.error.text')}\n      image={\n        image ?? (\n          <ErrorBoundary fallback={null}>\n            <Suspense fallback={null}>\n              <OfflineIllustrationLazy />\n            </Suspense>\n          </ErrorBoundary>\n        )\n      }\n      {...rest}\n    >\n      <TextButton\n        dataHook=\"retry-button\"\n        onClick={onRetry}\n        prefixIcon={<Refresh />}\n      >\n        {t('cairo.error.tryAgain.cta')}\n      </TextButton>\n    </EmptyState>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ExportButton/ExportButton.js

@@ -12,6 +12,7 @@ var _react2 = require("@wix/bex-core/react");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ExportButton/ExportButton.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ExportButton(props) {
@@ -42,12 +43,28 @@ function _ExportButton(props) {
   } = (0, _react2.useWixPatternsContainer)();
   const [state] = (0, _react.useState)(() => table.exportState ?? (table.exportState = new _bexCore.ModalState()));
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const exportIcon = isHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_lazy.UploadExportSmall, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 39
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_lazy.UploadExport, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 63
+    }
+  });
   (0, _react.useEffect)(() => {
     table.featuredComponents.exportModal.set(/*#__PURE__*/_react.default.createElement(_mobxReactLite.Observer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 50,
         columnNumber: 7
       }
     }, () => {
@@ -69,7 +86,7 @@ function _ExportButton(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 50,
+          lineNumber: 53,
           columnNumber: 13
         }
       });
@@ -81,7 +98,7 @@ function _ExportButton(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 72,
+            lineNumber: 75,
             columnNumber: 15
           }
         }, child);
@@ -93,7 +110,7 @@ function _ExportButton(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 83,
+          lineNumber: 86,
           columnNumber: 13
         }
       }, child);
@@ -107,25 +124,18 @@ function _ExportButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 104,
       columnNumber: 5
     }
   }, toolbarType === 'default' ? /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
     state: responsive.actions,
     dataHook: "export-button",
     onClick: state.open,
-    icon: /*#__PURE__*/_react.default.createElement(_lazy.UploadExport, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 107,
-        columnNumber: 17
-      }
-    }),
+    icon: exportIcon,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 106,
       columnNumber: 9
     }
   }, t('cairo.export.export')) : /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -133,20 +143,13 @@ function _ExportButton(props) {
     priority: "secondary",
     size: "small",
     ellipsis: true,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.UploadExport, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 117,
-        columnNumber: 23
-      }
-    }),
+    prefixIcon: exportIcon,
     dataHook: "export-button",
     onClick: state.open,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 115,
       columnNumber: 9
     }
   }, t('cairo.export.export')));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","isHarmonyTheme","useBmHarmonyTheme","exportIcon","createElement","UploadExportSmall","__self","__source","fileName","lineNumber","columnNumber","UploadExport","useEffect","featuredComponents","exportModal","Observer","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport, UploadExportSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const exportIcon = isHarmonyTheme ? <UploadExportSmall /> : <UploadExport />;\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={exportIcon}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={exportIcon}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","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_ = "Fade12935198";
+var _namespace_ = "Fade118624974";
 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": "Fade12935198__root"
+  "root": "Fade118624974__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_ = \"Fade12935198\";\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\":\"Fade12935198__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_ = \"Fade118624974\";\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\":\"Fade118624974__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":[]}