@wix/patterns 1.439.0 → 1.442.0

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain3111665307";
+var _namespace_ = "EntityPagePlain2139297974";
 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": "EntityPagePlain3111665307__root"
+  "root": "EntityPagePlain2139297974__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3111665307\";\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\":\"EntityPagePlain3111665307__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2139297974\";\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\":\"EntityPagePlain2139297974__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EntityPageCustomField = EntityPageCustomField;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _form = require("@wix/bex-core/form");
+var _buildEditableFieldColumns = require("../../state/buildEditableFieldColumns");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageCustomField.tsx";
+// Owns the react-hook-form wiring for a custom field type, so a definition's
+// form component never touches the form: it gets value/onChange and renders
+// only the input. Registration here (not in the component) also guarantees the
+// field reaches form.getValues() — an unregistered field silently drops out of
+// the save. Validation comes from the definition's value.validate, the same
+// authority the editable table runs.
+function EntityPageCustomField({
+  field,
+  formControl,
+  data,
+  definition,
+  dataHook
+}) {
+  var _definition$value, _definition$value2, _field$validation, _controller$fieldStat;
+  const validate = (_definition$value = definition.value) == null ? void 0 : _definition$value.validate;
+  const controller = (0, _form.useController)({
+    name: field.id,
+    control: formControl,
+    defaultValue: (data == null ? void 0 : data[field.id]) ?? ((_definition$value2 = definition.value) == null ? void 0 : _definition$value2.defaultValue),
+    rules: validate ? {
+      validate: value => validate(value, (0, _buildEditableFieldColumns.toValidationRules)(field)) ?? true
+    } : undefined
+  });
+  const Component = definition.form.Component;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(Component, {
+    field: field,
+    value: controller.field.value,
+    onChange: controller.field.onChange,
+    onBlur: controller.field.onBlur,
+    dataHook: dataHook && `${dataHook}-input`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 7
+    }
+  }));
+}
+//# sourceMappingURL=EntityPageCustomField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_form","_buildEditableFieldColumns","_jsxFileName","EntityPageCustomField","field","formControl","data","definition","dataHook","_definition$value","_definition$value2","_field$validation","_controller$fieldStat","validate","value","controller","useController","name","id","control","defaultValue","rules","toValidationRules","undefined","Component","form","default","createElement","FormField","label","displayName","required","validation","status","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","onChange","onBlur"],"sources":["../../../../src/components/EntityPageFields/EntityPageCustomField.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport type { Field, FieldTypeDefinition } from '@wix/bex-core';\nimport { useController, type Control } from '@wix/bex-core/form';\nimport { toValidationRules } from '../../state/buildEditableFieldColumns';\n\nexport interface EntityPageCustomFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  /** The entity — seeds the form default value. */\n  data: Record<string, unknown>;\n  /** The field's resolved definition. Must carry a `form` slot. */\n  definition: FieldTypeDefinition;\n  dataHook?: string;\n}\n\n// Owns the react-hook-form wiring for a custom field type, so a definition's\n// form component never touches the form: it gets value/onChange and renders\n// only the input. Registration here (not in the component) also guarantees the\n// field reaches form.getValues() — an unregistered field silently drops out of\n// the save. Validation comes from the definition's value.validate, the same\n// authority the editable table runs.\nexport function EntityPageCustomField({\n  field,\n  formControl,\n  data,\n  definition,\n  dataHook,\n}: EntityPageCustomFieldProps) {\n  const validate = definition.value?.validate;\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id] ?? definition.value?.defaultValue,\n    rules: validate\n      ? {\n          validate: (value) =>\n            validate(value, toValidationRules(field)) ?? true,\n        }\n      : undefined,\n  });\n  const Component = definition.form!.Component;\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <Component\n        field={field}\n        value={controller.field.value}\n        onChange={controller.field.onChange}\n        onBlur={controller.field.onBlur}\n        dataHook={dataHook && `${dataHook}-input`}\n      />\n    </FormField>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAY1E;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CAAC;EACpCC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,UAAU;EACVC;AAC0B,CAAC,EAAE;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,iBAAA,EAAAC,qBAAA;EAC7B,MAAMC,QAAQ,IAAAJ,iBAAA,GAAGF,UAAU,CAACO,KAAK,qBAAhBL,iBAAA,CAAkBI,QAAQ;EAC3C,MAAME,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAEb,KAAK,CAACc,EAAE;IACdC,OAAO,EAAEd,WAAW;IACpBe,YAAY,EAAE,CAAAd,IAAI,oBAAJA,IAAI,CAAGF,KAAK,CAACc,EAAE,CAAC,OAAAR,kBAAA,GAAIH,UAAU,CAACO,KAAK,qBAAhBJ,kBAAA,CAAkBU,YAAY;IAChEC,KAAK,EAAER,QAAQ,GACX;MACEA,QAAQ,EAAGC,KAAK,IACdD,QAAQ,CAACC,KAAK,EAAE,IAAAQ,4CAAiB,EAAClB,KAAK,CAAC,CAAC,IAAI;IACjD,CAAC,GACDmB;EACN,CAAC,CAAC;EACF,MAAMC,SAAS,GAAGjB,UAAU,CAACkB,IAAI,CAAED,SAAS;EAE5C,oBACE5B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAA6B,SAAS;IACRC,KAAK,EAAEzB,KAAK,CAAC0B,WAAY;IACzBC,QAAQ,GAAApB,iBAAA,GAAEP,KAAK,CAAC4B,UAAU,qBAAhBrB,iBAAA,CAAkBoB,QAAS;IACrCE,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGZ,SAAU;IAC1Da,aAAa,GAAAxB,qBAAA,GAAEG,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3BvB,qBAAA,CAA6ByB,OAAQ;IACpD7B,QAAQ,EAAEA,QAAS;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB9C,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACH,SAAS;IACRpB,KAAK,EAAEA,KAAM;IACbU,KAAK,EAAEC,UAAU,CAACX,KAAK,CAACU,KAAM;IAC9B6B,QAAQ,EAAE5B,UAAU,CAACX,KAAK,CAACuC,QAAS;IACpCC,MAAM,EAAE7B,UAAU,CAACX,KAAK,CAACwC,MAAO;IAChCpC,QAAQ,EAAEA,QAAQ,IAAI,GAAGA,QAAQ,QAAS;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3C,CACQ,CAAC;AAEhB","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _EntityPageReferenceField = require("./EntityPageReferenceField");
+var _EntityPageCustomField = require("./EntityPageCustomField");
 var _patternsFields = require("@wix/patterns-fields");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageField.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); }
