@wix/patterns 0.8.0

package/dist/esm/components/PickerContent/PickerContentWrapped.js

@@ -0,0 +1,71 @@
+import { runInAction } from 'mobx';
+import React, { useState } from 'react';
+import { useCreatePickerContentState } from '../../hooks/usePickerContent';
+import { PickerContentState } from '../../state';
+import { PickerContentAdditionalStep } from './PickerContentAdditionalStep';
+import { PickerContentItemsSelection } from './PickerContentItemsSelection';
+import { fromMultipleSelectionToBoolean } from '../MaxSelection';
+import { observer } from 'mobx-react-lite';
+function _PickerContentWrapped(props) {
+    var _a;
+    const { state: params, renderPickerContent, primaryButtonOnClick, backButtonOnClick, continueButtonOnClick, } = props;
+    const createPickerContentState = useCreatePickerContentState();
+    const [isAdditionalStepShown, showAdditionalStep] = useState(false);
+    const [state] = useState(() => params instanceof PickerContentState
+        ? params
+        : createPickerContentState(params));
+    const { picker, modalState } = state;
+    const { _isModalOpen } = modalState;
+    const primaryOnClick = ({ currentLevel, numLevels, }) => {
+        picker.onPrimaryButtonClick({ currentLevel, numLevels });
+        runInAction(() => {
+            var _a;
+            modalState.onPrimaryButtonClick(state, (_a = state.additionalStep) === null || _a === void 0 ? void 0 : _a.additionalData);
+        });
+        primaryButtonOnClick === null || primaryButtonOnClick === void 0 ? void 0 : primaryButtonOnClick();
+    };
+    const secondaryOnClick = () => {
+        var _a;
+        picker.onSecondaryButtonOnClick();
+        _isModalOpen.value = false;
+        (_a = props === null || props === void 0 ? void 0 : props.secondaryButtonOnClick) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    const onCloseButtonClick = (event) => {
+        var _a;
+        picker.onCloseButtonClick();
+        _isModalOpen.value = false;
+        (_a = props === null || props === void 0 ? void 0 : props.onCloseButtonClick) === null || _a === void 0 ? void 0 : _a.call(props, event);
+    };
+    const { collection: { translate: t }, } = picker;
+    const selectedValue = (_a = picker.collection.bulkSelect.selectedValues) === null || _a === void 0 ? void 0 : _a[0];
+    const hasAdditionalStep = React.useMemo(() => {
+        var _a;
+        return selectedValue &&
+            ((_a = props === null || props === void 0 ? void 0 : props.hasAdditionalStep) === null || _a === void 0 ? void 0 : _a.call(props, {
+                item: selectedValue,
+            }));
+    }, [selectedValue]);
+    return isAdditionalStepShown ? (React.createElement(PickerContentAdditionalStep, Object.assign({}, props, { pickerContentState: state, onBackButtonClick: () => {
+            picker.onBackButtonClick();
+            showAdditionalStep(false);
+            backButtonOnClick === null || backButtonOnClick === void 0 ? void 0 : backButtonOnClick({ item: selectedValue });
+        }, primaryButtonOnClick: () => {
+            primaryOnClick({ currentLevel: 2, numLevels: 2 });
+        }, secondaryButtonOnClick: secondaryOnClick, onCloseButtonClick: onCloseButtonClick }))) : (React.createElement(PickerContentItemsSelection, Object.assign({}, props, { state: state, primaryButtonOnClick: () => {
+            if (
+            // currently additional step supports only single selection
+            !fromMultipleSelectionToBoolean(props === null || props === void 0 ? void 0 : props.multiple) &&
+                hasAdditionalStep) {
+                picker.onContinueButtonClick();
+                showAdditionalStep(true);
+                continueButtonOnClick === null || continueButtonOnClick === void 0 ? void 0 : continueButtonOnClick({ item: selectedValue });
+            }
+            else {
+                primaryOnClick({ currentLevel: 1, numLevels: 1 });
+            }
+        }, primaryButtonText: hasAdditionalStep
+            ? t('cairo.continue')
+            : props.primaryButtonText || t('cairo.continue'), secondaryButtonOnClick: secondaryOnClick, renderPickerContent: renderPickerContent, onCloseButtonClick: onCloseButtonClick })));
+}
+export const PickerContentWrapped = observer(_PickerContentWrapped);
+//# sourceMappingURL=PickerContentWrapped.js.map

package/dist/esm/components/PickerContent/PickerContentWrapped.js.map

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

package/dist/esm/components/PickerContent/SelectAllCheckbox.js

@@ -0,0 +1,20 @@
+import { Checkbox } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+function _SelectAllCheckbox(props) {
+    const { state } = props;
+    const { toggleIsSelectAll, picker: { collection: { result: { isEmptyAndNotFetching }, query: { hasActiveFilters }, bulkSelect: { selectedCountOrTotal, select: { isNotEmptyEnabledItems: hasEnabledCheckedItems }, allSelected, hasUnchecked, collection: { result: { total }, }, }, translate: t, }, }, } = state;
+    return (React.createElement(Checkbox, { dataHook: "picker-select-all-checkbox", checked: allSelected, disabled: hasActiveFilters || isEmptyAndNotFetching, onChange: toggleIsSelectAll, indeterminate: hasEnabledCheckedItems && (!allSelected || hasUnchecked) }, hasEnabledCheckedItems ? (React.createElement(React.Fragment, null,
+        t('cairo.deselectAll'),
+        !hasActiveFilters && React.createElement(React.Fragment, null,
+            " (",
+            selectedCountOrTotal,
+            ")"))) : (React.createElement(React.Fragment, null,
+        t('cairo.selectAll'),
+        !hasActiveFilters && React.createElement(React.Fragment, null,
+            " (",
+            total,
+            ")")))));
+}
+export const SelectAllCheckbox = observer(_SelectAllCheckbox);
+//# sourceMappingURL=SelectAllCheckbox.js.map

package/dist/esm/components/PickerContent/SelectAllCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAllCheckbox.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/SelectAllCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAO3C,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EACJ,iBAAiB,EACjB,MAAM,EAAE,EACN,UAAU,EAAE,EACV,MAAM,EAAE,EAAE,qBAAqB,EAAE,EACjC,KAAK,EAAE,EAAE,gBAAgB,EAAE,EAC3B,UAAU,EAAE,EACV,oBAAoB,EACpB,MAAM,EAAE,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,EAC1D,WAAW,EACX,YAAY,EACZ,UAAU,EAAE,EACV,MAAM,EAAE,EAAE,KAAK,EAAE,GAClB,GACF,EACD,SAAS,EAAE,CAAC,GACb,GACF,GACF,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,QAAQ,IACP,QAAQ,EAAC,4BAA4B,EACrC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,gBAAgB,IAAI,qBAAqB,EACnD,QAAQ,EAAE,iBAAiB,EAC3B,aAAa,EAAE,sBAAsB,IAAI,CAAC,CAAC,WAAW,IAAI,YAAY,CAAC,IAEtE,sBAAsB,CAAC,CAAC,CAAC,CACxB;QACG,CAAC,CAAC,mBAAmB,CAAC;QACtB,CAAC,gBAAgB,IAAI;;YAAK,oBAAoB;gBAAK,CACnD,CACJ,CAAC,CAAC,CAAC,CACF;QACG,CAAC,CAAC,iBAAiB,CAAC;QACpB,CAAC,gBAAgB,IAAI;;YAAK,KAAK;gBAAK,CACpC,CACJ,CACQ,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/PickerEmptyState/PickerEmptyState.js

@@ -0,0 +1,42 @@
+import { Revert } from '@wix/wix-ui-icons-common';
+import React from 'react';
+import { Box, Text, TextButton } from '@wix/design-system';
+import { CollectionEmptyStateBase, } from '../CollectionEmptyStateBase';
+export const PickerEmptyState = ({ state, hasFilterDropdown, renderEmptyState, }) => {
+    var _a;
+    const { collection, minContentHeight } = state;
+    const { result: { originQuery, hasAvailableItems }, translate: t, } = collection;
+    const showFilterOnlyEmptyState = Boolean(hasFilterDropdown && collection.query.search.isEmpty);
+    const showFilterWithSearchEmptyState = Boolean(hasFilterDropdown && !collection.query.search.isEmpty);
+    const filterOnlyEmptyStateProps = {
+        state: collection,
+        dataHook: 'picker-empty-state-only-filter',
+        title: t('cairo.search.noresults.title'),
+        subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),
+    };
+    const filterWithSearchEmptyStateProps = {
+        state: collection,
+        dataHook: 'picker-empty-state-filter-with-search',
+        title: t('cairo.search.nothingMatches.title', {
+            term: collection.result.originQuery.rawSearch,
+        }),
+        subtitle: (React.createElement(Box, { direction: "vertical", gap: "18px", align: "center" },
+            React.createElement(Text, { size: "small" }, t('cairo.selectorModal.searchEmptyState.subtitle')),
+            React.createElement(TextButton, { prefixIcon: React.createElement(Revert, null), onClick: () => collection.clearSearch() }, t('cairo.emptyState.reset.button')))),
+    };
+    const getEmptyStateConfig = () => {
+        if (showFilterOnlyEmptyState) {
+            return filterOnlyEmptyStateProps;
+        }
+        if (showFilterWithSearchEmptyState) {
+            return filterWithSearchEmptyStateProps;
+        }
+        return { state: collection, dataHook: 'picker-empty-state' };
+    };
+    return (React.createElement(Box, { direction: "vertical", overflow: "auto" },
+        React.createElement(Box, { align: "center", verticalAlign: "middle", paddingTop: "SP2", paddingBottom: "SP9", height: "100%", minHeight: minContentHeight }, (_a = renderEmptyState === null || renderEmptyState === void 0 ? void 0 : renderEmptyState({
+            hasAvailableItems,
+            query: originQuery,
+        })) !== null && _a !== void 0 ? _a : React.createElement(CollectionEmptyStateBase, Object.assign({}, getEmptyStateConfig())))));
+};
+//# sourceMappingURL=PickerEmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerEmptyState.js","sourceRoot":"","sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EACL,wBAAwB,GAEzB,MAAM,6BAA6B,CAAC;AAUrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA0B,EACxD,KAAK,EACL,iBAAiB,EACjB,gBAAgB,GACY,EAAE,EAAE;;IAChC,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EACJ,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAC1C,SAAS,EAAE,CAAC,GACb,GAAG,UAAU,CAAC;IAEf,MAAM,wBAAwB,GAAG,OAAO,CACtC,iBAAiB,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CACrD,CAAC;IAEF,MAAM,8BAA8B,GAAG,OAAO,CAC5C,iBAAiB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CACtD,CAAC;IAEF,MAAM,yBAAyB,GAAwC;QACrE,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,gCAAgC;QAC1C,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC;QACxC,QAAQ,EAAE,CAAC,CAAC,4DAA4D,CAAC;KAC1E,CAAC;IAEF,MAAM,+BAA+B,GAAwC;QAC3E,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,uCAAuC;QACjD,KAAK,EAAE,CAAC,CAAC,mCAAmC,EAAE;YAC5C,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS;SAC9C,CAAC;QACF,QAAQ,EAAE,CACR,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ;YACjD,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,IACf,CAAC,CAAC,+CAA+C,CAAC,CAC9C;YACP,oBAAC,UAAU,IACT,UAAU,EAAE,oBAAC,MAAM,OAAG,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,IAEtC,CAAC,CAAC,+BAA+B,CAAC,CACxB,CACT,CACP;KACF,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAwC,EAAE;QACpE,IAAI,wBAAwB,EAAE;YAC5B,OAAO,yBAAyB,CAAC;SAClC;QACD,IAAI,8BAA8B,EAAE;YAClC,OAAO,+BAA+B,CAAC;SACxC;QACD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,oBAAoB,EAAE,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,MAAM;QACvC,oBAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,gBAAgB,IAE1B,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG;YAClB,iBAAiB;YACjB,KAAK,EAAE,WAAW;SACnB,CAAC,mCAAI,oBAAC,wBAAwB,oBAAK,mBAAmB,EAAE,EAAI,CACzD,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/PickerListContent/PickerListContent.js

