@wix/patterns 0.8.0

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -0,0 +1,113 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useToolbarCollectionSyncProps = useToolbarCollectionSyncProps;
+var _react = require("react");
+var _mobx = require("mobx");
+var _checkConflictingToolbarProps = require("./checkConflictingToolbarProps");
+var _providers = require("../../providers");
+function useToolbarCollectionSyncProps(props) {
+  const {
+    state,
+    views,
+    tabs,
+    exportButton,
+    extensionMenuItems,
+    dragAndDropCategories,
+    maxSelection,
+    search,
+    filters,
+    isUsingDragAndDrop,
+    isUsingBulkActionsToolbar,
+    isUsingHorizontalScroll,
+    isUsingFolders,
+    isUsingTableVirtualization,
+    summaryBar
+  } = props;
+  (0, _checkConflictingToolbarProps.checkConflictingToolbarProps)(props);
+  state.internalScroll = props.internalScroll;
+  const pageState = (0, _providers.useCollectionPageContext)();
+  const getIsUsingAllItemsView = () => !!(
+  // views=undefined, it means thw user didn't pass so allItemsViews=false
+
+  views && (
+  // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true
+  !views.props ||
+  // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps
+  // without configuring the hidden so allItemsViews=true
+  !views.props.allItemsViewProps ||
+  // allItemsViews depends on hidden's value
+  !views.props.allItemsViewProps.hidden));
+  (0, _react.useEffect)(() => {
+    if (exportButton) {
+      state.featuredComponents.exportButton.set(exportButton);
+    }
+    return () => {
+      state.featuredComponents.exportButton.set(null);
+    };
+  }, [exportButton]);
+  const tabsFilterProps = (0, _react.useMemo)(() => {
+    return tabs != null && tabs.props ? {
+      filter: tabs.props.filter
+    } : undefined;
+  }, [tabs]);
+  (0, _react.useEffect)(() => (0, _mobx.reaction)(() => pageState.hasHeader, hasHeader => {
+    if (hasHeader) {
+      state.minimizedHeaderHeight = 66;
+    }
+  }, {
+    fireImmediately: true
+  }), []);
+  (0, _react.useEffect)(() => (0, _mobx.reaction)(() => state.collection.initTask.status.isSuccess && state.collection.total, total => {
+    pageState.total = total;
+  }), []);
+  (0, _react.useEffect)(() => {
+    (0, _mobx.runInAction)(() => {
+      state.dragAndDropCategories = dragAndDropCategories;
+    });
+    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.
+  }, []);
+  (0, _react.useState)(() => views == null ? void 0 : views.type.setViewsState(state, views == null ? void 0 : views.props));
+  (0, _react.useEffect)((0, _mobx.action)(() => {
+    state.viewsProps = views == null ? void 0 : views.props;
+  }), [views]);
+  (0, _react.useState)(() => {
+    var _props$AddApplyFilter, _props$title, _props$title2;
+    (_props$AddApplyFilter = props.AddApplyFiltersButton) == null || _props$AddApplyFilter.setStateObject(state);
+    state.extensionMenuItems = extensionMenuItems;
+    state.featuresAvailability = {
+      isDisablingSearch: search === false,
+      isUsingFilters: !!filters,
+      isUsingDragAndDrop,
+      isUsingBulkActionsToolbar,
+      isUsingHorizontalScroll,
+      isUsingFolders,
+      isUsingTableVirtualization,
+      isUsingTags: !!props.tags,
+      isUsingTabs: !!tabs,
+      isUsingSummaryRow: !!summaryBar
+    };
+    state.additionalFeaturesAvailability = {
+      isUsingTableSubtitle: !!((_props$title = props.title) != null && _props$title.props.subtitle),
+      isUsingCounterInHeader: !!((_props$title2 = props.title) != null && _props$title2.props.showTotal),
+      isUsingSelectAllLimitation: !!props.maxSelection,
+      isUsingErrorMessage: !!props.renderError,
+      isUsingAllItemsView: getIsUsingAllItemsView(),
+      isUsingCustomEmptyState: !!props.renderEmptyState,
+      isUsingPrimaryActionCta: !!props.primaryActionButton
+    };
+  });
+  (0, _react.useEffect)((0, _mobx.action)(() => {
+    if (tabsFilterProps != null && tabsFilterProps.filter) {
+      state.tabsFilterProps = tabsFilterProps;
+      tabsFilterProps.filter.persistent = true;
+    }
+  }), [tabsFilterProps]);
+  (0, _react.useEffect)(() => {
+    (0, _mobx.runInAction)(() => {
+      state.bulk.maxSelection = maxSelection;
+    });
+  }, [maxSelection]);
+  return state;
+}
+//# sourceMappingURL=useToolbarCollectionSyncProps.js.map

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","extensionMenuItems","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","getIsUsingAllItemsView","allItemsViewProps","hidden","useEffect","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","reaction","hasHeader","minimizedHeaderHeight","fireImmediately","collection","initTask","status","isSuccess","total","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","renderError","isUsingAllItemsView","isUsingCustomEmptyState","renderEmptyState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    extensionMenuItems,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.extensionMenuItems = extensionMenuItems;\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!props.renderError,\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.renderEmptyState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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"}

