studiokit-scaffolding-js 7.0.12 → 7.1.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2019 Purdue Informatics / StudioKit
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 Purdue Informatics / StudioKit
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,137 +1,137 @@
-# studiokit-scaffolding-js
-
-**studiokit-scaffolding-js** provides a common scaffolding for react apps.
-
-1. [Installation](#installation)
-1. [Usage](#usage)
-1. [Development](#development)
-
-# Installation
-
-## Install this library and call startup methods
-1. `yarn add studiokit-scaffolding-js`
-1. (Optional) Call configurable extensions in your main entry file
-	* `redux/sagas/rootSaga`
-		* `setOtherDependentSagas` to add more sagas
-	* `redux/sagas/postLoginDataSaga`
-		* `setOnPostLogin` to load more data after login
-	* `redux/configureReducers`
-		* `updatePersistBlacklist` and `setOtherReducers` to add more reducers
-1. In your main entry file call `startup`
-	```js
-	import { startup, endpointMappings } from 'studiokit-scaffolding-js'
-
-	const appConfig = {/* AppConfiguration */}
-	const endpointMappings = {...endpointMappings, .../* App EndpointMappings */}
-	const { history, store, persistor } = startup(appConfig, endpointMappings)
-
-	// render using history, store, persistor
-	ReactDOM.render(
-		...
-	)
-	```
-## Styles
-
-### Basic Setup
-
-In your project’s startup `index.tsx` file, import the scaffolding styles as follows
-
-```ts
-...third party css...
-
-import 'studiokit-scaffolding-js/lib/css/index-with-variables.css'
-
-...project specific css...
-```
-
-In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
-
-```js
-importFrom: [
-	'node_modules/studiokit-scaffolding-js/lib/css/variables.css'
-]
-```
-### Variable Override Setup
-
-In order to override certain color variables from `variables.css`, they must be overridden _before_ scaffolding’s `index.css` file is imported.
-
-In your project’s startup `index.tsx` file, import the scaffolding styles as follows
-
-```ts
-...third party css...
-
-import 'studiokit-scaffolding-js/lib/css/variables.css'
-import './css/variables.css'
-import 'studiokit-scaffolding-js/lib/css/index.css'
-import './css/index.css'
-```
-
-In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
-
-```js
-importFrom: [
-	'node_modules/studiokit-scaffolding-js/lib/css/variables.css',
-	'src/css/variables.css'
-]
-```
-
-# Usage
-
-## Components and Utils
-
-Components and utils can be imported from `studiokit-scaffolding-js/lib/...`
-
-# Development
-
-## Branches
-
-1. Create a new branch
-	* **Feature/Issue**: In GitLab from an issue, create a branch off of `develop`
-	* **Hotfix**: Create a `hotfix` branch off of `master` (manually or in GitLab by making an MR)
-1. Update the version number
-	* **Feature/Issue**
-		* append `-next.1.1`
-		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.0-next.1.1`
-	* **Hotfix**
-		* increase the version number and append `-alpha.1`
-		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.1-alpha.1` for hotfix
-	* **NOTE:** if **more than one** branch is being developed on at the same time, simply increment the **first** number after "next"
-		* e.g. `1.0.0-next.2.1` for the second issue branch (this won't apply for hotfixes)
-1. Development Loop
-	1. Add/update new components, utils, or styles
-	1. Add/update unit tests for those components or utils to confirm basic functionality
-	1. Increment the **last** number in the version
-		* e.g. `1.0.0-next.2.1` => `1.0.0-next.2.2` for a feature/issue branch
-		* e.g. `1.0.1-alpha.1` => `1.0.1-alpha.2` for a hotfix branch
-	1. Push to gitlab. Azure DevOps will run a pipeline and publish this version to npmjs.org
-	1. Install the new version in the project(s) you are working on by updating its `package.json` and running `yarn`
-		  * As an alternative to the two steps above, if you don't need to make changes available to other devs yet you can:
-		    1. In the studiokit directory, run `yarn build` then `yarn pack`. You'll still need to have incremented the version number to avoid having it cached.
-			1. Over in the Circuit/Variate/etc. directory, run `yarn add ../studiokit-scaffolding-js/package.tgz`. 
-	1. Repeat as needed
-1. Merging
-	* After the Merge Request is approved, **remove** the "next" or "alpha" suffix from the version **before** merging to develop or master
-	* For **hotfix** branches, the version number should be the new patch number, e.g. `1.0.1`
-1. Release
-	* **Feature/Issue**: After merging, create a new "release" branch from `develop` and follow the "git flow" release steps as normal
-	* **Hotfix**: Finish the "git flow" hotfix steps as normal from the hotfix branch
-	* Azure DevOps will run a pipeline to publish the version merged to `master` to npmjs.org
-
-## Styles
-
-Styles are organized into the following folders and files inside of `src/css`
-
-1. `variables.css`
-	* Global constant variables
-	* Common app-specific variables
-1. `utils`
-	* Assorted utility styles, similar to tachyons
-	* Break out similar styles into separate files once a few similar ones exist
-		* e.g. `_display.css` contains all `display: ...;` related modifier styles
-1. `base`
-	* `_base.css`: Generic tags, .skip-main link, and .main-content
-	* `_typography.css`: Default fonts, font scale, and text colors
-1. `components`
-	* Global component specific styles (e.g. not functional like tachyons)
-
-Your project’s css folders and files should follow this same pattern.
+# studiokit-scaffolding-js
+
+**studiokit-scaffolding-js** provides a common scaffolding for react apps.
+
+1. [Installation](#installation)
+1. [Usage](#usage)
+1. [Development](#development)
+
+# Installation
+
+## Install this library and call startup methods
+1. `yarn add studiokit-scaffolding-js`
+1. (Optional) Call configurable extensions in your main entry file
+	* `redux/sagas/rootSaga`
+		* `setOtherDependentSagas` to add more sagas
+	* `redux/sagas/postLoginDataSaga`
+		* `setOnPostLogin` to load more data after login
+	* `redux/configureReducers`
+		* `updatePersistBlacklist` and `setOtherReducers` to add more reducers
+1. In your main entry file call `startup`
+	```js
+	import { startup, endpointMappings } from 'studiokit-scaffolding-js'
+
+	const appConfig = {/* AppConfiguration */}
+	const endpointMappings = {...endpointMappings, .../* App EndpointMappings */}
+	const { history, store, persistor } = startup(appConfig, endpointMappings)
+
+	// render using history, store, persistor
+	ReactDOM.render(
+		...
+	)
+	```
+## Styles
+
+### Basic Setup
+
+In your project’s startup `index.tsx` file, import the scaffolding styles as follows
+
+```ts
+...third party css...
+
+import 'studiokit-scaffolding-js/lib/css/index-with-variables.css'
+
+...project specific css...
+```
+
+In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
+
+```js
+importFrom: [
+	'node_modules/studiokit-scaffolding-js/lib/css/variables.css'
+]
+```
+### Variable Override Setup
+
+In order to override certain color variables from `variables.css`, they must be overridden _before_ scaffolding’s `index.css` file is imported.
+
+In your project’s startup `index.tsx` file, import the scaffolding styles as follows
+
+```ts
+...third party css...
+
+import 'studiokit-scaffolding-js/lib/css/variables.css'
+import './css/variables.css'
+import 'studiokit-scaffolding-js/lib/css/index.css'
+import './css/index.css'
+```
+
+In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
+
+```js
+importFrom: [
+	'node_modules/studiokit-scaffolding-js/lib/css/variables.css',
+	'src/css/variables.css'
+]
+```
+
+# Usage
+
+## Components and Utils
+
+Components and utils can be imported from `studiokit-scaffolding-js/lib/...`
+
+# Development
+
+## Branches
+
+1. Create a new branch
+	* **Feature/Issue**: In GitLab from an issue, create a branch off of `develop`
+	* **Hotfix**: Create a `hotfix` branch off of `master` (manually or in GitLab by making an MR)
+1. Update the version number
+	* **Feature/Issue**
+		* append `-next.1.1`
+		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.0-next.1.1`
+	* **Hotfix**
+		* increase the version number and append `-alpha.1`
+		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.1-alpha.1` for hotfix
+	* **NOTE:** if **more than one** branch is being developed on at the same time, simply increment the **first** number after "next"
+		* e.g. `1.0.0-next.2.1` for the second issue branch (this won't apply for hotfixes)
+1. Development Loop
+	1. Add/update new components, utils, or styles
+	1. Add/update unit tests for those components or utils to confirm basic functionality
+	1. Increment the **last** number in the version
+		* e.g. `1.0.0-next.2.1` => `1.0.0-next.2.2` for a feature/issue branch
+		* e.g. `1.0.1-alpha.1` => `1.0.1-alpha.2` for a hotfix branch
+	1. Push to gitlab. Azure DevOps will run a pipeline and publish this version to npmjs.org
+	1. Install the new version in the project(s) you are working on by updating its `package.json` and running `yarn`
+		  * As an alternative to the two steps above, if you don't need to make changes available to other devs yet you can:
+		    1. In the studiokit directory, run `yarn build` then `yarn pack`. You'll still need to have incremented the version number to avoid having it cached.
+			1. Over in the Circuit/Variate/etc. directory, run `yarn add ../studiokit-scaffolding-js/package.tgz`. 
+	1. Repeat as needed
+1. Merging
+	* After the Merge Request is approved, **remove** the "next" or "alpha" suffix from the version **before** merging to develop or master
+	* For **hotfix** branches, the version number should be the new patch number, e.g. `1.0.1`
+1. Release
+	* **Feature/Issue**: After merging, create a new "release" branch from `develop` and follow the "git flow" release steps as normal
+	* **Hotfix**: Finish the "git flow" hotfix steps as normal from the hotfix branch
+	* Azure DevOps will run a pipeline to publish the version merged to `master` to npmjs.org
+
+## Styles
+
+Styles are organized into the following folders and files inside of `src/css`
+
+1. `variables.css`
+	* Global constant variables
+	* Common app-specific variables
+1. `utils`
+	* Assorted utility styles, similar to tachyons
+	* Break out similar styles into separate files once a few similar ones exist
+		* e.g. `_display.css` contains all `display: ...;` related modifier styles
+1. `base`
+	* `_base.css`: Generic tags, .skip-main link, and .main-content
+	* `_typography.css`: Default fonts, font scale, and text colors
+1. `components`
+	* Global component specific styles (e.g. not functional like tachyons)
+
+Your project’s css folders and files should follow this same pattern.

package/lib/components/ActionList.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import React, { FunctionComponent } from 'react';
 import { Model } from '../types';
 export interface ActionListProps {
     actions?: ListAction[];
@@ -11,7 +11,7 @@ export interface ListAction {
     predicate: boolean;
     action: () => void;
     name: string;
-    icon: JSX.Element;
+    icon: React.JSX.Element;
     className: string;
     id: string;
     isDefault?: boolean;

package/lib/components/ActionList.js

@@ -1,94 +1,173 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionList = void 0;
-var core_1 = require("@material-ui/core");
-var MoreVert_1 = __importDefault(require("@material-ui/icons/MoreVert"));
-var react_1 = __importStar(require("react"));
-var ActionList = function (_a) {
-    var _b = _a.actions, actions = _b === void 0 ? [] : _b, _c = _a.model, model = _c === void 0 ? null : _c, className = _a.className, alwaysShowKebab = _a.alwaysShowKebab;
-    var anchorRef = react_1.default.useRef(null);
-    var _d = react_1.useState(undefined), infoMenuAnchorElement = _d[0], setInfoMenuAnchorElement = _d[1];
-    var onActionItemClick = function (action) { return function () {
+var _reactCompilerRuntime = require("react-compiler-runtime");
+var _core = require("@material-ui/core");
+var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ActionList = t0 => {
+  const $ = (0, _reactCompilerRuntime.c)(21);
+  const {
+    actions: t1,
+    model: t2,
+    className,
+    alwaysShowKebab
+  } = t0;
+  const actions = t1 === undefined ? [] : t1;
+  const model = t2 === undefined ? null : t2;
+  const anchorRef = _react.default.useRef(null);
+  const [infoMenuAnchorElement, setInfoMenuAnchorElement] = (0, _react.useState)(undefined);
+  let t3;
+  if ($[0] !== setInfoMenuAnchorElement) {
+    t3 = action => () => {
+      setInfoMenuAnchorElement(undefined);
+      action?.();
+    };
+    $[0] = setInfoMenuAnchorElement;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const onActionItemClick = t3;
+  let t4;
+  if ($[2] !== setInfoMenuAnchorElement) {
+    t4 = event => {
+      if (event.key === "Tab" || event.key === "Escape" || event.key === "Esc") {
+        event.preventDefault();
         setInfoMenuAnchorElement(undefined);
-        action === null || action === void 0 ? void 0 : action();
-    }; };
-    var handleListKeyDown = function (event) {
-        var _a;
-        if (event.key === 'Tab' || event.key === 'Escape' || event.key === 'Esc') {
-            event.preventDefault();
-            setInfoMenuAnchorElement(undefined);
-            (_a = anchorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
+        anchorRef.current?.focus();
+      }
     };
-    var allowedActions = actions.filter(function (a) { return a.predicate; });
-    var actionCount = allowedActions.length;
-    var defaultAction = actionCount === 1 && !alwaysShowKebab ? allowedActions[0] : allowedActions.find(function (a) { return !!a.isDefault; });
-    if (defaultAction) {
-        allowedActions = allowedActions.filter(function (a) { return a !== defaultAction; });
-    }
-    return (react_1.default.createElement("div", { className: !!defaultAction && !!model && (actionCount > 1 || alwaysShowKebab) ? 'inline-flex' : 'di' },
-        !!defaultAction && (react_1.default.createElement(core_1.Button, { color: "primary", onClick: defaultAction.action, id: defaultAction.id, className: defaultAction.className || '', disabled: defaultAction.disabled },
-            defaultAction.icon,
-            defaultAction.name)),
-        !!model && (actionCount > 1 || alwaysShowKebab) && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(core_1.Button, { ref: anchorRef, onClick: function (event) { return setInfoMenuAnchorElement(event.currentTarget); }, "aria-label": "Actions", "aria-haspopup": "true", "aria-controls": infoMenuAnchorElement ? "info-menu-" + model.id : undefined, className: "action-list-text-button" + (defaultAction ? ' with-default-action' : ''), color: "primary" },
-                "Actions",
-                react_1.default.createElement(MoreVert_1.default, { color: "primary" })),
-            react_1.default.createElement(core_1.IconButton, { ref: anchorRef, onClick: function (event) { return setInfoMenuAnchorElement(event.currentTarget); }, "aria-label": "Actions", "aria-haspopup": "true", "aria-controls": infoMenuAnchorElement ? "info-menu-" + model.id : undefined, className: "action-list-icon-button" + (defaultAction ? ' with-default-action' : '') },
-                react_1.default.createElement(MoreVert_1.default, { color: "primary" })),
-            react_1.default.createElement(core_1.Popper, { open: !!infoMenuAnchorElement, anchorEl: infoMenuAnchorElement, placement: "bottom-end", className: "z-1" + (className ? " " + className : ''), transition: true }, function (_a) {
-                var TransitionProps = _a.TransitionProps, placement = _a.placement;
-                return (react_1.default.createElement(core_1.Grow, __assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom-end' ? 'top right' : 'bottom right' } }),
-                    react_1.default.createElement(core_1.Paper, null,
-                        react_1.default.createElement(core_1.ClickAwayListener, { onClickAway: onActionItemClick() },
-                            react_1.default.createElement(core_1.MenuList, { id: "info-menu-" + model.id, autoFocusItem: !!infoMenuAnchorElement, onKeyDown: handleListKeyDown, className: "action-list shadow-large" }, allowedActions.map(function (a, index) {
-                                return a.predicate
-                                    ? __spreadArrays((index > 0 ? [react_1.default.createElement(core_1.Divider, null)] : []), [
-                                        react_1.default.createElement(core_1.MenuItem, { key: a.id, className: "action-list-menu mv1 pv2 " + a.className, onClick: onActionItemClick(a.action), color: "primary", disabled: a.disabled },
-                                            a.icon,
-                                            a.name)
-                                    ]) : undefined;
-                            }))))));
-            })))));
+    $[2] = setInfoMenuAnchorElement;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const handleListKeyDown = t4;
+  let allowedActions = actions.filter(_temp);
+  const actionCount = allowedActions.length;
+  const defaultAction = actionCount === 1 && !alwaysShowKebab ? allowedActions[0] : allowedActions.find(_temp2);
+  if (defaultAction) {
+    allowedActions = allowedActions.filter(a_1 => a_1 !== defaultAction);
+  }
+  const t5 = !!defaultAction && !!model && (actionCount > 1 || alwaysShowKebab) ? "inline-flex" : "di";
+  let t6;
+  if ($[4] !== defaultAction) {
+    t6 = !!defaultAction && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_core.Button, {
+      color: "primary",
+      onClick: defaultAction.action,
+      id: defaultAction.id,
+      className: defaultAction.className || "",
+      disabled: defaultAction.disabled,
+      children: [defaultAction.icon, defaultAction.name]
+    });
+    $[4] = defaultAction;
+    $[5] = t6;
+  } else {
+    t6 = $[5];
+  }
+  let t7;
+  if ($[6] !== actionCount || $[7] !== allowedActions || $[8] !== alwaysShowKebab || $[9] !== className || $[10] !== defaultAction || $[11] !== handleListKeyDown || $[12] !== infoMenuAnchorElement || $[13] !== model || $[14] !== onActionItemClick || $[15] !== setInfoMenuAnchorElement) {
+    t7 = !!model && (actionCount > 1 || alwaysShowKebab) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_core.Button, {
+        ref: anchorRef,
+        onClick: event_0 => setInfoMenuAnchorElement(event_0.currentTarget),
+        "aria-label": "Actions",
+        "aria-haspopup": "true",
+        "aria-controls": infoMenuAnchorElement ? `info-menu-${model.id}` : undefined,
+        className: `action-list-text-button${defaultAction ? " with-default-action" : ""}`,
+        color: "primary",
+        children: ["Actions", /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreVert.default, {
+          color: "primary"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.IconButton, {
+        ref: anchorRef,
+        onClick: event_1 => setInfoMenuAnchorElement(event_1.currentTarget),
+        "aria-label": "Actions",
+        "aria-haspopup": "true",
+        "aria-controls": infoMenuAnchorElement ? `info-menu-${model.id}` : undefined,
+        className: `action-list-icon-button${defaultAction ? " with-default-action" : ""}`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreVert.default, {
+          color: "primary"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.Popper, {
+        open: !!infoMenuAnchorElement,
+        anchorEl: infoMenuAnchorElement,
+        placement: "bottom-end",
+        className: `z-1${className ? ` ${className}` : ""}`,
+        transition: true,
+        children: t8 => {
+          const {
+            TransitionProps,
+            placement
+          } = t8;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.Grow, {
+            ...TransitionProps,
+            style: {
+              transformOrigin: placement === "bottom-end" ? "top right" : "bottom right"
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.Paper, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.ClickAwayListener, {
+                onClickAway: onActionItemClick(),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.MenuList, {
+                  id: `info-menu-${model.id}`,
+                  autoFocusItem: !!infoMenuAnchorElement,
+                  onKeyDown: handleListKeyDown,
+                  className: "action-list shadow-large",
+                  children: allowedActions.map((a_2, index) => a_2.predicate ? [...(index > 0 ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_core.Divider, {})] : []), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_core.MenuItem, {
+                    className: `action-list-menu mv1 pv2 ${a_2.className}`,
+                    onClick: onActionItemClick(a_2.action),
+                    color: "primary",
+                    disabled: a_2.disabled,
+                    children: [a_2.icon, a_2.name]
+                  }, a_2.id)] : undefined)
+                })
+              })
+            })
+          });
+        }
+      })]
+    });
+    $[6] = actionCount;
+    $[7] = allowedActions;
+    $[8] = alwaysShowKebab;
+    $[9] = className;
+    $[10] = defaultAction;
+    $[11] = handleListKeyDown;
+    $[12] = infoMenuAnchorElement;
+    $[13] = model;
+    $[14] = onActionItemClick;
+    $[15] = setInfoMenuAnchorElement;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== t5 || $[18] !== t6 || $[19] !== t7) {
+    t8 = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: t5,
+      children: [t6, t7]
+    });
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  return t8;
 };
 exports.ActionList = ActionList;
+function _temp(a) {
+  return a.predicate;
+}
+function _temp2(a_0) {
+  return !!a_0.isDefault;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY29yZSIsInJlcXVpcmUiLCJfTW9yZVZlcnQiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3JlYWN0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfanN4UnVudGltZSIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsImRlZmF1bHQiLCJoYXMiLCJnZXQiLCJzZXQiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIkFjdGlvbkxpc3QiLCJ0MCIsIiQiLCJfcmVhY3RDb21waWxlclJ1bnRpbWUiLCJjIiwiYWN0aW9ucyIsInQxIiwibW9kZWwiLCJ0MiIsImNsYXNzTmFtZSIsImFsd2F5c1Nob3dLZWJhYiIsInVuZGVmaW5lZCIsImFuY2hvclJlZiIsIlJlYWN0IiwidXNlUmVmIiwiaW5mb01lbnVBbmNob3JFbGVtZW50Iiwic2V0SW5mb01lbnVBbmNob3JFbGVtZW50IiwidXNlU3RhdGUiLCJ0MyIsImFjdGlvbiIsIm9uQWN0aW9uSXRlbUNsaWNrIiwidDQiLCJldmVudCIsImtleSIsInByZXZlbnREZWZhdWx0IiwiY3VycmVudCIsImZvY3VzIiwiaGFuZGxlTGlzdEtleURvd24iLCJhbGxvd2VkQWN0aW9ucyIsImZpbHRlciIsIl90ZW1wIiwiYWN0aW9uQ291bnQiLCJsZW5ndGgiLCJkZWZhdWx0QWN0aW9uIiwiZmluZCIsIl90ZW1wMiIsImFfMSIsImEiLCJ0NSIsInQ2IiwianN4cyIsIkJ1dHRvbiIsImNvbG9yIiwib25DbGljayIsImlkIiwiZGlzYWJsZWQiLCJjaGlsZHJlbiIsImljb24iLCJuYW1lIiwidDciLCJGcmFnbWVudCIsImV2ZW50XzAiLCJjdXJyZW50VGFyZ2V0IiwianN4IiwiSWNvbkJ1dHRvbiIsImV2ZW50XzEiLCJQb3BwZXIiLCJvcGVuIiwicGxhY2VtZW50IiwidHJhbnNpdGlvbiIsInQ4IiwiVHJhbnNpdGlvblByb3BzIiwiR3JvdyIsInN0eWxlIiwidHJhbnNmb3JtT3JpZ2luIiwiUGFwZXIiLCJDbGlja0F3YXlMaXN0ZW5lciIsIm9uQ2xpY2tBd2F5IiwiTWVudUxpc3QiLCJhdXRvRm9jdXNJdGVtIiwibWFwIiwiYV8yIiwiaW5kZXgiLCJwcmVkaWNhdGUiLCJEaXZpZGVyIiwiTWVudUl0ZW0iLCJleHBvcnRzIiwiYV8wIiwiaXNEZWZhdWx0Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvQWN0aW9uTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuXHRCdXR0b24sXHJcblx0Q2xpY2tBd2F5TGlzdGVuZXIsXHJcblx0RGl2aWRlcixcclxuXHRHcm93LFxyXG5cdEljb25CdXR0b24sXHJcblx0TWVudUl0ZW0sXHJcblx0TWVudUxpc3QsXHJcblx0UGFwZXIsXHJcblx0UG9wcGVyXHJcbn0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnXHJcbmltcG9ydCBJY29uTW9yZVZlcnQgZnJvbSAnQG1hdGVyaWFsLXVpL2ljb25zL01vcmVWZXJ0J1xyXG5pbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXHJcbmltcG9ydCB7IE1vZGVsIH0gZnJvbSAnLi4vdHlwZXMnXHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFjdGlvbkxpc3RQcm9wcyB7XHJcblx0YWN0aW9ucz86IExpc3RBY3Rpb25bXVxyXG5cdG1vZGVsOiBNb2RlbCB8IG51bGxcclxuXHRjbGFzc05hbWU/OiBzdHJpbmdcclxuXHQvKiogRXZlbiB3aGVuIHRoZXJlIGlzIGEgc2luZ2xlIExpc3RBY3Rpb24sIHNob3cgdGhlIGtlYmFiIG1lbnUgKi9cclxuXHRhbHdheXNTaG93S2ViYWI/OiBib29sZWFuXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgTGlzdEFjdGlvbiB7XHJcblx0cHJlZGljYXRlOiBib29sZWFuXHJcblx0YWN0aW9uOiAoKSA9PiB2b2lkXHJcblx0bmFtZTogc3RyaW5nXHJcblx0aWNvbjogUmVhY3QuSlNYLkVsZW1lbnRcclxuXHRjbGFzc05hbWU6IHN0cmluZ1xyXG5cdGlkOiBzdHJpbmdcclxuXHRpc0RlZmF1bHQ/OiBib29sZWFuXHJcblx0ZGlzYWJsZWQ/OiBib29sZWFuXHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBBY3Rpb25MaXN0OiBGdW5jdGlvbkNvbXBvbmVudDxBY3Rpb25MaXN0UHJvcHM+ID0gKHtcclxuXHRhY3Rpb25zID0gW10sXHJcblx0bW9kZWwgPSBudWxsLFxyXG5cdGNsYXNzTmFtZSxcclxuXHRhbHdheXNTaG93S2ViYWJcclxufSkgPT4ge1xyXG5cdGNvbnN0IGFuY2hvclJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbClcclxuXHRjb25zdCBbaW5mb01lbnVBbmNob3JFbGVtZW50LCBzZXRJbmZvTWVudUFuY2hvckVsZW1lbnRdID0gdXNlU3RhdGU8SFRNTEJ1dHRvbkVsZW1lbnQgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZClcclxuXHJcblx0Y29uc3Qgb25BY3Rpb25JdGVtQ2xpY2sgPSAoYWN0aW9uPzogKCkgPT4gdm9pZCkgPT4gKCkgPT4ge1xyXG5cdFx0c2V0SW5mb01lbnVBbmNob3JFbGVtZW50KHVuZGVmaW5lZClcclxuXHRcdGFjdGlvbj8uKClcclxuXHR9XHJcblxyXG5cdGNvbnN0IGhhbmRsZUxpc3RLZXlEb3duID0gKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiB7XHJcblx0XHRpZiAoZXZlbnQua2V5ID09PSAnVGFiJyB8fCBldmVudC5rZXkgPT09ICdFc2NhcGUnIHx8IGV2ZW50LmtleSA9PT0gJ0VzYycpIHtcclxuXHRcdFx0ZXZlbnQucHJldmVudERlZmF1bHQoKVxyXG5cdFx0XHRzZXRJbmZvTWVudUFuY2hvckVsZW1lbnQodW5kZWZpbmVkKVxyXG5cdFx0XHRhbmNob3JSZWYuY3VycmVudD8uZm9jdXMoKVxyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0bGV0IGFsbG93ZWRBY3Rpb25zID0gYWN0aW9ucy5maWx0ZXIoKGE6IExpc3RBY3Rpb24pID0+IGEucHJlZGljYXRlKVxyXG5cdGNvbnN0IGFjdGlvbkNvdW50ID0gYWxsb3dlZEFjdGlvbnMubGVuZ3RoXHJcblx0Y29uc3QgZGVmYXVsdEFjdGlvbiA9XHJcblx0XHRhY3Rpb25Db3VudCA9PT0gMSAmJiAhYWx3YXlzU2hvd0tlYmFiID8gYWxsb3dlZEFjdGlvbnNbMF0gOiBhbGxvd2VkQWN0aW9ucy5maW5kKGEgPT4gISFhLmlzRGVmYXVsdClcclxuXHJcblx0aWYgKGRlZmF1bHRBY3Rpb24pIHtcclxuXHRcdGFsbG93ZWRBY3Rpb25zID0gYWxsb3dlZEFjdGlvbnMuZmlsdGVyKGEgPT4gYSAhPT0gZGVmYXVsdEFjdGlvbilcclxuXHR9XHJcblxyXG5cdHJldHVybiAoXHJcblx0XHQ8ZGl2IGNsYXNzTmFtZT17ISFkZWZhdWx0QWN0aW9uICYmICEhbW9kZWwgJiYgKGFjdGlvbkNvdW50ID4gMSB8fCBhbHdheXNTaG93S2ViYWIpID8gJ2lubGluZS1mbGV4JyA6ICdkaSd9PlxyXG5cdFx0XHR7ISFkZWZhdWx0QWN0aW9uICYmIChcclxuXHRcdFx0XHQ8QnV0dG9uXHJcblx0XHRcdFx0XHRjb2xvcj1cInByaW1hcnlcIlxyXG5cdFx0XHRcdFx0b25DbGljaz17ZGVmYXVsdEFjdGlvbi5hY3Rpb259XHJcblx0XHRcdFx0XHRpZD17ZGVmYXVsdEFjdGlvbi5pZH1cclxuXHRcdFx0XHRcdGNsYXNzTmFtZT17ZGVmYXVsdEFjdGlvbi5jbGFzc05hbWUgfHwgJyd9XHJcblx0XHRcdFx0XHRkaXNhYmxlZD17ZGVmYXVsdEFjdGlvbi5kaXNhYmxlZH0+XHJcblx0XHRcdFx0XHR7ZGVmYXVsdEFjdGlvbi5pY29ufVxyXG5cdFx0XHRcdFx0e2RlZmF1bHRBY3Rpb24ubmFtZX1cclxuXHRcdFx0XHQ8L0J1dHRvbj5cclxuXHRcdFx0KX1cclxuXHRcdFx0eyEhbW9kZWwgJiYgKGFjdGlvbkNvdW50ID4gMSB8fCBhbHdheXNTaG93S2ViYWIpICYmIChcclxuXHRcdFx0XHQ8PlxyXG5cdFx0XHRcdFx0PEJ1dHRvblxyXG5cdFx0XHRcdFx0XHRyZWY9e2FuY2hvclJlZn1cclxuXHRcdFx0XHRcdFx0b25DbGljaz17ZXZlbnQgPT4gc2V0SW5mb01lbnVBbmNob3JFbGVtZW50KGV2ZW50LmN1cnJlbnRUYXJnZXQpfVxyXG5cdFx0XHRcdFx0XHRhcmlhLWxhYmVsPVwiQWN0aW9uc1wiXHJcblx0XHRcdFx0XHRcdGFyaWEtaGFzcG9wdXA9XCJ0cnVlXCJcclxuXHRcdFx0XHRcdFx0YXJpYS1jb250cm9scz17aW5mb01lbnVBbmNob3JFbGVtZW50ID8gYGluZm8tbWVudS0ke21vZGVsLmlkfWAgOiB1bmRlZmluZWR9XHJcblx0XHRcdFx0XHRcdGNsYXNzTmFtZT17YGFjdGlvbi1saXN0LXRleHQtYnV0dG9uJHtkZWZhdWx0QWN0aW9uID8gJyB3aXRoLWRlZmF1bHQtYWN0aW9uJyA6ICcnfWB9XHJcblx0XHRcdFx0XHRcdGNvbG9yPVwicHJpbWFyeVwiPlxyXG5cdFx0XHRcdFx0XHRBY3Rpb25zXHJcblx0XHRcdFx0XHRcdDxJY29uTW9yZVZlcnQgY29sb3I9XCJwcmltYXJ5XCIgLz5cclxuXHRcdFx0XHRcdDwvQnV0dG9uPlxyXG5cclxuXHRcdFx0XHRcdDxJY29uQnV0dG9uXHJcblx0XHRcdFx0XHRcdHJlZj17YW5jaG9yUmVmfVxyXG5cdFx0XHRcdFx0XHRvbkNsaWNrPXtldmVudCA9PiBzZXRJbmZvTWVudUFuY2hvckVsZW1lbnQoZXZlbnQuY3VycmVudFRhcmdldCl9XHJcblx0XHRcdFx0XHRcdGFyaWEtbGFiZWw9XCJBY3Rpb25zXCJcclxuXHRcdFx0XHRcdFx0YXJpYS1oYXNwb3B1cD1cInRydWVcIlxyXG5cdFx0XHRcdFx0XHRhcmlhLWNvbnRyb2xzPXtpbmZvTWVudUFuY2hvckVsZW1lbnQgPyBgaW5mby1tZW51LSR7bW9kZWwuaWR9YCA6IHVuZGVmaW5lZH1cclxuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lPXtgYWN0aW9uLWxpc3QtaWNvbi1idXR0b24ke2RlZmF1bHRBY3Rpb24gPyAnIHdpdGgtZGVmYXVsdC1hY3Rpb24nIDogJyd9YH0+XHJcblx0XHRcdFx0XHRcdDxJY29uTW9yZVZlcnQgY29sb3I9XCJwcmltYXJ5XCIgLz5cclxuXHRcdFx0XHRcdDwvSWNvbkJ1dHRvbj5cclxuXHJcblx0XHRcdFx0XHQ8UG9wcGVyXHJcblx0XHRcdFx0XHRcdG9wZW49eyEhaW5mb01lbnVBbmNob3JFbGVtZW50fVxyXG5cdFx0XHRcdFx0XHRhbmNob3JFbD17aW5mb01lbnVBbmNob3JFbGVtZW50fVxyXG5cdFx0XHRcdFx0XHRwbGFjZW1lbnQ9XCJib3R0b20tZW5kXCJcclxuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lPXtgei0xJHtjbGFzc05hbWUgPyBgICR7Y2xhc3NOYW1lfWAgOiAnJ31gfVxyXG5cdFx0XHRcdFx0XHR0cmFuc2l0aW9uPlxyXG5cdFx0XHRcdFx0XHR7KHsgVHJhbnNpdGlvblByb3BzLCBwbGFjZW1lbnQgfSkgPT4gKFxyXG5cdFx0XHRcdFx0XHRcdDxHcm93XHJcblx0XHRcdFx0XHRcdFx0XHR7Li4uVHJhbnNpdGlvblByb3BzfVxyXG5cdFx0XHRcdFx0XHRcdFx0c3R5bGU9e3sgdHJhbnNmb3JtT3JpZ2luOiBwbGFjZW1lbnQgPT09ICdib3R0b20tZW5kJyA/ICd0b3AgcmlnaHQnIDogJ2JvdHRvbSByaWdodCcgfX0+XHJcblx0XHRcdFx0XHRcdFx0XHQ8UGFwZXI+XHJcblx0XHRcdFx0XHRcdFx0XHRcdDxDbGlja0F3YXlMaXN0ZW5lciBvbkNsaWNrQXdheT17b25BY3Rpb25JdGVtQ2xpY2soKX0+XHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0PE1lbnVMaXN0XHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRpZD17YGluZm8tbWVudS0ke21vZGVsLmlkfWB9XHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRhdXRvRm9jdXNJdGVtPXshIWluZm9NZW51QW5jaG9yRWxlbWVudH1cclxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdG9uS2V5RG93bj17aGFuZGxlTGlzdEtleURvd259XHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRjbGFzc05hbWU9XCJhY3Rpb24tbGlzdCBzaGFkb3ctbGFyZ2VcIj5cclxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdHthbGxvd2VkQWN0aW9ucy5tYXAoKGEsIGluZGV4KSA9PlxyXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRhLnByZWRpY2F0ZVxyXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdD8gW1xyXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHQuLi4oaW5kZXggPiAwID8gWzxEaXZpZGVyIC8+XSA6IFtdKSxcclxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0PE1lbnVJdGVtXHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0a2V5PXthLmlkfVxyXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdGNsYXNzTmFtZT17YGFjdGlvbi1saXN0LW1lbnUgbXYxIHB2MiAke2EuY2xhc3NOYW1lfWB9XHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0b25DbGljaz17b25BY3Rpb25JdGVtQ2xpY2soYS5hY3Rpb24pfVxyXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdGNvbG9yPVwicHJpbWFyeVwiXHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0ZGlzYWJsZWQ9e2EuZGlzYWJsZWR9PlxyXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHthLmljb259XHJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0e2EubmFtZX1cclxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0PC9NZW51SXRlbT5cclxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdF1cclxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHQ6IHVuZGVmaW5lZFxyXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0KX1cclxuXHRcdFx0XHRcdFx0XHRcdFx0XHQ8L01lbnVMaXN0PlxyXG5cdFx0XHRcdFx0XHRcdFx0XHQ8L0NsaWNrQXdheUxpc3RlbmVyPlxyXG5cdFx0XHRcdFx0XHRcdFx0PC9QYXBlcj5cclxuXHRcdFx0XHRcdFx0XHQ8L0dyb3c+XHJcblx0XHRcdFx0XHRcdCl9XHJcblx0XHRcdFx0XHQ8L1BvcHBlcj5cclxuXHRcdFx0XHQ8Lz5cclxuXHRcdFx0KX1cclxuXHRcdDwvZGl2PlxyXG5cdClcclxufVxyXG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBQUEsS0FBQSxHQUFBQyxPQUFBO0FBV0EsSUFBQUMsU0FBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsTUFBQSxHQUFBQyx1QkFBQSxDQUFBSixPQUFBO0FBQTBELElBQUFLLFdBQUEsR0FBQUwsT0FBQTtBQUFBLFNBQUFJLHdCQUFBRSxDQUFBLEVBQUFDLENBQUEsNkJBQUFDLE9BQUEsTUFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBSix1QkFBQSxZQUFBQSxDQUFBRSxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsUUFBQUMsT0FBQSxFQUFBVixDQUFBLGlCQUFBQSxDQUFBLHVCQUFBQSxDQUFBLHlCQUFBQSxDQUFBLFNBQUFRLENBQUEsTUFBQUYsQ0FBQSxHQUFBTCxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxRQUFBRyxDQUFBLENBQUFLLEdBQUEsQ0FBQVgsQ0FBQSxVQUFBTSxDQUFBLENBQUFNLEdBQUEsQ0FBQVosQ0FBQSxHQUFBTSxDQUFBLENBQUFPLEdBQUEsQ0FBQWIsQ0FBQSxFQUFBUSxDQUFBLGdCQUFBUCxDQUFBLElBQUFELENBQUEsZ0JBQUFDLENBQUEsT0FBQWEsY0FBQSxD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

package/lib/components/AlertDialog.d.ts

@@ -1,9 +1,9 @@
-import { FunctionComponent, MouseEventHandler } from 'react';
+import React, { FunctionComponent, MouseEventHandler } from 'react';
 export interface AlertDialogProps {
     id?: string;
     isOpen: boolean;
-    title: string | JSX.Element;
-    description?: string | JSX.Element | void;
+    title: string | React.JSX.Element;
+    description?: string | React.JSX.Element;
     onProceed?: MouseEventHandler<HTMLElement>;
     proceedText?: string;
     /** onCancel is needed for closing using the X button, clicking the backdrop, or clicking the cancel button*/