@@ -27,14 +28,14 @@ function lazyField(load) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 44,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(Lazy, (0, _extends2.default)({}, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 45,
         columnNumber: 9
       }
     })));
@@ -59,9 +60,11 @@ const FormRichContent = lazyField(async () => ({
   default: (await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields/form-rich-content-input')))).FormRichContent
 }));
 
-// REFERENCE / MULTI_REFERENCE are not here — they need referenced-collection
-// data, so EntityPageField routes them through EntityPageReferenceField instead
-// of this dispatcher.
+// Every type renders on the entity page: REFERENCE / MULTI_REFERENCE go
+// through EntityPageReferenceField (they need referenced-collection data),
+// CUSTOM through its definition's form slot, and everything else through this
+// map. The exhaustive Record makes adding a PatternsFieldType without a form
+// renderer a compile error.
 const FIELD_INPUTS = {
   SHORT_TEXT: _patternsFields.FormShortText,
   UNKNOWN: _patternsFields.FormShortText,
@@ -86,24 +89,30 @@ const FIELD_INPUTS = {
   OBJECT: _patternsFields.FormObject,
   ADDRESS: _patternsFields.FormAddress
 };
-// Each renderer owns its own react-hook-form wiring (useController keyed on
-// field.id), so this only needs to pick the renderer and pass the field.
+// Each built-in renderer owns its own react-hook-form wiring (useController
+// keyed on field.id), so this only needs to pick the renderer and pass the
+// field. A CUSTOM field's form component gets that wiring done for it by
+// EntityPageCustomField instead.
 function EntityPageField({
   field,
   formControl,
-  data
+  data,
+  definition
 }) {
   // Reference fields need referenced-collection data, so they go through a
   // wrapper (resolves the referenced source, fetches items) rather than the
   // uniform dispatcher below.
   const isReference = field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE';
+  const customForm = field.type === 'CUSTOM' ? definition == null ? void 0 : definition.form : undefined;
   const FieldInput = FIELD_INPUTS[field.type];
-  if (!isReference && !FieldInput) {
-    // Every PatternsFieldType now maps to a renderer (UNKNOWN falls back to
-    // text), so an unmapped type means the field carries a type outside the
-    // contract. Skip it, but warn — otherwise it vanishes with no trace.
-    // eslint-disable-next-line no-console
-    console.warn(`[EntityPageField] no renderer for field "${field.id}" of type "${field.type}"; skipping.`);
+  if (!isReference && !customForm && !FieldInput) {
+    // A CUSTOM field on an entity page needs its type's `form` config — throw
+    // in development so the gap is impossible to miss. Production degrades by
+    // skipping the field instead of crashing the page. Types outside the
+    // contract have nothing to render either way.
+    if (field.type === 'CUSTOM' && process.env.NODE_ENV !== 'production') {
+      throw new Error(definition ? `The custom field type "${field.customType}" has no \`form\` config, but its field "${field.id}" renders on an entity page. Add \`form: { Component }\` to the type definition.` : `Field "${field.id}" references the custom type "${field.customType}", but the source's fieldTypes has no matching definition.`);
+    }
     return null;
   }
   const ScalarInput = FieldInput;
@@ -114,7 +123,19 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 152,
+      columnNumber: 5
+    }
+  }) : customForm ? /*#__PURE__*/_react.default.createElement(_EntityPageCustomField.EntityPageCustomField, {
+    field: field,
+    formControl: formControl,
+    data: data,
+    definition: definition,
+    dataHook: `entity-page-field-${field.id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 158,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ScalarInput, {
@@ -125,7 +146,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 166,
       columnNumber: 5
     }
   });
@@ -136,7 +157,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 175,
       columnNumber: 5
     }
   }, inner, field.helpText && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -146,7 +167,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 178,
       columnNumber: 9
     }
   }, field.helpText));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EntityPageReferenceField","_patternsFields","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyField","load","Lazy","React","lazy","LazyField","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","FormAudio","Promise","resolve","then","FormRichText","FormMultiDocument","FormDocument","FormMediaGallery","FormRichContent","FIELD_INPUTS","SHORT_TEXT","FormShortText","UNKNOWN","LONG_TEXT","FormLongText","NUMBER","FormNumber","BOOLEAN","FormCheckbox","DATE","FormDateInput","DATETIME","FormDateTime","TIME","FormTime","URL","FormUrl","EMAIL","FormEmail","COLOR","FormColor","IMAGE","FormImageInput","VIDEO","FormVideo","AUDIO","MEDIA_GALLERY","RICH_TEXT","RICH_CONTENT","DOCUMENT","MULTI_DOCUMENT","ARRAY","FormArray","OBJECT","FormObject","ADDRESS","FormAddress","EntityPageField","field","formControl","data","isReference","type","FieldInput","console","warn","id","ScalarInput","inner","EntityPageReferenceField","dataHook","Box","direction","gap","width","helpText","Text","size","secondary"],"sources":["../../../../src/components/EntityPageFields/EntityPageField.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport type { Field, PatternsFieldType } from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { EntityPageReferenceField } from './EntityPageReferenceField';\nimport {\n  FormShortText,\n  FormLongText,\n  FormNumber,\n  FormCheckbox,\n  FormDateInput,\n  FormDateTime,\n  FormTime,\n  FormUrl,\n  FormEmail,\n  FormColor,\n  FormImageInput,\n  FormVideo,\n  FormArray,\n  FormObject,\n  FormAddress,\n} from '@wix/patterns-fields';\n\n// Heavy renderers pull large editors (Ricos, draft-js) and media SDKs\n// (@wix/media). Loading them lazily keeps that weight out of the @wix/patterns\n// main bundle — it moves into an async chunk fetched only when an entity page\n// first renders a field of that type. @wix/patterns-fields is side-effect-free,\n// so a dynamic import of one heavy export splits into its own chunk even though\n// the light renderers above are imported statically from the same package.\n// FormDocument, FormMediaGallery, and FormRichContent are not on the package\n// main entry — they ship from their own subpaths. Mirrors the FieldCell.tsx\n// pattern.\nfunction lazyField<P extends object>(\n  load: () => Promise<{ default: React.ComponentType<P> }>,\n) {\n  const Lazy = React.lazy(load);\n  return function LazyField(props: P) {\n    return (\n      <Suspense fallback={null}>\n        <Lazy {...props} />\n      </Suspense>\n    );\n  };\n}\n\nconst FormAudio = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormAudio,\n}));\nconst FormRichText = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormRichText,\n}));\nconst FormMultiDocument = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormMultiDocument,\n}));\nconst FormDocument = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-document-field'))\n    .FormDocument,\n}));\nconst FormMediaGallery = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-media-gallery-field'))\n    .FormMediaGallery,\n}));\nconst FormRichContent = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-rich-content-input'))\n    .FormRichContent,\n}));\n\n// REFERENCE / MULTI_REFERENCE are not here — they need referenced-collection\n// data, so EntityPageField routes them through EntityPageReferenceField instead\n// of this dispatcher.\nconst FIELD_INPUTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: FormShortText,\n  UNKNOWN: FormShortText,\n  LONG_TEXT: FormLongText,\n  NUMBER: FormNumber,\n  BOOLEAN: FormCheckbox,\n  DATE: FormDateInput,\n  DATETIME: FormDateTime,\n  TIME: FormTime,\n  URL: FormUrl,\n  EMAIL: FormEmail,\n  COLOR: FormColor,\n  IMAGE: FormImageInput,\n  VIDEO: FormVideo,\n  AUDIO: FormAudio,\n  MEDIA_GALLERY: FormMediaGallery,\n  RICH_TEXT: FormRichText,\n  RICH_CONTENT: FormRichContent,\n  DOCUMENT: FormDocument,\n  MULTI_DOCUMENT: FormMultiDocument,\n  ARRAY: FormArray,\n  OBJECT: FormObject,\n  ADDRESS: FormAddress,\n};\n\nexport interface EntityPageFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  /** The entity, used by each renderer to seed its form default value. */\n  data: Record<string, unknown>;\n}\n\n// Each renderer owns its own react-hook-form wiring (useController keyed on\n// field.id), so this only needs to pick the renderer and pass the field.\nexport function EntityPageField({\n  field,\n  formControl,\n  data,\n}: EntityPageFieldProps) {\n  // Reference fields need referenced-collection data, so they go through a\n  // wrapper (resolves the referenced source, fetches items) rather than the\n  // uniform dispatcher below.\n  const isReference =\n    field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE';\n  const FieldInput = FIELD_INPUTS[field.type];\n\n  if (!isReference && !FieldInput) {\n    // Every PatternsFieldType now maps to a renderer (UNKNOWN falls back to\n    // text), so an unmapped type means the field carries a type outside the\n    // contract. Skip it, but warn — otherwise it vanishes with no trace.\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[EntityPageField] no renderer for field \"${field.id}\" of type \"${field.type}\"; skipping.`,\n    );\n    return null;\n  }\n\n  const ScalarInput = FieldInput as React.ComponentType<any>;\n  const inner = isReference ? (\n    <EntityPageReferenceField\n      field={field}\n      formControl={formControl}\n      data={data}\n    />\n  ) : (\n    <ScalarInput\n      field={field}\n      formControl={formControl}\n      data={data}\n      dataHook={`entity-page-field-${field.id}`}\n    />\n  );\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\" width=\"100%\">\n      {inner}\n      {field.helpText && (\n        <Text\n          size=\"small\"\n          secondary\n          dataHook={`entity-page-field-${field.id}-help-text`}\n        >\n          {field.helpText}\n        </Text>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EntityPageReferenceField","_EntityPageCustomField","_patternsFields","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyField","load","Lazy","React","lazy","LazyField","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","FormAudio","Promise","resolve","then","FormRichText","FormMultiDocument","FormDocument","FormMediaGallery","FormRichContent","FIELD_INPUTS","SHORT_TEXT","FormShortText","UNKNOWN","LONG_TEXT","FormLongText","NUMBER","FormNumber","BOOLEAN","FormCheckbox","DATE","FormDateInput","DATETIME","FormDateTime","TIME","FormTime","URL","FormUrl","EMAIL","FormEmail","COLOR","FormColor","IMAGE","FormImageInput","VIDEO","FormVideo","AUDIO","MEDIA_GALLERY","RICH_TEXT","RICH_CONTENT","DOCUMENT","MULTI_DOCUMENT","ARRAY","FormArray","OBJECT","FormObject","ADDRESS","FormAddress","EntityPageField","field","formControl","data","definition","isReference","type","customForm","form","undefined","FieldInput","process","env","NODE_ENV","Error","customType","id","ScalarInput","inner","EntityPageReferenceField","EntityPageCustomField","dataHook","Box","direction","gap","width","helpText","Text","size","secondary"],"sources":["../../../../src/components/EntityPageFields/EntityPageField.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport type {\n  Field,\n  FieldTypeDefinition,\n  PatternsFieldType,\n} from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { EntityPageReferenceField } from './EntityPageReferenceField';\nimport { EntityPageCustomField } from './EntityPageCustomField';\nimport {\n  FormShortText,\n  FormLongText,\n  FormNumber,\n  FormCheckbox,\n  FormDateInput,\n  FormDateTime,\n  FormTime,\n  FormUrl,\n  FormEmail,\n  FormColor,\n  FormImageInput,\n  FormVideo,\n  FormArray,\n  FormObject,\n  FormAddress,\n} from '@wix/patterns-fields';\n\n// Heavy renderers pull large editors (Ricos, draft-js) and media SDKs\n// (@wix/media). Loading them lazily keeps that weight out of the @wix/patterns\n// main bundle — it moves into an async chunk fetched only when an entity page\n// first renders a field of that type. @wix/patterns-fields is side-effect-free,\n// so a dynamic import of one heavy export splits into its own chunk even though\n// the light renderers above are imported statically from the same package.\n// FormDocument, FormMediaGallery, and FormRichContent are not on the package\n// main entry — they ship from their own subpaths. Mirrors the FieldCell.tsx\n// pattern.\nfunction lazyField<P extends object>(\n  load: () => Promise<{ default: React.ComponentType<P> }>,\n) {\n  const Lazy = React.lazy(load);\n  return function LazyField(props: P) {\n    return (\n      <Suspense fallback={null}>\n        <Lazy {...props} />\n      </Suspense>\n    );\n  };\n}\n\nconst FormAudio = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormAudio,\n}));\nconst FormRichText = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormRichText,\n}));\nconst FormMultiDocument = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormMultiDocument,\n}));\nconst FormDocument = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-document-field'))\n    .FormDocument,\n}));\nconst FormMediaGallery = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-media-gallery-field'))\n    .FormMediaGallery,\n}));\nconst FormRichContent = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-rich-content-input'))\n    .FormRichContent,\n}));\n\n// Every type renders on the entity page: REFERENCE / MULTI_REFERENCE go\n// through EntityPageReferenceField (they need referenced-collection data),\n// CUSTOM through its definition's form slot, and everything else through this\n// map. The exhaustive Record makes adding a PatternsFieldType without a form\n// renderer a compile error.\nconst FIELD_INPUTS: Record<\n  Exclude<PatternsFieldType, 'REFERENCE' | 'MULTI_REFERENCE' | 'CUSTOM'>,\n  React.ComponentType<any>\n> = {\n  SHORT_TEXT: FormShortText,\n  UNKNOWN: FormShortText,\n  LONG_TEXT: FormLongText,\n  NUMBER: FormNumber,\n  BOOLEAN: FormCheckbox,\n  DATE: FormDateInput,\n  DATETIME: FormDateTime,\n  TIME: FormTime,\n  URL: FormUrl,\n  EMAIL: FormEmail,\n  COLOR: FormColor,\n  IMAGE: FormImageInput,\n  VIDEO: FormVideo,\n  AUDIO: FormAudio,\n  MEDIA_GALLERY: FormMediaGallery,\n  RICH_TEXT: FormRichText,\n  RICH_CONTENT: FormRichContent,\n  DOCUMENT: FormDocument,\n  MULTI_DOCUMENT: FormMultiDocument,\n  ARRAY: FormArray,\n  OBJECT: FormObject,\n  ADDRESS: FormAddress,\n};\n\nexport interface EntityPageFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  /** The entity, used by each renderer to seed its form default value. */\n  data: Record<string, unknown>;\n  /** The field type definition a CUSTOM field resolved on its source. */\n  definition?: FieldTypeDefinition;\n}\n\n// Each built-in renderer owns its own react-hook-form wiring (useController\n// keyed on field.id), so this only needs to pick the renderer and pass the\n// field. A CUSTOM field's form component gets that wiring done for it by\n// EntityPageCustomField instead.\nexport function EntityPageField({\n  field,\n  formControl,\n  data,\n  definition,\n}: EntityPageFieldProps) {\n  // Reference fields need referenced-collection data, so they go through a\n  // wrapper (resolves the referenced source, fetches items) rather than the\n  // uniform dispatcher below.\n  const isReference =\n    field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE';\n  const customForm = field.type === 'CUSTOM' ? definition?.form : undefined;\n  const FieldInput = FIELD_INPUTS[field.type as keyof typeof FIELD_INPUTS] as\n    | React.ComponentType<any>\n    | undefined;\n\n  if (!isReference && !customForm && !FieldInput) {\n    // A CUSTOM field on an entity page needs its type's `form` config — throw\n    // in development so the gap is impossible to miss. Production degrades by\n    // skipping the field instead of crashing the page. Types outside the\n    // contract have nothing to render either way.\n    if (field.type === 'CUSTOM' && process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        definition\n          ? `The custom field type \"${field.customType}\" has no \\`form\\` config, but its field \"${field.id}\" renders on an entity page. Add \\`form: { Component }\\` to the type definition.`\n          : `Field \"${field.id}\" references the custom type \"${field.customType}\", but the source's fieldTypes has no matching definition.`,\n      );\n    }\n    return null;\n  }\n\n  const ScalarInput = FieldInput as React.ComponentType<any>;\n  const inner = isReference ? (\n    <EntityPageReferenceField\n      field={field}\n      formControl={formControl}\n      data={data}\n    />\n  ) : customForm ? (\n    <EntityPageCustomField\n      field={field}\n      formControl={formControl}\n      data={data}\n      definition={definition!}\n      dataHook={`entity-page-field-${field.id}`}\n    />\n  ) : (\n    <ScalarInput\n      field={field}\n      formControl={formControl}\n      data={data}\n      dataHook={`entity-page-field-${field.id}`}\n    />\n  );\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\" width=\"100%\">\n      {inner}\n      {field.helpText && (\n        <Text\n          size=\"small\"\n          secondary\n          dataHook={`entity-page-field-${field.id}-help-text`}\n        >\n          {field.helpText}\n        </Text>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,6 +6,7 @@ exports.EntityPageFields = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
+var _bexCore = require("@wix/bex-core");
 var _providers = require("@wix/patterns-fields/providers");
 var _providers2 = require("../../providers");
 var _resolveEntityPageFields = require("../../state/EntityPage/resolveEntityPageFields");
@@ -40,7 +41,7 @@ function _EntityPageFields({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 45,
         columnNumber: 12
       }
     });
