@wix/patterns 0.8.0

package/dist/cjs/components/CardContainer/CardContainer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CardContainer = void 0;
+exports._CardContainer = _CardContainer;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _SkeletonCard = require("../SkeletonCard");
+var _ErrorCard = require("../ErrorCard");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CardContainer/CardContainer.tsx";
+function _CardContainer(props) {
+  const {
+    status,
+    minHeight,
+    children,
+    errorState,
+    ...rest
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  if (status === 'idle' || status === 'loading') {
+    return /*#__PURE__*/_react.default.createElement(_SkeletonCard.SkeletonCard, (0, _extends2.default)({
+      minHeight: minHeight
+    }, rest, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 30,
+        columnNumber: 12
+      }
+    }));
+  }
+  if (status === 'error') {
+    return /*#__PURE__*/_react.default.createElement(_ErrorCard.ErrorCard, (0, _extends2.default)({
+      title: (errorState == null ? void 0 : errorState.title) ?? t('cairo.entityPage.widgetError.TPAconnectionFail.title'),
+      subtitle: (errorState == null ? void 0 : errorState.subtitle) ?? t('cairo.entityPage.widgetError.TPAconnectionFail.description'),
+      retryText: (errorState == null ? void 0 : errorState.retryText) ?? t('cairo.entityPage.widgetError.TPAconnectionFail.CTA'),
+      onRetry: errorState == null ? void 0 : errorState.onRetry
+    }, rest, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 35,
+        columnNumber: 7
+      }
+    }), children);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Card, (0, _extends2.default)({}, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 10
+    }
+  }), children);
+}
+_CardContainer.displayName = 'CardContainer';
+const CardContainer = exports.CardContainer = (0, _mobxReactLite.observer)(_CardContainer);
+//# sourceMappingURL=CardContainer.js.map

