@wix/patterns 0.8.0

package/dist/esm/components/PickerSubheader/PickerSubheader.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionSearch } from '../CollectionSearch';
+import { Box } from '@wix/design-system';
+function _PickerSubheader(props) {
+    const { state, subtitle, search = true, spacing = 30 } = props, rest = __rest(props, ["state", "subtitle", "search", "spacing"]);
+    return (React.createElement(Box, Object.assign({ dataHook: "picker-subheader", display: "block", padding: search ? `30px ${spacing}px 18px` : `0 ${spacing}px 18px` }, rest),
+        subtitle && (React.createElement(Box, { display: "block", marginTop: search ? undefined : `30px`, marginBottom: search ? `18px` : undefined }, subtitle)),
+        React.createElement(CollectionSearch, { minWidthPixels: "100%" })));
+}
+export const PickerSubheader = observer(_PickerSubheader);
+//# sourceMappingURL=PickerSubheader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerSubheader.js","sourceRoot":"","sources":["../../../../src/components/PickerSubheader/PickerSubheader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAWzC,SAAS,gBAAgB,CACvB,KAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,GAAG,EAAE,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjE,0CAAyD,CAAQ,CAAC;IACxE,OAAO,CACL,oBAAC,GAAG,kBACF,QAAQ,EAAC,kBAAkB,EAC3B,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,OAAO,SAAS,CAAC,CAAC,CAAC,KAAK,OAAO,SAAS,IAC9D,IAAI;QAEP,QAAQ,IAAI,CACX,oBAAC,GAAG,IACF,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACtC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAExC,QAAQ,CACL,CACP;QACD,oBAAC,gBAAgB,IAAC,cAAc,EAAC,MAAM,GAAG,CACtC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { baseUniDriverFactory } from '../../unidriver';
+export function PickerSubheaderUniDriver(base, _) {
+    const getSearch = () => base.$('[data-hook="collection-search"]');
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { enterSearchTerm: (value) => getSearch().enterValue(value) });
+}
+//# sourceMappingURL=PickerSubheader.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerSubheader.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/PickerSubheader/PickerSubheader.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,wBAAwB,CAAC,IAAe,EAAE,CAAY;IACpE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC;IAClE,uCACK,oBAAoB,CAAC,IAAI,CAAC,KAC7B,eAAe,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,IACjE;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/PickerTableListItem/PickerTableListItem.js

