@once-ui-system/core 1.3.14 → 1.4.0
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/Accordion.d.ts +1 -0
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.js +18 -10
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.d.ts +1 -0
- package/dist/components/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js +18 -3
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts +33 -0
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -0
- package/dist/components/ArrowNavigationContext.js +60 -0
- package/dist/components/ArrowNavigationContext.js.map +1 -0
- package/dist/components/AutoScroll.js +1 -1
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Button.d.ts +2 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +3 -3
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Button.module.scss +31 -8
- package/dist/components/Carousel.js +5 -5
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/ClientFlex.d.ts +7 -0
- package/dist/components/ClientFlex.d.ts.map +1 -0
- package/dist/components/ClientFlex.js +95 -0
- package/dist/components/ClientFlex.js.map +1 -0
- package/dist/components/ClientGrid.d.ts +7 -0
- package/dist/components/ClientGrid.d.ts.map +1 -0
- package/dist/components/ClientGrid.js +95 -0
- package/dist/components/ClientGrid.js.map +1 -0
- package/dist/components/Column.d.ts.map +1 -1
- package/dist/components/Column.js +1 -0
- package/dist/components/Column.js.map +1 -1
- package/dist/components/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu.js +13 -1
- package/dist/components/ContextMenu.js.map +1 -1
- package/dist/components/CountFx.d.ts +14 -0
- package/dist/components/CountFx.d.ts.map +1 -0
- package/dist/components/CountFx.js +195 -0
- package/dist/components/CountFx.js.map +1 -0
- package/dist/components/Cursor.d.ts +8 -0
- package/dist/components/Cursor.d.ts.map +1 -0
- package/dist/components/Cursor.js +79 -0
- package/dist/components/Cursor.js.map +1 -0
- package/dist/components/CursorCard.js +1 -1
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.d.ts +2 -0
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +8 -7
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts +3 -0
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +297 -23
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput.js +6 -3
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +3 -1
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +8 -0
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +237 -79
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +1 -1
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts +2 -3
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts +2 -2
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +1 -1
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts +4 -3
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +135 -94
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FocusTrap.d.ts +16 -0
- package/dist/components/FocusTrap.d.ts.map +1 -0
- package/dist/components/FocusTrap.js +82 -0
- package/dist/components/FocusTrap.js.map +1 -0
- package/dist/components/Grid.d.ts +3 -5
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/Grid.js +135 -62
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/HoloFx.js +3 -3
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/List.d.ts +11 -0
- package/dist/components/List.d.ts.map +1 -0
- package/dist/components/List.js +15 -0
- package/dist/components/List.js.map +1 -0
- package/dist/components/List.module.scss +30 -0
- package/dist/components/ListItem.d.ts +10 -0
- package/dist/components/ListItem.d.ts.map +1 -0
- package/dist/components/ListItem.js +12 -0
- package/dist/components/ListItem.js.map +1 -0
- package/dist/components/Media.d.ts +3 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +18 -18
- package/dist/components/Media.js.map +1 -1
- package/dist/components/OgCard.d.ts +9 -10
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +43 -29
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts +1 -0
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +52 -13
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Option.module.scss +14 -3
- package/dist/components/ProgressBar.d.ts +15 -0
- package/dist/components/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar.js +12 -0
- package/dist/components/ProgressBar.js.map +1 -0
- package/dist/components/RevealFx.d.ts +1 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +3 -0
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/RevealFx.module.scss +1 -1
- package/dist/components/Row.d.ts.map +1 -1
- package/dist/components/Row.js +1 -0
- package/dist/components/Row.js.map +1 -1
- package/dist/components/Select.d.ts +3 -2
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +82 -178
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts +6 -0
- package/dist/components/ServerFlex.d.ts.map +1 -0
- package/dist/components/ServerFlex.js +123 -0
- package/dist/components/ServerFlex.js.map +1 -0
- package/dist/components/ServerGrid.d.ts +7 -0
- package/dist/components/ServerGrid.d.ts.map +1 -0
- package/dist/components/ServerGrid.js +74 -0
- package/dist/components/ServerGrid.js.map +1 -0
- package/dist/components/StylePanel.js +10 -10
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +1 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/index.d.ts +11 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +11 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/LayoutContext.d.ts +24 -0
- package/dist/contexts/LayoutContext.d.ts.map +1 -0
- package/dist/contexts/LayoutContext.js +72 -0
- package/dist/contexts/LayoutContext.js.map +1 -0
- package/dist/contexts/index.d.ts +1 -0
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/contexts/index.js +1 -0
- package/dist/contexts/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/data/emoji-data.json +0 -10
- package/dist/hooks/useArrowNavigation.d.ts +23 -0
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -0
- package/dist/hooks/useArrowNavigation.js +208 -0
- package/dist/hooks/useArrowNavigation.js.map +1 -0
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -0
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +3 -2
- package/dist/icons.js.map +1 -1
- package/dist/interfaces.d.ts +56 -16
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.js +4 -4
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.d.ts.map +1 -1
- package/dist/modules/data/BarChart.js +2 -2
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +1 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.d.ts +3 -1
- package/dist/modules/data/ChartStatus.d.ts.map +1 -1
- package/dist/modules/data/ChartStatus.js +3 -3
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js +2 -22
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/LineBarChart.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.js +2 -2
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.d.ts.map +1 -1
- package/dist/modules/data/LineChart.js +2 -2
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.d.ts.map +1 -1
- package/dist/modules/data/PieChart.js +2 -2
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +2 -0
- package/dist/modules/data/interfaces.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +1 -1
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts +2 -0
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +8 -12
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/styles/border.scss +10 -0
- package/dist/styles/display.scss +116 -0
- package/dist/styles/flex.scss +305 -6
- package/dist/styles/global.scss +0 -33
- package/dist/styles/grid.scss +110 -24
- package/dist/styles/index.scss +13 -14
- package/dist/styles/position.scss +932 -0
- package/dist/types.d.ts +3 -2
- package/dist/types.d.ts.map +1 -1
- package/package.json +102 -100
- package/dist/styles/layout.scss +0 -119
- package/next-env.d.ts +0 -5
|
@@ -3,17 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Column, Media, Text, Row, Card, Skeleton } from ".";
|
|
4
4
|
import { useOgData } from "../hooks/useFetchOg";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
|
-
// This function is now simplified since the main proxying happens in the useFetchOg hook
|
|
7
|
-
const getProxiedImageUrl = (imageUrl, proxyFn) => {
|
|
8
|
-
if (!imageUrl)
|
|
9
|
-
return "";
|
|
10
|
-
// Local URLs don't need proxying
|
|
11
|
-
if (imageUrl.startsWith("/")) {
|
|
12
|
-
return imageUrl;
|
|
13
|
-
}
|
|
14
|
-
// Use the provided proxy function or return the URL directly
|
|
15
|
-
return proxyFn ? proxyFn(imageUrl) : imageUrl;
|
|
16
|
-
};
|
|
17
6
|
const formatDisplayUrl = (url) => {
|
|
18
7
|
if (!url)
|
|
19
8
|
return "";
|
|
@@ -44,31 +33,56 @@ const getFaviconUrl = (url, proxyFn) => {
|
|
|
44
33
|
return "";
|
|
45
34
|
}
|
|
46
35
|
};
|
|
47
|
-
const OgCard = ({ url, ogData: providedOgData, direction = "column",
|
|
48
|
-
const displayOptions = {
|
|
49
|
-
favicon: true,
|
|
50
|
-
domain: true,
|
|
51
|
-
title: true,
|
|
52
|
-
description: true,
|
|
53
|
-
image: true,
|
|
54
|
-
...display,
|
|
55
|
-
};
|
|
36
|
+
const OgCard = ({ url, ogData: providedOgData, direction = "column", sizes = "320px", size = "m", serviceConfig = {}, title, description, favicon, image, cardUrl, ...card }) => {
|
|
56
37
|
const { ogData: fetchedOgData, loading } = useOgData(url || null, serviceConfig.fetchOgUrl, serviceConfig.proxyOgUrl);
|
|
57
38
|
const data = providedOgData || fetchedOgData;
|
|
58
|
-
//
|
|
59
|
-
|
|
60
|
-
|
|
39
|
+
// Resolve content based on props
|
|
40
|
+
const resolvedTitle = useMemo(() => {
|
|
41
|
+
if (title === false)
|
|
42
|
+
return null;
|
|
43
|
+
if (typeof title === 'string')
|
|
44
|
+
return title;
|
|
45
|
+
return data?.title;
|
|
46
|
+
}, [title, data?.title]);
|
|
47
|
+
const resolvedDescription = useMemo(() => {
|
|
48
|
+
if (description === false)
|
|
49
|
+
return null;
|
|
50
|
+
if (typeof description === 'string')
|
|
51
|
+
return description;
|
|
52
|
+
return data?.description;
|
|
53
|
+
}, [description, data?.description]);
|
|
54
|
+
const resolvedFavicon = useMemo(() => {
|
|
55
|
+
if (favicon === false)
|
|
56
|
+
return null;
|
|
57
|
+
if (typeof favicon === 'string')
|
|
58
|
+
return favicon;
|
|
59
|
+
return data?.faviconUrl || (data?.url ? getFaviconUrl(data.url, serviceConfig.proxyFaviconUrl) : "");
|
|
60
|
+
}, [favicon, data?.faviconUrl, data?.url, serviceConfig.proxyFaviconUrl]);
|
|
61
|
+
const resolvedImage = useMemo(() => {
|
|
62
|
+
if (image === false)
|
|
63
|
+
return null;
|
|
64
|
+
if (typeof image === 'string')
|
|
65
|
+
return image;
|
|
61
66
|
return data?.image ? (serviceConfig.proxyImageUrl
|
|
62
67
|
? serviceConfig.proxyImageUrl(data.image)
|
|
63
68
|
: data.image) : "";
|
|
64
|
-
}, [data?.image, serviceConfig.proxyImageUrl]);
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
+
}, [image, data?.image, serviceConfig.proxyImageUrl]);
|
|
70
|
+
const resolvedUrl = useMemo(() => {
|
|
71
|
+
if (cardUrl === false)
|
|
72
|
+
return null;
|
|
73
|
+
if (typeof cardUrl === 'string')
|
|
74
|
+
return cardUrl;
|
|
75
|
+
return data?.url;
|
|
76
|
+
}, [cardUrl, data?.url]);
|
|
77
|
+
// With our updated useOgData hook, images are already proxied through the API
|
|
78
|
+
// We only need additional proxying if a custom proxyImageUrl function is provided
|
|
79
|
+
const proxiedImageUrl = useMemo(() => {
|
|
80
|
+
return resolvedImage || "";
|
|
81
|
+
}, [resolvedImage]);
|
|
82
|
+
if (!loading && (!data || (!resolvedImage && !resolvedTitle))) {
|
|
69
83
|
return null;
|
|
70
84
|
}
|
|
71
|
-
return (_jsxs(Card, { href:
|
|
85
|
+
return (_jsxs(Card, { href: resolvedUrl || undefined, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium", ...card, children: [resolvedImage !== null && (proxiedImageUrl || loading) && (_jsx(Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: sizes, aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), _jsxs(Column, { fillWidth: true, paddingX: size === "s" ? "8" : size === "m" ? "12" : "32", paddingY: size === "s" ? "8" : size === "m" ? "12" : "24", gap: (size === "s" || size === "m") ? "8" : "20", children: [resolvedFavicon !== null && (_jsxs(Row, { fillWidth: true, gap: "8", vertical: "center", children: [_jsx(Media, { aspectRatio: "1/1", sizes: "24px", src: resolvedFavicon, loading: loading, minWidth: "16", maxWidth: "16", fillWidth: false, radius: "xs", border: "neutral-alpha-weak" }), resolvedUrl && (loading ? (_jsx(Skeleton, { shape: "line", width: "xs", height: "xs" })) : (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: formatDisplayUrl(resolvedUrl) })))] })), _jsxs(Column, { fillWidth: true, gap: size === "s" ? "4" : size === "m" ? "8" : "12", children: [resolvedTitle !== null && (loading ? (_jsx(Skeleton, { shape: "line", width: "s", height: "s" })) : resolvedTitle && (_jsx(Text, { variant: size === "s" ? "label-default-s" : size === "m" ? "label-default-m" : "label-default-l", children: resolvedTitle }))), resolvedDescription !== null && (loading ? (_jsxs(Column, { fillWidth: true, paddingY: "8", gap: "8", children: [_jsx(Skeleton, { shape: "line", width: "xl", height: "xs" }), _jsx(Skeleton, { shape: "line", width: "l", height: "xs" })] })) : resolvedDescription ? (_jsx(Text, { variant: size === "s" ? "label-default-s" : size === "m" ? "label-default-m" : "label-default-l", onBackground: "neutral-weak", children: resolvedDescription })) : null)] })] })] }));
|
|
72
86
|
};
|
|
73
87
|
OgCard.displayName = "OgCard";
|
|
74
88
|
export { OgCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/components/Option.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/components/Option.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAEtF,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,MAAM,oFAoIX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,25 +1,64 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import classNames from "classnames";
|
|
3
|
-
import {
|
|
4
|
+
import { Text, ElementType, Column, Row } from ".";
|
|
4
5
|
import styles from "./Option.module.scss";
|
|
5
|
-
import { forwardRef } from "react";
|
|
6
|
-
const Option = forwardRef(({ label, value, href, hasPrefix, hasSuffix, description, danger, selected, highlighted, tabIndex, onClick, onLinkClick, children, ...props }, ref) => {
|
|
7
|
-
if
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
import { forwardRef, useRef, useEffect, useState } from "react";
|
|
7
|
+
const Option = forwardRef(({ label, value, href, hasPrefix, hasSuffix, description, danger, selected, disabled = false, highlighted, tabIndex, onClick, onLinkClick, children, ...props }, ref) => {
|
|
8
|
+
// Track if the element has the highlighted class applied by ArrowNavigation
|
|
9
|
+
const [isHighlightedByClass, setIsHighlightedByClass] = useState(false);
|
|
10
|
+
// Use a more generic type that works with ElementType
|
|
11
|
+
const elementRef = useRef(null);
|
|
12
|
+
// Check for highlighted class applied by ArrowNavigation
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (!elementRef.current)
|
|
15
|
+
return;
|
|
16
|
+
const observer = new MutationObserver((mutations) => {
|
|
17
|
+
mutations.forEach((mutation) => {
|
|
18
|
+
if (mutation.type === 'attributes' &&
|
|
19
|
+
(mutation.attributeName === 'class' ||
|
|
20
|
+
mutation.attributeName === 'data-highlighted')) {
|
|
21
|
+
if (mutation.target instanceof HTMLElement) {
|
|
22
|
+
const element = mutation.target;
|
|
23
|
+
setIsHighlightedByClass(element.classList.contains('highlighted') ||
|
|
24
|
+
element.getAttribute('data-highlighted') === 'true');
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
observer.observe(elementRef.current, {
|
|
30
|
+
attributes: true,
|
|
31
|
+
attributeFilter: ['class', 'data-highlighted']
|
|
32
|
+
});
|
|
33
|
+
// Initial check
|
|
34
|
+
setIsHighlightedByClass(elementRef.current.classList.contains('highlighted') ||
|
|
35
|
+
elementRef.current.getAttribute('data-highlighted') === 'true');
|
|
36
|
+
return () => observer.disconnect();
|
|
37
|
+
}, []);
|
|
38
|
+
return (_jsx(ElementType, { tabIndex: tabIndex, ref: (el) => {
|
|
39
|
+
// Forward the ref
|
|
40
|
+
if (typeof ref === 'function') {
|
|
41
|
+
ref(el);
|
|
42
|
+
}
|
|
43
|
+
else if (ref) {
|
|
44
|
+
ref.current = el;
|
|
45
|
+
}
|
|
46
|
+
// Store our own ref
|
|
47
|
+
elementRef.current = el;
|
|
48
|
+
}, href: href, disabled: disabled, className: "reset-button-styles fill-width", onLinkClick: onLinkClick, onClick: () => onClick?.(value), "data-value": value, role: "option", "aria-selected": selected, "aria-disabled": disabled, onKeyDown: (e) => {
|
|
49
|
+
if ((e.key === "Enter" || e.key === " ") && !disabled) {
|
|
12
50
|
e.preventDefault();
|
|
13
51
|
e.stopPropagation();
|
|
14
|
-
|
|
52
|
+
elementRef.current?.click();
|
|
15
53
|
}
|
|
16
|
-
}, children: _jsxs(
|
|
54
|
+
}, children: _jsxs(Row, { ...props, fillWidth: true, vertical: "center", paddingX: "12", paddingY: "8", gap: "12", radius: "m", tabIndex: -1, borderWidth: 1, borderStyle: "solid", cursor: disabled ? "not-allowed" : "interactive", transition: "micro-medium", className: classNames(styles.option, {
|
|
17
55
|
[styles.danger]: danger,
|
|
18
56
|
[styles.selected]: selected,
|
|
19
|
-
[styles.highlighted]: highlighted,
|
|
20
|
-
|
|
57
|
+
[styles.highlighted]: highlighted || isHighlightedByClass,
|
|
58
|
+
[styles.disabled]: disabled,
|
|
59
|
+
}), children: [hasPrefix && _jsx(Row, { className: styles.prefix, children: hasPrefix }), children, _jsxs(Column, { horizontal: "start", style: {
|
|
21
60
|
whiteSpace: "nowrap",
|
|
22
|
-
}, fillWidth: true,
|
|
61
|
+
}, fillWidth: true, children: [_jsx(Text, { onBackground: "neutral-strong", variant: "label-default-s", children: label }), description && (_jsx(Text, { variant: "body-default-xs", onBackground: "neutral-weak", children: description }))] }), hasSuffix && _jsx(Row, { className: styles.suffix, children: hasSuffix })] }) }));
|
|
23
62
|
});
|
|
24
63
|
Option.displayName = "Option";
|
|
25
64
|
export { Option };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../src/components/Option.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../src/components/Option.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,11 @@
|
|
|
5
5
|
background: var(--neutral-alpha-weak);
|
|
6
6
|
border-color: var(--neutral-alpha-medium);
|
|
7
7
|
outline: none;
|
|
8
|
+
|
|
9
|
+
&:disabled {
|
|
10
|
+
background: var(--neutral-alpha-weak);
|
|
11
|
+
color: var(--neutral-on-background-weak);
|
|
12
|
+
}
|
|
8
13
|
}
|
|
9
14
|
|
|
10
15
|
&.selected {
|
|
@@ -26,8 +31,14 @@
|
|
|
26
31
|
border-color: var(--danger-border-strong);
|
|
27
32
|
}
|
|
28
33
|
}
|
|
29
|
-
|
|
34
|
+
}
|
|
30
35
|
|
|
31
|
-
|
|
36
|
+
.focused {
|
|
32
37
|
background: var(--neutral-background-strong);
|
|
33
|
-
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.disabled {
|
|
41
|
+
background: var(--neutral-alpha-weak);
|
|
42
|
+
color: var(--neutral-on-background-weak);
|
|
43
|
+
border: none;
|
|
44
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Flex } from ".";
|
|
3
|
+
import { StyleProps } from "@/interfaces";
|
|
4
|
+
interface ProgressBarProps extends React.ComponentProps<typeof Flex> {
|
|
5
|
+
value: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
label?: boolean;
|
|
9
|
+
barBackground?: StyleProps["solid"];
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export { ProgressBar };
|
|
15
|
+
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAmB,IAAI,EAAQ,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,sGAiDhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { Column, CountFx, Flex, Text } from ".";
|
|
6
|
+
const ProgressBar = forwardRef(({ value, min = 0, max = 100, label = true, barBackground = "brand-strong", className, style, ...rest }, ref) => {
|
|
7
|
+
const percent = Math.max(0, Math.min(100, ((value - min) / (max - min)) * 100));
|
|
8
|
+
return (_jsxs(Column, { horizontal: "center", gap: "16", fillWidth: true, ref: ref, style: style, className: classNames(className), ...rest, children: [_jsx(Flex, { background: "neutral-medium", border: "neutral-alpha-weak", fillWidth: true, radius: "full", overflow: "hidden", height: "8", role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, children: _jsx(Flex, { style: { width: `${percent}%`, transition: "width 1000ms ease-in-out" }, fillHeight: true, solid: barBackground, radius: "full" }) }), label && _jsxs(Text, { align: "center", children: [_jsx(CountFx, { value: value, speed: 1000, duration: 1000, easing: "ease-in-out" }), "%"] })] }));
|
|
9
|
+
});
|
|
10
|
+
ProgressBar.displayName = "ProgressBar";
|
|
11
|
+
export { ProgressBar };
|
|
12
|
+
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAahD,MAAM,WAAW,GAAG,UAAU,CAC5B,CACE,EACE,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,IAAI,EACZ,aAAa,GAAG,cAAc,EAC9B,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CACtB,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CACnD,CAAC;IACF,OAAO,CACL,MAAC,MAAM,IACL,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,IAAI,EACR,SAAS,QAAC,GAAG,EAAE,GAAG,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAC5B,IAAI,aACR,KAAC,IAAI,IACH,UAAU,EAAC,gBAAgB,EAC3B,MAAM,EAAC,oBAAoB,EAC3B,SAAS,QACT,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,GAAG,EACV,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,GAAG,mBACH,GAAG,YAElB,KAAC,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,UAAU,EAAE,0BAA0B,EAAE,EACvE,UAAU,QACV,KAAK,EAAE,aAAa,EACpB,MAAM,EAAC,MAAM,GACb,GACG,EACN,KAAK,IAAI,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAAC,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,aAAa,GAAE,SAAQ,IAC1G,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { SpacingToken } from "../types";
|
|
|
3
3
|
import { Flex } from ".";
|
|
4
4
|
interface RevealFxProps extends React.ComponentProps<typeof Flex> {
|
|
5
5
|
children: React.ReactNode;
|
|
6
|
-
speed?: "slow" | "medium" | "fast";
|
|
6
|
+
speed?: "slow" | "medium" | "fast" | number;
|
|
7
7
|
delay?: number;
|
|
8
8
|
revealedByDefault?: boolean;
|
|
9
9
|
translateY?: number | SpacingToken;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevealFx.d.ts","sourceRoot":"","sources":["../../src/components/RevealFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"RevealFx.d.ts","sourceRoot":"","sources":["../../src/components/RevealFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,mGA2Hb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -8,6 +8,9 @@ const RevealFx = forwardRef(({ children, speed = "medium", delay = 0, revealedBy
|
|
|
8
8
|
const [maskRemoved, setMaskRemoved] = useState(false);
|
|
9
9
|
const transitionTimeoutRef = useRef(null);
|
|
10
10
|
const getSpeedDurationMs = () => {
|
|
11
|
+
if (typeof speed === "number") {
|
|
12
|
+
return speed;
|
|
13
|
+
}
|
|
11
14
|
switch (speed) {
|
|
12
15
|
case "fast":
|
|
13
16
|
return 1000;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevealFx.js","sourceRoot":"","sources":["../../src/components/RevealFx.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RevealFx.js","sourceRoot":"","sources":["../../src/components/RevealFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,GAAG,kHAMP,CAAC;AAGH,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
package/dist/components/Row.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,GAAG,GAAG,UAAU,CAA2B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9E,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACrB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
|
@@ -4,14 +4,15 @@ import { Placement } from "@floating-ui/react-dom";
|
|
|
4
4
|
type SelectOptionType = Omit<OptionProps, "selected">;
|
|
5
5
|
interface SelectProps extends Omit<InputProps, "onSelect" | "value">, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
|
|
6
6
|
options: SelectOptionType[];
|
|
7
|
-
value?: string;
|
|
7
|
+
value?: string | string[];
|
|
8
8
|
emptyState?: ReactNode;
|
|
9
|
-
onSelect?: (value:
|
|
9
|
+
onSelect?: (value: any) => void;
|
|
10
10
|
placement?: Placement;
|
|
11
11
|
searchable?: boolean;
|
|
12
12
|
className?: string;
|
|
13
13
|
style?: React.CSSProperties;
|
|
14
14
|
fillWidth?: boolean;
|
|
15
|
+
multiple?: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
18
|
export { Select };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAA2C,SAAS,EAAS,MAAM,OAAO,CAAC;AAEzF,OAAO,EAML,UAAU,EAEV,WAAW,EACX,oBAAoB,EAGrB,MAAM,GAAG,CAAC;AAEX,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEtD,UAAU,WACR,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,EAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,oFAkRX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|