@dextinity/admin 2.0.0-canary-20260729062014

package/lib/stack/breadcrumbs/StackBreadcrumbs.js

@@ -0,0 +1,112 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["separator", "overflowLinkText", "slotProps"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { ChevronRight } from "@dextinity/admin-icons";
+import { css, useTheme, useThemeProps } from "@mui/material/styles";
+import { useEffect, useMemo, useRef, useState, createElement as _createElement } from "react";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { useObservedWidth } from "../../utils/useObservedWidth";
+import { useStackApi } from "../Api";
+import { getElementOuterWidth, useItemsToRender } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
+  componentName: "StackBreadcrumbs",
+  slotName: "root"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n"]))));
+var Breadcrumbs = createComponentSlot("div")({
+  componentName: "StackBreadcrumbs",
+  slotName: "breadcrumbs"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        height: 50px;\n        border-bottom: 1px solid ", ";\n        box-sizing: border-box;\n        flex-wrap: nowrap;\n        overflow-x: auto; // Make the breadcrumbs scrollable, if they still take up too much space, when only the first, last & the overflow link are visible.\n    "])), theme.palette.divider);
+});
+var ListItem = createComponentSlot("div")({
+  componentName: "StackBreadcrumbs",
+  slotName: "listItem"
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    white-space: nowrap;\n"]))));
+var Separator = createComponentSlot("div")({
+  componentName: "StackBreadcrumbs",
+  slotName: "separator"
+})(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    line-height: 0;\n    margin-left: 8px;\n    margin-right: 8px;\n"]))));
+export var BackButtonSeparator = createComponentSlot("div")({
+  componentName: "StackBreadcrumbs",
+  slotName: "backButtonSeparator"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        height: 30px;\n        width: 1px;\n        background-color: ", ";\n        margin-right: 12px;\n    "])), theme.palette.divider);
+});
+export function StackBreadcrumbs(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminStackBreadcrumbs"
+    }),
+    separator = _useThemeProps.separator,
+    _useThemeProps$overfl = _useThemeProps.overflowLinkText,
+    overflowLinkText = _useThemeProps$overfl === void 0 ? ". . ." : _useThemeProps$overfl,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var stackApi = useStackApi();
+  var _useTheme = useTheme(),
+    palette = _useTheme.palette;
+  var breadcrumbsRef = useRef(null);
+  var containerWidth = useObservedWidth(breadcrumbsRef);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    itemWidths = _useState2[0],
+    setItemWidths = _useState2[1];
+  var breadcrumbItems = useMemo(function () {
+    var _stackApi$breadCrumbs;
+    return (_stackApi$breadCrumbs = stackApi === null || stackApi === void 0 ? void 0 : stackApi.breadCrumbs) !== null && _stackApi$breadCrumbs !== void 0 ? _stackApi$breadCrumbs : [];
+  }, [stackApi]);
+  var combinedTitlesOfBreadcrumbs = breadcrumbItems.map(function (_ref3) {
+    var title = _ref3.title;
+    return title;
+  }).join("");
+  useEffect(function () {
+    setItemWidths(undefined);
+  }, [breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length, combinedTitlesOfBreadcrumbs]);
+  useEffect(function () {
+    if (breadcrumbItems !== null && breadcrumbItems !== void 0 && breadcrumbItems.length && !(itemWidths !== null && itemWidths !== void 0 && itemWidths.length)) {
+      var _breadcrumbsRef$curre;
+      var listItems = (_breadcrumbsRef$curre = breadcrumbsRef.current) === null || _breadcrumbsRef$curre === void 0 ? void 0 : _breadcrumbsRef$curre.children;
+      var newItemWidths = listItems ? Object.values(listItems).map(function (listItem) {
+        return getElementOuterWidth(listItem);
+      }) : [];
+      setItemWidths(newItemWidths);
+    }
+  }, [breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length, combinedTitlesOfBreadcrumbs, itemWidths]);
+  var backButtonUrl = breadcrumbItems.length > 1 ? breadcrumbItems[breadcrumbItems.length - 2].url : undefined;
+  var itemsToRender = useItemsToRender(breadcrumbItems, containerWidth !== null && containerWidth !== void 0 ? containerWidth : 0, itemWidths, overflowLinkText, backButtonUrl, slotProps);
+  if (!breadcrumbItems) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: /*#__PURE__*/_jsx(Breadcrumbs, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.breadcrumbs), {}, {
+      ref: breadcrumbsRef,
+      children: itemsToRender.map(function (item, index) {
+        return /*#__PURE__*/_createElement(ListItem, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.listItem), {}, {
+          key: index
+        }), item, index < itemsToRender.length - 1 && /*#__PURE__*/_jsx(Separator, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.separator), {}, {
+          children: separator !== null && separator !== void 0 ? separator : /*#__PURE__*/_jsx(ChevronRight, {
+            fontSize: "inherit",
+            htmlColor: palette.grey[300]
+          })
+        })));
+      })
+    }))
+  }));
+}

