@epilot/base-elements 3.0.0 → 3.1.1

package/.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "pwa-chrome",
+      "request": "launch",
+      "name": "Launch Chrome against localhost",
+      "url": "http://localhost:8080",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.1.0](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v3.0.0...v3.1.0) (2023-04-27)
+
+
+### Features
+
+* add notification element ([30dcc9c](https://gitlab.com/e-pilot/product/frontend/base/elements/commit/30dcc9cbbb169115aee9a642ed4f3a40b5ce9257))
+
+
+### Bug Fixes
+
+* uncomment icons in the list ([0161ef9](https://gitlab.com/e-pilot/product/frontend/base/elements/commit/0161ef9d965304821b677cabfc0c2766efa916b1))
+* update for ci and node version ([d8944c7](https://gitlab.com/e-pilot/product/frontend/base/elements/commit/d8944c7c233de96d293f63845dd17ebb7b47c781))
+
 ## [3.0.0](https://gitlab.com/e-pilot/frontend/base/elements/compare/v2.11.2...v3.0.0) (2023-02-09)
 
 ### [2.11.1](https://gitlab.com/e-pilot/frontend/base/elements/compare/v2.11.0...v2.11.1) (2023-01-15)

package/dist/Accordion/Accordion.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { AccordionProps } from './types';
-export declare function Accordion(props: AccordionProps): JSX.Element;
+import { AccordionProps } from '@material-ui/core';
+import React from 'react';
+export declare const Accordion: React.ForwardRefExoticComponent<Pick<AccordionProps, "classes" | "expanded" | "disabled" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "elevation" | "square" | "variant" | "innerRef" | "defaultExpanded" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<unknown>>;

package/dist/Accordion/Accordion.js

@@ -3,10 +3,7 @@ exports.__esModule = true;
 exports.Accordion = void 0;
 var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Accordion(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.Accordion, tslib_1.__assign({}, rest), children);
-}
-exports.Accordion = Accordion;
+var react_1 = tslib_1.__importStar(require("react"));
+exports.Accordion = react_1.forwardRef(function (props, ref) { return react_1["default"].createElement(core_1.Accordion, tslib_1.__assign({ ref: ref }, props)); });
+exports.Accordion.displayName = 'Accordion';
 //# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6D;AAC7D,wDAAyB;AAIzB,SAAgB,SAAS,CAAC,KAAqB;IACrC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,gBAAY,uBAAK,IAAI,GAAG,QAAQ,CAAgB,CAAA;AAC1D,CAAC;AAJD,8BAIC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6E;AAC7E,qDAA+E;AAElE,QAAA,SAAS,GAAG,kBAAU,CAGjC,UAAC,KAAqB,EAAE,GAAG,IAAK,OAAA,iCAAC,gBAAY,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC,CAAA;AAExE,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}

package/dist/Accordion/AccordionActions.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { AccordionActionsProps } from './types';
-export declare function AccordionActions(props: AccordionActionsProps): JSX.Element;
+import { AccordionActionsProps } from '@material-ui/core';
+import React from 'react';
+export declare const AccordionActions: React.ForwardRefExoticComponent<Pick<AccordionActionsProps, "classes" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "disableSpacing"> & React.RefAttributes<unknown>>;

package/dist/Accordion/AccordionActions.js

@@ -3,10 +3,7 @@ exports.__esModule = true;
 exports.AccordionActions = void 0;
 var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function AccordionActions(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.AccordionActions, tslib_1.__assign({}, rest), children);
-}
-exports.AccordionActions = AccordionActions;
+var react_1 = tslib_1.__importStar(require("react"));
+exports.AccordionActions = react_1.forwardRef(function (props, ref) { return (react_1["default"].createElement(core_1.AccordionActions, tslib_1.__assign({ ref: ref }, props))); });
+exports.AccordionActions.displayName = 'AccordionActions';
 //# sourceMappingURL=AccordionActions.js.map

package/dist/Accordion/AccordionActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionActions.js","sourceRoot":"","sources":["../../src/Accordion/AccordionActions.tsx"],"names":[],"mappings":";;;;AAAA,0CAA2E;AAC3E,wDAAyB;AAIzB,SAAgB,gBAAgB,CAAC,KAA4B;IACnD,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,uBAAmB,uBAAK,IAAI,GAAG,QAAQ,CAAuB,CAAA;AACxE,CAAC;AAJD,4CAIC"}
+{"version":3,"file":"AccordionActions.js","sourceRoot":"","sources":["../../src/Accordion/AccordionActions.tsx"],"names":[],"mappings":";;;;AAAA,0CAG0B;AAC1B,qDAA+E;AAElE,QAAA,gBAAgB,GAAG,kBAAU,CAGxC,UAAC,KAA4B,EAAE,GAAG,IAAK,OAAA,CACvC,iCAAC,uBAAmB,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAC7C,EAFwC,CAExC,CAAC,CAAA;AAEF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA"}

package/dist/Card/Card.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { CardProps, CardActionAreaProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps } from './types';
-export declare function Card(props: CardProps): JSX.Element;
+import React from 'react';
+import { CardActionAreaProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps } from './types';
+export declare const Card: React.ForwardRefExoticComponent<Pick<import("@material-ui/core").CardProps, "classes" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "elevation" | "square" | "variant" | "innerRef" | "raised"> & React.RefAttributes<unknown>>;
 export declare function CardActionArea(props: CardActionAreaProps): JSX.Element;
 export declare function CardActions(props: CardActionsProps): JSX.Element;
 export declare function CardContent(props: CardContentProps): JSX.Element;

package/dist/Card/Card.js

@@ -3,12 +3,9 @@ exports.__esModule = true;
 exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = void 0;
 var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Card(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.Card, tslib_1.__assign({}, rest), children);
-}
-exports.Card = Card;
+var react_1 = tslib_1.__importStar(require("react"));
+exports.Card = react_1.forwardRef(function (props, ref) { return react_1["default"].createElement(core_1.Card, tslib_1.__assign({ ref: ref }, props)); });
+exports.Card.displayName = 'Card';
 function CardActionArea(props) {
     var children = props.children, rest = tslib_1.__rest(props, ["children"]);
     return react_1["default"].createElement(core_1.CardActionArea, tslib_1.__assign({}, rest), children);

package/dist/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,0CAO0B;AAC1B,wDAAyB;AAWzB,SAAgB,IAAI,CAAC,KAAgB;IAC3B,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,WAAO,uBAAK,IAAI,GAAG,QAAQ,CAAW,CAAA;AAChD,CAAC;AAJD,oBAIC;AAED,SAAgB,cAAc,CAAC,KAA0B;IAC/C,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,qBAAiB,uBAAK,IAAI,GAAG,QAAQ,CAAqB,CAAA;AACpE,CAAC;AAJD,wCAIC;AAED,SAAgB,WAAW,CAAC,KAAuB;IACzC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,kBAAc,uBAAK,IAAI,GAAG,QAAQ,CAAkB,CAAA;AAC9D,CAAC;AAJD,kCAIC;AAED,SAAgB,WAAW,CAAC,KAAuB;IACzC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,kBAAc,uBAAK,IAAI,GAAG,QAAQ,CAAkB,CAAA;AAC9D,CAAC;AAJD,kCAIC;AAED,SAAgB,UAAU,CAAC,KAAsB;IACvC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,iBAAa,uBAAK,IAAI,GAAG,QAAQ,CAAiB,CAAA;AAC5D,CAAC;AAJD,gCAIC;AAED,SAAgB,SAAS,CAAC,KAAqB;IACrC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,gBAAY,uBAAK,IAAI,GAAG,QAAQ,CAAgB,CAAA;AAC1D,CAAC;AAJD,8BAIC"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,0CAO0B;AAC1B,qDAA+E;AAWlE,QAAA,IAAI,GAAG,kBAAU,CAG5B,UAAC,KAAgB,EAAE,GAAG,IAAK,OAAA,iCAAC,WAAO,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,EAAhC,CAAgC,CAAC,CAAA;AAE9D,YAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,SAAgB,cAAc,CAAC,KAA0B;IAC/C,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,qBAAiB,uBAAK,IAAI,GAAG,QAAQ,CAAqB,CAAA;AACpE,CAAC;AAJD,wCAIC;AAED,SAAgB,WAAW,CAAC,KAAuB;IACzC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,kBAAc,uBAAK,IAAI,GAAG,QAAQ,CAAkB,CAAA;AAC9D,CAAC;AAJD,kCAIC;AAED,SAAgB,WAAW,CAAC,KAAuB;IACzC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,kBAAc,uBAAK,IAAI,GAAG,QAAQ,CAAkB,CAAA;AAC9D,CAAC;AAJD,kCAIC;AAED,SAAgB,UAAU,CAAC,KAAsB;IACvC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,iBAAa,uBAAK,IAAI,GAAG,QAAQ,CAAiB,CAAA;AAC5D,CAAC;AAJD,gCAIC;AAED,SAAgB,SAAS,CAAC,KAAqB;IACrC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,gBAAY,uBAAK,IAAI,GAAG,QAAQ,CAAgB,CAAA;AAC1D,CAAC;AAJD,8BAIC"}

package/dist/Drawer360/Drawer360.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { Drawer360Props } from './types';
-export declare function Drawer360({ anchor, children, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props): JSX.Element;
+export declare function Drawer360({ anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props): JSX.Element;

package/dist/Drawer360/Drawer360.js

@@ -23,6 +23,10 @@ var useStyles = styles_1.makeStyles(function () { return ({
         flexDirection: 'column',
         flex: 1,
         minWidth: '464px',
+        maxWidth: function (_a) {
+            var maxWidth = _a.maxWidth;
+            return maxWidth;
+        },
         width: function (_a) {
             var _b = _a.responsive, responsive = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'two-thirds' : _c;
             return customSizes[Number(responsive)][size];
@@ -52,10 +56,10 @@ var useStyles = styles_1.makeStyles(function () { return ({
     }
 }); });
 function Drawer360(_a) {
-    var _b = _a.anchor, anchor = _b === void 0 ? 'right' : _b, children = _a.children, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _c = _a.responsive, responsive = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? 'two-thirds' : _d, _e = _a.showActionButtons, showActionButtons = _e === void 0 ? true : _e, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales, 
+    var _b = _a.anchor, anchor = _b === void 0 ? 'right' : _b, children = _a.children, maxWidth = _a.maxWidth, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _c = _a.responsive, responsive = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? 'two-thirds' : _d, _e = _a.showActionButtons, showActionButtons = _e === void 0 ? true : _e, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales, 
     // prop sanitisation for deprecated props
-    onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["anchor", "children", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
-    var classes = useStyles({ responsive: responsive, size: size });
+    onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
+    var classes = useStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
     var _f = react_1["default"].useState(false), showDiscardDialog = _f[0], setShowDiscardDialog = _f[1];
     var handleClose = react_1.useCallback(function (e, reason) {
         if (isLoading) {

package/dist/Drawer360/Drawer360.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}

package/dist/Drawer360/types.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 export declare type Drawer360Props = Omit<MuiDrawerProps, 'anchor' | 'elevation' | 'variant' | 'transitionDuration' | 'title'> & {
     responsive?: boolean;
     size?: 'one-third' | 'two-thirds' | 'max-width';
+    maxWidth?: string;
     title?: React.ReactNode;
     unsavedChanges?: boolean;
     onSave?: (_: React.MouseEvent) => void;

package/dist/EntityItem/EntityAttributes.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { EntityItemProps } from './types';
+interface EntityAttributesProps {
+    attributePriorities: EntityItemProps['attributePriorities'];
+    attributes: EntityItemProps['attributes'];
+    collapsible?: boolean;
+}
+export declare const EntityAttributes: React.MemoExoticComponent<({ attributePriorities, attributes, collapsible }: EntityAttributesProps) => JSX.Element | null>;
+export {};

package/dist/EntityItem/EntityAttributes.js

@@ -0,0 +1,83 @@
+"use strict";
+exports.__esModule = true;
+exports.EntityAttributes = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var lodash_1 = require("lodash");
+var react_1 = tslib_1.__importStar(require("react"));
+var Grid_1 = require("../Grid");
+var Typography_1 = require("../Typography");
+var useStyles = core_1.makeStyles(function (theme) {
+    return core_1.createStyles({
+        entityField: {
+            display: 'flex',
+            flexDirection: 'column',
+            padding: '0 8px',
+            alignItems: 'flex-start',
+            whiteSpace: 'nowrap'
+        },
+        attributeKey: {
+            color: theme.palette.text.hint
+        },
+        attributeValue: {
+            fontWeight: theme.typography.fontWeightMedium
+        },
+        gridUnwrapped: {
+            flexWrap: 'nowrap',
+            justifyContent: 'end'
+        },
+        gridContainerSpaced: {
+            justifyContent: 'space-evenly'
+        }
+    });
+});
+exports.EntityAttributes = react_1.memo(function (_a) {
+    var attributePriorities = _a.attributePriorities, attributes = _a.attributes, collapsible = _a.collapsible;
+    var classes = useStyles();
+    var validAttributes = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attr) { return !lodash_1.isNil(attr.value); });
+    if (!(validAttributes === null || validAttributes === void 0 ? void 0 : validAttributes.length)) {
+        return null;
+    }
+    var _b = getSortAttributes(validAttributes, attributePriorities), ordered = _b.ordered, remaining = _b.remaining;
+    return (react_1["default"].createElement(Grid_1.Grid, { className: collapsible ? classes.gridContainerSpaced : classes.gridUnwrapped, container: true },
+        react_1["default"].createElement(EntityAttributeList, { attributeList: ordered, collapsible: collapsible }),
+        Boolean(remaining.length) &&
+            (collapsible || (!collapsible && !(attributePriorities === null || attributePriorities === void 0 ? void 0 : attributePriorities.length))) && (react_1["default"].createElement(EntityAttributeList, { attributeList: remaining, collapsible: collapsible }))));
+});
+var EntityAttributeList = react_1.memo(function (_a) {
+    var attributeList = _a.attributeList, collapsible = _a.collapsible;
+    var classes = useStyles();
+    return (react_1["default"].createElement(react_1["default"].Fragment, null, attributeList === null || attributeList === void 0 ? void 0 : attributeList.map(function (attribute) {
+        switch (attribute === null || attribute === void 0 ? void 0 : attribute.type) {
+            case 'string':
+                return (react_1["default"].createElement(Grid_1.Grid, { className: classes.entityField, item: true, key: attribute.name, sm: collapsible ? 4 : undefined },
+                    react_1["default"].createElement(Typography_1.SmallText, { className: classes.attributeKey }, attribute.label),
+                    react_1["default"].createElement(Typography_1.BodyText, { className: classes.attributeValue }, attribute.value)));
+            default:
+                return null;
+        }
+    })));
+});
+exports.EntityAttributes.displayName = 'EntityAttributes';
+EntityAttributeList.displayName = 'EntityAttributeList';
+// TODO: write tests for this
+function getSortAttributes(attributes, attributePriorities) {
+    if (attributePriorities === null || attributePriorities === void 0 ? void 0 : attributePriorities.length) {
+        var ordered = [];
+        var remaining = [];
+        for (var i = 0; i < attributes.length; i++) {
+            var index = attributePriorities.indexOf(attributes[i].name);
+            if (index !== -1) {
+                ordered.splice(index, 0, attributes[i]);
+            }
+            else {
+                remaining.push(attributes[i]);
+            }
+        }
+        return { ordered: ordered, remaining: remaining };
+    }
+    else {
+        return { ordered: [], remaining: attributes };
+    }
+}
+//# sourceMappingURL=EntityAttributes.js.map

package/dist/EntityItem/EntityAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityAttributes.js","sourceRoot":"","sources":["../../src/EntityItem/EntityAttributes.tsx"],"names":[],"mappings":"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"}

package/dist/EntityItem/EntityItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { EntityItemProps } from './types';
+export declare const EntityItem: React.MemoExoticComponent<({ avatarIcon, attributes, attributePriorities, collapsible, className, id, menuProps, onClick, relationTags, title, tags, url, style }: EntityItemProps) => JSX.Element>;

package/dist/EntityItem/EntityItem.js

@@ -0,0 +1,134 @@
+"use strict";
+exports.__esModule = true;
+exports.EntityItem = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMore"));
+var react_1 = tslib_1.__importStar(require("react"));
+var Avatar_1 = require("../Avatar");
+var Box_1 = require("../Box");
+var Button_1 = require("../Button");
+var Chip_1 = require("../Chip");
+var Icon_1 = require("../Icon");
+var Link_1 = require("../Link");
+var Typography_1 = require("../Typography");
+var EntityAttributes_1 = require("./EntityAttributes");
+var EntityMenu_1 = require("./EntityMenu");
+var useStyles = core_1.makeStyles(function (theme) {
+    return core_1.createStyles({
+        entityItemRoot: {
+            padding: function (_a) {
+                var showRelations = _a.showRelations, hasTags = _a.hasTags;
+                return theme.spacing(showRelations ? 0.5 : hasTags ? 2 : 1) + "px " + theme.spacing(2) + "px";
+            },
+            borderRadius: theme.shape.borderRadius,
+            backgroundColor: theme.palette.background.paper,
+            color: theme.palette.text.primary,
+            border: "1px solid transparent",
+            display: 'flex',
+            flexWrap: 'wrap',
+            boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
+            '&:hover': {
+                borderColor: theme.palette.primary.main
+            }
+        },
+        itemsWrapper: {
+            display: 'flex',
+            alignItems: 'center',
+            flex: 1,
+            position: 'relative',
+            top: function (_a) {
+                var showRelations = _a.showRelations;
+                return (showRelations ? '-12px' : 0);
+            }
+        },
+        title: {
+            marginRight: theme.spacing(1),
+            textAlign: 'left',
+            fontWeight: 600,
+            paddingBottom: function (_a) {
+                var hasTags = _a.hasTags;
+                return hasTags ? theme.spacing(0.5) : 0;
+            }
+        },
+        avatar: {
+            marginRight: theme.spacing(1)
+        },
+        entityField: {
+            display: 'flex',
+            flexDirection: 'column',
+            padding: '0 8px',
+            alignItems: 'flex-start'
+        },
+        tag: {
+            '&:not(:last-child)': {
+                marginRight: theme.spacing(1)
+            }
+        },
+        relationTagsWrapper: {
+            paddingLeft: 8,
+            paddingRight: 8,
+            background: 'white'
+        },
+        relationTags: {
+            flex: '0 0 100%',
+            display: 'flex',
+            zIndex: 10,
+            borderRadius: '4px',
+            position: 'relative',
+            top: "-" + theme.spacing(2) + "px",
+            height: '24px'
+        },
+        tagsWrapper: {
+            display: 'flex',
+            flexWrap: 'nowrap',
+            maxWidth: 180,
+            overflowX: 'scroll',
+            '&::-webkit-scrollbar': {
+                display: 'none'
+            }
+        },
+        expand: {
+            transform: 'rotate(0deg)',
+            transition: theme.transitions.create('transform', {
+                duration: theme.transitions.duration.shortest
+            })
+        },
+        expandOpen: {
+            transform: 'rotate(180deg)'
+        },
+        flexedCollapse: {
+            marginBottom: theme.spacing(2)
+        }
+    });
+});
+exports.EntityItem = react_1.memo(function (_a) {
+    var avatarIcon = _a.avatarIcon, attributes = _a.attributes, attributePriorities = _a.attributePriorities, collapsible = _a.collapsible, className = _a.className, id = _a.id, menuProps = _a.menuProps, onClick = _a.onClick, relationTags = _a.relationTags, title = _a.title, tags = _a.tags, url = _a.url, style = _a.style;
+    var classes = useStyles({
+        showRelations: Boolean(relationTags === null || relationTags === void 0 ? void 0 : relationTags.length),
+        hasTags: Boolean(tags === null || tags === void 0 ? void 0 : tags.length)
+    });
+    var _b = react_1["default"].useState(false), expanded = _b[0], setExpand = _b[1];
+    var toggleExpanded = react_1.useCallback(function (event) {
+        event.preventDefault();
+        setExpand(function (state) { return !state; });
+    }, []);
+    return (react_1["default"].createElement(Link_1.Link, { className: classes.entityItemRoot + " " + (className !== null && className !== void 0 ? className : ''), href: url, onClick: onClick, style: style, underline: "none", variant: "body1" },
+        relationTags && (relationTags === null || relationTags === void 0 ? void 0 : relationTags.length) && (react_1["default"].createElement(Box_1.Box, { className: classes.relationTags },
+            react_1["default"].createElement("div", { className: classes.relationTagsWrapper }, relationTags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: "relation-" + id + "-" + tag, label: tag })); })))),
+        react_1["default"].createElement("div", { style: { display: 'flex', flexDirection: 'column', flex: 1 } },
+            react_1["default"].createElement("div", { className: classes.itemsWrapper },
+                react_1["default"].createElement(Avatar_1.Avatar, { backgroundColor: "#D5E1ED", className: classes.avatar },
+                    react_1["default"].createElement(Icon_1.Icon, { name: avatarIcon || 'person' })),
+                react_1["default"].createElement("div", { className: classes.entityField },
+                    react_1["default"].createElement(Typography_1.BodyText, { className: classes.title }, title),
+                    Boolean(tags === null || tags === void 0 ? void 0 : tags.length) && (react_1["default"].createElement("div", { className: classes.tagsWrapper }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: id + tag, label: tag, randomColor: true })); })))),
+                (!collapsible || (collapsible && !expanded)) && (react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes })),
+                react_1["default"].createElement(EntityMenu_1.EntityMenu, { id: id, menuProps: menuProps, url: url }),
+                collapsible && (react_1["default"].createElement(Button_1.IconButton, { "aria-expanded": expanded, "aria-label": "show more", className: classes.expand + " " + (expanded ? classes.expandOpen : ''), onClick: toggleExpanded, size: "small" },
+                    react_1["default"].createElement(ExpandMore_1["default"], null)))),
+            collapsible && (react_1["default"].createElement(core_1.Collapse, { className: classes.flexedCollapse, "in": expanded, timeout: "auto", unmountOnExit: true },
+                react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes, collapsible: true }))))));
+});
+exports.EntityItem.displayName = 'EntityItem';
+//# sourceMappingURL=EntityItem.js.map

