@wix/patterns 0.10.0 → 1.1.0

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.js

@@ -1,74 +1,28 @@
 import { parseFqdn, CustomFieldsViewWidgetState, } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Box, Card, Cell, Divider, EmptyState, Heading, Layout, Text, } from '@wix/design-system';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Box, Card, EmptyState, Heading, Text } from '@wix/design-system';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SkeletonContent } from './Skeletons';
 import { ErrorStateContent } from './ErrorStateContent';
-import { classes, st } from './CustomFieldsViewWidget.st.css.js';
-const _CustomFieldsViewWidget = ({ dataHook, fqdn, extendedFields, title, }) => {
+import { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';
+const _CustomFieldsViewWidget = ({ dataHook, fqdn, extendedFields, title, userFieldsTitle, }) => {
     const container = useWixPatternsContainer();
-    const { translate: t, dateFormatters } = container;
+    const { translate: t } = container;
     const [state] = useState(() => new CustomFieldsViewWidgetState({
         container,
         fqdn: parseFqdn(fqdn),
         url: window.location.href,
     }));
-    const customFields = state.dataExtension.availableUserCustomFields;
+    const userCustomFields = state.dataExtension.availableUserCustomFields;
+    const appsCustomFields = state.dataExtension.availableAppsCustomFields;
     useEffect(() => state.init(), []);
     const headerTitle = (React.createElement(Box, { gap: "SP1" },
         React.createElement(Heading, { appearance: "H3" }, title !== null && title !== void 0 ? title : t('cairo.customFields.entityPage.title'))));
-    const valueWrapper = (value, props) => {
-        if (typeof value === 'string' && !/\s/.test(value)) {
-            // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)
-            return (React.createElement(Text, Object.assign({}, props, { ellipsis: true, maxLines: 1 }), value));
-        }
-        return (React.createElement(Text, Object.assign({}, props, { className: st(classes.breakWord) }), value));
-    };
-    const areAllCustomFieldsEmpty = useMemo(() => customFields.every((field) => {
-        var _a, _b;
-        const value = (_b = (_a = extendedFields === null || extendedFields === void 0 ? void 0 : extendedFields.namespaces) === null || _a === void 0 ? void 0 : _a._user_fields) === null || _b === void 0 ? void 0 : _b[field.id];
-        return value === undefined || value === null;
-    }), [customFields, extendedFields]);
-    const getViewValue = useCallback((value, type, valueDataHook) => {
-        if (value === undefined || value === null) {
-            return null;
-        }
-        const textProps = {
-            dataHook: valueDataHook,
-            size: 'small',
-            secondary: true,
-        };
-        let newValue = value;
-        switch (type) {
-            case 'dropdown':
-                newValue = Array.isArray(value) ? value.join(', ') : value;
-                break;
-            case 'date':
-                newValue = dateFormatters.medium.format(new Date(value));
-                break;
-            case 'dateTime':
-                newValue = dateFormatters.mediumTime.format(new Date(value));
-                break;
-            case 'checkbox':
-                newValue = value
-                    ? t('cairo.customFields.booleanValue.true')
-                    : t('cairo.customFields.booleanValue.false');
-                break;
-            default:
-                break;
-        }
-        return valueWrapper(newValue, textProps);
-    }, []);
-    const getNonEmptyValues = () => customFields
-        .map((field) => {
-        var _a, _b;
-        return ({
-            value: getViewValue((_b = (_a = extendedFields === null || extendedFields === void 0 ? void 0 : extendedFields.namespaces) === null || _a === void 0 ? void 0 : _a._user_fields) === null || _b === void 0 ? void 0 : _b[field.id], field.type, 'custom-field-value'),
-            label: field.label,
-        });
-    })
-        .filter((field) => field.value !== null);
+    const areAllCustomFieldsEmpty = useMemo(() => {
+        return state.dataExtension.allNamespaces.every((namespace) => state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)
+            .length === 0);
+    }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);
     let child;
     switch (true) {
         case state.isLoading:
@@ -81,15 +35,12 @@ const _CustomFieldsViewWidget = ({ dataHook, fqdn, extendedFields, title, }) =>
             child = (React.createElement(EmptyState, { dataHook: "empty-state", title: t('cairo.customFields.entityPage.emptyState.title'), subtitle: React.createElement(Text, { dataHook: "empty-state-subtitle", size: "small", secondary: true, widows: true }, t('cairo.customFields.entityPage.emptyState.subtitle')) }));
             break;
         default:
-            child = (React.createElement(Layout, { gap: "SP3", dataHook: "fields-content" }, getNonEmptyValues().map((field, i, arr) => (React.createElement(Cell, null,
-                React.createElement(Box, { marginBottom: i === arr.length - 1 ? undefined : 'SP3', direction: "vertical", gap: "SP1" },
-                    React.createElement(Text, { weight: "normal", size: "small", ellipsis: true, dataHook: "custom-field-label" },
-                        field.label,
-                        ":"),
-                    field.value),
-                i === arr.length - 1 ? undefined : (React.createElement(Divider, { direction: "horizontal" })))))));
+            child = (React.createElement(CustomFieldsViewWidgetContent, { state: state, extendedFields: extendedFields, userFieldsTitle: userFieldsTitle }));
     }
-    return customFields.length || state.isLoading || state.isError ? (React.createElement(Card, { dataHook: dataHook, stretchVertically: true },
+    return userCustomFields.length ||
+        appsCustomFields.length ||
+        state.isLoading ||
+        state.isError ? (React.createElement(Card, { dataHook: dataHook, stretchVertically: true },
         React.createElement(Card.Header, { dataHook: "custom-fields-view-widget-header", title: headerTitle }),
         React.createElement(Card.Divider, null),
         React.createElement(Card.Content, { dataHook: "custom-fields-view-widget-content" }, child))) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsViewWidget.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomFieldsViewWidget.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"names":[],"mappings":"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"}

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

@@ -4,11 +4,31 @@ export default (base, body) => {
     const errorState = () => EmptyStateUniDriver(base.$(`[data-hook="error-state"]`), body);
     const emptyState = () => EmptyStateUniDriver(base.$(`[data-hook="empty-state"]`), body);
     const tryAgainButton = () => TextButtonUniDriver(base.$(`[data-hook="retry-button"]`), body);
-    const getCustomFieldLabels = () => base.$$(`[data-hook="custom-field-label"]`).map(async (label) => {
+    const getCustomFieldLabels = () => base.$$(`[data-hook^="custom-field-label"]`).map(async (label) => {
         const text = await label.text();
         return text.substring(0, text.length - 1);
     });
-    const getCustomFieldValues = () => base.$$(`[data-hook="custom-field-value"]`).map((value) => value.text());
+    const getCustomFieldValues = () => base.$$(`[data-hook^="custom-field-value"]`).map((value) => value.text());
+    const getSectionTitles = () => base
+        .$$('[data-hook^="custom-field-section-title"]')
+        .map((value) => value.text());
+    const getCustomFieldLabelsForNamespace = (namespace) => base
+        .$$(`[data-hook^="custom-field-label-${namespace}"]`)
+        .map(async (label) => {
+        const text = await label.text();
+        return text.substring(0, text.length - 1);
+    });
+    const getCustomFieldValuesForNamespace = (namespace) => base
+        .$$(`[data-hook^="custom-field-value-${namespace}"]`)
+        .map((value) => value.text());
+    const getCustomFieldLabel = async (namespace, fieldId) => {
+        const wholeLabel = await base
+            .$(`[data-hook="custom-field-label-${namespace}-${fieldId}"]`)
+            .text();
+        return wholeLabel.substring(0, wholeLabel.length - 1);
+    };
+    const getCustomFieldValue = (namespace, fieldId) => base.$(`[data-hook="custom-field-value-${namespace}-${fieldId}"]`).text();
+    const getSectionTitleForNamespace = (namespace) => base.$(`[data-hook="custom-field-section-title-${namespace}"]`).text();
     return Object.assign({ 
         /** Returns title text */
         getTitle: () => base.$(`[data-hook="title"]`).text(), 
@@ -26,13 +46,27 @@ export default (base, body) => {
         clickTryAgain: () => tryAgainButton().click(), 
         /** Gets try again button text */
         getTryAgainContent: () => tryAgainButton().getButtonTextContent(), 
-        /** Returns the custom field labels */
-        getCustomFieldLabels, 
+        /** Returns all custom field labels */
+        getCustomFieldLabels,
+        /** Returns custom field labels for specific namespace */
+        getCustomFieldLabelsForNamespace,
+        /** Returns specific custom field label by namespace and field id */
+        getCustomFieldLabel, 
         /** Returns the custom field label by index */
         getCustomFieldLabelByIndex: async (index) => (await getCustomFieldLabels())[index], 
-        /** Returns the custom field values */
-        getCustomFieldValues, 
+        /** Returns all custom field values */
+        getCustomFieldValues,
+        /** Returns custom field values for specific namespace */
+        getCustomFieldValuesForNamespace,
+        /** Returns specific custom field value by namespace and field id */
+        getCustomFieldValue, 
         /** Returns the custom field value by index */
-        getCustomFieldValueByIndex: async (index) => (await getCustomFieldValues())[index] }, baseUniDriverFactory(base));
+        getCustomFieldValueByIndex: async (index) => (await getCustomFieldValues())[index], 
+        /** Return all section titles */
+        getSectionTitles,
+        /** Return specific section title for namespace */
+        getSectionTitleForNamespace, 
+        /** Return the section title by index */
+        getSectionTitleByIndex: async (index) => (await getSectionTitles())[index] }, baseUniDriverFactory(base));
 };
 //# sourceMappingURL=CustomFieldsViewWidget.uni.driver.js.map

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsViewWidget.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AAEnD,eAAe,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IAClD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAAE,IAAI,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAAE,IAAI,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,GAAG,EAAE,CAC1B,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAE,IAAI,CAAC,CAAC;IAElE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAChC,IAAI,CAAC,EAAE,CAAC,kCAAkC,CAAC,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC9D,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEL,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAChC,IAAI,CAAC,EAAE,CAAC,kCAAkC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAE3E;QACE,yBAAyB;QACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,IAAI,EAAE;QACpD,uDAAuD;QACvD,kBAAkB,EAAE,GAAG,EAAE,CACvB,IAAI,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,MAAM,EAAE,EAC/D,mBAAmB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,MAAM,EAAE;QAC1E,oCAAoC;QACpC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,YAAY,EAAE;QAChD,uCAAuC;QACvC,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE;QACtD,oCAAoC;QACpC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,YAAY,EAAE;QAChD,uCAAuC;QACvC,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,IAAI,EAAE;QAC3E,0DAA0D;QAC1D,aAAa,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE;QAC7C,iCAAiC;QACjC,kBAAkB,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,oBAAoB,EAAE;QACjE,sCAAsC;QACtC,oBAAoB;QACpB,8CAA8C;QAC9C,0BAA0B,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CAClD,CAAC,MAAM,oBAAoB,EAAE,CAAC,CAAC,KAAK,CAAC;QACvC,sCAAsC;QACtC,oBAAoB;QACpB,8CAA8C;QAC9C,0BAA0B,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE,CAClD,CAAC,MAAM,oBAAoB,EAAE,CAAC,CAAC,KAAK,CAAC,IACpC,oBAAoB,CAAC,IAAI,CAAC,EAC7B;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CustomFieldsViewWidget.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.uni.driver.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetContent.js

@@ -0,0 +1,37 @@
+import { Box, Divider } from '@wix/design-system';
+import React from 'react';
+import { CustomFieldsViewWidgetSection } from './CustomFieldsViewWidgetSection';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+const _CustomFieldsViewWidgetContent = ({ state, extendedFields, userFieldsTitle, }) => {
+    const { translate: t } = useWixPatternsContainer();
+    const getSections = () => {
+        return state.dataExtension.allNamespaces
+            .map((namespace) => {
+            var _a;
+            const relevantCustomFields = state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields);
+            if (relevantCustomFields.length === 0) {
+                return null;
+            }
+            const title = namespace === state.userFieldsNamespace
+                ? userFieldsTitle || t('cairo.customFields.entityPage.sectionTitle')
+                : state.getAppName(namespace);
+            return (React.createElement(Box, { marginBottom: "SP1" },
+                React.createElement(CustomFieldsViewWidgetSection, { title: title, customFields: relevantCustomFields, namespace: namespace, fieldValues: ((_a = extendedFields === null || extendedFields === void 0 ? void 0 : extendedFields.namespaces) === null || _a === void 0 ? void 0 : _a[namespace]) || {} })));
+        })
+            .filter(Boolean);
+    };
+    const sectionsWithDividers = (sections) => {
+        return sections.map((section, index) => (React.createElement(React.Fragment, { key: index },
+            section,
+            index < sections.length - 1 && (React.createElement(Box, { marginTop: "SP4", marginBottom: "SP4" },
+                React.createElement(Divider, null))))));
+    };
+    const renderCustomFields = () => {
+        const sections = getSections();
+        return sectionsWithDividers(sections);
+    };
+    return (React.createElement(Box, { direction: "vertical", dataHook: "fields-content" }, renderCustomFields()));
+};
+export const CustomFieldsViewWidgetContent = observer(_CustomFieldsViewWidgetContent);
+//# sourceMappingURL=CustomFieldsViewWidgetContent.js.map

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsViewWidgetContent.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,MAAM,8BAA8B,GAAG,CAAC,EACtC,KAAK,EACL,cAAc,EACd,eAAe,GACoB,EAAE,EAAE;IACvC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa;aACrC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;;YACjB,MAAM,oBAAoB,GACxB,KAAK,CAAC,sCAAsC,CAC1C,SAAS,EACT,cAAc,CACf,CAAC;YACJ,IAAI,oBAAoB,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrC,OAAO,IAAI,CAAC;aACb;YAED,MAAM,KAAK,GACT,SAAS,KAAK,KAAK,CAAC,mBAAmB;gBACrC,CAAC,CAAC,eAAe,IAAI,CAAC,CAAC,4CAA4C,CAAC;gBACpE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;YAElC,OAAO,CACL,oBAAC,GAAG,IAAC,YAAY,EAAC,KAAK;gBACrB,oBAAC,6BAA6B,IAC5B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,oBAAoB,EAClC,SAAS,EAAE,SAAS,EACpB,WAAW,EACT,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,0CACxB,SAAmD,CACpD,KAAI,EAAE,GAET,CACE,CACP,CAAC;QACJ,CAAC,CAAC;aACD,MAAM,CAAC,OAAO,CAAkB,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,QAAuB,EAAE,EAAE;QACvD,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;YACvB,OAAO;YACP,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,YAAY,EAAC,KAAK;gBACrC,oBAAC,OAAO,OAAG,CACP,CACP,CACc,CAClB,CAAC,CAAC;IACL,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;QAC/B,OAAO,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,IAChD,kBAAkB,EAAE,CACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CACnD,8BAA8B,CAC/B,CAAC"}

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

@@ -0,0 +1,58 @@
+import { Text, Layout, Cell, Box, Heading, } from '@wix/design-system';
+import React from 'react';
+import { classes, st } from './CustomFieldsViewWidgetSection.st.css.js';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+const _CustomFieldsViewWidgetSection = ({ customFields, fieldValues, namespace, title, }) => {
+    const container = useWixPatternsContainer();
+    const { translate: t, dateFormatters } = container;
+    const valueWrapper = (value, props) => {
+        if (typeof value === 'string' && !/\s/.test(value)) {
+            // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)
+            return (React.createElement(Text, Object.assign({}, props, { className: st(classes.breakWord) }), value));
+        }
+        return React.createElement(Text, Object.assign({}, props), value);
+    };
+    const getViewValue = (value, type, valueDataHook) => {
+        const textProps = {
+            dataHook: valueDataHook,
+            size: 'small',
+            secondary: true,
+        };
+        // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed
+        if (value === undefined || value === null) {
+            return valueWrapper('-', textProps);
+        }
+        let newValue = value;
+        switch (type) {
+            case 'dropdown':
+                newValue = Array.isArray(value) ? value.join(', ') : value;
+                break;
+            case 'date':
+                newValue = dateFormatters.medium.format(new Date(value));
+                break;
+            case 'dateTime':
+                newValue = dateFormatters.mediumTime.format(new Date(value));
+                break;
+            case 'checkbox':
+                newValue = value
+                    ? t('cairo.customFields.booleanValue.true')
+                    : t('cairo.customFields.booleanValue.false');
+                break;
+            default:
+                break;
+        }
+        return valueWrapper(newValue, textProps);
+    };
+    return (React.createElement(Layout, { gap: "SP3" },
+        title && (React.createElement(Cell, null,
+            React.createElement(Heading, { size: "tiny", ellipsis: true, dataHook: `custom-field-section-title-${namespace}` }, title))),
+        customFields.map((field) => (React.createElement(Cell, { key: field.id },
+            React.createElement(Box, { direction: "vertical", gap: "SP1" },
+                React.createElement(Text, { weight: "normal", size: "small", ellipsis: true, dataHook: `custom-field-label-${namespace}-${field.id}` },
+                    field.label || field.id,
+                    ":"),
+                getViewValue(fieldValues[field.id], field.type, `custom-field-value-${namespace}-${field.id}`)))))));
+};
+export const CustomFieldsViewWidgetSection = observer(_CustomFieldsViewWidgetSection);
+//# sourceMappingURL=CustomFieldsViewWidgetSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsViewWidgetSection.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CustomFieldsWidget/{CustomFieldsViewWidget.st.css.js → CustomFieldsViewWidgetSection.st.css.js}

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CustomFieldsViewWidget1792276617";
+var _namespace_ = "CustomFieldsViewWidgetSection3198598984";
 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": "CustomFieldsViewWidget1792276617__root", "breakWord": "CustomFieldsViewWidget1792276617__breakWord" };
+export var classes = { "root": "CustomFieldsViewWidgetSection3198598984__root", "breakWord": "CustomFieldsViewWidgetSection3198598984__breakWord" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
 export var vars = {};
-//# sourceMappingURL=CustomFieldsViewWidget.st.css.js.map
+//# sourceMappingURL=CustomFieldsViewWidgetSection.st.css.js.map

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsViewWidgetSection.st.css.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yCAAyC,CAAC;AAC5D,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,+CAA+C,EAAC,WAAW,EAAC,oDAAoD,EAAC,CAAC;AAC/I,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/DataExtension/CollectionDataExtensionState.js

@@ -13,6 +13,7 @@ export class CollectionDataExtensionState {
             },
             reportBi: params.toolbar.reportBi,
             closeSidePanel: params.toolbar.closeSidePanel,
+            hideAddFieldCTA: params.hideAddFieldCTA,
         });
     }
     _getFetchSchemasError(err) {

package/dist/esm/components/DataExtension/CollectionDataExtensionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionDataExtensionState.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/CollectionDataExtensionState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionDataExtensionState.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/CollectionDataExtensionState.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/DataExtension/DataExtension.js

@@ -4,19 +4,18 @@ import { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';
 import { CustomColumnsAddCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsAddCustomFieldCTAButton';
 import { CustomColumnsEditCustomFieldCTAButton } from '../CustomFieldsPanel/CustomColumnsEditCustomFieldCTAButton';
 import { CollectionDataExtensionState } from './CollectionDataExtensionState';
-export const DataExtension = {
-    setDataExtensionOnTable: (toolbar) => {
-        var _a;
-        (_a = toolbar.collectionDataExtension) !== null && _a !== void 0 ? _a : (toolbar.collectionDataExtension = new CollectionDataExtensionState({
-            toolbar,
-            container: toolbar.container,
-            DataExtension,
-        }));
-    },
-    CustomFieldModal,
-    ArchiveFieldModal,
-    CustomColumns: CustomColumnsFull,
-    CustomColumnsAddCustomFieldCTAButton,
-    CustomColumnsEditCustomFieldCTAButton,
+export const DataExtension = (_) => {
+    return null;
 };
+DataExtension.setDataExtensionOnTable = function (toolbar, overrides) {
+    var _a;
+    (_a = toolbar.collectionDataExtension) !== null && _a !== void 0 ? _a : (toolbar.collectionDataExtension = new CollectionDataExtensionState(Object.assign({ toolbar, container: toolbar.container, DataExtension }, overrides)));
+};
+DataExtension.CustomFieldModal = CustomFieldModal;
+DataExtension.ArchiveFieldModal = ArchiveFieldModal;
+DataExtension.CustomColumns = CustomColumnsFull;
+DataExtension.CustomColumnsAddCustomFieldCTAButton =
+    CustomColumnsAddCustomFieldCTAButton;
+DataExtension.CustomColumnsEditCustomFieldCTAButton =
+    CustomColumnsEditCustomFieldCTAButton;
 //# sourceMappingURL=DataExtension.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataExtension.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/DataExtension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,qCAAqC,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAa9E,MAAM,CAAC,MAAM,aAAa,GAAsB;IAC9C,uBAAuB,EAAE,CACvB,OAAqC,EACrC,EAAE;;QACF,MAAA,OAAO,CAAC,uBAAuB,oCAA/B,OAAO,CAAC,uBAAuB,GAAK,IAAI,4BAA4B,CAAO;YACzE,OAAO;YACP,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,aAAa;SACd,CAAC,EAAC;IACL,CAAC;IACD,gBAAgB;IAChB,iBAAiB;IACjB,aAAa,EAAE,iBAAiB;IAChC,oCAAoC;IACpC,qCAAqC;CACtC,CAAC"}
+{"version":3,"file":"DataExtension.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/DataExtension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,oCAAoC,EAAE,MAAM,2DAA2D,CAAC;AACjH,OAAO,EAAE,qCAAqC,EAAE,MAAM,4DAA4D,CAAC;AACnH,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAiB9E,MAAM,CAAC,MAAM,aAAa,GACE,CAAC,CAAqB,EAAE,EAAE;IACpD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AASF,aAAa,CAAC,uBAAuB,GAAG,UAAU,OAAO,EAAE,SAAS;;IAClE,MAAA,OAAO,CAAC,uBAAuB,oCAA/B,OAAO,CAAC,uBAAuB,GAAK,IAAI,4BAA4B,iBAClE,OAAO,EACP,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,aAAa,IACV,SAAS,EACZ,EAAC;AACL,CAAC,CAAC;AACF,aAAa,CAAC,gBAAgB,GAAG,gBAAgB,CAAC;AAClD,aAAa,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;AACpD,aAAa,CAAC,aAAa,GAAG,iBAAiB,CAAC;AAChD,aAAa,CAAC,oCAAoC;IAChD,oCAAoC,CAAC;AACvC,aAAa,CAAC,qCAAqC;IACjD,qCAAqC,CAAC"}

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_ = "DragHandle4029114938";
+var _namespace_ = "DragHandle4215237229";
 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": "DragHandle4029114938__root" };
+export var classes = { "root": "DragHandle4215237229__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EmptyState/CollectionEmptyState.js

@@ -1,16 +1,13 @@
 import React from 'react';
-import { CollectionEmptyStateBase, } from './CollectionEmptyStateBase';
 import { observer } from 'mobx-react-lite';
 import { AddItemEmptyState } from '../Illustration/AddItemEmptyState';
-import { useCollectionEmptyStateImage } from '../../hooks/useCollectionEmptyStateImage';
-import { useMultiCollectionSupportContext } from '../MultiCollectionSupportProvider';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { EmptyStateBase } from './EmptyStateBase';
+import { NewItemButton } from './NewItemButton';
 function _CollectionEmptyState(props) {
-    const state = useMultiCollectionSupportContext();
-    const image = useCollectionEmptyStateImage({
-        state,
-        image: React.createElement(AddItemEmptyState, { "data-hook": "empty-state-new-item-illustration" }),
-    });
-    return (React.createElement(CollectionEmptyStateBase, Object.assign({ dataHook: "collection-empty-state", image: image }, props)));
+    const { translate: t } = useWixPatternsContainer();
+    const { addNewCta } = props;
+    return (React.createElement(EmptyStateBase, Object.assign({ dataHook: "collection-empty-state", title: t('cairo.emptyState.additem.title'), subtitle: t('cairo.emptyState.additem.text'), image: React.createElement(AddItemEmptyState, { "data-hook": "empty-state-new-item-illustration" }) }, props, { cta: addNewCta && React.createElement(NewItemButton, Object.assign({}, addNewCta)) })));
 }
 export const CollectionEmptyState = observer(_CollectionEmptyState);
 //# sourceMappingURL=CollectionEmptyState.js.map

package/dist/esm/components/EmptyState/CollectionEmptyState.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionEmptyState.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,wBAAwB,GAEzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,EAAE,gCAAgC,EAAE,MAAM,mCAAmC,CAAC;AAOrF,SAAS,qBAAqB,CAC5B,KAA+C;IAE/C,MAAM,KAAK,GAAG,gCAAgC,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,4BAA4B,CAAC;QACzC,KAAK;QACL,KAAK,EAAE,oBAAC,iBAAiB,iBAAW,mCAAmC,GAAG;KAC3E,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,wBAAwB,kBACvB,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAE,KAAK,IACR,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"CollectionEmptyState.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAapE,SAAS,qBAAqB,CAAC,KAAgC;IAC7D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,OAAO,CACL,oBAAC,cAAc,kBACb,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,+BAA+B,CAAC,EAC5C,KAAK,EACH,oBAAC,iBAAiB,iBAAW,mCAAmC,GAAG,IAEjE,KAAK,IACT,GAAG,EAAE,SAAS,IAAI,oBAAC,aAAa,oBAAK,SAAS,EAAI,IAClD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/components/EmptyState/CollectionEmptyState.uni.driver.js

@@ -10,6 +10,10 @@ export function CollectionEmptyStateUniDriver(base, body) {
         /**
          * Get empty new item image
          */
-        getImageAddItem: () => getImage('empty-state-new-item-illustration') });
+        getImageAddItem: () => getImage('empty-state-new-item-illustration'), 
+        /**
+         * Get custom CTA
+         */
+        getCustomCta: (datahook) => base.$(`[data-hook="${datahook}"]`) });
 }
 //# sourceMappingURL=CollectionEmptyState.uni.driver.js.map

package/dist/esm/components/EmptyState/CollectionEmptyState.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionEmptyState.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/CollectionEmptyState.uni.driver.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,UAAU,6BAA6B,CAC3C,IAAe,EACf,IAAe;IAEf,MAAM,KAAmC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAlE,EAAE,SAAS,EAAE,QAAQ,OAA6C,EAAxC,IAAI,cAA9B,yBAAgC,CAAkC,CAAC;IAEzE,uCACK,IAAI;QACP;;WAEG;QACH,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,6BAA6B,CAAC;QAChE;;WAEG;QACH,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,mCAAmC,CAAC,IACpE;AACJ,CAAC"}
+{"version":3,"file":"CollectionEmptyState.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/CollectionEmptyState.uni.driver.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,UAAU,6BAA6B,CAC3C,IAAe,EACf,IAAe;IAEf,MAAM,KAAmC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAlE,EAAE,SAAS,EAAE,QAAQ,OAA6C,EAAxC,IAAI,cAA9B,yBAAgC,CAAkC,CAAC;IAEzE,uCACK,IAAI;QACP;;WAEG;QACH,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,6BAA6B,CAAC;QAChE;;WAEG;QACH,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,mCAAmC,CAAC;QACpE;;WAEG;QACH,YAAY,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,IACvE;AACJ,CAAC"}

package/dist/esm/{hooks/useCollectionEmptyStateTexts.js → components/EmptyState/CollectionNoResultsState.js}

@@ -1,10 +1,25 @@
-import { useWixPatternsContainer, useCollectionContext, } from '@wix/bex-core/react';
-import { TextButton } from '@wix/design-system';
 import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useMultiCollectionSupportContext } from '../MultiCollectionSupportProvider';
+import { TextButton } from '@wix/design-system';
 import { Revert } from '@wix/wix-ui-icons-common';
-export function useCollectionEmptyStateTexts(props) {
-    const { state, disableDefaultCta, title, subtitle, cta } = props;
+import { useWixPatternsContainer, useCollectionContext, } from '@wix/bex-core/react';
+import { EmptyStateBase } from './EmptyStateBase';
+import { MagnifyingGlassArt } from '../MagnifyingGlassArt';
+function _CollectionNoResultsState(props) {
+    const state = useMultiCollectionSupportContext();
     const { translate: t } = useWixPatternsContainer();
+    const { title, subtitle, cta } = getNoResultsStateTexts(state, t);
+    return (React.createElement(EmptyStateBase, Object.assign({ dataHook: "collection-empty-state", title: title, subtitle: subtitle }, props, { cta: cta, image: React.createElement(MagnifyingGlassArt, { "data-hook": "empty-state-glass-illustration" }) })));
+}
+function ResetFiltersButton(props) {
+    const state = useCollectionContext();
+    return (React.createElement(TextButton, Object.assign({}, props, { prefixIcon: React.createElement(Revert, null), dataHook: "empty-state-clear-filters-button", onClick: () => {
+            state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });
+            state.resetFiltersAndRefresh();
+        } })));
+}
+const getNoResultsStateTexts = (state, t) => {
     const { hasAvailableItems, hasNonPersistentCustomFilters, resultOriginQuerySearch: search, resultOriginQueryRawSearch: rawSearch, } = state;
     // has search no filter
     if (hasAvailableItems && search && !hasNonPersistentCustomFilters) {
@@ -13,7 +28,7 @@ export function useCollectionEmptyStateTexts(props) {
                 term: rawSearch,
             }),
             subtitle: t('cairo.search.nothingMatches.text'),
-            cta: !disableDefaultCta && (React.createElement(ResetFiltersButton, null, t('cairo.emptyState.reset.button'))),
+            cta: (React.createElement(ResetFiltersButton, null, t('cairo.emptyState.reset.button'))),
         };
     }
     // has filter no search
