@wix/patterns 0.8.0

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

@@ -0,0 +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"}

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

@@ -0,0 +1,59 @@
+import { __rest } from "tslib";
+import React, { useEffect } from 'react';
+import { Box, Card, Heading, InfoIcon } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+import { CustomFieldsWidgetContextProvider, useCustomFieldsWidgetContext, } from '../CustomFieldsWidgetContext';
+import { useCustomFieldsWidget } from '../../hooks/useCustomFieldsWidget';
+import { CardContainer } from '../CardContainer';
+import { useWidgetPageStatus } from '../useWidgetPageStatus';
+const CustomFieldsWidgetContent = ({ extendedFields, emptyStateOverrides, }) => {
+    const state = useCustomFieldsWidgetContext();
+    const CardContent = state.CustomFieldsWidgetContent;
+    useEffect(() => {
+        return state.initContent();
+    }, []);
+    return (React.createElement("div", { ref: (widgetContentRef) => {
+            state.setWidgetContentRef(widgetContentRef);
+        } },
+        React.createElement(CardContent, { state: state, extendedFields: extendedFields, emptyStateOverrides: emptyStateOverrides })));
+};
+const _CustomFieldsWidgetBase = ({ subtitle, dataHook, extendedFields, hideEmptyState, emptyStateOverrides = {}, status, }) => {
+    const container = useWixPatternsContainer();
+    const { translate: t } = container;
+    const state = useCustomFieldsWidgetContext();
+    if (hideEmptyState &&
+        (state.isLoading || state.dataExtension.allUserCustomFields.length === 0)) {
+        return null;
+    }
+    const headerSubtitle = subtitle || t('cairo.customFields.entityPage.subtitle');
+    const headerTitle = (React.createElement(Box, { gap: "SP1" },
+        React.createElement(Heading, { appearance: "H3" }, t('cairo.customFields.entityPage.title')),
+        state.widgetSize !== 'default' ? (React.createElement(InfoIcon, { dataHook: "subtitle-info-icon", content: headerSubtitle })) : null));
+    const ActionsButton = state.ActionButtonsComponent;
+    const suffix = ActionsButton ? React.createElement(ActionsButton, { state: state }) : null;
+    return (React.createElement(CardContainer, { stretchVertically: true, dataHook: dataHook, status: status, errorState: {
+            dataHook: 'error-state',
+            retryText: t('cairo.error.tryAgain.cta'),
+            title: t('cairo.customFields.technical.error.title'),
+            subtitle: t('cairo.technical.error.text'),
+            onRetry: state.retry,
+        } },
+        React.createElement(Card.Header, { dataHook: "custom-fields-widget-header", title: headerTitle, subtitle: state.widgetSize === 'default' ? headerSubtitle : null, suffix: suffix }),
+        React.createElement(Card.Divider, null),
+        React.createElement(Card.Content, { dataHook: "custom-fields-widget-content" },
+            React.createElement(CustomFieldsWidgetContent, { extendedFields: extendedFields, emptyStateOverrides: emptyStateOverrides }))));
+};
+export const CustomFieldsWidgetBase = observer(_CustomFieldsWidgetBase);
+const _CustomFieldsWidget = (_a) => {
+    var { fqdn, fieldName } = _a, rest = __rest(_a, ["fqdn", "fieldName"]);
+    const customFieldsState = useCustomFieldsWidget({
+        fieldName,
+        fqdn,
+    });
+    const { status } = useWidgetPageStatus(customFieldsState.initTask.status.status);
+    return (React.createElement(CustomFieldsWidgetContextProvider, { value: customFieldsState },
+        React.createElement(CustomFieldsWidgetBase, Object.assign({ status: status }, rest))));
+};
+export const CustomFieldsWidget = observer(_CustomFieldsWidget);
+//# sourceMappingURL=CustomFieldsWidget.js.map

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

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

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