package/dist/cjs/components/CardContainer/CardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_SkeletonCard","_ErrorCard","_react2","_jsxFileName","_CardContainer","props","status","minHeight","children","errorState","rest","translate","t","useWixPatternsContainer","default","createElement","SkeletonCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ErrorCard","title","subtitle","retryText","onRetry","Card","displayName","CardContainer","exports","observer"],"sources":["../../../../src/components/CardContainer/CardContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { SkeletonCard } from '../SkeletonCard';\nimport { ErrorCard, ErrorCardProps } from '../ErrorCard';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CardContainerProps extends CardProps {\n  /**\n   * Additional loading flag, if you need to show loader after the main entity is fetched.\n   * Also, if an error occurs on a side request (other than passed to `fetch`), you can use `error` to show the card error state.\n   * Alongside with `error` you also need to pass `errorState.onRetry` callback, which should change the `status` accordingly.\n   */\n  status?: 'idle' | 'loading' | 'error' | 'success';\n  /**\n   * Height of content while loading (not including paddings)\n   */\n  minHeight?: string;\n  /**\n   * Card Error State configuration\n   */\n  errorState?: ErrorCardProps;\n}\n\nexport function _CardContainer(props: CardContainerProps) {\n  const { status, minHeight, children, errorState, ...rest } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  if (status === 'idle' || status === 'loading') {\n    return <SkeletonCard minHeight={minHeight} {...rest} />;\n  }\n\n  if (status === 'error') {\n    return (\n      <ErrorCard\n        title={\n          errorState?.title ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.title')\n        }\n        subtitle={\n          errorState?.subtitle ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.description')\n        }\n        retryText={\n          errorState?.retryText ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.CTA')\n        }\n        onRetry={errorState?.onRetry}\n        {...rest}\n      >\n        {children}\n      </ErrorCard>\n    );\n  }\n\n  return <Card {...rest}>{children}</Card>;\n}\n\n_CardContainer.displayName = 'CardContainer';\n\nexport const CardContainer = observer(_CardContainer);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAmBvD,SAASC,cAAcA,CAACC,KAAyB,EAAE;EACxD,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAClE,MAAM;IAAEM,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,IAAIP,MAAM,KAAK,MAAM,IAAIA,MAAM,KAAK,SAAS,EAAE;IAC7C,oBAAOX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,YAAY,MAAAC,SAAA,CAAAH,OAAA;MAACP,SAAS,EAAEA;IAAU,GAAKG,IAAI;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC;EACzD;EAEA,IAAIhB,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAAsB,SAAS,MAAAN,SAAA,CAAAH,OAAA;MACRU,KAAK,EACH,CAAAf,UAAU,oBAAVA,UAAU,CAAEe,KAAK,KACjBZ,CAAC,CAAC,sDAAsD,CACzD;MACDa,QAAQ,EACN,CAAAhB,UAAU,oBAAVA,UAAU,CAAEgB,QAAQ,KACpBb,CAAC,CAAC,4DAA4D,CAC/D;MACDc,SAAS,EACP,CAAAjB,UAAU,oBAAVA,UAAU,CAAEiB,SAAS,KACrBd,CAAC,CAAC,oDAAoD,CACvD;MACDe,OAAO,EAAElB,UAAU,oBAAVA,UAAU,CAAEkB;IAAQ,GACzBjB,IAAI;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,IAEPd,QACQ,CAAC;EAEhB;EAEA,oBAAOb,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA8B,IAAI,MAAAX,SAAA,CAAAH,OAAA,MAAKJ,IAAI;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAGd,QAAe,CAAC;AAC1C;AAEAJ,cAAc,CAACyB,WAAW,GAAG,eAAe;AAErC,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAAC5B,cAAc,CAAC"}

package/dist/cjs/components/CardContainer/CardContainer.uni.driver.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _unidriver = require("../../unidriver");
+var _ErrorCardUni = _interopRequireDefault(require("../ErrorCard/ErrorCard.uni.driver"));
+var _SkeletonCardUni = _interopRequireDefault(require("../SkeletonCard/SkeletonCard.uni.driver"));
+var _default = (base, body) => {
+  const getSkeletonCard = () => (0, _SkeletonCardUni.default)(base, body);
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    showsSkeletonHeader: () => getSkeletonCard().showsSkeletonHeader(),
+    getChildByDataHook: dataHook => base.$(`[data-hook="${dataHook}"]`),
+    getErrorState: () => (0, _ErrorCardUni.default)(base, body)
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=CardContainer.uni.driver.js.map

package/dist/cjs/components/CardContainer/CardContainer.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_ErrorCardUni","_interopRequireDefault","_SkeletonCardUni","_default","base","body","getSkeletonCard","SkeletonCardUniDriver","baseUniDriverFactory","showsSkeletonHeader","getChildByDataHook","dataHook","$","getErrorState","ErrorCardUniDriver","exports","default"],"sources":["../../../../src/components/CardContainer/CardContainer.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport ErrorCardUniDriver from '../ErrorCard/ErrorCard.uni.driver';\nimport SkeletonCardUniDriver from '../SkeletonCard/SkeletonCard.uni.driver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const getSkeletonCard = () => SkeletonCardUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    showsSkeletonHeader: () => getSkeletonCard().showsSkeletonHeader(),\n    getChildByDataHook: (dataHook: string) =>\n      base.$(`[data-hook=\"${dataHook}\"]`),\n    getErrorState: () => ErrorCardUniDriver(base, body),\n  };\n};\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA4E,IAAAI,QAAA,GAE7DA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,eAAe,GAAGA,CAAA,KAAM,IAAAC,wBAAqB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAE/D,OAAO;IACL,GAAG,IAAAG,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,mBAAmB,EAAEA,CAAA,KAAMH,eAAe,CAAC,CAAC,CAACG,mBAAmB,CAAC,CAAC;IAClEC,kBAAkB,EAAGC,QAAgB,IACnCP,IAAI,CAACQ,CAAC,CAAE,eAAcD,QAAS,IAAG,CAAC;IACrCE,aAAa,EAAEA,CAAA,KAAM,IAAAC,qBAAkB,EAACV,IAAI,EAAEC,IAAI;EACpD,CAAC;AACH,CAAC;AAAAU,OAAA,CAAAC,OAAA,GAAAb,QAAA"}

package/dist/cjs/components/CardContainer/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _CardContainer = require("./CardContainer");
+Object.keys(_CardContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CardContainer[key]) return;
+  exports[key] = _CardContainer[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CardContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CardContainer","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/CardContainer/index.ts"],"sourcesContent":["export * from './CardContainer';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/Collapse/Collapse.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Collapse = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reactTransitionGroup = require("react-transition-group");
+var _react = _interopRequireWildcard(require("react"));
+var _CollapseStCss = require("./Collapse.st.css.js");
+var _mobxReactLite = require("mobx-react-lite");
+var _mobx = require("mobx");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Collapse/Collapse.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _Collapse(props) {
+  const {
+    children,
+    timeout,
+    state,
+    onExit,
+    onExiting,
+    onExited,
+    onEnter,
+    onEntering,
+    onEntered,
+    dataHook,
+    rootRef,
+    style: styleProp,
+    ...rest
+  } = props;
+  const ref = (0, _react.useRef)();
+  const [initialStyle, setInitialStyle] = (0, _react.useState)(false);
+  const {
+    status,
+    show
+  } = state;
+  (0, _react.useLayoutEffect)(() => {
+    setInitialStyle(true);
+    (0, _mobx.runInAction)(() => {
+      if (state.show) {
+        state.status = 'entered';
+      }
+    });
+  }, []);
+  const statusStyle = (0, _react.useMemo)(() => {
+    var _ref$current;
+    return initialStyle ? {
+      ...(status !== 'afterEntered' && {
+        overflow: 'hidden'
+      }),
+      ...(status !== 'afterEntered' && {
+        height: status === 'exited' || status === 'exiting' ? 0 : (_ref$current = ref.current) == null ? void 0 : _ref$current.scrollHeight
+      })
+    } : {};
+  }, [status, initialStyle]);
+  const style = (0, _react.useMemo)(() => ({
+    transitionDuration: `${timeout}ms`,
+    ...styleProp,
+    ...statusStyle
+  }), [timeout, styleProp, statusStyle]);
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, (0, _extends2.default)({
+    in: show,
+    onEnter: (node, isAppearing) => {
+      state.setStatus('enter');
+      onEnter == null || onEnter(node, isAppearing);
+    },
+    onEntering: (node, isAppearing) => {
+      state.setStatus('entering');
+      onEntering == null || onEntering(node, isAppearing);
+    },
+    onEntered: (node, isAppearing) => {
+      state.setStatus('entered');
+      setTimeout((0, _mobx.action)(() => {
+        if (state.status === 'entered') {
+          state.setStatus('afterEntered');
+        }
+      }), 0);
+      onEntered == null || onEntered(node, isAppearing);
+    },
+    onExit: node => {
+      state.setStatus('exit');
+      onExit == null || onExit(node);
+    },
+    onExiting: node => {
+      state.setStatus('beforeExit');
+      setTimeout((0, _mobx.action)(() => {
+        if (state.status === 'beforeExit') {
+          state.setStatus('exiting');
+        }
+      }), 0);
+      onExiting == null || onExiting(node);
+    },
+    onExited: node => {
+      state.setStatus('exited');
+      onExited == null || onExited(node);
+    },
+    timeout: timeout
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 82,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    ref: el => {
+      ref.current = el;
+      rootRef == null || rootRef(el);
+    },
+    className: (0, _CollapseStCss.st)(_CollapseStCss.classes.root),
+    style: style,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 7
+    }
+  }, children));
+}
+const Collapse = exports.Collapse = (0, _mobxReactLite.observer)(_Collapse);
+//# sourceMappingURL=Collapse.js.map

package/dist/cjs/components/Collapse/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactTransitionGroup","require","_react","_interopRequireWildcard","_CollapseStCss","_mobxReactLite","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_Collapse","props","children","timeout","state","onExit","onExiting","onExited","onEnter","onEntering","onEntered","dataHook","rootRef","style","styleProp","rest","ref","useRef","initialStyle","setInitialStyle","useState","status","show","useLayoutEffect","runInAction","statusStyle","useMemo","_ref$current","overflow","height","current","scrollHeight","transitionDuration","createElement","Transition","_extends2","in","node","isAppearing","setStatus","setTimeout","action","__self","__source","fileName","lineNumber","columnNumber","el","className","st","classes","root","Collapse","exports","observer"],"sources":["../../../../src/components/Collapse/Collapse.tsx"],"sourcesContent":["import { Transition } from 'react-transition-group';\nimport { TimeoutProps } from 'react-transition-group/Transition';\nimport React, {\n  CSSProperties,\n  HTMLAttributes,\n  ReactElement,\n  RefCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { st, classes } from './Collapse.st.css.js';\nimport { TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { action, runInAction } from 'mobx';\n\nexport interface CollapseProps<T> extends Omit<TimeoutProps<undefined>, 'in'> {\n  children: ReactElement<{ className?: string; style?: CSSProperties }>;\n  state: TransitionState<T>;\n  dataHook?: string;\n  style?: HTMLAttributes<HTMLDivElement>['style'];\n  rootRef?: RefCallback<HTMLDivElement | null>;\n}\n\nfunction _Collapse<T>(props: CollapseProps<T>) {\n  const {\n    children,\n    timeout,\n    state,\n    onExit,\n    onExiting,\n    onExited,\n    onEnter,\n    onEntering,\n    onEntered,\n    dataHook,\n    rootRef,\n    style: styleProp,\n    ...rest\n  } = props;\n\n  const ref = useRef<HTMLDivElement | null>();\n  const [initialStyle, setInitialStyle] = useState(false);\n  const { status, show } = state;\n\n  useLayoutEffect(() => {\n    setInitialStyle(true);\n    runInAction(() => {\n      if (state.show) {\n        state.status = 'entered';\n      }\n    });\n  }, []);\n\n  const statusStyle = useMemo(\n    () =>\n      initialStyle\n        ? {\n            ...(status !== 'afterEntered' && { overflow: 'hidden' }),\n            ...(status !== 'afterEntered' && {\n              height:\n                status === 'exited' || status === 'exiting'\n                  ? 0\n                  : ref.current?.scrollHeight,\n            }),\n          }\n        : {},\n    [status, initialStyle],\n  );\n\n  const style = useMemo(\n    () => ({\n      transitionDuration: `${timeout}ms`,\n      ...styleProp,\n      ...statusStyle,\n    }),\n    [timeout, styleProp, statusStyle],\n  );\n\n  return (\n    <Transition\n      in={show}\n      onEnter={(node, isAppearing) => {\n        state.setStatus('enter');\n        onEnter?.(node, isAppearing);\n      }}\n      onEntering={(node, isAppearing) => {\n        state.setStatus('entering');\n        onEntering?.(node, isAppearing);\n      }}\n      onEntered={(node, isAppearing) => {\n        state.setStatus('entered');\n        setTimeout(\n          action(() => {\n            if (state.status === 'entered') {\n              state.setStatus('afterEntered');\n            }\n          }),\n          0,\n        );\n        onEntered?.(node, isAppearing);\n      }}\n      onExit={(node) => {\n        state.setStatus('exit');\n        onExit?.(node);\n      }}\n      onExiting={(node) => {\n        state.setStatus('beforeExit');\n        setTimeout(\n          action(() => {\n            if (state.status === 'beforeExit') {\n              state.setStatus('exiting');\n            }\n          }),\n          0,\n        );\n        onExiting?.(node);\n      }}\n      onExited={(node) => {\n        state.setStatus('exited');\n        onExited?.(node);\n      }}\n      timeout={timeout}\n      {...rest}\n    >\n      <div\n        data-hook={dataHook}\n        ref={(el) => {\n          ref.current = el;\n          rootRef?.(el);\n        }}\n        className={st(classes.root)}\n        style={style}\n      >\n        {children}\n      </div>\n    </Transition>\n  );\n}\n\nexport const Collapse = observer(_Collapse);\n"],"mappings":"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"}

package/dist/cjs/components/Collapse/Collapse.st.css

@@ -0,0 +1,8 @@
+.root {
+  transition-property: height;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.exit {
+  height: 0;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "Collapse2574919287";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "Collapse2574919287__root",
+  "exit": "Collapse2574919287__exit"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=Collapse.st.css.js.map

package/dist/cjs/components/Collapse/Collapse.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2574919287\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse2574919287__root\",\"exit\":\"Collapse2574919287__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC"}

package/dist/cjs/components/Collapse/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _Collapse = require("./Collapse");
+Object.keys(_Collapse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Collapse[key]) return;
+  exports[key] = _Collapse[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Collapse","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/Collapse/index.ts"],"sourcesContent":["export * from './Collapse';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/CollectionActionModal/CollectionActionCustomLayoutModal.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionActionCustomLayoutModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionModal = require("../CollectionModal");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionActionModal/CollectionActionCustomLayoutModal.tsx";
+function _CollectionActionCustomLayoutModal({
+  state,
+  content,
+  onAfterClose,
+  primaryButtonOnClick,
+  secondaryButtonOnClick,
+  onCloseButtonClick,
+  ...rest
+}) {
+  const {
+    modal
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_CollectionModal.CollectionModal, {
+    state: modal,
+    onAfterClose: () => {
+      state.afterClose();
+      onAfterClose == null || onAfterClose();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
+    dataHook: "collection-action-modal"
+  }, rest, {
+    onCloseButtonClick: e => {
+      modal.close();
+      onCloseButtonClick == null || onCloseButtonClick(e);
+    },
+    primaryButtonOnClick: () => {
+      modal.confirm();
+      primaryButtonOnClick == null || primaryButtonOnClick();
+    },
+    secondaryButtonOnClick: () => {
+      modal.decline();
+      secondaryButtonOnClick == null || secondaryButtonOnClick();
+    },
+    content: typeof content === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 54,
+        columnNumber: 48
+      }
+    }, content) : content,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 7
+    }
+  })));
+}
+const CollectionActionCustomLayoutModal = exports.CollectionActionCustomLayoutModal = (0, _mobxReactLite.observer)(_CollectionActionCustomLayoutModal);
+//# sourceMappingURL=CollectionActionCustomLayoutModal.js.map

package/dist/cjs/components/CollectionActionModal/CollectionActionCustomLayoutModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionModal","_jsxFileName","_CollectionActionCustomLayoutModal","state","content","onAfterClose","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","rest","modal","default","createElement","CollectionModal","afterClose","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","_extends2","dataHook","e","close","confirm","decline","Text","CollectionActionCustomLayoutModal","exports","observer"],"sources":["../../../../src/components/CollectionActionModal/CollectionActionCustomLayoutModal.tsx"],"sourcesContent":["import {\n  CustomModalLayout,\n  CustomModalLayoutProps,\n  ModalProps,\n  Text,\n  TableActionCellSecondaryAction,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionModal } from '../CollectionModal';\nimport { ConditionalModalState } from '@wix/bex-core';\n\nexport interface CollectionActionCustomLayoutModalProps\n  extends Partial<CustomModalLayoutProps> {\n  state: ConditionalModalState<unknown>;\n  onAfterClose?: ModalProps['onAfterClose'];\n  actionProps?: Partial<TableActionCellSecondaryAction>;\n}\n\nfunction _CollectionActionCustomLayoutModal({\n  state,\n  content,\n  onAfterClose,\n  primaryButtonOnClick,\n  secondaryButtonOnClick,\n  onCloseButtonClick,\n  ...rest\n}: CollectionActionCustomLayoutModalProps) {\n  const { modal } = state;\n\n  return (\n    <CollectionModal\n      state={modal}\n      onAfterClose={() => {\n        state.afterClose();\n        onAfterClose?.();\n      }}\n    >\n      <CustomModalLayout\n        dataHook=\"collection-action-modal\"\n        {...rest}\n        onCloseButtonClick={(e) => {\n          modal.close();\n          onCloseButtonClick?.(e);\n        }}\n        primaryButtonOnClick={() => {\n          modal.confirm();\n          primaryButtonOnClick?.();\n        }}\n        secondaryButtonOnClick={() => {\n          modal.decline();\n          secondaryButtonOnClick?.();\n        }}\n        content={typeof content === 'string' ? <Text>{content}</Text> : content}\n      />\n    </CollectionModal>\n  );\n}\n\nexport const CollectionActionCustomLayoutModal = observer(\n  _CollectionActionCustomLayoutModal,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AAUrD,SAASC,kCAAkCA,CAAC;EAC1CC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,oBAAoB;EACpBC,sBAAsB;EACtBC,kBAAkB;EAClB,GAAGC;AACmC,CAAC,EAAE;EACzC,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAEvB,oBACEN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAa,eAAe;IACdV,KAAK,EAAEO,KAAM;IACbL,YAAY,EAAEA,CAAA,KAAM;MAClBF,KAAK,CAACW,UAAU,CAAC,CAAC;MAClBT,YAAY,YAAZA,YAAY,CAAG,CAAC;IAClB,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,iBAAiB,MAAAC,SAAA,CAAAV,OAAA;IAChBW,QAAQ,EAAC;EAAyB,GAC9Bb,IAAI;IACRD,kBAAkB,EAAGe,CAAC,IAAK;MACzBb,KAAK,CAACc,KAAK,CAAC,CAAC;MACbhB,kBAAkB,YAAlBA,kBAAkB,CAAGe,CAAC,CAAC;IACzB,CAAE;IACFjB,oBAAoB,EAAEA,CAAA,KAAM;MAC1BI,KAAK,CAACe,OAAO,CAAC,CAAC;MACfnB,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;IAC1B,CAAE;IACFC,sBAAsB,EAAEA,CAAA,KAAM;MAC5BG,KAAK,CAACgB,OAAO,CAAC,CAAC;MACfnB,sBAAsB,YAAtBA,sBAAsB,CAAG,CAAC;IAC5B,CAAE;IACFH,OAAO,EAAE,OAAOA,OAAO,KAAK,QAAQ,gBAAGP,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAgC,IAAI;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEf,OAAc,CAAC,GAAGA,OAAQ;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzE,CACc,CAAC;AAEtB;AAEO,MAAMS,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvD5B,kCACF,CAAC"}

package/dist/cjs/components/CollectionActionModal/CollectionActionModal.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionActionModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionModal = require("../CollectionModal");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionActionModal/CollectionActionModal.tsx";
+function _CollectionActionModal({
+  state,
+  content,
+  onAfterClose,
+  primaryButtonOnClick,
+  secondaryButtonOnClick,
+  onCloseButtonClick,
+  ...rest
+}) {
+  const {
+    modal
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_CollectionModal.CollectionModal, {
+    state: modal,
+    onAfterClose: () => {
+      state.afterClose();
+      onAfterClose == null || onAfterClose();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MessageModalLayout, (0, _extends2.default)({
+    dataHook: "collection-action-modal"
+  }, rest, {
+    onCloseButtonClick: e => {
+      modal.close();
+      onCloseButtonClick == null || onCloseButtonClick(e);
+    },
+    primaryButtonOnClick: () => {
+      modal.confirm();
+      primaryButtonOnClick == null || primaryButtonOnClick();
+    },
+    secondaryButtonOnClick: () => {
+      modal.decline();
+      secondaryButtonOnClick == null || secondaryButtonOnClick();
+    },
+    content: typeof content === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      dataHook: "action-modal-content",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 49,
+        columnNumber: 13
+      }
+    }, content) : content,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 7
+    }
+  })));
+}
+const CollectionActionModal = exports.CollectionActionModal = (0, _mobxReactLite.observer)(_CollectionActionModal);
+//# sourceMappingURL=CollectionActionModal.js.map

