@once-ui-system/core 1.0.13 → 1.0.14
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.js +15 -33
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.js +6 -24
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Arrow.js +15 -32
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/AutoScroll.js +7 -25
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Avatar.js +19 -30
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup.js +14 -26
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.js +37 -59
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Badge.js +14 -61
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Banner.js +5 -22
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +12 -29
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.js +11 -27
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.js +18 -32
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.js +18 -36
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.js +20 -35
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ColorInput.js +12 -27
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/Column.js +6 -21
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CompareImage.js +15 -33
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CursorCard.js +23 -37
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.js +24 -35
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.js +40 -65
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +17 -35
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.js +15 -30
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.js +33 -87
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.js +6 -21
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.js +42 -45
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +10 -28
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/Fade.js +19 -33
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/Feedback.js +6 -21
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.js +18 -26
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FlipFx.js +29 -37
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/GlitchFx.js +13 -31
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Grid.js +18 -26
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/Heading.js +10 -24
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.js +35 -36
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.js +14 -32
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.js +15 -33
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.js +16 -63
- package/dist/components/InfiniteScroll.js.map +1 -1
- package/dist/components/InlineCode.js +8 -26
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.js +31 -49
- package/dist/components/Input.js.map +1 -1
- package/dist/components/InteractiveDetails.js +6 -9
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.js +5 -22
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/LetterFx.js +13 -19
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/Line.js +6 -21
- package/dist/components/Line.js.map +1 -1
- package/dist/components/Logo.js +12 -30
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.js +14 -29
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.js +17 -32
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/Media.js +25 -36
- package/dist/components/Media.js.map +1 -1
- package/dist/components/NavIcon.js +8 -26
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.js +11 -30
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OTPInput.js +16 -37
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/OgCard.js +22 -30
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.js +15 -33
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.js +9 -57
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/PasswordInput.js +8 -11
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/RadioButton.js +17 -35
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.js +18 -32
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/Row.js +6 -21
- package/dist/components/Row.js.map +1 -1
- package/dist/components/ScrollToTop.js +9 -28
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.js +30 -77
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.js +15 -32
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.js +32 -50
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Skeleton.js +8 -26
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/SmartLink.js +28 -34
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.js +8 -26
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.js +8 -26
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StyleOverlay.js +9 -27
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.js +45 -63
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +18 -36
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.js +12 -29
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.js +8 -26
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/TagInput.js +9 -24
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Text.js +10 -24
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.js +34 -81
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.js +10 -46
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/TiltFx.js +8 -26
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Toast.js +14 -20
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.js +10 -16
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/ToggleButton.js +9 -27
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.js +11 -25
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/User.js +8 -25
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.js +8 -26
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.js +81 -97
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.js +23 -19
- package/dist/contexts/DataThemeProvider.js.map +1 -1
- package/dist/contexts/IconProvider.js +9 -14
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.js +43 -32
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/ToastProvider.js +14 -15
- package/dist/contexts/ToastProvider.js.map +1 -1
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/index.js.map +1 -1
- package/dist/hooks/index.js +3 -19
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useDebounce.d.ts.map +1 -1
- package/dist/hooks/useDebounce.js +5 -7
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -11
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/hooks/useHeadingLinks.d.ts.map +1 -1
- package/dist/hooks/useHeadingLinks.js +5 -8
- package/dist/hooks/useHeadingLinks.js.map +1 -1
- package/dist/icons.js +31 -34
- package/dist/icons.js.map +1 -1
- package/dist/index.js +8 -24
- package/dist/index.js.map +1 -1
- package/dist/interfaces.js +1 -2
- package/dist/modules/code/CodeBlock.js +33 -84
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.js +30 -75
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +29 -45
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.js +4 -8
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.js +14 -17
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/Gradient.js +6 -11
- package/dist/modules/data/Gradient.js.map +1 -1
- package/dist/modules/data/Legend.js +8 -11
- package/dist/modules/data/Legend.js.map +1 -1
- package/dist/modules/data/LineBarChart.js +29 -77
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.js +42 -87
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.js +28 -78
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/Swatch.js +17 -12
- package/dist/modules/data/Swatch.js.map +1 -1
- package/dist/modules/data/index.js +11 -27
- package/dist/modules/data/index.js.map +1 -1
- package/dist/modules/data/interfaces.js +1 -2
- package/dist/modules/data/utils/colorDistribution.js +8 -12
- package/dist/modules/data/utils/colorDistribution.js.map +1 -1
- package/dist/modules/data/utils/formatDate.js +6 -9
- package/dist/modules/data/utils/formatDate.js.map +1 -1
- package/dist/modules/index.js +19 -41
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.js +16 -34
- package/dist/modules/media/MediaUpload.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +7 -26
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/HeadingNav.js +24 -42
- package/dist/modules/navigation/HeadingNav.js.map +1 -1
- package/dist/modules/navigation/Kbar.js +52 -109
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +27 -44
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +10 -25
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/navigation/index.js +5 -21
- package/dist/modules/navigation/index.js.map +1 -1
- package/dist/modules/seo/Meta.js +28 -19
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.js +16 -17
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/package.json +2 -4
- package/dist/types.js +1 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/devLogger.js +1 -4
- package/dist/utils/devLogger.js.map +1 -1
- package/dist/utils/index.js +1 -17
- package/dist/utils/index.js.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +18 -20
|
@@ -1,25 +1,10 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
exports.TagInput = void 0;
|
|
16
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
17
|
-
const react_1 = require("react");
|
|
18
|
-
const _1 = require(".");
|
|
19
|
-
const TagInput = (0, react_1.forwardRef)((_a, ref) => {
|
|
20
|
-
var { value, onChange, label, placeholder } = _a, inputProps = __rest(_a, ["value", "onChange", "label", "placeholder"]);
|
|
21
|
-
const [inputValue, setInputValue] = (0, react_1.useState)("");
|
|
22
|
-
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, forwardRef, } from "react";
|
|
4
|
+
import { Flex, Chip, Input } from ".";
|
|
5
|
+
const TagInput = forwardRef(({ value, onChange, label, placeholder, ...inputProps }, ref) => {
|
|
6
|
+
const [inputValue, setInputValue] = useState("");
|
|
7
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
23
8
|
const handleInputChange = (e) => {
|
|
24
9
|
setInputValue(e.target.value);
|
|
25
10
|
};
|
|
@@ -42,10 +27,10 @@ const TagInput = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
42
27
|
const handleBlur = (e) => {
|
|
43
28
|
setIsFocused(false);
|
|
44
29
|
};
|
|
45
|
-
return ((
|
|
30
|
+
return (_jsx(Input, { ref: ref, label: label, placeholder: placeholder, value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "aria-haspopup": "listbox", "aria-expanded": isFocused, ...inputProps, children: value.length > 0 && (_jsx(Flex, { style: {
|
|
46
31
|
margin: "calc(-1 * var(--static-space-8)) var(--static-space-8)",
|
|
47
|
-
}, direction: "row", gap: "4", vertical: "center", wrap: true, paddingY: "16", children: value.map((tag, index) => ((
|
|
32
|
+
}, direction: "row", gap: "4", vertical: "center", wrap: true, paddingY: "16", children: value.map((tag, index) => (_jsx(Chip, { label: tag, onRemove: () => handleRemoveTag(index), "aria-label": `Remove tag ${tag}` }, index))) })) }));
|
|
48
33
|
});
|
|
49
|
-
exports.TagInput = TagInput;
|
|
50
34
|
TagInput.displayName = "TagInput";
|
|
35
|
+
export { TagInput };
|
|
51
36
|
//# sourceMappingURL=TagInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagInput.js","sourceRoot":"","sources":["../../src/components/TagInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TagInput.js","sourceRoot":"","sources":["../../src/components/TagInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,QAAQ,EAIR,UAAU,GACX,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAc,MAAM,GAAG,CAAC;AAOlD,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,iBAAiB,GAAyC,CAAC,CAAC,EAAE,EAAE;QACpE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,aAAa,GAA2C,CAAC,CAAC,EAAE,EAAE;QAClE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC;gBACtB,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACxC,aAAa,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;QACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;QACrD,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAwC,GAAG,EAAE;QAC5D,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAwC,CAAC,CAAC,EAAE,EAAE;QAC5D,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,mBACJ,SAAS,mBACR,SAAS,KACpB,UAAU,YAEb,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,KAAC,IAAI,IACH,KAAK,EAAE;gBACL,MAAM,EAAE,wDAAwD;aACjE,EACD,SAAS,EAAC,KAAK,EACf,GAAG,EAAC,GAAG,EACP,QAAQ,EAAC,QAAQ,EACjB,IAAI,QACJ,QAAQ,EAAC,IAAI,YAEZ,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,KAAC,IAAI,IAEH,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,gBAC1B,cAAc,GAAG,EAAE,IAH1B,KAAK,CAIV,CACH,CAAC,GACG,CACR,GACK,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/components/Text.js
CHANGED
|
@@ -1,24 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Text = void 0;
|
|
18
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
const Text = (_a) => {
|
|
21
|
-
var { as, variant, size, weight, onBackground, onSolid, align, wrap, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, className, truncate } = _a, props = __rest(_a, ["as", "variant", "size", "weight", "onBackground", "onSolid", "align", "wrap", "padding", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "paddingX", "paddingY", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom", "marginX", "marginY", "children", "style", "className", "truncate"]);
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
const Text = ({ as, variant, size, weight, onBackground, onSolid, align, wrap, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, paddingX, paddingY, margin, marginLeft, marginRight, marginTop, marginBottom, marginX, marginY, children, style, className, truncate, ...props }) => {
|
|
22
4
|
const Component = as || "span";
|
|
23
5
|
if (variant && (size || weight)) {
|
|
24
6
|
console.warn("When 'variant' is set, 'size' and 'weight' are ignored.");
|
|
@@ -45,9 +27,13 @@ const Text = (_a) => {
|
|
|
45
27
|
const generateClassName = (prefix, token) => {
|
|
46
28
|
return token ? `${prefix}-${token}` : undefined;
|
|
47
29
|
};
|
|
48
|
-
const combinedClasses = (
|
|
49
|
-
return ((
|
|
30
|
+
const combinedClasses = classNames(...classes, colorClass, className, generateClassName("p", padding), generateClassName("pl", paddingLeft), generateClassName("pr", paddingRight), generateClassName("pt", paddingTop), generateClassName("pb", paddingBottom), generateClassName("px", paddingX), generateClassName("py", paddingY), generateClassName("m", margin), generateClassName("ml", marginLeft), generateClassName("mr", marginRight), generateClassName("mt", marginTop), generateClassName("mb", marginBottom), generateClassName("mx", marginX), generateClassName("my", marginY), truncate && "truncate");
|
|
31
|
+
return (_jsx(Component, { className: combinedClasses, style: {
|
|
32
|
+
textAlign: align,
|
|
33
|
+
textWrap: wrap,
|
|
34
|
+
...style,
|
|
35
|
+
}, ...props, children: children }));
|
|
50
36
|
};
|
|
51
|
-
exports.Text = Text;
|
|
52
37
|
Text.displayName = "Text";
|
|
38
|
+
export { Text };
|
|
53
39
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,68 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
-
var ownKeys = function(o) {
|
|
21
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
-
var ar = [];
|
|
23
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
-
return ar;
|
|
25
|
-
};
|
|
26
|
-
return ownKeys(o);
|
|
27
|
-
};
|
|
28
|
-
return function (mod) {
|
|
29
|
-
if (mod && mod.__esModule) return mod;
|
|
30
|
-
var result = {};
|
|
31
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
-
__setModuleDefault(result, mod);
|
|
33
|
-
return result;
|
|
34
|
-
};
|
|
35
|
-
})();
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
-
};
|
|
50
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
-
exports.Textarea = void 0;
|
|
52
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
const react_1 = __importStar(require("react"));
|
|
54
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
55
|
-
const _1 = require(".");
|
|
56
|
-
const Input_module_scss_1 = __importDefault(require("./Input.module.scss"));
|
|
57
|
-
const useDebounce_1 = require("../hooks/useDebounce");
|
|
58
|
-
const Textarea = (0, react_1.forwardRef)((_a, ref) => {
|
|
59
|
-
var { id, label, placeholder, lines = 3, error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, resize = "vertical", validate, children, onFocus, onBlur, onChange, style } = _a, props = __rest(_a, ["id", "label", "placeholder", "lines", "error", "errorMessage", "description", "radius", "className", "hasPrefix", "hasSuffix", "resize", "validate", "children", "onFocus", "onBlur", "onChange", "style"]);
|
|
60
|
-
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
61
|
-
const [isFilled, setIsFilled] = (0, react_1.useState)(!!props.value);
|
|
62
|
-
const [validationError, setValidationError] = (0, react_1.useState)(null);
|
|
63
|
-
const [height, setHeight] = (0, react_1.useState)(undefined);
|
|
64
|
-
const textareaRef = react_1.default.useRef(null);
|
|
65
|
-
const debouncedValue = (0, useDebounce_1.useDebounce)(props.value, 1000);
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useState, useEffect, forwardRef, useCallback, } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { Flex, Text } from ".";
|
|
6
|
+
import styles from "./Input.module.scss";
|
|
7
|
+
import { useDebounce } from "../hooks/useDebounce";
|
|
8
|
+
const Textarea = forwardRef(({ id, label, placeholder, lines = 3, error = false, errorMessage, description, radius, className, hasPrefix, hasSuffix, resize = "vertical", validate, children, onFocus, onBlur, onChange, style, ...props }, ref) => {
|
|
9
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
10
|
+
const [isFilled, setIsFilled] = useState(!!props.value);
|
|
11
|
+
const [validationError, setValidationError] = useState(null);
|
|
12
|
+
const [height, setHeight] = useState(undefined);
|
|
13
|
+
const textareaRef = React.useRef(null);
|
|
14
|
+
const debouncedValue = useDebounce(props.value, 1000);
|
|
66
15
|
const adjustHeight = () => {
|
|
67
16
|
if (textareaRef.current) {
|
|
68
17
|
textareaRef.current.style.height = "auto";
|
|
@@ -87,7 +36,7 @@ const Textarea = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
87
36
|
if (onBlur)
|
|
88
37
|
onBlur(event);
|
|
89
38
|
};
|
|
90
|
-
const validateInput =
|
|
39
|
+
const validateInput = useCallback(() => {
|
|
91
40
|
if (!debouncedValue) {
|
|
92
41
|
setValidationError(null);
|
|
93
42
|
return;
|
|
@@ -105,26 +54,26 @@ const Textarea = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
105
54
|
setValidationError(null);
|
|
106
55
|
}
|
|
107
56
|
}, [debouncedValue, validate, errorMessage]);
|
|
108
|
-
|
|
57
|
+
useEffect(() => {
|
|
109
58
|
validateInput();
|
|
110
59
|
}, [debouncedValue, validateInput]);
|
|
111
|
-
|
|
60
|
+
useEffect(() => {
|
|
112
61
|
if (lines === "auto") {
|
|
113
62
|
adjustHeight();
|
|
114
63
|
}
|
|
115
64
|
}, [props.value, lines]);
|
|
116
65
|
const displayError = validationError || errorMessage;
|
|
117
|
-
const textareaClassNames = (
|
|
118
|
-
[
|
|
119
|
-
[
|
|
120
|
-
[
|
|
121
|
-
[
|
|
122
|
-
[
|
|
123
|
-
[
|
|
66
|
+
const textareaClassNames = classNames(styles.input, styles.textarea, "font-body", "font-default", "font-m", {
|
|
67
|
+
[styles.filled]: isFilled,
|
|
68
|
+
[styles.focused]: isFocused,
|
|
69
|
+
[styles.withPrefix]: hasPrefix,
|
|
70
|
+
[styles.withSuffix]: hasSuffix,
|
|
71
|
+
[styles.placeholder]: placeholder,
|
|
72
|
+
[styles.hasChildren]: children,
|
|
124
73
|
});
|
|
125
|
-
return ((
|
|
126
|
-
[
|
|
127
|
-
}), children: [(
|
|
74
|
+
return (_jsxs(Flex, { direction: "column", gap: "8", fillWidth: true, fitHeight: true, className: classNames(className, {
|
|
75
|
+
[styles.error]: displayError && debouncedValue !== "",
|
|
76
|
+
}), children: [_jsxs(Flex, { minHeight: placeholder ? "48" : "56", transition: "micro-medium", border: "neutral-medium", background: "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, lines !== "auto" && resize !== "none" && styles.textareaBase, radius === "none" ? "radius-none" : radius ? `radius-l-${radius}` : "radius-l"), children: [hasPrefix && (_jsx(Flex, { paddingLeft: "12", className: styles.prefix, children: hasPrefix })), _jsxs(Flex, { fillWidth: true, direction: "column", children: [_jsx("textarea", { ...props, ref: (node) => {
|
|
128
77
|
if (typeof ref === "function") {
|
|
129
78
|
ref(node);
|
|
130
79
|
}
|
|
@@ -133,10 +82,14 @@ const Textarea = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
133
82
|
}
|
|
134
83
|
// @ts-ignore
|
|
135
84
|
textareaRef.current = node;
|
|
136
|
-
}, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, className: textareaClassNames, "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style:
|
|
137
|
-
|
|
138
|
-
|
|
85
|
+
}, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, onFocus: handleFocus, onBlur: handleBlur, className: textareaClassNames, "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
|
|
86
|
+
...style,
|
|
87
|
+
resize: lines === "auto" ? "none" : resize,
|
|
88
|
+
height: height ? `${height}rem` : "auto",
|
|
89
|
+
}, onChange: handleChange }), !placeholder && (_jsx(Text, { as: "label", variant: "label-default-m", htmlFor: id, className: classNames(styles.label, styles.textareaLabel, {
|
|
90
|
+
[styles.floating]: isFocused || isFilled,
|
|
91
|
+
}), children: label })), children] }), hasSuffix && (_jsx(Flex, { paddingRight: "12", className: styles.suffix, children: hasSuffix }))] }), displayError && errorMessage !== false && (_jsx(Flex, { paddingX: "16", children: _jsx(Text, { as: "span", id: `${id}-error`, variant: "body-default-s", onBackground: "danger-weak", children: displayError }) })), description && (_jsx(Flex, { paddingX: "16", children: _jsx(Text, { as: "span", id: `${id}-description`, variant: "body-default-s", onBackground: "neutral-weak", children: description }) }))] }));
|
|
139
92
|
});
|
|
140
|
-
exports.Textarea = Textarea;
|
|
141
93
|
Textarea.displayName = "Textarea";
|
|
94
|
+
export { Textarea };
|
|
142
95
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,49 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
-
var ownKeys = function(o) {
|
|
21
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
-
var ar = [];
|
|
23
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
-
return ar;
|
|
25
|
-
};
|
|
26
|
-
return ownKeys(o);
|
|
27
|
-
};
|
|
28
|
-
return function (mod) {
|
|
29
|
-
if (mod && mod.__esModule) return mod;
|
|
30
|
-
var result = {};
|
|
31
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
-
__setModuleDefault(result, mod);
|
|
33
|
-
return result;
|
|
34
|
-
};
|
|
35
|
-
})();
|
|
36
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
exports.ThemeSwitcher = void 0;
|
|
38
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
-
const react_1 = __importStar(require("react"));
|
|
40
|
-
const _1 = require(".");
|
|
41
|
-
const contexts_1 = require("../contexts");
|
|
42
|
-
const ThemeSwitcher = (0, react_1.forwardRef)((flex, ref) => {
|
|
43
|
-
const { theme, setTheme } = (0, contexts_1.useTheme)();
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { forwardRef } from "react";
|
|
4
|
+
import { Row, IconButton } from ".";
|
|
5
|
+
import { useTheme } from "../contexts";
|
|
6
|
+
const ThemeSwitcher = forwardRef((flex, ref) => {
|
|
7
|
+
const { theme, setTheme } = useTheme();
|
|
44
8
|
// Ensure the component properly reflects the current theme
|
|
45
|
-
const [mounted, setMounted] =
|
|
46
|
-
|
|
9
|
+
const [mounted, setMounted] = React.useState(false);
|
|
10
|
+
React.useEffect(() => {
|
|
47
11
|
setMounted(true);
|
|
48
12
|
}, []);
|
|
49
13
|
// If not mounted yet, pre-render with a consistent state that won't cause hydration mismatch
|
|
@@ -53,8 +17,8 @@ const ThemeSwitcher = (0, react_1.forwardRef)((flex, ref) => {
|
|
|
53
17
|
return "tertiary";
|
|
54
18
|
return theme === themeValue ? "primary" : "tertiary";
|
|
55
19
|
};
|
|
56
|
-
return ((
|
|
20
|
+
return (_jsxs(Row, { "data-border": "rounded", ref: ref, gap: "2", border: "neutral-alpha-weak", radius: "full", suppressHydrationWarning: true, ...flex, children: [_jsx(IconButton, { icon: "computer", variant: getVariant("system"), onClick: () => setTheme("system"), "aria-label": "System theme", suppressHydrationWarning: true }), _jsx(IconButton, { icon: "dark", variant: getVariant("dark"), onClick: () => setTheme("dark"), "aria-label": "Dark theme", suppressHydrationWarning: true }), _jsx(IconButton, { icon: "light", variant: getVariant("light"), onClick: () => setTheme("light"), "aria-label": "Light theme", suppressHydrationWarning: true })] }));
|
|
57
21
|
});
|
|
58
|
-
exports.ThemeSwitcher = ThemeSwitcher;
|
|
59
22
|
ThemeSwitcher.displayName = "ThemeSwitcher";
|
|
23
|
+
export { ThemeSwitcher };
|
|
60
24
|
//# sourceMappingURL=ThemeSwitcher.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,aAAa,GAAG,UAAU,CAAmD,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEvC,2DAA2D;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,6FAA6F;IAC7F,+EAA+E;IAC/E,MAAM,UAAU,GAAG,CAAC,UAAkB,EAAE,EAAE;QACxC,IAAI,CAAC,OAAO;YAAE,OAAO,UAAU,CAAC;QAChC,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IACvD,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,mBACU,SAAS,EACrB,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,oBAAoB,EAC3B,MAAM,EAAC,MAAM,EACb,wBAAwB,WACpB,IAAI,aAER,KAAC,UAAU,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBACtB,cAAc,EACzB,wBAAwB,SACxB,EACF,KAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,gBACpB,YAAY,EACvB,wBAAwB,SACxB,EACF,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,gBACrB,aAAa,EACxB,wBAAwB,SACxB,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,28 +1,10 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.TiltFx = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const TiltFx_module_scss_1 = __importDefault(require("./TiltFx.module.scss"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const TiltFx = (_a) => {
|
|
24
|
-
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
25
|
-
const ref = (0, react_1.useRef)(null);
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useRef } from "react";
|
|
4
|
+
import styles from "./TiltFx.module.scss";
|
|
5
|
+
import { Flex } from ".";
|
|
6
|
+
const TiltFx = ({ children, ...rest }) => {
|
|
7
|
+
const ref = useRef(null);
|
|
26
8
|
let lastCall = 0;
|
|
27
9
|
let resetTimeout;
|
|
28
10
|
const handleMouseMove = (e) => {
|
|
@@ -60,8 +42,8 @@ const TiltFx = (_a) => {
|
|
|
60
42
|
}, 100);
|
|
61
43
|
}
|
|
62
44
|
};
|
|
63
|
-
return ((
|
|
45
|
+
return (_jsx(Flex, { ref: ref, overflow: "hidden", className: styles.tiltFx, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, ...rest, children: children }));
|
|
64
46
|
};
|
|
65
|
-
|
|
47
|
+
export { TiltFx };
|
|
66
48
|
TiltFx.displayName = "TiltFx";
|
|
67
49
|
//# sourceMappingURL=TiltFx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TiltFx.js","sourceRoot":"","sources":["../../src/components/TiltFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,MAAM,GAA0B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC9D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,YAA4B,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC9D,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,GAAG,GAAG,QAAQ,GAAG,EAAE;YAAE,OAAO;QAChC,QAAQ,GAAG,GAAG,CAAC;QAEf,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC7C,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC;QACtC,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAEhC,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAC7C,MAAM,MAAM,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC;QAE7C,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5B,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;QAE5B,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,uDAAuD,OAAO,gBAAgB,OAAO,MAAM,CAAC;QACxH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,MAAM;YAAE,OAAO;QAErC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC7B,OAAO,CAAC,KAAK,CAAC,SAAS;oBACrB,sEAAsE,CAAC;YAC3E,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,KAC1B,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
package/dist/components/Toast.js
CHANGED
|
@@ -1,35 +1,29 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const _1 = require(".");
|
|
11
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
12
|
-
const Toast_module_scss_1 = __importDefault(require("./Toast.module.scss"));
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState, forwardRef } from "react";
|
|
4
|
+
import { IconButton, Icon, Flex, Row } from ".";
|
|
5
|
+
import classNames from "classnames";
|
|
6
|
+
import styles from "./Toast.module.scss";
|
|
13
7
|
const iconMap = {
|
|
14
8
|
success: "check",
|
|
15
9
|
danger: "danger",
|
|
16
10
|
};
|
|
17
|
-
const Toast =
|
|
18
|
-
const [visible, setVisible] =
|
|
19
|
-
|
|
11
|
+
const Toast = forwardRef(({ variant, className, icon = true, onClose, action, children }, ref) => {
|
|
12
|
+
const [visible, setVisible] = useState(true);
|
|
13
|
+
useEffect(() => {
|
|
20
14
|
const timer = setTimeout(() => setVisible(false), 6000);
|
|
21
15
|
return () => clearTimeout(timer);
|
|
22
16
|
}, []);
|
|
23
|
-
|
|
17
|
+
useEffect(() => {
|
|
24
18
|
if (!visible && onClose) {
|
|
25
19
|
onClose();
|
|
26
20
|
}
|
|
27
21
|
}, [visible, onClose]);
|
|
28
|
-
return ((
|
|
29
|
-
[
|
|
30
|
-
[
|
|
31
|
-
}), children: (
|
|
22
|
+
return (_jsx(Flex, { ref: ref, fillWidth: true, background: "surface", radius: "l", paddingY: "12", paddingX: "20", border: "neutral-medium", role: "alert", "aria-live": "assertive", className: classNames(className, styles.toast, styles[variant], {
|
|
23
|
+
[styles.visible]: visible,
|
|
24
|
+
[styles.hidden]: !visible,
|
|
25
|
+
}), children: _jsxs(Flex, { fillWidth: true, vertical: "center", gap: "8", children: [icon && _jsx(Icon, { size: "s", onBackground: `${variant}-medium`, name: iconMap[variant] }), _jsx(Row, { fillWidth: true, textVariant: "body-default-s", children: children }), action && action, onClose && (_jsx(IconButton, { variant: "ghost", icon: "close", size: "m", tooltip: "Hide", tooltipPosition: "top", onClick: () => setVisible(false) }))] }) }));
|
|
32
26
|
});
|
|
33
|
-
exports.Toast = Toast;
|
|
34
27
|
Toast.displayName = "Toast";
|
|
28
|
+
export { Toast };
|
|
35
29
|
//# sourceMappingURL=Toast.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAYzC,MAAM,OAAO,GAAiD;IAC5D,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACxB,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,QACT,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,GAAG,EACV,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,MAAM,EAAC,gBAAgB,EACvB,IAAI,EAAC,OAAO,eACF,WAAW,EACrB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YAC9D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;YACzB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO;SAC1B,CAAC,YAEF,MAAC,IAAI,IAAC,SAAS,QAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACtC,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,YAAY,EAAE,GAAG,OAAO,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,GAAI,EACrF,KAAC,GAAG,IAAC,SAAS,QAAC,WAAW,EAAC,gBAAgB,YACxC,QAAQ,GACL,EACL,MAAM,IAAI,MAAM,EAChB,OAAO,IAAI,CACV,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,MAAM,EACd,eAAe,EAAC,KAAK,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAChC,CACH,IACI,GACF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,29 +1,23 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const react_1 = require("react");
|
|
10
|
-
const react_dom_1 = require("react-dom");
|
|
11
|
-
const _1 = require(".");
|
|
12
|
-
const Toaster_module_scss_1 = __importDefault(require("./Toaster.module.scss"));
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
import { createPortal } from "react-dom";
|
|
5
|
+
import { Flex, Toast } from ".";
|
|
6
|
+
import styles from "./Toaster.module.scss";
|
|
13
7
|
const Toaster = ({ toasts, removeToast }) => {
|
|
14
|
-
const [mounted, setMounted] =
|
|
15
|
-
|
|
8
|
+
const [mounted, setMounted] = useState(false);
|
|
9
|
+
useEffect(() => {
|
|
16
10
|
setMounted(true);
|
|
17
11
|
return () => setMounted(false);
|
|
18
12
|
}, []);
|
|
19
13
|
if (!mounted)
|
|
20
14
|
return null;
|
|
21
|
-
return
|
|
15
|
+
return createPortal(_jsx(Flex, { zIndex: 10, fillWidth: true, direction: "column", maxWidth: 32, position: "fixed", className: styles.toastContainer, children: toasts.map((toast, index, array) => (_jsx(Flex, { padding: "4", fillWidth: true, position: "absolute", className: styles.toastWrapper, style: {
|
|
22
16
|
transformOrigin: "bottom center",
|
|
23
17
|
transform: `scale(${1 - (array.length - 1 - index) * 0.05}) translateY(${1 - (array.length - 1 - index) * 10}%)`,
|
|
24
18
|
opacity: array.length - 1 - index === 0 ? 1 : 0.9,
|
|
25
|
-
}, children: (
|
|
19
|
+
}, children: _jsx(Toast, { className: styles.toastAnimation, variant: toast.variant, onClose: () => removeToast(toast.id), action: toast.action, children: toast.message }) }, toast.id))) }), document.body);
|
|
26
20
|
};
|
|
27
|
-
exports.Toaster = Toaster;
|
|
28
21
|
Toaster.displayName = "Toaster";
|
|
22
|
+
export { Toaster };
|
|
29
23
|
//# sourceMappingURL=Toaster.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../src/components/Toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAChC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAY3C,MAAM,OAAO,GAA2B,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;IAClE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,YAAY,CACjB,KAAC,IAAI,IACH,MAAM,EAAE,EAAE,EACV,SAAS,QACT,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,EAAE,EACZ,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,MAAM,CAAC,cAAc,YAE/B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,KAAC,IAAI,IACH,OAAO,EAAC,GAAG,EACX,SAAS,QACT,QAAQ,EAAC,UAAU,EAEnB,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAE;gBACL,eAAe,EAAE,eAAe;gBAChC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,IAAI;gBAChH,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;aAClD,YAED,KAAC,KAAK,IACJ,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEnB,KAAK,CAAC,OAAO,GACR,IAfH,KAAK,CAAC,EAAE,CAgBR,CACR,CAAC,GACG,EACP,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|