@@ -21,31 +36,17 @@ export function useCollectionEmptyStateTexts(props) {
         return {
             title: t('cairo.search.noresults.title'),
             subtitle: t('cairo.emptyState.subtitle.noFilterResults'),
-            cta: !disableDefaultCta && (React.createElement(ResetFiltersButton, null, t('cairo.emptyState.filters.nothingFound.clearFilters.CTA'))),
+            cta: (React.createElement(ResetFiltersButton, null, t('cairo.emptyState.filters.nothingFound.clearFilters.CTA'))),
         };
     }
     // has filter and search
-    if (hasAvailableItems && search && hasNonPersistentCustomFilters) {
-        return {
-            title: t('cairo.search.nothingMatches.title', {
-                term: rawSearch,
-            }),
-            subtitle: t('cairo.search.filter.nothingMatches.text'),
-            cta: !disableDefaultCta && (React.createElement(ResetFiltersButton, null, t('cairo.emptyState.reset.button'))),
-        };
-    }
-    // No filter no search - custom
     return {
-        title,
-        subtitle,
-        cta: !disableDefaultCta ? cta : undefined,
+        title: t('cairo.search.nothingMatches.title', {
+            term: rawSearch,
+        }),
+        subtitle: t('cairo.search.filter.nothingMatches.text'),
+        cta: (React.createElement(ResetFiltersButton, null, t('cairo.emptyState.reset.button'))),
     };