@@ -0,0 +1,41 @@
+import { __rest } from "tslib";
+import React, { useEffect, useRef, } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useCollectionReachBottom } from '../useCollectionReachBottom';
+import { Box, FloatingNotification } from '@wix/design-system';
+import { InfiniteScrollLoader } from '../InfiniteScrollLoader/InfiniteScrollLoader';
+import { TransitionGroup } from 'react-transition-group';
+import { useIsScrollTop } from '../../hooks/useIsScrollTop';
+import { Fade } from '../Fade';
+function _PickerListContent(props) {
+    const { state, renderItem, hiddenItemsWarningText, spacing = 30, multiple } = props, rest = __rest(props, ["state", "renderItem", "hiddenItemsWarningText", "spacing", "multiple"]);
+    const { collection, someHidden } = state;
+    const { result: { keyedItems }, } = collection;
+    const scrollRef = useRef(null);
+    const { targetRef } = useCollectionReachBottom({
+        collection,
+        containerRef: scrollRef,
+    });
+    const isScrollTop = useIsScrollTop(scrollRef);
+    useEffect(() => {
+        state.updateIsScrollTop(isScrollTop);
+    }, [isScrollTop]);
+    const notification = someHidden && hiddenItemsWarningText && (React.createElement(Box, { padding: `0 ${spacing}px 18px ${spacing}px` },
+        React.createElement(FloatingNotification, { dataHook: "floating-notification", width: "100%", showCloseButton: false, type: "warning", text: hiddenItemsWarningText })));
+    const listItems = keyedItems.map((keyedItem, index) => {
+        const { type: PickerListItem, props: pickerListItemProps } = renderItem(keyedItem, index);
+        return (React.createElement(PickerListItem, Object.assign({ dataHook: "selector-list-selector", key: keyedItem.key, keyedItem: keyedItem, state: state, multiple: multiple }, pickerListItemProps)));
+    });
+    return (React.createElement("div", Object.assign({ ref: scrollRef }, rest, { "data-hook": "selector-list-content", style: Object.assign({ height: 'inherit', overflow: 'auto' }, rest.style) }),
+        notification,
+        React.createElement(TransitionGroup, null, listItems.flatMap((child, index, { length }) => {
+            return (React.createElement(Fade, { key: child.key, timeout: 300 },
+                React.createElement(Box, { direction: "vertical", dataHook: "picker-list-fade-item" },
+                    child,
+                    index !== length - 1 && (React.createElement(Box, { paddingLeft: "SP5", paddingRight: "SP5" },
+                        React.createElement(Box, { width: "100%", height: "1px", backgroundColor: "D60" }))))));
+        })),
+        React.createElement(InfiniteScrollLoader, { targetRef: targetRef, state: collection, size: "small" })));
+}
+export const PickerListContent = observer(_PickerListContent);
+//# sourceMappingURL=PickerListContent.js.map

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

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

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

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

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

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

