@crystaldesign/diva-web-planner-react 25.4.0-beta.9 → 25.4.0-rc.0

package/build/esm/index-4fd157ef.js

@@ -0,0 +1,154 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { observer } from 'mobx-react-lite';
+import { useRef, useEffect } from 'react';
+import SettingsHeaderContainer from './index-7f949b69.js';
+import { S as SettingsItem } from './index-96e19b0d.js';
+import classnames from 'classnames';
+import TotalPrice from './index-b0a8906d.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import './index-cd6dec40.js';
+import './index-06af5434.js';
+import './index-dd5e8d80.js';
+import './index-620441b6.js';
+import 'react-laag';
+import './index-7bed9fff.js';
+import 'sift';
+import './index-a3dadd7d.js';
+import './index-a759cb49.js';
+import './index-ad2b4a21.js';
+import './index-84e80aba.js';
+import './index.module-bf819e8d.js';
+import './index-80e688aa.js';
+import 'react-switch';
+import './index-ea23d3b1.js';
+import './index-3c5d4c66.js';
+import './index-84250f38.js';
+import 'react-dropdown';
+import './index-ca56495b.js';
+import './index-61c38a78.js';
+import './index-75736621.js';
+import './index-aadfa16b.js';
+import '@crystaldesign/content-box';
+import './index-bd3ff62c.js';
+import './index-e252a92b.js';
+import './index-27a412af.js';
+import './index-2ad042db.js';
+import './index-1b529a87.js';
+import './index-a65a4e66.js';
+import './index-95a76687.js';
+import './index-992cfd03.js';
+import './index-9b446adc.js';
+import './index-1c785383.js';
+import './index-a018e2a4.js';
+import './index-7f881af2.js';
+import './index-2cc163f2.js';
+import './index-e97b9d85.js';
+import './index-556243ae.js';
+import './index-c0c66ec4.js';
+import './index.module-46e2de16.js';
+import './index-7ad99a6f.js';
+import './index-b3454689.js';
+import './index-284285b1.js';
+import './index-9877a1dd.js';
+import './index-e72219d1.js';
+import './index-7b37b292.js';
+import './index-ac37476b.js';
+import './index.module-0921c5b3.js';
+import './index-09ad0dd2.js';
+import './index-eb006284.js';
+import './index-7dd50d43.js';
+import './index-397df6a5.js';
+import './index.module-0bf307f8.js';
+import 'react-select';
+import './index-e0e990f2.js';
+import './index-17d6e257.js';
+import './index.module-291775af.js';
+import './index-d28f6cf4.js';
+import 'qrcode.react';
+import './index-67d4be96.js';
+import './index-19598696.js';
+import './index-8258c7ce.js';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-c33dd968.js';
+import './index-ab20e15c.js';
+
+var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
+var expanded = "expanded-r-uGX";
+var minExpanded = "minExpanded-oyaLK";
+var css_248z = ".wcConfigurator-settings-scroller-TbzP8 {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n}\n\n.expanded-r-uGX.wcConfigurator-settings-scroller-TbzP8 {\n  z-index: 600;\n}\n\n.minExpanded-oyaLK {\n  visibility: hidden;\n}\n";
+styleInject(css_248z);
+
+var SettingsScroller = function SettingsScroller(_ref) {
+  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
+  _objectDestructuringEmpty(_ref);
+  var viewHandler = useViewHandler();
+  var settingsScrollerElement = useRef(null);
+  var itemPalettesArr = [];
+  var pairWithOptionsToGroup = {};
+  useEffect(function () {
+    if (settingsScrollerElement.current) {
+      viewHandler.settingsState.setScrollerElement(settingsScrollerElement.current);
+      return viewHandler.uiState.setUpSettingsScrollEvent(settingsScrollerElement.current);
+    }
+    return function () {};
+  }, [settingsScrollerElement]);
+  var style = {};
+  if (viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) {
+    style.height = '100%';
+  } else {
+    var _viewHandler$settings, _viewHandler$settings2;
+    style.height = 'calc(100% - ' + ((_viewHandler$settings = (_viewHandler$settings2 = viewHandler.settingsState.settingsHeaderElement) === null || _viewHandler$settings2 === void 0 ? void 0 : _viewHandler$settings2.getBoundingClientRect().height) !== null && _viewHandler$settings !== void 0 ? _viewHandler$settings : 0) + 'px)';
+  }
+  for (var i = 0; i < viewHandler.settingsState.itemPaletteArr.length; i++) {
+    var itemPalette = viewHandler.settingsState.itemPaletteArr[i][1];
+    var paletteId = Number(itemPalette.id);
+    var groupName = itemPalette.pairWithOptionsToGroup;
+    if (groupName && itemPalette.visible) {
+      if (!pairWithOptionsToGroup[groupName]) pairWithOptionsToGroup[groupName] = [];
+      pairWithOptionsToGroup[groupName].push(paletteId);
+    }
+    if (!itemPalette.isRenderedNotInSettingPalette) itemPalettesArr.push([paletteId, itemPalette]);
+  }
+  useEffect(function () {
+    if (viewHandler.uiState.configSettingsIsMinExpanded) viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS');else viewHandler.divaWebPlanner.updatePlannerView('ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS');
+  }, [viewHandler.uiState.configSettingsIsExpanded, viewHandler.uiState.configSettingsIsMinExpanded]);
+  return /*#__PURE__*/jsxs("div", {
+    style: style,
+    className: classnames(wcConfiguratorSettingsScroller, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined, viewHandler.uiState.configSettingsIsMinExpanded ? minExpanded : undefined),
+    id: "wcConfigurator-settings-scroller",
+    ref: settingsScrollerElement,
+    children: [(viewHandler.uiState.isInMobileView || viewHandler.settingsState.forceSettingsHeaderInScrollContainer) && /*#__PURE__*/jsx(SettingsHeaderContainer, {
+      isScroller: true
+    }, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsxs("div", {
+      children: [itemPalettesArr.map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          index = _ref3[0],
+          item = _ref3[1];
+        return /*#__PURE__*/jsx(SettingsItem, {
+          item: item,
+          id: index,
+          groupSize: item.pairWithOptionsToGroup ? pairWithOptionsToGroup[item.pairWithOptionsToGroup].length : undefined
+        }, index);
+      }), viewHandler.divaWebPlanner.doAllowSetPlanner() && viewHandler.getState() == 'SUMMARY' && /*#__PURE__*/jsx(TotalPrice, {})]
+    })]
+  });
+};
+var SettingsScroller$1 = observer(SettingsScroller);
+
+export { SettingsScroller$1 as default };