@@ -0,0 +1,71 @@
+import { waitFor } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+import { EmptyStateUniDriver, InfoIconUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { CustomFieldPanelUniDriver } from '../CustomFieldsPanel/CustomFieldPanel.uni.driver';
+import { CustomFieldModalUniDriver } from '../CustomFieldModal/CustomFieldModal.uni.driver';
+import CustomFieldsFormUniDriver from '../CustomFieldsForm/CustomFieldsForm.uni.driver';
+import { ArchiveFieldModalUniDriver } from '../CustomFieldsPanel/ArchiveFieldModal.uni.driver';
+import { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';
+import CardContainerUniDriver from '../CardContainer/CardContainer.uni.driver';
+export default (base, body) => {
+    const addCustomFieldButton = () => DisabledTooltipButtonUniDriver(base, body, {
+        dataHook: 'add-custom-field-btn',
+    });
+    const manageFieldsButton = () => DisabledTooltipButtonUniDriver(base, body, {
+        dataHook: 'manage-fields-button',
+    });
+    const emptyState = () => EmptyStateUniDriver(base.$(`[data-hook="empty-state"]`), body);
+    const cardContainer = () => CardContainerUniDriver(base, body);
+    const form = () => CustomFieldsFormUniDriver(base.$(`[data-hook="custom-fields-form"]`), body);
+    return Object.assign({ 
+        /** Returns title text */
+        getTitle: () => base.$(`[data-hook="title"]`).text(), 
+        /** Returns subtitle text */
+        getSubtitle: async () => {
+            const infoIcon = InfoIconUniDriver(base.$('[data-hook="subtitle-info-icon"]'), body);
+            if (await infoIcon.exists()) {
+                return infoIcon.getContent();
+            }
+            return base.$(`[data-hook="subtitle"]`).text();
+        }, 
+        /** Checks whether the form component rendered */
+        isFormExists: () => form().exists(), 
+        /** Waits for form rendering */
+        waitForForm: (timeout = 5000) => waitFor(() => form().exists(), timeout), addCustomFieldButton,
+        manageFieldsButton, 
+        /** Gets add field button text */
+        getAddFieldContent: () => addCustomFieldButton().getButtonTextContent(), 
+        /** Gets manage fields button text */
+        getManageFieldsContent: () => manageFieldsButton().getButtonTextContent(), 
+        /** Indicates whether the widget loading state shows */
+        showsSkeletonHeader: () => cardContainer().showsSkeletonHeader(), 
+        /** Clicks on add field button */
+        clickAddField: () => addCustomFieldButton().click(), 
+        /** Checks whether the add field button rendered */
+        addCustomFieldButtonExists: () => addCustomFieldButton().exists(), 
+        /** Clicks on manage fields button */
+        clickManageFieldsContent: () => manageFieldsButton().click(), 
+        /** Checks whether the manage fields button rendered */
+        manageCustomFieldsButtonExists: () => manageFieldsButton().exists(), 
+        /** Returns the error state title */
+        getErrorTitle: () => cardContainer().getErrorState().getTitleText(), 
+        /** Returns the error state subtitle */
+        getErrorSubtitle: () => cardContainer().getErrorState().getSubtitleText(), 
+        /** Returns the empty state title */
+        getEmptyTitle: () => emptyState().getTitleText(), 
+        /** Returns the empty state subtitle */
+        getEmptySubtitle: () => emptyState().getSubtitleText(), 
+        /** Clicks on try again button when error state visible */
+        clickTryAgain: () => cardContainer().getErrorState().getRetryButton().click(), 
+        /** Gets try again button text */
+        getTryAgainContent: () => cardContainer().getErrorState().getRetryButton().getButtonTextContent(), 
+        /** Returns custom fields side panel driver */
+        sidePanel: () => CustomFieldPanelUniDriver(body.$(`[data-hook="cairo-modals-container"]`), body), 
+        /** Returns custom field modal driver */
+        customFieldModal: () => CustomFieldModalUniDriver(base, body), 
+        /** Returns archive field modal driver */
+        archiveFieldModal: () => ArchiveFieldModalUniDriver(base, body), 
+        /** Returns field driver by given ID */
+        fieldById: (id) => form().field(id) }, baseUniDriverFactory(base));
+};
+//# sourceMappingURL=CustomFieldsWidget.uni.driver.js.map

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

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

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

@@ -0,0 +1,29 @@
+import React, { useState } from 'react';
+import { usePageContext } from '@wix/bex-core/react';
+import { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';
+import { CustomFieldModal } from '../CustomFieldModal';
+import { observer } from 'mobx-react-lite';
+import { CustomFieldsFormState } from '../../state';
+import { CustomFieldsForm } from '../CustomFieldsForm';
+import { ArchiveFieldModal } from '../CustomFieldsPanel/ArchiveFieldModal';
+import { EmptyStateContent } from './EmptyStateContent';
+const _CustomFieldsWidgetContent = ({ state, extendedFields, emptyStateOverrides = {}, }) => {
+    const page = usePageContext();
+    const { modalsContainerRef, stackingRootRef } = page;
+    const customFields = state.dataExtension.availableUserCustomFields;
+    const [formState] = useState(() => {
+        var _a, _b;
+        return ((_a = state.formState) !== null && _a !== void 0 ? _a : (state.formState = new CustomFieldsFormState({
+            translate: state.container.translate,
+            schema: customFields,
+            extendedFields: (_b = extendedFields === null || extendedFields === void 0 ? void 0 : extendedFields.namespaces) === null || _b === void 0 ? void 0 : _b._user_fields,
+        })));
+    });
+    return (React.createElement(React.Fragment, null,
+        customFields.length > 0 ? (React.createElement(CustomFieldsForm, { dataHook: "custom-fields-form", state: formState })) : (React.createElement(EmptyStateContent, { state: state, emptyStateOverrides: emptyStateOverrides })),
+        React.createElement(WixPatternsModalsContainer, { rootRef: stackingRootRef, anchorRef: modalsContainerRef, state: state.panels }),
+        React.createElement(CustomFieldModal, { state: state.dataExtension }),
+        React.createElement(ArchiveFieldModal, { state: state.dataExtension })));
+};
+export const CustomFieldsWidgetContent = observer(_CustomFieldsWidgetContent);
+//# sourceMappingURL=CustomFieldsWidgetContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsWidgetContent.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAA2B,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAWxD,MAAM,0BAA0B,GAAG,CAAC,EAClC,KAAK,EACL,cAAc,EACd,mBAAmB,GAAG,EAAE,GACO,EAAE,EAAE;IACnC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAC9B,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC;IAErD,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC;IAEnE,MAAM,CAAC,SAAS,CAAC,GAAG,QAAQ,CAC1B,GAAG,EAAE;;QACH,OAAA,OAAC,KAAK,CAAC,SAAS,oCAAf,KAAK,CAAC,SAAS,GAAK,IAAI,qBAAqB,CAAC;YAC7C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS;YACpC,MAAM,EAAE,YAAY;YACpB,cAAc,EAAE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,0CAAE,YAAY;SACzD,CAAC,EAAC,CAAA;KAAA,CACN,CAAC;IAEF,OAAO,CACL;QACG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,oBAAC,gBAAgB,IAAC,QAAQ,EAAC,oBAAoB,EAAC,KAAK,EAAE,SAAS,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,mBAAmB,GACxC,CACH;QACD,oBAAC,0BAA0B,IACzB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,kBAAkB,EAC7B,KAAK,EAAE,KAAK,CAAC,MAAM,GACnB;QACF,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAI;QAChD,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAI,CAChD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,0BAA0B,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './CustomFieldsWidgetContent';
+export * from './ActionButtons';
+//# sourceMappingURL=CustomFieldsWidgetLazyContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsWidgetLazyContent.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetLazyContent.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { EmptyState } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+function _EmptyStateContent(props) {
+    const { state, emptyStateOverrides = {} } = props;
+    const { container: { translate: t }, } = state;
+    return (React.createElement(EmptyState, { dataHook: "empty-state", title: state.hasWritePermissions
+            ? emptyStateOverrides.title ||
+                t('cairo.customFields.emptyState.title')
+            : t('cairo.customFields.emptyStatePassive.title'), subtitle: state.hasWritePermissions
+            ? emptyStateOverrides.subtitle ||
+                t('cairo.customFields.emptyState.subtitle')
+            : t('cairo.customFields.emptyStatePassive.subtitle'), theme: "page-no-border" }));
+}
+export const EmptyStateContent = observer(_EmptyStateContent);
+//# sourceMappingURL=EmptyStateContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateContent.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/EmptyStateContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAW3C,SAAS,kBAAkB,CAAC,KAA6B;IACvD,MAAM,EAAE,KAAK,EAAE,mBAAmB,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EACJ,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAC,aAAa,EACtB,KAAK,EACH,KAAK,CAAC,mBAAmB;YACvB,CAAC,CAAC,mBAAmB,CAAC,KAAK;gBACzB,CAAC,CAAC,qCAAqC,CAAC;YAC1C,CAAC,CAAC,CAAC,CAAC,4CAA4C,CAAC,EAErD,QAAQ,EACN,KAAK,CAAC,mBAAmB;YACvB,CAAC,CAAC,mBAAmB,CAAC,QAAQ;gBAC5B,CAAC,CAAC,wCAAwC,CAAC;YAC7C,CAAC,CAAC,CAAC,CAAC,+CAA+C,CAAC,EAExD,KAAK,EAAC,gBAAgB,GACtB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { EmptyState, TextButton } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { Refresh } from '@wix/wix-ui-icons-common';
+const _ErrorStateContent = ({ state }) => {
+    const { container: { translate: t }, } = state;
+    return (React.createElement(EmptyState, { dataHook: "error-state", theme: "page-no-border", title: t('cairo.customFields.technical.error.title'), subtitle: t('cairo.technical.error.text') },
+        React.createElement(TextButton, { dataHook: "retry-button", prefixIcon: React.createElement(Refresh, null), onClick: () => state.retry() }, t('cairo.error.tryAgain.cta'))));
+};
+export const ErrorStateContent = observer(_ErrorStateContent);
+//# sourceMappingURL=ErrorStateContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorStateContent.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/ErrorStateContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAQnD,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAmB,EAAE,EAAE;IACxD,MAAM,EACJ,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAC,aAAa,EACtB,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,CAAC,CAAC,0CAA0C,CAAC,EACpD,QAAQ,EAAE,CAAC,CAAC,4BAA4B,CAAC;QAEzC,oBAAC,UAAU,IACT,QAAQ,EAAC,cAAc,EACvB,UAAU,EAAE,oBAAC,OAAO,OAAG,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,IAE3B,CAAC,CAAC,0BAA0B,CAAC,CACnB,CACF,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SkeletonGroup, Layout, Cell, SkeletonLine as WSRSkeletonLine, SkeletonRectangle, } from '@wix/design-system';
+export const SkeletonLine = ({ span, marginBottom, }) => (React.createElement(SkeletonGroup, null,
+    React.createElement(Layout, null,
+        React.createElement(Cell, { span: span },
+            React.createElement(WSRSkeletonLine, { marginBottom: marginBottom })))));
+export const SkeletonContent = () => (React.createElement(SkeletonGroup, { dataHook: "loading-state-skeleton-group" },
+    React.createElement(Layout, { gap: "SP6" },
+        React.createElement(Cell, null,
+            React.createElement(SkeletonRectangle, { height: "30px", width: "240px" })),
+        React.createElement(Cell, null,
+            React.createElement(SkeletonRectangle, { height: "30px", width: "240px" })))));
+//# sourceMappingURL=Skeletons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeletons.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/Skeletons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,aAAa,EACb,MAAM,EACN,IAAI,EACJ,YAAY,IAAI,eAAe,EAC/B,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,YAAY,GAIb,EAAE,EAAE,CAAC,CACJ,oBAAC,aAAa;IACZ,oBAAC,MAAM;QACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI;YACd,oBAAC,eAAe,IAAC,YAAY,EAAE,YAAY,GAAI,CAC1C,CACA,CACK,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CACnC,oBAAC,aAAa,IAAC,QAAQ,EAAC,8BAA8B;IACpD,oBAAC,MAAM,IAAC,GAAG,EAAC,KAAK;QACf,oBAAC,IAAI;YACH,oBAAC,iBAAiB,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC5C;QACP,oBAAC,IAAI;YACH,oBAAC,iBAAiB,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC5C,CACA,CACK,CACjB,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './CustomFieldsWidget';
+export * from './CustomFieldsViewWidget';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC"}

package/dist/esm/components/CustomFieldsWidgetContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from 'react';
+import { assertContextValue } from '../createContext';
+export const customFieldsWidgetContext = createContext(null);
+export const CustomFieldsWidgetContextProvider = customFieldsWidgetContext.Provider;
+export const CustomFieldsWidgetContextConsumer = customFieldsWidgetContext.Consumer;
+export const useCustomFieldsWidgetContext = () => {
+    const value = useContext(customFieldsWidgetContext);
+    assertContextValue('CustomFieldsWidgetProvider', value);
+    return value;
+};
+//# sourceMappingURL=CustomFieldsWidgetContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsWidgetContext.js","sourceRoot":"","sources":["../../../src/components/CustomFieldsWidgetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,CAAC,MAAM,yBAAyB,GACpC,aAAa,CAAiC,IAAI,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,iCAAiC,GAC5C,yBAAyB,CAAC,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,iCAAiC,GAC5C,yBAAyB,CAAC,QAAQ,CAAC;AAErC,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,KAAK,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACpD,kBAAkB,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IACxD,OAAO,KAAgC,CAAC;AAC1C,CAAC,CAAC"}

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

@@ -0,0 +1,84 @@
+import { addEventListener, WixPatternsError, DataExtensionState, TaskState, withoutDefaults, } from '@wix/bex-core';
+import { cairoErrorInLoadingAComponent, cairoTryAgainClicked, } from '@wix/bex-core/bi';
+export class CollectionDataExtensionState {
+    constructor(params) {
+        var _a;
+        this.initTask = new TaskState();
+        this.toolbar = params.toolbar;
+        this.DataExtension = params.DataExtension;
+        this.dataExtension = new DataExtensionState({
+            container: params.container,
+            fqdn: (_a = params.toolbar.collection.fqdn) !== null && _a !== void 0 ? _a : {
+                product: params.toolbar.collection.queryName,
+            },
+            reportBi: params.toolbar.reportBi,
+            closeSidePanel: params.toolbar.closeSidePanel,
+        });
+    }
+    _getFetchSchemasError(err) {
+        return new WixPatternsError({
+            errorCode: 'InitCustomFieldsDataExtensionFailed',
+            originalException: err,
+        });
+    }
+    _handleFetchSchemasError() {
+        var _a, _b;
+        const error = this.dataExtension.initTask.status.error;
+        if (!error) {
+            return;
+        }
+        const cairoError = this._getFetchSchemasError(error);
+        (_b = (_a = this.dataExtension.container).showToast) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            message: this.dataExtension.container.translate('cairo.customFields.fetch.technicalError'),
+            action: {
+                uiType: 'LINK',
+                text: this.dataExtension.container.translate('cairo.toast.retry'),
+                onClick: () => {
+                    this.dataExtension.reportBi(withoutDefaults(cairoTryAgainClicked)({
+                        actionName: 'Fetch extended fields',
+                        loaction: 'toast',
+                    }));
+                    this.dataExtension
+                        .fetchSchemas()
+                        .catch(this._handleFetchSchemasError.bind(this));
+                },
+                removeToastOnClick: true,
+            },
+            type: 'WARNING',
+            biName: 'cairo-fetch-schemas-error-toast',
+        });
+        this.dataExtension.container.internalMonitor.reportError({
+            error: cairoError,
+        });
+        this.dataExtension.reportBi(cairoErrorInLoadingAComponent({
+            errorType: cairoError.name,
+        }));
+    }
+    init() {
+        const { initTask, dataExtension, toolbar } = this;
+        const { customColumnsState } = toolbar;
+        const disposers = [
+            dataExtension.init(),
+            ...((customColumnsState === null || customColumnsState === void 0 ? void 0 : customColumnsState.events)
+                ? [
+                    addEventListener(customColumnsState.events, 'beforeInitialFetch', () => initTask.status.promise),
+                ]
+                : []),
+        ];
+        initTask.runOnce(async () => {
+            var _a;
+            dataExtension.initTask.runOnce();
+            dataExtension.container.initTask.runOnce();
+            await Promise.all([
+                (_a = dataExtension.initTask.status.promise) === null || _a === void 0 ? void 0 : _a.catch(() => { }),
+                dataExtension.container.initTask.status.promise,
+            ]);
+            this._handleFetchSchemasError();
+            toolbar.setNewExtendedColumns(dataExtension.availableCustomFields);
+        });
+        return () => {
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
+        };
+    }
+}
+//# sourceMappingURL=CollectionDataExtensionState.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+import { CustomFieldModal } from '../CustomFieldModal';
+import { CustomColumnsFull } from '../CustomColumns';
+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,
+};
+//# sourceMappingURL=DataExtension.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export * from './DataExtension';
+export * from './CollectionDataExtensionState';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DataExtension/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gCAAgC,CAAC"}