@@ -0,0 +1,44 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Avatar, TableListItem, Text, } from '@wix/design-system';
+import { ChevronRightLarge } from '@wix/wix-ui-icons-common';
+import { st, classes } from './PickerTableListItem.st.css.js';
+export function PickerTableListItem(props) {
+    const { dataHook, showDivider, keyedItem, state, primaryAction, primaryActionWidth = 'auto', title, subtitle, extraNode, disabled, checkbox, multiple, options: optionsProp = [] } = props, tableListItemProps = __rest(props, ["dataHook", "showDivider", "keyedItem", "state", "primaryAction", "primaryActionWidth", "title", "subtitle", "extraNode", "disabled", "checkbox", "multiple", "options"]);
+    const { collection } = state;
+    const name = collection.itemName(keyedItem.item);
+    const { start, end } = optionsProp.reduce((prev, current) => {
+        const column = Object.assign({ value: undefined }, current);
+        if (current.end) {
+            prev.end.push(column);
+        }
+        else {
+            prev.start.push(column);
+        }
+        return prev;
+    }, {
+        start: [],
+        end: [],
+    });
+    if (!start.length) {
+        start.push({
+            align: 'left',
+            width: '84px',
+            value: React.createElement(Avatar, { size: "size60", name: name }),
+        }, {
+            align: 'left',
+            value: React.createElement(Text, { dataHook: "selector-title" }, name),
+        });
+    }
+    const options = [
+        ...start,
+        {
+            width: primaryActionWidth,
+            value: primaryAction || React.createElement(ChevronRightLarge, null),
+            align: 'right',
+        },
+        ...end,
+    ];
+    return (React.createElement(TableListItem, Object.assign({ className: st(classes.root), verticalPadding: "medium", dataHook: dataHook }, tableListItemProps, { options: options })));
+}
+//# sourceMappingURL=PickerTableListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerTableListItem.js","sourceRoot":"","sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.tsx"],"names":[],"mappings":";AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EACL,MAAM,EACN,aAAa,EAEb,IAAI,GACL,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAiB9D,MAAM,UAAU,mBAAmB,CACjC,KAAqC;IAErC,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EACb,kBAAkB,GAAG,MAAM,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EAAE,WAAW,GAAG,EAAE,KAEvB,KAAK,EADJ,kBAAkB,UACnB,KAAK,EAfH,yKAeL,CAAQ,CAAC;IACV,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,MAAM,CACvC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,MAAM,mBACV,KAAK,EAAE,SAAS,IACb,OAAO,CACX,CAAC;QACF,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACvB;aAAM;YACL,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACzB;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EACD;QACE,KAAK,EAAE,EAA2B;QAClC,GAAG,EAAE,EAA2B;KACjC,CACF,CAAC;IAEF,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;QACjB,KAAK,CAAC,IAAI,CACR;YACE,KAAK,EAAE,MAAe;YACtB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI;SAC5C,EACD;YACE,KAAK,EAAE,MAAe;YACtB,KAAK,EAAE,oBAAC,IAAI,IAAC,QAAQ,EAAC,gBAAgB,IAAE,IAAI,CAAQ;SACrD,CACF,CAAC;KACH;IAED,MAAM,OAAO,GAA0B;QACrC,GAAG,KAAK;QACR;YACE,KAAK,EAAE,kBAAkB;YACzB,KAAK,EAAE,aAAa,IAAI,oBAAC,iBAAiB,OAAG;YAC7C,KAAK,EAAE,OAAO;SACf;QACD,GAAG,GAAG;KACP,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,kBACZ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,eAAe,EAAC,QAAQ,EACxB,QAAQ,EAAE,QAAQ,IACd,kBAAkB,IACtB,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC"}

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css