package/dist/esm/components/PickerListItemProps.js

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

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

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

package/dist/esm/components/PickerModal/PickerModal.js

@@ -0,0 +1,45 @@
+import { __rest } from "tslib";
+import { Box, Modal, } from '@wix/design-system';
+import React, { useEffect, useState } from 'react';
+import { useReactive } from '@wix/bex-utils/react';
+import { PickerModalSplash } from '../PickerModalSplash';
+export function PickerModal(props) {
+    const { dataHook, state, modalProps, renderError, width = '618px', multiple } = props, rest = __rest(props, ["dataHook", "state", "modalProps", "renderError", "width", "multiple"]);
+    const { _isModalOpen, _customContent, _isCustomContentVisible, fetchPickerComponent, fetchFirstPage, fetchInitialProps, } = state;
+    const isModalOpen = useReactive(_isModalOpen);
+    const fetchPickerComponentStatus = useReactive(fetchPickerComponent.status);
+    const fetchFirstPageStatus = useReactive(fetchFirstPage.status);
+    const fetchInitialPropsStatus = useReactive(fetchInitialProps.status);
+    const customContent = useReactive(_customContent);
+    const isCustomContentVisible = useReactive(_isCustomContentVisible);
+    useState(() => {
+        state.multipleRef.current = multiple;
+    });
+    useEffect(() => {
+        state.multipleRef.current = multiple;
+    }, [multiple]);
+    useEffect(() => {
+        state.onIsOpenChanged();
+    }, [isModalOpen]);
+    useEffect(() => state.init(), []);
+    let child;
+    if (fetchPickerComponentStatus.type === 'success' &&
+        fetchFirstPageStatus.type === 'success' &&
+        fetchInitialPropsStatus.type === 'success') {
+        const { data: PickerContentComponent } = fetchPickerComponentStatus;
+        child = (React.createElement(PickerContentComponent, Object.assign({ dataHook: dataHook, width: "100%", modalState: state, renderError: renderError, multiple: multiple }, rest)));
+    }
+    else {
+        child = (React.createElement(PickerModalSplash, Object.assign({ dataHook: dataHook, state: state, width: "100%", renderError: renderError }, rest, { primaryButtonText: undefined, secondaryButtonText: undefined, primaryButtonOnClick: undefined, secondaryButtonOnClick: undefined })));
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Modal, Object.assign({ dataHook: dataHook ? `${dataHook}-picker-modal` : 'picker-modal-lazy-modal', onRequestClose: () => state.closeModal() }, modalProps, { isOpen: isModalOpen }),
+            React.createElement("div", { "data-wix-patterns": true },
+                React.createElement(Box, { width: width }, child))), customContent === null || customContent === void 0 ? void 0 :
+        customContent({
+            isOpen: isCustomContentVisible,
+            width,
+            close: state.onCreateNew,
+        })));
+}
+//# sourceMappingURL=PickerModal.js.map

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

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

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