package/dist/esm/components/DateRangeFilter/DateRangeFilter.js

@@ -0,0 +1,41 @@
+import { __rest } from "tslib";
+import React, { useEffect, useMemo } from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+import { DateRangePicker } from '../DateRangePicker';
+import { Box, Collapse, RadioGroup } from '@wix/design-system';
+import { DateRangePreset, DefaultDateRangePreset, MAP_DATE_PRESET_TO_KEY, renderPresetToolbarTag, } from '@wix/bex-core';
+import { useDateRangeFilterState } from '../../hooks';
+function _DateRangeFilter(props) {
+    const { filter, filterByTime, mode = 'COMBINE', dateRangeOptions } = props, rest = __rest(props, ["filter", "filterByTime", "mode", "dateRangeOptions"]);
+    const { translate: t } = useWixPatternsContainer();
+    const state = useDateRangeFilterState({
+        filter,
+        filterByTime,
+    });
+    const dateRangePreset = useMemo(() => {
+        if (!dateRangeOptions) {
+            return DefaultDateRangePreset;
+        }
+        const dateRangePresetArr = Object.keys(DateRangePreset).filter((key) => dateRangeOptions.includes(key));
+        dateRangePresetArr.unshift(DateRangePreset.NONE);
+        if (mode === 'COMBINE') {
+            dateRangePresetArr.push(DateRangePreset.CUSTOM);
+        }
+        const dateRangePresetObjects = dateRangePresetArr.reduce((cur, key) => (Object.assign(Object.assign({}, cur), { [key]: DateRangePreset[key] })), {});
+        return dateRangePresetObjects;
+    }, [mode, dateRangeOptions]);
+    useEffect(() => state.init(), []);
+    const customElement = (React.createElement(DateRangePicker, Object.assign({ dataHook: "date-range-picker", state: state.dateRangePicker }, rest)));
+    const innerComponent = mode === 'ONLY_CUSTOM' ? (customElement) : (React.createElement(Box, { direction: "vertical" },
+        React.createElement(RadioGroup, { value: state.dateRangePicker.selectedPreset, onChange: (v) => v && state.dateRangePicker.onPresetChanged(v.toString()), dataHook: "date-range-filter-group" },
+            Object.values(dateRangePreset).map((preset) => preset === dateRangePreset.CUSTOM ? null : (React.createElement(RadioGroup.Radio, { key: preset, value: preset, dataHook: `date-range-filter-option-${preset}` }, t(MAP_DATE_PRESET_TO_KEY[preset])))),
+            mode === 'COMBINE' && dateRangePreset.CUSTOM && (React.createElement(RadioGroup.Radio, { value: dateRangePreset.CUSTOM, dataHook: `date-range-filter-option-${dateRangePreset.CUSTOM}` }, t(MAP_DATE_PRESET_TO_KEY[dateRangePreset.CUSTOM])))),
+        React.createElement(Collapse, { open: state.dateRangePicker.selectedPreset === dateRangePreset.CUSTOM },
+            React.createElement(Box, { marginTop: "14px", overflowY: "visible" }, customElement))));
+    return (React.createElement(Box, { dataHook: `date-range-filter-${filter.name}`, direction: "vertical" }, innerComponent));
+}
+export const DateRangeFilter = observer(_DateRangeFilter);
+DateRangeFilter.displayName = 'DateRangeFilter';
+DateRangeFilter.renderPresetToolbarTag = renderPresetToolbarTag;
+//# sourceMappingURL=DateRangeFilter.js.map

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

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

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

