@epilot/base-elements 3.10.0 → 3.10.3
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/.vscode/launch.json +15 -0
- package/CHANGELOG.md +1249 -0
- package/dist/Chip360/Chip360.d.ts +1 -0
- package/dist/Chip360/Chip360.js +2 -2
- package/dist/Chip360/Chip360.js.map +1 -1
- package/dist/Chip360/types.d.ts +4 -0
- package/dist/Drawer360/Drawer360.js +3 -3
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/IconButton/IconButton.d.ts +4 -3
- package/dist/IconButton/IconButton.js +2 -2
- package/dist/IconButton/IconButton.js.map +1 -1
- package/dist/IconButton/types.d.ts +6 -2
- package/dist/IconButtonWithText/IconButtonWithText.js +48 -40
- package/dist/IconButtonWithText/IconButtonWithText.js.map +1 -1
- package/dist/Select/Select.js +4 -4
- package/dist/Select/Select.js.map +1 -1
- package/dist/TextField/InlineTextField.js +19 -11
- package/dist/TextField/InlineTextField.js.map +1 -1
- package/dist/TextField/TextField.d.ts +6 -3
- package/dist/TextField/TextField.js +7 -5
- package/dist/TextField/TextField.js.map +1 -1
- package/dist/TextField/styles.d.ts +1 -2
- package/dist/TextField/styles.js +1 -15
- package/dist/TextField/styles.js.map +1 -1
- package/dist/TextField/types.d.ts +4 -0
- package/dist/ThemeProvider/fonts.js +5 -5
- package/dist/ThemeProvider/fonts.js.map +1 -1
- package/dist/ThemeProvider/mapping.js +12 -0
- package/dist/ThemeProvider/mapping.js.map +1 -1
- package/dist/bundle.js +92 -157
- package/dist/bundle.js.map +1 -1
- package/dist/config.d.ts +1 -1
- package/dist/config.js +1 -3
- package/dist/config.js.map +1 -1
- package/package.json +2 -1
|
@@ -23,4 +23,5 @@ export declare const Chip360: React.ForwardRefExoticComponent<Pick<React.Detaile
|
|
|
23
23
|
onRightIconClick?: ((event: React.MouseEvent<SVGElement, MouseEvent>) => void) | undefined;
|
|
24
24
|
isEditable?: boolean | undefined;
|
|
25
25
|
onLabelChange?: ((value: string) => void) | undefined;
|
|
26
|
+
shouldRenderControlsOutsideForm?: boolean | undefined;
|
|
26
27
|
} & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/Chip360/Chip360.js
CHANGED
|
@@ -9,7 +9,7 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
9
9
|
var InlineTextField_1 = require("../TextField/InlineTextField");
|
|
10
10
|
var styles_1 = require("./styles");
|
|
11
11
|
exports.Chip360 = react_1.forwardRef(function (props, ref) {
|
|
12
|
-
var leftIcon = props.leftIcon, rightIcon = props.rightIcon, href = props.href, label = props.label, onClick = props.onClick, className = props.className, rel = props.rel, target = props.target, isFilled = props.isFilled, isBordered = props.isBordered, isDisabled = props.isDisabled, isClickable = props.isClickable, style = props.style, color = props.color, backgroundColor = props.backgroundColor, borderColor = props.borderColor, hoverBgColor = props.hoverBgColor, activeBgColor = props.activeBgColor, filledHoverBgColor = props.filledHoverBgColor, filledActiveBgColor = props.filledActiveBgColor, onRightIconClick = props.onRightIconClick, isEditable = props.isEditable, onLabelChange = props.onLabelChange, rest = tslib_1.__rest(props, ["leftIcon", "rightIcon", "href", "label", "onClick", "className", "rel", "target", "isFilled", "isBordered", "isDisabled", "isClickable", "style", "color", "backgroundColor", "borderColor", "hoverBgColor", "activeBgColor", "filledHoverBgColor", "filledActiveBgColor", "onRightIconClick", "isEditable", "onLabelChange"]);
|
|
12
|
+
var leftIcon = props.leftIcon, rightIcon = props.rightIcon, href = props.href, label = props.label, onClick = props.onClick, className = props.className, rel = props.rel, target = props.target, isFilled = props.isFilled, isBordered = props.isBordered, isDisabled = props.isDisabled, isClickable = props.isClickable, style = props.style, color = props.color, backgroundColor = props.backgroundColor, borderColor = props.borderColor, hoverBgColor = props.hoverBgColor, activeBgColor = props.activeBgColor, filledHoverBgColor = props.filledHoverBgColor, filledActiveBgColor = props.filledActiveBgColor, shouldRenderControlsOutsideForm = props.shouldRenderControlsOutsideForm, onRightIconClick = props.onRightIconClick, isEditable = props.isEditable, onLabelChange = props.onLabelChange, rest = tslib_1.__rest(props, ["leftIcon", "rightIcon", "href", "label", "onClick", "className", "rel", "target", "isFilled", "isBordered", "isDisabled", "isClickable", "style", "color", "backgroundColor", "borderColor", "hoverBgColor", "activeBgColor", "filledHoverBgColor", "filledActiveBgColor", "shouldRenderControlsOutsideForm", "onRightIconClick", "isEditable", "onLabelChange"]);
|
|
13
13
|
var classes = styles_1.useChipStyles();
|
|
14
14
|
var inputClasses = styles_1.useChipInputStyles();
|
|
15
15
|
var variant = getVariant(props.variant, isDisabled);
|
|
@@ -46,7 +46,7 @@ exports.Chip360 = react_1.forwardRef(function (props, ref) {
|
|
|
46
46
|
isEditable ? (react_1["default"].createElement(InlineTextField_1.InlineTextField, { className: classnames_1["default"](inputClasses.root), clickAwayAction: "SAVE", compact: true, hiddenLabel: true, isLabel: true, labelStyle: { minWidth: '0px' }, onChange: function (ev) {
|
|
47
47
|
setValue(ev === null || ev === void 0 ? void 0 : ev.target.value);
|
|
48
48
|
onLabelChange === null || onLabelChange === void 0 ? void 0 : onLabelChange((ev === null || ev === void 0 ? void 0 : ev.target.value) || '');
|
|
49
|
-
}, showEndAdornment: false, size: "small", value: value, variant: "outlined" })) : (react_1["default"].createElement("span", { className: classnames_1["default"](classes['chip-label-text']) }, label)),
|
|
49
|
+
}, shouldRenderControlsOutsideForm: shouldRenderControlsOutsideForm, showEndAdornment: false, size: "small", value: value, variant: "outlined" })) : (react_1["default"].createElement("span", { className: classnames_1["default"](classes['chip-label-text']) }, label)),
|
|
50
50
|
rightIcon && (react_1["default"].createElement(icons_1.EpilotIcon, { color: styles_1.iconVariantColors[variant], name: rightIcon, onClick: function (ev) {
|
|
51
51
|
ev.stopPropagation();
|
|
52
52
|
onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(ev);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip360.js","sourceRoot":"","sources":["../../src/Chip360/Chip360.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6C;AAC7C,0CAAwC;AACxC,kEAAmC;AACnC,qDAAyE;AAEzE,gEAA8D;AAE9D,mCAKiB;AAGJ,QAAA,OAAO,GAAG,kBAAU,CAG/B,UAAC,KAAK,EAAE,GAAG;IAET,IAAA,QAAQ,
|
|
1
|
+
{"version":3,"file":"Chip360.js","sourceRoot":"","sources":["../../src/Chip360/Chip360.tsx"],"names":[],"mappings":"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"}
|
package/dist/Chip360/types.d.ts
CHANGED
|
@@ -113,5 +113,9 @@ export declare type Chip360Props = Omit<NativeButton, 'ref' | 'onClick' | 'color
|
|
|
113
113
|
* On change handler for inline editing
|
|
114
114
|
*/
|
|
115
115
|
onLabelChange?: (value: string) => void;
|
|
116
|
+
/**
|
|
117
|
+
* Allows to position controls outside of form
|
|
118
|
+
*/
|
|
119
|
+
shouldRenderControlsOutsideForm?: boolean;
|
|
116
120
|
};
|
|
117
121
|
export {};
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.Drawer360WithContext = exports.Drawer360 = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
+
var icons_1 = require("@epilot360/icons");
|
|
5
6
|
var core_1 = require("@material-ui/core");
|
|
6
7
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
8
|
var Dialog_1 = require("../Dialog");
|
|
8
|
-
var Icon_1 = require("../Icon");
|
|
9
9
|
var IconButton_1 = require("../IconButton");
|
|
10
10
|
var Tooltip_1 = require("../Tooltip");
|
|
11
11
|
var Typography_1 = require("../Typography");
|
|
@@ -70,8 +70,8 @@ var Drawer360 = function (_a) {
|
|
|
70
70
|
react_1["default"].createElement(Typography_1.H3, { className: styles_module_css_1["default"].title }, title),
|
|
71
71
|
!isLoading && (react_1["default"].createElement(Tooltip_1.Tooltip, { title: locales.closeButtonLabel },
|
|
72
72
|
react_1["default"].createElement("div", { className: "fs-drawer-close" },
|
|
73
|
-
react_1["default"].createElement(IconButton_1.IconButton, { onClick: handleClose, title: locales.closeButtonLabel },
|
|
74
|
-
react_1["default"].createElement(
|
|
73
|
+
react_1["default"].createElement(IconButton_1.IconButton, { className: "p-0", onClick: handleClose, title: locales.closeButtonLabel },
|
|
74
|
+
react_1["default"].createElement(icons_1.Close, { className: "text-secondary" })))))),
|
|
75
75
|
react_1["default"].createElement(Dialog_1.DialogContent, { className: styles_module_css_1["default"].body }, children),
|
|
76
76
|
open && !hasCustomFooter && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { alwaysEnableSaveButton: alwaysEnableSaveButton, customCannotSaveMessage: customCannotSaveMessage, disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), showSave: Boolean(onSave), unsavedChanges: unsavedChanges })),
|
|
77
77
|
open && hasCustomFooter && (react_1["default"].createElement("div", { className: styles_module_css_1["default"].bottomBar }, customFooter))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,qDAA2D;AAE3D,oCAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { ElevatedIconButtonProps } from './types';
|
|
3
|
-
export declare const IconButton: React.ForwardRefExoticComponent<Pick<
|
|
2
|
+
import type { ElevatedIconButtonProps, IconButtonProps } from './types';
|
|
3
|
+
export declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "key" | "type" | "security" | "style" | "title" | "translate" | "className" | "classes" | "innerRef" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "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" | "onChange" | "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" | "action" | "disabled" | "name" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "size" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "disableFocusRipple" | "edge"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
export declare const ElevatedIconButton: React.MemoExoticComponent<({ variant, className, ...props }: ElevatedIconButtonProps) => JSX.Element>;
|
|
5
5
|
export declare const TooltipIconButton: {
|
|
6
|
-
({ Icon, onClick, onClose, size, title }: {
|
|
6
|
+
({ disabled, Icon, onClick, onClose, size, title }: {
|
|
7
|
+
disabled?: boolean | undefined;
|
|
7
8
|
Icon: any;
|
|
8
9
|
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
9
10
|
onClose?: (() => void) | undefined;
|
|
@@ -94,9 +94,9 @@ exports.ElevatedIconButton = react_1.memo(function (_a) {
|
|
|
94
94
|
});
|
|
95
95
|
exports.ElevatedIconButton.displayName = 'ElevatedIconButton';
|
|
96
96
|
var TooltipIconButton = function (_a) {
|
|
97
|
-
var Icon = _a.Icon, onClick = _a.onClick, onClose = _a.onClose, _b = _a.size, size = _b === void 0 ? 'small' : _b, title = _a.title;
|
|
97
|
+
var disabled = _a.disabled, Icon = _a.Icon, onClick = _a.onClick, onClose = _a.onClose, _b = _a.size, size = _b === void 0 ? 'small' : _b, title = _a.title;
|
|
98
98
|
return (react_1["default"].createElement(core_1.Tooltip, { onClose: onClose, placement: "top", title: title },
|
|
99
|
-
react_1["default"].createElement(core_1.IconButton, { onClick: onClick, size: size, tabIndex: -1 }, Icon)));
|
|
99
|
+
react_1["default"].createElement(core_1.IconButton, { disabled: disabled, onClick: onClick, size: size, tabIndex: -1 }, Icon)));
|
|
100
100
|
};
|
|
101
101
|
exports.TooltipIconButton = TooltipIconButton;
|
|
102
102
|
exports.TooltipIconButton.displayName = 'TooltipIconButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
import type { PaperProps } from '@material-ui/core';
|
|
2
|
-
export type
|
|
1
|
+
import type { IconButtonProps as MuiIconButtonProps, PaperProps } from '@material-ui/core';
|
|
2
|
+
export declare type IconButtonProps = Omit<MuiIconButtonProps, 'onPointerEnterCapture' | 'onPointerLeaveCapture' | 'placeholder'> & {
|
|
3
|
+
onPointerEnterCapture?: MuiIconButtonProps['onPointerEnterCapture'];
|
|
4
|
+
onPointerLeaveCapture?: MuiIconButtonProps['onPointerLeaveCapture'];
|
|
5
|
+
placeholder?: MuiIconButtonProps['placeholder'];
|
|
6
|
+
};
|
|
3
7
|
export declare type ElevatedIconButtonProps = Omit<PaperProps, 'variant'> & {
|
|
4
8
|
/**
|
|
5
9
|
* button variant
|
|
@@ -7,51 +7,59 @@ var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
|
7
7
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
8
8
|
var Icon_1 = require("../Icon");
|
|
9
9
|
var Typography_1 = require("../Typography");
|
|
10
|
-
var useClasses = function (
|
|
11
|
-
return core_1.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
|
21
|
-
borderRadius: 6,
|
|
22
|
-
'&:hover': {
|
|
23
|
-
backgroundColor: hoverable ? (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.grey[30] : 'transparent'
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
iconContainer: {
|
|
27
|
-
display: 'flex',
|
|
28
|
-
alignItems: 'center',
|
|
29
|
-
justifyContent: 'center',
|
|
30
|
-
width: 24,
|
|
31
|
-
height: 24,
|
|
32
|
-
borderRadius: '50%',
|
|
33
|
-
background: color === 'primary'
|
|
34
|
-
? (_c = (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main : (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.secondary) === null || _e === void 0 ? void 0 : _e.main
|
|
35
|
-
},
|
|
36
|
-
marginLeft: {
|
|
37
|
-
marginLeft: 10
|
|
38
|
-
},
|
|
39
|
-
marginRight: {
|
|
40
|
-
marginRight: 10
|
|
10
|
+
var useClasses = core_1.makeStyles(function (theme) {
|
|
11
|
+
return core_1.createStyles({
|
|
12
|
+
container: {
|
|
13
|
+
display: 'flex',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
cursor: 'pointer',
|
|
16
|
+
width: 'fit-content',
|
|
17
|
+
padding: function (_a) {
|
|
18
|
+
var hoverable = _a.hoverable;
|
|
19
|
+
return (hoverable ? '8px 12px' : 0);
|
|
41
20
|
},
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
21
|
+
transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
|
22
|
+
borderRadius: 6,
|
|
23
|
+
'&:hover': {
|
|
24
|
+
backgroundColor: function (_a) {
|
|
25
|
+
var _b;
|
|
26
|
+
var hoverable = _a.hoverable;
|
|
27
|
+
return hoverable ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.grey[30] : 'transparent';
|
|
28
|
+
}
|
|
48
29
|
}
|
|
49
|
-
}
|
|
30
|
+
},
|
|
31
|
+
iconContainer: {
|
|
32
|
+
display: 'flex',
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
justifyContent: 'center',
|
|
35
|
+
width: 24,
|
|
36
|
+
height: 24,
|
|
37
|
+
borderRadius: '50%',
|
|
38
|
+
background: function (_a) {
|
|
39
|
+
var _b, _c, _d, _e;
|
|
40
|
+
var color = _a.color;
|
|
41
|
+
return color === 'primary'
|
|
42
|
+
? (_c = (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main : (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.secondary) === null || _e === void 0 ? void 0 : _e.main;
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
marginLeft: {
|
|
46
|
+
marginLeft: 10
|
|
47
|
+
},
|
|
48
|
+
marginRight: {
|
|
49
|
+
marginRight: 10
|
|
50
|
+
},
|
|
51
|
+
icon: {
|
|
52
|
+
fontSize: '18px !important',
|
|
53
|
+
color: 'white'
|
|
54
|
+
},
|
|
55
|
+
text: {
|
|
56
|
+
fontWeight: 600
|
|
57
|
+
}
|
|
50
58
|
});
|
|
51
|
-
};
|
|
59
|
+
});
|
|
52
60
|
var IconButtonWithText = function (_a) {
|
|
53
61
|
var children = _a.children, _b = _a.hoverable, hoverable = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, iconContainerProps = _a.iconContainerProps, iconProps = _a.iconProps, className = _a.className, props = tslib_1.__rest(_a, ["children", "hoverable", "color", "iconContainerProps", "iconProps", "className"]);
|
|
54
|
-
var classes = useClasses(hoverable, color)
|
|
62
|
+
var classes = useClasses({ hoverable: hoverable, color: color });
|
|
55
63
|
return (react_1["default"].createElement("div", tslib_1.__assign({ className: classnames_1["default"](classes.container, className) }, props),
|
|
56
64
|
react_1["default"].createElement("div", tslib_1.__assign({ className: classnames_1["default"](classes.iconContainer, classes.marginRight, iconContainerProps === null || iconContainerProps === void 0 ? void 0 : iconContainerProps.className) }, iconContainerProps),
|
|
57
65
|
react_1["default"].createElement(Icon_1.Icon, tslib_1.__assign({ classes: { root: classes.icon }, name: "add" }, iconProps))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButtonWithText.js","sourceRoot":"","sources":["../../src/IconButtonWithText/IconButtonWithText.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,kEAAmC;AACnC,wDAAyB;AAGzB,gCAA8B;AAC9B,4CAAwC;
|
|
1
|
+
{"version":3,"file":"IconButtonWithText.js","sourceRoot":"","sources":["../../src/IconButtonWithText/IconButtonWithText.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,kEAAmC;AACnC,wDAAyB;AAGzB,gCAA8B;AAC9B,4CAAwC;AASxC,IAAM,UAAU,GAAG,iBAAU,CAAC,UAAC,KAAkB;IAC/C,OAAA,mBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,UAAC,EAAyB;oBAAvB,SAAS,eAAA;gBAAmB,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;YAA5B,CAA4B;YACpE,UAAU,EAAE,yDAAyD;YACrE,YAAY,EAAE,CAAC;YAEf,SAAS,EAAE;gBACT,eAAe,EAAE,UAAC,EAAyB;;wBAAvB,SAAS,eAAA;oBAC3B,OAAA,SAAS,CAAC,CAAC,OAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAA;iBAAA;aACvD;SACF;QACD,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,UAAC,EAAqB;;oBAAnB,KAAK,WAAA;gBAClB,OAAA,KAAK,KAAK,SAAS;oBACjB,CAAC,aAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,OAAO,0CAAE,IAAI,CAC/B,CAAC,aAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,SAAS,0CAAE,IAAI,CAAA;aAAA;SACtC;QACD,UAAU,EAAE;YACV,UAAU,EAAE,EAAE;SACf;QACD,WAAW,EAAE;YACX,WAAW,EAAE,EAAE;SAChB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,iBAAiB;YAC3B,KAAK,EAAE,OAAO;SACf;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,GAAG;SAChB;KACF,CAAC;AAxCF,CAwCE,CACH,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAQT;IAPxB,IAAA,QAAQ,cAAA,EACR,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,sBAPyB,kFAQlC,CADS;IAER,IAAM,OAAO,GAAG,UAAU,CAAC,EAAE,SAAS,WAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAA;IAEhD,OAAO,CACL,2DAAK,SAAS,EAAE,uBAAU,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,IAAM,KAAK;QACjE,2DACE,SAAS,EAAE,uBAAU,CACnB,OAAO,CAAC,aAAa,EACrB,OAAO,CAAC,WAAW,EACnB,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS,CAC9B,IACG,kBAAkB;YAEtB,iCAAC,WAAI,qBAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,IAAI,EAAC,KAAK,IAAK,SAAS,EAAI,CAC/D;QAEN,iCAAC,qBAAQ,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAG,QAAQ,CAAY,CAC5D,CACP,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,kBAAkB,sBA2B9B"}
|
package/dist/Select/Select.js
CHANGED
|
@@ -7,7 +7,6 @@ var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMor
|
|
|
7
7
|
var classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
8
8
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
9
9
|
var __1 = require("../");
|
|
10
|
-
var styles_1 = require("../TextField/styles");
|
|
11
10
|
var useStyles = core_1.makeStyles(function (theme) {
|
|
12
11
|
return core_1.createStyles({
|
|
13
12
|
placeholderColor: {
|
|
@@ -23,14 +22,15 @@ var useStyles = core_1.makeStyles(function (theme) {
|
|
|
23
22
|
exports.Select = react_1.memo(function (props) {
|
|
24
23
|
var customBackgroundColor = props.customBackgroundColor, _a = props.id, id = _a === void 0 ? 'no-id' : _a, disabled = props.disabled, error = props.error, _b = props.fullWidth, fullWidth = _b === void 0 ? false : _b, label = props.label, placeholder = props.placeholder, _c = props.required, required = _c === void 0 ? false : _c, _d = props.value, value = _d === void 0 ? '' : _d, containerStyle = props.containerStyle, _e = props.IconComponent, IconComponent = _e === void 0 ? ExpandMore_1["default"] : _e, _f = props.variant, variant = _f === void 0 ? 'filled' : _f, _g = props.size, size = _g === void 0 ? 'medium' : _g, className = props.className, rest = tslib_1.__rest(props, ["customBackgroundColor", "id", "disabled", "error", "fullWidth", "label", "placeholder", "required", "value", "containerStyle", "IconComponent", "variant", "size", "className"]);
|
|
25
24
|
var classes = useStyles();
|
|
26
|
-
var root = styles_1.useTextFieldStyles({ customBackgroundColor: customBackgroundColor }).root;
|
|
27
25
|
var htmlId = react_1.useMemo(function () { return id.replace(/^#\/properties\//, ''); }, [id]);
|
|
28
26
|
var labelId = "select-label-" + htmlId;
|
|
29
27
|
return (react_1["default"].createElement(__1.FormControl, { disabled: disabled, error: !!error, fullWidth: fullWidth, size: size, style: containerStyle, variant: variant },
|
|
30
28
|
react_1["default"].createElement(core_1.InputLabel, { id: labelId, shrink: true }, label),
|
|
31
|
-
react_1["default"].createElement(core_1.Select, tslib_1.__assign({ IconComponent: IconComponent, "aria-labelledby": labelId, className: classnames_1["default"](
|
|
29
|
+
react_1["default"].createElement(core_1.Select, tslib_1.__assign({ IconComponent: IconComponent, "aria-labelledby": labelId, className: classnames_1["default"](classes.selectFocus, !value && classes.placeholderColor, className), displayEmpty: true, id: "select-" + htmlId, name: htmlId, renderValue: value !== '' || placeholder === ''
|
|
32
30
|
? undefined
|
|
33
|
-
: function () { return react_1["default"].createElement("div", { "aria-label": "None" }, placeholder); },
|
|
31
|
+
: function () { return react_1["default"].createElement("div", { "aria-label": "None" }, placeholder); }, style: customBackgroundColor
|
|
32
|
+
? { backgroundColor: customBackgroundColor }
|
|
33
|
+
: undefined, value: value }, rest)),
|
|
34
34
|
react_1["default"].createElement(__1.FormHelperText, null, error)));
|
|
35
35
|
});
|
|
36
36
|
exports.Select.displayName = 'Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,0CAK0B;AAC1B,qFAAsD;AACtD,kEAAmC;AACnC,qDAA4C;AAE5C,yBAAwD;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,0CAK0B;AAC1B,qFAAsD;AACtD,kEAAmC;AACnC,qDAA4C;AAE5C,yBAAwD;AAIxD,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAY;IACxC,OAAA,mBAAY,CAAC;QACX,gBAAgB,EAAE;YAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;SACpC;QACD,WAAW,EAAE;YACX,UAAU,EAAE;gBACV,UAAU,EAAE,SAAS;aACtB;SACF;KACF,CAAC;AATF,CASE,CACH,CAAA;AAEY,QAAA,MAAM,GAAG,YAAI,CAAC,UAAC,KAAkB;IAE1C,IAAA,qBAAqB,GAenB,KAAK,sBAfc,EACrB,KAcE,KAAK,GAdK,EAAZ,EAAE,mBAAG,OAAO,KAAA,EACZ,QAAQ,GAaN,KAAK,SAbC,EACR,KAAK,GAYH,KAAK,MAZF,EACL,KAWE,KAAK,UAXU,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,GAUH,KAAK,MAVF,EACL,WAAW,GAST,KAAK,YATI,EACX,KAQE,KAAK,SARS,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAOE,KAAK,MAPG,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,cAAc,GAMZ,KAAK,eANO,EACd,KAKE,KAAK,cALmB,EAA1B,aAAa,mBAAG,uBAAU,KAAA,EAC1B,KAIE,KAAK,QAJW,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,KAGE,KAAK,KAHQ,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,SAAS,GAEP,KAAK,UAFE,EACN,IAAI,kBACL,KAAK,EAhBH,iLAgBL,CADQ,CACA;IACT,IAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAM,MAAM,GAAG,eAAO,CAAC,cAAM,OAAA,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,EAAlC,CAAkC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IACtE,IAAM,OAAO,GAAG,kBAAgB,MAAQ,CAAA;IAExC,OAAO,CACL,iCAAC,eAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO;QAEhB,iCAAC,iBAAa,IAAC,EAAE,EAAE,OAAO,EAAE,MAAM,UAC/B,KAAK,CACQ;QAChB,iCAAC,aAAS,qBACR,aAAa,EAAE,aAAa,qBACX,OAAO,EACxB,SAAS,EAAE,uBAAU,CACnB,OAAO,CAAC,WAAW,EACnB,CAAC,KAAK,IAAI,OAAO,CAAC,gBAAgB,EAClC,SAAS,CACV,EACD,YAAY,QACZ,EAAE,EAAE,YAAU,MAAQ,EACtB,IAAI,EAAE,MAAM,EACZ,WAAW,EACT,KAAK,KAAK,EAAE,IAAI,WAAW,KAAK,EAAE;gBAChC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,cAAM,OAAA,wDAAgB,MAAM,IAAE,WAAW,CAAO,EAA1C,CAA0C,EAEtD,KAAK,EACH,qBAAqB;gBACnB,CAAC,CAAC,EAAE,eAAe,EAAE,qBAAqB,EAAE;gBAC5C,CAAC,CAAC,SAAS,EAEf,KAAK,EAAE,KAAK,IACR,IAAI,EACR;QACF,iCAAC,kBAAc,QAAE,KAAK,CAAkB,CAC5B,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}
|
|
@@ -30,7 +30,7 @@ var countAdjustedLength = function (string) {
|
|
|
30
30
|
return length + 1;
|
|
31
31
|
};
|
|
32
32
|
exports.InlineTextField = react_1.memo(function (props) {
|
|
33
|
-
var initialValue = props.value, onChange = props.onChange, containerStyle = props.containerStyle, isLabel = props.isLabel, compact = props.compact, _a = props.inputProps, inputProps = _a === void 0 ? {} : _a, labelStyle = props.labelStyle, _b = props.clickAwayAction, clickAwayAction = _b === void 0 ? 'ABORT' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.showEndAdornment, showEndAdornment = _d === void 0 ? true : _d, rest = tslib_1.__rest(props, ["value", "onChange", "containerStyle", "isLabel", "compact", "inputProps", "labelStyle", "clickAwayAction", "size", "showEndAdornment"]);
|
|
33
|
+
var initialValue = props.value, onChange = props.onChange, containerStyle = props.containerStyle, isLabel = props.isLabel, compact = props.compact, _a = props.inputProps, inputProps = _a === void 0 ? {} : _a, labelStyle = props.labelStyle, _b = props.clickAwayAction, clickAwayAction = _b === void 0 ? 'ABORT' : _b, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.showEndAdornment, showEndAdornment = _d === void 0 ? true : _d, shouldRenderControlsOutsideForm = props.shouldRenderControlsOutsideForm, rest = tslib_1.__rest(props, ["value", "onChange", "containerStyle", "isLabel", "compact", "inputProps", "labelStyle", "clickAwayAction", "size", "showEndAdornment", "shouldRenderControlsOutsideForm"]);
|
|
34
34
|
var style = inputProps.style, restinputProps = tslib_1.__rest(inputProps, ["style"]);
|
|
35
35
|
var classes = styles_2.useInlineTextFieldStyles(props);
|
|
36
36
|
var _e = react_1.useState(false), showControls = _e[0], setShowControls = _e[1];
|
|
@@ -77,20 +77,28 @@ exports.InlineTextField = react_1.memo(function (props) {
|
|
|
77
77
|
}
|
|
78
78
|
};
|
|
79
79
|
var sizeInLetters = countAdjustedLength(typeof value === 'string' ? value : '');
|
|
80
|
-
return (react_1["default"].createElement("
|
|
81
|
-
react_1["default"].createElement(
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
80
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
81
|
+
react_1["default"].createElement("form", { className: classes.form, onSubmit: onFormSubmit, style: containerStyle },
|
|
82
|
+
react_1["default"].createElement(core_1.TextField, tslib_1.__assign({ InputProps: {
|
|
83
|
+
endAdornment: showEndAdornment && (react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "pencil2", style: {
|
|
84
|
+
visibility: showEditingIcon && !showControls ? 'visible' : 'hidden'
|
|
85
|
+
} }))
|
|
86
|
+
}, className: classnames_1["default"](classes.sizes, isLabel && classes.withLabel), inputProps: tslib_1.__assign(tslib_1.__assign({ size: compact && typeof value === 'string' ? sizeInLetters : undefined, maxLength: compact && typeof value === 'string' ? 'auto' : undefined }, restinputProps), { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, style), labelStyle), { color: showControls || showEditingIcon
|
|
87
|
+
? theme.palette.text.primary
|
|
88
|
+
: (labelStyle === null || labelStyle === void 0 ? void 0 : labelStyle.color) || (style === null || style === void 0 ? void 0 : style.color) }) }), onBlur: clickAwayAction === 'ABORT' ? handleClickCancel : handleClickCheck, onChange: function (e) { return setValue(e.target.value); }, onFocus: function () { return setShowControls(true); }, onKeyDown: handleKeyDown, onMouseEnter: function () { return setShowEditingIcon(true); }, onMouseLeave: function () { return setShowEditingIcon(false); }, value: value, variant: "outlined" }, rest)),
|
|
89
|
+
!shouldRenderControlsOutsideForm && showControls && (react_1["default"].createElement(Controls, { onClickCancel: handleClickCancel, onClickCheck: handleClickCheck }))),
|
|
90
|
+
shouldRenderControlsOutsideForm && showControls && (react_1["default"].createElement(Controls, { onClickCancel: handleClickCancel, onClickCheck: handleClickCheck }))));
|
|
89
91
|
});
|
|
90
92
|
exports.InlineTextField.displayName = 'InlineTextField';
|
|
91
93
|
var Controls = function (_a) {
|
|
92
94
|
var onClickCheck = _a.onClickCheck, onClickCancel = _a.onClickCancel;
|
|
93
|
-
return (react_1["default"].createElement("span", {
|
|
95
|
+
return (react_1["default"].createElement("span", { className: "input-controls", style: {
|
|
96
|
+
position: 'absolute',
|
|
97
|
+
top: '100%',
|
|
98
|
+
marginTop: 4,
|
|
99
|
+
lineHeight: 1,
|
|
100
|
+
right: 0
|
|
101
|
+
} },
|
|
94
102
|
react_1["default"].createElement(IconButton_1.ElevatedIconButton, { onMouseDown: onClickCheck, style: { zIndex: 999 }, variant: "rounded" },
|
|
95
103
|
react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", fontSize: 16, name: "check" })),
|
|
96
104
|
react_1["default"].createElement(IconButton_1.ElevatedIconButton, { onMouseDown: onClickCancel, style: { marginLeft: 4, zIndex: 999 }, variant: "rounded" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineTextField.js","sourceRoot":"","sources":["../../src/TextField/InlineTextField.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6C;AAC7C,kEAAmC;AACnC,qDASc;AAEd,gCAA+B;AAC/B,4CAAkD;AAClD,oCAAoC;AAEpC,mCAAmD;AAGnD,IAAM,mBAAmB,GAAG,UAAC,MAAc;IACzC,IAAI,MAAM,GAAG,CAAC,CAAA;IACd,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;IAE9B,KAAmB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE;QAArB,IAAM,IAAI,cAAA;QACb,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC7B,MAAM,IAAI,GAAG,CAAA;SACd;aAAM,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,EAAE,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC5D,MAAM,IAAI,GAAG,CAAA;SACd;aAAM,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YACnD,MAAM,IAAI,GAAG,CAAA;SACd;aAAM;YACL,MAAM,IAAI,CAAC,CAAA;SACZ;KACF;IAED,OAAO,MAAM,GAAG,CAAC,CAAA;AACnB,CAAC,CAAA;AAEY,QAAA,eAAe,GAAG,YAAI,CAAC,UAAC,KAA2B;IAE5D,IAAO,YAAY,
|
|
1
|
+
{"version":3,"file":"InlineTextField.js","sourceRoot":"","sources":["../../src/TextField/InlineTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import { TextFieldProps } from './types';
|
|
3
|
-
export declare const TextField:
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { TextFieldProps } from './types';
|
|
3
|
+
export declare const TextField: {
|
|
4
|
+
({ InputProps, inputProps, customBackgroundColor, readOnly, ...props }: TextFieldProps): JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
@@ -4,11 +4,13 @@ exports.TextField = 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.__importStar(require("react"));
|
|
7
|
-
var
|
|
8
|
-
exports.TextField = react_1.memo(function (_a) {
|
|
7
|
+
var TextField = function (_a) {
|
|
9
8
|
var InputProps = _a.InputProps, inputProps = _a.inputProps, customBackgroundColor = _a.customBackgroundColor, readOnly = _a.readOnly, props = tslib_1.__rest(_a, ["InputProps", "inputProps", "customBackgroundColor", "readOnly"]);
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
});
|
|
9
|
+
var mergedInputProps = react_1.useMemo(function () { return (tslib_1.__assign(tslib_1.__assign({}, InputProps), { style: customBackgroundColor
|
|
10
|
+
? tslib_1.__assign({ backgroundColor: customBackgroundColor }, InputProps === null || InputProps === void 0 ? void 0 : InputProps.style) : InputProps === null || InputProps === void 0 ? void 0 : InputProps.style })); }, [customBackgroundColor, InputProps]);
|
|
11
|
+
var mergedInputPropsLowercase = react_1.useMemo(function () { return (tslib_1.__assign({ readOnly: readOnly }, inputProps)); }, [readOnly, inputProps]);
|
|
12
|
+
return (react_1["default"].createElement(core_1.TextField, tslib_1.__assign({ InputProps: mergedInputProps, inputProps: mergedInputPropsLowercase }, props)));
|
|
13
|
+
};
|
|
14
|
+
exports.TextField = TextField;
|
|
13
15
|
exports.TextField.displayName = 'TextField';
|
|
14
16
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/TextField/TextField.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6D;AAC7D,qDAAsC;AAI/B,IAAM,SAAS,GAAG,UAAC,EAMT;IALf,IAAA,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,qBAAqB,2BAAA,EACrB,QAAQ,cAAA,EACL,KAAK,sBALgB,iEAMzB,CADS;IAER,IAAM,gBAAgB,GAAG,eAAO,CAC9B,cAAM,OAAA,uCACD,UAAU,KACb,KAAK,EAAE,qBAAqB;YAC1B,CAAC,oBAAG,eAAe,EAAE,qBAAqB,IAAK,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAChE,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,IACrB,EALI,CAKJ,EACF,CAAC,qBAAqB,EAAE,UAAU,CAAC,CACpC,CAAA;IAED,IAAM,yBAAyB,GAAG,eAAO,CACvC,cAAM,OAAA,oBAAG,QAAQ,UAAA,IAAK,UAAU,EAAG,EAA7B,CAA6B,EACnC,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAA;IAED,OAAO,CACL,iCAAC,gBAAY,qBACX,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,yBAAyB,IACjC,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,SAAS,aA6BrB;AAED,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import { InlineTextFieldProps
|
|
2
|
-
export declare const useTextFieldStyles: (props: TextFieldProps) => Record<"root", string>;
|
|
1
|
+
import type { InlineTextFieldProps } from './types';
|
|
3
2
|
export declare const useInlineTextFieldStyles: (props: InlineTextFieldProps) => Record<"form" | "sizes" | "withLabel", string>;
|
package/dist/TextField/styles.js
CHANGED
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.useInlineTextFieldStyles =
|
|
3
|
+
exports.useInlineTextFieldStyles = void 0;
|
|
4
4
|
var core_1 = require("@material-ui/core");
|
|
5
|
-
exports.useTextFieldStyles = core_1.makeStyles(function () {
|
|
6
|
-
return core_1.createStyles({
|
|
7
|
-
root: {
|
|
8
|
-
backgroundColor: function (props) {
|
|
9
|
-
return props.customBackgroundColor + " !important";
|
|
10
|
-
},
|
|
11
|
-
'&:hover, &:active, &:focus': {
|
|
12
|
-
backgroundColor: function (props) {
|
|
13
|
-
return props.customBackgroundColor + " !important";
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
5
|
exports.useInlineTextFieldStyles = core_1.makeStyles(function () {
|
|
20
6
|
return core_1.createStyles({
|
|
21
7
|
withLabel: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TextField/styles.ts"],"names":[],"mappings":";;;AAAA,0CAA4D;AAI/C,QAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TextField/styles.ts"],"names":[],"mappings":";;;AAAA,0CAA4D;AAI/C,QAAA,wBAAwB,GAAG,iBAAU,CAAC;IACjD,OAAA,mBAAY,CAAC;QACX,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,eAAe,EAAE,aAAa;gBAC9B,YAAY,EAAE;oBACZ,WAAW,EAAE,CAAC;iBACf;aACF;SACF;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,UAAU;SACvB;QACD,KAAK,EAAE,UAAC,EAA8B;gBAA5B,IAAI,UAAA;YAA6B,OAAA,CAAC;gBAC1C,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC;aAC5B,CAAC;QAFyC,CAEzC;KACH,CAAC;AAlBF,CAkBE,CACH,CAAA;AAED,SAAS,YAAY,CAAC,IAAkC;IACtD,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,EAAE;iBAChB;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,OAAO;YACV,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,EAAE;gBAChB,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,KAAK,EAAE;oBACL,QAAQ,EAAE,iBAAiB;iBAC5B;aACF,CAAA;QACH,KAAK,WAAW;YACd,OAAO;gBACL,YAAY,EAAE,CAAC;gBACf,QAAQ,EAAE,EAAE;gBACZ,MAAM,EAAE,EAAE;gBACV,SAAS,EAAE;oBACT,WAAW,EAAE,CAAC;iBACf;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,gBAAgB;iBAC3B;aACF,CAAA;QACH;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC"}
|
|
@@ -7,15 +7,15 @@ var proximaNova = {
|
|
|
7
7
|
fontStyle: 'normal',
|
|
8
8
|
fontDisplay: 'swap'
|
|
9
9
|
};
|
|
10
|
-
var proximaNovaRegular = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 400, src: "local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Regular.
|
|
11
|
-
var proximaNovaSemiBold = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 600, src: "local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Semibold.
|
|
12
|
-
var proximaNovaBold800 = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 800, src: "local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Bold.
|
|
13
|
-
var proximaNovaBold = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 'bold', src: "local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Bold.
|
|
10
|
+
var proximaNovaRegular = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 400, src: "local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Regular.woff2')" });
|
|
11
|
+
var proximaNovaSemiBold = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 600, src: "local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Semibold.woff2')" });
|
|
12
|
+
var proximaNovaBold800 = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 800, src: "local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Bold.woff2')" });
|
|
13
|
+
var proximaNovaBold = tslib_1.__assign(tslib_1.__assign({}, proximaNova), { fontWeight: 'bold', src: "local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/ProximaNova-Bold.woff2')" });
|
|
14
14
|
var materialIcons = {
|
|
15
15
|
fontFamily: 'Material Icons',
|
|
16
16
|
fontStyle: 'normal',
|
|
17
17
|
fontWeight: 400,
|
|
18
|
-
src: "local('Material Icons'), url('" + config_1.STATIC_ASSETS_URL + "/icons
|
|
18
|
+
src: "local('Material Icons'), url('" + config_1.STATIC_ASSETS_URL + "/fonts/material-icons/material-icons.woff2')"
|
|
19
19
|
};
|
|
20
20
|
exports["default"] = [
|
|
21
21
|
proximaNovaRegular,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/ThemeProvider/fonts.ts"],"names":[],"mappings":";;;AAAA,oCAA6C;AAE7C,IAAM,WAAW,GAAG;IAClB,UAAU,EAAE,aAAa;IACzB,SAAS,EAAE,QAAQ;IACnB,WAAW,EAAE,MAAM;CACpB,CAAA;AACD,IAAM,kBAAkB,yCACnB,WAAW,KACd,UAAU,EAAE,GAAG,EACf,GAAG,EAAE,uEAAqE,0BAAiB,
|
|
1
|
+
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/ThemeProvider/fonts.ts"],"names":[],"mappings":";;;AAAA,oCAA6C;AAE7C,IAAM,WAAW,GAAG;IAClB,UAAU,EAAE,aAAa;IACzB,SAAS,EAAE,QAAQ;IACnB,WAAW,EAAE,MAAM;CACpB,CAAA;AACD,IAAM,kBAAkB,yCACnB,WAAW,KACd,UAAU,EAAE,GAAG,EACf,GAAG,EAAE,uEAAqE,0BAAiB,uCAAoC,GAChI,CAAA;AACD,IAAM,mBAAmB,yCACpB,WAAW,KACd,UAAU,EAAE,GAAG,EACf,GAAG,EAAE,yEAAuE,0BAAiB,wCAAqC,GACnI,CAAA;AACD,IAAM,kBAAkB,yCACnB,WAAW,KACd,UAAU,EAAE,GAAG,EACf,GAAG,EAAE,iEAA+D,0BAAiB,oCAAiC,GACvH,CAAA;AACD,IAAM,eAAe,yCAChB,WAAW,KACd,UAAU,EAAE,MAAM,EAClB,GAAG,EAAE,iEAA+D,0BAAiB,oCAAiC,GACvH,CAAA;AAED,IAAM,aAAa,GAAG;IACpB,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,GAAG;IACf,GAAG,EAAE,mCAAiC,0BAAiB,iDAA8C;CACtG,CAAA;AAED,qBAAe;IACb,kBAAkB;IAClB,mBAAmB;IACnB,kBAAkB;IAClB,eAAe;IACf,aAAa;CACd,CAAA"}
|