package/dist/cjs/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ContainerRectDebug = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _providers = require("../../providers");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _reactDom = require("react-dom");
+var _mobxReactLite = require("mobx-react-lite");
+var _RectState = require("../../state/RectState");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.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 _ContainerRectDebug() {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const {
+    stackingRootRef
+  } = (0, _providers.usePageContext)();
+  const {
+    scrollableContentRef
+  } = (0, _providers.useScrollableContentContext)();
+  const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const [scrollableContentRect] = (0, _react.useState)(() => new _RectState.RectState({
+    container
+  }));
+  (0, _react.useEffect)(() => {
+    scrollableContentRect.element = scrollableContentRef == null ? void 0 : scrollableContentRef.current;
+    return scrollableContentRect.init();
+  }, []);
+  if ((stackingRootRef == null ? void 0 : stackingRootRef.current) == null) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      position: 'fixed',
+      zIndex: 50,
+      background: 'transparent',
+      pointerEvents: 'none',
+      border: '#15e9e9 1px solid',
+      ...(toolbar.containerRect && {
+        top: toolbar.containerRect.top,
+        left: toolbar.containerRect.left,
+        bottom: 0,
+        width: toolbar.containerRect.width
+      })
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }), stackingRootRef.current);
+}
+const ContainerRectDebug = exports.ContainerRectDebug = (0, _mobxReactLite.observer)(_ContainerRectDebug);
+//# sourceMappingURL=ContainerRectDebug.js.map

package/dist/cjs/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_providers","_ToolbarCollectionContext","_reactDom","_mobxReactLite","_RectState","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ContainerRectDebug","container","useWixPatternsContainer","stackingRootRef","usePageContext","scrollableContentRef","useScrollableContentContext","toolbar","useToolbarCollectionContext","scrollableContentRect","useState","RectState","useEffect","element","current","init","createPortal","createElement","style","position","zIndex","background","pointerEvents","border","containerRect","top","left","bottom","width","__self","__source","fileName","lineNumber","columnNumber","ContainerRectDebug","exports","observer"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/ContainerRectDebug.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { usePageContext, useScrollableContentContext } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { createPortal } from 'react-dom';\nimport { observer } from 'mobx-react-lite';\nimport { RectState } from '../../state/RectState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nfunction _ContainerRectDebug() {\n  const container = useWixPatternsContainer();\n  const { stackingRootRef } = usePageContext();\n  const { scrollableContentRef } = useScrollableContentContext();\n  const toolbar = useToolbarCollectionContext();\n\n  const [scrollableContentRect] = useState(\n    () =>\n      new RectState({\n        container,\n      }),\n  );\n\n  useEffect(() => {\n    scrollableContentRect.element = scrollableContentRef?.current;\n    return scrollableContentRect.init();\n  }, []);\n\n  if (stackingRootRef?.current == null) {\n    return null;\n  }\n\n  return createPortal(\n    <div\n      style={{\n        position: 'fixed',\n        zIndex: 50,\n        background: 'transparent',\n        pointerEvents: 'none',\n        border: '#15e9e9 1px solid',\n        ...(toolbar.containerRect && {\n          top: toolbar.containerRect.top,\n          left: toolbar.containerRect.left,\n          bottom: 0,\n          width: toolbar.containerRect.width,\n        }),\n      }}\n    />,\n    stackingRootRef.current,\n  );\n}\n\nexport const ContainerRectDebug = observer(_ContainerRectDebug);\n"],"mappings":"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"}