@@ -0,0 +1,126 @@
+import { waitFor } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+import { PickerUniDriver } from '../Picker/Picker.uni.driver';
+import { ModalUniDriver, TextUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { PickerModalLayoutUniDriver } from './PickerModalLayout.uni.driver';
+export function PickerModalUniDriver(base, body, { dataHook } = {}) {
+    const modalBase = () => body.$(dataHook
+        ? `.portal-${dataHook}-picker-modal`
+        : '.portal-picker-modal-lazy-modal');
+    const modal = () => ModalUniDriver(modalBase(), modalBase());
+    const layout = () => PickerModalLayoutUniDriver(modalBase(), body);
+    const picker = () => PickerUniDriver(modalBase().$('[data-hook="picker"]'), body);
+    const additionalStepDriver = () => {
+        return {
+            title: () => TextUniDriver(modalBase().$('[data-hook="title"]'), body).getText(),
+            subtitle: () => TextUniDriver(modalBase().$('[data-hook="subtitle"]'), body).getText(),
+            suffixText: () => TextUniDriver(modalBase().$('[data-hook="suffix-text"]'), body).getText(),
+            suffixNode: () => modalBase().$('[data-hook="suffix-node"]'),
+        };
+    };
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { isOpen: () => modal().isOpen(), wait: (timeout) => base.wait(timeout), modalLayoutExists: () => layout().exists(), pickerExists: () => picker().exists(), waitPicker: (timeout) => picker().wait(timeout), waitModalClosed: (timeout) => waitFor(async () => !(await picker().exists()), timeout), 
+        /** Indicates whether the modal is open */
+        isModalOpen: () => modal().isOpen(), 
+        /** Get the modal layout title text */
+        getTitleText: () => layout().getTitleText(), 
+        /** Get the modal layout subtitle text */
+        getSubtitleText: () => layout().getSubtitleText(), 
+        /** Clear the search input */
+        clearSearchTerm: () => layout().clearSearchTerm(), 
+        /** Enter a value to the search input */
+        enterSearchTerm: (value) => layout().enterSearchTerm(value), 
+        /** Get the value of the search input  */
+        getSearchTerm: () => layout().getSearchTerm(), searchExists: () => layout().searchExists(), waitSearchLoader: (timeout) => picker().waitSearchLoader(timeout), waitSearchLoaderRemoved: (timeout) => picker().waitSearchLoaderRemoved(timeout), floatingNotificationExists: () => picker().floatingNotificationExists(), 
+        /**
+         * Get the text of the floating notification at the top of the list
+         */
+        getFloatingNotificationText: () => picker().getFloatingNotificationText(), waitInitialLoader: (timeout) => layout().waitInitialLoader(timeout), waitInitialLoaderRemoved: (timeout) => layout().waitInitialLoaderRemoved(timeout), 
+        /** Get the number of rows currently rendered inside the selector list */
+        numberOfItemsInList: () => picker().numberOfItemsInList(), 
+        /** Get the number of selected rows */
+        getTotalSelected: () => picker().getTotalSelected(), 
+        /**
+         * Triggers "scroll" event on the list.
+         */
+        scrollDown: () => picker().scrollDown(), 
+        /**
+         * Toggles selector of the item at the passed index.
+         * @param {number} index Item index
+         * @returns {Promise<void>} Resolves when selector is toggled.
+         */
+        toggleSelectorAt: (index) => picker().toggleSelectorAt(index), 
+        /**
+         * Checks whether the selector of the item at the passed index is checked.
+         * @param {number} index Item index
+         * @returns {Promise<boolean>}
+         */
+        isSelectorCheckedAt: (index) => picker().isSelectorCheckedAt(index), 
+        /**
+         * Wait for a item to be added to the list
+         * @param index
+         * @param timeout
+         */
+        waitListItemAt: (index, timeout) => picker().waitListItemAt(index, timeout), 
+        /**
+         * Get the title text of a list item
+         * @param index
+         */
+        getTitleTextAt: (index) => picker().getTitleTextAt(index), 
+        /** Indicates whether item checkbox is in indeterminate mode  */
+        isIndeterminateAt: (index) => picker().isIndeterminateAt(index), 
+        /**
+         * Get the sub-title text of a list item
+         * @param index
+         */
+        getSubtitleTextAt: (index) => picker().getSubtitleTextAt(index), 
+        /**
+         * Get the image element of a list item
+         * @param index
+         */
+        getImageElementAt: (index) => picker().getImageElementAt(index), 
+        /**
+         * Get the extra node element of a list item
+         * @param index
+         */
+        getExtraNodeElementAt: (index) => picker().getExtraNodeElementAt(index), 
+        /**
+         * Indicates whether the initial loader of the modal is shown
+         */
+        initialLoaderExists: () => layout().initialLoaderExists(), 
+        /** Get empty state within the modal that by a specific data hook */
+        getEmptyStateByDataHook: (dataHook) => picker().getEmptyStateByDataHook(dataHook), 
+        /** Indicates whether the loader after search exists */
+        searchLoaderExists: () => picker().searchLoaderExists(), 
+        /** Indicates whether the CTA button exists */
+        ctaButtonExists: () => layout().ctaButtonExists(), 
+        /** Click the CTA button of the modal */
+        clickCTAButton: () => layout().clickCTAButton(), 
+        /** Click the back button on the additional step */
+        clickBackButton: () => layout().clickBackButton(), 
+        /** Get the text of the suffix content if exists on the additional step */
+        additionalStepSuffixText: () => additionalStepDriver().suffixText(), 
+        /** Get the node of the suffix content if exists on the additional step */
+        additionalStepSuffixNode: () => additionalStepDriver().suffixNode(), 
+        /** Get the text of the item title on the additional step */
+        additionalStepTitleText: () => additionalStepDriver().title(), 
+        /** Get the text of the item subtitle on the additional step */
+        additionalStepSubtitleText: () => additionalStepDriver().subtitle(), 
+        /** Click modal cancel button **/
+        clickCancelButton: () => layout().clickCancelButton(), 
+        /** Get the text of the cancel button */
+        getCancelButtonText: () => layout().getCancelButtonText(), 
+        /** Indicates whether the cancel button exists */
+        cancelButtonExists: () => layout().cancelButtonExists(), 
+        /** Click modal close (x) button **/
+        clickCloseButton: () => layout().clickCloseButton(), 
+        /** Get the text of the CTA button */
+        getCTAButtonText: () => layout().getCTAButtonText(), 
+        /** Indicates whether the CTA button is disabled */
+        isCTAButtonDisabled: () => layout().isCTAButtonDisabled(), 
+        /** Get the error state before the modal content is fetched */
+        getSplashErrorStateByDataHook: (dataHook) => layout().getErrorStateByDataHook(dataHook), 
+        /** Get the error state within the modal content */
+        getErrorStateByDataHook: (dataHook) => picker().getEmptyStateByDataHook(dataHook), customContentButtonExists: () => layout().customContentButtonExists(), getCustomContentButtonText: () => layout().getCustomContentButtonText(), isCustomContentButtonDisabled: () => layout().isCustomContentButtonDisabled(), customContentButtonTooltipExists: () => layout().customContentButtonTooltipExists(), getCustomContentButtonTooltipText: () => layout().getCustomContentButtonTooltipText(), clickCustomContentButton: () => layout().clickCustomContentButton(), getMaxSelectionLabelText: () => layout().getMaxSelectionLabelText(), getSelectAllCheckbox: () => layout().getSelectAllCheckbox(), getSelectedItemsCountText: () => layout().getSelectedItemsCountText(), customNotificationExists: () => layout().customNotificationExists(), getFilterDropdown: (filterName) => layout().getFilterDropdown(filterName), filterDropdownExists: (filterName) => layout().filterDropdownExists(filterName), getSelectedFilterName: (filterName) => layout().getSelectedFilterName(filterName), selectFilterItem: (filterName, index) => layout().selectFilterItem(filterName, index) });
+}
+export default PickerModalUniDriver;
+//# sourceMappingURL=PickerModal.uni.driver.js.map

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

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