package/dist/EntityItem/EntityItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityItem.js","sourceRoot":"","sources":["../../src/EntityItem/EntityItem.tsx"],"names":[],"mappings":"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"}

package/dist/EntityItem/EntityMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { EntityItemProps } from './types';
+export declare const EntityMenu: React.MemoExoticComponent<({ menuProps, id, url }: Partial<EntityItemProps>) => JSX.Element | null>;

package/dist/EntityItem/EntityMenu.js

@@ -0,0 +1,48 @@
+"use strict";
+exports.__esModule = true;
+exports.EntityMenu = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importStar(require("react"));
+var Button_1 = require("../Button");
+var Icon_1 = require("../Icon");
+var Menu_1 = require("../Menu");
+var useStyles = core_1.makeStyles(function (theme) {
+    return core_1.createStyles({
+        menuWrapper: {
+            marginLeft: 'auto'
+        },
+        menuItemText: {
+            paddingLeft: theme.spacing(1)
+        }
+    });
+});
+exports.EntityMenu = react_1.memo(function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var menuProps = _a.menuProps, id = _a.id, url = _a.url;
+    var _k = react_1["default"].useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
+    var classes = useStyles();
+    var handleMenuClose = react_1.useCallback(function () {
+        setAnchorEl(null);
+    }, []);
+    var handleMenuClick = react_1.useCallback(function (event) {
+        event.preventDefault();
+        setAnchorEl(event.currentTarget);
+    }, [setAnchorEl]);
+    if (!((_b = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _b === void 0 ? void 0 : _b.length))
+        return null;
+    return (react_1["default"].createElement("div", { className: classes.menuWrapper },
+        react_1["default"].createElement(Button_1.IconButton, tslib_1.__assign({ "aria-controls": "long-menu", "aria-haspopup": "true", "aria-label": "more" }, menuProps, { onClick: handleMenuClick }, menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps),
+            react_1["default"].createElement(Icon_1.Icon, { color: (_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _c === void 0 ? void 0 : _c.color, customColor: (_e = (_d = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _d === void 0 ? void 0 : _d.customColor) !== null && _e !== void 0 ? _e : 'black', fontSize: (_f = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _f === void 0 ? void 0 : _f.fontSize, name: (_h = (_g = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : 'more_vert' })),
+        react_1["default"].createElement(Menu_1.Menu, { anchorEl: anchorEl, keepMounted: true, onClose: handleMenuClose, open: Boolean(anchorEl) }, (_j = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _j === void 0 ? void 0 : _j.map(function (_a, index) {
+            var title = _a.title, icon = _a.icon, onPerform = _a.onPerform;
+            return (react_1["default"].createElement(Menu_1.MenuItem, { key: "entity-menu-" + index, onClick: function () {
+                    onPerform({ id: id, title: title, url: url });
+                    handleMenuClose();
+                } },
+                icon && icon({ children: null }),
+                react_1["default"].createElement("span", { className: classes.menuItemText }, title)));
+        }))));
+});
+exports.EntityMenu.displayName = 'EntityMenu';
+//# sourceMappingURL=EntityMenu.js.map

package/dist/EntityItem/EntityMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityMenu.js","sourceRoot":"","sources":["../../src/EntityItem/EntityMenu.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,qDAAgD;AAEhD,oCAAsC;AACtC,gCAA8B;AAC9B,gCAAwC;AAKxC,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAY;IACxC,OAAA,mBAAY,CAAC;QACX,WAAW,EAAE;YACX,UAAU,EAAE,MAAM;SACnB;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC9B;KACF,CAAC;AAPF,CAOE,CACH,CAAA;AAEY,QAAA,UAAU,GAAG,YAAI,CAC5B,UAAC,EAAgD;;QAA9C,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,GAAG,SAAA;IACb,IAAA,KAA0B,kBAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAA;IACxE,IAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAM,eAAe,GAAG,mBAAW,CAAC;QAClC,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,mBAAW,CACjC,UAAC,KAAoC;QACnC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAI,QAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAA;IAE5C,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,WAAW;QACjC,iCAAC,mBAAU,sCACK,WAAW,mBACX,MAAM,gBACT,MAAM,IACb,SAAS,IACb,OAAO,EAAE,eAAe,IACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAE1B,iCAAC,WAAI,IACH,KAAK,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,KAAK,EACpC,WAAW,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,WAAW,mCAAI,OAAO,EAC3D,QAAQ,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,QAAQ,EAC1C,IAAI,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,mCAAI,WAAW,GACjD,CACS;QACb,iCAAC,WAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,UAEtB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,GAAG,CAAC,UAAC,EAA0B,EAAE,KAAK;gBAA/B,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;YAAc,OAAA,CAC9D,iCAAC,eAAQ,IACP,GAAG,EAAE,iBAAe,KAAO,EAC3B,OAAO,EAAE;oBACP,SAAS,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,CAAC,CAAA;oBAC7B,eAAe,EAAE,CAAA;gBACnB,CAAC;gBAEA,IAAI,IAAI,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBACjC,2CAAM,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,KAAK,CAAQ,CAC5C,CACZ;QAX+D,CAW/D,EACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}

package/dist/EntityItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './EntityItem';
+export * from './types';

package/dist/EntityItem/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./EntityItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/EntityItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/EntityItem/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB"}