package/lib/stack/breadcrumbs/utils.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+import type { BreadcrumbItem } from "../Stack";
+import type { StackBreadcrumbsProps } from "./StackBreadcrumbs";
+export declare const getElementOuterWidth: (element: Element) => number;
+export declare const useItemsToRender: (items: BreadcrumbItem[], containerWidth: number, itemWidths: number[] | undefined, overflowLinkText: ReactNode, backButtonUrl: string | undefined, slotProps: StackBreadcrumbsProps["slotProps"]) => ReactNode[];
+//# sourceMappingURL=utils.d.ts.map

package/lib/stack/breadcrumbs/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/stack/breadcrumbs/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,oBAAoB,GAAI,SAAS,OAAO,KAAG,MACsE,CAAC;AAgD/H,eAAO,MAAM,gBAAgB,GACzB,OAAO,cAAc,EAAE,EACvB,gBAAgB,MAAM,EACtB,YAAY,MAAM,EAAE,GAAG,SAAS,EAChC,kBAAkB,SAAS,EAC3B,eAAe,MAAM,GAAG,SAAS,EACjC,WAAW,qBAAqB,CAAC,WAAW,CAAC,KAC9C,SAAS,EA0BX,CAAC"}

package/lib/stack/breadcrumbs/utils.js

@@ -0,0 +1,86 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useEffect, useState } from "react";
+import { BreadcrumbsEntry } from "./BreadcrumbsEntry";
+import { BreadcrumbsOverflow } from "./BreadcrumbsOverflow";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getElementOuterWidth = function getElementOuterWidth(element) {
+  return element.clientWidth + parseFloat(getComputedStyle(element).marginLeft) + parseFloat(getComputedStyle(element).marginRight);
+};
+var NUMBER_OF_ITEMS_BEFORE_OVERFLOW_MENU = 1;
+var useNumberOfItemsToBeHidden = function useNumberOfItemsToBeHidden(items, containerWidth, showBackButton, itemWidths) {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    numberOfItemsToBeHidden = _useState2[0],
+    setNumberOfItemsToBeHidden = _useState2[1];
+  useEffect(function () {
+    var allVisibleItemsFitIntoContainer = false;
+    var newNumberOfItemsToBeHidden = 0;
+    var minimumNumberOfVisibleItems = 3; // First item, overflow menu & last item
+    var maximumNumberOfHiddenItems = items.length - minimumNumberOfVisibleItems + 1;
+    var _loop = function _loop() {
+      var totalWidthOfVisibleItems = 0;
+      itemWidths === null || itemWidths === void 0 || itemWidths.forEach(function (itemWidth, index) {
+        var isOverflowMenu = index === NUMBER_OF_ITEMS_BEFORE_OVERFLOW_MENU;
+        var overflowMenuWillBeShown = newNumberOfItemsToBeHidden > 0;
+        var linkItemWillBeShown = index === 0 ||
+        // Always show first item
+        index === itemWidths.length - 1 ||
+        // Alawys show last item
+        index > newNumberOfItemsToBeHidden + minimumNumberOfVisibleItems - 2;
+        if (isOverflowMenu && overflowMenuWillBeShown || !isOverflowMenu && linkItemWillBeShown) {
+          totalWidthOfVisibleItems += itemWidth;
+        }
+      });
+      if (totalWidthOfVisibleItems > containerWidth) {
+        newNumberOfItemsToBeHidden++;
+      } else {
+        allVisibleItemsFitIntoContainer = true;
+      }
+    };
+    while (!allVisibleItemsFitIntoContainer && newNumberOfItemsToBeHidden < maximumNumberOfHiddenItems) {
+      _loop();
+    }
+    setNumberOfItemsToBeHidden(newNumberOfItemsToBeHidden);
+  }, [items, itemWidths, containerWidth, showBackButton]);
+  return numberOfItemsToBeHidden;
+};
+export var useItemsToRender = function useItemsToRender(items, containerWidth, itemWidths, overflowLinkText, backButtonUrl, slotProps) {
+  var numberOfItemsToBeHidden = useNumberOfItemsToBeHidden(items, containerWidth, Boolean(backButtonUrl), itemWidths);
+  if (!items.length) {
+    return [];
+  }
+  var renderAllItemsToAllowCalculatingWidths = !(itemWidths !== null && itemWidths !== void 0 && itemWidths.length);
+  var itemsAfterOverflowMenu = renderAllItemsToAllowCalculatingWidths ? items.slice(NUMBER_OF_ITEMS_BEFORE_OVERFLOW_MENU) : items.slice(NUMBER_OF_ITEMS_BEFORE_OVERFLOW_MENU, items.length);
+  var itemsInsideOverflowMenu = renderAllItemsToAllowCalculatingWidths ? [] : itemsAfterOverflowMenu.splice(0, numberOfItemsToBeHidden);
+  var showOverflowMenu = Boolean(renderAllItemsToAllowCalculatingWidths || itemsInsideOverflowMenu.length);
+  var firstItemWithBackButton = /*#__PURE__*/_jsx(BreadcrumbsEntry, {
+    item: items[0],
+    isLastItem: items.length === 1,
+    backButtonUrl: backButtonUrl,
+    slotProps: slotProps
+  });
+  var overflowMenu = /*#__PURE__*/_jsx(BreadcrumbsOverflow, {
+    items: itemsInsideOverflowMenu,
+    linkText: overflowLinkText,
+    slotProps: slotProps
+  });
+  var remainingItems = itemsAfterOverflowMenu.map(function (item, index) {
+    return /*#__PURE__*/_jsx(BreadcrumbsEntry, {
+      item: item,
+      isLastItem: index === itemsAfterOverflowMenu.length - 1,
+      slotProps: slotProps
+    }, item.id);
+  });
+  return [firstItemWithBackButton, showOverflowMenu && overflowMenu].concat(_toConsumableArray(remainingItems)).filter(function (item) {
+    return item !== false;
+  });
+};