@@ -0,0 +1,2 @@
+export * from './DateRangeFilter';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateRangeFilter/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/DateRangePicker/DateRangeFilter.uni.driver.js

@@ -0,0 +1,70 @@
+import { DatePickerUniDriver, DropdownBaseUniDriver, InputUniDriver, RadioGroupUniDriver, RadioUniDriver, TimeInputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+export function DateRangePickerUniDriver(base, body) {
+    const getDatePickersContainer = () => base.$(`[data-hook="date-range-picker"]`);
+    const getDatePickerBase = (picker) => base.$(`[data-hook="date-range-picker-${picker}"]`);
+    const getTimeInputBase = (picker) => base.$(`[data-hook="date-range-picker-time-${picker}"]`);
+    const getDatePicker = (picker) => DatePickerUniDriver(getDatePickerBase(picker), body);
+    const getTimeInput = (picker) => TimeInputUniDriver(getTimeInputBase(picker), body);
+    const getRadioGroup = () => RadioGroupUniDriver(base.$(`[data-hook="date-range-filter-group"]`), body);
+    const getRadioItem = (preset) => RadioUniDriver(base.$(`[data-hook="date-range-filter-option-${preset}"]`), body);
+    const openDatePicker = async (datePicker) => {
+        !(await datePicker.calendarDriver.exists()) && datePicker.driver.open();
+    };
+    const chooseRandomDates = async () => {
+        const dateFrom = getDatePicker('from');
+        const dateTo = getDatePicker('to');
+        await openDatePicker(dateFrom);
+        await dateFrom.calendarDriver.clickOnNthDay(1);
+        await dateTo.calendarDriver.clickOnNthDay(2);
+        return {
+            from: dateFrom,
+            to: dateTo,
+        };
+    };
+    const chooseDate = async (picker, date) => {
+        const datePicker = getDatePicker(picker);
+        await openDatePicker(datePicker);
+        await datePicker.calendarDriver.clickDay(date);
+        return datePicker;
+    };
+    const choosePresetOption = async (option) => {
+        const datesRadioGroup = getRadioGroup();
+        await datesRadioGroup.selectByValue(option);
+    };
+    const getPresetOptions = async () => {
+        const presetOptions = [];
+        try {
+            const datesRadioGroup = getRadioGroup();
+            const numberOfRadios = await datesRadioGroup.getNumberOfRadios();
+            for (let i = 0; i < numberOfRadios; i++) {
+                presetOptions.push(await datesRadioGroup.getRadioValueAt(i));
+            }
+        }
+        catch (_a) { }
+        return presetOptions;
+    };
+    const getSelectedPresetTitle = async () => {
+        const selectedRaido = await getRadioItem(await getSelectedPreset());
+        return selectedRaido.getLabel();
+    };
+    const getSelectedPreset = () => {
+        const datesRadioGroup = getRadioGroup();
+        return datesRadioGroup.getSelectedValue();
+    };
+    const getTimeInputDriver = (picker) => InputUniDriver(getTimeInputBase(picker).$(`[data-hook="TimeInput-input"]`), body);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { _getRadioGroup: getRadioGroup, getDatePicker,
+        getDatePickersContainer,
+        getTimeInput, isTimeSelected: async (picker) => {
+            return !!(await getTimeInputDriver(picker).getValue());
+        }, openTimeDropdown: async (picker) => {
+            await getTimeInputDriver(picker).click();
+        }, getTimeDropdown: (picker) => DropdownBaseUniDriver(getTimeInputBase(picker).$(`[data-hook="TimeInput-dropdown"]`), body), chooseRandomDates,
+        chooseDate,
+        choosePresetOption,
+        getPresetOptions,
+        getSelectedPreset,
+        getSelectedPresetTitle,
+        openDatePicker });
+}
+//# sourceMappingURL=DateRangeFilter.uni.driver.js.map