package/dist/cjs/components/ToolbarCollectionContentAutoSizer/ToolbarCollectionContentAutoSizer.js

@@ -0,0 +1,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ToolbarCollectionContentAutoSizer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _mobxReactLite = require("mobx-react-lite");
+var _providers = require("../../providers");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarCollectionContentAutoSizer/ToolbarCollectionContentAutoSizer.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 _ToolbarCollectionContentAutoSizer(props) {
+  const {
+    children
+  } = props;
+  const {
+    scrollableContentRef
+  } = (0, _providers.useScrollableContentContext)();
+  const internalScrollableContentRef = (0, _react.useRef)();
+  const [scrollableContentContextValue] = (0, _react.useState)(() => ({
+    scrollableContentRef: internalScrollableContentRef
+  }));
+  const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    internalScroll,
+    collection
+  } = toolbar;
+  (0, _react.useEffect)(() => {
+    return toolbar.itemsContentRect.init({
+      scrollElement: internalScrollableContentRef.current ?? scrollableContentRef.current
+    });
+  }, []);
+  let child = /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "toolbar-collection-content-auto-sizer",
+    style: {
+      height: '100%',
+      width: '100%',
+      overflowY: internalScroll ? 'auto' : undefined,
+      overflowAnchor: 'none'
+    },
+    ref: el => {
+      toolbar.itemsContentRect.element = el;
+      if (internalScroll) {
+        internalScrollableContentRef.current = el;
+        collection.scrollableContent = el;
+      }
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, children);
+  if (internalScroll) {
+    child = /*#__PURE__*/_react.default.createElement(_providers.ScrollableContentContext.Provider, {
+      value: scrollableContentContextValue,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 57,
+        columnNumber: 7
+      }
+    }, child);
+  }
+  return child;
+}
+const ToolbarCollectionContentAutoSizer = exports.ToolbarCollectionContentAutoSizer = (0, _mobxReactLite.observer)(_ToolbarCollectionContentAutoSizer);
+//# sourceMappingURL=ToolbarCollectionContentAutoSizer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_mobxReactLite","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ToolbarCollectionContentAutoSizer","props","children","scrollableContentRef","useScrollableContentContext","internalScrollableContentRef","useRef","scrollableContentContextValue","useState","toolbar","useToolbarCollectionContext","internalScroll","collection","useEffect","itemsContentRect","init","scrollElement","current","child","createElement","style","height","width","overflowY","undefined","overflowAnchor","ref","el","element","scrollableContent","__self","__source","fileName","lineNumber","columnNumber","ScrollableContentContext","Provider","value","ToolbarCollectionContentAutoSizer","exports","observer"],"sources":["../../../../src/components/ToolbarCollectionContentAutoSizer/ToolbarCollectionContentAutoSizer.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport {\n  ScrollableContentContext,\n  useScrollableContentContext,\n} from '../../providers';\n\nexport interface ToolbarCollectionContentAutoSizerProps {\n  children: ReactNode;\n}\n\nfunction _ToolbarCollectionContentAutoSizer(\n  props: ToolbarCollectionContentAutoSizerProps,\n) {\n  const { children } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const internalScrollableContentRef = useRef<HTMLElement | null | undefined>();\n\n  const [scrollableContentContextValue] = useState(() => ({\n    scrollableContentRef: internalScrollableContentRef,\n  }));\n\n  const toolbar = useToolbarCollectionContext();\n  const { internalScroll, collection } = toolbar;\n\n  useEffect(() => {\n    return toolbar.itemsContentRect.init({\n      scrollElement:\n        internalScrollableContentRef.current ?? scrollableContentRef.current,\n    });\n  }, []);\n\n  let child = (\n    <div\n      data-hook=\"toolbar-collection-content-auto-sizer\"\n      style={{\n        height: '100%',\n        width: '100%',\n        overflowY: internalScroll ? 'auto' : undefined,\n        overflowAnchor: 'none',\n      }}\n      ref={(el) => {\n        toolbar.itemsContentRect.element = el;\n        if (internalScroll) {\n          internalScrollableContentRef.current = el;\n          collection.scrollableContent = el;\n        }\n      }}\n    >\n      {children}\n    </div>\n  );\n\n  if (internalScroll) {\n    child = (\n      <ScrollableContentContext.Provider value={scrollableContentContextValue}>\n        {child}\n      </ScrollableContentContext.Provider>\n    );\n  }\n\n  return child;\n}\n\nexport const ToolbarCollectionContentAutoSizer = observer(\n  _ToolbarCollectionContentAutoSizer,\n);\n"],"mappings":"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"}

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

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

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

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