package/build/esm/index-503ce97c.js

@@ -0,0 +1,127 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import 'react';
+import SettingsHeaderContainer from './index-7f949b69.js';
+import SettingsScroller from './index-4fd157ef.js';
+import { observer } from 'mobx-react-lite';
+import classnames from 'classnames';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import './index-cd6dec40.js';
+import './index-06af5434.js';
+import './index-dd5e8d80.js';
+import '@babel/runtime/helpers/objectDestructuringEmpty';
+import './index-620441b6.js';
+import 'react-laag';
+import './index-7bed9fff.js';
+import './index-96e19b0d.js';
+import 'sift';
+import './index-a3dadd7d.js';
+import './index-a759cb49.js';
+import './index-ad2b4a21.js';
+import './index-84e80aba.js';
+import './index.module-bf819e8d.js';
+import './index-80e688aa.js';
+import 'react-switch';
+import './index-ea23d3b1.js';
+import './index-3c5d4c66.js';
+import './index-84250f38.js';
+import 'react-dropdown';
+import './index-ca56495b.js';
+import './index-61c38a78.js';
+import './index-75736621.js';
+import './index-aadfa16b.js';
+import '@crystaldesign/content-box';
+import './index-bd3ff62c.js';
+import './index-e252a92b.js';
+import './index-27a412af.js';
+import './index-2ad042db.js';
+import './index-1b529a87.js';
+import './index-a65a4e66.js';
+import './index-95a76687.js';
+import './index-992cfd03.js';
+import './index-9b446adc.js';
+import './index-1c785383.js';
+import './index-a018e2a4.js';
+import './index-7f881af2.js';
+import './index-2cc163f2.js';
+import './index-e97b9d85.js';
+import './index-556243ae.js';
+import './index-c0c66ec4.js';
+import './index.module-46e2de16.js';
+import './index-7ad99a6f.js';
+import './index-b3454689.js';
+import './index-284285b1.js';
+import './index-9877a1dd.js';
+import './index-e72219d1.js';
+import './index-7b37b292.js';
+import './index-ac37476b.js';
+import './index.module-0921c5b3.js';
+import './index-09ad0dd2.js';
+import './index-eb006284.js';
+import './index-7dd50d43.js';
+import './index-397df6a5.js';
+import './index.module-0bf307f8.js';
+import 'react-select';
+import './index-e0e990f2.js';
+import './index-17d6e257.js';
+import './index.module-291775af.js';
+import './index-d28f6cf4.js';
+import 'qrcode.react';
+import './index-67d4be96.js';
+import './index-19598696.js';
+import './index-8258c7ce.js';
+import '@babel/runtime/helpers/typeof';
+import 'flat';
+import './index-c33dd968.js';
+import './index-ab20e15c.js';
+import './index-b0a8906d.js';
+
+var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
+var tabsHorizontal = "tabs-horizontal-052sb";
+var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";
+var expanded = "expanded-iYIJH";
+var wcConfiguratorSettingsMinExpander = "wcConfigurator-settings-Min-expander-MkfBV";
+var wcConfiguratorSettingsMaxExpander = "wcConfigurator-settings-Max-expander-3DqcZ";
+var css_248z = ".wcConfigurator-settings-nB7sW {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n\n  /*pfister positionierung*/\n  background-color: var(--settingsBackgroundColor);\n\n  border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n.tabs-horizontal-052sb .wcConfigurator-settings-nB7sW {\n  transition: height 0.45s ease, top 0.45s ease;\n}\n\n/* normal expander */\n.wcConfigurator-settings-expander-mf-Rs {\n  position: absolute;\n  top: calc(50% + 32px);\n  left: -32px;\n  width: 32px;\n  height: 48px;\n  background-color: var(--secondaryColor);\n  z-index: 300;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 22.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Ebene_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 8 13.5%22 style%3D%22enable-background%3Anew 0 0 8 13.5%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%09%3Cpath class%3D%22st0%22 d%3D%22M6.5%2C11.7c-0.1%2C0-0.2%2C0-0.3-0.1l-5-4.3C1.1%2C7.2%2C1%2C7.1%2C1%2C7c0-0.1%2C0.1-0.3%2C0.2-0.4l5-4.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0%09%09c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7L2.3%2C6.9l4.6%2C3.9C7%2C11%2C7.1%2C11.4%2C6.9%2C11.6C6.8%2C11.7%2C6.7%2C11.7%2C6.5%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 19.2px;\n}\n\n.expanded-iYIJH .wcConfigurator-settings-expander-mf-Rs {\n  transform: rotate(180deg);\n  border-radius: 0 3px 3px 0;\n}\n\n/*Min Max expander*/\n\n.wcConfigurator-settings-Min-expander-MkfBV,\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  position: absolute;\n  top: calc(50% + 2rem);\n  width: 1rem;\n  height: 2rem;\n  z-index: 1060;\n  border-radius: var(--globalBorderRadius) 0 0 3px;\n  background-repeat: no-repeat;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2238%22 viewBox%3D%220 0 13 38%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12 1L0.999998 19.1818L12 37%22 stroke%3D%22%234B4B4B%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n  background-size: 1.2rem;\n  background-position: left;\n  transition: left 0.1s ease 0.1s, width 0.2s ease;\n  cursor: pointer;\n}\n\n.wcConfigurator-settings-Max-expander-3DqcZ {\n  left: -1.1rem;\n}\n\n.wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.3rem;\n  transform: rotate(180deg);\n}\n\n.wcConfigurator-settings-Max-Expanded-zmWy6 .wcConfigurator-settings-Min-expander-MkfBV {\n  left: 0.5rem;\n  width: 1rem;\n}\n.wcConfigurator-settings-Min-Expanded-ZRHtW .wcConfigurator-settings-Max-expander-3DqcZ {\n  left: calc(-1 * calc(1.9rem));\n  width: 1rem;\n}\n";
+styleInject(css_248z);
+
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Settings = function Settings(_ref) {
+  var _viewHandler$tabGroup, _viewHandler$tabGroup2;
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    className: classnames(className, wcConfiguratorSettings, viewHandler.tabGroupState.curTabGroupType == 'horizontal' ? tabsHorizontal : undefined, viewHandler.uiState.configSettingsIsExpanded ? expanded : undefined),
+    children: [viewHandler.uiState.doShowConfSettingsExpander && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
+      className: wcConfiguratorSettingsExpander,
+      onClick: viewHandler.uiState.onClickExpandConfigSettings
+    }), !viewHandler.uiState.isInMobileView && !viewHandler.settingsState.forceSettingsHeaderInScrollContainer && /*#__PURE__*/jsx(SettingsHeaderContainer, {}, (_viewHandler$tabGroup = (_viewHandler$tabGroup2 = viewHandler.tabGroupState.curTabGroup) === null || _viewHandler$tabGroup2 === void 0 ? void 0 : _viewHandler$tabGroup2.key) !== null && _viewHandler$tabGroup !== void 0 ? _viewHandler$tabGroup : 0), /*#__PURE__*/jsx(SettingsScroller, {}), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
+      children: [!viewHandler.uiState.configSettingsIsMaxExpanded && /*#__PURE__*/jsx("div", {
+        className: wcConfiguratorSettingsMaxExpander,
+        onClick: viewHandler.uiState.onClickExpandMaxConfigSettings
+      }), !viewHandler.uiState.configSettingsIsMinExpanded && /*#__PURE__*/jsx("div", {
+        className: wcConfiguratorSettingsMinExpander,
+        onClick: viewHandler.uiState.onClickExpandMinConfigSettings
+      })]
+    })]
+  }));
+};
+var Settings$1 = observer(Settings);
+
+export { Settings$1 as default };

