@eleventheye/asui 2.1.14 → 2.1.16
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/apptypes/ASUI.types.d.ts +2 -2
- package/dist/apptypes/ASUI.types.d.ts.map +1 -1
- package/dist/apptypes/ASUI.types.js +2 -2
- package/dist/asbutton/ASButton.js +2 -2
- package/dist/asbutton/styles.d.ts.map +1 -1
- package/dist/asbutton/styles.js +1 -1
- package/dist/asloader/ASLoader.d.ts.map +1 -1
- package/dist/asloader/ASLoader.js +11 -11
- package/dist/asloader/ASLoader.types.d.ts +1 -0
- package/dist/asloader/ASLoader.types.d.ts.map +1 -1
- package/dist/asloader/styles.d.ts +6 -6
- package/dist/asloader/styles.d.ts.map +1 -1
- package/dist/asloader/styles.js +14 -14
- package/dist/astextfield/ASTextField.js +1 -1
- package/dist/astextfield/ASTextField.types.d.ts +1 -1
- package/dist/astextfield/ASTextField.types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const ComponentSize: {
|
|
2
2
|
readonly Small: "ASSmall";
|
|
3
3
|
readonly Medium: "ASMedium";
|
|
4
4
|
readonly Large: "ASLarge";
|
|
5
5
|
};
|
|
6
|
-
export type ASComponentSize = (typeof
|
|
6
|
+
export type ASComponentSize = (typeof ComponentSize)[keyof typeof ComponentSize];
|
|
7
7
|
type ASPaddingSizeTuple = [ASComponentSize, ASComponentSize];
|
|
8
8
|
type ASPaddingSizeTriple = [ASComponentSize, ASComponentSize, ASComponentSize];
|
|
9
9
|
type ASPaddingSizeQuad = [ASComponentSize, ASComponentSize, ASComponentSize, ASComponentSize];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LoaderType = exports.
|
|
4
|
-
exports.
|
|
3
|
+
exports.LoaderType = exports.ComponentSize = void 0;
|
|
4
|
+
exports.ComponentSize = {
|
|
5
5
|
Small: 'ASSmall',
|
|
6
6
|
Medium: 'ASMedium',
|
|
7
7
|
Large: 'ASLarge',
|
|
@@ -7,7 +7,7 @@ const ASUI_types_1 = require("../apptypes/ASUI.types");
|
|
|
7
7
|
const asloader_1 = tslib_1.__importDefault(require("../asloader"));
|
|
8
8
|
const astheme_1 = tslib_1.__importDefault(require("../astheme"));
|
|
9
9
|
const styles_1 = require("./styles");
|
|
10
|
-
const ASButton = ({ className = '', onClick = () => undefined, selected = false, toggle = false, size = ASUI_types_1.
|
|
10
|
+
const ASButton = ({ className = '', onClick = () => undefined, selected = false, toggle = false, size = ASUI_types_1.ComponentSize.Medium, paddingSize = [ASUI_types_1.ComponentSize.Medium, ASUI_types_1.ComponentSize.Medium], theme = astheme_1.default, disabled = false, isLoading = false, children, text, id, style, ...props }) => {
|
|
11
11
|
const [isSelected, setIsSelected] = (0, react_1.useState)(selected);
|
|
12
12
|
(0, react_1.useEffect)(() => {
|
|
13
13
|
setIsSelected(selected);
|
|
@@ -27,6 +27,6 @@ const ASButton = ({ className = '', onClick = () => undefined, selected = false,
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.ASButtonStyled, { theme: theme, role: "button", ref: onEnableDisableHandler, size: size, "aria-disabled": isLoading ? 'true' : disabled.toString(), className: `${className} ${size} ${isSelected ? 'Selected' : ''}`, "data-buttontext": isLoading ? '' : children ?? text, onClick: onClickHandler, style: style, id: id, ...props, children: (0, jsx_runtime_1.jsxs)(styles_1.ButtonPadding, { size: size, children: [(0, jsx_runtime_1.jsx)(asloader_1.default, { size: ASUI_types_1.
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.ASButtonStyled, { theme: theme, role: "button", ref: onEnableDisableHandler, size: size, "aria-disabled": isLoading ? 'true' : disabled.toString(), className: `${className} ${size} ${isSelected ? 'Selected' : ''}`, "data-buttontext": isLoading ? '' : children ?? text, onClick: onClickHandler, style: style, id: id, ...props, children: (0, jsx_runtime_1.jsxs)(styles_1.ButtonPadding, { size: size, children: [(0, jsx_runtime_1.jsx)(asloader_1.default, { size: ASUI_types_1.ComponentSize.Small, loaderType: ASUI_types_1.LoaderType.Spin, showLoader: isLoading }), !isLoading && (children ?? text), isLoading && (0, jsx_runtime_1.jsx)(styles_1.ASButtonHidden, { children: children ?? text })] }) }));
|
|
31
31
|
};
|
|
32
32
|
exports.default = ASButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asbutton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asbutton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAiB,MAAM,wBAAwB,CAAC;AAEjF,eAAO,MAAM,cAAc;WAAuB,OAAO;UAAQ,eAAe;YAsH/E,CAAC;AAEF,eAAO,MAAM,aAAa;WAAuB,eAAe;YAG/D,CAAC;AAEF,eAAO,MAAM,cAAc,6NAG1B,CAAC"}
|
package/dist/asbutton/styles.js
CHANGED
|
@@ -124,7 +124,7 @@ exports.ASButtonStyled = styled_components_1.default.div `
|
|
|
124
124
|
}
|
|
125
125
|
`;
|
|
126
126
|
exports.ButtonPadding = styled_components_1.default.div `
|
|
127
|
-
padding: ${({ size }) => size === ASUI_types_1.
|
|
127
|
+
padding: ${({ size }) => size === ASUI_types_1.ComponentSize.Large ? '5px 50px' : size === ASUI_types_1.ComponentSize.Medium ? '2px 30px' : '0 10px'};
|
|
128
128
|
`;
|
|
129
129
|
exports.ASButtonHidden = styled_components_1.default.div `
|
|
130
130
|
opacity: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASLoader.d.ts","sourceRoot":"","sources":["../../src/asloader/ASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,
|
|
1
|
+
{"version":3,"file":"ASLoader.d.ts","sourceRoot":"","sources":["../../src/asloader/ASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAA+D,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAWjH,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgErC,CAAC;AA0CF,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -9,7 +9,7 @@ const ASUI_types_1 = require("../apptypes/ASUI.types");
|
|
|
9
9
|
Object.defineProperty(exports, "LoaderType", { enumerable: true, get: function () { return ASUI_types_1.LoaderType; } });
|
|
10
10
|
const styles_1 = require("../asloader/styles");
|
|
11
11
|
const astheme_1 = tslib_1.__importDefault(require("../astheme"));
|
|
12
|
-
const ASLoader = ({ className = '', loaderType = ASUI_types_1.LoaderType.Grow, size = ASUI_types_1.
|
|
12
|
+
const ASLoader = ({ className = '', loaderClassName = '', loaderType = ASUI_types_1.LoaderType.Grow, size = ASUI_types_1.ComponentSize.Medium, isModal = false, theme = astheme_1.default.loader, ...props }) => {
|
|
13
13
|
const [localLoaderType, setLoaderType] = (0, react_1.useState)(loaderType);
|
|
14
14
|
const [loaderSizeCls, setLoaderSizeCls] = (0, react_1.useState)(size);
|
|
15
15
|
(0, react_1.useEffect)(() => {
|
|
@@ -23,30 +23,30 @@ const ASLoader = ({ className = '', loaderType = ASUI_types_1.LoaderType.Grow, s
|
|
|
23
23
|
const renderLoader = () => {
|
|
24
24
|
switch (localLoaderType) {
|
|
25
25
|
case ASUI_types_1.LoaderType.Spin:
|
|
26
|
-
return (0, jsx_runtime_1.jsx)(ASLoaderSpin, { size: loaderSizeCls, theme: theme, className:
|
|
26
|
+
return (0, jsx_runtime_1.jsx)(ASLoaderSpin, { size: loaderSizeCls, theme: theme, className: loaderClassName });
|
|
27
27
|
case ASUI_types_1.LoaderType.Dots:
|
|
28
|
-
return (0, jsx_runtime_1.jsx)(ASLoaderDots, { size: loaderSizeCls, theme: theme, className:
|
|
28
|
+
return (0, jsx_runtime_1.jsx)(ASLoaderDots, { size: loaderSizeCls, theme: theme, className: loaderClassName });
|
|
29
29
|
case ASUI_types_1.LoaderType.Grow:
|
|
30
30
|
default:
|
|
31
|
-
return (0, jsx_runtime_1.jsx)(ASLoaderGrow, { size: loaderSizeCls, theme: theme, className:
|
|
31
|
+
return (0, jsx_runtime_1.jsx)(ASLoaderGrow, { size: loaderSizeCls, theme: theme, className: loaderClassName });
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
const renderLoaderModal = () => {
|
|
35
35
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.showLoader &&
|
|
36
|
-
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(styles_1.ASLoaderModalContainer, { className: className, theme: theme, children: renderLoader() }) }), document.body) }));
|
|
36
|
+
(0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(styles_1.ASLoaderModalContainer, { className: className, theme: theme, style: props.style, children: renderLoader() }) }), document.body) }));
|
|
37
37
|
};
|
|
38
38
|
const renderLoaderNonModal = () => {
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.showLoader && ((0, jsx_runtime_1.jsx)(styles_1.ASLoaderNonModalContainer, { className: className, theme: theme, children: renderLoader() })) }));
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.showLoader && ((0, jsx_runtime_1.jsx)(styles_1.ASLoaderNonModalContainer, { className: className, theme: theme, style: props.style, children: renderLoader() })) }));
|
|
40
40
|
};
|
|
41
41
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isModal ? renderLoaderModal() : renderLoaderNonModal() });
|
|
42
42
|
};
|
|
43
43
|
exports.default = ASLoader;
|
|
44
|
-
const ASLoaderGrow = ({ size = ASUI_types_1.
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.ASLoaderGrowStyled, { className: `${size}`, size: size, theme: theme, children: (0, jsx_runtime_1.jsx)(styles_1.ASLoaderText, { size: size, theme: theme, children: "LOADING" }) }));
|
|
44
|
+
const ASLoaderGrow = ({ className = '', size = ASUI_types_1.ComponentSize.Large, theme = astheme_1.default, }) => {
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.ASLoaderGrowStyled, { className: `${size} ${className}`, size: size, theme: theme, children: (0, jsx_runtime_1.jsx)(styles_1.ASLoaderText, { size: size, theme: theme, children: "LOADING" }) }));
|
|
46
46
|
};
|
|
47
|
-
const ASLoaderDots = ({ size = ASUI_types_1.
|
|
48
|
-
return (0, jsx_runtime_1.jsx)(styles_1.ASLoaderDotsStyled, { className: size
|
|
47
|
+
const ASLoaderDots = ({ size = ASUI_types_1.ComponentSize.Large, theme = astheme_1.default.loader, className = '', }) => {
|
|
48
|
+
return (0, jsx_runtime_1.jsx)(styles_1.ASLoaderDotsStyled, { className: `${size} ${className}`, size: size, theme: theme });
|
|
49
49
|
};
|
|
50
|
-
const ASLoaderSpin = ({ className = '', size = ASUI_types_1.
|
|
50
|
+
const ASLoaderSpin = ({ className = '', size = ASUI_types_1.ComponentSize.Large, theme = astheme_1.default.loader, }) => {
|
|
51
51
|
return ((0, jsx_runtime_1.jsx)(styles_1.ASLoaderSpinStyled, { className: className, size: size, theme: theme, children: (0, jsx_runtime_1.jsx)(styles_1.ASLoaderInnerSpinStyled, { size: size, theme: theme }) }));
|
|
52
52
|
};
|
|
@@ -2,6 +2,7 @@ import { CSSProperties } from 'react';
|
|
|
2
2
|
import { ASComponentSize, ASLoaderTheme, ASLoaderType } from '../apptypes/ASUI.types';
|
|
3
3
|
export interface ASLoaderProps {
|
|
4
4
|
className?: string;
|
|
5
|
+
loaderClassName?: string;
|
|
5
6
|
showLoader?: boolean;
|
|
6
7
|
size?: ASComponentSize;
|
|
7
8
|
loaderType?: ASLoaderType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASLoader.types.d.ts","sourceRoot":"","sources":["../../src/asloader/ASLoader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtF,MAAM,WAAW,aAAa;
|
|
1
|
+
{"version":3,"file":"ASLoader.types.d.ts","sourceRoot":"","sources":["../../src/asloader/ASLoader.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtF,MAAM,WAAW,aAAa;IAM5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,eAAe,CAAC,EAAE,MAAM,CAAC;IAQzB,UAAU,CAAC,EAAE,OAAO,CAAC;IASrB,IAAI,CAAC,EAAE,eAAe,CAAC;IASvB,UAAU,CAAC,EAAE,YAAY,CAAC;IAQ1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,KAAK,CAAC,EAAE,aAAa,CAAC;IAQtB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB"}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ASComponentSize, ASLoaderTheme } from '../apptypes/ASUI.types';
|
|
2
2
|
export declare const ASLoaderModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
3
|
theme: ASLoaderTheme;
|
|
4
4
|
}>> & string;
|
|
5
5
|
export declare const ASLoaderNonModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
6
|
export declare const ASLoaderText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
7
|
-
size:
|
|
7
|
+
size: ASComponentSize;
|
|
8
8
|
theme: ASLoaderTheme;
|
|
9
9
|
}>> & string;
|
|
10
10
|
export declare const ASLoaderGrowStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
-
size:
|
|
11
|
+
size: ASComponentSize;
|
|
12
12
|
theme: ASLoaderTheme;
|
|
13
13
|
}>> & string;
|
|
14
14
|
export declare const ASLoaderDotsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
|
-
size:
|
|
15
|
+
size: ASComponentSize;
|
|
16
16
|
theme: ASLoaderTheme;
|
|
17
17
|
}>> & string;
|
|
18
18
|
export declare const ASLoaderSpinStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
19
|
-
size:
|
|
19
|
+
size: ASComponentSize;
|
|
20
20
|
}>> & string;
|
|
21
21
|
export declare const ASLoaderInnerSpinStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
22
|
-
size:
|
|
22
|
+
size: ASComponentSize;
|
|
23
23
|
theme: ASLoaderTheme;
|
|
24
24
|
}>> & string;
|
|
25
25
|
export declare const StorybookLoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asloader/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asloader/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAiB,MAAM,wBAAwB,CAAC;AA2BvF,eAAO,MAAM,sBAAsB;WAAuB,aAAa;YAOtE,CAAC;AAEF,eAAO,MAAM,yBAAyB,6NAKrC,CAAC;AAEF,eAAO,MAAM,YAAY;UAAuB,eAAe;WAAS,aAAa;YAcpF,CAAC;AAGF,eAAO,MAAM,kBAAkB;UAAsB,eAAe;WAAS,aAAa;YAqBzF,CAAC;AAEF,eAAO,MAAM,kBAAkB;UAAsB,eAAe;WAAS,aAAa;YAkBzF,CAAC;AAEF,eAAO,MAAM,kBAAkB;UAAsB,eAAe;YAOnE,CAAC;AAEF,eAAO,MAAM,uBAAuB;UAAsB,eAAe;WAAS,aAAa;YA2B9F,CAAC;AAEF,eAAO,MAAM,sBAAsB,6NAGlC,CAAC"}
|
package/dist/asloader/styles.js
CHANGED
|
@@ -50,9 +50,9 @@ exports.ASLoaderText = styled_components_1.default.span `
|
|
|
50
50
|
top: 50%;
|
|
51
51
|
transform: translate(-50%, -50%);
|
|
52
52
|
|
|
53
|
-
font-size: ${({ size }) =>
|
|
54
|
-
font-weight: ${({ size }) => (size === ASUI_types_1.
|
|
55
|
-
letter-spacing: ${({ size }) => (size === ASUI_types_1.
|
|
53
|
+
font-size: ${({ size }) => size === ASUI_types_1.ComponentSize.Large ? '2.5rem' : size === ASUI_types_1.ComponentSize.Medium ? '1.85rem' : '1.25rem'};
|
|
54
|
+
font-weight: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '700' : size === ASUI_types_1.ComponentSize.Medium ? '500' : '500')};
|
|
55
|
+
letter-spacing: ${({ size }) => (size === ASUI_types_1.ComponentSize.Small ? '0.1rem' : '0.2rem')};
|
|
56
56
|
`;
|
|
57
57
|
exports.ASLoaderGrowStyled = styled_components_1.default.div `
|
|
58
58
|
position: relative;
|
|
@@ -73,8 +73,8 @@ exports.ASLoaderGrowStyled = styled_components_1.default.div `
|
|
|
73
73
|
animation: ${loaderGrow} 2s infinite alternate;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
width: ${({ size }) => (size === ASUI_types_1.
|
|
77
|
-
height: ${({ size }) => (size === ASUI_types_1.
|
|
76
|
+
width: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '200px' : size === ASUI_types_1.ComponentSize.Medium ? '160px' : '120px')};
|
|
77
|
+
height: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '44px' : size === ASUI_types_1.ComponentSize.Medium ? '34px' : '24px')};
|
|
78
78
|
`;
|
|
79
79
|
exports.ASLoaderDotsStyled = styled_components_1.default.div `
|
|
80
80
|
width: 64px;
|
|
@@ -90,17 +90,17 @@ exports.ASLoaderDotsStyled = styled_components_1.default.div `
|
|
|
90
90
|
top: 50%;
|
|
91
91
|
transform: translate(-50%, -50%);
|
|
92
92
|
|
|
93
|
-
width: ${({ size }) => (size === ASUI_types_1.
|
|
94
|
-
height: ${({ size }) => (size === ASUI_types_1.
|
|
95
|
-
background-size: ${({ size }) => size === ASUI_types_1.
|
|
93
|
+
width: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '64px' : size === ASUI_types_1.ComponentSize.Medium ? '32px' : '16px')};
|
|
94
|
+
height: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '64px' : size === ASUI_types_1.ComponentSize.Medium ? '32px' : '16px')};
|
|
95
|
+
background-size: ${({ size }) => size === ASUI_types_1.ComponentSize.Large ? '24px 24px' : size === ASUI_types_1.ComponentSize.Medium ? '12px 12px' : '6px 6px'};
|
|
96
96
|
`;
|
|
97
97
|
exports.ASLoaderSpinStyled = styled_components_1.default.div `
|
|
98
98
|
position: relative;
|
|
99
99
|
left: 50%;
|
|
100
100
|
top: 50%;
|
|
101
101
|
transform: translate(-50%, -50%);
|
|
102
|
-
width: ${({ size }) => (size === ASUI_types_1.
|
|
103
|
-
height: ${({ size }) => (size === ASUI_types_1.
|
|
102
|
+
width: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '100px' : size === ASUI_types_1.ComponentSize.Medium ? '50px' : '30px')};
|
|
103
|
+
height: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '100px' : size === ASUI_types_1.ComponentSize.Medium ? '50px' : '30px')};
|
|
104
104
|
`;
|
|
105
105
|
exports.ASLoaderInnerSpinStyled = styled_components_1.default.div `
|
|
106
106
|
display: grid;
|
|
@@ -109,9 +109,9 @@ exports.ASLoaderInnerSpinStyled = styled_components_1.default.div `
|
|
|
109
109
|
border-radius: 50%;
|
|
110
110
|
border-color: ${({ theme }) => theme.loaderSpinBorderColor};
|
|
111
111
|
animation: ${loaderSpin} 6s infinite linear;
|
|
112
|
-
width: ${({ size }) => (size === ASUI_types_1.
|
|
113
|
-
height: ${({ size }) => (size === ASUI_types_1.
|
|
114
|
-
border-width: ${({ size }) => (size === ASUI_types_1.
|
|
112
|
+
width: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '84px' : size === ASUI_types_1.ComponentSize.Medium ? '42px' : '26px')};
|
|
113
|
+
height: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '84px' : size === ASUI_types_1.ComponentSize.Medium ? '42px' : '26px')};
|
|
114
|
+
border-width: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '8px' : size === ASUI_types_1.ComponentSize.Medium ? '4px' : '2px')};
|
|
115
115
|
|
|
116
116
|
&::before,
|
|
117
117
|
&::after {
|
|
@@ -120,7 +120,7 @@ exports.ASLoaderInnerSpinStyled = styled_components_1.default.div `
|
|
|
120
120
|
border: inherit;
|
|
121
121
|
border-radius: 50%;
|
|
122
122
|
border-color: ${({ theme }) => theme.loaderSpinBorderBeforeColor};
|
|
123
|
-
margin: ${({ size }) => (size === ASUI_types_1.
|
|
123
|
+
margin: ${({ size }) => (size === ASUI_types_1.ComponentSize.Large ? '16px' : size === ASUI_types_1.ComponentSize.Medium ? '8px' : '4px')};
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
&::before {
|
|
@@ -7,7 +7,7 @@ const ASUI_types_1 = require("../apptypes/ASUI.types");
|
|
|
7
7
|
const astheme_1 = tslib_1.__importDefault(require("../astheme"));
|
|
8
8
|
const icons_1 = require("../icons");
|
|
9
9
|
const styles_1 = require("./styles");
|
|
10
|
-
const ASTextField = ({ className = '', theme = astheme_1.default, value = '', onChange = () => undefined, size = ASUI_types_1.
|
|
10
|
+
const ASTextField = ({ className = '', theme = astheme_1.default, value = '', onChange = () => undefined, size = ASUI_types_1.ComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, disableAutofill = false, ...props }) => {
|
|
11
11
|
const passwordTypeRef = (0, react_1.useRef)(false);
|
|
12
12
|
const genericId = (0, react_1.useId)();
|
|
13
13
|
const textFieldId = props.id || genericId;
|
|
@@ -9,5 +9,5 @@ export type ASTextFieldProps = {
|
|
|
9
9
|
showClearButton?: boolean;
|
|
10
10
|
disableAutofill?: boolean;
|
|
11
11
|
showSearchIcon?: boolean;
|
|
12
|
-
} & Omit<React.HTMLProps<HTMLInputElement>, 'size'>;
|
|
12
|
+
} & Omit<React.HTMLProps<HTMLInputElement>, 'size' | 'onChange'>;
|
|
13
13
|
//# sourceMappingURL=ASTextField.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASTextField.types.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAK7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,cAAc,CAAC;IAM9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IASnC,IAAI,CAAC,EAAE,eAAe,CAAC;IAOvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAO1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAQ1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ASTextField.types.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG;IAK7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,KAAK,CAAC,EAAE,OAAO,cAAc,CAAC;IAM9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IASnC,IAAI,CAAC,EAAE,eAAe,CAAC;IAOvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAO1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAQ1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
|