package/dist/cjs/components/ToolbarCollectionContext.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useToolbarCollectionContext = exports.ToolbarCollectionProvider = exports.ToolbarCollectionContext = exports.ToolbarCollectionConsumer = void 0;
+var _react = require("react");
+var _createContext = require("../createContext");
+const ToolbarCollectionContext = exports.ToolbarCollectionContext = /*#__PURE__*/(0, _react.createContext)(null);
+const ToolbarCollectionProvider = exports.ToolbarCollectionProvider = ToolbarCollectionContext.Provider;
+const ToolbarCollectionConsumer = exports.ToolbarCollectionConsumer = ToolbarCollectionContext.Consumer;
+const useToolbarCollectionContext = () => {
+  const value = (0, _react.useContext)(ToolbarCollectionContext);
+  (0, _createContext.assertContextValue)('ToolbarCollectionProvider', value);
+  return value;
+};
+exports.useToolbarCollectionContext = useToolbarCollectionContext;
+//# sourceMappingURL=ToolbarCollectionContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_createContext","ToolbarCollectionContext","exports","createContext","ToolbarCollectionProvider","Provider","ToolbarCollectionConsumer","Consumer","useToolbarCollectionContext","value","useContext","assertContextValue"],"sources":["../../../src/components/ToolbarCollectionContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { ToolbarCollectionState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { assertContextValue } from '../createContext';\n\nexport const ToolbarCollectionContext = createContext<ToolbarCollectionState<\n  any,\n  any\n> | null>(null);\n\nexport const ToolbarCollectionProvider = ToolbarCollectionContext.Provider;\nexport const ToolbarCollectionConsumer = ToolbarCollectionContext.Consumer;\n\nexport const useToolbarCollectionContext = <T, F extends FiltersMap>() => {\n  const value = useContext(ToolbarCollectionContext);\n  assertContextValue('ToolbarCollectionProvider', value);\n  return value as ToolbarCollectionState<T, F>;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEO,MAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBAAG,IAAAE,oBAAa,EAG3C,IAAI,CAAC;AAER,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAGH,wBAAwB,CAACI,QAAQ;AACnE,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGL,wBAAwB,CAACM,QAAQ;AAEnE,MAAMC,2BAA2B,GAAGA,CAAA,KAA+B;EACxE,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACT,wBAAwB,CAAC;EAClD,IAAAU,iCAAkB,EAAC,2BAA2B,EAAEF,KAAK,CAAC;EACtD,OAAOA,KAAK;AACd,CAAC;AAACP,OAAA,CAAAM,2BAAA,GAAAA,2BAAA"}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ToolbarItemBox = ToolbarItemBox;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _ToolbarItemBoxStCss = require("./ToolbarItemBox.st.css.js");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.tsx";
+function ToolbarItemBox(props) {
+  const {
+    label,
+    children,
+    removeStartPadding,
+    expandable,
+    ...rest
+  } = props;
+  let child = children;
+  if (label) {
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      marginLeft: 2,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 19,
+        columnNumber: 13
+      }
+    }, child);
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, (0, _extends2.default)({
+    className: (0, _ToolbarItemBoxStCss.st)(_ToolbarItemBoxStCss.classes.root, {
+      removeStartPadding,
+      expandable
+    })
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }), label && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Label, {
+    dataHook: "table-toolbar-label",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 9
+    }
+  }, label), child);
+}
+//# sourceMappingURL=ToolbarItemBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarItemBoxStCss","_jsxFileName","ToolbarItemBox","props","label","children","removeStartPadding","expandable","rest","child","default","createElement","Box","marginLeft","__self","__source","fileName","lineNumber","columnNumber","TableToolbar","Item","_extends2","className","st","classes","root","Label","dataHook"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { st, classes } from './ToolbarItemBox.st.css.js';\n\nexport interface ToolbarItemBoxProps {\n  dataHook?: string;\n  layout?: 'button';\n  expandable?: boolean;\n  label?: ReactNode;\n  removeStartPadding?: boolean;\n  children?: ReactNode;\n}\nexport function ToolbarItemBox(props: ToolbarItemBoxProps) {\n  const { label, children, removeStartPadding, expandable, ...rest } = props;\n\n  let child = children;\n\n  if (label) {\n    child = <Box marginLeft={2}>{child}</Box>;\n  }\n\n  return (\n    <TableToolbar.Item\n      className={st(classes.root, {\n        removeStartPadding,\n        expandable,\n      })}\n      {...rest}\n    >\n      {label && (\n        <TableToolbar.Label dataHook=\"table-toolbar-label\">\n          {label}\n        </TableToolbar.Label>\n      )}\n      {child}\n    </TableToolbar.Item>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAAyD,IAAAI,YAAA;AAUlD,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAE1E,IAAIM,KAAK,GAAGJ,QAAQ;EAEpB,IAAID,KAAK,EAAE;IACTK,KAAK,gBAAGX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;MAACC,UAAU,EAAE,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAET,KAAW,CAAC;EAC3C;EAEA,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,YAAY,CAACC,IAAI,MAAAC,SAAA,CAAAX,OAAA;IAChBY,SAAS,EAAE,IAAAC,uBAAE,EAACC,4BAAO,CAACC,IAAI,EAAE;MAC1BnB,kBAAkB;MAClBC;IACF,CAAC;EAAE,GACCC,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPd,KAAK,iBACJN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAuB,YAAY,CAACO,KAAK;IAACC,QAAQ,EAAC,qBAAqB;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/Cd,KACiB,CACrB,EACAK,KACgB,CAAC;AAExB"}

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