package/lib/stack/useIsActiveStackSwitch.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsActiveStackSwitch: () => boolean;
+//# sourceMappingURL=useIsActiveStackSwitch.d.ts.map

package/lib/stack/useIsActiveStackSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsActiveStackSwitch.d.ts","sourceRoot":"","sources":["../../src/stack/useIsActiveStackSwitch.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB,eAWlC,CAAC"}

package/lib/stack/useIsActiveStackSwitch.js

@@ -0,0 +1,14 @@
+import { useStackApi } from "./Api";
+import { useStackSwitchApi } from "./Switch";
+export var useIsActiveStackSwitch = function useIsActiveStackSwitch() {
+  var stackApi = useStackApi();
+  var stackSwitchApi = useStackSwitchApi();
+  if (stackApi && stackSwitchApi) {
+    var currentSwitchIndex = stackSwitchApi.id ? stackApi.switches.findIndex(function (i) {
+      return i.id === stackSwitchApi.id;
+    }) : -1;
+    var nextSwitchShowsInitialPage = stackApi.switches[currentSwitchIndex + 1] && stackApi.switches[currentSwitchIndex + 1].isInitialPageActive;
+    return currentSwitchIndex === stackApi.switches.length - (nextSwitchShowsInitialPage ? 2 : 1);
+  }
+  return true;
+};

package/lib/table/AddButton.d.ts

@@ -0,0 +1,14 @@
+import { Component } from "react";
+import type { ISelectionApi } from "../SelectionApi";
+interface IProps {
+    selectionApi: ISelectionApi;
+}
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export declare class TableAddButton extends Component<IProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+    private handleAddClick;
+}
+export {};
+//# sourceMappingURL=AddButton.d.ts.map

