@wix/patterns 0.8.0

package/dist/cjs/components/TagsWidget/TagsWidgetContent.js

@@ -0,0 +1,184 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TagsWidgetContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+var _TagsModalState = require("../../state/TagsModalState");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TagsWidget/TagsWidgetContent.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; }
+const ManageTagsModal = /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "ManageTagsModal" */'../Tags/ManageTags/ManageTagsModal/ManageTagsModal'))).then(module => ({
+  default: module.ManageTagsModal
+})));
+const _TagsWidgetContent = ({
+  state,
+  onSubmit,
+  entityTypeName,
+  initialTags,
+  entityId
+}) => {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const {
+    translate: t
+  } = container;
+  const [formState] = (0, _react.useState)(() => (0, _mobx.runInAction)(() => state.tagsFormState ?? (state.tagsFormState = new _bexCore.TagsFormState({
+    tagsManagementState: state.tagsManagementState,
+    origin: state.origin,
+    entityTypeName
+  }))));
+  const [tagsModalState] = (0, _react.useState)(() => new _TagsModalState.TagsModalState({
+    tagsManagementState: state.tagsManagementState,
+    entityTypeName
+  }));
+  (0, _react.useEffect)(() => {
+    const disposers = [formState.init({
+      initialTags,
+      entityId
+    }), tagsModalState.init()];
+    return () => {
+      disposers.forEach(disposer => disposer());
+    };
+  }, []);
+  const tagsOptions = (0, _react.useMemo)(() => {
+    var _formState$searchValu;
+    const options = formState.displayedTagOptions;
+    const addTagOptionItems = formState.shouldShowCreateTagOption ? [(0, _designSystem.listItemActionBuilder)({
+      id: _bexCore.ADD_ITEM_OPTION_ID,
+      title: t('cairo.tags.tagsWidget.options.add.CTA', {
+        tagName: (_formState$searchValu = formState.searchValue) == null ? void 0 : _formState$searchValu.slice(0, _bexCore.TAG_MAX_LENGTH)
+      }),
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 84,
+          columnNumber: 25
+        }
+      })
+    })] : [];
+    return [...addTagOptionItems, ...options];
+  }, [formState.displayedTagOptions, formState.searchValue, formState.shouldShowCreateTagOption, formState.displayedAssignedTags]);
+  const handleSearchChange = (0, _react.useCallback)(event => {
+    formState.handleSearchChange(event.target.value);
+  }, []);
+  const handleTagSelect = (0, _react.useCallback)(async option => {
+    const convertedOption = {
+      id: option.id,
+      value: option.value
+    };
+    formState.handleTagSelect(convertedOption, onSubmit);
+  }, [onSubmit]);
+  const handleTagRemove = (0, _react.useCallback)(tagId => {
+    formState.unassignTag(tagId, onSubmit);
+  }, [onSubmit]);
+  const handleOptionsShow = (0, _react.useCallback)(() => {
+    formState.handleOptionsShow();
+  }, []);
+  const handleManageTagsCtaClick = (0, _react.useCallback)(() => {
+    formState.handleManageTagsCtaClick();
+    tagsModalState.openManageTagsModal({
+      origin: formState.origin
+    });
+  }, []);
+  const handleMultiSelectFocus = (0, _react.useCallback)(() => {
+    formState.setIsMultiSelectOnFocus(true);
+  }, []);
+  const handleMultiSelectBlur = (0, _react.useCallback)(() => {
+    formState.setIsMultiSelectOnFocus(false);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
+    value: formState.searchValue,
+    onChange: handleSearchChange,
+    options: tagsOptions,
+    onFocus: handleMultiSelectFocus,
+    onBlur: handleMultiSelectBlur,
+    tags: formState.displayedAssignedTags,
+    onOptionsShow: handleOptionsShow,
+    markedOption: formState.shouldShowCreateTagOption ? _bexCore.ADD_ITEM_OPTION_ID : true,
+    customSuffix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 149,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      size: "small",
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 152,
+          columnNumber: 27
+        }
+      }),
+      dataHook: "assign-tags-cta",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 150,
+        columnNumber: 13
+      }
+    }, t('cairo.tags.tagsWidget.add.CTA'))),
+    fixedFooter: formState.isInEmptyState ? undefined : /*#__PURE__*/_react.default.createElement("div", {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 161,
+        columnNumber: 13
+      }
+    }, !!tagsOptions.length && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 162,
+        columnNumber: 40
+      }
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
+      dataHook: "manage-tags-cta",
+      onClick: handleManageTagsCtaClick,
+      id: _bexCore.MANAGE_TAGS_OPTION_ID,
+      title: t('cairo.tags.tagsWidget.options.manage.CTA'),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 163,
+        columnNumber: 15
+      }
+    })),
+    onSelect: handleTagSelect,
+    onRemoveTag: handleTagRemove,
+    placeholder: formState.isInEmptyState && formState.isMultiSelectOnFocus ? t('cairo.tags.tagsWidget.input.placeholder') : undefined,
+    dataHook: "tags-widget-multi-select",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 137,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+    fallback: null,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 181,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(ManageTagsModal, {
+    state: tagsModalState,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 182,
+      columnNumber: 9
+    }
+  })));
+};
+const TagsWidgetContent = exports.TagsWidgetContent = (0, _mobxReactLite.observer)(_TagsWidgetContent);
+//# sourceMappingURL=TagsWidgetContent.js.map

