@wix/patterns 1.385.0 → 1.387.0

package/dist/esm/components/CmsFieldManagement/Sections/ValidationSubSection.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box } from '@wix/design-system';
+import { RequiredToggle } from '../formFields/RequiredToggle';
+import { CharactersLimitInput } from '../formFields/CharactersLimitInput';
+const _ValidationSubSection = ({ state }) => {
+    const { supportedValidationRules, fieldRules } = state;
+    return (React.createElement(Box, { direction: "vertical", gap: "SP4" }, supportedValidationRules.map((rule) => {
+        if (rule === 'required') {
+            return (React.createElement(RequiredToggle, { key: "required", label: "Required", checked: Boolean(fieldRules.validationRules.required), onChange: (v) => state.setValidationRule('required', v) }));
+        }
+        if (rule === 'charactersLimit') {
+            return (React.createElement(CharactersLimitInput, { key: "charactersLimit", minLabel: "Min characters", maxLabel: "Max characters", value: fieldRules.validationRules.charactersLimit ?? {}, onChange: (v) => state.setValidationRule('charactersLimit', v) }));
+        }
+        return null;
+    })));
+};
+export const ValidationSubSection = observer(_ValidationSubSection);
+//# sourceMappingURL=ValidationSubSection.js.map

package/dist/esm/components/CmsFieldManagement/Sections/ValidationSubSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationSubSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAM1E,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACjD,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,wBAAwB,CAAC,GAAG,CAAC,CAAC,IAAoB,EAAE,EAAE;QACrD,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,EACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,GACvD,CACH,CAAC;SACH;QACD,IAAI,IAAI,KAAK,iBAAiB,EAAE;YAC9B,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAC,iBAAiB,EACrB,QAAQ,EAAC,gBAAgB,EACzB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EACF,UAAU,CAAC,eAAe,CAAC,eAEd,IAAI,EAAE,EAEtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC,CAAC,GAC9D,CACH,CAAC;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/fieldTypeUtils.js

@@ -0,0 +1,9 @@
+const SELECTABLE_FIELD_TYPES = new Set([
+    'SHORT_TEXT',
+    'NUMBER',
+    'BOOLEAN',
+    'DATE',
+]);
+export const isSelectableFieldType = (t) => SELECTABLE_FIELD_TYPES.has(t);
+export const isPIISupportedByFieldType = (t) => t === 'SHORT_TEXT';
+//# sourceMappingURL=fieldTypeUtils.js.map

package/dist/esm/components/CmsFieldManagement/fieldTypeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldTypeUtils.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/fieldTypeUtils.ts"],"names":[],"mappings":"AAGA,MAAM,sBAAsB,GAAG,IAAI,GAAG,CAAoB;IACxD,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,MAAM;CACP,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,CAAoB,EACO,EAAE,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAE9D,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,CAAmC,EAC1B,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC"}

package/dist/esm/components/CmsFieldManagement/fieldValidationRulesMap.js

@@ -0,0 +1,13 @@
+// Sourced from cms-web packages/auto-cms-field-types/src/field-types-metadata.json validations[] per type.
+//
+// TODO: cross-check this map against cms-web before GA. The ValidationSection UI in Phase 3 renders
+// rule inputs based on this map — a wrong entry surfaces as the wrong set of inputs for a field type.
+// Updating this file is the single place to fix any mismatch; no downstream changes required.
+const fieldValidationRulesMap = {
+    SHORT_TEXT: ['required', 'charactersLimit'],
+    NUMBER: ['required'],
+    BOOLEAN: ['required'],
+    DATE: ['required'],
+};
+export const getFieldTypeValidationRulesList = (t) => fieldValidationRulesMap[t] ?? [];
+//# sourceMappingURL=fieldValidationRulesMap.js.map

package/dist/esm/components/CmsFieldManagement/fieldValidationRulesMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldValidationRulesMap.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/fieldValidationRulesMap.ts"],"names":[],"mappings":"AAEA,2GAA2G;AAC3G,EAAE;AACF,oGAAoG;AACpG,sGAAsG;AACtG,8FAA8F;AAC9F,MAAM,uBAAuB,GAC3B;IACE,UAAU,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAC3C,MAAM,EAAE,CAAC,UAAU,CAAC;IACpB,OAAO,EAAE,CAAC,UAAU,CAAC;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEJ,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAC7C,CAAuB,EACL,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Box, FormField, NumberInput } from '@wix/design-system';
+export const CharactersLimitInput = ({ minLabel, maxLabel, value, onChange, }) => (React.createElement(Box, { gap: "SP3" },
+    React.createElement(FormField, { label: minLabel },
+        React.createElement(NumberInput, { value: value.minLength, onChange: (v) => onChange({ ...value, minLength: v ?? undefined }), min: 0 })),
+    React.createElement(FormField, { label: maxLabel },
+        React.createElement(NumberInput, { value: value.maxLength, onChange: (v) => onChange({ ...value, maxLength: v ?? undefined }), min: 0 }))));
+//# sourceMappingURL=CharactersLimitInput.js.map

