@aristobyte-ui/button 1.0.3 → 1.0.5
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/tsconfig.tsbuildinfo +1 -1
- package/package.json +14 -13
- package/@types/index.d.ts +0 -4
- package/@types/styles/scss-modules.d.ts +0 -4
- package/assets/svg/i_Copy.svg +0 -1
- package/assets/svg/i_Error.svg +0 -1
- package/assets/svg/i_Info.svg +0 -1
- package/assets/svg/i_Success.svg +0 -1
- package/assets/svg/i_Warning.svg +0 -1
- package/components/Button/Button.module.scss +0 -875
- package/components/Button/index.tsx +0 -92
- package/components/ButtonGroup/ButtonGroup.module.scss +0 -66
- package/components/ButtonGroup/index.tsx +0 -55
- package/components/index.ts +0 -2
- package/dist/components/Anchor/index.js +0 -28
- package/dist/components/CodeBlock/index.js +0 -33
- package/dist/components/CodeBlock/types.js +0 -1
- package/dist/components/Dropdown/index.js +0 -73
- package/dist/components/DropdownOption/index.js +0 -13
- package/dist/components/MessageBox/index.js +0 -19
- package/dist/components/Radio/index.js +0 -10
- package/dist/components/RadioGroup/index.js +0 -21
- package/dist/components/Spinner/index.js +0 -6
- package/dist/components/Switch/index.js +0 -15
- package/dist/components/TabSwitchWithSlidingIndicator/index.js +0 -10
- package/dist/types/components/Anchor/index.d.ts +0 -6
- package/dist/types/components/Anchor/index.d.ts.map +0 -1
- package/dist/types/components/CodeBlock/index.d.ts +0 -11
- package/dist/types/components/CodeBlock/index.d.ts.map +0 -1
- package/dist/types/components/CodeBlock/types.d.ts +0 -3
- package/dist/types/components/CodeBlock/types.d.ts.map +0 -1
- package/dist/types/components/Dropdown/index.d.ts +0 -14
- package/dist/types/components/Dropdown/index.d.ts.map +0 -1
- package/dist/types/components/DropdownOption/index.d.ts +0 -12
- package/dist/types/components/DropdownOption/index.d.ts.map +0 -1
- package/dist/types/components/MessageBox/index.d.ts +0 -14
- package/dist/types/components/MessageBox/index.d.ts.map +0 -1
- package/dist/types/components/Radio/index.d.ts +0 -17
- package/dist/types/components/Radio/index.d.ts.map +0 -1
- package/dist/types/components/RadioGroup/index.d.ts +0 -18
- package/dist/types/components/RadioGroup/index.d.ts.map +0 -1
- package/dist/types/components/Spinner/index.d.ts +0 -9
- package/dist/types/components/Spinner/index.d.ts.map +0 -1
- package/dist/types/components/Switch/index.d.ts +0 -18
- package/dist/types/components/Switch/index.d.ts.map +0 -1
- package/dist/types/components/TabSwitchWithSlidingIndicator/index.d.ts +0 -9
- package/dist/types/components/TabSwitchWithSlidingIndicator/index.d.ts.map +0 -1
- package/eslint.config.mjs +0 -2
- package/index.ts +0 -1
- package/styles/_settings.scss +0 -179
- package/tsconfig.json +0 -11
- package/turbo/generators/config.ts +0 -30
- package/turbo/generators/templates/component.hbs +0 -8
- package/utils/Portal.tsx +0 -17
- package/utils/icons.ts +0 -13
- package/utils/index.ts +0 -2
- package/utils/ripple.tsx +0 -54
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { Spinner } from "@aristobyte-ui/spinner";
|
|
5
|
-
|
|
6
|
-
import { renderRipple } from "../../utils";
|
|
7
|
-
|
|
8
|
-
import styles from "./Button.module.scss";
|
|
9
|
-
|
|
10
|
-
export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
11
|
-
variant?:
|
|
12
|
-
| "default"
|
|
13
|
-
| "primary"
|
|
14
|
-
| "secondary"
|
|
15
|
-
| "success"
|
|
16
|
-
| "error"
|
|
17
|
-
| "warning";
|
|
18
|
-
appearance?:
|
|
19
|
-
| "solid"
|
|
20
|
-
| "outline"
|
|
21
|
-
| "outline-dashed"
|
|
22
|
-
| "no-outline"
|
|
23
|
-
| "glowing";
|
|
24
|
-
size?: "xsm" | "sm" | "md" | "lg" | "xlg";
|
|
25
|
-
radius?: "none" | "sm" | "md" | "lg" | "full";
|
|
26
|
-
icon?: {
|
|
27
|
-
component: React.ElementType;
|
|
28
|
-
align?: "left" | "right";
|
|
29
|
-
};
|
|
30
|
-
isLoading?: boolean;
|
|
31
|
-
spinnerType?: "default" | "duo" | "gradient" | "pulse" | "pulse-duo";
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export const Button: React.FC<IButton> = ({
|
|
35
|
-
onClick,
|
|
36
|
-
children,
|
|
37
|
-
variant = "default",
|
|
38
|
-
appearance = "solid",
|
|
39
|
-
size = "md",
|
|
40
|
-
radius = "md",
|
|
41
|
-
icon,
|
|
42
|
-
spinnerType = "default",
|
|
43
|
-
isLoading = false,
|
|
44
|
-
disabled,
|
|
45
|
-
className = "",
|
|
46
|
-
dangerouslySetInnerHTML,
|
|
47
|
-
...restProps
|
|
48
|
-
}) => {
|
|
49
|
-
const ref = React.useRef<HTMLButtonElement>(null);
|
|
50
|
-
|
|
51
|
-
const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
|
|
52
|
-
const { clientX, clientY } = e;
|
|
53
|
-
renderRipple<HTMLButtonElement>({ ref, clientX, clientY });
|
|
54
|
-
if (onClick) {
|
|
55
|
-
onClick(e);
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
const Children = () => (
|
|
60
|
-
<>
|
|
61
|
-
{isLoading && (
|
|
62
|
-
<Spinner
|
|
63
|
-
size={size}
|
|
64
|
-
variant={variant}
|
|
65
|
-
type={spinnerType}
|
|
66
|
-
className={styles["spinner"]}
|
|
67
|
-
/>
|
|
68
|
-
)}
|
|
69
|
-
{icon && (
|
|
70
|
-
<span
|
|
71
|
-
className={`${styles["icon"]} ${styles[`icon--${icon.align ?? "left"}`]}`}
|
|
72
|
-
>
|
|
73
|
-
{React.createElement(icon.component)}
|
|
74
|
-
</span>
|
|
75
|
-
)}
|
|
76
|
-
{children}
|
|
77
|
-
</>
|
|
78
|
-
);
|
|
79
|
-
|
|
80
|
-
return (
|
|
81
|
-
<button
|
|
82
|
-
ref={ref}
|
|
83
|
-
disabled={disabled || isLoading}
|
|
84
|
-
className={`${styles["button"]} ${styles[`button-variant--${variant}`]} ${styles[`button-appearance--${appearance}`]} ${styles[`button-size--${size}`]} ${styles[`button-radius--${radius}`]} ${isLoading ? styles["button--loading"] : ""} ${className}`}
|
|
85
|
-
onClick={handleClick}
|
|
86
|
-
{...(dangerouslySetInnerHTML
|
|
87
|
-
? { dangerouslySetInnerHTML }
|
|
88
|
-
: { children: <Children /> })}
|
|
89
|
-
{...restProps}
|
|
90
|
-
/>
|
|
91
|
-
);
|
|
92
|
-
};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
@use "../../styles/settings" as *;
|
|
2
|
-
|
|
3
|
-
.button-group {
|
|
4
|
-
align-items: center;
|
|
5
|
-
display: flex;
|
|
6
|
-
overflow: hidden;
|
|
7
|
-
max-width: max-content;
|
|
8
|
-
|
|
9
|
-
&-align {
|
|
10
|
-
&--horizontal {
|
|
11
|
-
flex-direction: row;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
&--vertical {
|
|
15
|
-
flex-direction: column;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&-variant {
|
|
20
|
-
&--default {
|
|
21
|
-
background-color: $color-default;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&--primary {
|
|
25
|
-
background-color: $color-primary;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&--secondary {
|
|
29
|
-
background-color: $color-secondary;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
&--success {
|
|
33
|
-
background-color: $color-success;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&--error {
|
|
37
|
-
background-color: $color-error;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&--warning {
|
|
41
|
-
background-color: $color-warning;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
&-radius {
|
|
46
|
-
&--none {
|
|
47
|
-
border-radius: 0rem; // 0px
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&--sm {
|
|
51
|
-
border-radius: 0.125rem; // 2px
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&--md {
|
|
55
|
-
border-radius: 0.375rem; // 6px
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&--lg {
|
|
59
|
-
border-radius: 0.5rem; // 8px
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&--full {
|
|
63
|
-
border-radius: 1.5rem; // 24px
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import { type IButton, Button } from "../Button";
|
|
5
|
-
|
|
6
|
-
import styles from "./ButtonGroup.module.scss";
|
|
7
|
-
|
|
8
|
-
export interface IButtonGroup {
|
|
9
|
-
children:
|
|
10
|
-
| React.ReactElement<IButton, typeof Button>
|
|
11
|
-
| React.ReactElement<IButton, typeof Button>[];
|
|
12
|
-
align?: "vertical" | "horizontal";
|
|
13
|
-
variant?:
|
|
14
|
-
| "default"
|
|
15
|
-
| "primary"
|
|
16
|
-
| "secondary"
|
|
17
|
-
| "success"
|
|
18
|
-
| "error"
|
|
19
|
-
| "warning";
|
|
20
|
-
size?: "xsm" | "sm" | "md" | "lg" | "xlg";
|
|
21
|
-
radius?: "none" | "sm" | "md" | "lg" | "full";
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
className?: string;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export const ButtonGroup: React.FC<IButtonGroup> = ({
|
|
27
|
-
children,
|
|
28
|
-
align = "horizontal",
|
|
29
|
-
variant = "default",
|
|
30
|
-
size = "md",
|
|
31
|
-
radius = "md",
|
|
32
|
-
disabled,
|
|
33
|
-
className = "",
|
|
34
|
-
}) => {
|
|
35
|
-
return (
|
|
36
|
-
<div
|
|
37
|
-
className={`${styles["button-group"]} ${styles[`button-group-variant--${variant}`]} ${styles[`button-group-size--${size}`]} ${styles[`button-group-radius--${radius}`]} ${styles[`button-group-align--${align}`]} ${className}`}
|
|
38
|
-
>
|
|
39
|
-
{React.Children.toArray(children)
|
|
40
|
-
.filter(
|
|
41
|
-
(child): child is React.ReactElement<IButton, typeof Button> =>
|
|
42
|
-
React.isValidElement(child) && child.type === Button
|
|
43
|
-
)
|
|
44
|
-
.map((child, index) =>
|
|
45
|
-
React.cloneElement(child, {
|
|
46
|
-
key: index || child.key,
|
|
47
|
-
size: size || child.props.size,
|
|
48
|
-
disabled: disabled || child.props.disabled,
|
|
49
|
-
variant: variant || child.props.variant,
|
|
50
|
-
radius: "none",
|
|
51
|
-
})
|
|
52
|
-
)}
|
|
53
|
-
</div>
|
|
54
|
-
);
|
|
55
|
-
};
|
package/components/index.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
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
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import * as React from "react";
|
|
15
|
-
import { renderRipple } from "../../utils";
|
|
16
|
-
import styles from "./Anchor.module.scss";
|
|
17
|
-
export const Anchor = (_a) => {
|
|
18
|
-
var { href, variant = "default", className = "", children, onClick } = _a, props = __rest(_a, ["href", "variant", "className", "children", "onClick"]);
|
|
19
|
-
const ref = React.useRef(null);
|
|
20
|
-
const handleClick = (e) => {
|
|
21
|
-
const { clientX, clientY } = e;
|
|
22
|
-
renderRipple({ ref, clientX, clientY });
|
|
23
|
-
if (onClick) {
|
|
24
|
-
onClick(e);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
return (_jsx("a", Object.assign({}, props, { ref: ref, href: href, className: `anchor ${styles["anchor"]} ${styles[`anchor--${variant}`]} ${className}`, onClick: handleClick, children: children })));
|
|
28
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
-
import * as React from "react";
|
|
12
|
-
import { getSingletonHighlighter } from "shiki";
|
|
13
|
-
import { Button } from "../Button";
|
|
14
|
-
import { Icons } from "../../utils";
|
|
15
|
-
import styles from "./CodeBlock.module.scss";
|
|
16
|
-
export const CodeBlock = ({ code, lang = "tsx", theme = "nord", className = "", }) => {
|
|
17
|
-
const [html, setHtml] = React.useState("");
|
|
18
|
-
React.useEffect(() => {
|
|
19
|
-
(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
20
|
-
setHtml((yield getSingletonHighlighter({
|
|
21
|
-
themes: [theme],
|
|
22
|
-
langs: [lang],
|
|
23
|
-
})).codeToHtml(code, {
|
|
24
|
-
lang,
|
|
25
|
-
theme,
|
|
26
|
-
}));
|
|
27
|
-
}))();
|
|
28
|
-
}, [code, lang, theme]);
|
|
29
|
-
const copyToClipboard = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
30
|
-
yield navigator.clipboard.writeText(code);
|
|
31
|
-
});
|
|
32
|
-
return (_jsxs("div", { className: `code-block ${styles["code-block"]} ${className}`, children: [_jsx("div", { className: styles["code-block__container"], dangerouslySetInnerHTML: { __html: html } }), _jsx(Button, { onClick: copyToClipboard, className: styles["code-block__button"], dangerouslySetInnerHTML: { __html: Icons.Copy } })] }));
|
|
33
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { createElement as _createElement } from "react";
|
|
3
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { DropdownOption } from "../DropdownOption";
|
|
6
|
-
import { AnimatePresence, motion } from "framer-motion";
|
|
7
|
-
import { Button } from "../Button";
|
|
8
|
-
import { Portal } from "../../utils/Portal";
|
|
9
|
-
import styles from "./Dropdown.module.scss";
|
|
10
|
-
export const Dropdown = ({ children, value, onChange, appearance = "outline", placeholder = "Select", className = "", initiallyOpened = false, disabled = false, }) => {
|
|
11
|
-
const [isOpened, setIsOpened] = React.useState(initiallyOpened);
|
|
12
|
-
const [selected, setSelected] = React.useState(value);
|
|
13
|
-
const [position, setPosition] = React.useState({
|
|
14
|
-
top: 0,
|
|
15
|
-
left: 0,
|
|
16
|
-
width: 0,
|
|
17
|
-
});
|
|
18
|
-
const [dropdownHeight, setDropdownHeight] = React.useState(0);
|
|
19
|
-
const [buttonHeight, setButtonHeight] = React.useState(0);
|
|
20
|
-
const buttonRef = React.useRef(null);
|
|
21
|
-
const boxRef = React.useRef(null);
|
|
22
|
-
const uniqueId = React.useId();
|
|
23
|
-
React.useLayoutEffect(() => {
|
|
24
|
-
if (!isOpened) {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
if (boxRef.current) {
|
|
28
|
-
setDropdownHeight(boxRef.current.getBoundingClientRect().height);
|
|
29
|
-
}
|
|
30
|
-
if (buttonRef.current) {
|
|
31
|
-
setButtonHeight(buttonRef.current.getBoundingClientRect().height);
|
|
32
|
-
}
|
|
33
|
-
}, [isOpened]);
|
|
34
|
-
const options = React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === DropdownOption);
|
|
35
|
-
const isValidValue = () => {
|
|
36
|
-
return !!options.find(({ props }) => props.value === value);
|
|
37
|
-
};
|
|
38
|
-
const handleChange = (currentRadioValue) => {
|
|
39
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(currentRadioValue);
|
|
40
|
-
setSelected(currentRadioValue);
|
|
41
|
-
setIsOpened(false);
|
|
42
|
-
};
|
|
43
|
-
const handleToggle = () => {
|
|
44
|
-
var _a;
|
|
45
|
-
if (disabled)
|
|
46
|
-
return;
|
|
47
|
-
const rect = (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
48
|
-
if (!rect)
|
|
49
|
-
return;
|
|
50
|
-
const spaceBelow = window.innerHeight - rect.bottom;
|
|
51
|
-
const spaceAbove = rect.top;
|
|
52
|
-
const shouldOpenUpwards = dropdownHeight > 0 &&
|
|
53
|
-
spaceBelow < dropdownHeight &&
|
|
54
|
-
spaceAbove > dropdownHeight;
|
|
55
|
-
const finalPosition = {
|
|
56
|
-
top: shouldOpenUpwards
|
|
57
|
-
? rect.top + window.scrollY - dropdownHeight - buttonHeight / 2
|
|
58
|
-
: rect.top + window.scrollY + buttonHeight + 6,
|
|
59
|
-
left: rect.left + window.scrollX,
|
|
60
|
-
width: rect.width,
|
|
61
|
-
};
|
|
62
|
-
setPosition(finalPosition);
|
|
63
|
-
setIsOpened((prev) => !prev);
|
|
64
|
-
};
|
|
65
|
-
if (!isValidValue()) {
|
|
66
|
-
throw new Error('The "value" prop did not match with any of the DropdownOption "value" prop');
|
|
67
|
-
}
|
|
68
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { className: `${styles["dropdown"]} ${className}`, children: _jsx(Button, { ref: buttonRef, className: styles["dropdown__button"], appearance: appearance, onClick: handleToggle, disabled: disabled, children: placeholder }) }), _jsx(Portal, { children: _jsx(AnimatePresence, { children: isOpened && (_jsxs("div", { className: styles["dropdown__box"], children: [_jsx(motion.div, { className: styles["dropdown__box-overlay"], initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3, ease: "easeIn" }, onClick: () => setIsOpened(false) }), _jsx(motion.div, { ref: boxRef, className: styles["dropdown__box-options"], initial: { opacity: 0, y: 20, scale: 0.95 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: 20, scale: 0.95 }, transition: { duration: 0.2, ease: "easeIn" }, style: {
|
|
69
|
-
top: position.top,
|
|
70
|
-
left: position.left,
|
|
71
|
-
width: position.width,
|
|
72
|
-
}, children: options.map(({ props }) => (_createElement(DropdownOption, Object.assign({}, props, { key: `${props.value}-${uniqueId}`, selectedValue: selected, onChange: () => handleChange(props.value) })))) })] })) }) })] }));
|
|
73
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styles from "./DropdownOption.module.scss";
|
|
3
|
-
export const DropdownOption = ({ children,
|
|
4
|
-
// value,
|
|
5
|
-
// selectedValue,
|
|
6
|
-
onChange,
|
|
7
|
-
// icon,
|
|
8
|
-
description,
|
|
9
|
-
// disabled,
|
|
10
|
-
}) => {
|
|
11
|
-
// const isSelected = selectedValue === value;
|
|
12
|
-
return (_jsx("button", { className: styles["dropdown-option"], onClick: onChange, children: _jsxs("div", { className: styles["dropdown-option__content"], children: [_jsx("h3", { className: styles["dropdown-option__title"], children: children }), _jsx("p", { className: styles["dropdown-option__description"], children: description })] }) }));
|
|
13
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Icons } from "../../utils";
|
|
3
|
-
import styles from "./MessageBox.module.scss";
|
|
4
|
-
const renderIcon = (variant) => {
|
|
5
|
-
switch (variant) {
|
|
6
|
-
case "warning":
|
|
7
|
-
return Icons.Warning;
|
|
8
|
-
case "success":
|
|
9
|
-
return Icons.Success;
|
|
10
|
-
case "error":
|
|
11
|
-
return Icons.Error;
|
|
12
|
-
case "info":
|
|
13
|
-
default:
|
|
14
|
-
return Icons.Info;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
export const MessageBox = ({ children, className = "", variant = "default", withIcon = false, customIcon = null, radius = "md", type = "outline", }) => (_jsxs("div", { className: `message-box ${styles["message-box"]} ${styles[`message-box-type--${type}`]} ${styles[`message-box-radius--${radius}`]} ${styles[`message-box--${variant}`]} ${className}`, children: [withIcon && (_jsx("span", { className: `${styles["message-box__icon"]} ${styles[`message-box__icon--${variant}`]}`, dangerouslySetInnerHTML: {
|
|
18
|
-
__html: customIcon ? customIcon : renderIcon(variant),
|
|
19
|
-
} })), _jsx("p", { className: `${styles["message-box__content"]}`, dangerouslySetInnerHTML: { __html: children || "" } })] }));
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styles from "./Radio.module.scss";
|
|
3
|
-
export const Radio = ({ children, value, checked, name, disabled = false, highlightLabel = false, className = "", size = "md", variant = "default", appearance = "default", alignLabel = "right", onChange, }) => {
|
|
4
|
-
const handleChange = () => {
|
|
5
|
-
if (!disabled && onChange) {
|
|
6
|
-
onChange(value);
|
|
7
|
-
}
|
|
8
|
-
};
|
|
9
|
-
return (_jsxs("label", { className: `${styles["radio"]} ${styles[`radio-align-label--${alignLabel}`]} ${styles[`radio-appearance--${appearance}`]} ${styles[`radio-variant--${variant}`]} ${styles[`radio-size--${size}`]} ${disabled ? styles["radio--disabled"] : ""} ${className}`, children: [_jsx("input", { type: "radio", name: name, value: value, checked: checked, disabled: disabled, onChange: handleChange, className: styles["radio__input"] }), _jsx("span", { className: styles["radio__control"] }), children && (_jsx("span", { className: `${styles["radio__label"]} ${highlightLabel ? styles["radio__label--highlight-label"] : ""}`, children: children }))] }));
|
|
10
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { createElement as _createElement } from "react";
|
|
4
|
-
import * as React from "react";
|
|
5
|
-
import { Radio } from "../Radio";
|
|
6
|
-
import styles from "./RadioGroup.module.scss";
|
|
7
|
-
export const RadioGroup = ({ name, value, onChange, children, disabled = false, highlightLabel = false, className = "", size = "md", variant = "default", appearance = "outline", align = "horizontal", alignLabel = "right", }) => {
|
|
8
|
-
const uniqueId = React.useId();
|
|
9
|
-
const [currentValue, setCurrentValue] = React.useState(value);
|
|
10
|
-
const radios = React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === Radio);
|
|
11
|
-
const handleChange = (currentRadioValue) => {
|
|
12
|
-
if (onChange) {
|
|
13
|
-
onChange(currentRadioValue);
|
|
14
|
-
}
|
|
15
|
-
setCurrentValue(currentRadioValue);
|
|
16
|
-
};
|
|
17
|
-
return (_jsx("div", { className: `${styles["radio-group"]} ${styles[`radio-group--${align}`]} ${className}`, children: radios.map(({ props }) => {
|
|
18
|
-
var _a, _b, _c, _d, _e, _f;
|
|
19
|
-
return (_createElement(Radio, Object.assign({}, props, { key: `${name}-${props.value}-${uniqueId}`, name: `${name}-${props.value}-${uniqueId}`, checked: props.value === currentValue, onChange: () => handleChange(props.value), disabled: (_a = props.disabled) !== null && _a !== void 0 ? _a : disabled, size: (_b = props.size) !== null && _b !== void 0 ? _b : size, variant: (_c = props.variant) !== null && _c !== void 0 ? _c : variant, appearance: (_d = props.appearance) !== null && _d !== void 0 ? _d : appearance, highlightLabel: (_e = props.highlightLabel) !== null && _e !== void 0 ? _e : highlightLabel, alignLabel: (_f = props.alignLabel) !== null && _f !== void 0 ? _f : alignLabel })));
|
|
20
|
-
}) }, uniqueId));
|
|
21
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import styles from "./Spinner.module.scss";
|
|
4
|
-
export const Spinner = ({ type = "default", variant = "default", size = "md", className = "", }) => {
|
|
5
|
-
return (_jsx("div", { className: `spinner ${styles[`spinner-type--${type}`]} ${styles[`spinner-variant--${variant}`]} ${styles[`spinner-size--${size}`]} ${className}` }));
|
|
6
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
import styles from "./Switch.module.scss";
|
|
5
|
-
//@TODO: Fix the the switch styling, which is breaking when continuously clicking on the component
|
|
6
|
-
export const Switch = ({ label, alignLabel = "vertical", checked, switchSize = "md", variant = "default", disabled = false, trackIcon, thumbIcon, className = "", onChange, }) => {
|
|
7
|
-
const id = React.useId();
|
|
8
|
-
const [isChecked, setIsChecked] = React.useState(!!checked);
|
|
9
|
-
const handleChange = () => {
|
|
10
|
-
setIsChecked((prev) => !prev);
|
|
11
|
-
if (onChange)
|
|
12
|
-
onChange();
|
|
13
|
-
};
|
|
14
|
-
return (_jsxs("label", { htmlFor: id, className: `${styles["switch"]} ${styles[`switch-size--${switchSize}`]} ${styles[`switch-variant--${variant}`]} ${styles[`switch-align-label--${alignLabel}`]} ${disabled ? styles["switch--disabled"] : ""} ${className}`, children: [_jsx("input", { id: id, type: "checkbox", disabled: disabled, checked: isChecked, onChange: handleChange }), _jsxs("span", { className: styles["switch__track"], children: [trackIcon && trackIcon.checked && (_jsx("span", { className: `${styles["switch__track-icon"]} ${styles["switch__track-icon--checked"]}`, children: React.createElement(trackIcon.checked) })), _jsx("span", { className: styles["switch__thumb"], children: thumbIcon && (_jsx("span", { className: styles["switch__thumb-icon"], children: React.createElement(thumbIcon) })) }), trackIcon && trackIcon.unchecked && (_jsx("span", { className: `${styles["switch__track-icon"]} ${styles["switch__track-icon--unchecked"]}`, children: React.createElement(trackIcon.unchecked) }))] }), label && _jsx("span", { className: styles["switch__label"], children: label })] }));
|
|
15
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import styles from "./TabSwitchWithSlidingIndicator.module.scss";
|
|
4
|
-
export const TabSwitchWithSlidingIndicator = ({ tabs }) => {
|
|
5
|
-
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
6
|
-
const currentIndex = tabs.findIndex((_, i) => i === activeIndex);
|
|
7
|
-
return (_jsxs("div", { className: `tab-switch-with-sliding-indicator ${styles["tab-switch-with-sliding-indicator"]}`, children: [_jsxs("div", { className: styles["tab-switch-with-sliding-indicator__tabs"], children: [tabs.map(({ buttonContent }, index) => (_jsx("button", { className: `${styles["tab-switch-with-sliding-indicator__tab"]} ${activeIndex === index ? styles[" tab-switch-with-sliding-indicator__tab--active"] : ""}`, onClick: () => setActiveIndex(index), children:
|
|
8
|
-
// @TODO: This should be fixed: from consumer level we should be able to pass only string not components - once this is resolved the active tab should have text color white. Since we pass a whole component from consumer level it's hard to identify the most inner component which contains text, so we can change the color of it in different scenarios
|
|
9
|
-
buttonContent || index }, index))), _jsx("span", { className: styles["tab-switch-with-sliding-indicator__bar"], style: { left: `${currentIndex * 80}px` } })] }), _jsx("div", { className: styles["tab-switch-with-sliding-indicator__content"], children: tabs[currentIndex].content })] }));
|
|
10
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Anchor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,OAAQ,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5E,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;CAC/C;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CA6BpC,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { SupportedLanguages, SupportedThemes } from "./types";
|
|
3
|
-
interface ICodeBlock {
|
|
4
|
-
code: string;
|
|
5
|
-
lang?: SupportedLanguages;
|
|
6
|
-
theme?: SupportedThemes;
|
|
7
|
-
className?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const CodeBlock: React.FC<ICodeBlock>;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/CodeBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI9D,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyC1C,CAAC"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export type SupportedLanguages = "1c" | "1c-query" | "abap" | "actionscript-3" | "ada" | "adoc" | "angular-html" | "angular-ts" | "apache" | "apex" | "apl" | "applescript" | "ara" | "asciidoc" | "asm" | "astro" | "awk" | "ballerina" | "bash" | "bat" | "batch" | "be" | "beancount" | "berry" | "bibtex" | "bicep" | "blade" | "bsl" | "c" | "c#" | "c++" | "cadence" | "cairo" | "cdc" | "clarity" | "clj" | "clojure" | "closure-templates" | "cmake" | "cmd" | "cobol" | "codeowners" | "codeql" | "coffee" | "coffeescript" | "common-lisp" | "console" | "coq" | "cpp" | "cql" | "crystal" | "cs" | "csharp" | "css" | "csv" | "cue" | "cypher" | "d" | "dart" | "dax" | "desktop" | "diff" | "docker" | "dockerfile" | "dotenv" | "dream-maker" | "edge" | "elisp" | "elixir" | "elm" | "emacs-lisp" | "erb" | "erl" | "erlang" | "f" | "f#" | "f03" | "f08" | "f18" | "f77" | "f90" | "f95" | "fennel" | "fish" | "fluent" | "for" | "fortran-fixed-form" | "fortran-free-form" | "fs" | "fsharp" | "fsl" | "ftl" | "gdresource" | "gdscript" | "gdshader" | "genie" | "gherkin" | "git-commit" | "git-rebase" | "gjs" | "gleam" | "glimmer-js" | "glimmer-ts" | "glsl" | "gnuplot" | "go" | "gql" | "graphql" | "groovy" | "gts" | "hack" | "haml" | "handlebars" | "haskell" | "haxe" | "hbs" | "hcl" | "hjson" | "hlsl" | "hs" | "html" | "html-derivative" | "http" | "hxml" | "hy" | "imba" | "ini" | "jade" | "java" | "javascript" | "jinja" | "jison" | "jl" | "js" | "json" | "json5" | "jsonc" | "jsonl" | "jsonnet" | "jssm" | "jsx" | "julia" | "kotlin" | "kql" | "kt" | "kts" | "kusto" | "latex" | "lean" | "lean4" | "less" | "liquid" | "lisp" | "lit" | "llvm" | "log" | "logo" | "lua" | "luau" | "make" | "makefile" | "markdown" | "marko" | "matlab" | "md" | "mdc" | "mdx" | "mediawiki" | "mermaid" | "mips" | "mipsasm" | "mmd" | "mojo" | "move" | "nar" | "narrat" | "nextflow" | "nf" | "nginx" | "nim" | "nix" | "nu" | "nushell" | "objc" | "objective-c" | "objective-cpp" | "ocaml" | "pascal" | "perl" | "perl6" | "php" | "plsql" | "po" | "polar" | "postcss" | "pot" | "potx" | "powerquery" | "powershell" | "prisma" | "prolog" | "properties" | "proto" | "protobuf" | "ps" | "ps1" | "pug" | "puppet" | "purescript" | "py" | "python" | "ql" | "qml" | "qmldir" | "qss" | "r" | "racket" | "raku" | "razor" | "rb" | "reg" | "regex" | "regexp" | "rel" | "riscv" | "rs" | "rst" | "ruby" | "rust" | "sas" | "sass" | "scala" | "scheme" | "scss" | "sdbl" | "sh" | "shader" | "shaderlab" | "shell" | "shellscript" | "shellsession" | "smalltalk" | "solidity" | "soy" | "sparql" | "spl" | "splunk" | "sql" | "ssh-config" | "stata" | "styl" | "stylus" | "svelte" | "swift" | "system-verilog" | "systemd" | "talon" | "talonscript" | "tasl" | "tcl" | "templ" | "terraform" | "tex" | "tf" | "tfvars" | "toml" | "ts" | "ts-tags" | "tsp" | "tsv" | "tsx" | "turtle" | "twig" | "typ" | "typescript" | "typespec" | "typst" | "v" | "vala" | "vb" | "verilog" | "vhdl" | "vim" | "viml" | "vimscript" | "vue" | "vue-html" | "vy" | "vyper" | "wasm" | "wenyan" | "wgsl" | "wiki" | "wikitext" | "wit" | "wl" | "wolfram" | "xml" | "xsl" | "yaml" | "yml" | "zenscript" | "zig" | "zsh" | "文言";
|
|
2
|
-
export type SupportedThemes = "andromeeda" | "aurora-x" | "ayu-dark" | "catppuccin-frappe" | "catppuccin-latte" | "catppuccin-macchiato" | "catppuccin-mocha" | "dark-plus" | "dracula" | "dracula-soft" | "everforest-dark" | "everforest-light" | "github-dark" | "github-dark-default" | "github-dark-dimmed" | "github-dark-high-contrast" | "github-light" | "github-light-default" | "github-light-high-contrast" | "gruvbox-dark-hard" | "gruvbox-dark-medium" | "gruvbox-dark-soft" | "gruvbox-light-hard" | "gruvbox-light-medium" | "gruvbox-light-soft" | "houston" | "kanagawa-dragon" | "kanagawa-lotus" | "kanagawa-wave" | "laserwave" | "light-plus" | "material-theme" | "material-theme-darker" | "material-theme-lighter" | "material-theme-ocean" | "material-theme-palenight" | "min-dark" | "min-light" | "monokai" | "night-owl" | "nord" | "one-dark-pro" | "one-light" | "plastic" | "poimandres" | "red" | "rose-pine" | "rose-pine-dawn" | "rose-pine-moon" | "slack-dark" | "slack-ochin" | "snazzy-light" | "solarized-dark" | "solarized-light" | "synthwave-84" | "tokyo-night" | "vesper" | "vitesse-black" | "vitesse-dark" | "vitesse-light";
|
|
3
|
-
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/CodeBlock/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { type IDropdownOption } from "../DropdownOption";
|
|
3
|
-
export interface IDropdown {
|
|
4
|
-
children: React.ReactElement<IDropdownOption> | React.ReactElement<IDropdownOption>[];
|
|
5
|
-
value: string;
|
|
6
|
-
appearance?: "solid" | "outline" | "outline-dashed" | "no-outline" | "glowing";
|
|
7
|
-
onChange?: (newValue: string) => void;
|
|
8
|
-
initiallyOpened?: boolean;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const Dropdown: React.FC<IDropdown>;
|
|
14
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Dropdown/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AASzE,MAAM,WAAW,SAAS;IACxB,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,GACnC,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EACP,OAAO,GACP,SAAS,GACT,gBAAgB,GAChB,YAAY,GACZ,SAAS,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA0IxC,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export interface IDropdownOption {
|
|
3
|
-
children: string;
|
|
4
|
-
value: string;
|
|
5
|
-
onChange?: () => void;
|
|
6
|
-
selectedValue?: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
icon?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export declare const DropdownOption: React.FC<IDropdownOption>;
|
|
12
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/DropdownOption/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkBpD,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
type MessageBoxVariant = "default" | "info" | "warning" | "success" | "error";
|
|
3
|
-
export interface IMessageBox {
|
|
4
|
-
variant?: MessageBoxVariant;
|
|
5
|
-
children?: React.ReactElement | React.ReactNode | string;
|
|
6
|
-
withIcon?: boolean;
|
|
7
|
-
customIcon?: React.ReactElement | React.ReactNode | string;
|
|
8
|
-
radius?: "none" | "sm" | "md" | "lg" | "full";
|
|
9
|
-
type?: "solid" | "outline" | "outline-dashed" | "no-outline" | "glowing";
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
export declare const MessageBox: React.FC<IMessageBox>;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/MessageBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAC;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyB5C,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
export interface IRadio {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
value: string;
|
|
5
|
-
checked?: boolean;
|
|
6
|
-
onChange?: (value: string) => void;
|
|
7
|
-
name?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
className?: string;
|
|
10
|
-
highlightLabel?: boolean;
|
|
11
|
-
size?: "xsm" | "sm" | "md" | "lg" | "xlg";
|
|
12
|
-
variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
|
|
13
|
-
appearance?: "default" | "solid" | "outline" | "outline-dashed" | "no-outline" | "glowing";
|
|
14
|
-
alignLabel?: "top" | "right" | "bottom" | "left";
|
|
15
|
-
}
|
|
16
|
-
export declare const Radio: React.FC<IRadio>;
|
|
17
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,MAAM;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC1C,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,gBAAgB,GAChB,YAAY,GACZ,SAAS,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAClD;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2ClC,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { type IRadio } from "../Radio";
|
|
3
|
-
export interface IRadioGroup {
|
|
4
|
-
name: string;
|
|
5
|
-
value: string;
|
|
6
|
-
children: React.ReactElement<IRadio> | React.ReactElement<IRadio>[];
|
|
7
|
-
onChange?: (newValue: string) => void;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
className?: string;
|
|
10
|
-
size?: "xsm" | "sm" | "md" | "lg" | "xlg";
|
|
11
|
-
variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
|
|
12
|
-
appearance?: "solid" | "outline" | "outline-dashed" | "no-outline" | "glowing";
|
|
13
|
-
align?: "horizontal" | "vertical";
|
|
14
|
-
alignLabel?: "top" | "right" | "bottom" | "left";
|
|
15
|
-
highlightLabel?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const RadioGroup: React.FC<IRadioGroup>;
|
|
18
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAI9C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC1C,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,UAAU,CAAC,EACP,OAAO,GACP,SAAS,GACT,gBAAgB,GAChB,YAAY,GACZ,SAAS,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoD5C,CAAC"}
|