@mindlogic-ai/logician-ui 4.0.0-alpha.21 → 4.0.0-alpha.22
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/ErrorFallback/ErrorFallback.d.ts.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.js +13 -2
- package/dist/components/ErrorFallback/ErrorFallback.js.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.mjs +13 -2
- package/dist/components/ErrorFallback/ErrorFallback.mjs.map +1 -1
- package/dist/components/FileInput/FileInput.d.ts.map +1 -1
- package/dist/components/FileInput/FileInput.js +7 -1
- package/dist/components/FileInput/FileInput.js.map +1 -1
- package/dist/components/FileInput/FileInput.mjs +7 -1
- package/dist/components/FileInput/FileInput.mjs.map +1 -1
- package/dist/components/Markdown/Markdown.d.ts.map +1 -1
- package/dist/components/Markdown/Markdown.js +6 -1
- package/dist/components/Markdown/Markdown.js.map +1 -1
- package/dist/components/Markdown/Markdown.mjs +6 -1
- package/dist/components/Markdown/Markdown.mjs.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +6 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +6 -1
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/Radio/RadioControl.d.ts.map +1 -1
- package/dist/components/Radio/RadioControl.js +14 -1
- package/dist/components/Radio/RadioControl.js.map +1 -1
- package/dist/components/Radio/RadioControl.mjs +15 -2
- package/dist/components/Radio/RadioControl.mjs.map +1 -1
- package/dist/components/Select/ComboboxField.d.ts +1 -1
- package/dist/components/Select/ComboboxField.d.ts.map +1 -1
- package/dist/components/Select/ComboboxField.js +2 -2
- package/dist/components/Select/ComboboxField.js.map +1 -1
- package/dist/components/Select/ComboboxField.mjs +2 -2
- package/dist/components/Select/ComboboxField.mjs.map +1 -1
- package/dist/components/Select/Select.types.d.ts +16 -0
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/Select/SelectField.d.ts +1 -1
- package/dist/components/Select/SelectField.d.ts.map +1 -1
- package/dist/components/Select/SelectField.js +2 -2
- package/dist/components/Select/SelectField.js.map +1 -1
- package/dist/components/Select/SelectField.mjs +2 -2
- package/dist/components/Select/SelectField.mjs.map +1 -1
- package/dist/components/Slider/Slider.d.ts.map +1 -1
- package/dist/components/Slider/Slider.js +2 -2
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/Slider/Slider.mjs +3 -3
- package/dist/components/Slider/Slider.mjs.map +1 -1
- package/dist/components/Slider/Slider.types.d.ts +15 -0
- package/dist/components/Slider/Slider.types.d.ts.map +1 -1
- package/dist/components/Typography/Link.d.ts.map +1 -1
- package/dist/components/Typography/Link.js +17 -7
- package/dist/components/Typography/Link.js.map +1 -1
- package/dist/components/Typography/Link.mjs +17 -7
- package/dist/components/Typography/Link.mjs.map +1 -1
- package/dist/components/Typography/Subtitle.d.ts +17 -0
- package/dist/components/Typography/Subtitle.d.ts.map +1 -1
- package/dist/components/Typography/Subtitle.js +18 -1
- package/dist/components/Typography/Subtitle.js.map +1 -1
- package/dist/components/Typography/Subtitle.mjs +18 -1
- package/dist/components/Typography/Subtitle.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.js +19 -2
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.js.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs +19 -2
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs.map +1 -1
- package/package.json +2 -1
- package/src/components/ErrorFallback/ErrorFallback.tsx +30 -3
- package/src/components/FileInput/FileInput.tsx +11 -2
- package/src/components/Markdown/Markdown.tsx +6 -1
- package/src/components/Pagination/Pagination.tsx +5 -0
- package/src/components/Radio/RadioControl.tsx +20 -6
- package/src/components/Select/ComboboxField.tsx +11 -1
- package/src/components/Select/Select.types.ts +16 -0
- package/src/components/Select/SelectField.tsx +14 -1
- package/src/components/Slider/Slider.tsx +16 -1
- package/src/components/Slider/Slider.types.ts +15 -0
- package/src/components/Typography/Link.tsx +17 -7
- package/src/components/Typography/Subtitle.tsx +17 -1
- package/src/components/Workflow/canvas/NodePalette/NodePalette.tsx +12 -2
- package/src/components/a11y.kwcag.test.tsx +295 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorFallback.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACN,YAAY,GACb,EAAE,kBAAkB,2CAuNpB"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
5
6
|
var react = require('@chakra-ui/react');
|
|
6
7
|
var useTranslate = require('../../hooks/useTranslate.js');
|
|
7
8
|
var Button = require('../Button/Button.js');
|
|
8
9
|
var Card = require('../Card/Card.js');
|
|
9
10
|
var Container = require('../Container/Container.js');
|
|
10
|
-
require('react');
|
|
11
11
|
require('../../theme/index.js');
|
|
12
12
|
var index = require('../Icon/index.js');
|
|
13
13
|
var useToast = require('../Toast/useToast.js');
|
|
@@ -26,6 +26,8 @@ var Text = require('../Typography/Text.js');
|
|
|
26
26
|
function ErrorFallback({ error, errorId, timestamp, componentName, userId, onErrorReset, }) {
|
|
27
27
|
const translate = useTranslate.useTranslate();
|
|
28
28
|
const showToast = useToast.useToast();
|
|
29
|
+
// Names the landmark below with the same words the card shows as its title.
|
|
30
|
+
const titleId = React.useId();
|
|
29
31
|
const errorInfo = {
|
|
30
32
|
errorId: errorId ??
|
|
31
33
|
`ERR-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 7)}`.toUpperCase(),
|
|
@@ -61,7 +63,16 @@ User Agent: ${errorInfo.userAgent}`;
|
|
|
61
63
|
});
|
|
62
64
|
});
|
|
63
65
|
};
|
|
64
|
-
return (
|
|
66
|
+
return (
|
|
67
|
+
// A landmark, and a named one. This card replaces whatever failed — often
|
|
68
|
+
// the whole page, so the host's `<main>` goes with it — and a screen-reader
|
|
69
|
+
// user then has nothing to navigate by: axe reports every node under
|
|
70
|
+
// `region`, and there is no landmark to jump to (KWCAG 2.1 5.2.4.1 반복
|
|
71
|
+
// 영역 건너뛰기). A `<section>` labelled by the error title is a region
|
|
72
|
+
// landmark wherever it renders, which `<main>` would not be — a segment-level
|
|
73
|
+
// boundary leaves the host's `<main>` in place, and two of those is its own
|
|
74
|
+
// failure.
|
|
75
|
+
jsxRuntime.jsx(react.Flex, { as: "section", "aria-labelledby": titleId, minH: "100vh", align: "center", justify: "center", p: 8, children: jsxRuntime.jsx(Container.Container, { disableResponsive: true, maxW: "container.sm", children: jsxRuntime.jsx(Card.Card, { p: 12, textAlign: "center", w: "full", bgColor: "bg.surface", boxShadow: "2xl", children: jsxRuntime.jsxs(react.VStack, { gap: 6, align: "center", w: "full", mx: "auto", children: [jsxRuntime.jsx(react.Box, { position: "relative", p: 4, bg: "danger.extralight", borderRadius: "full", children: jsxRuntime.jsx(index.MdError, { boxSize: "xl", color: "danger.main" }) }), jsxRuntime.jsxs(react.VStack, { gap: 3, align: "center", w: "full", children: [jsxRuntime.jsx(H1.H1, { id: titleId, color: "fg.default", textStyle: "h2", fontWeight: "bold", children: translate('error_boundary_title') }), jsxRuntime.jsx(Subtitle.Subtitle, { color: "fg.muted", textStyle: "h5", maxW: "md", children: translate('error_boundary_subtitle') })] }), jsxRuntime.jsx(Card.Card, { bg: "danger.extralight", border: "1px solid", borderColor: "danger.lighter", p: 4, w: "full", children: jsxRuntime.jsx(Text.Text, { color: "danger.dark", fontFamily: "mono", wordBreak: "break-word", children: error?.message || translate('error_boundary_default_message') }) }), jsxRuntime.jsxs(Card.Card, { bg: "primary.extralight", borderColor: "primary.lighter", p: 6, w: "full", children: [jsxRuntime.jsx(H4.H4, { as: "h2", color: "primary.dark", mb: 4, textAlign: "center", children: translate('support_information') }), jsxRuntime.jsxs(react.VStack, { gap: 2, align: "stretch", mb: 4, children: [jsxRuntime.jsxs(react.Flex, { justify: "space-between", children: [jsxRuntime.jsxs(Text.Text, { color: "primary.main", fontWeight: "semibold", children: [translate('error_id'), ":"] }), jsxRuntime.jsx(Text.Text, { fontFamily: "mono", children: errorInfo.errorId })] }), jsxRuntime.jsxs(react.Flex, { justify: "space-between", children: [jsxRuntime.jsxs(Text.Text, { color: "primary.main", fontWeight: "semibold", children: [translate('time'), ":"] }), jsxRuntime.jsx(Subtext.Subtext, { fontFamily: "mono", children: new Date().toLocaleString() })] }), jsxRuntime.jsxs(react.Flex, { justify: "space-between", children: [jsxRuntime.jsxs(Text.Text, { color: "primary.main", fontWeight: "semibold", children: [translate('component'), ":"] }), jsxRuntime.jsx(Text.Text, { fontFamily: "mono", children: componentName || translate('unknown') })] }), jsxRuntime.jsxs(react.Flex, { justify: "space-between", children: [jsxRuntime.jsxs(Text.Text, { color: "primary.main", fontWeight: "semibold", children: [translate('user_id'), ":"] }), jsxRuntime.jsx(Text.Text, { fontFamily: "mono", children: userId ?? translate('anonymous') })] }), typeof window !== 'undefined' && (jsxRuntime.jsxs(react.Flex, { justify: "space-between", children: [jsxRuntime.jsxs(Text.Text, { color: "primary.main", fontWeight: "semibold", children: [translate('page'), ":"] }), jsxRuntime.jsx(Subtext.Subtext, { fontFamily: "mono", children: window.location.pathname })] }))] }), jsxRuntime.jsxs(react.Flex, { justify: "space-between", align: "flex-end", gap: 4, children: [jsxRuntime.jsx(Text.Text, { textAlign: "left", children: translate('support_help_text') }), jsxRuntime.jsxs(Button.Button, { onClick: copyErrorInfo, size: "sm", minW: "fit-content", variant: "ghost", children: [jsxRuntime.jsx(index.FaRegCopy, { boxSize: "xs" }), " ", translate('copy_error_details')] })] })] }), jsxRuntime.jsxs(react.VStack, { gap: 3, w: "full", align: "center", children: [jsxRuntime.jsxs(Button.Button, { onClick: onErrorReset, size: "lg", variant: "solid", _hover: {
|
|
65
76
|
transform: 'translateY(-1px)',
|
|
66
77
|
boxShadow: 'lg',
|
|
67
78
|
}, w: "full", maxW: "300px", children: [jsxRuntime.jsx(index.HiRefresh, {}), " ", translate('try_again')] }), jsxRuntime.jsxs(Button.Button, { onClick: () => window.location.reload(), size: "sm", variant: "ghost", children: [jsxRuntime.jsx(index.HiRefresh, {}), " ", translate('refresh_page')] })] })] }) }) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorFallback.js","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["useTranslate","useToast","_jsx","Flex","Container","Card","_jsxs","VStack","Box","MdError","H1","Subtitle","Text","H4","Subtext","Button","FaRegCopy","HiRefresh"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ErrorFallback.js","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["useTranslate","useToast","useId","_jsx","Flex","Container","Card","_jsxs","VStack","Box","MdError","H1","Subtitle","Text","H4","Subtext","Button","FaRegCopy","HiRefresh"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { useId } from 'react';
|
|
3
4
|
import { Flex, VStack, Box } from '@chakra-ui/react';
|
|
4
5
|
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
5
6
|
import { Button } from '../Button/Button.mjs';
|
|
6
7
|
import { Card } from '../Card/Card.mjs';
|
|
7
8
|
import { Container } from '../Container/Container.mjs';
|
|
8
|
-
import 'react';
|
|
9
9
|
import '../../theme/index.mjs';
|
|
10
10
|
import { MdError, FaRegCopy, HiRefresh } from '../Icon/index.mjs';
|
|
11
11
|
import { useToast } from '../Toast/useToast.mjs';
|
|
@@ -24,6 +24,8 @@ import { Text } from '../Typography/Text.mjs';
|
|
|
24
24
|
function ErrorFallback({ error, errorId, timestamp, componentName, userId, onErrorReset, }) {
|
|
25
25
|
const translate = useTranslate();
|
|
26
26
|
const showToast = useToast();
|
|
27
|
+
// Names the landmark below with the same words the card shows as its title.
|
|
28
|
+
const titleId = useId();
|
|
27
29
|
const errorInfo = {
|
|
28
30
|
errorId: errorId ??
|
|
29
31
|
`ERR-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 7)}`.toUpperCase(),
|
|
@@ -59,7 +61,16 @@ User Agent: ${errorInfo.userAgent}`;
|
|
|
59
61
|
});
|
|
60
62
|
});
|
|
61
63
|
};
|
|
62
|
-
return (
|
|
64
|
+
return (
|
|
65
|
+
// A landmark, and a named one. This card replaces whatever failed — often
|
|
66
|
+
// the whole page, so the host's `<main>` goes with it — and a screen-reader
|
|
67
|
+
// user then has nothing to navigate by: axe reports every node under
|
|
68
|
+
// `region`, and there is no landmark to jump to (KWCAG 2.1 5.2.4.1 반복
|
|
69
|
+
// 영역 건너뛰기). A `<section>` labelled by the error title is a region
|
|
70
|
+
// landmark wherever it renders, which `<main>` would not be — a segment-level
|
|
71
|
+
// boundary leaves the host's `<main>` in place, and two of those is its own
|
|
72
|
+
// failure.
|
|
73
|
+
jsx(Flex, { as: "section", "aria-labelledby": titleId, minH: "100vh", align: "center", justify: "center", p: 8, children: jsx(Container, { disableResponsive: true, maxW: "container.sm", children: jsx(Card, { p: 12, textAlign: "center", w: "full", bgColor: "bg.surface", boxShadow: "2xl", children: jsxs(VStack, { gap: 6, align: "center", w: "full", mx: "auto", children: [jsx(Box, { position: "relative", p: 4, bg: "danger.extralight", borderRadius: "full", children: jsx(MdError, { boxSize: "xl", color: "danger.main" }) }), jsxs(VStack, { gap: 3, align: "center", w: "full", children: [jsx(H1, { id: titleId, color: "fg.default", textStyle: "h2", fontWeight: "bold", children: translate('error_boundary_title') }), jsx(Subtitle, { color: "fg.muted", textStyle: "h5", maxW: "md", children: translate('error_boundary_subtitle') })] }), jsx(Card, { bg: "danger.extralight", border: "1px solid", borderColor: "danger.lighter", p: 4, w: "full", children: jsx(Text, { color: "danger.dark", fontFamily: "mono", wordBreak: "break-word", children: error?.message || translate('error_boundary_default_message') }) }), jsxs(Card, { bg: "primary.extralight", borderColor: "primary.lighter", p: 6, w: "full", children: [jsx(H4, { as: "h2", color: "primary.dark", mb: 4, textAlign: "center", children: translate('support_information') }), jsxs(VStack, { gap: 2, align: "stretch", mb: 4, children: [jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('error_id'), ":"] }), jsx(Text, { fontFamily: "mono", children: errorInfo.errorId })] }), jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('time'), ":"] }), jsx(Subtext, { fontFamily: "mono", children: new Date().toLocaleString() })] }), jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('component'), ":"] }), jsx(Text, { fontFamily: "mono", children: componentName || translate('unknown') })] }), jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('user_id'), ":"] }), jsx(Text, { fontFamily: "mono", children: userId ?? translate('anonymous') })] }), typeof window !== 'undefined' && (jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('page'), ":"] }), jsx(Subtext, { fontFamily: "mono", children: window.location.pathname })] }))] }), jsxs(Flex, { justify: "space-between", align: "flex-end", gap: 4, children: [jsx(Text, { textAlign: "left", children: translate('support_help_text') }), jsxs(Button, { onClick: copyErrorInfo, size: "sm", minW: "fit-content", variant: "ghost", children: [jsx(FaRegCopy, { boxSize: "xs" }), " ", translate('copy_error_details')] })] })] }), jsxs(VStack, { gap: 3, w: "full", align: "center", children: [jsxs(Button, { onClick: onErrorReset, size: "lg", variant: "solid", _hover: {
|
|
63
74
|
transform: 'translateY(-1px)',
|
|
64
75
|
boxShadow: 'lg',
|
|
65
76
|
}, w: "full", maxW: "300px", children: [jsx(HiRefresh, {}), " ", translate('try_again')] }), jsxs(Button, { onClick: () => window.location.reload(), size: "sm", variant: "ghost", children: [jsx(HiRefresh, {}), " ", translate('refresh_page')] })] })] }) }) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorFallback.mjs","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ErrorFallback.mjs","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaM,SAAU,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,SAAS,EACT,aAAa,EACb,MAAM,EACN,YAAY,GACO,EAAA;AACnB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,SAAS,GAAG,QAAQ,EAAE;;AAE5B,IAAA,MAAM,OAAO,GAAG,KAAK,EAAE;AAEvB,IAAA,MAAM,SAAS,GAAG;AAChB,QAAA,OAAO,EACL,OAAO;AACP,YAAA,CAAA,IAAA,EAAO,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE,CAAC,WAAW,EAAE;QAC1F,SAAS,EAAE,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;QAChD,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,SAAS,CAAC,gCAAgC,CAAC;AACtE,QAAA,SAAS,EAAE,aAAa,IAAI,SAAS,CAAC,SAAS,CAAC;AAChD,QAAA,GAAG,EAAE,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK;AACjE,QAAA,SAAS,EAAE,OAAO,SAAS,KAAK,WAAW,GAAG,SAAS,CAAC,SAAS,GAAG,KAAK;AACzE,QAAA,MAAM,EAAE,MAAM,IAAI,SAAS,CAAC,WAAW,CAAC;KACzC;IAED,MAAM,aAAa,GAAG,MAAW;AAC/B,QAAA,MAAM,SAAS,GAAG,CAAA;AAChB,IAAA,EAAA,SAAS,CAAC,OAAO;AACf,MAAA,EAAA,SAAS,CAAC,SAAS;AACd,WAAA,EAAA,SAAS,CAAC,SAAS;AACrB,SAAA,EAAA,SAAS,CAAC,OAAO;AACrB,KAAA,EAAA,SAAS,CAAC,GAAG;AACT,SAAA,EAAA,SAAS,CAAC,MAAM;cACb,SAAS,CAAC,SAAS,CAAA,CAAE;AAE/B,QAAA,SAAS,CAAC;cACN,SAAS,CAAC,SAAS;aACpB,IAAI,CAAC,MAAK;AACT,YAAA,SAAS,CAAC;AACR,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,WAAW,EAAE,SAAS,CAAC,sBAAsB,CAAC;AAC/C,aAAA,CAAC;AACJ,QAAA,CAAC;aACA,KAAK,CAAC,MAAK;;AAEV,YAAA,SAAS,CAAC;AACR,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,WAAW,EAAE,6BAA6B;AAC3C,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;AACN,IAAA,CAAC;IAED;;;;;;;;;AASE,IAAAA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAC,SAAS,EAAA,iBAAA,EACK,OAAO,EACxB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,CAAC,EAAE,CAAC,EAAA,QAAA,EAEJA,GAAA,CAAC,SAAS,EAAA,EAAC,iBAAiB,EAAA,IAAA,EAAC,IAAI,EAAC,cAAc,EAAA,QAAA,EAC9CA,GAAA,CAAC,IAAI,EAAA,EACH,CAAC,EAAE,EAAE,EACL,SAAS,EAAC,QAAQ,EAClB,CAAC,EAAC,MAAM,EACR,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,KAAK,EAAA,QAAA,EAEfC,IAAA,CAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAA,QAAA,EAAA,CAE/CD,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,CAAC,EAAE,CAAC,EACJ,EAAE,EAAC,mBAAmB,EACtB,YAAY,EAAC,MAAM,EAAA,QAAA,EAEnBA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,EAAA,CAAG,EAAA,CACxC,EAGNC,IAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,CAAC,EAAC,MAAM,aACrCD,GAAA,CAAC,EAAE,EAAA,EACD,EAAE,EAAE,OAAO,EACX,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,IAAI,EACd,UAAU,EAAC,MAAM,EAAA,QAAA,EAEhB,SAAS,CAAC,sBAAsB,CAAC,EAAA,CAC/B,EACLA,GAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAA,QAAA,EAChD,SAAS,CAAC,yBAAyB,CAAC,GAC5B,CAAA,EAAA,CACJ,EAGTA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAC,mBAAmB,EACtB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,gBAAgB,EAC5B,CAAC,EAAE,CAAC,EACJ,CAAC,EAAC,MAAM,EAAA,QAAA,EAERA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,aAAa,EACnB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,YAAY,EAAA,QAAA,EAErB,KAAK,EAAE,OAAO,IAAI,SAAS,CAAC,gCAAgC,CAAC,EAAA,CACzD,EAAA,CACF,EAGPC,IAAA,CAAC,IAAI,IACH,EAAE,EAAC,oBAAoB,EACvB,WAAW,EAAC,iBAAiB,EAC7B,CAAC,EAAE,CAAC,EACJ,CAAC,EAAC,MAAM,EAAA,QAAA,EAAA,CAMRD,GAAA,CAAC,EAAE,EAAA,EAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,EAAC,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ,EAAA,QAAA,EACvD,SAAS,CAAC,qBAAqB,CAAC,EAAA,CAC9B,EACLC,IAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,CAAC,EAAA,QAAA,EAAA,CACnCA,IAAA,CAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3BA,KAAC,IAAI,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,UAAU,EAAC,UAAU,EAAA,QAAA,EAAA,CAC7C,SAAS,CAAC,UAAU,CAAC,EAAA,GAAA,CAAA,EAAA,CACjB,EACPD,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,QAAA,EAAE,SAAS,CAAC,OAAO,GAAQ,CAAA,EAAA,CAC7C,EACPC,IAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,eAAe,aAC3BA,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,UAAU,EAAC,UAAU,EAAA,QAAA,EAAA,CAC7C,SAAS,CAAC,MAAM,CAAC,EAAA,GAAA,CAAA,EAAA,CACb,EACPD,IAAC,OAAO,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,QAAA,EACvB,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,EAAA,CACpB,CAAA,EAAA,CACL,EACPC,IAAA,CAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3BA,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,UAAU,EAAC,UAAU,EAAA,QAAA,EAAA,CAC7C,SAAS,CAAC,WAAW,CAAC,EAAA,GAAA,CAAA,EAAA,CAClB,EACPD,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,QAAA,EACpB,aAAa,IAAI,SAAS,CAAC,SAAS,CAAC,EAAA,CACjC,IACF,EACPC,IAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3BA,KAAC,IAAI,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,UAAU,EAAC,UAAU,EAAA,QAAA,EAAA,CAC7C,SAAS,CAAC,SAAS,CAAC,EAAA,GAAA,CAAA,EAAA,CAChB,EACPD,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,MAAM,YACpB,MAAM,IAAI,SAAS,CAAC,WAAW,CAAC,EAAA,CAC5B,CAAA,EAAA,CACF,EACN,OAAO,MAAM,KAAK,WAAW,KAC5BC,IAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,eAAe,EAAA,QAAA,EAAA,CAC3BA,KAAC,IAAI,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,UAAU,EAAC,UAAU,EAAA,QAAA,EAAA,CAC7C,SAAS,CAAC,MAAM,CAAC,EAAA,GAAA,CAAA,EAAA,CACb,EACPD,GAAA,CAAC,OAAO,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,QAAA,EACvB,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAA,CACjB,CAAA,EAAA,CACL,CACR,CAAA,EAAA,CACM,EAETC,IAAA,CAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CAEnDD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAE,SAAS,CAAC,mBAAmB,CAAC,EAAA,CAAQ,EAG9DC,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,aAAa,EAClB,OAAO,EAAC,OAAO,EAAA,QAAA,EAAA,CAEfD,IAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,GAAA,EAAE,SAAS,CAAC,oBAAoB,CAAC,CAAA,EAAA,CACpD,CAAA,EAAA,CACJ,CAAA,EAAA,CACF,EAGPC,IAAA,CAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrCA,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,MAAM,EAAE;AACN,wCAAA,SAAS,EAAE,kBAAkB;AAC7B,wCAAA,SAAS,EAAE,IAAI;qCAChB,EACD,CAAC,EAAC,MAAM,EACR,IAAI,EAAC,OAAO,EAAA,QAAA,EAAA,CAEZD,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,GAAA,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA,EAAA,CAC9B,EAETC,IAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,MAAM,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EACvC,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EAAA,QAAA,EAAA,CAEfD,GAAA,CAAC,SAAS,KAAG,EAAA,GAAA,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA,EAAA,CACjC,CAAA,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACJ,EAAA,CACG,EAAA,CACP;AAEX;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;
|
|
1
|
+
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,SAAS;;;;;;oDAuGrB,CAAC"}
|
|
@@ -24,7 +24,13 @@ const FileInput = React.forwardRef(({ fileInputLabel, containerStyle = {}, bgIma
|
|
|
24
24
|
const handleChange = (event) => {
|
|
25
25
|
onChange(event.currentTarget.files);
|
|
26
26
|
};
|
|
27
|
-
return (
|
|
27
|
+
return (
|
|
28
|
+
// No `role="button"` on this wrapper. It is not a button — the `<label>`
|
|
29
|
+
// inside is what activates the file input — and claiming the role put an
|
|
30
|
+
// interactive element inside another (axe `nested-interactive`), which is
|
|
31
|
+
// a state screen readers have no sensible way to announce
|
|
32
|
+
// (KWCAG 2.1 5.4.2.1 웹 애플리케이션 접근성 준수).
|
|
33
|
+
jsxRuntime.jsx(react.Flex, { w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "border.default", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxRuntime.jsxs("label", { className: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsxRuntime.jsx(react.Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsxRuntime.jsx(react.Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsxRuntime.jsx(react.Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "color-mix(in srgb, var(--chakra-colors-bg-surface) 85%, transparent)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsxRuntime.jsx(Spinner.Spinner, {})) : (jsxRuntime.jsxs(react.Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsxRuntime.jsx(react.Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'bg.muted', p: 3, mb: 2, w: "fit-content", children: jsxRuntime.jsx(index.UploadIcon, { color: bgImage ? 'fg.default' : 'fg.subtle' }) }), jsxRuntime.jsx(Text.Text, { color: bgImage ? 'fg.default' : 'fg.subtle', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
|
|
28
34
|
});
|
|
29
35
|
FileInput.displayName = 'FileInput';
|
|
30
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.js","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["forwardRef","useTranslate","_jsx","Flex","_jsxs","Box","Input","Spinner","UploadIcon","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,SAAS,GAAGA,gBAAU,CACjC,CACE,EACE,cAAc,EACd,cAAc,GAAG,EAAE,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,SAAS,GAAGC,yBAAY,EAAE;AAEhC,IAAA,MAAM,YAAY,GAAyC,CAAC,KAAK,KAAI;AACnE,QAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AACrC,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"FileInput.js","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["forwardRef","useTranslate","_jsx","Flex","_jsxs","Box","Input","Spinner","UploadIcon","Text"],"mappings":"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"}
|
|
@@ -22,7 +22,13 @@ const FileInput = forwardRef(({ fileInputLabel, containerStyle = {}, bgImage, on
|
|
|
22
22
|
const handleChange = (event) => {
|
|
23
23
|
onChange(event.currentTarget.files);
|
|
24
24
|
};
|
|
25
|
-
return (
|
|
25
|
+
return (
|
|
26
|
+
// No `role="button"` on this wrapper. It is not a button — the `<label>`
|
|
27
|
+
// inside is what activates the file input — and claiming the role put an
|
|
28
|
+
// interactive element inside another (axe `nested-interactive`), which is
|
|
29
|
+
// a state screen readers have no sensible way to announce
|
|
30
|
+
// (KWCAG 2.1 5.4.2.1 웹 애플리케이션 접근성 준수).
|
|
31
|
+
jsx(Flex, { w: "100%", h: "100%", maxH: 32, flexDir: "column", align: "center", justify: "center", border: "1px dashed", borderColor: "border.default", position: "relative", overflow: "hidden", borderRadius: "md", ...containerStyle, children: jsxs("label", { className: "group", style: { width: '100%', height: '100%', cursor: 'pointer' }, children: [bgImage && (jsx(Box, { position: "absolute", top: "0", left: "0", right: "0", bottom: "0", backgroundImage: bgImage, backgroundSize: "cover", backgroundPosition: "center", filter: "grayscale(50%) brightness(80%)", zIndex: "-1" })), jsx(Input, { type: "file", hidden: true, ref: ref, onChange: handleChange, ...rest }), jsx(Flex, { w: "100%", h: "100%", p: 7, flexDir: "column", justify: "center", align: "center", bgColor: "color-mix(in srgb, var(--chakra-colors-bg-surface) 85%, transparent)", opacity: bgImage ? 0 : 1, transition: "ease-in", _groupHover: { opacity: 1 }, children: isLoading ? (jsx(Spinner, {})) : (jsxs(Flex, { w: "100%", flexDir: "column", align: "center", justify: "center", children: [jsx(Box, { borderRadius: "lg", bgColor: bgImage ? 'transparent' : 'bg.muted', p: 3, mb: 2, w: "fit-content", children: jsx(UploadIcon, { color: bgImage ? 'fg.default' : 'fg.subtle' }) }), jsx(Text, { color: bgImage ? 'fg.default' : 'fg.subtle', children: fileInputLabel || translate('upload_your_file') })] })) })] }) }));
|
|
26
32
|
});
|
|
27
33
|
FileInput.displayName = 'FileInput';
|
|
28
34
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileInput.mjs","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;AAUO,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,cAAc,EACd,cAAc,GAAG,EAAE,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,MAAM,YAAY,GAAyC,CAAC,KAAK,KAAI;AACnE,QAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AACrC,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"FileInput.mjs","sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;AAUO,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EACE,cAAc,EACd,cAAc,GAAG,EAAE,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG,KACD;AACF,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,MAAM,YAAY,GAAyC,CAAC,KAAK,KAAI;AACnE,QAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;AACrC,IAAA,CAAC;IAED;;;;;;AAME,IAAAA,GAAA,CAAC,IAAI,EAAA,EACH,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,IAAI,EAAE,EAAE,EACR,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,YAAY,EACnB,WAAW,EAAC,gBAAgB,EAC5B,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,EACjB,YAAY,EAAC,IAAI,EAAA,GACb,cAAc,YAOlBC,IAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,QAAA,EAAA,CAE1D,OAAO,KACND,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,eAAe,EAAE,OAAO,EACxB,cAAc,EAAC,OAAO,EACtB,kBAAkB,EAAC,QAAQ,EAC3B,MAAM,EAAC,gCAAgC,EACvC,MAAM,EAAC,IAAI,EAAA,CACX,CACH,EACDA,GAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAA,IAAA,EACN,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EAAA,GAClB,IAAI,EAAA,CACR,EACFA,IAAC,IAAI,EAAA,EACH,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,CAAC,EAAE,CAAC,EACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,sEAAsE,EAC9E,OAAO,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,EACxB,UAAU,EAAC,SAAS,EACpB,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAA,QAAA,EAE1B,SAAS,IACRA,GAAA,CAAC,OAAO,KAAG,KAEXC,IAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC7DD,GAAA,CAAC,GAAG,EAAA,EACF,YAAY,EAAC,IAAI,EACjB,OAAO,EAAE,OAAO,GAAG,aAAa,GAAG,UAAU,EAC7C,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,CAAC,EACL,CAAC,EAAC,aAAa,EAAA,QAAA,EAEfA,GAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,OAAO,GAAG,YAAY,GAAG,WAAW,EAAA,CAAI,GACvD,EACNA,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,OAAO,GAAG,YAAY,GAAG,WAAW,EAAA,QAAA,EAC9C,cAAc,IAAI,SAAS,CAAC,kBAAkB,CAAC,EAAA,CAC3C,IACF,CACR,EAAA,CACI,CAAA,EAAA,CACD,EAAA,CACH;AAEX,CAAC;AAGH,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/Markdown.tsx"],"names":[],"mappings":"AASA,OAAO,0BAA0B,CAAC;AAOlC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/Markdown.tsx"],"names":[],"mappings":"AASA,OAAO,0BAA0B,CAAC;AAOlC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqBjD,eAAO,MAAM,sBAAsB;gBAlBT,GAAG;gBACH,GAAG;gBACH,GAAG;gBACH,GAAG;gBACH,GAAG;gBAMG,GAAG;sDAiBiB,GAAG;wBA6BjC,GAAG;eACZ,GAAG;eACH,GAAG;6BAIW,GAAG;6BAWH,GAAG;8BAWF,GAAG;mBAGd,GAAG;mBA5ES,GAAG;mBACH,GAAG;gBACN,GAAG;gBACH,GAAG;gBACH,GAAG;CAkF5B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,8CAKtB,aAAa,4CAsBf,CAAC"}
|
|
@@ -40,7 +40,12 @@ const H2Wrapper = (props) => jsxRuntime.jsx(H2.H2, { ...props });
|
|
|
40
40
|
const H3Wrapper = (props) => jsxRuntime.jsx(H3.H3, { ...props });
|
|
41
41
|
const H4Wrapper = (props) => jsxRuntime.jsx(H4.H4, { ...props });
|
|
42
42
|
const H5Wrapper = (props) => jsxRuntime.jsx(H5.H5, { ...props });
|
|
43
|
-
|
|
43
|
+
// `as="h6"` explicitly. `Subtitle` renders a paragraph by default now (its call
|
|
44
|
+
// sites are overwhelmingly helper copy that was never a heading), but this
|
|
45
|
+
// wrapper is markdown's `h6` — a heading the author actually wrote. Inheriting
|
|
46
|
+
// the new default here would silently drop `###### 제목` out of the document
|
|
47
|
+
// outline, which is the same KWCAG 5.2.4.2 (제목 제공) defect inverted.
|
|
48
|
+
const SubtitleWrapper = (props) => jsxRuntime.jsx(Subtitle.Subtitle, { as: "h6", ...props });
|
|
44
49
|
const TheadWrapper = (props) => jsxRuntime.jsx(Thead.Thead, { ...props });
|
|
45
50
|
const TbodyWrapper = (props) => jsxRuntime.jsx(Tbody.Tbody, { ...props });
|
|
46
51
|
const TrWrapper = (props) => jsxRuntime.jsx(Tr.Tr, { ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.js","sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":[null],"names":["_jsx","H1","H2","H3","H4","H5","Subtitle","Thead","Tbody","Tr","Td","Th","InlineCode","Code","Box","Text","Link","TableContainer","Table","MarkdownStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;AACA,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKA,cAAA,CAACC,KAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKD,cAAA,CAACE,KAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKF,cAAA,CAACG,KAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKH,cAAA,CAACI,KAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKJ,cAAA,CAACK,KAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,eAAe,GAAG,CAAC,KAAU,KAAKL,cAAA,CAACM,iBAAQ,EAAA,EAAA,GAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"Markdown.js","sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":[null],"names":["_jsx","H1","H2","H3","H4","H5","Subtitle","Thead","Tbody","Tr","Td","Th","InlineCode","Code","Box","Text","Link","TableContainer","Table","MarkdownStyles"],"mappings":"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"}
|
|
@@ -38,7 +38,12 @@ const H2Wrapper = (props) => jsx(H2, { ...props });
|
|
|
38
38
|
const H3Wrapper = (props) => jsx(H3, { ...props });
|
|
39
39
|
const H4Wrapper = (props) => jsx(H4, { ...props });
|
|
40
40
|
const H5Wrapper = (props) => jsx(H5, { ...props });
|
|
41
|
-
|
|
41
|
+
// `as="h6"` explicitly. `Subtitle` renders a paragraph by default now (its call
|
|
42
|
+
// sites are overwhelmingly helper copy that was never a heading), but this
|
|
43
|
+
// wrapper is markdown's `h6` — a heading the author actually wrote. Inheriting
|
|
44
|
+
// the new default here would silently drop `###### 제목` out of the document
|
|
45
|
+
// outline, which is the same KWCAG 5.2.4.2 (제목 제공) defect inverted.
|
|
46
|
+
const SubtitleWrapper = (props) => jsx(Subtitle, { as: "h6", ...props });
|
|
42
47
|
const TheadWrapper = (props) => jsx(Thead, { ...props });
|
|
43
48
|
const TbodyWrapper = (props) => jsx(Tbody, { ...props });
|
|
44
49
|
const TrWrapper = (props) => jsx(Tr, { ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.mjs","sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;AACA,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKA,GAAA,CAAC,EAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKA,GAAA,CAAC,EAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKA,GAAA,CAAC,EAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKA,GAAA,CAAC,EAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,SAAS,GAAG,CAAC,KAAU,KAAKA,GAAA,CAAC,EAAE,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI;AACnD,MAAM,eAAe,GAAG,CAAC,KAAU,KAAKA,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"Markdown.mjs","sources":["../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,4CAiGjB,CAAC"}
|
|
@@ -67,7 +67,12 @@ const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, n
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
-
return (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "space-between", w: "100%", ...rest, children: [jsxRuntime.jsx(react.Flex, { align: "center", gap: 2, children: itemsPerPageOptions && (jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, children: [jsxRuntime.jsx(SelectField.SelectField, { size: "sm", width: "5.5rem",
|
|
70
|
+
return (jsxRuntime.jsxs(react.Flex, { align: "center", justify: "space-between", w: "100%", ...rest, children: [jsxRuntime.jsx(react.Flex, { align: "center", gap: 2, children: itemsPerPageOptions && (jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, children: [jsxRuntime.jsx(SelectField.SelectField, { size: "sm", width: "5.5rem",
|
|
71
|
+
// The visible label for this control is the "개씩 보기" text beside
|
|
72
|
+
// it, which the select itself cannot claim — so it carries the
|
|
73
|
+
// same words as its own hidden label rather than shipping
|
|
74
|
+
// nameless (KWCAG 5.3.4.1 레이블 제공).
|
|
75
|
+
ariaLabel: translate('pagination_items_per_page'), options: itemsPerPageOptions.map((option) => ({
|
|
71
76
|
label: option.toString(),
|
|
72
77
|
value: option,
|
|
73
78
|
})), value: itemsPerPage, onChange: handleItemsPerPageOptionChange }), jsxRuntime.jsx(Subtext.Subtext, { whiteSpace: "nowrap", children: translate('pagination_items_per_page') })] })) }), jsxRuntime.jsxs(react.Flex, { align: "center", gap: 2, children: [jsxRuntime.jsxs(Subtitle.Subtitle, { children: [currentPage, " / ", maxPage] }), maxPage > 1 && (jsxRuntime.jsxs(react.Flex, { align: "center", children: [jsxRuntime.jsx(IconButton.IconButton, { colorPalette: "neutral", variant: "ghost", "aria-label": translate('previous'), onClick: handleBack, disabled: currentPage <= 1, color: currentPage === 1 ? 'fg.subtle' : 'fg.muted', children: jsxRuntime.jsx(index.ChevronLeftIcon, { boxSize: "sm" }) }), jsxRuntime.jsx(IconButton.IconButton, { colorPalette: "neutral", variant: "ghost", "aria-label": translate('go_next_page_button'), onClick: handleNext, disabled: currentPage >= maxPage, color: currentPage === maxPage ? 'fg.subtle' : 'fg.muted', children: jsxRuntime.jsx(index.ChevronRightIcon, { boxSize: "sm" }) })] }))] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;;;;;;;;;;AAaG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,WAAW,EAAE,qBAAqB,EAClC,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,YAAY,EACZ,0BAA0B,EAC1B,GAAG,IAAI,EACS,KAAI;AACpB,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;IAChC,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzDC,cAAQ,CAAS,CAAC,CAAC;IACrB,MAAM,OAAO,GAAGC,aAAO,CACrB,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,EAC7C,CAAC,aAAa,EAAE,YAAY,CAAC,CAC9B;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,IAAI,uBAAuB,CAAC;IACrE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3D,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;;AAE7B,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;AACjE,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,OAAO,EAAE;;AAEnC,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;AAED,IAAA,MAAM,8BAA8B,GAAG,CAAC,eAA8B,KAAI;AACxE,QAAA,IAAI,eAAe,IAAI,IAAI,EAAE;AAC3B,YAAA,0BAA0B,GAAG,eAAe,CAAC;YAE7C,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC;;AAG7D,YAAA,IAAI,WAAW,GAAG,UAAU,EAAE;gBAC5B,0BAA0B,CAAC,UAAU,CAAC;AACtC,gBAAA,mBAAmB,GAAG,UAAU,CAAC;YACnC;QACF;AACF,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":"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"}
|
|
@@ -65,7 +65,12 @@ const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, n
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
|
-
return (jsxs(Flex, { align: "center", justify: "space-between", w: "100%", ...rest, children: [jsx(Flex, { align: "center", gap: 2, children: itemsPerPageOptions && (jsxs(Flex, { align: "center", gap: 2, children: [jsx(SelectField, { size: "sm", width: "5.5rem",
|
|
68
|
+
return (jsxs(Flex, { align: "center", justify: "space-between", w: "100%", ...rest, children: [jsx(Flex, { align: "center", gap: 2, children: itemsPerPageOptions && (jsxs(Flex, { align: "center", gap: 2, children: [jsx(SelectField, { size: "sm", width: "5.5rem",
|
|
69
|
+
// The visible label for this control is the "개씩 보기" text beside
|
|
70
|
+
// it, which the select itself cannot claim — so it carries the
|
|
71
|
+
// same words as its own hidden label rather than shipping
|
|
72
|
+
// nameless (KWCAG 5.3.4.1 레이블 제공).
|
|
73
|
+
ariaLabel: translate('pagination_items_per_page'), options: itemsPerPageOptions.map((option) => ({
|
|
69
74
|
label: option.toString(),
|
|
70
75
|
value: option,
|
|
71
76
|
})), value: itemsPerPage, onChange: handleItemsPerPageOptionChange }), jsx(Subtext, { whiteSpace: "nowrap", children: translate('pagination_items_per_page') })] })) }), jsxs(Flex, { align: "center", gap: 2, children: [jsxs(Subtitle, { children: [currentPage, " / ", maxPage] }), maxPage > 1 && (jsxs(Flex, { align: "center", children: [jsx(IconButton, { colorPalette: "neutral", variant: "ghost", "aria-label": translate('previous'), onClick: handleBack, disabled: currentPage <= 1, color: currentPage === 1 ? 'fg.subtle' : 'fg.muted', children: jsx(ChevronLeftIcon, { boxSize: "sm" }) }), jsx(IconButton, { colorPalette: "neutral", variant: "ghost", "aria-label": translate('go_next_page_button'), onClick: handleNext, disabled: currentPage >= maxPage, color: currentPage === maxPage ? 'fg.subtle' : 'fg.muted', children: jsx(ChevronRightIcon, { boxSize: "sm" }) })] }))] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;;;;;;;;;;AAaG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,WAAW,EAAE,qBAAqB,EAClC,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,YAAY,EACZ,0BAA0B,EAC1B,GAAG,IAAI,EACS,KAAI;AACpB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAChC,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzD,QAAQ,CAAS,CAAC,CAAC;IACrB,MAAM,OAAO,GAAG,OAAO,CACrB,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,EAC7C,CAAC,aAAa,EAAE,YAAY,CAAC,CAC9B;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,IAAI,uBAAuB,CAAC;IACrE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3D,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;;AAE7B,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;AACjE,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,OAAO,EAAE;;AAEnC,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;AAED,IAAA,MAAM,8BAA8B,GAAG,CAAC,eAA8B,KAAI;AACxE,QAAA,IAAI,eAAe,IAAI,IAAI,EAAE;AAC3B,YAAA,0BAA0B,GAAG,eAAe,CAAC;YAE7C,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC;;AAG7D,YAAA,IAAI,WAAW,GAAG,UAAU,EAAE;gBAC5B,0BAA0B,CAAC,UAAU,CAAC;AACtC,gBAAA,mBAAmB,GAAG,UAAU,CAAC;YACnC;QACF;AACF,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioControl.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA8B,MAAM,kBAAkB,CAAC;AAI1E,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"RadioControl.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA8B,MAAM,kBAAkB,CAAC;AAI1E,eAAO,MAAM,YAAY,wHAqBvB,CAAC"}
|
|
@@ -6,7 +6,20 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var focusRing = require('../../utils/focusRing.js');
|
|
8
8
|
|
|
9
|
-
const RadioControl = React.forwardRef((props, ref) =>
|
|
9
|
+
const RadioControl = React.forwardRef((props, ref) => {
|
|
10
|
+
// Chakra derives the indicator's id from the same `ids.itemControl` it gives
|
|
11
|
+
// the control it sits inside, so every radio on the page shipped TWO elements
|
|
12
|
+
// with one id — a markup error under KWCAG 2.1 5.4.1.1 마크업 오류 방지, which
|
|
13
|
+
// Korean evaluators still count even though WCAG 2.2 dropped SC 4.1.1. It also
|
|
14
|
+
// breaks anything that resolves the control by id, since `getElementById`
|
|
15
|
+
// returns whichever came first.
|
|
16
|
+
//
|
|
17
|
+
// Nothing references the indicator — it is the dot inside the control — so any
|
|
18
|
+
// unique value fixes it, and `useId` is the one that stays stable across
|
|
19
|
+
// server and client render.
|
|
20
|
+
const indicatorId = React.useId();
|
|
21
|
+
return (jsxRuntime.jsx(react.RadioGroup.ItemControl, { ref: ref, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.RadioGroup.ItemIndicator, { id: indicatorId }) }));
|
|
22
|
+
});
|
|
10
23
|
RadioControl.displayName = 'Radio.Control';
|
|
11
24
|
|
|
12
25
|
exports.RadioControl = RadioControl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioControl.js","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","RadioGroup","focusRing"],"mappings":";;;;;;;;AAKO,MAAM,YAAY,GAAGA,gBAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"RadioControl.js","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["forwardRef","useId","_jsx","RadioGroup","focusRing"],"mappings":";;;;;;;;AAKO,MAAM,YAAY,GAAGA,gBAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWf,IAAA,MAAM,WAAW,GAAGC,WAAK,EAAE;IAE3B,QACEC,cAAA,CAACC,gBAAU,CAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAA,GAAMC,mBAAS,EAAA,GAAM,KAAK,EAAA,QAAA,EACxDF,cAAA,CAACC,gBAAU,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAA,CAAI,EAAA,CACtB;AAE7B,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,eAAe;;;;"}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
3
|
+
import { forwardRef, useId } from 'react';
|
|
4
4
|
import { RadioGroup } from '@chakra-ui/react';
|
|
5
5
|
import { focusRing } from '../../utils/focusRing.mjs';
|
|
6
6
|
|
|
7
|
-
const RadioControl = forwardRef((props, ref) =>
|
|
7
|
+
const RadioControl = forwardRef((props, ref) => {
|
|
8
|
+
// Chakra derives the indicator's id from the same `ids.itemControl` it gives
|
|
9
|
+
// the control it sits inside, so every radio on the page shipped TWO elements
|
|
10
|
+
// with one id — a markup error under KWCAG 2.1 5.4.1.1 마크업 오류 방지, which
|
|
11
|
+
// Korean evaluators still count even though WCAG 2.2 dropped SC 4.1.1. It also
|
|
12
|
+
// breaks anything that resolves the control by id, since `getElementById`
|
|
13
|
+
// returns whichever came first.
|
|
14
|
+
//
|
|
15
|
+
// Nothing references the indicator — it is the dot inside the control — so any
|
|
16
|
+
// unique value fixes it, and `useId` is the one that stays stable across
|
|
17
|
+
// server and client render.
|
|
18
|
+
const indicatorId = useId();
|
|
19
|
+
return (jsx(RadioGroup.ItemControl, { ref: ref, ...focusRing, ...props, children: jsx(RadioGroup.ItemIndicator, { id: indicatorId }) }));
|
|
20
|
+
});
|
|
8
21
|
RadioControl.displayName = 'Radio.Control';
|
|
9
22
|
|
|
10
23
|
export { RadioControl };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioControl.mjs","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAKO,MAAM,YAAY,GAAG,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"RadioControl.mjs","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAKO,MAAM,YAAY,GAAG,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWf,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;IAE3B,QACEA,GAAA,CAAC,UAAU,CAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAA,GAAM,SAAS,EAAA,GAAM,KAAK,EAAA,QAAA,EACxDA,GAAA,CAAC,UAAU,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAA,CAAI,EAAA,CACtB;AAE7B,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,eAAe;;;;"}
|
|
@@ -8,5 +8,5 @@ import { ComboboxFieldProps } from './Select.types';
|
|
|
8
8
|
* For grouped options or custom layouts, compose the `Combobox` primitives
|
|
9
9
|
* directly.
|
|
10
10
|
*/
|
|
11
|
-
export declare function ComboboxField<T = string>({ options, value, defaultValue, onChange, placeholder, label, size, invalid, disabled, readOnly, required, name, width, emptyText, }: ComboboxFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function ComboboxField<T = string>({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size, invalid, disabled, readOnly, required, name, width, emptyText, }: ComboboxFieldProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
//# sourceMappingURL=ComboboxField.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxField.d.ts","sourceRoot":"","sources":["../../../src/components/Select/ComboboxField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,gBAAgB,CAAC;AAElE;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,MAAM,EAAE,EACxC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,IAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAc,EACd,SAA8B,GAC/B,EAAE,kBAAkB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ComboboxField.d.ts","sourceRoot":"","sources":["../../../src/components/Select/ComboboxField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,gBAAgB,CAAC;AAElE;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,MAAM,EAAE,EACxC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,EACT,IAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAc,EACd,SAA8B,GAC/B,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAiEvB"}
|
|
@@ -14,7 +14,7 @@ var Combobox = require('./Combobox.js');
|
|
|
14
14
|
* For grouped options or custom layouts, compose the `Combobox` primitives
|
|
15
15
|
* directly.
|
|
16
16
|
*/
|
|
17
|
-
function ComboboxField({ options, value, defaultValue, onChange, placeholder, label, size = 'md', invalid, disabled, readOnly, required, name, width = 'full', emptyText = 'No results found', }) {
|
|
17
|
+
function ComboboxField({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size = 'md', invalid, disabled, readOnly, required, name, width = 'full', emptyText = 'No results found', }) {
|
|
18
18
|
const { contains } = react.useFilter({ sensitivity: 'base' });
|
|
19
19
|
const { collection, filter } = react.useListCollection({
|
|
20
20
|
initialItems: options,
|
|
@@ -27,7 +27,7 @@ function ComboboxField({ options, value, defaultValue, onChange, placeholder, la
|
|
|
27
27
|
return (jsxRuntime.jsxs(Combobox.Combobox.Root, { collection: collection, size: size, width: width, invalid: invalid, disabled: disabled, readOnly: readOnly, required: required, name: name, value: value === undefined ? undefined : toKeys(value), defaultValue: defaultValue === undefined ? undefined : toKeys(defaultValue), onValueChange: (details) => {
|
|
28
28
|
const selected = details.items[0];
|
|
29
29
|
onChange?.(selected ? selected.value : null);
|
|
30
|
-
}, onInputValueChange: (details) => filter(details.inputValue), children: [label != null
|
|
30
|
+
}, onInputValueChange: (details) => filter(details.inputValue), children: [label != null ? (jsxRuntime.jsx(Combobox.Combobox.Label, { children: label })) : ((ariaLabel ?? placeholder) && (jsxRuntime.jsx(Combobox.Combobox.Label, { srOnly: true, children: ariaLabel ?? placeholder }))), jsxRuntime.jsxs(Combobox.Combobox.Control, { children: [jsxRuntime.jsx(Combobox.Combobox.Input, { placeholder: placeholder }), jsxRuntime.jsxs(Combobox.Combobox.IndicatorGroup, { children: [jsxRuntime.jsx(Combobox.Combobox.ClearTrigger, {}), jsxRuntime.jsx(Combobox.Combobox.Trigger, {})] })] }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(Combobox.Combobox.Positioner, { children: jsxRuntime.jsxs(Combobox.Combobox.Content, { children: [jsxRuntime.jsx(Combobox.Combobox.Empty, { children: emptyText }), collection.items.map((item) => (jsxRuntime.jsxs(Combobox.Combobox.Item, { item: item, children: [jsxRuntime.jsx(Combobox.Combobox.ItemText, { children: item.label }), jsxRuntime.jsx(Combobox.Combobox.ItemIndicator, {})] }, String(item.value))))] }) }) })] }));
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
exports.ComboboxField = ComboboxField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxField.js","sources":["../../../src/components/Select/ComboboxField.tsx"],"sourcesContent":[null],"names":["useFilter","useListCollection","_jsxs","Combobox","_jsx","Portal"],"mappings":";;;;;;;AAKA;;;;;;;;AAQG;SACa,aAAa,CAAa,EACxC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,IAAI,GAAG,IAAI,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,GAAG,MAAM,EACd,SAAS,GAAG,kBAAkB,GACR,EAAA;AACtB,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAGA,eAAS,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACvD,IAAA,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAGC,uBAAiB,CAAkB;AAChE,QAAA,YAAY,EAAE,OAAO;AACrB,QAAA,MAAM,EAAE,QAAQ;QAChB,WAAW,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;QACzC,YAAY,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK;QAClC,cAAc,EAAE,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;AACjD,KAAA,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,GAAyB,KACvC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;AAExD,IAAA,QACEC,eAAA,CAACC,iBAAQ,CAAC,IAAI,IACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,EACtD,YAAY,EACV,YAAY,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,EAE/D,aAAa,EAAE,CAAC,OAAO,KAAI;YACzB,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACjC,YAAA,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;AAC9C,QAAA,CAAC,EACD,kBAAkB,EAAE,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,
|
|
1
|
+
{"version":3,"file":"ComboboxField.js","sources":["../../../src/components/Select/ComboboxField.tsx"],"sourcesContent":[null],"names":["useFilter","useListCollection","_jsxs","Combobox","_jsx","Portal"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ import { Combobox } from './Combobox.mjs';
|
|
|
12
12
|
* For grouped options or custom layouts, compose the `Combobox` primitives
|
|
13
13
|
* directly.
|
|
14
14
|
*/
|
|
15
|
-
function ComboboxField({ options, value, defaultValue, onChange, placeholder, label, size = 'md', invalid, disabled, readOnly, required, name, width = 'full', emptyText = 'No results found', }) {
|
|
15
|
+
function ComboboxField({ options, value, defaultValue, onChange, placeholder, label, ariaLabel, size = 'md', invalid, disabled, readOnly, required, name, width = 'full', emptyText = 'No results found', }) {
|
|
16
16
|
const { contains } = useFilter({ sensitivity: 'base' });
|
|
17
17
|
const { collection, filter } = useListCollection({
|
|
18
18
|
initialItems: options,
|
|
@@ -25,7 +25,7 @@ function ComboboxField({ options, value, defaultValue, onChange, placeholder, la
|
|
|
25
25
|
return (jsxs(Combobox.Root, { collection: collection, size: size, width: width, invalid: invalid, disabled: disabled, readOnly: readOnly, required: required, name: name, value: value === undefined ? undefined : toKeys(value), defaultValue: defaultValue === undefined ? undefined : toKeys(defaultValue), onValueChange: (details) => {
|
|
26
26
|
const selected = details.items[0];
|
|
27
27
|
onChange?.(selected ? selected.value : null);
|
|
28
|
-
}, onInputValueChange: (details) => filter(details.inputValue), children: [label != null
|
|
28
|
+
}, onInputValueChange: (details) => filter(details.inputValue), children: [label != null ? (jsx(Combobox.Label, { children: label })) : ((ariaLabel ?? placeholder) && (jsx(Combobox.Label, { srOnly: true, children: ariaLabel ?? placeholder }))), jsxs(Combobox.Control, { children: [jsx(Combobox.Input, { placeholder: placeholder }), jsxs(Combobox.IndicatorGroup, { children: [jsx(Combobox.ClearTrigger, {}), jsx(Combobox.Trigger, {})] })] }), jsx(Portal, { children: jsx(Combobox.Positioner, { children: jsxs(Combobox.Content, { children: [jsx(Combobox.Empty, { children: emptyText }), collection.items.map((item) => (jsxs(Combobox.Item, { item: item, children: [jsx(Combobox.ItemText, { children: item.label }), jsx(Combobox.ItemIndicator, {})] }, String(item.value))))] }) }) })] }));
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
export { ComboboxField };
|