@@ -0,0 +1,13 @@
+.root {
+  min-width: 0;
+
+  -st-states: removeStartPadding, expandable;
+}
+
+.root:removeStartPadding {
+  margin-left: -24px;
+}
+
+.root:expandable {
+  flex: 1 0;
+}

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

@@ -0,0 +1,22 @@
+"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_ = "ToolbarItemBox3883132159";
+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": "ToolbarItemBox3883132159__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=ToolbarItemBox.st.css.js.map

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3883132159\";\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\":\"ToolbarItemBox3883132159__root\"};\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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/ToolbarItemBox/index.js

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

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

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

package/dist/cjs/components/ToolbarTitle/ToolbarTitle.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ToolbarTitle = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarTitle/ToolbarTitle.tsx";
+const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(function ToolbarTitle({
+  title,
+  subtitle,
+  showTotal,
+  itemsLimit
+}) {
+  const {
+    translate: t
+  } = (0, _.useWixPatternsContainer)();
+  const {
+    collection: {
+      result: {
+        total,
+        status
+      }
+    }
+  } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingTop: "SP2",
+    paddingBottom: "SP2",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    minWidth: 0,
+    verticalAlign: "middle",
+    gap: "SP1",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    dataHook: "toolbar-title",
+    ellipsis: true,
+    size: "medium",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 9
+    }
+  }, title), showTotal && (total || status.isSuccess) && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+    size: "small",
+    skin: "neutralLight",
+    dataHook: "toolbar-counter",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, itemsLimit === undefined ? total : `${total} / ${itemsLimit}`))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "toolbar-subtitle",
+    size: "medium",
+    weight: "thin",
+    secondary: true,
+    ellipsis: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 9
+    }
+  }, subtitle == null ? void 0 : subtitle.text), (subtitle == null ? void 0 : subtitle.info) && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({}, subtitle.info, {
+    size: "small",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 85,
+      columnNumber: 28
+    }
+  })), (subtitle == null ? void 0 : subtitle.learnMore) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    dataHook: "toolbar-subtitle-learn-more-cta",
+    as: "a",
+    rel: "noopener",
+    target: "_blank",
+    href: subtitle.learnMore.url,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 87,
+      columnNumber: 11
+    }
+  }, subtitle.learnMore.label || t('cairo.table.subtitle.learnMore'))));
+});
+//# sourceMappingURL=ToolbarTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_","_ToolbarCollectionContext","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","useToolbarCollectionContext","default","createElement","Box","direction","paddingTop","paddingBottom","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","verticalAlign","gap","Heading","dataHook","ellipsis","size","isSuccess","CounterBadge","skin","Fragment","undefined","Text","weight","secondary","text","info","InfoIcon","_extends2","learnMore","TextButton","as","rel","target","href","url","label"],"sources":["../../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CounterBadge,\n  Heading,\n  InfoIcon,\n  InfoIconProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { FiltersMap, useWixPatternsContainer } from '../..';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nexport interface ToolbarTitleProps {\n  /**\n   * Display a title at the left of the table toolbar.\n   * @external\n   */\n  title: string | ReactNode;\n  /**\n   * Display a subtitle at the left of the table toolbar under the title.\n   * @param {string} text The subtitle text\n   * @param {[InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)} info info to display an info icon next to the subtitle text\n   * @param {string} learnMore an object with a `url`(required) and a `label`(optional), for displaying a link button on the subtitle\n   * @external\n   */\n  subtitle?: {\n    text: string;\n    info?: InfoIconProps;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  /**\n   * Indicates whether to show a total counter next to the table title. Please make sure to hide the counter in the page title (see hideTotal in [CollectionPage](./?path=/story/components-page--collectionpage))\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Shows the limit of items. Will bw shown when showTotal=true\n   * @external\n   */\n  itemsLimit?: number;\n}\n\nexport const ToolbarTitle = observer(function ToolbarTitle<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({ title, subtitle, showTotal, itemsLimit }: ToolbarTitleProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    collection: {\n      result: { total, status },\n    },\n  } = useToolbarCollectionContext<T, F>();\n\n  return (\n    <Box direction=\"vertical\" paddingTop=\"SP2\" paddingBottom=\"SP2\" width=\"100%\">\n      <Box minWidth={0} verticalAlign=\"middle\" gap=\"SP1\">\n        <Heading dataHook=\"toolbar-title\" ellipsis size=\"medium\">\n          {title}\n        </Heading>\n        {showTotal && (total || status.isSuccess) && (\n          <CounterBadge\n            size=\"small\"\n            skin=\"neutralLight\"\n            dataHook=\"toolbar-counter\"\n          >\n            <>{itemsLimit === undefined ? total : `${total} / ${itemsLimit}`}</>\n          </CounterBadge>\n        )}\n      </Box>\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Text\n          dataHook=\"toolbar-subtitle\"\n          size=\"medium\"\n          weight=\"thin\"\n          secondary\n          ellipsis\n        >\n          {subtitle?.text}\n        </Text>\n        {subtitle?.info && <InfoIcon {...subtitle.info} size=\"small\" />}\n        {subtitle?.learnMore && (\n          <TextButton\n            dataHook=\"toolbar-subtitle-learn-more-cta\"\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            href={subtitle.learnMore.url}\n          >\n            {subtitle.learnMore.label || t('cairo.table.subtitle.learnMore')}\n          </TextButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":"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"}

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

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

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

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