package/dist/cjs/components/TagsWidget/TagsWidgetContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","container","useWixPatternsContainer","translate","formState","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","id","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","createElement","Add","__self","__source","fileName","lineNumber","columnNumber","displayedAssignedTags","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","Box","TextButton","size","dataHook","fixedFooter","isInEmptyState","undefined","length","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\n\ninterface TagsWidgetContentProps\n  extends Omit<TagsWidgetBaseProps, 'subtitle' | 'dataHook' | 'status'> {\n  state: TagsWidgetState;\n}\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n}: TagsWidgetContentProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [\n      formState.init({ initialTags, entityId }),\n      tagsModalState.init(),\n    ];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({ origin: formState.origin });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n  return (\n    <>\n      <MultiSelect\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":"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"}

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

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

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

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

package/dist/cjs/components/TagsWidgetContext.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_createContext","tagsWidgetContext","exports","createContext","TagsWidgetContextProvider","Provider","TagsWidgetContextConsumer","Consumer","useTagsWidgetContext","value","useContext","assertContextValue"],"sources":["../../../src/components/TagsWidgetContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { assertContextValue } from '../createContext';\nimport { TagsWidgetState } from '@wix/bex-core';\n\nexport const tagsWidgetContext = createContext<TagsWidgetState | null>(null);\n\nexport const TagsWidgetContextProvider = tagsWidgetContext.Provider;\nexport const TagsWidgetContextConsumer = tagsWidgetContext.Consumer;\n\nexport const useTagsWidgetContext = () => {\n  const value = useContext(tagsWidgetContext);\n  assertContextValue('TagsWidgetProvider', value);\n  return value as TagsWidgetState;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAAyB,IAAI,CAAC;AAErE,MAAMC,yBAAyB,GAAAF,OAAA,CAAAE,yBAAA,GAAGH,iBAAiB,CAACI,QAAQ;AAC5D,MAAMC,yBAAyB,GAAAJ,OAAA,CAAAI,yBAAA,GAAGL,iBAAiB,CAACM,QAAQ;AAE5D,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACT,iBAAiB,CAAC;EAC3C,IAAAU,iCAAkB,EAAC,oBAAoB,EAAEF,KAAK,CAAC;EAC/C,OAAOA,KAAK;AACd,CAAC;AAACP,OAAA,CAAAM,oBAAA,GAAAA,oBAAA"}

package/dist/cjs/components/TextBreadcrumbs.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TextBreadcrumbs = TextBreadcrumbs;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TextBreadcrumbs.tsx";
+function TextBreadcrumbs(props) {
+  const {
+    dataHook,
+    items
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    minWidth: 0,
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  }, items.map(item => {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      key: item.id,
+      minWidth: 0,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 21,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      ellipsis: true,
+      size: "small",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 22,
+        columnNumber: 13
+      }
+    }, item.name), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 13
+      }
+    }, "\xA0", '>', "\xA0"));
+  }));
+}
+//# sourceMappingURL=TextBreadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","TextBreadcrumbs","props","dataHook","items","default","createElement","Box","direction","minWidth","__self","__source","fileName","lineNumber","columnNumber","map","item","key","id","Text","ellipsis","size","name"],"sources":["../../../src/components/TextBreadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\n\nexport interface BreadcrumbItem {\n  id: string;\n  name: string;\n}\n\nexport interface TextBreadcrumbsProps {\n  items: BreadcrumbItem[];\n  dataHook?: string;\n}\n\nexport function TextBreadcrumbs(props: TextBreadcrumbsProps) {\n  const { dataHook, items } = props;\n\n  return (\n    <Box direction=\"horizontal\" minWidth={0} dataHook={dataHook}>\n      {items.map((item) => {\n        return (\n          <Box key={item.id} minWidth={0}>\n            <Text ellipsis size=\"small\">\n              {item.name}\n            </Text>\n            <Text size=\"small\">\n              &nbsp;\n              {'>'}\n              &nbsp;\n            </Text>\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA+C,IAAAE,YAAA;AAYxC,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAEjC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACC,SAAS,EAAC,YAAY;IAACC,QAAQ,EAAE,CAAE;IAACN,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDV,KAAK,CAACW,GAAG,CAAEC,IAAI,IAAK;IACnB,oBACEpB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACU,GAAG,EAAED,IAAI,CAACE,EAAG;MAACT,QAAQ,EAAE,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC7BlB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAoB,IAAI;MAACC,QAAQ;MAACC,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GACxBE,IAAI,CAACM,IACF,CAAC,eACP1B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAoB,IAAI;MAACE,IAAI,EAAC,OAAO;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,MAEjB,EAAC,GAAG,EAAC,MAED,CACH,CAAC;EAEV,CAAC,CACE,CAAC;AAEV"}