package/dist/cjs/components/CollectionActionModal/CollectionActionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionModal","_jsxFileName","_CollectionActionModal","state","content","onAfterClose","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","rest","modal","default","createElement","CollectionModal","afterClose","__self","__source","fileName","lineNumber","columnNumber","MessageModalLayout","_extends2","dataHook","e","close","confirm","decline","Text","CollectionActionModal","exports","observer"],"sources":["../../../../src/components/CollectionActionModal/CollectionActionModal.tsx"],"sourcesContent":["import { MessageModalLayout, ModalProps, Text } from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionModal } from '../CollectionModal';\nimport { ConditionalModalState } from '@wix/bex-core';\nimport { DeleteModalProps } from '../DeleteModal';\n\nexport interface CollectionActionModalProps extends Partial<DeleteModalProps> {\n  state: ConditionalModalState<unknown>;\n  onAfterClose?: ModalProps['onAfterClose'];\n}\n\nfunction _CollectionActionModal({\n  state,\n  content,\n  onAfterClose,\n  primaryButtonOnClick,\n  secondaryButtonOnClick,\n  onCloseButtonClick,\n  ...rest\n}: CollectionActionModalProps) {\n  const { modal } = state;\n\n  return (\n    <CollectionModal\n      state={modal}\n      onAfterClose={() => {\n        state.afterClose();\n        onAfterClose?.();\n      }}\n    >\n      <MessageModalLayout\n        dataHook=\"collection-action-modal\"\n        {...rest}\n        onCloseButtonClick={(e) => {\n          modal.close();\n          onCloseButtonClick?.(e);\n        }}\n        primaryButtonOnClick={() => {\n          modal.confirm();\n          primaryButtonOnClick?.();\n        }}\n        secondaryButtonOnClick={() => {\n          modal.decline();\n          secondaryButtonOnClick?.();\n        }}\n        content={\n          typeof content === 'string' ? (\n            <Text dataHook=\"action-modal-content\">{content}</Text>\n          ) : (\n            content\n          )\n        }\n      />\n    </CollectionModal>\n  );\n}\n\nexport const CollectionActionModal = observer(_CollectionActionModal);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AASrD,SAASC,sBAAsBA,CAAC;EAC9BC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,oBAAoB;EACpBC,sBAAsB;EACtBC,kBAAkB;EAClB,GAAGC;AACuB,CAAC,EAAE;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAEvB,oBACEN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAa,eAAe;IACdV,KAAK,EAAEO,KAAM;IACbL,YAAY,EAAEA,CAAA,KAAM;MAClBF,KAAK,CAACW,UAAU,CAAC,CAAC;MAClBT,YAAY,YAAZA,YAAY,CAAG,CAAC;IAClB,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,kBAAkB,MAAAC,SAAA,CAAAV,OAAA;IACjBW,QAAQ,EAAC;EAAyB,GAC9Bb,IAAI;IACRD,kBAAkB,EAAGe,CAAC,IAAK;MACzBb,KAAK,CAACc,KAAK,CAAC,CAAC;MACbhB,kBAAkB,YAAlBA,kBAAkB,CAAGe,CAAC,CAAC;IACzB,CAAE;IACFjB,oBAAoB,EAAEA,CAAA,KAAM;MAC1BI,KAAK,CAACe,OAAO,CAAC,CAAC;MACfnB,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;IAC1B,CAAE;IACFC,sBAAsB,EAAEA,CAAA,KAAM;MAC5BG,KAAK,CAACgB,OAAO,CAAC,CAAC;MACfnB,sBAAsB,YAAtBA,sBAAsB,CAAG,CAAC;IAC5B,CAAE;IACFH,OAAO,EACL,OAAOA,OAAO,KAAK,QAAQ,gBACzBP,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAgC,IAAI;MAACL,QAAQ,EAAC,sBAAsB;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEf,OAAc,CAAC,GAEtDA,OAEH;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACc,CAAC;AAEtB;AAEO,MAAMS,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,sBAAsB,CAAC"}

package/dist/cjs/components/CollectionActionModal/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _CollectionActionModal = require("./CollectionActionModal");
+Object.keys(_CollectionActionModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollectionActionModal[key]) return;
+  exports[key] = _CollectionActionModal[key];
+});
+var _CollectionActionCustomLayoutModal = require("./CollectionActionCustomLayoutModal");
+Object.keys(_CollectionActionCustomLayoutModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollectionActionCustomLayoutModal[key]) return;
+  exports[key] = _CollectionActionCustomLayoutModal[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CollectionActionModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CollectionActionModal","require","Object","keys","forEach","key","exports","_CollectionActionCustomLayoutModal"],"sources":["../../../../src/components/CollectionActionModal/index.ts"],"sourcesContent":["export * from './CollectionActionModal';\nexport * from './CollectionActionCustomLayoutModal';\n"],"mappings":";;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,sBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,sBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,sBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,kCAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,kCAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,kCAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,kCAAA,CAAAF,GAAA;AAAA"}

package/dist/cjs/components/CollectionActionsBar.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionActionsBar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionActionsBar.tsx";
+const CollectionActionsBar = exports.CollectionActionsBar = (0, _mobxReactLite.observer)(() => {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 8,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "SP1",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 9,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    skin: "standard",
+    priority: "secondary",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 10,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 11
+    }
+  }))));
+});
+//# sourceMappingURL=CollectionActionsBar.js.map

package/dist/cjs/components/CollectionActionsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_jsxFileName","CollectionActionsBar","exports","observer","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","padding","IconButton","skin","priority","More"],"sources":["../../../src/components/CollectionActionsBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\n\nexport const CollectionActionsBar = observer(() => {\n  return (\n    <Box>\n      <Box padding=\"SP1\">\n        <IconButton skin=\"standard\" priority=\"secondary\">\n          <More />\n        </IconButton>\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAEpC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC,MAAM;EACjD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACFjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IAACM,OAAO,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChBjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,UAAU;IAACC,IAAI,EAAC,UAAU;IAACC,QAAQ,EAAC,WAAW;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9CjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAkB,IAAI;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACG,CACT,CACF,CAAC;AAEV,CAAC,CAAC"}