@yakad/ui 1.2.74-beta → 1.2.75-beta
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/button/button.d.ts +3 -3
- package/button/button.js +7 -4
- package/button/button.js.map +1 -1
- package/button/button.module.css +3 -0
- package/button/button.tsx +11 -8
- package/index.d.ts +2 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/index.tsx +2 -0
- package/package.json +1 -2
- package/client.d.ts +0 -3
- package/client.js +0 -4
- package/client.js.map +0 -1
- package/client.tsx +0 -4
- package/historyBack/historyBack.d.ts +0 -3
- package/historyBack/historyBack.js +0 -11
- package/historyBack/historyBack.js.map +0 -1
- package/historyBack/historyBack.tsx +0 -20
package/button/button.d.ts
CHANGED
|
@@ -2,11 +2,11 @@ import React from "react";
|
|
|
2
2
|
interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
size?: "small" | "medium" | "large";
|
|
4
4
|
variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";
|
|
5
|
-
borderStyle?: "none" | "semi" | "rounded";
|
|
5
|
+
borderStyle?: "none" | "semi" | "squircle" | "rounded";
|
|
6
6
|
icon?: JSX.Element;
|
|
7
7
|
iconPosition?: "start" | "end";
|
|
8
|
-
loadingPosition?: "
|
|
9
|
-
|
|
8
|
+
loadingPosition?: "auto" | "center";
|
|
9
|
+
loadingVariant?: "scaleOut" | "dots" | "spinner";
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
}
|
|
12
12
|
declare function Button(props: ButtonProps): JSX.Element;
|
package/button/button.js
CHANGED
|
@@ -10,12 +10,15 @@ const iconSizeMaps = {
|
|
|
10
10
|
};
|
|
11
11
|
function Button(props) {
|
|
12
12
|
const startWithChildren = props.iconPosition === "end";
|
|
13
|
-
const centerLoading = !props.icon ||
|
|
14
|
-
|
|
13
|
+
const centerLoading = !props.icon ||
|
|
14
|
+
(props.loadingVariant && props.loadingPosition === "center");
|
|
15
|
+
const joinedClassNames = joinClassNames(styles.button, props.variant ? styles[props.variant] : styles.text, props.loadingVariant ? styles.loading : "", props.loadingVariant && centerLoading
|
|
16
|
+
? styles.loadingPositionCenter
|
|
17
|
+
: "", props.size ? styles[props.size] : styles.medium, props.borderStyle ? styles[props.borderStyle] : styles.rounded, props.icon && !props.children ? styles.iconButton : "", props.className);
|
|
15
18
|
return (React.createElement("button", { ...props, className: joinedClassNames },
|
|
16
19
|
startWithChildren ? props.children : null,
|
|
17
|
-
props.
|
|
18
|
-
React.createElement(Loading, { size: props.size, variant: props.
|
|
20
|
+
props.loadingVariant ? (React.createElement("div", { className: joinClassNames(centerLoading ? styles.positionCenter : "", styles.displayOnDisabled) },
|
|
21
|
+
React.createElement(Loading, { size: props.size, variant: props.loadingVariant }))) : null,
|
|
19
22
|
props.icon ? (React.createElement(SvgIcon, { className: styles.hideOnDisabled, size: props.size
|
|
20
23
|
? iconSizeMaps[props.size]
|
|
21
24
|
: iconSizeMaps.medium }, props.icon)) : null,
|
package/button/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AA2BzC,MAAM,YAAY,GAAgB;IAC9B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACb,CAAC;AAEF,SAAS,MAAM,CAAC,KAAkB;IAC9B,MAAM,iBAAiB,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC;IACvD,MAAM,aAAa,GACf,CAAC,KAAK,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AA2BzC,MAAM,YAAY,GAAgB;IAC9B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACb,CAAC;AAEF,SAAS,MAAM,CAAC,KAAkB;IAC9B,MAAM,iBAAiB,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC;IACvD,MAAM,aAAa,GACf,CAAC,KAAK,CAAC,IAAI;QACX,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACnD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,cAAc,IAAI,aAAa;QACjC,CAAC,CAAC,MAAM,CAAC,qBAAqB;QAC9B,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC9D,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB;QACzC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACzC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACpB,6BACI,SAAS,EAAE,cAAc,CACrB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC1C,MAAM,CAAC,iBAAiB,CAC3B;YAED,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,GAAI,CAC1D,CACT,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,OAAO,IACJ,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,IAAI,EACA,KAAK,CAAC,IAAI;gBACN,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC1B,CAAC,CAAC,YAAY,CAAC,MAAM,IAG5B,KAAK,CAAC,IAAI,CACL,CACb,CAAC,CAAC,CAAC,IAAI;QACP,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACtC,CACZ,CAAC;AACN,CAAC;AAED,eAAe,MAAM,CAAC"}
|
package/button/button.module.css
CHANGED
package/button/button.tsx
CHANGED
|
@@ -15,11 +15,11 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
|
15
15
|
| "elevated"
|
|
16
16
|
| "link"
|
|
17
17
|
| "fab";
|
|
18
|
-
borderStyle?: "none" | "semi" | "rounded";
|
|
18
|
+
borderStyle?: "none" | "semi" | "squircle" | "rounded";
|
|
19
19
|
icon?: JSX.Element;
|
|
20
20
|
iconPosition?: "start" | "end";
|
|
21
|
-
loadingPosition?: "
|
|
22
|
-
|
|
21
|
+
loadingPosition?: "auto" | "center";
|
|
22
|
+
loadingVariant?: "scaleOut" | "dots" | "spinner";
|
|
23
23
|
disabled?: boolean;
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -38,13 +38,16 @@ const iconSizeMaps: iconSizeMap = {
|
|
|
38
38
|
function Button(props: ButtonProps) {
|
|
39
39
|
const startWithChildren = props.iconPosition === "end";
|
|
40
40
|
const centerLoading =
|
|
41
|
-
!props.icon ||
|
|
41
|
+
!props.icon ||
|
|
42
|
+
(props.loadingVariant && props.loadingPosition === "center");
|
|
42
43
|
|
|
43
44
|
const joinedClassNames = joinClassNames(
|
|
44
45
|
styles.button,
|
|
45
46
|
props.variant ? styles[props.variant] : styles.text,
|
|
46
|
-
props.
|
|
47
|
-
props.
|
|
47
|
+
props.loadingVariant ? styles.loading : "",
|
|
48
|
+
props.loadingVariant && centerLoading
|
|
49
|
+
? styles.loadingPositionCenter
|
|
50
|
+
: "",
|
|
48
51
|
props.size ? styles[props.size] : styles.medium,
|
|
49
52
|
props.borderStyle ? styles[props.borderStyle] : styles.rounded,
|
|
50
53
|
props.icon && !props.children ? styles.iconButton : "",
|
|
@@ -54,14 +57,14 @@ function Button(props: ButtonProps) {
|
|
|
54
57
|
return (
|
|
55
58
|
<button {...props} className={joinedClassNames}>
|
|
56
59
|
{startWithChildren ? props.children : null}
|
|
57
|
-
{props.
|
|
60
|
+
{props.loadingVariant ? (
|
|
58
61
|
<div
|
|
59
62
|
className={joinClassNames(
|
|
60
63
|
centerLoading ? styles.positionCenter : "",
|
|
61
64
|
styles.displayOnDisabled
|
|
62
65
|
)}
|
|
63
66
|
>
|
|
64
|
-
<Loading size={props.size} variant={props.
|
|
67
|
+
<Loading size={props.size} variant={props.loadingVariant} />
|
|
65
68
|
</div>
|
|
66
69
|
) : null}
|
|
67
70
|
{props.icon ? (
|
package/index.d.ts
CHANGED
|
@@ -20,4 +20,5 @@ import Loading from "./loading/loading";
|
|
|
20
20
|
import CodeField from "./codeField/codeField";
|
|
21
21
|
import InputField from "./inputField/inputField";
|
|
22
22
|
import Theme from "./theme/theme";
|
|
23
|
-
|
|
23
|
+
import ClickAwayListener from "./clickAwayListener/clickAwayListener";
|
|
24
|
+
export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, ClickAwayListener, };
|
package/index.js
CHANGED
|
@@ -20,5 +20,6 @@ import Loading from "./loading/loading";
|
|
|
20
20
|
import CodeField from "./codeField/codeField";
|
|
21
21
|
import InputField from "./inputField/inputField";
|
|
22
22
|
import Theme from "./theme/theme";
|
|
23
|
-
|
|
23
|
+
import ClickAwayListener from "./clickAwayListener/clickAwayListener";
|
|
24
|
+
export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, ClickAwayListener, };
|
|
24
25
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,EACL,iBAAiB,GACpB,CAAC"}
|
package/index.tsx
CHANGED
|
@@ -20,6 +20,7 @@ import Loading from "./loading/loading";
|
|
|
20
20
|
import CodeField from "./codeField/codeField";
|
|
21
21
|
import InputField from "./inputField/inputField";
|
|
22
22
|
import Theme from "./theme/theme";
|
|
23
|
+
import ClickAwayListener from "./clickAwayListener/clickAwayListener";
|
|
23
24
|
export {
|
|
24
25
|
Button,
|
|
25
26
|
AppBar,
|
|
@@ -43,4 +44,5 @@ export {
|
|
|
43
44
|
CodeField,
|
|
44
45
|
InputField,
|
|
45
46
|
Theme,
|
|
47
|
+
ClickAwayListener,
|
|
46
48
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yakad/ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.75-beta",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./src/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -23,7 +23,6 @@
|
|
|
23
23
|
"@yakad/lib": "1.0.5",
|
|
24
24
|
"react": "18.2.0",
|
|
25
25
|
"react-dom": "18.2.0",
|
|
26
|
-
"react-router-dom": "6.4.2",
|
|
27
26
|
"typescript": "4.8.4"
|
|
28
27
|
},
|
|
29
28
|
"devDependencies": {
|
package/client.d.ts
DELETED
package/client.js
DELETED
package/client.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"client.js","sourceRoot":"","sources":["client.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC"}
|
package/client.tsx
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { useNavigate } from "react-router-dom";
|
|
3
|
-
function HistoryBack(props) {
|
|
4
|
-
const navigate = useNavigate();
|
|
5
|
-
return (React.createElement("div", { ...props, onClick: () => {
|
|
6
|
-
navigate(-1);
|
|
7
|
-
props.onClick(null);
|
|
8
|
-
} }, props.children));
|
|
9
|
-
}
|
|
10
|
-
export default HistoryBack;
|
|
11
|
-
//# sourceMappingURL=historyBack.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"historyBack.js","sourceRoot":"","sources":["historyBack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,SAAS,WAAW,CAAC,KAA2C;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACH,gCACQ,KAAK,EACT,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACb,KAAK,CAAC,OAAQ,CAAC,IAAW,CAAC,CAAC;QAChC,CAAC,IAEA,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { useNavigate } from "react-router-dom";
|
|
3
|
-
|
|
4
|
-
function HistoryBack(props: React.HTMLAttributes<HTMLDivElement>) {
|
|
5
|
-
const navigate = useNavigate();
|
|
6
|
-
|
|
7
|
-
return (
|
|
8
|
-
<div
|
|
9
|
-
{...props}
|
|
10
|
-
onClick={() => {
|
|
11
|
-
navigate(-1);
|
|
12
|
-
props.onClick!(null as any);
|
|
13
|
-
}}
|
|
14
|
-
>
|
|
15
|
-
{props.children}
|
|
16
|
-
</div>
|
|
17
|
-
);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export default HistoryBack;
|