package/lib/table/AddButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddButton.d.ts","sourceRoot":"","sources":["../../src/table/AddButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,UAAU,MAAM;IACZ,YAAY,EAAE,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,qBAAa,cAAe,SAAQ,SAAS,CAAC,MAAM,CAAC;IAC1C,MAAM;IAQb,OAAO,CAAC,cAAc,CAEpB;CACL"}

package/lib/table/AddButton.js

@@ -0,0 +1,51 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { AddNoCircle } from "@dextinity/admin-icons";
+import { Component } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { messages } from "../messages";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export var TableAddButton = /*#__PURE__*/function (_Component) {
+  function TableAddButton() {
+    var _this;
+    _classCallCheck(this, TableAddButton);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, TableAddButton, [].concat(args));
+    _defineProperty(_this, "handleAddClick", function () {
+      _this.props.selectionApi.handleAdd();
+    });
+    return _this;
+  }
+  _inherits(TableAddButton, _Component);
+  return _createClass(TableAddButton, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_jsx(Button, {
+        variant: "textDark",
+        onClick: this.handleAddClick,
+        startIcon: /*#__PURE__*/_jsx(AddNoCircle, {}),
+        children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.add))
+      });
+    }
+  }]);
+}(Component);

package/lib/table/DeleteButton.d.ts

@@ -0,0 +1,20 @@
+import type { PureQueryOptions } from "@apollo/client";
+import { type ButtonProps } from "@mui/material";
+import { Component, type ReactNode } from "react";
+interface IProps {
+    selectedId?: string;
+    mutation: any;
+    icon?: ReactNode | null;
+    text?: ReactNode;
+    color?: ButtonProps["color"];
+    refetchQueries?: Array<string | PureQueryOptions>;
+}
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export declare class TableDeleteButton extends Component<IProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+    private handleDeleteClick;
+}
+export {};
+//# sourceMappingURL=DeleteButton.d.ts.map

package/lib/table/DeleteButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteButton.d.ts","sourceRoot":"","sources":["../../src/table/DeleteButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,OAAO,EAAU,KAAK,WAAW,EAAc,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlD,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;CACrD;AAID;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,SAAS,CAAC,MAAM,CAAC;IAC7C,MAAM;IA+Bb,OAAO,CAAC,iBAAiB,CAQvB;CACL"}

package/lib/table/DeleteButton.js

@@ -0,0 +1,94 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+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; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Delete } from "@dextinity/admin-icons";
+// eslint-disable-next-line no-restricted-imports
+import { Button, IconButton } from "@mui/material";
+import CircularProgress from "@mui/material/CircularProgress";
+import { Component } from "react";
+import { FormattedMessage } from "react-intl";
+import { DeleteMutation } from "../DeleteMutation";
+import { messages } from "../messages";
+import { jsx as _jsx } from "react/jsx-runtime";
+var DeleteMessage = function DeleteMessage() {
+  return /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages["delete"]));
+};
+
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export var TableDeleteButton = /*#__PURE__*/function (_Component) {
+  function TableDeleteButton() {
+    var _this;
+    _classCallCheck(this, TableDeleteButton);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, TableDeleteButton, [].concat(args));
+    _defineProperty(_this, "handleDeleteClick", function (deleteBrand) {
+      deleteBrand({
+        variables: {
+          id: _this.props.selectedId
+        }
+      });
+    });
+    return _this;
+  }
+  _inherits(TableDeleteButton, _Component);
+  return _createClass(TableDeleteButton, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        selectedId = _this$props.selectedId,
+        mutation = _this$props.mutation,
+        refetchQueries = _this$props.refetchQueries,
+        _this$props$icon = _this$props.icon,
+        icon = _this$props$icon === void 0 ? /*#__PURE__*/_jsx(Delete, {}) : _this$props$icon,
+        _this$props$text = _this$props.text,
+        text = _this$props$text === void 0 ? /*#__PURE__*/_jsx(DeleteMessage, {}) : _this$props$text,
+        color = _this$props.color;
+      var disabled = !selectedId;
+      return /*#__PURE__*/_jsx(DeleteMutation, {
+        mutation: mutation,
+        refetchQueries: refetchQueries,
+        children: function children(deleteBrand, _ref) {
+          var loading = _ref.loading;
+          if (loading) {
+            return /*#__PURE__*/_jsx(CircularProgress, {});
+          }
+          var onClick = _this2.handleDeleteClick.bind(_this2, deleteBrand);
+          if (!text && icon) {
+            return /*#__PURE__*/_jsx(IconButton, {
+              onClick: onClick,
+              disabled: disabled,
+              color: color,
+              size: "large",
+              children: icon
+            });
+          }
+          return /*#__PURE__*/_jsx(Button, {
+            onClick: onClick,
+            disabled: disabled,
+            color: color,
+            startIcon: icon ? icon : undefined,
+            children: text
+          });
+        }
+      });
+    }
+  }]);
+}(Component);