package/dist/esm/components/DateRangePicker/DateRangeFilter.uni.driver.js.map

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

package/dist/esm/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,46 @@
+import { __rest } from "tslib";
+import React, { useMemo, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Box, DatePicker, Text, TimeInput, Input, } from '@wix/design-system';
+import { TimeSmall } from '@wix/wix-ui-icons-common';
+import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';
+function _DateRangePicker(props) {
+    var _a, _b;
+    const { state, dataHook, popoverProps } = props, rest = __rest(props, ["state", "dataHook", "popoverProps"]);
+    const { translate: t, filterByTime } = state;
+    const datePickerFrom = useRef(null);
+    const datePickerTo = useRef(null);
+    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    const commonDatePickerProps = {
+        shouldCloseOnSelect: true,
+        size: 'medium',
+        dateStyle: 'medium',
+        width: filterByTime ? '100%' : '172px',
+    };
+    const commonTimeInputProps = {
+        size: 'medium',
+        prefix: (React.createElement(Input.IconAffix, null,
+            React.createElement(TimeSmall, null))),
+        popoverProps: windowFlipPopoverProps,
+        width: '144px',
+    };
+    const filterDateFrom = useMemo(() => (date) => state.filterDateFrom(date), [state.to]);
+    const filterDateTo = useMemo(() => (date) => state.filterDateTo(date), [state.from]);
+    const filterDateTimeFrom = useMemo(() => (date) => state.filterDateTimeFrom(date), [state.to, state.from, state.isToTimeSet]);
+    const filterDateTimeTo = useMemo(() => (date) => state.filterDateTimeTo(date), [state.from, state.to, state.isFromTimeSet]);
+    const fromPicker = (React.createElement(DatePicker, Object.assign({ ref: datePickerFrom, placeholderText: t('cairo.filtersPanel.date.title'), onChange: (from) => state.onFromSelected(from), value: (_a = state.from) !== null && _a !== void 0 ? _a : undefined, filterDate: filterDateFrom, onClose: () => state.onFromClosed(), dataHook: "date-range-picker-from", popoverProps: Object.assign(Object.assign({}, windowFlipPopoverProps), { placement: 'bottom-start' }), clearButton: true, onClear: () => state.onFromSelected(null) }, rest, commonDatePickerProps)));
+    const toPicker = (React.createElement(DatePicker, Object.assign({ ref: datePickerTo, placeholderText: t('cairo.filtersPanel.date.title'), onChange: (to) => state.onToSelected(to), value: (_b = state.to) !== null && _b !== void 0 ? _b : undefined, filterDate: filterDateTo, onClose: () => state.onToClosed(), dataHook: "date-range-picker-to", popoverProps: Object.assign(Object.assign({}, windowFlipPopoverProps), { placement: 'bottom-end' }), clearButton: true, onClear: () => state.onToSelected(null) }, rest, commonDatePickerProps)));
+    return (React.createElement(Box, { direction: filterByTime ? 'vertical' : 'horizontal', gap: "SP2", dataHook: dataHook, width: "100%" },
+        React.createElement(Box, { direction: "vertical", gap: "SP1" },
+            React.createElement(Text, { size: "small" }, t('cairo.filtersPanel.date.from.placeholder')),
+            filterByTime ? (React.createElement(Box, { gap: "SP2", width: "100%" },
+                React.createElement(Box, { flex: 1 }, fromPicker),
+                React.createElement(TimeInput, Object.assign({ dataHook: "date-range-picker-time-from", placeholder: t('cairo.filtersPanel.time.title'), value: state.isFromTimeSet ? state.from : null, onChange: ({ date }) => state.onFromTimeSelected(date), disabled: !state.from, filterTime: filterDateTimeFrom }, commonTimeInputProps)))) : (fromPicker)),
+        React.createElement(Box, { direction: "vertical", gap: "SP1" },
+            React.createElement(Text, { size: "small" }, t('cairo.filtersPanel.date.to.placeholder')),
+            filterByTime ? (React.createElement(Box, { gap: "SP2", width: "100%" },
+                React.createElement(Box, { flex: 1 }, toPicker),
+                React.createElement(TimeInput, Object.assign({ dataHook: "date-range-picker-time-to", placeholder: t('cairo.filtersPanel.time.title'), value: state.isToTimeSet ? state.to : null, onChange: ({ date }) => state.onToTimeSelected(date), disabled: !state.to, filterTime: filterDateTimeTo }, commonTimeInputProps)))) : (toPicker))));
+}
+export const DateRangePicker = observer(_DateRangePicker);
+//# sourceMappingURL=DateRangePicker.js.map