package/build/esm/index-50cb65d1.js

@@ -0,0 +1,106 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import { useState, useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { b as wcFunctionsContainer, d as wcIcon } from './index.module-87166875.js';
+import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
+import classnames from 'classnames';
+import Share from './index-4f221e2b.js';
+import { toJS } from 'mobx';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+import '@babel/runtime/helpers/typeof';
+
+var wcFunctionsToolbar = "wcFunctionsToolbar-l5jaw";
+var wcSaveIcon = "wcSaveIcon-epW6E";
+var wcConsulationIcon = "wcConsulationIcon-MpgkK";
+var wcBookmarkIcon = "wcBookmarkIcon-G2989";
+var wcShareIcon = "wcShareIcon-1G5IF";
+var css_248z = ".wcFunctionsToolbar-l5jaw {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  margin-top: 0px;\n}\n.wcFunctionsToolbar-l5jaw li {\n  float: left;\n  padding: 4.8px;\n  border-radius: var(--globalBorderRadius);\n  list-style: none;\n  transition: box-shadow 0.15s ease;\n}\n\n.wcSaveIcon-epW6E {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22  height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath  d%3D%22M4.104%2C7.2l-0.384%2C-0.24c-1.296%2C-0.768 -3.72%2C-2.208 -3.72%2C-4.56c0%2C-1.32 1.08%2C-2.4 2.4%2C-2.4c0.648%2C0 1.272%2C0.264 1.704%2C0.72c0.456%2C-0.456 1.056%2C-0.72 1.704%2C-0.72c1.32%2C0 2.4%2C1.08 2.4%2C2.4c0%2C2.376 -2.424%2C3.792 -3.72%2C4.56l-0.384%2C0.24Zm-1.704%2C-6.672c-1.032%2C0 -1.872%2C0.84 -1.872%2C1.872c0%2C2.064 2.256%2C3.384 3.456%2C4.104l0.12%2C0.072l0.12%2C-0.072c1.2%2C-0.72 3.456%2C-2.04 3.456%2C-4.104c0%2C-1.032 -0.84%2C-1.872 -1.872%2C-1.872c-0.576%2C0 -1.152%2C0.288 -1.488%2C0.744l-0.216%2C0.288l-0.216%2C-0.288c-0.36%2C-0.48 -0.912%2C-0.744 -1.488%2C-0.744Z%22 style%3D%22fill%3A%23black%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcConsulationIcon-MpgkK {\n  background-position-y: -6px;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M214.461-100q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Zm-24.615-451.795h580.308v-110.052q0-9.231-7.692-16.923-7.693-7.692-16.923-7.692H214.461q-9.231 0-16.923 7.692-7.692 7.692-7.692 16.923v110.052Zm0 0v-134.667 134.667Zm290.025 213.128q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcBookmarkIcon-G2989 {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.246-53.35 22.247-22.445 53.549-22.445h368.41q31.302 0 53.549 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Zm51.179-77.948L480-321.824l208.821 89.209V-750q0-9.231-7.693-16.923-7.692-7.693-16.923-7.693h-368.41q-9.231 0-16.923 7.693-7.693 7.692-7.693 16.923v517.385Zm0-542.001h417.642-417.642Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcShareIcon-1G5IF {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M725.916-88q-45.1 0-76.815-31.352-31.716-31.352-31.716-76.14 0-7.503 1.461-16.574 1.462-9.07 4.898-16.41L314.09-409.641q-15.064 17.359-35.86 26.526-20.796 9.166-42.845 9.166-44.855 0-76.787-31.352-31.931-31.352-31.931-76.141t31.931-76.032q31.932-31.244 76.787-31.244 22.176 0 43.088 8.68 20.912 8.679 35.424 26.038l309.847-180.407q-3.436-7.552-4.898-16.41-1.461-8.857-1.461-16.465 0-44.744 31.569-76.064 31.57-31.321 76.669-31.321 44.377 0 76.121 31.317 31.743 31.317 31.743 76.056 0 45.422-31.931 76.409-31.932 30.987-76.787 30.987-22.952 0-42.963-8.192t-35.588-25.551L337.077-514.732q2.769 7.53 4.231 16.605 1.461 9.074 1.461 16.795 0 7.722-1.461 16.153-1.462 8.432-4.231 15.963l309.141 179.524q15.577-15.872 35.462-24.475 19.884-8.602 43.089-8.602 44.855 0 76.787 30.975 31.931 30.975 31.931 76.141 0 45.166-31.597 76.409Q770.293-88 725.916-88Zm-.519-623.077q23.347 0 40.129-16.743 16.782-16.744 16.782-40.09 0-23.346-16.626-40.129-16.626-16.782-39.798-16.782-23.456 0-40.388 16.626t-16.932 39.798q0 23.456 16.743 40.388 16.744 16.932 40.09 16.932ZM234.679-425.128q23.347 0 40.129-16.743 16.782-16.744 16.782-40.09 0-23.347-16.626-40.129-16.626-16.782-39.798-16.782-23.456 0-40.388 16.626-16.932 16.625-16.932 39.798 0 23.456 16.743 40.388 16.744 16.932 40.09 16.932Zm490.718 285.949q23.347 0 40.129-16.744 16.782-16.743 16.782-40.09 0-23.346-16.626-40.128t-39.798-16.782q-23.456 0-40.388 16.626-16.932 16.625-16.932 39.798 0 23.456 16.743 40.388 16.744 16.932 40.09 16.932Zm.372-629.103ZM235.051-482.333Zm490.718 285.948Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcShareIcon-1G5IF:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M725.916-88q-45.1 0-76.815-31.352-31.716-31.352-31.716-76.14 0-7.503 1.461-16.574 1.462-9.07 4.898-16.41L314.09-409.641q-15.064 17.359-35.86 26.526-20.796 9.166-42.845 9.166-44.855 0-76.787-31.352-31.931-31.352-31.931-76.141t31.931-76.032q31.932-31.244 76.787-31.244 22.176 0 43.088 8.68 20.912 8.679 35.424 26.038l309.847-180.407q-3.436-7.552-4.898-16.41-1.461-8.857-1.461-16.465 0-44.744 31.569-76.064 31.57-31.321 76.669-31.321 44.377 0 76.121 31.317 31.743 31.317 31.743 76.056 0 45.422-31.931 76.409-31.932 30.987-76.787 30.987-22.952 0-42.963-8.192t-35.588-25.551L337.077-514.732q2.769 7.53 4.231 16.605 1.461 9.074 1.461 16.795 0 7.722-1.461 16.153-1.462 8.432-4.231 15.963l309.141 179.524q15.577-15.872 35.462-24.475 19.884-8.602 43.089-8.602 44.855 0 76.787 30.975 31.931 30.975 31.931 76.141 0 45.166-31.597 76.409Q770.293-88 725.916-88Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcBookmarkIcon-G2989:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M220-154.667V-750q0-30.905 22.189-53.35 22.188-22.445 53.606-22.445h368.41q31.418 0 53.606 22.445Q740-780.905 740-750v595.333L480-265.744 220-154.667Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcConsulationIcon-MpgkK:hover {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2240%22 viewBox%3D%220 -960 960 960%22 width%3D%2240%22%3E%3Cpath d%3D%22M479.871-389.846q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm-160 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526Zm320 0q-13.589 0-24.115-10.655-10.525-10.654-10.525-24.243 0-13.589 10.654-24.115 10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.589-10.654 24.115-10.654 10.526-24.244 10.526ZM479.871-236q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q493.461-236 479.871-236Zm-160 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q333.461-236 319.871-236Zm320 0q-13.589 0-24.115-10.654-10.525-10.655-10.525-24.244t10.654-24.115q10.654-10.526 24.244-10.526 13.589 0 24.115 10.655 10.525 10.654 10.525 24.243 0 13.59-10.654 24.115Q653.461-236 639.871-236Zm-425.41 136q-31.302 0-53.548-22.246-22.246-22.247-22.246-53.549v-537.231q0-31.302 22.246-53.548 22.246-22.247 53.548-22.247h57.385v-80.41h55.539v80.41h308.307v-80.41h52.975v80.41h56.872q31.301 0 53.548 22.247 22.246 22.246 22.246 53.548v537.231q0 31.302-22.246 53.549Q776.84-100 745.539-100H214.461Zm0-51.179h531.078q9.23 0 16.923-7.693 7.692-7.692 7.692-16.923v-376H189.846v376q0 9.231 7.692 16.923 7.692 7.693 16.923 7.693Z%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background 0.4s;\n}\n\n.wcSaveIcon-epW6E:hover {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg width%3D%22100%25%22 height%3D%22100%25%22 viewBox%3D%220 0 9 8%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 xml%3Aspace%3D%22preserve%22 style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%3Cpath d%3D%22M4.104%2C7.2c1.231%2C-0.757 4.104%2C-2.296 4.104%2C-4.878c0%2C-1.279 -1.026%2C-2.322 -2.283%2C-2.322c-0.744%2C0 -1.411%2C0.365 -1.821%2C0.939c-0.41%2C-0.574 -1.077%2C-0.939 -1.821%2C-0.939c-1.257%2C0 -2.283%2C1.043 -2.283%2C2.322c-0.025%2C2.556 2.847%2C4.095 4.104%2C4.878Z%22 style%3D%22fill%3A%23000%3Bfill-rule%3Anonzero%3B%22%2F%3E%3C%2Fsvg%3E\");\n  cursor: pointer;\n}\n";
+styleInject(css_248z);
+
+var Wishlist = function Wishlist(props) {
+  var viewHandler = useViewHandler();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useDivaCore = useDivaCore(),
+    openModal = _useDivaCore.actions.openModal;
+  useEffect(function () {
+    var _toJS;
+    if (!loading) openModal({
+      title: t('configurator.sharetitle'),
+      rejectByIcon: true,
+      content: /*#__PURE__*/jsx(Share, {
+        url: (_toJS = toJS(viewHandler.getViewConfig().shareUrl)) !== null && _toJS !== void 0 ? _toJS : '',
+        divaNr: viewHandler.divaWebPlanner.divaNr,
+        loading: loading
+      })
+    });
+  }, [loading]);
+  return /*#__PURE__*/jsxs("ul", {
+    className: wcFunctionsToolbar,
+    children: [viewHandler.getIsInMobileView() && /*#__PURE__*/jsxs(Fragment, {
+      children: [viewHandler.eventIsManagedByClient('onRequestConsulation') && /*#__PURE__*/jsx("li", {
+        className: wcFunctionsContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcConsulationIcon),
+          title: t('configurator.consulation'),
+          onClick: viewHandler.productState.onRequestConsulation
+        })
+      }), viewHandler.eventIsManagedByClient('onSave') && /*#__PURE__*/jsx("li", {
+        className: wcFunctionsContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: classnames(wcIcon, wcBookmarkIcon),
+          title: t('configurator.bookmark'),
+          onClick: viewHandler.productState.onClickSave2
+        })
+      })]
+    }), /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcSaveIcon),
+        title: t('configurator.wishlist'),
+        onClick: viewHandler.productState.onClickSave
+      })
+    }), viewHandler.getViewConfig().shareUrl && /*#__PURE__*/jsx("li", {
+      className: wcFunctionsContainer,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(wcIcon, wcShareIcon),
+        title: t('configurator.share'),
+        onClick: function onClick() {
+          var _toJS2;
+          setLoading(true);
+          viewHandler.productState.syncOnClickShare().then(function () {
+            return setLoading(false);
+          });
+          openModal({
+            title: t('configurator.sharetitle'),
+            rejectByIcon: true,
+            content: /*#__PURE__*/jsx(Share, {
+              url: (_toJS2 = toJS(viewHandler.getViewConfig().shareUrl)) !== null && _toJS2 !== void 0 ? _toJS2 : '',
+              divaNr: viewHandler.divaWebPlanner.divaNr,
+              loading: true
+            })
+          });
+        }
+      })
+    })]
+  });
+};
+var index = observer(Wishlist);
+
+export { index as default };