package/lib/table/ExcelExportButton.d.ts

@@ -0,0 +1,13 @@
+import type { PropsWithChildren, ReactNode } from "react";
+import type { IExportApi } from "./excelexport/IExportApi";
+interface IProps {
+    exportApi: IExportApi<any>;
+    onClick?: () => void;
+    loadingComponent?: ReactNode;
+}
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export declare const ExcelExportButton: ({ onClick, children, exportApi, loadingComponent }: PropsWithChildren<IProps>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExcelExportButton.d.ts.map

package/lib/table/ExcelExportButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExcelExportButton.d.ts","sourceRoot":"","sources":["../../src/table/ExcelExportButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,UAAU,MAAM;IACZ,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,oDAAoD,iBAAiB,CAAC,MAAM,CAAC,4CAoC9G,CAAC"}

package/lib/table/ExcelExportButton.js

@@ -0,0 +1,41 @@
+import { CircularProgress } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { FileIcon } from "../fileIcons/FileIcon";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export var ExcelExportButton = function ExcelExportButton(_ref) {
+  var onClick = _ref.onClick,
+    children = _ref.children,
+    exportApi = _ref.exportApi,
+    loadingComponent = _ref.loadingComponent;
+  var onClickButtonPressed = function onClickButtonPressed() {
+    if (onClick != null) {
+      onClick();
+    } else {
+      exportApi.exportTable();
+    }
+  };
+  var loading = exportApi.loading,
+    progress = exportApi.progress;
+  return /*#__PURE__*/_jsx(Button, {
+    onClick: onClickButtonPressed,
+    variant: "textDark",
+    startIcon: loading ? /*#__PURE__*/_jsx(_Fragment, {
+      children: loadingComponent ? loadingComponent : /*#__PURE__*/_jsx(CircularProgress, {
+        size: 23,
+        variant: progress ? "determinate" : "indeterminate",
+        value: progress
+      })
+    }) : /*#__PURE__*/_jsx(FileIcon, {
+      fileType: "application/msexcel"
+    }),
+    children: children != null ? children : /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "comet.table.excelExportButton",
+      defaultMessage: "Export",
+      description: "Export Button"
+    })
+  });
+};

package/lib/table/LocalChangesToolbar.d.ts