package/dist/esm/components/PickerModal/PickerModalLayout.uni.driver.js

@@ -0,0 +1,19 @@
+import { CheckboxUniDriver, CustomModalLayoutUniDriver, DropdownUniDriver, EmptyStateUniDriver, SearchUniDriver, TextButtonUniDriver, TextUniDriver, TooltipUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../unidriver';
+import { waitFor } from '@wix/wix-ui-test-utils/unidriver';
+export function PickerModalLayoutUniDriver(base, body) {
+    const modal = CustomModalLayoutUniDriver(base, body);
+    const getInitialLoader = () => base.$('[data-hook="splash-loader"]');
+    const getSearch = () => SearchUniDriver(base.$('[data-hook="collection-search"]'), body);
+    const customNotificationExists = () => {
+        return base.$('[data-hook="custom-notification"]').exists();
+    };
+    const getCustomContentButton = () => TextButtonUniDriver(base.$('[data-hook="custom-content-button"]'), body);
+    const getBackButton = () => TextButtonUniDriver(base.$('[data-hook="back-button"]'), body);
+    const getMaxSelectionLabel = () => base.$('[data-hook="selection-max-label"]');
+    const getFilterDropdown = (filterName) => DropdownUniDriver(base.$(`[data-hook^="collection-filter-${filterName}"]`), body);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { waitInitialLoader: (timeout) => getInitialLoader().wait(timeout), waitInitialLoaderRemoved: (timeout) => waitFor(async () => !(await getInitialLoader().exists()), timeout), ctaButtonExists: async () => (await modal.getPrimaryButtonDriver()).exists(), clickCTAButton: async () => (await modal.getPrimaryButtonDriver()).click(), clickBackButton: async () => getBackButton().click(), clickCancelButton: async () => (await modal.getSecondaryButtonDriver()).click(), getCancelButtonText: async () => (await modal.getSecondaryButtonDriver()).getButtonTextContent(), cancelButtonExists: async () => (await modal.getSecondaryButtonDriver()).exists(), clickCloseButton: () => modal.clickCloseButton(), customContentButtonExists: () => getCustomContentButton().exists(), getCustomContentButtonText: () => getCustomContentButton().getButtonTextContent(), isCustomContentButtonDisabled: () => getCustomContentButton().isButtonDisabled(), getCustomContentButtonTooltipText: () => TooltipUniDriver(base.$('[data-hook="custom-content-button-tooltip"]'), body).getTooltipText(), customContentButtonTooltipExists: () => TooltipUniDriver(base.$('[data-hook="custom-content-button-tooltip"]'), body).exists(), clickCustomContentButton: () => getCustomContentButton().click(), getMaxSelectionLabelText: () => getMaxSelectionLabel().text(), getCTAButtonText: async () => (await modal.getPrimaryButtonDriver()).getButtonTextContent(), isCTAButtonDisabled: async () => (await modal.getPrimaryButtonDriver()).isButtonDisabled(), getTitleText: () => modal.getTitleText(), getSubtitleText: () => modal.getSubtitleText(), enterSearchTerm: (value) => getSearch().inputDriver.enterText(value), clearSearchTerm: () => getSearch().inputDriver.clearText(), getSearchTerm: () => getSearch().inputDriver.getText(), searchExists: () => getSearch().inputDriver.exists(), initialLoaderExists: () => getInitialLoader().exists(), customNotificationExists, getErrorStateByDataHook: (dataHook) => EmptyStateUniDriver(base
+            .$('[data-hook="splash-error-container"]')
+            .$(`[data-hook="${dataHook}"]`), body), getSelectAllCheckbox: () => CheckboxUniDriver(base.$('[data-hook="picker-select-all-checkbox"]'), body), getSelectedItemsCountText: () => TextUniDriver(base.$('[data-hook="cairo-selected-items-count"]'), body), getFilterDropdown, filterDropdownExists: async (filterName) => getFilterDropdown(filterName).exists(), getSelectedFilterName: async (filterName) => getFilterDropdown(filterName).inputDriver.getText(), selectFilterItem: async (filterName, index) => getFilterDropdown(filterName).dropdownLayoutDriver.clickAtOption(index) });
+}
+//# sourceMappingURL=PickerModalLayout.uni.driver.js.map

