@epilot/base-elements 3.2.2 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppBar/AppBar.d.ts +4 -0
- package/dist/AppBar/AppBar.js +17 -0
- package/dist/AppBar/AppBar.js.map +1 -0
- package/dist/AppBar/types.d.ts +3 -0
- package/dist/AppBar/types.js +3 -0
- package/dist/AppBar/types.js.map +1 -0
- package/dist/Box/Box.d.ts +3 -0
- package/dist/Box/Box.js +12 -0
- package/dist/Box/Box.js.map +1 -0
- package/dist/Box/types.d.ts +2 -0
- package/dist/Box/types.js +3 -0
- package/dist/Box/types.js.map +1 -0
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +3 -0
- package/dist/Breadcrumbs/Breadcrumbs.js +11 -0
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/Breadcrumbs/types.d.ts +2 -0
- package/dist/Breadcrumbs/types.js +3 -0
- package/dist/Breadcrumbs/types.js.map +1 -0
- package/dist/Button/Button.d.ts +2 -0
- package/dist/Button/Button.js +6 -0
- package/dist/Button/Button.js.map +1 -0
- package/dist/Button/types.d.ts +2 -0
- package/dist/Button/types.js +3 -0
- package/dist/Button/types.js.map +1 -0
- package/dist/Card/Card.d.ts +8 -0
- package/dist/Card/Card.js +34 -0
- package/dist/Card/Card.js.map +1 -0
- package/dist/Card/types.d.ts +7 -0
- package/dist/Card/types.js +3 -0
- package/dist/Card/types.js.map +1 -0
- package/dist/Drawer360/ActionFooter.js +59 -56
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/FeedbackMessage/FeedbackMessage.js +7 -6
- package/dist/FeedbackMessage/FeedbackMessage.js.map +1 -1
- package/dist/Grid/Grid.d.ts +3 -0
- package/dist/Grid/Grid.js +11 -0
- package/dist/Grid/Grid.js.map +1 -0
- package/dist/Grid/types.d.ts +2 -0
- package/dist/Grid/types.js +3 -0
- package/dist/Grid/types.js.map +1 -0
- package/dist/ThemeProvider/DefaultEpilotTheme.js +122 -45
- package/dist/ThemeProvider/DefaultEpilotTheme.js.map +1 -1
- package/dist/ThemeProvider/mapping.js +124 -105
- package/dist/ThemeProvider/mapping.js.map +1 -1
- package/dist/ThemeProvider/types.d.ts +8 -0
- package/dist/bundle.js +53 -53
- package/dist/bundle.js.map +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -1136
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Toolbar = exports.AppBar = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
function AppBar(props) {
|
|
8
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
9
|
+
return react_1["default"].createElement(core_1.AppBar, tslib_1.__assign({}, rest), children);
|
|
10
|
+
}
|
|
11
|
+
exports.AppBar = AppBar;
|
|
12
|
+
function Toolbar(props) {
|
|
13
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
14
|
+
return react_1["default"].createElement(core_1.Toolbar, tslib_1.__assign({}, rest), children);
|
|
15
|
+
}
|
|
16
|
+
exports.Toolbar = Toolbar;
|
|
17
|
+
//# sourceMappingURL=AppBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/AppBar/AppBar.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8E;AAC9E,wDAAyB;AAIzB,SAAgB,MAAM,CAAC,KAAkB;IAC/B,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,aAAS,uBAAK,IAAI,GAAG,QAAQ,CAAa,CAAA;AACpD,CAAC;AAJD,wBAIC;AAED,SAAgB,OAAO,CAAC,KAAmB;IACjC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,cAAU,uBAAK,IAAI,GAAG,QAAQ,CAAc,CAAA;AACtD,CAAC;AAJD,0BAIC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/AppBar/types.ts"],"names":[],"mappings":""}
|
package/dist/Box/Box.js
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Box = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
function Box(props) {
|
|
8
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
9
|
+
return react_1["default"].createElement(core_1.Box, tslib_1.__assign({}, rest), children);
|
|
10
|
+
}
|
|
11
|
+
exports.Box = Box;
|
|
12
|
+
//# sourceMappingURL=Box.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":";;;;AAAA,0CAAiD;AACjD,wDAAyB;AAIzB,SAAgB,GAAG,CAAC,KAAe;IACzB,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,UAAM,uBAAK,IAAI,GAAG,QAAQ,CAAU,CAAA;AAC9C,CAAC;AAJD,kBAIC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Box/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Breadcrumbs = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
function Breadcrumbs(props) {
|
|
8
|
+
return react_1["default"].createElement(core_1.Breadcrumbs, tslib_1.__assign({}, props));
|
|
9
|
+
}
|
|
10
|
+
exports.Breadcrumbs = Breadcrumbs;
|
|
11
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";;;;AAAA,0CAAgE;AAChE,wDAAyB;AAIzB,SAAgB,WAAW,CAAC,KAAuB;IACjD,OAAO,iCAAC,kBAAa,uBAAK,KAAK,EAAI,CAAA;AACrC,CAAC;AAFD,kCAEC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Breadcrumbs/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,0CAA0C;AAEjC,iBAFA,aAAM,CAEA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CardActionAreaProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps } from './types';
|
|
3
|
+
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>>;
|
|
4
|
+
export declare function CardActionArea(props: CardActionAreaProps): JSX.Element;
|
|
5
|
+
export declare function CardActions(props: CardActionsProps): JSX.Element;
|
|
6
|
+
export declare function CardContent(props: CardContentProps): JSX.Element;
|
|
7
|
+
export declare function CardHeader(props: CardHeaderProps): JSX.Element;
|
|
8
|
+
export declare function CardMedia(props: CardMediaProps): JSX.Element;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
exports.Card = react_1.forwardRef(function (props, ref) { return react_1["default"].createElement(core_1.Card, tslib_1.__assign({ ref: ref }, props)); });
|
|
8
|
+
exports.Card.displayName = 'Card';
|
|
9
|
+
function CardActionArea(props) {
|
|
10
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
11
|
+
return react_1["default"].createElement(core_1.CardActionArea, tslib_1.__assign({}, rest), children);
|
|
12
|
+
}
|
|
13
|
+
exports.CardActionArea = CardActionArea;
|
|
14
|
+
function CardActions(props) {
|
|
15
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
16
|
+
return react_1["default"].createElement(core_1.CardActions, tslib_1.__assign({}, rest), children);
|
|
17
|
+
}
|
|
18
|
+
exports.CardActions = CardActions;
|
|
19
|
+
function CardContent(props) {
|
|
20
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
21
|
+
return react_1["default"].createElement(core_1.CardContent, tslib_1.__assign({}, rest), children);
|
|
22
|
+
}
|
|
23
|
+
exports.CardContent = CardContent;
|
|
24
|
+
function CardHeader(props) {
|
|
25
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
26
|
+
return react_1["default"].createElement(core_1.CardHeader, tslib_1.__assign({}, rest), children);
|
|
27
|
+
}
|
|
28
|
+
exports.CardHeader = CardHeader;
|
|
29
|
+
function CardMedia(props) {
|
|
30
|
+
var children = props.children, rest = tslib_1.__rest(props, ["children"]);
|
|
31
|
+
return react_1["default"].createElement(core_1.CardMedia, tslib_1.__assign({}, rest), children);
|
|
32
|
+
}
|
|
33
|
+
exports.CardMedia = CardMedia;
|
|
34
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CardActionAreaProps as MuiCardActionAreaProps, CardActionsProps as MuiCardActionsProps, CardContentProps as MuiCardContentProps, CardProps as MuiCardProps, CardMediaProps as MuiCardMediaProps, CardHeaderProps as MuiCardHeaderProps } from '@material-ui/core';
|
|
2
|
+
export declare type CardProps = MuiCardProps;
|
|
3
|
+
export declare type CardActionAreaProps = MuiCardActionAreaProps;
|
|
4
|
+
export declare type CardActionsProps = MuiCardActionsProps;
|
|
5
|
+
export declare type CardContentProps = MuiCardContentProps;
|
|
6
|
+
export declare type CardHeaderProps = MuiCardHeaderProps;
|
|
7
|
+
export declare type CardMediaProps = MuiCardMediaProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Card/types.ts"],"names":[],"mappings":""}
|
|
@@ -9,62 +9,65 @@ var Button_1 = require("../Button");
|
|
|
9
9
|
var Icon_1 = require("../Icon");
|
|
10
10
|
var Tooltip_1 = require("../Tooltip");
|
|
11
11
|
var helpers_1 = require("./helpers");
|
|
12
|
-
var useStyles = styles_1.makeStyles(function (theme) {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
whiteSpace: 'nowrap'
|
|
24
|
-
},
|
|
25
|
-
warningContent: {
|
|
26
|
-
padding: function (_a) {
|
|
27
|
-
var showFullWarning = _a.showFullWarning;
|
|
28
|
-
return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
|
|
12
|
+
var useStyles = styles_1.makeStyles(function (theme) {
|
|
13
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
14
|
+
return ({
|
|
15
|
+
bottomBar: {
|
|
16
|
+
display: 'flex',
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
justifyContent: 'flex-end',
|
|
19
|
+
padding: '1rem 1.5rem',
|
|
20
|
+
boxShadow: "0px 0px 24px rgba(21, 43, 66, 0.12)",
|
|
21
|
+
zIndex: 1,
|
|
22
|
+
marginTop: 'auto'
|
|
29
23
|
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
backgroundColor: '#FFF4DF',
|
|
33
|
-
color: theme.palette.warning.contrastText,
|
|
34
|
-
fontWeight: 600,
|
|
35
|
-
display: 'flex',
|
|
36
|
-
alignItems: 'center',
|
|
37
|
-
height: 32
|
|
38
|
-
},
|
|
39
|
-
loadingMessageContent: {
|
|
40
|
-
padding: function (_a) {
|
|
41
|
-
var showFullWarning = _a.showFullWarning;
|
|
42
|
-
return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
|
|
24
|
+
noWrap: {
|
|
25
|
+
whiteSpace: 'nowrap'
|
|
43
26
|
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
27
|
+
warningContent: {
|
|
28
|
+
padding: function (_a) {
|
|
29
|
+
var showFullWarning = _a.showFullWarning;
|
|
30
|
+
return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
|
|
31
|
+
},
|
|
32
|
+
borderRadius: (_a = theme.shape) === null || _a === void 0 ? void 0 : _a.borderRadius,
|
|
33
|
+
marginRight: '1rem',
|
|
34
|
+
backgroundColor: (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.warning) === null || _c === void 0 ? void 0 : _c[90],
|
|
35
|
+
color: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.warning) === null || _e === void 0 ? void 0 : _e[10],
|
|
36
|
+
fontWeight: 600,
|
|
37
|
+
display: 'flex',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
height: 32
|
|
40
|
+
},
|
|
41
|
+
loadingMessageContent: {
|
|
42
|
+
padding: function (_a) {
|
|
43
|
+
var showFullWarning = _a.showFullWarning;
|
|
44
|
+
return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
|
|
45
|
+
},
|
|
46
|
+
borderRadius: (_f = theme.shape) === null || _f === void 0 ? void 0 : _f.borderRadius,
|
|
47
|
+
marginRight: '1rem',
|
|
48
|
+
backgroundColor: '#D9F1FC',
|
|
49
|
+
color: (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.text.primary,
|
|
50
|
+
fontWeight: 600,
|
|
51
|
+
display: 'flex',
|
|
52
|
+
alignItems: 'center',
|
|
53
|
+
height: 32
|
|
54
|
+
},
|
|
55
|
+
warningContentText: {
|
|
56
|
+
marginLeft: '0.3rem'
|
|
57
|
+
},
|
|
58
|
+
saveButton: { marginLeft: '0.5rem' },
|
|
59
|
+
tooltip: {
|
|
60
|
+
backgroundColor: (_h = theme.palette) === null || _h === void 0 ? void 0 : _h.warning.main,
|
|
61
|
+
color: (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.warning.contrastText
|
|
62
|
+
},
|
|
63
|
+
arrow: {
|
|
64
|
+
color: (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.warning.main
|
|
65
|
+
},
|
|
66
|
+
loader: {
|
|
67
|
+
marginRight: 10
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
});
|
|
68
71
|
exports.ActionFooter = react_1.memo(function (_a) {
|
|
69
72
|
var alwaysEnableSaveButton = _a.alwaysEnableSaveButton, disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading, showDiscard = _a.showDiscard;
|
|
70
73
|
var _b = react_1.useState(undefined), ref = _b[0], setRef = _b[1];
|
|
@@ -92,11 +95,11 @@ exports.ActionFooter = react_1.memo(function (_a) {
|
|
|
92
95
|
return (react_1["default"].createElement("div", { className: classes.bottomBar },
|
|
93
96
|
showWarningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
|
|
94
97
|
react_1["default"].createElement("div", { className: classes.warningContent },
|
|
95
|
-
react_1["default"].createElement(Icon_1.Icon, {
|
|
98
|
+
react_1["default"].createElement(Icon_1.Icon, { name: "warning" }),
|
|
96
99
|
showFullWarning && (react_1["default"].createElement("span", { className: classes.warningContentText, ref: measureRef }, locales.warningMessage))))),
|
|
97
100
|
showDiscard && isLoading && locales.loadingMessage && (react_1["default"].createElement("div", { className: classes.loadingMessageContent },
|
|
98
101
|
react_1["default"].createElement(Icon_1.Icon, { color: "primary", name: "info" }),
|
|
99
|
-
react_1["default"].createElement("span",
|
|
102
|
+
react_1["default"].createElement("span", null, locales.loadingMessage))),
|
|
100
103
|
showDiscard && !isLoading && (react_1["default"].createElement("div", null,
|
|
101
104
|
react_1["default"].createElement(Button_1.Button, { className: classes.noWrap, onClick: handleClose, variant: "outlined" }, locales.discardButtonLabel))),
|
|
102
105
|
react_1["default"].createElement(Tooltip_1.Tooltip, { title: alwaysEnableSaveButton
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":";;;;AACA,mDAAqD;AACrD,qDAAmE;AAEnE,
|
|
1
|
+
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,15 +19,15 @@ var useStyles = core_1.makeStyles(function (theme) {
|
|
|
19
19
|
var _a;
|
|
20
20
|
return ({
|
|
21
21
|
wrapper: function (_a) {
|
|
22
|
-
var _b, _c;
|
|
23
|
-
var
|
|
22
|
+
var _b, _c, _d, _e;
|
|
23
|
+
var themeColor = _a.themeColor;
|
|
24
24
|
return ({
|
|
25
25
|
display: 'flex',
|
|
26
26
|
flex: 1,
|
|
27
27
|
padding: '0.75rem',
|
|
28
|
-
border: "1px solid " + ((_b = theme.palette) === null || _b === void 0 ? void 0 : _b[
|
|
28
|
+
border: "1px solid " + ((_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b[themeColor]) === null || _c === void 0 ? void 0 : _c[30]),
|
|
29
29
|
borderRadius: '4px',
|
|
30
|
-
backgroundColor: (
|
|
30
|
+
backgroundColor: (_e = (_d = theme.palette) === null || _d === void 0 ? void 0 : _d[themeColor]) === null || _e === void 0 ? void 0 : _e[90],
|
|
31
31
|
gap: '6px',
|
|
32
32
|
justifyContent: 'space-between',
|
|
33
33
|
alignItems: 'center'
|
|
@@ -41,10 +41,11 @@ var useStyles = core_1.makeStyles(function (theme) {
|
|
|
41
41
|
var FeedbackMessage = react_1.memo(function (_a) {
|
|
42
42
|
var _b, _c, _d;
|
|
43
43
|
var actionIcon = _a.actionIcon, feedbackMessage = _a.feedbackMessage, onActionButtonClick = _a.onActionButtonClick, _e = _a.stateVariant, stateVariant = _e === void 0 ? types_1.StateVariant.warning : _e;
|
|
44
|
-
var
|
|
44
|
+
var themeColor = stateVariant === types_1.StateVariant.info ? 'neutral' : stateVariant;
|
|
45
|
+
var classes = useStyles({ themeColor: themeColor });
|
|
45
46
|
var theme = core_1.useTheme();
|
|
46
47
|
return (react_1["default"].createElement("div", { className: classes.wrapper },
|
|
47
|
-
react_1["default"].createElement(Icon_1.Icon, { customColor: (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b[
|
|
48
|
+
react_1["default"].createElement(Icon_1.Icon, { customColor: (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b[themeColor]) === null || _c === void 0 ? void 0 : _c[30], name: variantIconMap[stateVariant] }),
|
|
48
49
|
react_1["default"].createElement(Typography_1.BodyText, { className: classes.bodyText }, feedbackMessage),
|
|
49
50
|
actionIcon && (react_1["default"].createElement(IconButton_1.IconButton, { onClick: onActionButtonClick },
|
|
50
51
|
react_1["default"].createElement(Icon_1.Icon, { customColor: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.action.active, name: actionIcon })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackMessage.js","sourceRoot":"","sources":["../../src/FeedbackMessage/FeedbackMessage.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAwD;AACxD,qDAAmC;AAEnC,gCAAwC;AACxC,4CAA0C;AAE1C,4CAAwC;AAExC,iCAA4D;AAE5D,IAAM,cAAc;IAClB,GAAC,oBAAY,CAAC,OAAO,IAAG,cAAc;IACtC,GAAC,oBAAY,CAAC,OAAO,IAAG,SAAS;IACjC,GAAC,oBAAY,CAAC,KAAK,IAAG,QAAQ;IAC9B,GAAC,oBAAY,CAAC,IAAI,IAAG,MAAM;OAC5B,CAAA;
|
|
1
|
+
{"version":3,"file":"FeedbackMessage.js","sourceRoot":"","sources":["../../src/FeedbackMessage/FeedbackMessage.tsx"],"names":[],"mappings":";;;;;AAAA,0CAAwD;AACxD,qDAAmC;AAEnC,gCAAwC;AACxC,4CAA0C;AAE1C,4CAAwC;AAExC,iCAA4D;AAE5D,IAAM,cAAc;IAClB,GAAC,oBAAY,CAAC,OAAO,IAAG,cAAc;IACtC,GAAC,oBAAY,CAAC,OAAO,IAAG,SAAS;IACjC,GAAC,oBAAY,CAAC,KAAK,IAAG,QAAQ;IAC9B,GAAC,oBAAY,CAAC,IAAI,IAAG,MAAM;OAC5B,CAAA;AAID,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAkB;;IAAK,OAAA,CAAC;QACpD,OAAO,EAAE,UAAC,EAAiD;;gBAA/C,UAAU,gBAAA;YAA0C,OAAA,CAAC;gBAC/D,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,CAAC;gBACP,OAAO,EAAE,SAAS;gBAClB,MAAM,EAAE,4BAAa,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,EAAG;gBACxD,YAAY,EAAE,KAAK;gBACnB,eAAe,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,CAAC;gBAClD,GAAG,EAAE,KAAK;gBACV,cAAc,EAAE,eAAe;gBAC/B,UAAU,EAAE,QAAQ;aACrB,CAAC,CAAA;SAAA;QACF,QAAQ,EAAE;YACR,KAAK,QAAE,KAAK,CAAC,OAAO,0CAAE,IAAI,CAAC,OAAO;SACnC;KACF,CAAC,CAAA;CAAA,CAAC,CAAA;AAEH,IAAM,eAAe,GAAG,YAAI,CAC1B,UAAC,EAKsB;;QAJrB,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,mBAAmB,yBAAA,EACnB,oBAAmC,EAAnC,YAAY,mBAAG,oBAAY,CAAC,OAAO,KAAA;IAEnC,IAAM,UAAU,GACd,YAAY,KAAK,oBAAY,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAA;IAE/D,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAA;IACzC,IAAM,KAAK,GAAgB,eAAQ,EAAE,CAAA;IAErC,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,OAAO;QAC7B,iCAAC,WAAI,IACH,WAAW,cAAE,KAAK,CAAC,OAAO,0CAAG,UAAU,2CAAI,EAAE,GAC7C,IAAI,EAAE,cAAc,CAAC,YAAY,CAAC,GAClC;QACF,iCAAC,qBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IAAG,eAAe,CAAY;QAClE,UAAU,IAAI,CACb,iCAAC,uBAAU,IAAC,OAAO,EAAE,mBAAmB;YACtC,iCAAC,WAAI,IACH,WAAW,QAAE,KAAK,CAAC,OAAO,0CAAE,MAAM,CAAC,MAAM,EACzC,IAAI,EAAE,UAAU,GAChB,CACS,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAIQ,0CAAe;AAFxB,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.Grid = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
function Grid(props) {
|
|
8
|
+
return react_1["default"].createElement(core_1.Grid, tslib_1.__assign({}, props));
|
|
9
|
+
}
|
|
10
|
+
exports.Grid = Grid;
|
|
11
|
+
//# sourceMappingURL=Grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;AAAA,0CAAmD;AACnD,wDAAyB;AAIzB,SAAgB,IAAI,CAAC,KAAgB;IACnC,OAAO,iCAAC,WAAO,uBAAK,KAAK,EAAI,CAAA;AAC/B,CAAC;AAFD,oBAEC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Grid/types.ts"],"names":[],"mappings":""}
|