@@ -0,0 +1,13 @@
+import type { ITableLocalChangesApi } from "./TableLocalChanges";
+interface Props {
+    tableLocalChangesApi: ITableLocalChangesApi;
+    localChangesCount: number;
+    updateMutation: any;
+    loading: boolean;
+}
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export declare const TableLocalChangesToolbar: ({ tableLocalChangesApi, localChangesCount, updateMutation, loading }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LocalChangesToolbar.d.ts.map

package/lib/table/LocalChangesToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalChangesToolbar.d.ts","sourceRoot":"","sources":["../../src/table/LocalChangesToolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,UAAU,KAAK;IACX,oBAAoB,EAAE,qBAAqB,CAAC;IAC5C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,sEAAsE,KAAK,4CAqBnH,CAAC"}

package/lib/table/LocalChangesToolbar.js

@@ -0,0 +1,32 @@
+import { Toolbar } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+import { SaveButton } from "../common/buttons/SaveButton";
+import { Loading } from "../common/Loading";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export var TableLocalChangesToolbar = function TableLocalChangesToolbar(_ref) {
+  var tableLocalChangesApi = _ref.tableLocalChangesApi,
+    localChangesCount = _ref.localChangesCount,
+    updateMutation = _ref.updateMutation,
+    loading = _ref.loading;
+  var handleSaveClick = function handleSaveClick() {
+    tableLocalChangesApi.submitLocalDataChanges();
+  };
+  return /*#__PURE__*/_jsx(Toolbar, {
+    children: loading ? /*#__PURE__*/_jsx(Loading, {
+      behavior: "fillParent"
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(SaveButton, {
+        onClick: handleSaveClick
+      }), /*#__PURE__*/_jsx(FormattedMessage, {
+        values: {
+          count: localChangesCount
+        },
+        id: "comet.table.localChangesToolbar.unsavedItems",
+        defaultMessage: "{count, plural, =0 {No unsaved changes} one {# unsaved change} other {# unsaved changes}}"
+      })]
+    })
+  });
+};

package/lib/table/Pagination.d.ts

@@ -0,0 +1,12 @@
+import type { IPagingInfo } from "./paging/IPagingInfo";
+interface IProps {
+    totalCount: number;
+    pagingInfo: IPagingInfo;
+    rowName?: string | ((count: number) => string);
+}
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export declare const TablePagination: ({ totalCount, pagingInfo, rowName }: IProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Pagination.d.ts.map

package/lib/table/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/table/Pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CAClD;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,qCAAqC,MAAM,4CAyC1E,CAAC"}

package/lib/table/Pagination.js

@@ -0,0 +1,72 @@
+import { ChevronLeft, ChevronRight } from "@dextinity/admin-icons";
+import { Grid, IconButton, Toolbar, Typography } from "@mui/material";
+import TableCell from "@mui/material/TableCell";
+import { FormattedMessage, FormattedNumber } from "react-intl";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @deprecated Use MUI X Data Grid in combination with `useDataGridRemote` instead.
+ */
+export var TablePagination = function TablePagination(_ref) {
+  var totalCount = _ref.totalCount,
+    pagingInfo = _ref.pagingInfo,
+    rowName = _ref.rowName;
+  if (typeof rowName === "function") {
+    rowName = rowName(totalCount);
+  }
+  return /*#__PURE__*/_jsx(TableCell, {
+    colSpan: 1000,
+    children: /*#__PURE__*/_jsx(Toolbar, {
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        children: [/*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsxs(Typography, {
+            color: "textPrimary",
+            variant: "body2",
+            children: [/*#__PURE__*/_jsx(FormattedNumber, {
+              value: totalCount
+            }), " ", rowName]
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsxs(Grid, {
+            container: true,
+            alignItems: "center",
+            spacing: 2,
+            children: [pagingInfo.totalPages && pagingInfo.currentPage && /*#__PURE__*/_jsx(Grid, {
+              children: /*#__PURE__*/_jsx(Typography, {
+                color: "textSecondary",
+                variant: "body2",
+                children: /*#__PURE__*/_jsx(FormattedMessage, {
+                  id: "comet.table.pagination.pageInfo",
+                  values: {
+                    total: pagingInfo.totalPages,
+                    current: pagingInfo.currentPage
+                  },
+                  defaultMessage: "Page {current} of {total}",
+                  description: "Pagination-info"
+                })
+              })
+            }), /*#__PURE__*/_jsxs(Grid, {
+              children: [/*#__PURE__*/_jsx(IconButton, {
+                disabled: !pagingInfo.fetchPreviousPage,
+                onClick: function onClick() {
+                  return pagingInfo.fetchPreviousPage();
+                },
+                size: "large",
+                children: /*#__PURE__*/_jsx(ChevronLeft, {})
+              }), /*#__PURE__*/_jsx(IconButton, {
+                disabled: !pagingInfo.fetchNextPage,
+                onClick: function onClick() {
+                  return pagingInfo.fetchNextPage();
+                },
+                size: "large",
+                children: /*#__PURE__*/_jsx(ChevronRight, {})
+              })]
+            })]
+          })
+        })]
+      })
+    })
+  });
+};