package/dist/esm/components/PickerModal/PickerModalLayout.uni.driver.js.map

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

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

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

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

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

package/dist/esm/components/PickerModalOpenButton/PickerModalOpenButton.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import { Button } from '@wix/design-system';
+import React from 'react';
+import { TextWidthLoader } from '../TextWidthLoader';
+export function PickerModalOpenButton(props) {
+    const { state, onMouseEnter, onClick, children } = props, rest = __rest(props, ["state", "onMouseEnter", "onClick", "children"]);
+    const { openModalOrCTA, hover, showButtonLoadingIndication } = state;
+    return (React.createElement(Button, Object.assign({}, rest, { onMouseEnter: (...args) => {
+            hover();
+            onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(...args);
+        }, onClick: (event) => {
+            openModalOrCTA();
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        } }), showButtonLoadingIndication ? (React.createElement(TextWidthLoader, { size: "tiny", text: children })) : (children)));
+}
+//# sourceMappingURL=PickerModalOpenButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerModalOpenButton.js","sourceRoot":"","sources":["../../../../src/components/PickerModalOpenButton/PickerModalOpenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AASrD,MAAM,UAAU,qBAAqB,CACnC,KAAuC;IAEvC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA3D,gDAAmD,CAAQ,CAAC;IAElE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,2BAA2B,EAAE,GAAG,KAAK,CAAC;IAErE,OAAO,CACL,oBAAC,MAAM,oBACD,IAAI,IACR,YAAY,EAAE,CAAC,GAAG,IAAW,EAAE,EAAE;YAC/B,KAAK,EAAE,CAAC;YACR,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,GAAG,IAAI,CAAC,CAAC;QAC1B,CAAC,EACD,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE;YACtB,cAAc,EAAE,CAAC;YACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACnB,CAAC,KAEA,2BAA2B,CAAC,CAAC,CAAC,CAC7B,oBAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,GAAI,CAChD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/PickerModalSplash/PickerModalSplash.js

