ods-component-lib 1.18.147 → 1.18.150

package/dist/index.modern.js

@@ -35865,6 +35865,113 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   }, React.createElement("p", null, renderTotal())));
 };
 
+var client = createCommonjsModule(function (module, exports) {
+
+
+if (process.env.NODE_ENV === 'production') {
+  exports.createRoot = reactDom.createRoot;
+  exports.hydrateRoot = reactDom.hydrateRoot;
+} else {
+  var i = reactDom.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  exports.createRoot = function(c, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return reactDom.createRoot(c, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+  exports.hydrateRoot = function(c, h, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return reactDom.hydrateRoot(c, h, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+}
+});
+var client_1 = client.createRoot;
+
+var useOnToolbarButtonHandler = function useOnToolbarButtonHandler(props) {
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  var onToolbarPreparing = useMemo(function () {
+    return function (e) {
+      var toolbarButtonGroup = props.toolbarButtonGroup;
+      var primaryButtons = toolbarButtonGroup.slice(0, 3);
+      var additionalButtons = toolbarButtonGroup.length > 3 ? toolbarButtonGroup.slice(3) : [];
+      primaryButtons.forEach(function (button, index) {
+        var buttonContainer = document.createElement('div');
+        var rootButton = client_1(buttonContainer);
+        rootButton.render(React.createElement(React.StrictMode, null, React.createElement(OdsButton, {
+          key: index,
+          style: {
+            marginLeft: token.margin
+          },
+          type: button.type,
+          onClick: function onClick() {
+            return button.onclick();
+          },
+          disabled: button.disabled
+        }, button.label)));
+        e.toolbarOptions.items.push({
+          location: 'before',
+          widget: 'dxTemplate',
+          template: function template(_, __, container) {
+            container.appendChild(buttonContainer);
+          }
+        });
+      });
+      if (additionalButtons.length > 0) {
+        var dropdownContainer = document.createElement('div');
+        dropdownContainer.style.marginLeft = '10px';
+        var rootDropdown = client_1(dropdownContainer);
+        rootDropdown.render(React.createElement(React.StrictMode, null, React.createElement(OdsDropdown, {
+          key: "dropdown-custom-toolbar",
+          menuItems: additionalButtons.map(function (button) {
+            return {
+              label: button.label,
+              onClick: button.onclick
+            };
+          })
+        }, React.createElement(OdsButton, {
+          type: "text",
+          icon: React.createElement(DynamicIcon, {
+            iconName: "kebabMenu"
+          })
+        }))));
+        e.toolbarOptions.items.push({
+          location: 'before',
+          widget: 'dxTemplate',
+          template: function template(_, __, container) {
+            container.appendChild(dropdownContainer);
+          }
+        });
+      }
+      var titleContainer = document.createElement('div');
+      var rootTitle = client_1(titleContainer);
+      rootTitle.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+        level: 5,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          alignSelf: "stretch",
+          margin: 0
+        }
+      }, props.pageTitle)));
+      e.toolbarOptions.items.unshift({
+        location: 'before',
+        cssClass: 'toolbarTitleItem',
+        template: function template(_, __, container) {
+          container.appendChild(titleContainer);
+        }
+      });
+    };
+  }, [props.toolbarButtonGroup, props.pageTitle, token.margin]);
+  return onToolbarPreparing;
+};
+
 var checkCellSelectionConstraints$1 = function checkCellSelectionConstraints(e) {
   return e.rowType == "data" && e.columnIndex > -1 && e.rowIndex > -1;
 };
@@ -36998,5 +37105,5 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   })));
 };
 
-export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicDataGrid, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFileUpload, OdsFilter, OdsFilterTagView, OdsImage, OdsInlineEditDataGrid, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsServerSideDatagrid, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle, OdsTransfer };
+export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicDataGrid, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsFileUpload, OdsFilter, OdsFilterTagView, OdsImage, OdsInlineEditDataGrid, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsServerSideDatagrid, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle, OdsTransfer, useOnToolbarButtonHandler };
 //# sourceMappingURL=index.modern.js.map