@@ -55,21 +56,27 @@ function _EntityPageFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 56,
       columnNumber: 5
     }
-  }, fields.map(field => /*#__PURE__*/_react.default.createElement(_EntityPageField.EntityPageField, {
-    key: field.id,
-    field: field,
-    formControl: state.form.control,
-    data: data,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 57,
-      columnNumber: 9
-    }
-  })));
+  }, fields.map(field => {
+    var _state$schemaSource;
+    return /*#__PURE__*/_react.default.createElement(_EntityPageField.EntityPageField, {
+      key: field.id,
+      field: field,
+      formControl: state.form.control,
+      data: data,
+      definition: (0, _bexCore.resolveFieldTypeDefinition)({
+        fieldTypes: (_state$schemaSource = state.schemaSource) == null ? void 0 : _state$schemaSource.fieldTypes
+      }, field),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 58,
+        columnNumber: 9
+      }
+    });
+  }));
 }
 
 // Before the schema loads we don't know the real field count, so default to a
@@ -83,7 +90,7 @@ function FieldsSkeleton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 78,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -93,7 +100,7 @@ function FieldsSkeleton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 79,
       columnNumber: 7
     }
   }, Array.from({
@@ -106,7 +113,7 @@ function FieldsSkeleton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 81,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -114,7 +121,7 @@ function FieldsSkeleton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 82,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
@@ -122,7 +129,7 @@ function FieldsSkeleton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 83,
       columnNumber: 13
     }
   })))));

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_bexCore","_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","_state$schemaSource","EntityPageField","key","id","formControl","form","control","definition","resolveFieldTypeDefinition","fieldTypes","schemaSource","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 { resolveFieldTypeDefinition } from '@wix/bex-core';\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          definition={resolveFieldTypeDefinition(\n            { fieldTypes: state.schemaSource?.fieldTypes },\n            field,\n          )}\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":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,wBAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAAoD,IAAAQ,YAAA;AAQpD;AACA;AACA;AACA,SAASC,iBAAiBA,CAAC;EACzBC,QAAQ,GAAG,oBAAoB;EAC/BC;AACqB,CAAC,EAAE;EACxB,MAAMC,KAAK,GAAG,IAAAC,gCAAoB,EAAC,CAAC;EACpC,MAAMC,eAAe,GAAG,IAAAC,wCAA6B,EAAC,CAAC;EACvD,MAAM;IAAEC;EAAO,CAAC,GAAGJ,KAAK;;EAExB;EACA;EACA;EACA,IAAI,CAACE,eAAe,EAAE;IACpB,MAAM,IAAIG,KAAK,CACb,oHACF,CAAC;EACH;;EAEA;EACA;EACA;EACA,IAAI,CAACD,MAAM,IAAIJ,KAAK,CAACM,QAAQ,CAACC,MAAM,CAACC,SAAS,EAAE;IAC9C,oBAAOtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACC,cAAc;MAACC,KAAK,EAAEb,QAAQ,oBAARA,QAAQ,CAAEc,MAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACpD;EAEA,MAAMC,MAAM,GAAG,IAAAC,gDAAuB,EACpChB,MAAM,CAACe,MAAM,EACbf,MAAM,CAACiB,OAAO,EACdtB,QACF,CAAC;EACD,MAAMuB,IAAI,GAAItB,KAAK,CAACuB,MAAM,IAAI,CAAC,CAA6B;EAE5D,oBACErC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAACC,KAAK,EAAC,MAAM;IAAC7B,QAAQ,EAAEA,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACjEC,MAAM,CAACS,GAAG,CAAEC,KAAK;IAAA,IAAAC,mBAAA;IAAA,oBAChB5C,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACf,gBAAA,CAAAoC,eAAe;MACdC,GAAG,EAAEH,KAAK,CAACI,EAAG;MACdJ,KAAK,EAAEA,KAAM;MACbK,WAAW,EAAElC,KAAK,CAACmC,IAAI,CAACC,OAAQ;MAChCd,IAAI,EAAEA,IAAK;MACXe,UAAU,EAAE,IAAAC,mCAA0B,EACpC;QAAEC,UAAU,GAAAT,mBAAA,GAAE9B,KAAK,CAACwC,YAAY,qBAAlBV,mBAAA,CAAoBS;MAAW,CAAC,EAC9CV,KACF,CAAE;MAAAf,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CAAC;EAAA,CACH,CACE,CAAC;AAEV;;AAEA;AACA;AACA,SAASP,cAAcA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EACrD,MAAM6B,IAAI,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE/B,KAAK,IAAI,CAAC,CAAC;EACpC,oBACE1B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAuD,aAAa;IAAC9C,QAAQ,EAAC,6BAA6B;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnDhC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAACC,KAAK,EAAC,MAAM;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7C2B,KAAK,CAACC,IAAI,CAAC;IAAEjC,MAAM,EAAE4B;EAAK,CAAC,EAAE,CAACM,CAAC,EAAEC,CAAC,kBACjC9D,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmC,GAAG;IAACQ,GAAG,EAAEgB,CAAE;IAACvB,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAACC,KAAK,EAAC,MAAM;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtDhC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAA4D,YAAY;IAACtB,KAAK,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAC5BhC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAA6D,iBAAiB;IAACC,MAAM,EAAC,MAAM;IAAArC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/B,CACN,CACE,CACQ,CAAC;AAEpB;AAEO,MAAMkC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACzD,iBAAiB,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_ = "Fade3551598244";
+var _namespace_ = "Fade3113810";
 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": "Fade3551598244__root"