package/dist/cjs/components/TextWidthLoader.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TextWidthLoader = TextWidthLoader;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TextWidthLoader.tsx";
+function TextWidthLoader(props) {
+  const {
+    text,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    position: "relative",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    visibility: "hidden",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 7
+    }
+  }, text), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    position: "absolute",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, (0, _extends2.default)({}, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 9
+    }
+  }))));
+}
+//# sourceMappingURL=TextWidthLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","TextWidthLoader","props","text","rest","default","createElement","Box","align","verticalAlign","position","__self","__source","fileName","lineNumber","columnNumber","visibility","Loader","_extends2"],"sources":["../../../src/components/TextWidthLoader.tsx"],"sourcesContent":["import { Box, Loader, LoaderProps } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface TextWidthLoaderProps extends Partial<LoaderProps> {\n  text?: ReactNode;\n}\n\nexport function TextWidthLoader(props: TextWidthLoaderProps) {\n  const { text, ...rest } = props;\n  return (\n    <Box align=\"center\" verticalAlign=\"middle\" position=\"relative\">\n      <Box visibility=\"hidden\">{text}</Box>\n      <Box position=\"absolute\">\n        <Loader {...rest} />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAMlC,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAC/B,oBACEJ,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACC,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAC,QAAQ;IAACC,QAAQ,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DjB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACS,UAAU,EAAC,QAAQ;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEZ,IAAU,CAAC,eACrCL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,GAAG;IAACG,QAAQ,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBjB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAb,OAAA,MAAKD,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAChB,CACF,CAAC;AAEV"}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ToolbarCollection = ToolbarCollection;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _assertComponentType = require("../assertComponentType");
+var _CollectionToolbars = require("../CollectionToolbars");
+var _checkConflictingToolbarProps = require("./checkConflictingToolbarProps");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ToolbarCollection/ToolbarCollection.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 ToolbarCollection(props) {
+  const {
+    state,
+    filters,
+    title,
+    tabs,
+    views,
+    extraToolbar,
+    selectionToolbar,
+    dragAndDropReorderModeToolbar,
+    sticky: stickyProp,
+    search,
+    children,
+    tableGridSwitchButton,
+    exportButton,
+    primaryActionButton,
+    summaryBar
+  } = props;
+  (0, _assertComponentType.assertComponentType)(views, 'CollectionViewsDropdown', 'views');
+  (0, _checkConflictingToolbarProps.checkConflictingToolbarProps)(props);
+  const {
+    scrollableContentRef: scrollablePageRef
+  } = (0, _designSystem.usePageScrollContext)();
+  const [sticky, setSticky] = (0, _react.useState)(stickyProp ?? (scrollablePageRef == null ? void 0 : scrollablePageRef.current) != null);
+  (0, _react.useEffect)(() => {
+    setSticky(stickyProp ?? (scrollablePageRef == null ? void 0 : scrollablePageRef.current) != null);
+  }, [stickyProp]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CollectionToolbars.CollectionToolbars, {
+    sticky: sticky,
+    state: state,
+    search: search,
+    views: views,
+    title: title,
+    tabs: tabs,
+    filters: filters,
+    selectionToolbar: selectionToolbar,
+    dragAndDropReorderModeToolbar: dragAndDropReorderModeToolbar,
+    extraToolbar: extraToolbar,
+    tableGridSwitchButton: tableGridSwitchButton,
+    exportButton: exportButton,
+    primaryActionButton: primaryActionButton,
+    summaryBar: summaryBar,
+    titleBar: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "100%",
+      borderTopColor: "D60",
+      borderTopWidth: "1px",
+      borderTopStyle: "solid",
+      boxSizing: "border-box",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 306,
+        columnNumber: 11
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 290,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "toolbar-collection-content",
+    width: "100%",
+    direction: "vertical",
+    minHeight: 0,
+    flex: 1,
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 315,
+      columnNumber: 7
+    }
+  }, children));
+}
+//# sourceMappingURL=ToolbarCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Display a title at the left of the table toolbar.\n   * Pass [`<ToolbarTitle />`](./?path=/story/components-collection-features--toolbartitle) component.\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Display a search input on the right of the table toolbar.<br>\n   * Accepts boolean or a custom `ReactElement`. When passing `false` no search input will be displayed.<br>\n   * To confiugre WixPatterns default element pass [`<CollectionSearch />`](./?path=/story/components-collection-features--collectionsearch) component.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/components-collection-features--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps<T> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Add views dropdown to the table headers.<br>\n   * Must be a [Views](./?path=/story/components-collection-features--views) component.\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Add filters to the table's toolbar and/or to a sliding panel.<br>\n   * Must be a [<CollectionToolbarFilters />](./?path=/story/components-collection-features--toolbar-filters) component.<br>\n   * `panelTitle` prop must be passed to `<CollectionToolbarFilters />`\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Display tabs at the left of the table toolbar.\n   * Pass [`<TabsFilter />`](./?path=/story/components-collection-features--tabs-filter) component.\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for the container when showing the loader / empty state / error state\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [EmptyState](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can pass [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state) component.<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [ComputedQuery](./?path=/story/common-models--computedquery) that represents the query that resulted with an empty state\n   * @external\n   */\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement<any, any>;\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a SummaryBar below the toolbar.\n   * Pass [`<SummaryBar />`](./?path=/story/components-collection-features--summarybar) component.\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the array of following objects: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * If the move should be cancelled, the function should return a toast config object with a message explaining why the move was cancelled. Otherwise, the function should return nullish value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * List of filter names combinations that your server holds a unique ordering for. If this prop is not passed, drag and drop will be enabled only when no filters are applied.<br>\n   * If you pass this prop, you should explicitly pass `[]` as one of the combinations in order to enable drag and drop when no filters are applied, for example: `dragAndDropCategories={[[], ['status']]}`\n   * @external\n   */\n  dragAndDropCategories?: (keyof F)[][] | null;\n\n  /**\n   * Extension Menu Items implementation: `import { ExtensionMenuItems } from '@wix/patterns';`\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. Must be a ReorderModeToolbar component.\n   * Accepts the following props:\n   * - `learnMoreUrl`\n   * - `reorderModeTitle`\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * A [`<CustomColumns />`](./?path=/story/components-collection-features--custom-columns) react element to be added at the top right of the table.\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Multi level sorting.\n   * Enables sorting on multiple columns simultaneously.\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Primary action button in the toolbar.\n   * Must be a [`<PrimaryActionButton />`](./?path=/story/components-collection-features--primaryactionbutton) component.\n   * @external\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limit the amount of rows to user can select\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   * @external\n   */\n  internalScroll?: boolean;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.checkConflictingToolbarProps = checkConflictingToolbarProps;
+function checkConflictingToolbarProps(props) {
+  const {
+    tabs,
+    views,
+    title,
+    dragAndDropBulkSubmit,
+    dragAndDropSubmit,
+    dragAndDropReorderModeToolbar
+  } = props;
+  if (process.env.NODE_ENV !== 'production') {
+    const tabsProp = {
+      key: '`tabs`',
+      val: tabs
+    };
+    const viewsProp = {
+      key: '`views`',
+      val: views
+    };
+    const titleProp = {
+      key: '`title`',
+      val: title == null ? void 0 : title.props.title
+    };
+    const dragAndDropSubmitProp = {
+      key: '`dragAndDropSubmit`',
+      val: dragAndDropSubmit
+    };
+    const dragAndDropBulkSubmitProp = {
+      key: '`dragAndDropBulkSubmit`',
+      val: dragAndDropBulkSubmit
+    };
+    const dragAndDropReorderModeToolbarProp = {
+      key: '`dragAndDropReorderModeToolbar`',
+      val: dragAndDropReorderModeToolbar
+    };
+    const conflictingProps = [[titleProp, tabsProp], [titleProp, viewsProp], [dragAndDropSubmitProp, dragAndDropReorderModeToolbarProp], [dragAndDropSubmitProp, dragAndDropBulkSubmitProp]];
+    if ((title == null ? void 0 : title.props.subtitle) != null && (title == null ? void 0 : title.props.title) == null) {
+      throw new Error('Cairo: Invalid `subtitle` provided and `title` not provided.');
+    }
+    for (const pair of conflictingProps) {
+      if (pair[0].val != null && pair[1].val != null) {
+        throw new Error(`Cairo: Invalid both ${pair[0].key} and ${pair[1].key} props provided, either ${pair[0].key} or ${pair[1].key} is supported.`);
+      }
+    }
+  }
+}
+//# sourceMappingURL=checkConflictingToolbarProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["checkConflictingToolbarProps","props","tabs","views","title","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropReorderModeToolbar","process","env","NODE_ENV","tabsProp","key","val","viewsProp","titleProp","dragAndDropSubmitProp","dragAndDropBulkSubmitProp","dragAndDropReorderModeToolbarProp","conflictingProps","subtitle","Error","pair"],"sources":["../../../../src/components/ToolbarCollection/checkConflictingToolbarProps.ts"],"sourcesContent":["import { ToolbarCollectionProps } from './ToolbarCollection';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport function checkConflictingToolbarProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    tabs,\n    views,\n    title,\n    dragAndDropBulkSubmit,\n    dragAndDropSubmit,\n    dragAndDropReorderModeToolbar,\n  } = props;\n  if (process.env.NODE_ENV !== 'production') {\n    const tabsProp = { key: '`tabs`', val: tabs };\n    const viewsProp = { key: '`views`', val: views };\n    const titleProp = { key: '`title`', val: title?.props.title };\n    const dragAndDropSubmitProp = {\n      key: '`dragAndDropSubmit`',\n      val: dragAndDropSubmit,\n    };\n    const dragAndDropBulkSubmitProp = {\n      key: '`dragAndDropBulkSubmit`',\n      val: dragAndDropBulkSubmit,\n    };\n    const dragAndDropReorderModeToolbarProp = {\n      key: '`dragAndDropReorderModeToolbar`',\n      val: dragAndDropReorderModeToolbar,\n    };\n\n    const conflictingProps = [\n      [titleProp, tabsProp],\n      [titleProp, viewsProp],\n      [dragAndDropSubmitProp, dragAndDropReorderModeToolbarProp],\n      [dragAndDropSubmitProp, dragAndDropBulkSubmitProp],\n    ];\n\n    if (title?.props.subtitle != null && title?.props.title == null) {\n      throw new Error(\n        'Cairo: Invalid `subtitle` provided and `title` not provided.',\n      );\n    }\n\n    for (const pair of conflictingProps) {\n      if (pair[0].val != null && pair[1].val != null) {\n        throw new Error(\n          `Cairo: Invalid both ${pair[0].key} and ${pair[1].key} props provided, either ${pair[0].key} or ${pair[1].key} is supported.`,\n        );\n      }\n    }\n  }\n}\n"],"mappings":";;;;AAGO,SAASA,4BAA4BA,CAC1CC,KAAmC,EACnC;EACA,MAAM;IACJC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,qBAAqB;IACrBC,iBAAiB;IACjBC;EACF,CAAC,GAAGN,KAAK;EACT,IAAIO,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,MAAMC,QAAQ,GAAG;MAAEC,GAAG,EAAE,QAAQ;MAAEC,GAAG,EAAEX;IAAK,CAAC;IAC7C,MAAMY,SAAS,GAAG;MAAEF,GAAG,EAAE,SAAS;MAAEC,GAAG,EAAEV;IAAM,CAAC;IAChD,MAAMY,SAAS,GAAG;MAAEH,GAAG,EAAE,SAAS;MAAEC,GAAG,EAAET,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACG;IAAM,CAAC;IAC7D,MAAMY,qBAAqB,GAAG;MAC5BJ,GAAG,EAAE,qBAAqB;MAC1BC,GAAG,EAAEP;IACP,CAAC;IACD,MAAMW,yBAAyB,GAAG;MAChCL,GAAG,EAAE,yBAAyB;MAC9BC,GAAG,EAAER;IACP,CAAC;IACD,MAAMa,iCAAiC,GAAG;MACxCN,GAAG,EAAE,iCAAiC;MACtCC,GAAG,EAAEN;IACP,CAAC;IAED,MAAMY,gBAAgB,GAAG,CACvB,CAACJ,SAAS,EAAEJ,QAAQ,CAAC,EACrB,CAACI,SAAS,EAAED,SAAS,CAAC,EACtB,CAACE,qBAAqB,EAAEE,iCAAiC,CAAC,EAC1D,CAACF,qBAAqB,EAAEC,yBAAyB,CAAC,CACnD;IAED,IAAI,CAAAb,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACmB,QAAQ,KAAI,IAAI,IAAI,CAAAhB,KAAK,oBAALA,KAAK,CAAEH,KAAK,CAACG,KAAK,KAAI,IAAI,EAAE;MAC/D,MAAM,IAAIiB,KAAK,CACb,8DACF,CAAC;IACH;IAEA,KAAK,MAAMC,IAAI,IAAIH,gBAAgB,EAAE;MACnC,IAAIG,IAAI,CAAC,CAAC,CAAC,CAACT,GAAG,IAAI,IAAI,IAAIS,IAAI,CAAC,CAAC,CAAC,CAACT,GAAG,IAAI,IAAI,EAAE;QAC9C,MAAM,IAAIQ,KAAK,CACZ,uBAAsBC,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,QAAOU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,2BAA0BU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,OAAMU,IAAI,CAAC,CAAC,CAAC,CAACV,GAAI,gBAChH,CAAC;MACH;IACF;EACF;AACF"}

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

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

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

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