@epilot/base-elements 3.2.0-alpha.1 → 3.2.1
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/Autocomplete/Autocomplete.d.ts +3 -3
- package/dist/Autocomplete/Autocomplete.js +15 -26
- package/dist/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/Checkbox/Checkbox.js +15 -12
- package/dist/Checkbox/Checkbox.js.map +1 -1
- package/dist/Drawer360/ActionFooter.d.ts +2 -1
- package/dist/Drawer360/ActionFooter.js +18 -9
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/Drawer360/DiscardDialog.js +1 -1
- package/dist/Drawer360/DiscardDialog.js.map +1 -1
- package/dist/Drawer360/Drawer360.d.ts +1 -1
- package/dist/Drawer360/Drawer360.js +12 -6
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/Drawer360/types.d.ts +1 -0
- package/dist/Grid/index.d.ts +2 -2
- package/dist/Grid/index.js +10 -3
- package/dist/Grid/index.js.map +1 -1
- package/dist/Pickers/DateTimePicker.js.map +1 -1
- package/dist/Radio/Radio.js +11 -8
- package/dist/Radio/Radio.js.map +1 -1
- package/dist/ThemeProvider/ThemeProvider.d.ts +2 -2
- package/dist/ThemeProvider/ThemeProvider.js +16 -19
- package/dist/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/ThemeProvider/index.d.ts +0 -1
- package/dist/ThemeProvider/index.js +0 -1
- package/dist/ThemeProvider/index.js.map +1 -1
- package/dist/bundle.js +75 -82
- package/dist/bundle.js.map +1 -1
- package/package.json +1 -1
- package/dist/AppBar/AppBar.d.ts +0 -4
- package/dist/AppBar/AppBar.js +0 -17
- package/dist/AppBar/AppBar.js.map +0 -1
- package/dist/AppBar/types.d.ts +0 -3
- package/dist/AppBar/types.js +0 -3
- package/dist/AppBar/types.js.map +0 -1
- package/dist/Box/Box.d.ts +0 -3
- package/dist/Box/Box.js +0 -12
- package/dist/Box/Box.js.map +0 -1
- package/dist/Box/types.d.ts +0 -2
- package/dist/Box/types.js +0 -3
- package/dist/Box/types.js.map +0 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +0 -3
- package/dist/Breadcrumbs/Breadcrumbs.js +0 -11
- package/dist/Breadcrumbs/Breadcrumbs.js.map +0 -1
- package/dist/Breadcrumbs/types.d.ts +0 -2
- package/dist/Breadcrumbs/types.js +0 -3
- package/dist/Breadcrumbs/types.js.map +0 -1
- package/dist/Button/Button.d.ts +0 -2
- package/dist/Button/Button.js +0 -6
- package/dist/Button/Button.js.map +0 -1
- package/dist/Button/types.d.ts +0 -2
- package/dist/Button/types.js +0 -3
- package/dist/Button/types.js.map +0 -1
- package/dist/Card/Card.d.ts +0 -8
- package/dist/Card/Card.js +0 -37
- package/dist/Card/Card.js.map +0 -1
- package/dist/Card/types.d.ts +0 -7
- package/dist/Card/types.js +0 -3
- package/dist/Card/types.js.map +0 -1
- package/dist/Grid/Grid.d.ts +0 -3
- package/dist/Grid/Grid.js +0 -11
- package/dist/Grid/Grid.js.map +0 -1
- package/dist/Grid/types.d.ts +0 -2
- package/dist/Grid/types.js +0 -3
- package/dist/Grid/types.js.map +0 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
import { AutocompleteProps } from './types';
|
|
3
|
-
export declare
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AutocompleteProps } from './types';
|
|
3
|
+
export declare const Autocomplete: React.ForwardRefExoticComponent<Pick<AutocompleteProps, "classes" | "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" | "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" | "variant" | "innerRef" | "label" | "error" | "size" | "open" | "multiple" | "value" | "autoComplete" | "loading" | "required" | "fullWidth" | "customBackgroundColor" | "onClose" | "onOpen" | "PopperComponent" | "disablePortal" | "ChipProps" | "closeIcon" | "clearText" | "closeText" | "forcePopupIcon" | "getLimitTagsText" | "ListboxComponent" | "ListboxProps" | "loadingText" | "limitTags" | "noOptionsText" | "openText" | "PaperComponent" | "popupIcon" | "renderGroup" | "renderOption" | "renderTags" | "autoHighlight" | "autoSelect" | "blurOnSelect" | "clearOnBlur" | "clearOnEscape" | "componentName" | "debug" | "disableClearable" | "disableCloseOnSelect" | "disabledItemsFocusable" | "disableListWrap" | "filterOptions" | "filterSelectedOptions" | "freeSolo" | "getOptionDisabled" | "getOptionLabel" | "getOptionSelected" | "groupBy" | "handleHomeEndKeys" | "includeInputInList" | "inputValue" | "onInputChange" | "onHighlightChange" | "openOnFocus" | "options" | "selectOnFocus" | "disableOpenOnFocus" | "flipPopperEnabled" | "textfieldProps"> & React.RefAttributes<unknown>>;
|
|
@@ -9,41 +9,30 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
9
9
|
var Icon_1 = require("../Icon");
|
|
10
10
|
var TextField_1 = require("../TextField");
|
|
11
11
|
var styles_1 = require("./styles");
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
function Autocomplete(props) {
|
|
19
|
-
var error = props.error, label = props.label, _a = props.multiple, multiple = _a === void 0 ? true : _a, _b = props.popupIcon, popupIcon = _b === void 0 ? react_1["default"].createElement(ExpandMore_1["default"], { color: "secondary" }) : _b, noOptionsText = props.noOptionsText, options = props.options, placeholder = props.placeholder, value = props.value, onChange = props.onChange, disableOpenOnFocus = props.disableOpenOnFocus, disabled = props.disabled, fullWidth = props.fullWidth, id = props.id, required = props.required, _c = props.variant, variant = _c === void 0 ? 'filled' : _c, _d = props.flipPopperEnabled, flipPopperEnabled = _d === void 0 ? false : _d, customBackgroundColor = props.customBackgroundColor, textfieldProps = props.textfieldProps, rest = tslib_1.__rest(props, ["error", "label", "multiple", "popupIcon", "noOptionsText", "options", "placeholder", "value", "onChange", "disableOpenOnFocus", "disabled", "fullWidth", "id", "required", "variant", "flipPopperEnabled", "customBackgroundColor", "textfieldProps"]);
|
|
12
|
+
var DropdownPopper = function (_a) {
|
|
13
|
+
var modifiers = _a.modifiers, props = tslib_1.__rest(_a, ["modifiers"]);
|
|
14
|
+
return (react_1["default"].createElement(core_1.Popper, tslib_1.__assign({}, props, { modifiers: tslib_1.__assign(tslib_1.__assign({}, modifiers), { flip: { enabled: false }, preventOverflow: { enabled: false } }) })));
|
|
15
|
+
};
|
|
16
|
+
exports.Autocomplete = react_1.forwardRef(function (props, ref) {
|
|
17
|
+
var error = props.error, label = props.label, _a = props.multiple, multiple = _a === void 0 ? true : _a, _b = props.popupIcon, popupIcon = _b === void 0 ? react_1["default"].createElement(ExpandMore_1["default"], { color: "secondary" }) : _b, placeholder = props.placeholder, value = props.value, disableOpenOnFocus = props.disableOpenOnFocus, id = props.id, required = props.required, _c = props.variant, variant = _c === void 0 ? 'filled' : _c, _d = props.flipPopperEnabled, flipPopperEnabled = _d === void 0 ? false : _d, customBackgroundColor = props.customBackgroundColor, textfieldProps = props.textfieldProps, rest = tslib_1.__rest(props, ["error", "label", "multiple", "popupIcon", "placeholder", "value", "disableOpenOnFocus", "id", "required", "variant", "flipPopperEnabled", "customBackgroundColor", "textfieldProps"]);
|
|
20
18
|
var clearIconOverwrite = styles_1.useAutocompleteStyles().clearIconOverwrite;
|
|
21
19
|
var _e = react_1.useState(false), open = _e[0], setOpen = _e[1];
|
|
22
20
|
var _f = react_1.useState(''), inputValue = _f[0], setInputValue = _f[1];
|
|
23
21
|
react_1.useEffect(function () {
|
|
24
|
-
if (!disableOpenOnFocus)
|
|
22
|
+
if (!disableOpenOnFocus) {
|
|
25
23
|
setOpen(true);
|
|
24
|
+
}
|
|
26
25
|
}, [disableOpenOnFocus]);
|
|
27
|
-
var handleOnChange = function (event, newValue) {
|
|
28
|
-
onChange && onChange(event, newValue);
|
|
29
|
-
};
|
|
30
26
|
var handleOpen = function () {
|
|
31
|
-
if (inputValue.length
|
|
27
|
+
if (inputValue.length) {
|
|
32
28
|
setOpen(true);
|
|
33
29
|
}
|
|
34
30
|
};
|
|
35
|
-
var handleInputChange = function (
|
|
36
|
-
setInputValue(
|
|
37
|
-
|
|
38
|
-
setOpen(true);
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
setOpen(false);
|
|
42
|
-
}
|
|
31
|
+
var handleInputChange = function (_, value) {
|
|
32
|
+
setInputValue(value);
|
|
33
|
+
setOpen(!!value.length);
|
|
43
34
|
};
|
|
44
|
-
return (react_1["default"].createElement(lab_1.Autocomplete, tslib_1.__assign({ ChipProps: {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
exports.Autocomplete = Autocomplete;
|
|
35
|
+
return (react_1["default"].createElement(lab_1.Autocomplete, tslib_1.__assign({ ChipProps: { deleteIcon: react_1["default"].createElement(Icon_1.Icon, { name: "close" }) }, PopperComponent: flipPopperEnabled ? core_1.Popper : DropdownPopper, className: clearIconOverwrite, inputValue: inputValue, multiple: multiple, onClose: function () { return setOpen(false); }, onInputChange: handleInputChange, onOpen: disableOpenOnFocus ? handleOpen : undefined, open: disableOpenOnFocus ? open : undefined, popupIcon: popupIcon, ref: ref, renderInput: function (params) { return (react_1["default"].createElement(TextField_1.TextField, tslib_1.__assign({}, params, { customBackgroundColor: customBackgroundColor, error: !!error, helperText: error, label: typeof label === 'string' ? label + (required ? ' *' : '') : label, placeholder: placeholder, variant: variant }, textfieldProps))); }, value: value }, rest)));
|
|
36
|
+
});
|
|
37
|
+
exports.Autocomplete.displayName = 'Autocomplete';
|
|
49
38
|
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":";;;;AAAA,0CAAoE;AACpE,qFAAsD;AACtD,wCAAkE;AAClE,
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,24 +4,27 @@ exports.Checkbox = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var core_1 = require("@material-ui/core");
|
|
6
6
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
7
|
+
var useStyles = core_1.makeStyles(function () {
|
|
8
|
+
return core_1.createStyles({
|
|
9
|
+
labelRoot: {
|
|
10
|
+
marginLeft: 0,
|
|
11
|
+
marginRight: 0
|
|
12
|
+
},
|
|
13
|
+
input: function (_a) {
|
|
14
|
+
var checkboxPlacement = _a.checkboxPlacement;
|
|
15
|
+
return ({
|
|
16
16
|
alignSelf: checkboxPlacement === 'top'
|
|
17
17
|
? 'flex-start'
|
|
18
18
|
: checkboxPlacement === 'bottom'
|
|
19
19
|
? 'flex-end'
|
|
20
20
|
: ''
|
|
21
|
-
}
|
|
22
|
-
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
23
|
});
|
|
24
|
-
|
|
24
|
+
});
|
|
25
|
+
function Checkbox(props) {
|
|
26
|
+
var label = props.label, labelPlacement = props.labelPlacement, _a = props.checkboxPlacement, checkboxPlacement = _a === void 0 ? 'top' : _a, rest = tslib_1.__rest(props, ["label", "labelPlacement", "checkboxPlacement"]);
|
|
27
|
+
var classes = useStyles({ checkboxPlacement: checkboxPlacement });
|
|
25
28
|
return (react_1["default"].createElement(core_1.FormControlLabel, { classes: { root: classes.labelRoot }, control: react_1["default"].createElement(core_1.Checkbox, tslib_1.__assign({ className: classes.input }, rest)), label: label, labelPlacement: labelPlacement }));
|
|
26
29
|
}
|
|
27
30
|
exports.Checkbox = Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,wDAAyB;AAIzB,IAAM,SAAS,GAAG,iBAAU,CAAuC;IACjE,OAAA,mBAAY,CAAC;QACX,SAAS,EAAE;YACT,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACf;QACD,KAAK,EAAE,UAAC,EAAqB;gBAAnB,iBAAiB,uBAAA;YAAO,OAAA,CAAC;gBACjC,SAAS,EACP,iBAAiB,KAAK,KAAK;oBACzB,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,iBAAiB,KAAK,QAAQ;wBAChC,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,EAAE;aACT,CAAC;QAPgC,CAOhC;KACH,CAAC;AAbF,CAaE,CACH,CAAA;AAED,SAAgB,QAAQ,CAAC,KAAoB;IACnC,IAAA,KAAK,GAAyD,KAAK,MAA9D,EAAE,cAAc,GAAyC,KAAK,eAA9C,EAAE,KAAuC,KAAK,kBAAnB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EAAK,IAAI,kBAAK,KAAK,EAArE,gDAA6D,CAAF,CAAU;IAE3E,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,iBAAiB,mBAAA,EAAE,CAAC,CAAA;IAEhD,OAAO,CACL,iCAAC,uBAAgB,IACf,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,EACpC,OAAO,EAAE,iCAAC,eAAW,qBAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAM,IAAI,EAAgB,EACxE,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,GAC9B,CACH,CAAA;AACH,CAAC;AAbD,4BAaC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Drawer360Locales } from './types';
|
|
3
3
|
declare type ActionFooterProps = {
|
|
4
|
+
alwaysEnableSaveButton?: boolean;
|
|
4
5
|
locales: Drawer360Locales;
|
|
5
6
|
handleClose: (_: React.MouseEvent<HTMLButtonElement>, reason?: 'backdropClick' | 'escapeKeyDown') => void;
|
|
6
7
|
handleSave: (_: React.MouseEvent<HTMLButtonElement>) => void;
|
|
@@ -9,5 +10,5 @@ declare type ActionFooterProps = {
|
|
|
9
10
|
isLoading?: boolean;
|
|
10
11
|
showDiscard: boolean;
|
|
11
12
|
};
|
|
12
|
-
export declare const ActionFooter: React.MemoExoticComponent<({ disableSaveButton, locales, handleClose, handleSave, unsavedChanges, isLoading, showDiscard }: ActionFooterProps) => JSX.Element>;
|
|
13
|
+
export declare const ActionFooter: React.MemoExoticComponent<({ alwaysEnableSaveButton, disableSaveButton, locales, handleClose, handleSave, unsavedChanges, isLoading, showDiscard }: ActionFooterProps) => JSX.Element>;
|
|
13
14
|
export {};
|
|
@@ -66,24 +66,31 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
66
66
|
}
|
|
67
67
|
}); });
|
|
68
68
|
exports.ActionFooter = react_1.memo(function (_a) {
|
|
69
|
-
var disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading, showDiscard = _a.showDiscard;
|
|
69
|
+
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
70
|
var _b = react_1.useState(undefined), ref = _b[0], setRef = _b[1];
|
|
71
71
|
var isOverflow = helpers_1.useIsOverflow(ref);
|
|
72
72
|
var showFullWarning = !isOverflow;
|
|
73
73
|
var classes = useStyles({ showFullWarning: showFullWarning });
|
|
74
74
|
var disabledSaveButton = react_1.useMemo(function () {
|
|
75
|
+
if (alwaysEnableSaveButton) {
|
|
76
|
+
return false;
|
|
77
|
+
}
|
|
75
78
|
if (disableSaveButton) {
|
|
76
79
|
return true;
|
|
77
80
|
}
|
|
78
81
|
return !unsavedChanges || isLoading;
|
|
79
|
-
}, [disableSaveButton, unsavedChanges, isLoading]);
|
|
82
|
+
}, [alwaysEnableSaveButton, disableSaveButton, unsavedChanges, isLoading]);
|
|
80
83
|
var measureRef = react_1.useCallback(function (node) {
|
|
81
84
|
if (node !== null) {
|
|
82
85
|
setRef(node);
|
|
83
86
|
}
|
|
84
87
|
}, []);
|
|
88
|
+
var showWarningMessage = !isLoading &&
|
|
89
|
+
!alwaysEnableSaveButton &&
|
|
90
|
+
unsavedChanges &&
|
|
91
|
+
locales.warningMessage;
|
|
85
92
|
return (react_1["default"].createElement("div", { className: classes.bottomBar },
|
|
86
|
-
|
|
93
|
+
showWarningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
|
|
87
94
|
react_1["default"].createElement("div", { className: classes.warningContent },
|
|
88
95
|
react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "warning" }),
|
|
89
96
|
showFullWarning && (react_1["default"].createElement("span", { className: classes.warningContentText, ref: measureRef }, locales.warningMessage))))),
|
|
@@ -92,13 +99,15 @@ exports.ActionFooter = react_1.memo(function (_a) {
|
|
|
92
99
|
react_1["default"].createElement("span", { className: classes.warningContentText }, locales.loadingMessage))),
|
|
93
100
|
showDiscard && !isLoading && (react_1["default"].createElement("div", null,
|
|
94
101
|
react_1["default"].createElement(Button_1.Button, { className: classes.noWrap, onClick: handleClose, variant: "outlined" }, locales.discardButtonLabel))),
|
|
95
|
-
react_1["default"].createElement(Tooltip_1.Tooltip, { title:
|
|
96
|
-
?
|
|
97
|
-
:
|
|
98
|
-
?
|
|
99
|
-
:
|
|
102
|
+
react_1["default"].createElement(Tooltip_1.Tooltip, { title: alwaysEnableSaveButton
|
|
103
|
+
? ''
|
|
104
|
+
: disableSaveButton
|
|
105
|
+
? locales.disabledSaveButtonMessage
|
|
106
|
+
: unsavedChanges
|
|
107
|
+
? ''
|
|
108
|
+
: locales.noChangesMessage },
|
|
100
109
|
react_1["default"].createElement("div", null,
|
|
101
|
-
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: disabledSaveButton, onClick: handleSave, variant: "contained" },
|
|
110
|
+
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: disabledSaveButton && !alwaysEnableSaveButton, onClick: handleSave, variant: "contained" },
|
|
102
111
|
isLoading && (react_1["default"].createElement(__1.CircularProgress, { classes: { root: classes.loader }, size: 16 })),
|
|
103
112
|
locales.saveButtonLabel)))));
|
|
104
113
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":";;;;AACA,mDAAqD;AACrD,qDAAmE;AAEnE,wBAAqC;AACrC,oCAAkC;AAClC,gCAA8B;AAE9B,sCAAoC;AAEpC,qCAAyC;AAOzC,IAAM,SAAS,GAAG,mBAAU,CAAC,UAAC,KAAY,IAAK,OAAA,CAAC;IAC9C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;QAC1B,OAAO,EAAE,aAAa;QACtB,SAAS,EAAE,qCAAqC;QAChD,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,MAAM;KAClB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,UAAC,EAA8B;gBAA5B,eAAe,qBAAA;YACzB,OAAA,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;QAA5C,CAA4C;QAC9C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;QACzC,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,EAAE;KACX;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,UAAC,EAA8B;gBAA5B,eAAe,qBAAA;YACzB,OAAA,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;QAA5C,CAA4C;QAC9C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;QACzC,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,EAAE;KACX;IACD,kBAAkB,EAAE;QAClB,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;IACpC,OAAO,EAAE;QACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;KAC1C;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KAClC;IACD,MAAM,EAAE;QACN,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,EAnD6C,CAmD7C,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ exports.DiscardDialog = react_1.memo(function (_a) {
|
|
|
35
35
|
var _b, _c, _d, _e;
|
|
36
36
|
var open = _a.open, onClose = _a.onClose, handleDiscard = _a.handleDiscard, locales = _a.locales;
|
|
37
37
|
var classes = useStyles({ responsive: false, size: 'small' });
|
|
38
|
-
return (react_1["default"].createElement(Dialog_1.Dialog, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", maxWidth: "sm", onClose: onClose, open: open },
|
|
38
|
+
return (react_1["default"].createElement(Dialog_1.Dialog, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", maxWidth: "sm", onClose: onClose, open: open, style: { zIndex: 2000 } },
|
|
39
39
|
react_1["default"].createElement(Dialog_1.DialogTitle, { className: classes.discardDialogHeader },
|
|
40
40
|
react_1["default"].createElement(Icon_1.Icon, { color: "error", fontSize: "medium", name: "delete" }),
|
|
41
41
|
react_1["default"].createElement("span", { className: classes.discardDialogTitle }, (_b = locales.discardChangesDialog) === null || _b === void 0 ? void 0 : _b.title)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiscardDialog.js","sourceRoot":"","sources":["../../src/Drawer360/DiscardDialog.tsx"],"names":[],"mappings":";;;;AAAA,mDAAqD;AACrD,qDAAmC;AAEnC,oCAAkC;AAClC,oCAMkB;AAClB,gCAA8B;AAY9B,IAAM,SAAS,GAAG,mBAAU,CAAC,UAAC,KAAY,IAAK,OAAA,CAAC;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;KACxC;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,oBAAoB,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;CACjD,CAAC,EAvB6C,CAuB7C,CAAC,CAAA;AAEU,QAAA,aAAa,GAAG,YAAI,CAC/B,UAAC,EAA6D;;QAA3D,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA;IACtC,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAE/D,OAAO,CACL,iCAAC,eAAM,wBACY,oBAAoB,qBACrB,cAAc,EAC9B,QAAQ,EAAC,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI;
|
|
1
|
+
{"version":3,"file":"DiscardDialog.js","sourceRoot":"","sources":["../../src/Drawer360/DiscardDialog.tsx"],"names":[],"mappings":";;;;AAAA,mDAAqD;AACrD,qDAAmC;AAEnC,oCAAkC;AAClC,oCAMkB;AAClB,gCAA8B;AAY9B,IAAM,SAAS,GAAG,mBAAU,CAAC,UAAC,KAAY,IAAK,OAAA,CAAC;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;KACxC;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,oBAAoB,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;CACjD,CAAC,EAvB6C,CAuB7C,CAAC,CAAA;AAEU,QAAA,aAAa,GAAG,YAAI,CAC/B,UAAC,EAA6D;;QAA3D,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA;IACtC,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAE/D,OAAO,CACL,iCAAC,eAAM,wBACY,oBAAoB,qBACrB,cAAc,EAC9B,QAAQ,EAAC,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAEvB,iCAAC,oBAAW,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB;YACjD,iCAAC,WAAI,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG;YACtD,2CAAM,SAAS,EAAE,OAAO,CAAC,kBAAkB,UACxC,OAAO,CAAC,oBAAoB,0CAAE,KAAK,CAC/B,CACK;QACd,iCAAC,sBAAa;YACZ,iCAAC,0BAAiB,IAAC,SAAS,EAAE,OAAO,CAAC,oBAAoB,UACvD,OAAO,CAAC,oBAAoB,0CAAE,OAAO,CACpB,CACN;QAChB,iCAAC,sBAAa;YACZ,iCAAC,eAAM,IACL,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,UAAU,UAEjB,OAAO,CAAC,oBAAoB,0CAAE,iBAAiB,CACzC;YAET,iCAAC,eAAM,IACL,SAAS,EAAK,OAAO,CAAC,KAAK,SAAI,OAAO,CAAC,MAAQ,EAC/C,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,WAAW,UAElB,OAAO,CAAC,oBAAoB,0CAAE,kBAAkB,CAC1C,CACK,CACT,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Drawer360Props } from './types';
|
|
3
|
-
declare const memoizedDrawer360: React.MemoExoticComponent<({ anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props) => JSX.Element>;
|
|
3
|
+
declare const memoizedDrawer360: React.MemoExoticComponent<({ alwaysEnableSaveButton, anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props) => JSX.Element>;
|
|
4
4
|
export { memoizedDrawer360 as Drawer360 };
|
|
@@ -56,11 +56,11 @@ var useStyles = styles_1.makeStyles(function () { return ({
|
|
|
56
56
|
}
|
|
57
57
|
}); });
|
|
58
58
|
var Drawer360 = function (_a) {
|
|
59
|
-
var _b = _a.anchor, anchor =
|
|
59
|
+
var _b = _a.alwaysEnableSaveButton, alwaysEnableSaveButton = _b === void 0 ? false : _b, _c = _a.anchor, anchor = _c === void 0 ? 'right' : _c, children = _a.children, maxWidth = _a.maxWidth, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _d = _a.responsive, responsive = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? 'two-thirds' : _e, _f = _a.showActionButtons, showActionButtons = _f === void 0 ? true : _f, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales,
|
|
60
60
|
// prop sanitisation for deprecated props
|
|
61
|
-
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"]);
|
|
61
|
+
onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["alwaysEnableSaveButton", "anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
|
|
62
62
|
var classes = useStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
|
|
63
|
-
var
|
|
63
|
+
var _g = react_1["default"].useState(false), showDiscardDialog = _g[0], setShowDiscardDialog = _g[1];
|
|
64
64
|
react_1.useEffect(function () {
|
|
65
65
|
if (!open) {
|
|
66
66
|
setShowDiscardDialog(false);
|
|
@@ -70,13 +70,19 @@ var Drawer360 = function (_a) {
|
|
|
70
70
|
if (isLoading) {
|
|
71
71
|
return;
|
|
72
72
|
}
|
|
73
|
-
if (showActionButtons && unsavedChanges) {
|
|
73
|
+
if (!alwaysEnableSaveButton && showActionButtons && unsavedChanges) {
|
|
74
74
|
setShowDiscardDialog(true);
|
|
75
75
|
}
|
|
76
76
|
else {
|
|
77
77
|
onClose && onClose(e, reason !== null && reason !== void 0 ? reason : 'backdropClick');
|
|
78
78
|
}
|
|
79
|
-
}, [
|
|
79
|
+
}, [
|
|
80
|
+
isLoading,
|
|
81
|
+
alwaysEnableSaveButton,
|
|
82
|
+
showActionButtons,
|
|
83
|
+
unsavedChanges,
|
|
84
|
+
onClose
|
|
85
|
+
]);
|
|
80
86
|
var handleSave = react_1.useCallback(function (e) {
|
|
81
87
|
onSave && onSave(e);
|
|
82
88
|
}, [onSave]);
|
|
@@ -98,7 +104,7 @@ var Drawer360 = function (_a) {
|
|
|
98
104
|
react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "x" })))))),
|
|
99
105
|
react_1["default"].createElement(Dialog_1.DialogContent, { className: classes.dialogContent },
|
|
100
106
|
react_1["default"].createElement("div", { className: classes.body }, children)),
|
|
101
|
-
open && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), unsavedChanges: unsavedChanges }))),
|
|
107
|
+
open && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { alwaysEnableSaveButton: alwaysEnableSaveButton, disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), unsavedChanges: unsavedChanges }))),
|
|
102
108
|
react_1["default"].createElement(DiscardDialog_1.DiscardDialog, { handleDiscard: handleDiscard, locales: locales, onClose: closeDiscardDialog, open: showDiscardDialog })));
|
|
103
109
|
};
|
|
104
110
|
var memoizedDrawer360 = react_1.memo(Drawer360);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,mDAAqD;AACrD,qDAA2D;AAE3D,oCAAyC;AACzC,gCAA+B;AAC/B,4CAA0C;AAC1C,sCAAoC;AACpC,4CAAkC;AAElC,+CAA6C;AAC7C,iDAA+C;AAC/C,qCAAsC;AAStC,IAAM,WAAW,GAAG;IAClB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE;IACrE,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE;CACnE,CAAA;AAED,IAAM,SAAS,GAAG,mBAAU,CAAC,cAAM,OAAA,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,UAAC,EAAuB;gBAArB,QAAQ,cAAA;YAAkB,OAAA,QAAQ;QAAR,CAAQ;QAC/C,KAAK,EAAE,UAAC,EAAqD;gBAAnD,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EAAE,YAAmB,EAAnB,IAAI,mBAAG,YAAY,KAAA;YAC9C,OAAA,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAArC,CAAqC;KACxC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,aAAa;QACtB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,6BAA6B;KACzC;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,EAhCiC,CAgCjC,CAAC,CAAA;AAEH,IAAM,SAAS,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ export declare type Drawer360Props = Omit<MuiDrawerProps, 'anchor' | 'elevation'
|
|
|
13
13
|
disableSaveButton?: boolean;
|
|
14
14
|
isLoading?: boolean;
|
|
15
15
|
anchor?: 'left' | 'right';
|
|
16
|
+
alwaysEnableSaveButton?: boolean;
|
|
16
17
|
};
|
|
17
18
|
export interface Drawer360Locales {
|
|
18
19
|
saveButtonLabel: string;
|
package/dist/Grid/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type { GridProps } from '@material-ui/core';
|
|
2
|
+
export { Grid } from '@material-ui/core';
|
package/dist/Grid/index.js
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
2
9
|
exports.__esModule = true;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
10
|
+
exports.Grid = void 0;
|
|
11
|
+
var core_1 = require("@material-ui/core");
|
|
12
|
+
__createBinding(exports, core_1, "Grid");
|
|
6
13
|
//# sourceMappingURL=index.js.map
|
package/dist/Grid/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Grid/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Grid/index.ts"],"names":[],"mappings":";;;;;;;;;;AACA,0CAAwC;AAA/B,yCAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../src/Pickers/DateTimePicker.tsx"],"names":[],"mappings":";;;;AAAA,uEAA4C;AAC5C,gDAG6B;AAC7B,wDAAyB;AAEzB,wBAQW;
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../src/Pickers/DateTimePicker.tsx"],"names":[],"mappings":";;;;AAAA,uEAA4C;AAC5C,gDAG6B;AAC7B,wDAAyB;AAEzB,wBAQW;AAEX,IAAM,UAAU,GAAG,cAAU,CAAC;IAC5B,OAAA,gBAAY,CAAC,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC;AAA9C,CAA8C,CAC/C,CAAA;AAED,SAAgB,cAAc,CAAC,KAA0B;IAErD,IAAA,QAAQ,GAgBN,KAAK,SAhBC,EACR,KAAK,GAeH,KAAK,MAfF,EACL,SAAS,GAcP,KAAK,UAdE,EACT,UAAU,GAaR,KAAK,WAbG,EACV,KAYE,KAAK,GAZK,EAAZ,EAAE,mBAAG,OAAO,KAAA,EACZ,KAAK,GAWH,KAAK,MAXF,EACL,QAAQ,GAUN,KAAK,SAVC,EACR,cAAc,GASZ,KAAK,eATO,EACd,KAAK,GAQH,KAAK,MARF,EACL,KAOE,KAAK,KAPK,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,KAME,KAAK,KANQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAKE,KAAK,OALoB,EAA3B,MAAM,mBAAG,kBAAkB,KAAA,EAC3B,QAAQ,GAIN,KAAK,SAJC,EACR,iBAAiB,GAGf,KAAK,kBAHU,EACjB,qBAAqB,GAEnB,KAAK,sBAFc,EAClB,IAAI,kBACL,KAAK,EAjBH,0LAiBL,CADQ,CACA;IAET,IAAM,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAClE,IAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,OAAO,CACL,iCAAC,eAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,cAAc;QAEpB,KAAK,IAAI,CACR,iCAAC,cAAU,IACT,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAC/B,OAAO,EAAE,WAAS,EAAI,EACtB,MAAM;YAEL,KAAK;YACL,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CACV,CACd;QACD,iCAAC,iCAAuB,IAAC,KAAK,EAAE,qBAAY;YAC1C,iCAAC,wBAAiB,qBAChB,kBAAkB,EAAE,UAAA,KAAK,IAAI,OAAA,CAC3B,iCAAC,aAAS,IACR,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,EAd4B,CAc5B,IACG,IAAI,IACR,IAAI,EAAE,IAAI,EACV,oBAAoB,QACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,MAAM,IAAI,WAAS,MAAQ,EAC/B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,IAAI,SAAS,EACjD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IACZ,CACsB;QACzB,CAAC,CAAC,UAAU,IAAI,iCAAC,kBAAc,QAAE,UAAU,CAAkB,CAClD,CACf,CAAA;AACH,CAAC;AA5ED,wCA4EC"}
|
package/dist/Radio/Radio.js
CHANGED
|
@@ -3,20 +3,23 @@ exports.__esModule = true;
|
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var core_1 = require("@material-ui/core");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
function
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
var useStyles = core_1.makeStyles(function () {
|
|
7
|
+
return core_1.createStyles({
|
|
8
|
+
input: function (_a) {
|
|
9
|
+
var radioPlacement = _a.radioPlacement;
|
|
10
|
+
return ({
|
|
11
11
|
alignSelf: radioPlacement === 'top'
|
|
12
12
|
? 'flex-start'
|
|
13
13
|
: radioPlacement === 'bottom'
|
|
14
14
|
? 'flex-end'
|
|
15
15
|
: ''
|
|
16
|
-
}
|
|
17
|
-
}
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
18
|
});
|
|
19
|
-
|
|
19
|
+
});
|
|
20
|
+
function Radio(props) {
|
|
21
|
+
var label = props.label, labelPlacement = props.labelPlacement, _a = props.radioPlacement, radioPlacement = _a === void 0 ? 'top' : _a, value = props.value, checkedIcon = props.checkedIcon, color = props.color, _b = props.size, size = _b === void 0 ? 'small' : _b, containerStyle = props.containerStyle, rest = tslib_1.__rest(props, ["label", "labelPlacement", "radioPlacement", "value", "checkedIcon", "color", "size", "containerStyle"]);
|
|
22
|
+
var classes = useStyles({ radioPlacement: radioPlacement });
|
|
20
23
|
var theme = core_1.useTheme();
|
|
21
24
|
return (react_1["default"].createElement(core_1.FormControlLabel, { control: react_1["default"].createElement(core_1.Radio, tslib_1.__assign({ checkedIcon: checkedIcon ? (checkedIcon) : (react_1["default"].createElement(core_1.SvgIcon, { fontSize: size === 'small' ? 'small' : 'default' },
|
|
22
25
|
react_1["default"].createElement("circle", { cx: "12", cy: "12", fill: "transparent", r: size === 'medium' ? 7 : 6.5, stroke: color === 'secondary'
|
package/dist/Radio/Radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":";;;AAAA,0CAQ0B;AAC1B,wDAAyB;AAIzB,IAAM,SAAS,GAAG,iBAAU,CAAoC;IAC9D,OAAA,mBAAY,CAAC;QACX,KAAK,EAAE,UAAC,EAAkB;gBAAhB,cAAc,oBAAA;YAAO,OAAA,CAAC;gBAC9B,SAAS,EACP,cAAc,KAAK,KAAK;oBACtB,CAAC,CAAC,YAAY;oBACd,CAAC,CAAC,cAAc,KAAK,QAAQ;wBAC7B,CAAC,CAAC,UAAU;wBACZ,CAAC,CAAC,EAAE;aACT,CAAC;QAP6B,CAO7B;KACH,CAAC;AATF,CASE,CACH,CAAA;AAED,SAAwB,KAAK,CAAC,KAAiB;IAE3C,IAAA,KAAK,GASH,KAAK,MATF,EACL,cAAc,GAQZ,KAAK,eARO,EACd,KAOE,KAAK,eAPe,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,KAAK,GAMH,KAAK,MANF,EACL,WAAW,GAKT,KAAK,YALI,EACX,KAAK,GAIH,KAAK,MAJF,EACL,KAGE,KAAK,KAHO,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,cAAc,GAEZ,KAAK,eAFO,EACX,IAAI,kBACL,KAAK,EAVH,wGAUL,CADQ,CACA;IAET,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAA;IAC7C,IAAM,KAAK,GAAG,eAAQ,EAAE,CAAA;IAExB,OAAO,CACL,iCAAC,uBAAgB,IACf,OAAO,EACL,iCAAC,YAAQ,qBACP,WAAW,EACT,WAAW,CAAC,CAAC,CAAC,CACZ,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,iCAAC,cAAO,IAAC,QAAQ,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBACvD,6CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,aAAa,EAClB,CAAC,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAC9B,MAAM,EACJ,KAAK,KAAK,WAAW;wBACnB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;wBAC9B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAEhC,WAAW,EAAC,GAAG,GACf,CACM,CACX,EAEH,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IACN,IAAI,EACR,EAEJ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC;AApDD,2BAoDC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { ThemeProviderProps } from './types';
|
|
3
|
-
export declare
|
|
3
|
+
export declare function ThemeProvider({ children, theme, classPrefix, isMuiTheme }: ThemeProviderProps): JSX.Element;
|
|
@@ -3,29 +3,26 @@ exports.__esModule = true;
|
|
|
3
3
|
exports.ThemeProvider = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var core_1 = require("@material-ui/core");
|
|
6
|
-
var react_1 = tslib_1.
|
|
6
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
7
7
|
var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
|
|
8
8
|
var DefaultEpilotTheme_1 = require("./DefaultEpilotTheme");
|
|
9
9
|
var mapping_1 = require("./mapping");
|
|
10
|
-
|
|
10
|
+
function ThemeProvider(_a) {
|
|
11
11
|
var children = _a.children, _b = _a.theme, theme = _b === void 0 ? DefaultEpilotTheme_1.DefaultEpilotTheme : _b, _c = _a.classPrefix, classPrefix = _c === void 0 ? '' : _c, isMuiTheme = _a.isMuiTheme;
|
|
12
|
-
var muiTheme =
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var _generateClassName = core_1.createGenerateClassName({
|
|
19
|
-
seed: classPrefix || DefaultEpilotTheme_1.DefaultEpilotTheme.prefix
|
|
20
|
-
});
|
|
21
|
-
var className = _generateClassName(rule, sheet);
|
|
22
|
-
//Generate random ID for to randomise jss class rule - eg. 7yadq
|
|
23
|
-
var id = (Math.random() + 1).toString(36).substring(7);
|
|
24
|
-
return className.includes('jss') ? className + "--" + id : className;
|
|
25
|
-
}, [classPrefix]);
|
|
12
|
+
var muiTheme = isMuiTheme
|
|
13
|
+
? theme
|
|
14
|
+
: core_1.createTheme(mapping_1.parseMuiTheme(theme, classPrefix));
|
|
15
|
+
var generateClassName = core_1.createGenerateClassName({
|
|
16
|
+
seed: classPrefix || DefaultEpilotTheme_1.DefaultEpilotTheme.prefix
|
|
17
|
+
});
|
|
26
18
|
return (react_1["default"].createElement(ClassPrefixContext_1.ClassPrefixProvider, { classPrefix: classPrefix },
|
|
27
|
-
react_1["default"].createElement(core_1.StylesProvider, { generateClassName:
|
|
19
|
+
react_1["default"].createElement(core_1.StylesProvider, { generateClassName: function (rule, sheet) {
|
|
20
|
+
var className = generateClassName(rule, sheet);
|
|
21
|
+
//Generate random ID for to randomise jss class rule - eg. 7yadq
|
|
22
|
+
var id = (Math.random() + 1).toString(36).substring(7);
|
|
23
|
+
return className.includes('jss') ? className + "--" + id : className;
|
|
24
|
+
} },
|
|
28
25
|
react_1["default"].createElement(core_1.ThemeProvider, { theme: muiTheme }, children))));
|
|
29
|
-
}
|
|
30
|
-
exports.ThemeProvider
|
|
26
|
+
}
|
|
27
|
+
exports.ThemeProvider = ThemeProvider;
|
|
31
28
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,0CAM0B;AAC1B,wDAAyB;AAEzB,oEAAmE;AAEnE,2DAAyD;AACzD,qCAAyC;AAGzC,SAAgB,aAAa,CAAC,EAKT;QAJnB,QAAQ,cAAA,EACR,aAAyC,EAAzC,KAAK,mBAAG,uCAAiC,KAAA,EACzC,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,UAAU;QACzB,CAAC,CAAE,KAAe;QAClB,CAAC,CAAC,kBAAW,CAAC,uBAAa,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjE,IAAM,iBAAiB,GAAG,8BAAuB,CAAC;QAChD,IAAI,EAAE,WAAW,IAAI,uCAAkB,CAAC,MAAM;KAC/C,CAAC,CAAA;IAEF,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAChB,iBAAiB,EAAE,UAAC,IAAI,EAAE,KAAK;gBAC7B,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAChD,gEAAgE;gBAChE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;gBAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;YACtE,CAAC;YAED,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC9C,CACA,CACvB,CAAA;AACH,CAAC;AA7BD,sCA6BC"}
|
|
@@ -5,6 +5,5 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var ThemeProvider_1 = require("./ThemeProvider");
|
|
6
6
|
tslib_1.__createBinding(exports, ThemeProvider_1, "ThemeProvider");
|
|
7
7
|
tslib_1.__exportStar(require("./DefaultEpilotTheme"), exports);
|
|
8
|
-
tslib_1.__exportStar(require("./mapping"), exports);
|
|
9
8
|
tslib_1.__exportStar(require("./types"), exports);
|
|
10
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ThemeProvider/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAAtC,mEAAa;AACtB,+DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ThemeProvider/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAAtC,mEAAa;AACtB,+DAAoC;AACpC,kDAAuB"}
|