-}
-function ResetFiltersButton(props) {
-    const state = useCollectionContext();
-    return (React.createElement(TextButton, Object.assign({}, props, { prefixIcon: React.createElement(Revert, null), dataHook: "empty-state-clear-filters-button", onClick: () => {
-            state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });
-            state.resetFiltersAndRefresh();
-        } })));
-}
-//# sourceMappingURL=useCollectionEmptyStateTexts.js.map
+};
+export const CollectionNoResultsState = observer(_CollectionNoResultsState);
+//# sourceMappingURL=CollectionNoResultsState.js.map

package/dist/esm/components/EmptyState/CollectionNoResultsState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionNoResultsState.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/CollectionNoResultsState.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/EmptyState/CollectionNoResultsState.uni.driver.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import { EmptyStateUniDriver } from './EmptyState.uni.driver';
+import { ImageUniDriver, TextButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export function CollectionNoResultsStateUniDriver(base, body) {
+    const _a = EmptyStateUniDriver(base, body), { getButton, getImage } = _a, rest = __rest(_a, ["getButton", "getImage"]);
+    return Object.assign(Object.assign({}, rest), { 
+        /**
+         * Get no results CTA button driver
+         */
+        getClearFiltersButton: () => TextButtonUniDriver(base.$('[data-hook="empty-state-clear-filters-button"]'), body), 
+        /**
+         * Get no results image
+         */
+        getImageGlassArt: () => ImageUniDriver(base.$('[data-hook="empty-state-glass-illustration"]'), body) });
+}
+//# sourceMappingURL=CollectionNoResultsState.uni.driver.js.map

package/dist/esm/components/EmptyState/CollectionNoResultsState.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionNoResultsState.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/EmptyState/CollectionNoResultsState.uni.driver.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EACL,cAAc,EACd,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,UAAU,iCAAiC,CAC/C,IAAe,EACf,IAAe;IAEf,MAAM,KAAmC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAlE,EAAE,SAAS,EAAE,QAAQ,OAA6C,EAAxC,IAAI,cAA9B,yBAAgC,CAAkC,CAAC;IAEzE,uCACK,IAAI;QACP;;WAEG;QACH,qBAAqB,EAAE,GAAG,EAAE,CAC1B,mBAAmB,CACjB,IAAI,CAAC,CAAC,CAAC,gDAAgD,CAAC,EACxD,IAAI,CACL;QACH;;WAEG;QACH,gBAAgB,EAAE,GAAG,EAAE,CACrB,cAAc,CACZ,IAAI,CAAC,CAAC,CAAC,8CAA8C,CAAC,EACtD,IAAI,CACL,IACH;AACJ,CAAC"}

package/dist/esm/components/EmptyState/CollectionPremiumEmptyState.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { EmptyStateBase } from './EmptyStateBase';
+import { CollectionPremiumEmptyStateIllustration } from '../Illustration/CollectionPremiumEmptyStateIllustration';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { PremiumButton } from './PremiumButton';
+function _CollectionPremiumEmptyState(props) {
+    const { translate: t } = useWixPatternsContainer();
+    const { upgradeCta } = props, rest = __rest(props, ["upgradeCta"]);
+    return (React.createElement(EmptyStateBase, Object.assign({ dataHook: "premium-empty-state", title: t('cairo.emptyState.premium.title'), subtitle: t('cairo.emptyState.premium.text'), image: React.createElement(CollectionPremiumEmptyStateIllustration, { "data-hook": "empty-state-premium-illustration" }) }, rest, { cta: React.createElement(PremiumButton, Object.assign({}, upgradeCta)) })));
+}
+export const CollectionPremiumEmptyState = observer(_CollectionPremiumEmptyState);
+//# sourceMappingURL=CollectionPremiumEmptyState.js.map