@once-ui-system/core 1.4.31 → 1.4.32
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/components/CompareImage.d.ts +2 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +6 -6
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +2 -1
- package/dist/icons.js.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -6,9 +6,10 @@ interface SideContent {
|
|
|
6
6
|
interface CompareImageProps extends React.ComponentProps<typeof Flex> {
|
|
7
7
|
leftContent: SideContent;
|
|
8
8
|
rightContent: SideContent;
|
|
9
|
+
aspectRatio?: string;
|
|
9
10
|
}
|
|
10
11
|
declare const CompareImage: {
|
|
11
|
-
({ leftContent, rightContent, ...rest }: CompareImageProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
({ leftContent, rightContent, aspectRatio, ...rest }: CompareImageProps): import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
displayName: string;
|
|
13
14
|
};
|
|
14
15
|
export { CompareImage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareImage.d.ts","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAG5C,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"CompareImage.d.ts","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAG5C,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAuBD,QAAA,MAAM,YAAY;0DAAyD,iBAAiB;;CAoF3F,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -3,13 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState, useRef, useEffect } from "react";
|
|
4
4
|
import { Flex, Media, IconButton } from ".";
|
|
5
5
|
import styles from "./CompareImage.module.scss";
|
|
6
|
-
const renderContent = (content, clipPath) => {
|
|
6
|
+
const renderContent = (content, clipPath, aspectRatio) => {
|
|
7
7
|
if (typeof content.src === "string") {
|
|
8
|
-
return (_jsx(Media, { src: content.src, alt: content.alt || "", fill: true, position: "absolute", style: { clipPath } }));
|
|
8
|
+
return (_jsx(Media, { src: content.src, alt: content.alt || "", fill: true, aspectRatio: aspectRatio || "16/9", position: "absolute", style: { clipPath } }));
|
|
9
9
|
}
|
|
10
10
|
return (_jsx(Flex, { fill: true, position: "absolute", style: { clipPath }, children: content.src }));
|
|
11
11
|
};
|
|
12
|
-
const CompareImage = ({ leftContent, rightContent, ...rest }) => {
|
|
12
|
+
const CompareImage = ({ leftContent, rightContent, aspectRatio, ...rest }) => {
|
|
13
13
|
const [position, setPosition] = useState(50);
|
|
14
14
|
const containerRef = useRef(null);
|
|
15
15
|
const isDragging = useRef(false);
|
|
@@ -47,11 +47,11 @@ const CompareImage = ({ leftContent, rightContent, ...rest }) => {
|
|
|
47
47
|
document.removeEventListener("touchend", handleMouseUp);
|
|
48
48
|
};
|
|
49
49
|
}, []);
|
|
50
|
-
return (_jsxs(Flex, { ref: containerRef, aspectRatio: "16/9", fillWidth: true, style: { touchAction: "none" }, ...rest, children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)
|
|
50
|
+
return (_jsxs(Flex, { ref: containerRef, aspectRatio: aspectRatio || "16/9", fillWidth: true, style: { touchAction: "none" }, ...rest, children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)`, aspectRatio), renderContent(rightContent, `inset(0 0 0 ${position}%)`, aspectRatio), _jsx(Flex, { position: "absolute", horizontal: "center", width: 3, className: styles.hitArea, top: "0", bottom: "0", style: {
|
|
51
51
|
left: `${position}%`,
|
|
52
|
-
}, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: _jsx(Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), _jsx(
|
|
52
|
+
}, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: _jsx(Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), _jsx(Flex, { radius: "l", background: "surface", className: styles.dragIcon, style: {
|
|
53
53
|
left: `${position}%`,
|
|
54
|
-
}, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown })] }));
|
|
54
|
+
}, children: _jsx(IconButton, { icon: "chevronsLeftRight", variant: "secondary", onMouseDown: handleMouseDown, onTouchStart: handleMouseDown }) })] }));
|
|
55
55
|
};
|
|
56
56
|
CompareImage.displayName = "CompareImage";
|
|
57
57
|
export { CompareImage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"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"}
|
package/dist/icons.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmDvC,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmDvC,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CA6ChD,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC"}
|
package/dist/icons.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { HiChevronUp, HiChevronDown, HiChevronRight, HiChevronLeft, HiOutlineArrowPath, HiOutlineSun, HiOutlineMoon, HiOutlineEye, HiOutlineEyeSlash, HiOutlineClipboard, HiOutlineMagnifyingGlass, HiOutlineLink, HiArrowUpRight, HiOutlineShieldCheck, HiOutlineSparkles, HiOutlineComputerDesktop, HiOutlineQuestionMarkCircle, HiOutlineInformationCircle, HiOutlineExclamationTriangle, HiOutlineExclamationCircle, HiOutlineCheckCircle, HiOutlineXMark, HiOutlineUser, HiOutlineEyeDropper, HiOutlineMinus, HiOutlinePlus, HiOutlineCalendar, HiOutlineDocumentDuplicate, HiOutlineCheck, HiOutlineArrowsPointingIn, HiOutlineArrowsPointingOut, HiOutlineFaceSmile, HiOutlineArrowTurnDownLeft, HiOutlinePlay, HiOutlinePause, } from "react-icons/hi2";
|
|
2
2
|
import { IoAtOutline, IoFastFoodOutline, IoFlagOutline, IoFootballOutline, IoGiftOutline, IoGlobeOutline, IoPawOutline, } from "react-icons/io5";
|
|
3
|
-
import { LuTextCursorInput } from "react-icons/lu";
|
|
3
|
+
import { LuChevronsLeftRight, LuTextCursorInput } from "react-icons/lu";
|
|
4
4
|
export const iconLibrary = {
|
|
5
5
|
chevronUp: HiChevronUp,
|
|
6
6
|
chevronDown: HiChevronDown,
|
|
7
7
|
chevronRight: HiChevronRight,
|
|
8
8
|
chevronLeft: HiChevronLeft,
|
|
9
|
+
chevronsLeftRight: LuChevronsLeftRight,
|
|
9
10
|
refresh: HiOutlineArrowPath,
|
|
10
11
|
light: HiOutlineSun,
|
|
11
12
|
dark: HiOutlineMoon,
|
package/dist/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,0BAA0B,EAC1B,cAAc,EACd,yBAAyB,EACzB,0BAA0B,EAC1B,kBAAkB,EAClB,0BAA0B,EAC1B,aAAa,EACb,cAAc,GACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,iBAAiB,EACjB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,oBAAoB,EACpB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,0BAA0B,EAC1B,cAAc,EACd,yBAAyB,EACzB,0BAA0B,EAC1B,kBAAkB,EAClB,0BAA0B,EAC1B,aAAa,EACb,cAAc,GACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExE,MAAM,CAAC,MAAM,WAAW,GAA6B;IACnD,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,YAAY,EAAE,cAAc;IAC5B,WAAW,EAAE,aAAa;IAC1B,iBAAiB,EAAE,mBAAmB;IACtC,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,2BAA2B;IACjC,IAAI,EAAE,0BAA0B;IAChC,OAAO,EAAE,4BAA4B;IACrC,MAAM,EAAE,0BAA0B;IAClC,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,0BAA0B;IAChC,UAAU,EAAE,mBAAmB;IAC/B,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,aAAa;IACnB,YAAY,EAAE,cAAc;IAC5B,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,iBAAiB;IAC3B,GAAG,EAAE,YAAY;IACjB,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,wBAAwB;IAChC,QAAQ,EAAE,oBAAoB;IAC9B,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,wBAAwB;IAClC,QAAQ,EAAE,yBAAyB;IACnC,QAAQ,EAAE,0BAA0B;IACpC,MAAM,EAAE,kBAAkB;IAC1B,GAAG,EAAE,YAAY;IACjB,IAAI,EAAE,iBAAiB;IACvB,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,iBAAiB;IAC3B,KAAK,EAAE,0BAA0B;IACjC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,cAAc;CACtB,CAAC"}
|
package/dist/package.json
CHANGED