package/build/esm/index-50e7be80.js

@@ -0,0 +1,28 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import './index-decc0e6e.js';
+import 'react';
+import DynamicMultiRender from 'react-dynamic-multi-render';
+import { jsx } from 'react/jsx-runtime';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ProductHeaderFunction = function ProductHeaderFunction(props) {
+  return /*#__PURE__*/jsx(DynamicMultiRender, _objectSpread(_objectSpread({}, props), {}, {
+    componentName: "Product/ProductHeader/Functions"
+  }));
+};
+
+export { ProductHeaderFunction as default };

package/build/esm/index-515a8d47.js

@@ -0,0 +1,38 @@
+import { s as styleInject, u as useViewHandler } from './index-decc0e6e.js';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import 'react-dynamic-multi-render';
+import '@crystaldesign/diva-core';
+import 'mobx-react-lite';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/helpers/slicedToArray';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+var wcAccCtaMinus = "wcAccCTAMinus-Y6GAJ";
+var css_248z = ".wcAccCTAMinus-Y6GAJ {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.wcAccCTAMinus-Y6GAJ:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.wcAccCTAMinus-Y6GAJ {\n  line-height: 21px;\n}\n";
+styleInject(css_248z);
+
+var ShelfDeleteButton = function ShelfDeleteButton(_ref) {
+  var index = _ref.index,
+    grid = _ref.grid;
+  var viewHandler = useViewHandler();
+  return /*#__PURE__*/jsx("div", {
+    onClick: function onClick(e) {
+      viewHandler.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(grid, index);
+      e.stopPropagation();
+    },
+    className: wcAccCtaMinus,
+    children: "-"
+  });
+};
+
+export { ShelfDeleteButton as default };

