@chtc/web-components 1.0.20 → 1.0.22
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/ConfirmButton/ConfirmButton.d.ts +2 -1
- package/ConfirmButton/ConfirmButton.d.ts.map +1 -1
- package/ConfirmButton/ConfirmButton.js +7 -8
- package/ConfirmButton/ConfirmButton.js.map +1 -1
- package/package.json +1 -1
- package/themes/chtc/theme.d.ts.map +1 -1
- package/themes/chtc/theme.js +5 -0
- package/themes/chtc/theme.js.map +1 -1
|
@@ -4,8 +4,9 @@ import { Theme } from "@mui/material/styles";
|
|
|
4
4
|
export type ConfirmButtonProps = IconButtonProps & {
|
|
5
5
|
color: keyof Theme['palette'];
|
|
6
6
|
confirmNode?: ReactNode;
|
|
7
|
+
growDirection?: 'right' | 'left';
|
|
7
8
|
onConfirm?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
8
9
|
};
|
|
9
|
-
declare const ConfirmButton: ({ onConfirm, confirmNode, ...props }: ConfirmButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare const ConfirmButton: ({ onConfirm, confirmNode, growDirection: defaultGrowDirection, ...props }: ConfirmButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export default ConfirmButton;
|
|
11
12
|
//# sourceMappingURL=ConfirmButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmButton.d.ts","sourceRoot":"","sources":["../../src/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAC,MAAM,OAAO,CAAC;AACpE,OAAO,EAA0B,eAAe,EAAkC,MAAM,eAAe,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAE5C,MAAM,MAAM,kBAAkB,GAAI,eAAe,GAAG;IACnD,KAAK,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ConfirmButton.d.ts","sourceRoot":"","sources":["../../src/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAC,MAAM,OAAO,CAAC;AACpE,OAAO,EAA0B,eAAe,EAAkC,MAAM,eAAe,CAAC;AACxG,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAE5C,MAAM,MAAM,kBAAkB,GAAI,eAAe,GAAG;IACnD,KAAK,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7E,CAAA;AAED,QAAA,MAAM,aAAa,GAAI,2EAAgG,kBAAkB,4CAiFxI,CAAA;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useRef, useEffect } from "react";
|
|
3
3
|
import { Box, Button, IconButton, Collapse, useTheme } from "@mui/material";
|
|
4
|
-
const ConfirmButton = ({ onConfirm, confirmNode = 'Confirm', ...props }) => {
|
|
4
|
+
const ConfirmButton = ({ onConfirm, confirmNode = 'Confirm', growDirection: defaultGrowDirection = 'right', ...props }) => {
|
|
5
5
|
const theme = useTheme();
|
|
6
6
|
const [askingForConfirmation, setAskingForConfirmation] = useState(false);
|
|
7
|
-
const [growDirection, setGrowDirection] = useState(
|
|
7
|
+
const [growDirection, setGrowDirection] = useState(defaultGrowDirection);
|
|
8
8
|
const iconButtonRef = useRef(null);
|
|
9
9
|
const confirmButtonRef = useRef(null);
|
|
10
10
|
useEffect(() => {
|
|
@@ -14,16 +14,15 @@ const ConfirmButton = ({ onConfirm, confirmNode = 'Confirm', ...props }) => {
|
|
|
14
14
|
const spaceRight = window.innerWidth - iconRect.right;
|
|
15
15
|
const spaceLeft = iconRect.left;
|
|
16
16
|
const confirmWidth = confirmRect.width;
|
|
17
|
-
if (spaceRight
|
|
18
|
-
setGrowDirection('right');
|
|
19
|
-
}
|
|
20
|
-
else if (spaceLeft >= confirmWidth) {
|
|
17
|
+
if (spaceRight < confirmWidth) {
|
|
21
18
|
setGrowDirection('left');
|
|
22
19
|
}
|
|
23
|
-
else {
|
|
24
|
-
// Default to right if neither fits
|
|
20
|
+
else if (spaceLeft < confirmWidth) {
|
|
25
21
|
setGrowDirection('right');
|
|
26
22
|
}
|
|
23
|
+
else {
|
|
24
|
+
setGrowDirection(defaultGrowDirection);
|
|
25
|
+
}
|
|
27
26
|
}
|
|
28
27
|
}, [askingForConfirmation]);
|
|
29
28
|
return (_jsx(Box, { sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmButton.js","sourceRoot":"","sources":["../../src/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACpE,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,UAAU,EAAgC,QAAQ,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ConfirmButton.js","sourceRoot":"","sources":["../../src/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/themes/chtc/theme.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK,+
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/themes/chtc/theme.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK,+BA0DV,CAAA;AAED,eAAe,KAAK,CAAC"}
|
package/themes/chtc/theme.js
CHANGED
package/themes/chtc/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/themes/chtc/theme.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAC/D,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,MAAM,SAAS,CAAA;AAEhC,MAAM,KAAK,GAAG,mBAAmB,CAC/B,WAAW,CAAC;IACV,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;KACF;IACD,UAAU,EAAE;QACV,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,UAAU,EAAE;YACV,GAAG,CAAC,KAAK,CAAC,UAAU;YACpB,gBAAgB;YAChB,WAAW;YACX,OAAO;YACP,eAAe;YACf,YAAY;SACb,CAAC,IAAI,CAAC,GAAG,CAAC;KACZ;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,SAAS,EAAE,IAAI;aAChB;SACF;KACF;CACF,CAAC,EACF,EAAC,MAAM,EAAE,CAAC,EAAC,CACZ,CAAA;AAED,eAAe,KAAK,CAAC"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/themes/chtc/theme.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAC,WAAW,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAC/D,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,MAAM,SAAS,CAAA;AAEhC,MAAM,KAAK,GAAG,mBAAmB,CAC/B,WAAW,CAAC;IACV,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;KACF;IACD,UAAU,EAAE;QACV,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,EAAE,EAAE;YACF,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,UAAU,EAAE,GAAG;SAChB;QACD,UAAU,EAAE;YACV,GAAG,CAAC,KAAK,CAAC,UAAU;YACpB,gBAAgB;YAChB,WAAW;YACX,OAAO;YACP,eAAe;YACf,YAAY;SACb,CAAC,IAAI,CAAC,GAAG,CAAC;KACZ;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,SAAS,EAAE,IAAI;aAChB;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE;gBACZ,aAAa,EAAE,IAAI;aACpB;SACF;KACF;CACF,CAAC,EACF,EAAC,MAAM,EAAE,CAAC,EAAC,CACZ,CAAA;AAED,eAAe,KAAK,CAAC"}
|