@@ -0,0 +1,3 @@
+.root {
+  box-sizing: border-box;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "PickerTableListItem106711095";
+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": "PickerTableListItem106711095__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=PickerTableListItem.st.css.js.map

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js.map

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

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

@@ -0,0 +1,7 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { TableListItemUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+export function PickerTableListItemUniDriver(base, body) {
+    const tableListItem = TableListItemUniDriver(base, body);
+    return Object.assign(Object.assign({ wait: (timeout) => base.wait(timeout), hover: () => base.hover() }, baseUniDriverFactory(base)), tableListItem);
+}
+//# sourceMappingURL=PickerTableListItem.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerTableListItem.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAEnF,MAAM,UAAU,4BAA4B,CAAC,IAAe,EAAE,IAAe;IAC3E,MAAM,aAAa,GAAG,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEzD,qCACE,IAAI,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAC9C,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IACtB,oBAAoB,CAAC,IAAI,CAAC,GAC1B,aAAa,EAEhB;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/PlaceholderStates/PlaceholderStatesBase.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionEmptyStateFallback } from '../EmptyState/CollectionEmptyStateFallback';
+import { ErrorState } from '../ErrorState';
+function _PlaceholderStatesBase(props) {
+    const { state, renderEmptyState, renderError, topNotification: topNotificationProp, children, loadingState, } = props;
+    const { initTask, showLoadingState, showEmptyState, showErrorState, errorStatus, } = state;
+    const topNotification = typeof topNotificationProp === 'function'
+        ? topNotificationProp()
+        : topNotificationProp;
+    let child;
+    if (initTask.status.isError) {
+        child = (React.createElement(ErrorState, { dataHook: "placeholder-states-error-state", errorStatus: initTask.status, state: state, renderError: renderError }));
+    }
+    else if (showLoadingState) {
+        child = loadingState || children;
+    }
+    else if (showErrorState && errorStatus) {
+        child = (React.createElement(ErrorState, { dataHook: "placeholder-states-error-state", errorStatus: errorStatus, state: state, renderError: renderError }));
+    }
+    else if (showEmptyState) {
+        if (renderEmptyState) {
+            child = renderEmptyState();
+        }
+        else {
+            child = (React.createElement(CollectionEmptyStateFallback, { dataHook: "placeholder-states-empty-state" }));
+        }
+    }
+    else {
+        child = children;
+    }
+    return (React.createElement(React.Fragment, null,
+        topNotification,
+        child));
+}
+export const PlaceholderStatesBase = observer(_PlaceholderStatesBase);
+//# sourceMappingURL=PlaceholderStatesBase.js.map

package/dist/esm/components/PlaceholderStates/PlaceholderStatesBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderStatesBase.js","sourceRoot":"","sources":["../../../../src/components/PlaceholderStates/PlaceholderStatesBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAG1F,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAuB5D,SAAS,sBAAsB,CAAC,KAAiC;IAC/D,MAAM,EACJ,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EACR,YAAY,GACb,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,eAAe,GACnB,OAAO,mBAAmB,KAAK,UAAU;QACvC,CAAC,CAAC,mBAAmB,EAAE;QACvB,CAAC,CAAC,mBAAmB,CAAC;IAE1B,IAAI,KAAgB,CAAC;IAErB,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE;QAC3B,KAAK,GAAG,CACN,oBAAC,UAAU,IACT,QAAQ,EAAC,gCAAgC,EACzC,WAAW,EAAE,QAAQ,CAAC,MAAM,EAC5B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;KACH;SAAM,IAAI,gBAAgB,EAAE;QAC3B,KAAK,GAAG,YAAY,IAAI,QAAQ,CAAC;KAClC;SAAM,IAAI,cAAc,IAAI,WAAW,EAAE;QACxC,KAAK,GAAG,CACN,oBAAC,UAAU,IACT,QAAQ,EAAC,gCAAgC,EACzC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;KACH;SAAM,IAAI,cAAc,EAAE;QACzB,IAAI,gBAAgB,EAAE;YACpB,KAAK,GAAG,gBAAgB,EAAE,CAAC;SAC5B;aAAM;YACL,KAAK,GAAG,CACN,oBAAC,4BAA4B,IAAC,QAAQ,EAAC,gCAAgC,GAAG,CAC3E,CAAC;SACH;KACF;SAAM;QACL,KAAK,GAAG,QAAQ,CAAC;KAClB;IAED,OAAO,CACL;QACG,eAAe;QACf,KAAK,CACL,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/esm/components/PrimaryPageButton/PrimaryPageButton.js

@@ -0,0 +1,25 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { Button } from '@wix/design-system';
+import { Add } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { cairoPageCtaClicked } from '@wix/bex-core/bi';
+import { usePageButtonBiParams } from '../usePageButtonBiParams';
+export function PrimaryPageButton(_a) {
+    var { onClick, text, prefixIcon } = _a, rest = __rest(_a, ["onClick", "text", "prefixIcon"]);
+    const { translate: t, reportBi } = useWixPatternsContainer();
+    const content = text !== null && text !== void 0 ? text : t('cairo.page.primary.cta');
+    const { pageType, location } = usePageButtonBiParams();
+    return (React.createElement(Button, Object.assign({}, rest, { prefixIcon: prefixIcon !== null && prefixIcon !== void 0 ? prefixIcon : React.createElement(Add, null), size: "medium", skin: "standard", as: "button", onClick: (e) => {
+            reportBi(cairoPageCtaClicked({
+                ctaName: content,
+                ctaType: 'Primary Page Button',
+                location,
+                componentType: 'Page',
+                pageType,
+                section: 'Vertical',
+            }));
+            onClick(e);
+        } }), content));
+}
+//# sourceMappingURL=PrimaryPageButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryPageButton.js","sourceRoot":"","sources":["../../../../src/components/PrimaryPageButton/PrimaryPageButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAoBjE,MAAM,UAAU,iBAAiB,CAAC,EAKT;QALS,EAChC,OAAO,EACP,IAAI,EACJ,UAAU,OAEa,EADpB,IAAI,cAJyB,iCAKjC,CADQ;IAEP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC7D,MAAM,OAAO,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,CAAC,wBAAwB,CAAC,CAAC;IACpD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEvD,OAAO,CACL,oBAAC,MAAM,oBACD,IAAI,IACR,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,oBAAC,GAAG,OAAG,EACjC,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,CACN,mBAAmB,CAAC;gBAClB,OAAO,EAAE,OAAO;gBAChB,OAAO,EAAE,qBAAqB;gBAC9B,QAAQ;gBACR,aAAa,EAAE,MAAM;gBACrB,QAAQ;gBACR,OAAO,EAAE,UAAU;aACpB,CAAC,CACH,CAAC;YAEF,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC,KAEA,OAAO,CACD,CACV,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/QuerySearch.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import { observer } from 'mobx-react-lite';
+import { Search } from '@wix/design-system';
+import React from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+export const QuerySearch = observer(function QuerySearch(_a) {
+    var { state, visibility } = _a, rest = __rest(_a, ["state", "visibility"]);
+    const { translate: t } = useWixPatternsContainer();
+    return (React.createElement(Search, Object.assign({ dataHook: "collection-search", debounceMs: 300, onChange: (e) => {
+            const value = e.target.value;
+            state.changeValue(value);
+        }, value: state.value, onClear: () => {
+            state.changeValue('');
+        }, placeholder: t('cairo.searchPlaceholder') }, rest)));
+});
+//# sourceMappingURL=QuerySearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuerySearch.js","sourceRoot":"","sources":["../../../src/components/QuerySearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAO9D,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,WAAW,CAAC,EAItC;QAJsC,EACvD,KAAK,EACL,UAAU,OAEO,EADd,IAAI,cAHgD,uBAIxD,CADQ;IAEP,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,OAAO,CACL,oBAAC,MAAM,kBACL,QAAQ,EAAC,mBAAmB,EAC5B,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACxB,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,IACrC,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/RadioGroupFilter/RadioGroupFilter.js

@@ -0,0 +1,46 @@
+import React, { useEffect, useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+import { useDropdownSelectFilterState } from '../../hooks';
+import { Box, RadioGroup } from '@wix/design-system';
+function _RadioGroupFilter(props) {
+    var _a;
+    const { filter, data = [], renderItem } = props;
+    const { dropdownSelect, init } = useDropdownSelectFilterState({
+        filter,
+    });
+    const { select: { selectedValues }, container: { translate: t }, } = dropdownSelect;
+    const defaultValue = { id: 'all', name: t('cairo.filtersPanel.default.All') };
+    useEffect(() => {
+        return init();
+    }, []);
+    const keyedItems = useMemo(() => data.map((item, index) => {
+        const key = filter.itemKey(item);
+        return {
+            id: key,
+            key,
+            item,
+            index,
+            indexWithinPage: index,
+            pageIndex: 0,
+        };
+    }), [data]);
+    return (React.createElement(Box, { direction: "vertical", gap: "SP2", dataHook: `radio-group-filter-${filter.name}` },
+        React.createElement(RadioGroup, { dataHook: "radio-group-filter-group", value: ((_a = selectedValues[0]) === null || _a === void 0 ? void 0 : _a.key) || defaultValue.id, onChange: (v) => {
+                if ((v === null || v === void 0 ? void 0 : v.toString()) === defaultValue.id) {
+                    dropdownSelect.clear();
+                }
+                else {
+                    const newItem = keyedItems.find((item) => item.key === (v === null || v === void 0 ? void 0 : v.toString()));
+                    newItem && dropdownSelect.setSingle(newItem);
+                }
+            } },
+            React.createElement(RadioGroup.Radio, { value: defaultValue.id, dataHook: "radio-group-filter-option-all" }, defaultValue.name),
+            keyedItems.map((keyedItem, index) => {
+                var _a;
+                const radioProps = renderItem === null || renderItem === void 0 ? void 0 : renderItem(keyedItem.item, index);
+                const key = keyedItem.key;
+                return (React.createElement(RadioGroup.Radio, Object.assign({}, radioProps, { key: key, value: key, dataHook: `radio-group-filter-option-${key}` }), (_a = radioProps === null || radioProps === void 0 ? void 0 : radioProps.children) !== null && _a !== void 0 ? _a : filter.itemName(keyedItem.item)));
+            }))));
+}
+export const RadioGroupFilter = observer(_RadioGroupFilter);
+//# sourceMappingURL=RadioGroupFilter.js.map

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

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

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

@@ -0,0 +1,13 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { RadioGroupUniDriver, RadioUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export function RadioGroupFilterUniDriver(base, body) {
+    const getRadioGroup = () => RadioGroupUniDriver(base.$(`[data-hook="radio-group-filter-group"]`), body);
+    const getRadioItem = (value) => RadioUniDriver(base.$(`[data-hook="radio-group-filter-option-${value}"]`), body);
+    const getSelectedItem = async () => {
+        return getRadioGroup().getSelectedValue();
+    };
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { getRadioGroup,
+        getRadioItem,
+        getSelectedItem });
+}
+//# sourceMappingURL=RadioGroupFilter.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupFilter.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/RadioGroupFilter/RadioGroupFilter.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EACL,mBAAmB,EACnB,cAAc,GACf,MAAM,2CAA2C,CAAC;AAEnD,MAAM,UAAU,yBAAyB,CAAC,IAAe,EAAE,IAAe;IACxE,MAAM,aAAa,GAAG,GAAG,EAAE,CACzB,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,wCAAwC,CAAC,EAAE,IAAI,CAAC,CAAC;IAE9E,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE,CAClC,cAAc,CACZ,IAAI,CAAC,CAAC,CAAC,yCAAyC,KAAK,IAAI,CAAC,EAC1D,IAAI,CACL,CAAC;IACJ,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,OAAO,aAAa,EAAE,CAAC,gBAAgB,EAAE,CAAC;IAC5C,CAAC,CAAC;IAEF,uCACK,oBAAoB,CAAC,IAAI,CAAC,KAC7B,aAAa;QACb,YAAY;QACZ,eAAe,IACf;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/Rotate/Rotate.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import { Transition } from 'react-transition-group';
+import React from 'react';
+import classNames from 'classnames';
+export function Rotate(_a) {
+    var { children, timeout, deg: degProp } = _a, rest = __rest(_a, ["children", "timeout", "deg"]);
+    const { type: Component, props: childProps } = children;
+    return (React.createElement(Transition, Object.assign({ timeout: timeout }, rest), (status) => {
+        const deg = status === 'exited' || status === 'exiting' ? degProp : 0;
+        const style = Object.assign(Object.assign({ transitionProperty: 'transform', transitionDuration: `${timeout}ms`, transitionTimingFunction: 'ease-in', transform: `rotate(${deg}deg)` }, rest.style), childProps.style);
+        return (React.createElement(Component, Object.assign({}, childProps, { className: classNames(childProps.className, rest.className), style: style })));
+    }));
+}
+//# sourceMappingURL=Rotate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rotate.js","sourceRoot":"","sources":["../../../../src/components/Rotate/Rotate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,UAAU,MAAM,CAAC,EAKT;QALS,EACrB,QAAQ,EACR,OAAO,EACP,GAAG,EAAE,OAAO,OAEA,EADT,IAAI,cAJc,8BAKtB,CADQ;IAEP,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;IAExD,OAAO,CACL,oBAAC,UAAU,kBAAC,OAAO,EAAE,OAAO,IAAM,IAAI,GACnC,CAAC,MAAM,EAAE,EAAE;QACV,MAAM,GAAG,GAAG,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtE,MAAM,KAAK,iCACT,kBAAkB,EAAE,WAAW,EAC/B,kBAAkB,EAAE,GAAG,OAAO,IAAI,EAClC,wBAAwB,EAAE,SAAS,EACnC,SAAS,EAAE,UAAU,GAAG,MAAM,IAC3B,IAAI,CAAC,KAAK,GACV,UAAU,CAAC,KAAK,CACpB,CAAC;QAEF,OAAO,CACL,oBAAC,SAAS,oBACJ,UAAU,IACd,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAC3D,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;IACJ,CAAC,CACU,CACd,CAAC;AACJ,CAAC"}

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

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

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

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

package/dist/esm/components/ScrollableContent/ScrollableContent.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { classes, st } from './ScrollableContent.st.css.js';
+export const ScrollableContent = forwardRef((props, ref) => {
+    const { dataHook, overflowX, overflowY, smooth, children } = props;
+    return (React.createElement("div", { "data-hook": dataHook, ref: ref, className: st(classes.root, {
+            overflowX,
+            overflowY,
+            smooth,
+        }) }, children));
+});
+//# sourceMappingURL=ScrollableContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContent.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAU5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnE,OAAO,CACL,0CACa,QAAQ,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,SAAS;YACT,SAAS;YACT,MAAM;SACP,CAAC,IAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css

@@ -0,0 +1,15 @@
+.root {
+  -st-states: overflowY, overflowX, smooth;
+}
+
+.root:overflowY {
+  overflow-y: auto;
+}
+
+.root:overflowX {
+  overflow-x: auto;
+}
+
+.root:smooth {
+  scroll-behavior: smooth;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "ScrollableContent381084808";
+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": "ScrollableContent381084808__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=ScrollableContent.st.css.js.map

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,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,kCAAkC,EAAC,CAAC;AACjE,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/ScrollableContent/index.js

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

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

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

package/dist/esm/components/SidePanelModal/SidePanelModal.js

@@ -0,0 +1,56 @@
+import { observer } from 'mobx-react-lite';
+import { SidePanelWidth } from '@wix/bex-core';
+import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
+import { SlidingModal } from '../SlidingModal';
+import React, { useEffect, useMemo } from 'react';
+import { reaction } from 'mobx';
+import { SidePanelModalItem } from './SidePanelModalItem';
+function _SidePanelModal(props) {
+    const { top, left, state } = props;
+    const { onSidePanelOpen, closeSidePanel } = useWixPatternsContainer();
+    const pageState = usePageContext();
+    const { sidePanel, sidePanelComponents } = state;
+    const { isOpen } = sidePanel;
+    const style = useMemo(() => ({
+        top,
+        left: left != null ? left - SidePanelWidth : undefined,
+        bottom: 0,
+        overflow: 'hidden',
+        width: SidePanelWidth,
+    }), [top, left]);
+    useEffect(() => {
+        return reaction(() => sidePanel.isOpen, (sidePanelOpen) => {
+            pageState.sidePanelOpen = sidePanelOpen;
+        });
+    }, []);
+    useEffect(() => {
+        const onGlobalSidePanelOpenSub = onSidePanelOpen === null || onSidePanelOpen === void 0 ? void 0 : onSidePanelOpen(() => {
+            state.closeSidePanel();
+        });
+        const disposers = [
+            reaction(() => sidePanel.isOpen, (sidePanelShow) => {
+                if (sidePanelShow) {
+                    closeSidePanel === null || closeSidePanel === void 0 ? void 0 : closeSidePanel();
+                }
+            }),
+        ];
+        return () => {
+            onGlobalSidePanelOpenSub === null || onGlobalSidePanelOpenSub === void 0 ? void 0 : onGlobalSidePanelOpenSub.remove();
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
+        };
+    }, []);
+    return (React.createElement(SlidingModal, { dataHook: "cairo-side-panel-modal", transitionStatus: sidePanel.transition.status, style: style, contentRef: (el) => {
+            sidePanel.focus.modalElement = el;
+        }, onExited: () => {
+            sidePanel.transition.setStatus('exited');
+        }, onEntered: () => {
+            sidePanel.transition.setStatus('entered');
+        }, width: SidePanelWidth, isOpen: isOpen, onRequestClose: () => {
+            sidePanel.close();
+        } }, Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {
+        return (React.createElement(SidePanelModalItem, { key: key, id: key, width: SidePanelWidth, state: state },
+            React.createElement(ComponentType, null)));
+    })));
+}
+export const SidePanelModal = observer(_SidePanelModal);
+//# sourceMappingURL=SidePanelModal.js.map

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

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

package/dist/esm/components/SidePanelModal/SidePanelModalItem.js

@@ -0,0 +1,21 @@
+import React, { useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+function _SidePanelModalItem(props) {
+    const { state, id, children, width } = props;
+    const { sidePanel } = state;
+    const style = useMemo(() => {
+        const visible = sidePanel.currentPanelId === id;
+        const left = visible ? 0 : width;
+        return {
+            position: 'absolute',
+            width: '100%',
+            bottom: 0,
+            top: 0,
+            transform: `translate(${left}px, 0px)`,
+            visibility: visible ? undefined : 'hidden',
+        };
+    }, [sidePanel.currentPanelId, id, width]);
+    return React.createElement("div", { style: style }, children);
+}
+export const SidePanelModalItem = observer(_SidePanelModalItem);
+//# sourceMappingURL=SidePanelModalItem.js.map

package/dist/esm/components/SidePanelModal/SidePanelModalItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanelModalItem.js","sourceRoot":"","sources":["../../../../src/components/SidePanelModal/SidePanelModalItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAU3C,SAAS,mBAAmB,CAAC,KAA8B;IACzD,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,OAAO,GAAG,SAAS,CAAC,cAAc,KAAK,EAAE,CAAC;QAChD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAEjC,OAAO;YACL,QAAQ,EAAE,UAAmB;YAC7B,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,CAAC;YACT,GAAG,EAAE,CAAC;YACN,SAAS,EAAE,aAAa,IAAI,UAAU;YACtC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,QAAkB;SACtD,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1C,OAAO,6BAAK,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAO,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/SingleSelectFilter/SingleSelectFilter.js

@@ -0,0 +1,43 @@
+import { __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
+import { CollectionFilterState, DropdownCollectionFilterState, } from '../../state';
+import { observer } from 'mobx-react-lite';
+import { SingleSelectFilterBase, } from '../SingleSelectFilterBase';
+import { useBuildGroupedOptions, useBuildOption } from '../../hooks';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useFilterToolbarState } from '../../providers';
+import { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';
+import { useCollectionFilterInitialFetchTiming, } from '../../hooks/useCollectionFilterInitialFetchTiming';
+function _SingleSelectFilter(props) {
+    const { filter, collection, renderItem, renderSection } = props, rest = __rest(props, ["filter", "collection", "renderItem", "renderSection"]);
+    const container = useWixPatternsContainer();
+    const toolbar = useFilterToolbarState();
+    const [collectionFilter] = useState(() => new CollectionFilterState({
+        collection,
+        filter,
+    }));
+    const [{ dropdownSelect, init }] = useState(() => new DropdownCollectionFilterState({
+        collectionFilter,
+        resetOnClose: false,
+        container,
+        toolbar,
+    }));
+    const { query: { search }, } = collection;
+    const { skipInitialFetch, onFocus } = useCollectionFilterInitialFetchTiming(props);
+    useEffect(() => init({ skipInitialFetch }), []);
+    const { result: { keyedItems }, fetchedLastPage, } = collection;
+    const { options, fixedFooter, showInitialLoader } = usePlaceholderStateOptions(useBuildGroupedOptions({
+        items: keyedItems.map(useBuildOption({
+            filter,
+            renderItem,
+        })),
+        renderSection,
+    }), {
+        collection,
+    });
+    return (React.createElement(SingleSelectFilterBase, Object.assign({}, rest, { fixedFooter: fixedFooter, infiniteScroll: true, value: search.value, onChange: (e) => {
+            collection.search(e.target.value);
+        }, onFocus: onFocus, filter: filter, options: options, renderItem: renderItem, dropdownSelect: dropdownSelect, hasMore: !showInitialLoader && !fetchedLastPage, loadMore: collection.fetchNextPageIfNeeded })));
+}
+export const SingleSelectFilter = observer(_SingleSelectFilter);
+//# sourceMappingURL=SingleSelectFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectFilter.js","sourceRoot":"","sources":["../../../../src/components/SingleSelectFilter/SingleSelectFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,sBAAsB,GAEvB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAY,sBAAsB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAEL,qCAAqC,GACtC,MAAM,mDAAmD,CAAC;AA+B3D,SAAS,mBAAmB,CAC1B,KAAoC;IAEpC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlE,uDAA0D,CAAQ,CAAC;IAEzE,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,MAAM;KACP,CAAC,CACL,CAAC;IAEF,MAAM,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,GAAG,QAAQ,CACzC,GAAG,EAAE,CACH,IAAI,6BAA6B,CAAC;QAChC,gBAAgB;QAChB,YAAY,EAAE,KAAK;QACnB,SAAS;QACT,OAAO;KACR,CAAC,CACL,CAAC;IAEF,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,GACjC,qCAAqC,CAAC,KAAK,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhD,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,EACtB,eAAe,GAChB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAC/C,0BAA0B,CACxB,sBAAsB,CAAC;QACrB,KAAK,EAAE,UAAU,CAAC,GAAG,CACnB,cAAc,CAAC;YACb,MAAM;YACN,UAAU;SACX,CAAC,CACH;QACD,aAAa;KACd,CAAC,EACF;QACE,UAAU;KACX,CACF,CAAC;IAEJ,OAAO,CACL,oBAAC,sBAAsB,oBACjB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,cAAc,QACd,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,CAAC,iBAAiB,IAAI,CAAC,eAAe,EAC/C,QAAQ,EAAE,UAAU,CAAC,qBAAqB,IAC1C,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/SingleSelectFilterBase/SingleSelectFilterBase.js

@@ -0,0 +1,22 @@
+import { __rest } from "tslib";
+import { Dropdown, } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';
+function _SingleSelectFilterBase(props) {
+    var _a;
+    const { filter, dropdownSelect, placeholder, onSelect, renderItem, renderSection, clearButton, disabled, options = [], popoverProps } = props, rest = __rest(props, ["filter", "dropdownSelect", "placeholder", "onSelect", "renderItem", "renderSection", "clearButton", "disabled", "options", "popoverProps"]);
+    const { select: { selectedValues }, container: { translate: t }, } = dropdownSelect;
+    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    return (React.createElement(Dropdown, Object.assign({ dataHook: `collection-filter-${filter.name}`, border: "round", closeOnSelect: true, options: options, clearButton: clearButton, onClear: clearButton ? dropdownSelect.clear : undefined, onClose: () => {
+            dropdownSelect.close();
+        }, selectedId: (_a = selectedValues[0]) === null || _a === void 0 ? void 0 : _a.key, valueParser: (option) => option.label, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : t('cairo.selectPlaceholder'), onSelect: (option) => {
+            const keyedItem = option === null || option === void 0 ? void 0 : option.keyedItem;
+            if (keyedItem) {
+                dropdownSelect.setSingle(keyedItem);
+            }
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect(option, false);
+        }, popoverProps: windowFlipPopoverProps }, rest)));
+}
+export const SingleSelectFilterBase = observer(_SingleSelectFilterBase);
+//# sourceMappingURL=SingleSelectFilterBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelectFilterBase.js","sourceRoot":"","sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,GAGT,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAK3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAgBlF,SAAS,uBAAuB,CAAI,KAAqC;;IACvE,MAAM,EACJ,MAAM,EACN,cAAc,EACd,WAAW,EACX,QAAQ,EACR,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,4IAYL,CAAQ,CAAC;IAEV,MAAM,EACJ,MAAM,EAAE,EAAE,cAAc,EAAE,EAC1B,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,cAAc,CAAC;IAEnB,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAEvE,OAAO,CACL,oBAAC,QAAQ,kBACP,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,MAAM,EAAC,OAAO,EACd,aAAa,QACb,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACvD,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC,EACD,UAAU,EAAE,MAAA,cAAc,CAAC,CAAC,CAAC,0CAAE,GAAG,EAClC,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EACrC,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,CAAC,yBAAyB,CAAC,EACxD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACnB,MAAM,SAAS,GAAI,MAA6B,aAA7B,MAAM,uBAAN,MAAM,CAAyB,SAAS,CAAC;YAC5D,IAAI,SAAS,EAAE;gBACb,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;aACrC;YACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAC5B,CAAC,EACD,YAAY,EAAE,sBAAsB,IAChC,IAAI,EACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}