package/build/esm/index-53379171.js

@@ -0,0 +1,63 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { u as useViewHandler } from './index-decc0e6e.js';
+import { observer } from 'mobx-react-lite';
+import { useState, useEffect } from 'react';
+import { useTranslation } from '@crystaldesign/diva-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react-dynamic-multi-render';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/asyncToGenerator';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import '@babel/runtime/helpers/toConsumableArray';
+import '@crystaldesign/diva-utils';
+import 'mobx';
+import '@crystaldesign/web-planner-logic';
+import '@crystaldesign/widget-contact-form';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TabSearch = function TabSearch(_ref) {
+  var props = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var viewHandler = useViewHandler();
+  useEffect(function () {
+    var searchGotResetted = !!viewHandler.tabGroupState.filterTabgroup && !search;
+    viewHandler.tabGroupState.setFilterTabgroup(search && search !== '' ? search : undefined);
+    if (searchGotResetted) {
+      setTimeout(function () {
+        return viewHandler.tabGroupState.scrollToCurTabgroup();
+      }, 200);
+    }
+  }, [search]);
+  useEffect(function () {
+    if (viewHandler.tabGroupState.filterTabgroup === undefined && search) {
+      setSearch('');
+    }
+  }, [viewHandler.tabGroupState.filterTabgroup]);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/jsx("input", {
+      value: search,
+      type: "text",
+      onChange: function onChange(e) {
+        return setSearch(e.target.value);
+      },
+      placeholder: t('filter.global')
+    }), !!search && /*#__PURE__*/jsx("div", {
+      onClick: function onClick() {
+        return setSearch('');
+      }
+    })]
+  }));
+};
+var TabSearch$1 = observer(TabSearch);
+
+export { TabSearch$1 as default };