package/dist/cjs/components/Trans/Trans.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Trans = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Trans/Trans.tsx";
+const Trans = props => {
+  const {
+    Trans: TransComp,
+    i18n
+  } = (0, _react2.useWixPatternsContainer)();
+  return /*#__PURE__*/_react.default.createElement(TransComp, (0, _extends2.default)({
+    i18n: i18n
+  }, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 10,
+      columnNumber: 10
+    }
+  }));
+};
+exports.Trans = Trans;
+//# sourceMappingURL=Trans.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_jsxFileName","Trans","props","TransComp","i18n","useWixPatternsContainer","default","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/Trans/Trans.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport type { Trans as TransCompType } from '@wix/fe-essentials/react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport type TransProps = Omit<ComponentProps<typeof TransCompType>, 'i18n'>;\n\nexport const Trans = (props: TransProps) => {\n  const { Trans: TransComp, i18n } = useWixPatternsContainer();\n\n  return <TransComp i18n={i18n} {...props} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA8D,IAAAE,YAAA;AAIvD,MAAMC,KAAK,GAAIC,KAAiB,IAAK;EAC1C,MAAM;IAAED,KAAK,EAAEE,SAAS;IAAEC;EAAK,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE5D,oBAAOT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACJ,SAAS,MAAAK,SAAA,CAAAF,OAAA;IAACF,IAAI,EAAEA;EAAK,GAAKF,KAAK;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC7C,CAAC;AAACC,OAAA,CAAAb,KAAA,GAAAA,KAAA"}