@chtc/web-components 1.0.3 → 1.0.5

package/ConfirmButton/ConfirmButton.d.ts

@@ -0,0 +1,5 @@
+import { IconButtonProps } from "@mui/material";
+type ConfirmButtonProps = IconButtonProps;
+declare const ConfirmButton: ({ ...props }: ConfirmButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmButton;
+//# sourceMappingURL=ConfirmButton.d.ts.map

package/ConfirmButton/ConfirmButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmButton.d.ts","sourceRoot":"","sources":["../../src/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,eAAe,EAAW,MAAM,eAAe,CAAC;AAEjF,KAAK,kBAAkB,GAAI,eAAe,CAAA;AAE1C,QAAA,MAAM,aAAa,GAAI,cAAY,kBAAkB,4CA4DpD,CAAA;AAED,eAAe,aAAa,CAAC"}

package/ConfirmButton/ConfirmButton.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { Box, Button, IconButton, Collapse } from "@mui/material";
+const ConfirmButton = ({ ...props }) => {
+    const [askingForConfirmation, setAskingForConfirmation] = useState(false);
+    const [growDirection, setGrowDirection] = useState('right');
+    const iconButtonRef = useRef(null);
+    const confirmButtonRef = useRef(null);
+    useEffect(() => {
+        if (askingForConfirmation && iconButtonRef.current && confirmButtonRef.current) {
+            const iconRect = iconButtonRef.current.getBoundingClientRect();
+            const confirmRect = confirmButtonRef.current.getBoundingClientRect();
+            const spaceRight = window.innerWidth - iconRect.right;
+            const spaceLeft = iconRect.left;
+            const confirmWidth = confirmRect.width;
+            if (spaceRight >= confirmWidth) {
+                setGrowDirection('right');
+            }
+            else if (spaceLeft >= confirmWidth) {
+                setGrowDirection('left');
+            }
+            else {
+                // Default to right if neither fits
+                setGrowDirection('right');
+            }
+        }
+    }, [askingForConfirmation]);
+    return (_jsxs(Box, { sx: {
+            position: 'relative',
+            display: 'inline-block',
+            borderRadius: 1,
+            ...(askingForConfirmation ?
+                { borderColor: props === null || props === void 0 ? void 0 : props.color, borderWidth: 1 } : {})
+        }, children: [_jsx(IconButton, { ...props, ref: iconButtonRef, onClick: () => setAskingForConfirmation(!askingForConfirmation) }), _jsx(Box, { sx: growDirection === 'right'
+                    ? { position: 'absolute', top: 0, left: '100%' }
+                    : { position: 'absolute', top: 0, right: '100%' }, children: _jsx(Collapse, { in: askingForConfirmation, orientation: 'horizontal', children: _jsx(Button, { variant: 'contained', color: (props === null || props === void 0 ? void 0 : props.color) == 'default' ? 'primary' : props === null || props === void 0 ? void 0 : props.color, size: props === null || props === void 0 ? void 0 : props.size, onClick: (e) => {
+                            (props === null || props === void 0 ? void 0 : props.onClick) && props.onClick(e);
+                            setAskingForConfirmation(false);
+                        }, ref: confirmButtonRef, children: "Confirm" }) }) })] }));
+};
+export default ConfirmButton;
+//# sourceMappingURL=ConfirmButton.js.map

package/ConfirmButton/ConfirmButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmButton.js","sourceRoot":"","sources":["../../src/ConfirmButton/ConfirmButton.tsx"],"names":[],"mappings":"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"}

package/ConfirmButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ConfirmButton";
+//# sourceMappingURL=index.d.ts.map

package/ConfirmButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ConfirmButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC"}

package/ConfirmButton/index.js

@@ -0,0 +1,2 @@
+export { default } from "./ConfirmButton";
+//# sourceMappingURL=index.js.map

package/ConfirmButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ConfirmButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC"}

package/index.d.ts

@@ -6,6 +6,8 @@ export { default as BigNumber, type BigNumberProps } from "./BigNumber";
 export * from "./BigNumber";
 export { default as ColorBar } from "./ColorBar";
 export * from "./ColorBar";
+export { default as ConfirmButton } from "./ConfirmButton";
+export * from "./ConfirmButton";
 export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
 export * from "./HorizontalArticleCard";
 export { default as PieChart, type PieChartData } from "./PieChart";

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACxE,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/D,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AAEjC,cAAc,MAAM,CAAA;AAEpB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACxE,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACpE,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/D,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5D,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AAEjC,cAAc,MAAM,CAAA;AAEpB,cAAc,SAAS,CAAA"}

package/index.js

@@ -6,6 +6,8 @@ export { default as BigNumber } from "./BigNumber";
 export * from "./BigNumber";
 export { default as ColorBar } from "./ColorBar";
 export * from "./ColorBar";
+export { default as ConfirmButton } from "./ConfirmButton";
+export * from "./ConfirmButton";
 export { default as HorizontalArticleCard } from "./HorizontalArticleCard";
 export * from "./HorizontalArticleCard";
 export { default as PieChart } from "./PieChart";

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,aAAa,CAAC;AACxE,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACpE,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAc,MAAM,aAAa,CAAC;AAC/D,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC;AAC5D,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AAEjC,cAAc,MAAM,CAAA;AAEpB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAuB,MAAM,aAAa,CAAC;AACxE,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACpE,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAc,MAAM,aAAa,CAAC;AAC/D,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC;AAC5D,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,cAAc,kBAAkB,CAAC;AAEjC,cAAc,MAAM,CAAA;AAEpB,cAAc,SAAS,CAAA"}

package/package.json

@@ -1,6 +1,11 @@
 {
   "name": "@chtc/web-components",
-  "version": "1.0.3",
+  "version": "1.0.5",
+  "homepage": "https://path-cc.io/web-components/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/path-cc/web-components.git"
+  },
   "description": "CHTC Web Components",
   "main": "index.js",
   "types": "index.d.ts",