package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharactersLimitInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAUjE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,GACkB,EAAE,EAAE,CAAC,CAC/B,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;IACZ,oBAAC,SAAS,IAAC,KAAK,EAAE,QAAQ;QACxB,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAClE,GAAG,EAAE,CAAC,GACN,CACQ;IACZ,oBAAC,SAAS,IAAC,KAAK,EAAE,QAAQ;QACxB,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAClE,GAAG,EAAE,CAAC,GACN,CACQ,CACR,CACP,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldNameInput.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FormField, Input } from '@wix/design-system';
+export const FieldNameInput = ({ label, value, onChange, onBlur, error, }) => (React.createElement(FormField, { required: true, label: label, status: error ? 'error' : undefined, statusMessage: error },
+    React.createElement(Input, { value: value, onChange: (e) => onChange(e.target.value), onBlur: onBlur })));
+//# sourceMappingURL=FieldNameInput.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldNameInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldNameInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACe,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,CACQ,CACb,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldPiiToggle.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FormField, ToggleSwitch } from '@wix/design-system';
+export const FieldPiiToggle = ({ label, checked, onChange, disabled, }) => (React.createElement(FormField, { label: label },
+    React.createElement(ToggleSwitch, { checked: checked, onChange: (e) => onChange(e.target.checked), disabled: disabled })));
+//# sourceMappingURL=FieldPiiToggle.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldPiiToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPiiToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAS7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK;IACrB,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldTypeSelect.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Dropdown, FormField } from '@wix/design-system';
+// TODO: confirm selectable subset vs cms-web
+const SELECTABLE_TYPES = [
+    'SHORT_TEXT',
+    'NUMBER',
+    'BOOLEAN',
+    'DATE',
+];
+// TODO: replace with translation keys cairo.cms.field.type.option.*
+const FIELD_TYPE_LABELS = {
+    SHORT_TEXT: 'Short Text',
+    NUMBER: 'Number',
+    BOOLEAN: 'True/False',
+    DATE: 'Date',
+};
+const OPTIONS = SELECTABLE_TYPES.map((t) => ({
+    id: t,
+    value: FIELD_TYPE_LABELS[t] ?? t,
+}));
+export const FieldTypeSelect = ({ label, value, onChange, disabled, error, }) => (React.createElement(FormField, { required: true, label: label, status: error ? 'error' : undefined, statusMessage: error },
+    React.createElement(Dropdown, { popoverProps: { zIndex: 10000, appendTo: 'window' }, options: OPTIONS, selectedId: value, onSelect: (option) => onChange(option.id), disabled: disabled })));
+//# sourceMappingURL=FieldTypeSelect.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldTypeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTypeSelect.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGzD,6CAA6C;AAC7C,MAAM,gBAAgB,GAA2B;IAC/C,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,MAAM;CACP,CAAC;AAEF,oEAAoE;AACpE,MAAM,iBAAiB,GAA2B;IAChD,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,EAAE,EAAE,CAAC;IACL,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC;CACjC,CAAC,CAAC,CAAC;AAUJ,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GACgB,EAAE,EAAE,CAAC,CAC1B,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,QAAQ,IACP,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACnD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA0B,CAAC,EACjE,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/RequiredToggle.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { Checkbox } from '@wix/design-system';
+export const RequiredToggle = ({ label, checked, onChange, }) => (React.createElement(Checkbox, { checked: checked, onChange: () => onChange(!checked) }, label));
+//# sourceMappingURL=RequiredToggle.js.map

package/dist/esm/components/CmsFieldManagement/formFields/RequiredToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/RequiredToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAC3D,KAAK,CACG,CACZ,CAAC"}

package/dist/esm/components/CmsFieldManagement/index.js

@@ -0,0 +1,2 @@
+export { CmsFormState } from './CmsFormState';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CmsFieldManagement/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/components/CmsFieldManagement/toFieldSpec.js