+  "root": "Fade3113810__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_ = \"Fade3551598244\";\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\":\"Fade3551598244__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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_ = \"Fade3113810\";\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\":\"Fade3113810__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,aAAa;AAC/B,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;AAAmB,CAAC;AAC1C,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/Heading/Heading.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_ = "Heading1298458225";
+var _namespace_ = "Heading2071736915";
 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": "Heading1298458225__root"
+  "root": "Heading2071736915__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1298458225\";\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\":\"Heading1298458225__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2071736915\";\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\":\"Heading2071736915__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ImportStepUpload1306831329";
+var _namespace_ = "ImportStepUpload4181201003";
 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": "ImportStepUpload1306831329__root",
-  "fileUpload": "ImportStepUpload1306831329__fileUpload"
+  "root": "ImportStepUpload4181201003__root",
+  "fileUpload": "ImportStepUpload4181201003__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload1306831329\";\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\":\"ImportStepUpload1306831329__root\",\"fileUpload\":\"ImportStepUpload1306831329__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload4181201003\";\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\":\"ImportStepUpload4181201003__root\",\"fileUpload\":\"ImportStepUpload4181201003__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/InputOverflow/InputOverflow.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_ = "InputOverflow3299400905";
+var _namespace_ = "InputOverflow3264620897";
 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": "InputOverflow3299400905__root"
+  "root": "InputOverflow3264620897__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3299400905\";\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\":\"InputOverflow3299400905__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3264620897\";\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\":\"InputOverflow3264620897__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow3346218011";
+var _namespace_ = "LoadingRow2975330959";
 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": "LoadingRow3346218011__root"
+  "root": "LoadingRow2975330959__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow3346218011__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow2975330959__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow3346218011\";\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\":\"LoadingRow3346218011__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3346218011__gradientSwoosh\"}; \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;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2975330959\";\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\":\"LoadingRow2975330959__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2975330959__gradientSwoosh\"}; \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;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText145854489";
+var _namespace_ = "MaxHeightText3103739714";
 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": "MaxHeightText145854489__root"
+  "root": "MaxHeightText3103739714__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};