@@ -0,0 +1,39 @@
+import { __rest } from "tslib";
+import React, { useMemo } from 'react';
+import { Box, CustomModalLayout, Loader, } from '@wix/design-system';
+import { useReactive } from '@wix/bex-utils/react';
+export function PickerModalSplash(props) {
+    const { state, renderError, onCloseButtonClick } = props, rest = __rest(props, ["state", "renderError", "onCloseButtonClick"]);
+    const { minContentHeight, fetchPickerComponent, fetchFirstPage, fetchInitialProps, _isModalOpen, } = state;
+    const fetchPickerComponentStatus = useReactive(fetchPickerComponent.status);
+    const fetchFirstPageStatus = useReactive(fetchFirstPage.status);
+    const fetchInitialPropsStatus = useReactive(fetchInitialProps.status);
+    const fetchStatuses = useMemo(() => [
+        fetchPickerComponentStatus,
+        fetchFirstPageStatus,
+        fetchInitialPropsStatus,
+    ], [fetchPickerComponentStatus, fetchFirstPageStatus, fetchInitialPropsStatus]);
+    const errorStatus = useMemo(() => {
+        return fetchStatuses.find((status) => status.type === 'error');
+    }, [fetchStatuses]);
+    const isFetching = useMemo(() => {
+        return fetchStatuses.some((status) => status.type === 'loading' || status.type === 'idle');
+    }, [fetchStatuses]);
+    let child;
+    if (errorStatus) {
+        child = renderError({
+            err: errorStatus.error,
+            isOnline: true,
+        });
+        child = (React.createElement(Box, { dataHook: "splash-error-container", align: "center", verticalAlign: "middle", padding: "SP6", minHeight: minContentHeight, boxSizing: "border-box" }, child));
+    }
+    else if (isFetching) {
+        child = (React.createElement(Box, { height: minContentHeight, align: "center", verticalAlign: "middle" },
+            React.createElement(Loader, { dataHook: "splash-loader" })));
+    }
+    return (React.createElement(CustomModalLayout, Object.assign({ removeContentPadding: true, onCloseButtonClick: (event) => {
+            _isModalOpen.value = false;
+            onCloseButtonClick === null || onCloseButtonClick === void 0 ? void 0 : onCloseButtonClick(event);
+        } }, rest), child));
+}
+//# sourceMappingURL=PickerModalSplash.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerModalSplash.js","sourceRoot":"","sources":["../../../../src/components/PickerModalSplash/PickerModalSplash.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,EAA2B,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EACL,GAAG,EACH,iBAAiB,EAEjB,MAAM,GACP,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAQnD,MAAM,UAAU,iBAAiB,CAC/B,KAAmC;IAEnC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,kBAAkB,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA3D,8CAAmD,CAAQ,CAAC;IAClE,MAAM,EACJ,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,0BAA0B,GAAG,WAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC5E,MAAM,oBAAoB,GAAG,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,uBAAuB,GAAG,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAEtE,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC;QACJ,0BAA0B;QAC1B,oBAAoB;QACpB,uBAAuB;KACxB,EACD,CAAC,0BAA0B,EAAE,oBAAoB,EAAE,uBAAuB,CAAC,CAC5E,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,aAAa,CAAC,IAAI,CACvB,CAAC,MAAM,EAAgC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO,CAClE,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,aAAa,CAAC,IAAI,CACvB,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,CAChE,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,KAAgB,CAAC;IAErB,IAAI,WAAW,EAAE;QACf,KAAK,GAAG,WAAW,CAAC;YAClB,GAAG,EAAE,WAAW,CAAC,KAAK;YACtB,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,KAAK,GAAG,CACN,oBAAC,GAAG,IACF,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,KAAK,EACb,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAC,YAAY,IAErB,KAAK,CACF,CACP,CAAC;KACH;SAAM,IAAI,UAAU,EAAE;QACrB,KAAK,GAAG,CACN,oBAAC,GAAG,IAAC,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ;YAClE,oBAAC,MAAM,IAAC,QAAQ,EAAC,eAAe,GAAG,CAC/B,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,iBAAiB,kBAChB,oBAAoB,QACpB,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAE;YAC5B,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC;YAC3B,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,KAAK,CAAC,CAAC;QAC9B,CAAC,IACG,IAAI,GAEP,KAAK,CACY,CACrB,CAAC;AACJ,CAAC"}

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

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

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

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