@@ -0,0 +1,23 @@
+export const toFieldSpec = (properties, rules) => {
+    const { type, name, isPii, helpText } = properties;
+    const { validationRules } = rules;
+    const trimmedHelpText = helpText.trim();
+    const hasRules = validationRules.required !== undefined ||
+        validationRules.charactersLimit !== undefined;
+    const validation = hasRules
+        ? {
+            required: Boolean(validationRules.required),
+            ...(validationRules.charactersLimit !== undefined && {
+                stringLengthRange: validationRules.charactersLimit,
+            }),
+        }
+        : undefined;
+    return {
+        type,
+        displayName: name.trim(),
+        ...(isPii && { isPii: true }),
+        ...(trimmedHelpText && { helpText: trimmedHelpText }),
+        ...(validation && { validation }),
+    };
+};
+//# sourceMappingURL=toFieldSpec.js.map

package/dist/esm/components/CmsFieldManagement/toFieldSpec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toFieldSpec.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/toFieldSpec.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,UAA2B,EAC3B,KAAiB,EACN,EAAE;IACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC;IACnD,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IAExC,MAAM,QAAQ,GACZ,eAAe,CAAC,QAAQ,KAAK,SAAS;QACtC,eAAe,CAAC,eAAe,KAAK,SAAS,CAAC;IAEhD,MAAM,UAAU,GAAoC,QAAQ;QAC1D,CAAC,CAAC;YACE,QAAQ,EAAE,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC;YAC3C,GAAG,CAAC,eAAe,CAAC,eAAe,KAAK,SAAS,IAAI;gBACnD,iBAAiB,EACf,eAAe,CAAC,eAAoC;aACvD,CAAC;SACH;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,IAAI;QACJ,WAAW,EAAE,IAAI,CAAC,IAAI,EAAE;QACxB,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;QAC7B,GAAG,CAAC,eAAe,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;QACrD,GAAG,CAAC,UAAU,IAAI,EAAE,UAAU,EAAE,CAAC;KAClC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/CmsFieldManagement/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse1113190780";
+var _namespace_ = "Collapse1428355442";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse1113190780__root", "exit": "Collapse1113190780__exit" };
+export var classes = { "root": "Collapse1428355442__root", "exit": "Collapse1428355442__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage455754444";
+var _namespace_ = "CollectionPage163861846";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPage455754444__root" };
+export var classes = { "root": "CollectionPage163861846__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionSectionHeader3073258850";
+var _namespace_ = "CollectionSectionHeader1525580931";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionSectionHeader3073258850__root", "summaryIcon": "CollectionSectionHeader3073258850__summaryIcon" };
+export var classes = { "root": "CollectionSectionHeader1525580931__root", "summaryIcon": "CollectionSectionHeader1525580931__summaryIcon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTable1396111857";
+var _namespace_ = "CollectionTable3451955868";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTable1396111857__root" };
+export var classes = { "root": "CollectionTable3451955868__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTableWSRTable1901056584";
+var _namespace_ = "CollectionTableWSRTable1169438468";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTableWSRTable1901056584__root" };
+export var classes = { "root": "CollectionTableWSRTable1169438468__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar3080676970";
+var _namespace_ = "CollectionToolbar2177108671";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar3080676970__root", "left": "CollectionToolbar3080676970__left", "right": "CollectionToolbar3080676970__right", "fullWidth": "CollectionToolbar3080676970__fullWidth" };
+export var classes = { "root": "CollectionToolbar2177108671__root", "left": "CollectionToolbar2177108671__left", "right": "CollectionToolbar2177108671__right", "fullWidth": "CollectionToolbar2177108671__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter2278398807";
+var _namespace_ = "SearchOrCustomFilter1260543788";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter2278398807__root", "search": "SearchOrCustomFilter2278398807__search", "searchMobile": "SearchOrCustomFilter2278398807__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter1260543788__root", "search": "SearchOrCustomFilter1260543788__search", "searchMobile": "SearchOrCustomFilter1260543788__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly3931859033";
+var _namespace_ = "AutoCompleteReadonly14725273";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly3931859033__root" };
+export var classes = { "root": "AutoCompleteReadonly14725273__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oCAAoC,EAAC,CAAC;AACnE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown1331904690";
+var _namespace_ = "ViewsDropdown2478443290";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown1331904690__root" };
+export var classes = { "root": "ViewsDropdown2478443290__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js

@@ -1,4 +1,4 @@
-import { Box, SidePanel } from '@wix/design-system';
+import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';
 import React, { useEffect } from 'react';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
@@ -8,7 +8,7 @@ import { CustomColumnsNoResults } from './CustomColumnsNoResults';
 import { useRafRender } from '../../hooks/useRafRender';
 import { ScrollableContent } from '../ScrollableContent';
 import { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';
-import { useSchemaContext } from '../../providers/SchemaContext';
+import { useSchemaContext } from '../../providers';
 export function _CustomColumnsPanel({ state, }) {
     const entered = useRafRender();
     const { translate: t } = useWixPatternsContainer();
@@ -49,7 +49,11 @@ export function _CustomColumnsPanel({ state, }) {
                     ?.CustomColumnsArchivedItemsCTAButton && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, { dataExtension: collectionDataExtension.dataExtension, onCloseSidePanel: () => state.onClose(), dataHook: "custom-columns" })),
             React.createElement(ColumnsList, { state: state })))),
         collectionDataExtension?.DataExtension
-            ?.CustomColumnsAddCustomFieldCTAButton && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, null))));
+            ?.CustomColumnsAddCustomFieldCTAButton && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, null)),
+        schemaCtx?.addField && (React.createElement(Box, { direction: "vertical", width: "100%" },
+            React.createElement(Divider, { direction: "horizontal" }),
+            React.createElement(Box, { padding: "SP4", width: "100%", boxSizing: "border-box", direction: "vertical" },
+                React.createElement(AddItem, { dataHook: "custom-columns-schema-add-field", onClick: schemaCtx.addField }, t('cairo.customFields.addCustomField.CTA')))))));
 }
 export const CustomColumnsPanel = observer(_CustomColumnsPanel);
 //# sourceMappingURL=CustomColumnsPanel.js.map

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomColumnsPanel.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAMjE,MAAM,UAAU,mBAAmB,CAA0B,EAC3D,KAAK,GACyB;IAC9B,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,EAAE,WAAW,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC;IACrC,MAAM,UAAU,GAAG,CAAC,CAAC,uBAAuB,IAAI,QAAQ,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IACzE,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;IACjD,MAAM,oBAAoB,GAAG,CAAC,CAAC,uBAAuB,CAAC;IAEvD,uEAAuE;IACvE,MAAM,gBAAgB,GAAG,oBAAoB,IAAI,YAAY,GAAG,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,UAAU;QACzB,CAAC,CAAC,iCAAiC;QACnC,CAAC,CAAC,kCAAkC,CAAC;IACvC,MAAM,WAAW,GAAG,UAAU;QAC5B,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,gDAAgD;YAClD,CAAC,CAAC,oCAAoC;QACxC,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,iDAAiD;YACnD,CAAC,CAAC,qCAAqC,CAAC;IAE1C,OAAO,CACL,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,sBAAsB,EAC/B,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE;QAE9B,oBAAC,SAAS,CAAC,MAAM,IAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,IAC3D,gBAAgB,IAAI,CACnB,oBAAC,GAAG,IAAC,OAAO,EAAC,eAAe;YAC1B,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,CACjC,CACP,CACgB;QACnB,oBAAC,iBAAiB,IAChB,SAAS,QACT,QAAQ,EAAC,uCAAuC,EAChD,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;gBACT,IAAI,KAAK,CAAC,WAAW,EAAE;oBACrB,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;iBACxC;YACH,CAAC,IAEA,cAAc,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrC,oBAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,GAAI,CACzC,CAAC,CAAC,CAAC,CACF;YACG,uBAAuB,EAAE,aAAa,EAAE,oBAAoB;gBAC3D,uBAAuB,EAAE,aAAa;oBACpC,EAAE,mCAAmC,IAAI,CACzC,oBAAC,uBAAuB,CAAC,aAAa,CAAC,mCAAmC,IACxE,aAAa,EAAE,uBAAuB,CAAC,aAAa,EACpD,gBAAgB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EACvC,QAAQ,EAAC,gBAAgB,GACzB,CACH;YACH,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,CAC5B,CACJ,CACiB;QACnB,uBAAuB,EAAE,aAAa;YACrC,EAAE,oCAAoC,IAAI,CAC1C,oBAAC,uBAAuB,CAAC,aAAa,CAAC,oCAAoC,OAAG,CAC/E,CACiB,CACrB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"CustomColumnsPanel.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1172498488";
+var _namespace_ = "DragHandle3290013460";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle1172498488__root" };
+export var classes = { "root": "DragHandle3290013460__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/EditableCell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EditableCell1155625107";
+var _namespace_ = "EditableCell3900691882";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "EditableCell1155625107__root", "validationIndicator": "EditableCell1155625107__validationIndicator" };
+export var classes = { "root": "EditableCell3900691882__root", "validationIndicator": "EditableCell3900691882__validationIndicator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "HeaderActionsPopover1201989477";
+var _namespace_ = "HeaderActionsPopover3638225715";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "HeaderActionsPopover1201989477__root" };
+export var classes = { "root": "HeaderActionsPopover3638225715__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "CellViewLayout2009506538";
+var _namespace_ = "CellViewLayout3566532917";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CellViewLayout2009506538__root" };
+export var classes = { "root": "CellViewLayout3566532917__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit61999194";
+var _namespace_ = "Edit3615457965";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit61999194__root", "booleanEdit": "Edit61999194__booleanEdit" };
+export var classes = { "root": "Edit3615457965__root", "booleanEdit": "Edit3615457965__booleanEdit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,cAAc,CAAC;AACjC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oBAAoB,EAAC,aAAa,EAAC,2BAA2B,EAAC,CAAC;AAC7F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3386812290";
+var _namespace_ = "View3415268382";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View3386812290__root", "booleanView": "View3386812290__booleanView" };
+export var classes = { "root": "View3415268382__root", "booleanView": "View3415268382__booleanView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2661826826";
+var _namespace_ = "Edit2107511674";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit2661826826__root", "dateInput": "Edit2661826826__dateInput" };
+export var classes = { "root": "Edit2107511674__root", "dateInput": "Edit2107511674__dateInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3155527502";
+var _namespace_ = "View297002052";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View3155527502__root" };
+export var classes = { "root": "View297002052__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3864650947";
+var _namespace_ = "Edit1408306505";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit3864650947__root", "emailInput": "Edit3864650947__emailInput" };
+export var classes = { "root": "Edit1408306505__root", "emailInput": "Edit1408306505__emailInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View1826941395";
+var _namespace_ = "View3600357910";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View1826941395__root" };
+export var classes = { "root": "View3600357910__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/mediaGallery/View.uni.driver.js

@@ -2,7 +2,9 @@ import { baseUniDriverFactory } from '../../../../unidriver';
 export function MediaGalleryViewUniDriver(base, _body) {
     return {
         ...baseUniDriverFactory(base),
-        hasAvatarGroup: () => base.$('[data-hook="media-gallery-view"] [data-hook="avatar-item"]').exists(),
+        hasAvatarGroup: () => base
+            .$('[data-hook="media-gallery-view"] [data-hook="avatar-item"]')
+            .exists(),
         isEmpty: async () => {
             const count = await base
                 .$('[data-hook="media-gallery-view"]')

package/dist/esm/components/EditableTable/cellTypes/mediaGallery/View.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/mediaGallery/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,yBAAyB,CAAC,IAAe,EAAE,KAAgB;IACzE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,cAAc,EAAE,GAAG,EAAE,CACnB,IAAI,CAAC,CAAC,CAAC,4DAA4D,CAAC,CAAC,MAAM,EAAE;QAC/E,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,KAAK,GAAG,MAAM,IAAI;iBACrB,CAAC,CAAC,kCAAkC,CAAC;iBACrC,EAAE,CAAC,2BAA2B,CAAC;iBAC/B,KAAK,EAAE,CAAC;YACX,OAAO,KAAK,KAAK,CAAC,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/mediaGallery/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,yBAAyB,CAAC,IAAe,EAAE,KAAgB;IACzE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,cAAc,EAAE,GAAG,EAAE,CACnB,IAAI;aACD,CAAC,CAAC,4DAA4D,CAAC;aAC/D,MAAM,EAAE;QACb,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,KAAK,GAAG,MAAM,IAAI;iBACrB,CAAC,CAAC,kCAAkC,CAAC;iBACrC,EAAE,CAAC,2BAA2B,CAAC;iBAC/B,KAAK,EAAE,CAAC;YACX,OAAO,KAAK,KAAK,CAAC,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2675310422";
+var _namespace_ = "Edit116111444";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit2675310422__root", "numberInput": "Edit2675310422__numberInput" };
+export var classes = { "root": "Edit116111444__root", "numberInput": "Edit116111444__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};