@mindlogic-ai/logician-ui 3.0.0-alpha.2 → 3.0.0-alpha.4
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/CodeTabs/CodeTabs.d.ts.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.js +5 -6
- package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.mjs +5 -6
- package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
- package/dist/components/Icon/_utils/createIcon.d.ts.map +1 -1
- package/dist/components/Icon/_utils/createIcon.js +3 -2
- package/dist/components/Icon/_utils/createIcon.js.map +1 -1
- package/dist/components/Icon/_utils/createIcon.mjs +3 -2
- package/dist/components/Icon/_utils/createIcon.mjs.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.d.ts.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.js +1 -2
- package/dist/components/LogicianProvider/LogicianProvider.js.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.mjs +2 -3
- package/dist/components/LogicianProvider/LogicianProvider.mjs.map +1 -1
- package/dist/components/Modal/ModalCloseButton.d.ts +16 -0
- package/dist/components/Modal/ModalCloseButton.d.ts.map +1 -1
- package/dist/components/Modal/ModalCloseButton.js +20 -4
- package/dist/components/Modal/ModalCloseButton.js.map +1 -1
- package/dist/components/Modal/ModalCloseButton.mjs +21 -5
- package/dist/components/Modal/ModalCloseButton.mjs.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +1 -1
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +4 -12
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +4 -12
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/Tabs/Tab/Tab.d.ts +3 -2
- package/dist/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.js +11 -17
- package/dist/components/Tabs/Tab/Tab.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.mjs +13 -19
- package/dist/components/Tabs/Tab/Tab.mjs.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.d.ts +2 -3
- package/dist/components/Tabs/Tab/Tab.styles.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.mjs.map +1 -1
- package/dist/components/Tabs/Tab/index.d.ts +1 -0
- package/dist/components/Tabs/Tab/index.d.ts.map +1 -1
- package/dist/components/Tabs/TabList/TabList.d.ts +3 -4
- package/dist/components/Tabs/TabList/TabList.d.ts.map +1 -1
- package/dist/components/Tabs/TabList/TabList.js +3 -8
- package/dist/components/Tabs/TabList/TabList.js.map +1 -1
- package/dist/components/Tabs/TabList/TabList.mjs +3 -8
- package/dist/components/Tabs/TabList/TabList.mjs.map +1 -1
- package/dist/components/Tabs/TabList/index.d.ts +1 -0
- package/dist/components/Tabs/TabList/index.d.ts.map +1 -1
- package/dist/components/Tabs/TabPanel.d.ts +3 -4
- package/dist/components/Tabs/TabPanel.d.ts.map +1 -1
- package/dist/components/Tabs/TabPanel.js +5 -7
- package/dist/components/Tabs/TabPanel.js.map +1 -1
- package/dist/components/Tabs/TabPanel.mjs +5 -7
- package/dist/components/Tabs/TabPanel.mjs.map +1 -1
- package/dist/components/Tabs/TabPanels.d.ts +3 -4
- package/dist/components/Tabs/TabPanels.d.ts.map +1 -1
- package/dist/components/Tabs/TabPanels.js +1 -8
- package/dist/components/Tabs/TabPanels.js.map +1 -1
- package/dist/components/Tabs/TabPanels.mjs +1 -8
- package/dist/components/Tabs/TabPanels.mjs.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.js +2 -22
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Tabs/Tabs.mjs +2 -22
- package/dist/components/Tabs/Tabs.mjs.map +1 -1
- package/dist/components/Tabs/Tabs.types.d.ts +2 -26
- package/dist/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/components/Tabs/index.d.ts +5 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tag/index.d.ts +9 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Toast/Toast.d.ts +7 -3
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.js +8 -10
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.mjs +9 -11
- package/dist/components/Toast/Toast.mjs.map +1 -1
- package/dist/components/Toast/Toast.styles.d.ts +9 -22
- package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/components/Toast/Toast.styles.js +32 -0
- package/dist/components/Toast/Toast.styles.js.map +1 -1
- package/dist/components/Toast/Toast.styles.mjs +32 -1
- package/dist/components/Toast/Toast.styles.mjs.map +1 -1
- package/dist/components/Toast/Toast.types.d.ts +45 -12
- package/dist/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.d.ts +2 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.d.ts.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.js.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.mjs.map +1 -1
- package/dist/components/Toast/Toaster.d.ts +40 -0
- package/dist/components/Toast/Toaster.d.ts.map +1 -0
- package/dist/components/Toast/Toaster.js +58 -0
- package/dist/components/Toast/Toaster.js.map +1 -0
- package/dist/components/Toast/Toaster.mjs +55 -0
- package/dist/components/Toast/Toaster.mjs.map +1 -0
- package/dist/components/Toast/index.d.ts +1 -0
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/useToast.d.ts +5 -2
- package/dist/components/Toast/useToast.d.ts.map +1 -1
- package/dist/components/Toast/useToast.js +22 -22
- package/dist/components/Toast/useToast.js.map +1 -1
- package/dist/components/Toast/useToast.mjs +18 -17
- package/dist/components/Toast/useToast.mjs.map +1 -1
- package/dist/components/Typography/H1.d.ts.map +1 -1
- package/dist/components/Typography/H1.js +1 -1
- package/dist/components/Typography/H1.js.map +1 -1
- package/dist/components/Typography/H1.mjs +1 -1
- package/dist/components/Typography/H1.mjs.map +1 -1
- package/dist/components/Typography/H2.d.ts.map +1 -1
- package/dist/components/Typography/H2.js +1 -1
- package/dist/components/Typography/H2.js.map +1 -1
- package/dist/components/Typography/H2.mjs +1 -1
- package/dist/components/Typography/H2.mjs.map +1 -1
- package/dist/components/Typography/H3.d.ts.map +1 -1
- package/dist/components/Typography/H3.js +1 -1
- package/dist/components/Typography/H3.js.map +1 -1
- package/dist/components/Typography/H3.mjs +1 -1
- package/dist/components/Typography/H3.mjs.map +1 -1
- package/dist/components/Typography/H4.d.ts.map +1 -1
- package/dist/components/Typography/H4.js +1 -1
- package/dist/components/Typography/H4.js.map +1 -1
- package/dist/components/Typography/H4.mjs +1 -1
- package/dist/components/Typography/H4.mjs.map +1 -1
- package/dist/components/Typography/H5.d.ts.map +1 -1
- package/dist/components/Typography/H5.js +1 -1
- package/dist/components/Typography/H5.js.map +1 -1
- package/dist/components/Typography/H5.mjs +1 -1
- package/dist/components/Typography/H5.mjs.map +1 -1
- package/dist/components/Typography/Subtext.d.ts.map +1 -1
- package/dist/components/Typography/Subtext.js +1 -1
- package/dist/components/Typography/Subtext.js.map +1 -1
- package/dist/components/Typography/Subtext.mjs +1 -1
- package/dist/components/Typography/Subtext.mjs.map +1 -1
- package/dist/components/Typography/Subtitle.d.ts.map +1 -1
- package/dist/components/Typography/Subtitle.js +1 -1
- package/dist/components/Typography/Subtitle.js.map +1 -1
- package/dist/components/Typography/Subtitle.mjs +1 -1
- package/dist/components/Typography/Subtitle.mjs.map +1 -1
- package/dist/components/Typography/Text.d.ts.map +1 -1
- package/dist/components/Typography/Text.js +1 -1
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Text.mjs +1 -1
- package/dist/components/Typography/Text.mjs.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -89
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -5
- package/dist/index.mjs.map +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +86 -108
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +86 -108
- package/dist/theme/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/CodeTabs/CodeTabs.stories.tsx +3 -3
- package/src/components/CodeTabs/CodeTabs.tsx +20 -7
- package/src/components/Icon/ICON_MANAGEMENT.md +56 -67
- package/src/components/Icon/_utils/createIcon.tsx +4 -2
- package/src/components/LogicianProvider/LogicianProvider.tsx +1 -7
- package/src/components/Modal/Modal.stories.tsx +352 -0
- package/src/components/Modal/ModalCloseButton.tsx +31 -7
- package/src/components/Pagination/Pagination.stories.tsx +140 -0
- package/src/components/Pagination/Pagination.tsx +1 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +4 -14
- package/src/components/Tabs/Tab/Tab.styles.ts +2 -4
- package/src/components/Tabs/Tab/Tab.tsx +33 -42
- package/src/components/Tabs/Tab/index.ts +1 -0
- package/src/components/Tabs/TabList/TabList.tsx +7 -16
- package/src/components/Tabs/TabList/index.ts +1 -0
- package/src/components/Tabs/TabPanel.tsx +7 -11
- package/src/components/Tabs/TabPanels.tsx +4 -15
- package/src/components/Tabs/Tabs.stories.tsx +216 -16
- package/src/components/Tabs/Tabs.tsx +2 -57
- package/src/components/Tabs/Tabs.types.ts +2 -30
- package/src/components/Tabs/index.tsx +5 -1
- package/src/components/Tag/index.ts +12 -2
- package/src/components/Toast/Toast.stories.tsx +420 -6
- package/src/components/Toast/Toast.styles.ts +35 -3
- package/src/components/Toast/Toast.tsx +34 -23
- package/src/components/Toast/Toast.types.ts +53 -19
- package/src/components/Toast/ToastIcon/ToastIcon.tsx +4 -2
- package/src/components/Toast/Toaster.tsx +78 -0
- package/src/components/Toast/index.ts +1 -0
- package/src/components/Toast/useToast.tsx +22 -31
- package/src/components/Typography/H1.tsx +0 -2
- package/src/components/Typography/H2.tsx +0 -2
- package/src/components/Typography/H3.tsx +0 -2
- package/src/components/Typography/H4.tsx +0 -2
- package/src/components/Typography/H5.tsx +0 -2
- package/src/components/Typography/Subtext.tsx +0 -2
- package/src/components/Typography/Subtitle.tsx +0 -2
- package/src/components/Typography/Text.tsx +0 -2
- package/src/index.ts +0 -3
- package/src/theme/index.ts +87 -108
- package/dist/_virtual/_commonjsHelpers.js +0 -9
- package/dist/_virtual/_commonjsHelpers.js.map +0 -1
- package/dist/_virtual/_commonjsHelpers.mjs +0 -7
- package/dist/_virtual/_commonjsHelpers.mjs.map +0 -1
- package/dist/_virtual/index.js +0 -13
- package/dist/_virtual/index.js.map +0 -1
- package/dist/_virtual/index.mjs +0 -9
- package/dist/_virtual/index.mjs.map +0 -1
- package/dist/_virtual/index2.js +0 -7
- package/dist/_virtual/index2.js.map +0 -1
- package/dist/_virtual/index2.mjs +0 -5
- package/dist/_virtual/index2.mjs.map +0 -1
- package/dist/components/Tabs/TabsContext.d.ts +0 -30
- package/dist/components/Tabs/TabsContext.d.ts.map +0 -1
- package/dist/components/Tabs/TabsContext.js +0 -143
- package/dist/components/Tabs/TabsContext.js.map +0 -1
- package/dist/components/Tabs/TabsContext.mjs +0 -140
- package/dist/components/Tabs/TabsContext.mjs.map +0 -1
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.d.ts +0 -6
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.d.ts.map +0 -1
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.js +0 -17
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.js.map +0 -1
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.mjs +0 -15
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.mjs.map +0 -1
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.types.d.ts +0 -4
- package/dist/components/Tag/TagLeftIcon/TagLeftIcon.types.d.ts.map +0 -1
- package/dist/components/Tag/TagLeftIcon/index.d.ts +0 -3
- package/dist/components/Tag/TagLeftIcon/index.d.ts.map +0 -1
- package/dist/components/Tag/TagRightIcon/TagRightIcon.d.ts +0 -5
- package/dist/components/Tag/TagRightIcon/TagRightIcon.d.ts.map +0 -1
- package/dist/components/Tag/TagRightIcon/TagRightIcon.js +0 -13
- package/dist/components/Tag/TagRightIcon/TagRightIcon.js.map +0 -1
- package/dist/components/Tag/TagRightIcon/TagRightIcon.mjs +0 -11
- package/dist/components/Tag/TagRightIcon/TagRightIcon.mjs.map +0 -1
- package/dist/components/Tag/TagRightIcon/TagRightIcon.types.d.ts +0 -4
- package/dist/components/Tag/TagRightIcon/TagRightIcon.types.d.ts.map +0 -1
- package/dist/components/Tag/TagRightIcon/index.d.ts +0 -3
- package/dist/components/Tag/TagRightIcon/index.d.ts.map +0 -1
- package/dist/node_modules/object-assign/index.js +0 -103
- package/dist/node_modules/object-assign/index.js.map +0 -1
- package/dist/node_modules/object-assign/index.mjs +0 -101
- package/dist/node_modules/object-assign/index.mjs.map +0 -1
- package/dist/node_modules/prop-types/checkPropTypes.js +0 -119
- package/dist/node_modules/prop-types/checkPropTypes.js.map +0 -1
- package/dist/node_modules/prop-types/checkPropTypes.mjs +0 -117
- package/dist/node_modules/prop-types/checkPropTypes.mjs.map +0 -1
- package/dist/node_modules/prop-types/factoryWithThrowingShims.js +0 -78
- package/dist/node_modules/prop-types/factoryWithThrowingShims.js.map +0 -1
- package/dist/node_modules/prop-types/factoryWithThrowingShims.mjs +0 -76
- package/dist/node_modules/prop-types/factoryWithThrowingShims.mjs.map +0 -1
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.js +0 -629
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.js.map +0 -1
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.mjs +0 -627
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.mjs.map +0 -1
- package/dist/node_modules/prop-types/index.js +0 -37
- package/dist/node_modules/prop-types/index.js.map +0 -1
- package/dist/node_modules/prop-types/index.mjs +0 -35
- package/dist/node_modules/prop-types/index.mjs.map +0 -1
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.js +0 -25
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.js.map +0 -1
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.mjs +0 -23
- package/dist/node_modules/prop-types/lib/ReactPropTypesSecret.mjs.map +0 -1
- package/dist/node_modules/prop-types/lib/has.js +0 -15
- package/dist/node_modules/prop-types/lib/has.js.map +0 -1
- package/dist/node_modules/prop-types/lib/has.mjs +0 -13
- package/dist/node_modules/prop-types/lib/has.mjs.map +0 -1
- package/dist/primitives.d.ts +0 -22
- package/dist/primitives.d.ts.map +0 -1
- package/src/components/Tabs/TabsContext.tsx +0 -196
- package/src/components/Tag/TagLeftIcon/TagLeftIcon.tsx +0 -15
- package/src/components/Tag/TagLeftIcon/TagLeftIcon.types.ts +0 -3
- package/src/components/Tag/TagLeftIcon/index.ts +0 -2
- package/src/components/Tag/TagRightIcon/TagRightIcon.tsx +0 -8
- package/src/components/Tag/TagRightIcon/TagRightIcon.types.ts +0 -3
- package/src/components/Tag/TagRightIcon/index.ts +0 -2
- package/src/primitives.ts +0 -51
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeTabs.d.ts","sourceRoot":"","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeTabs.d.ts","sourceRoot":"","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiEjD,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CAkEhE,CAAC"}
|
|
@@ -13,16 +13,14 @@ var Tabs = require('../Tabs/Tabs.js');
|
|
|
13
13
|
var useTranslate = require('../../hooks/useTranslate.js');
|
|
14
14
|
var index = require('../Icon/index.js');
|
|
15
15
|
var IconButton = require('../IconButton/IconButton.js');
|
|
16
|
-
var TabsContext = require('../Tabs/TabsContext.js');
|
|
17
16
|
var Tooltip = require('../Tooltip/Tooltip.js');
|
|
18
17
|
|
|
19
|
-
const CopyButton = ({ onCopy, code, }) => {
|
|
18
|
+
const CopyButton = ({ onCopy, code, selectedValue, }) => {
|
|
20
19
|
const translate = useTranslate.useTranslate();
|
|
21
20
|
const [tooltipText, setTooltipText] = React.useState(translate('copy'));
|
|
22
21
|
const [isTooltipOpen, setIsTooltipOpen] = React.useState(undefined);
|
|
23
|
-
const { selectedIndex } = TabsContext.useTabsContext();
|
|
24
22
|
const handleCopyClick = async () => {
|
|
25
|
-
const codeToCopy = code[Object.keys(code)[
|
|
23
|
+
const codeToCopy = code[selectedValue] || code[Object.keys(code)[0]];
|
|
26
24
|
// Copy to clipboard
|
|
27
25
|
try {
|
|
28
26
|
await navigator.clipboard.writeText(codeToCopy || '');
|
|
@@ -55,12 +53,13 @@ const CopyButton = ({ onCopy, code, }) => {
|
|
|
55
53
|
const CodeTabs = ({ code, onCopy, ...rest }) => {
|
|
56
54
|
// Extract languages from code samples
|
|
57
55
|
const languages = Object.keys(code);
|
|
56
|
+
const [selectedValue, setSelectedValue] = React.useState(languages[0] || '');
|
|
58
57
|
if (languages.length === 0) {
|
|
59
58
|
return null;
|
|
60
59
|
}
|
|
61
|
-
return (jsxRuntime.jsxs(Tabs.Tabs, { bgColor: "gray.1500", borderRadius: "md", ...rest, children: [jsxRuntime.jsxs(TabList.TabList, { px: 2, alignItems: "center", children: [jsxRuntime.jsx(react.Flex, { w: "100%", flex: 1, children: languages.map((language) => (jsxRuntime.jsx(Tab.Tab, { bg: "none", px: 3, py: 1, m: 2, borderRadius: "full", textTransform: "uppercase", fontWeight: "bold", _selected: { color: 'white' }, _hover: {
|
|
60
|
+
return (jsxRuntime.jsxs(Tabs.Tabs, { bgColor: "gray.1500", borderRadius: "md", value: selectedValue, onValueChange: (details) => setSelectedValue(details.value), ...rest, children: [jsxRuntime.jsxs(TabList.TabList, { px: 2, alignItems: "center", children: [jsxRuntime.jsx(react.Flex, { w: "100%", flex: 1, children: languages.map((language) => (jsxRuntime.jsx(Tab.Tab, { value: language, bg: "none", px: 3, py: 1, m: 2, borderRadius: "full", textTransform: "uppercase", fontWeight: "bold", _selected: { color: 'white' }, _hover: {
|
|
62
61
|
bgColor: 'whiteAlpha.500',
|
|
63
|
-
}, children: language }, `${language}-tab`))) }), onCopy && jsxRuntime.jsx(CopyButton, { onCopy: onCopy, code: code })] }), jsxRuntime.jsx(TabPanels.TabPanels, { children: languages.map((language) => (jsxRuntime.jsx(TabPanel.TabPanel, { children: jsxRuntime.jsx(Code.Code, { language: language, hideHeader: true, containerProps: {
|
|
62
|
+
}, children: language }, `${language}-tab`))) }), onCopy && (jsxRuntime.jsx(CopyButton, { onCopy: onCopy, code: code, selectedValue: selectedValue }))] }), jsxRuntime.jsx(TabPanels.TabPanels, { children: languages.map((language) => (jsxRuntime.jsx(TabPanel.TabPanel, { value: language, children: jsxRuntime.jsx(Code.Code, { language: language, hideHeader: true, containerProps: {
|
|
64
63
|
borderWidth: 0,
|
|
65
64
|
borderBottomRadius: 'md',
|
|
66
65
|
overflow: 'hidden',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","
|
|
1
|
+
{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","_jsx","Tooltip","IconButton","FaRegCopy","_jsxs","Tabs","TabList","Flex","Tab","TabPanels","TabPanel","Code"],"mappings":"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"}
|
|
@@ -11,16 +11,14 @@ import { Tabs } from '../Tabs/Tabs.mjs';
|
|
|
11
11
|
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
12
12
|
import { FaRegCopy } from '../Icon/index.mjs';
|
|
13
13
|
import { IconButton } from '../IconButton/IconButton.mjs';
|
|
14
|
-
import { useTabsContext } from '../Tabs/TabsContext.mjs';
|
|
15
14
|
import { Tooltip } from '../Tooltip/Tooltip.mjs';
|
|
16
15
|
|
|
17
|
-
const CopyButton = ({ onCopy, code, }) => {
|
|
16
|
+
const CopyButton = ({ onCopy, code, selectedValue, }) => {
|
|
18
17
|
const translate = useTranslate();
|
|
19
18
|
const [tooltipText, setTooltipText] = useState(translate('copy'));
|
|
20
19
|
const [isTooltipOpen, setIsTooltipOpen] = useState(undefined);
|
|
21
|
-
const { selectedIndex } = useTabsContext();
|
|
22
20
|
const handleCopyClick = async () => {
|
|
23
|
-
const codeToCopy = code[Object.keys(code)[
|
|
21
|
+
const codeToCopy = code[selectedValue] || code[Object.keys(code)[0]];
|
|
24
22
|
// Copy to clipboard
|
|
25
23
|
try {
|
|
26
24
|
await navigator.clipboard.writeText(codeToCopy || '');
|
|
@@ -53,12 +51,13 @@ const CopyButton = ({ onCopy, code, }) => {
|
|
|
53
51
|
const CodeTabs = ({ code, onCopy, ...rest }) => {
|
|
54
52
|
// Extract languages from code samples
|
|
55
53
|
const languages = Object.keys(code);
|
|
54
|
+
const [selectedValue, setSelectedValue] = useState(languages[0] || '');
|
|
56
55
|
if (languages.length === 0) {
|
|
57
56
|
return null;
|
|
58
57
|
}
|
|
59
|
-
return (jsxs(Tabs, { bgColor: "gray.1500", borderRadius: "md", ...rest, children: [jsxs(TabList, { px: 2, alignItems: "center", children: [jsx(Flex, { w: "100%", flex: 1, children: languages.map((language) => (jsx(Tab, { bg: "none", px: 3, py: 1, m: 2, borderRadius: "full", textTransform: "uppercase", fontWeight: "bold", _selected: { color: 'white' }, _hover: {
|
|
58
|
+
return (jsxs(Tabs, { bgColor: "gray.1500", borderRadius: "md", value: selectedValue, onValueChange: (details) => setSelectedValue(details.value), ...rest, children: [jsxs(TabList, { px: 2, alignItems: "center", children: [jsx(Flex, { w: "100%", flex: 1, children: languages.map((language) => (jsx(Tab, { value: language, bg: "none", px: 3, py: 1, m: 2, borderRadius: "full", textTransform: "uppercase", fontWeight: "bold", _selected: { color: 'white' }, _hover: {
|
|
60
59
|
bgColor: 'whiteAlpha.500',
|
|
61
|
-
}, children: language }, `${language}-tab`))) }), onCopy && jsx(CopyButton, { onCopy: onCopy, code: code })] }), jsx(TabPanels, { children: languages.map((language) => (jsx(TabPanel, { children: jsx(Code, { language: language, hideHeader: true, containerProps: {
|
|
60
|
+
}, children: language }, `${language}-tab`))) }), onCopy && (jsx(CopyButton, { onCopy: onCopy, code: code, selectedValue: selectedValue }))] }), jsx(TabPanels, { children: languages.map((language) => (jsx(TabPanel, { value: language, children: jsx(Code, { language: language, hideHeader: true, containerProps: {
|
|
62
61
|
borderWidth: 0,
|
|
63
62
|
borderBottomRadius: 'md',
|
|
64
63
|
overflow: 'hidden',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAU,MAAM,kBAAkB,CAAC;AAGpD,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GACnD,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAWlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GACrB,eAAe,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EACvC,cAAc,MAAM,
|
|
1
|
+
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAU,MAAM,kBAAkB,CAAC;AAGpD,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GACnD,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAWlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GACrB,eAAe,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EACvC,cAAc,MAAM,iGA2BrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,yBAAyB,CACvD,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAC/C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -38,12 +38,13 @@ const sizeMapping = {
|
|
|
38
38
|
* ```
|
|
39
39
|
*/
|
|
40
40
|
const createIcon = (IconComponent, displayName) => {
|
|
41
|
-
|
|
41
|
+
// ✅ FIX: Wrap ONCE at creation time, not on every render
|
|
42
|
+
const ChakraIcon = react.chakra(IconComponent);
|
|
43
|
+
const WrappedIcon = React.forwardRef(({ boxSize = 'md', color = 'gray.600', ...props }, ref) => {
|
|
42
44
|
// Map boxSize to actual pixel values
|
|
43
45
|
const resolvedSize = typeof boxSize === 'string' && boxSize in sizeMapping
|
|
44
46
|
? sizeMapping[boxSize]
|
|
45
47
|
: boxSize;
|
|
46
|
-
const ChakraIcon = react.chakra(IconComponent);
|
|
47
48
|
return (jsxRuntime.jsx(ChakraIcon, { ref: ref, width: resolvedSize, height: resolvedSize, ...props }));
|
|
48
49
|
});
|
|
49
50
|
WrappedIcon.displayName =
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.js","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"createIcon.js","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["chakra","forwardRef","_jsx"],"mappings":";;;;;;;;;AAOA;AACA,MAAM,WAAW,GAA2B;AAC1C,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;CACT;AAED;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,UAAU,GAAG,CACxB,aAAuC,EACvC,WAAoB,KAClB;;AAEF,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAC,aAAa,CAAC;IAExC,MAAM,WAAW,GAAGC,gBAAU,CAC5B,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;;QAExD,MAAM,YAAY,GAChB,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI;AACxC,cAAE,WAAW,CAAC,OAAO;cACnB,OAAO;AAEb,QAAA,QACEC,cAAA,CAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,YAAY,KAChB,KAAK,EAAA,CACT;AAEN,IAAA,CAAC,CACF;AAED,IAAA,WAAW,CAAC,WAAW;AACrB,QAAA,WAAW,IAAI,aAAa,CAAC,WAAW,IAAI,aAAa;AAC3D,IAAA,OAAO,WAAW;AACpB;;;;;"}
|
|
@@ -34,12 +34,13 @@ const sizeMapping = {
|
|
|
34
34
|
* ```
|
|
35
35
|
*/
|
|
36
36
|
const createIcon = (IconComponent, displayName) => {
|
|
37
|
-
|
|
37
|
+
// ✅ FIX: Wrap ONCE at creation time, not on every render
|
|
38
|
+
const ChakraIcon = chakra(IconComponent);
|
|
39
|
+
const WrappedIcon = forwardRef(({ boxSize = 'md', color = 'gray.600', ...props }, ref) => {
|
|
38
40
|
// Map boxSize to actual pixel values
|
|
39
41
|
const resolvedSize = typeof boxSize === 'string' && boxSize in sizeMapping
|
|
40
42
|
? sizeMapping[boxSize]
|
|
41
43
|
: boxSize;
|
|
42
|
-
const ChakraIcon = chakra(IconComponent);
|
|
43
44
|
return (jsx(ChakraIcon, { ref: ref, width: resolvedSize, height: resolvedSize, ...props }));
|
|
44
45
|
});
|
|
45
46
|
WrappedIcon.displayName =
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.mjs","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOA;AACA,MAAM,WAAW,GAA2B;AAC1C,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;CACT;AAED;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,UAAU,GAAG,CACxB,aAAuC,EACvC,WAAoB,KAClB
|
|
1
|
+
{"version":3,"file":"createIcon.mjs","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOA;AACA,MAAM,WAAW,GAA2B;AAC1C,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;CACT;AAED;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,UAAU,GAAG,CACxB,aAAuC,EACvC,WAAoB,KAClB;;AAEF,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC;IAExC,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;;QAExD,MAAM,YAAY,GAChB,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI;AACxC,cAAE,WAAW,CAAC,OAAO;cACnB,OAAO;AAEb,QAAA,QACEA,GAAA,CAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,YAAY,KAChB,KAAK,EAAA,CACT;AAEN,IAAA,CAAC,CACF;AAED,IAAA,WAAW,CAAC,WAAW;AACrB,QAAA,WAAW,IAAI,aAAa,CAAC,WAAW,IAAI,aAAa;AAC3D,IAAA,OAAO,WAAW;AACpB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogicianProvider.d.ts","sourceRoot":"","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"LogicianProvider.d.ts","sourceRoot":"","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAa5D,CAAC"}
|
|
@@ -5,7 +5,6 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var index = require('../../theme/index.js');
|
|
8
|
-
var useToast = require('../Toast/useToast.js');
|
|
9
8
|
|
|
10
9
|
/**
|
|
11
10
|
* LogicianProvider component that wraps ChakraProvider with the LogicianUI design system.
|
|
@@ -34,7 +33,7 @@ const LogicianProvider = ({ config, children, }) => {
|
|
|
34
33
|
// Merge defaultConfig, logicianConfig, and user config
|
|
35
34
|
return react.createSystem(react.defaultConfig, index.logicianConfig, config);
|
|
36
35
|
}, [config]);
|
|
37
|
-
return
|
|
36
|
+
return jsxRuntime.jsx(react.ChakraProvider, { value: system, children: children });
|
|
38
37
|
};
|
|
39
38
|
LogicianProvider.displayName = 'LogicianProvider';
|
|
40
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogicianProvider.js","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["useMemo","defaultSystem","createSystem","defaultConfig","logicianConfig","
|
|
1
|
+
{"version":3,"file":"LogicianProvider.js","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["useMemo","defaultSystem","createSystem","defaultConfig","logicianConfig","_jsx","ChakraProvider"],"mappings":";;;;;;;;AAiDA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,MAAM,GAAGA,aAAO,CAAC,MAAK;QAC1B,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAOC,YAAa;QACtB;;QAEA,OAAOC,kBAAY,CAACC,mBAAa,EAAEC,oBAAc,EAAE,MAAM,CAAC;AAC5D,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,OAAOC,cAAA,CAACC,oBAAc,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAkB;AACnE;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
4
|
import { createSystem, defaultConfig, ChakraProvider } from '@chakra-ui/react';
|
|
5
5
|
import { system, logicianConfig } from '../../theme/index.mjs';
|
|
6
|
-
import { Toaster } from '../Toast/useToast.mjs';
|
|
7
6
|
|
|
8
7
|
/**
|
|
9
8
|
* LogicianProvider component that wraps ChakraProvider with the LogicianUI design system.
|
|
@@ -32,7 +31,7 @@ const LogicianProvider = ({ config, children, }) => {
|
|
|
32
31
|
// Merge defaultConfig, logicianConfig, and user config
|
|
33
32
|
return createSystem(defaultConfig, logicianConfig, config);
|
|
34
33
|
}, [config]);
|
|
35
|
-
return (
|
|
34
|
+
return jsx(ChakraProvider, { value: system$1, children: children });
|
|
36
35
|
};
|
|
37
36
|
LogicianProvider.displayName = 'LogicianProvider';
|
|
38
37
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogicianProvider.mjs","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["system","defaultSystem","
|
|
1
|
+
{"version":3,"file":"LogicianProvider.mjs","sources":["../../../src/components/LogicianProvider/LogicianProvider.tsx"],"sourcesContent":[null],"names":["system","defaultSystem","_jsx"],"mappings":";;;;;;AAiDA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,gBAAgB,GAAoC,CAAC,EAChE,MAAM,EACN,QAAQ,GACT,KAAI;AACH,IAAA,MAAMA,QAAM,GAAG,OAAO,CAAC,MAAK;QAC1B,IAAI,CAAC,MAAM,EAAE;AACX,YAAA,OAAOC,MAAa;QACtB;;QAEA,OAAO,YAAY,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC;AAC5D,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,OAAOC,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAEF,QAAM,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAkB;AACnE;AAEA,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
1
|
import { Dialog } from '@chakra-ui/react';
|
|
2
|
+
/**
|
|
3
|
+
* Modal Close Button Component
|
|
4
|
+
*
|
|
5
|
+
* IMPORTANT: Chakra UI v3의 Dialog.CloseTrigger는 단독으로 사용하면 아이콘이 표시되지 않습니다.
|
|
6
|
+
* asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
|
|
10
|
+
* <ModalOverlay />
|
|
11
|
+
* <ModalContent>
|
|
12
|
+
* <ModalHeader>Title</ModalHeader>
|
|
13
|
+
* <ModalCloseButton />
|
|
14
|
+
* <ModalBody>Content</ModalBody>
|
|
15
|
+
* </ModalContent>
|
|
16
|
+
* </Modal>
|
|
17
|
+
*/
|
|
2
18
|
export declare const ModalCloseButton: ({ ...rest }: Dialog.CloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
19
|
//# sourceMappingURL=ModalCloseButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"ModalCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,CAAC,iBAAiB,4CAmBrE,CAAC"}
|
|
@@ -4,11 +4,27 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var react = require('@chakra-ui/react');
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* Modal Close Button Component
|
|
9
|
+
*
|
|
10
|
+
* IMPORTANT: Chakra UI v3의 Dialog.CloseTrigger는 단독으로 사용하면 아이콘이 표시되지 않습니다.
|
|
11
|
+
* asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
|
|
15
|
+
* <ModalOverlay />
|
|
16
|
+
* <ModalContent>
|
|
17
|
+
* <ModalHeader>Title</ModalHeader>
|
|
18
|
+
* <ModalCloseButton />
|
|
19
|
+
* <ModalBody>Content</ModalBody>
|
|
20
|
+
* </ModalContent>
|
|
21
|
+
* </Modal>
|
|
22
|
+
*/
|
|
7
23
|
const ModalCloseButton = ({ ...rest }) => {
|
|
8
|
-
return (jsxRuntime.jsx(react.Dialog.CloseTrigger, { color: "gray.600", _hover: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
24
|
+
return (jsxRuntime.jsx(react.Dialog.CloseTrigger, { position: "absolute", top: "2", insetEnd: "2", ...rest, asChild: true, children: jsxRuntime.jsx(react.CloseButton, { size: "sm", color: "gray.600", _hover: {
|
|
25
|
+
color: 'primary.main',
|
|
26
|
+
backgroundColor: 'transparent',
|
|
27
|
+
} }) }));
|
|
12
28
|
};
|
|
13
29
|
|
|
14
30
|
exports.ModalCloseButton = ModalCloseButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalCloseButton.js","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ModalCloseButton.js","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog","CloseButton"],"mappings":";;;;;;AAGA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,IAAI,EAA4B,KAAI;AACxE,IAAA,QACEA,cAAA,CAACC,YAAM,CAAC,YAAY,EAAA,EAClB,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,QAAQ,EAAC,GAAG,EAAA,GACR,IAAI,EACR,OAAO,EAAA,IAAA,EAAA,QAAA,EAEPD,cAAA,CAACE,iBAAW,EAAA,EACV,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE;AACN,gBAAA,KAAK,EAAE,cAAc;AACrB,gBAAA,eAAe,EAAE,aAAa;aAC/B,EAAA,CACD,EAAA,CACkB;AAE1B;;;;"}
|
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { Dialog } from '@chakra-ui/react';
|
|
3
|
+
import { Dialog, CloseButton } from '@chakra-ui/react';
|
|
4
4
|
|
|
5
|
+
/**
|
|
6
|
+
* Modal Close Button Component
|
|
7
|
+
*
|
|
8
|
+
* IMPORTANT: Chakra UI v3의 Dialog.CloseTrigger는 단독으로 사용하면 아이콘이 표시되지 않습니다.
|
|
9
|
+
* asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
|
|
13
|
+
* <ModalOverlay />
|
|
14
|
+
* <ModalContent>
|
|
15
|
+
* <ModalHeader>Title</ModalHeader>
|
|
16
|
+
* <ModalCloseButton />
|
|
17
|
+
* <ModalBody>Content</ModalBody>
|
|
18
|
+
* </ModalContent>
|
|
19
|
+
* </Modal>
|
|
20
|
+
*/
|
|
5
21
|
const ModalCloseButton = ({ ...rest }) => {
|
|
6
|
-
return (jsx(Dialog.CloseTrigger, { color: "gray.600", _hover: {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
22
|
+
return (jsx(Dialog.CloseTrigger, { position: "absolute", top: "2", insetEnd: "2", ...rest, asChild: true, children: jsx(CloseButton, { size: "sm", color: "gray.600", _hover: {
|
|
23
|
+
color: 'primary.main',
|
|
24
|
+
backgroundColor: 'transparent',
|
|
25
|
+
} }) }));
|
|
10
26
|
};
|
|
11
27
|
|
|
12
28
|
export { ModalCloseButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalCloseButton.mjs","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"ModalCloseButton.mjs","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,IAAI,EAA4B,KAAI;AACxE,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,YAAY,EAAA,EAClB,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,GAAG,EACP,QAAQ,EAAC,GAAG,EAAA,GACR,IAAI,EACR,OAAO,EAAA,IAAA,EAAA,QAAA,EAEPA,GAAA,CAAC,WAAW,EAAA,EACV,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,MAAM,EAAE;AACN,gBAAA,KAAK,EAAE,cAAc;AACrB,gBAAA,eAAe,EAAE,aAAa;aAC/B,EAAA,CACD,EAAA,CACkB;AAE1B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAWA,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":"AAWA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,4CAwHjB,CAAC"}
|
|
@@ -63,7 +63,7 @@ const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, n
|
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
|
-
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(Select.Select, { styles: {
|
|
66
|
+
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(Select.Select, { menuPlacement: "auto", styles: {
|
|
67
67
|
control: (base, _state) => ({
|
|
68
68
|
...base,
|
|
69
69
|
fontSize: '0.875rem',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","Select","Subtext","Subtitle","_Fragment","IconButton","IoIosArrowBack","IoChevronForward"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;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,CACrC,QAA2C,KACzC;QACF,IAAI,QAAQ,EAAE;AACZ,YAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK;AACtC,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;IAED,QACEC,gBAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC5DC,
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","Select","Subtext","Subtitle","_Fragment","IconButton","IoIosArrowBack","IoChevronForward"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;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,CACrC,QAA2C,KACzC;QACF,IAAI,QAAQ,EAAE;AACZ,YAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK;AACtC,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;IAED,QACEC,gBAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC5DC,eAACD,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACxB,mBAAmB,KAClBD,gBAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzBC,cAAA,CAACC,aAAM,EAAA,EACL,aAAa,EAAC,MAAM,EACpB,MAAM,EAAE;gCACN,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,MAAM;AAC1B,oCAAA,GAAG,IAAI;AACP,oCAAA,QAAQ,EAAE,UAAU;AACpB,oCAAA,OAAO,EAAE,CAAC;AACV,oCAAA,SAAS,EAAE,MAAM;iCAClB,CAAC;gCACF,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,MAAM;AACpC,oCAAA,GAAG,IAAI;AACP,oCAAA,OAAO,EAAE,OAAO;iCACjB,CAAC;6BACH,EACD,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;AAC5C,gCAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AACxB,gCAAA,KAAK,EAAE,MAAM;6BACd,CAAC,CAAC,EACH,KAAK,EAAE;AACL,gCAAA,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE;AAC9B,gCAAA,KAAK,EAAE,YAAY;AACpB,6BAAA,EACD,QAAQ,EAAE,8BAA8B,EAAA,CACxC,EACFD,cAAA,CAACE,eAAO,EAAA,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EACzB,SAAS,CAAC,2BAA2B,CAAC,EAAA,CAC/B,CAAA,EAAA,CACL,CACR,EAAA,CACI,EACPF,cAAA,CAACD,UAAI,EAAA,EAAA,QAAA,EACHC,cAAA,CAACG,iBAAQ,EAAA,EAAA,QAAA,EACN,SAAS,CAAC,uBAAuB,EAAE;wBAClC,WAAW,EAAE,CAAC,WAAW,GAAG,CAAC,IAAI,YAAY,GAAG,CAAC;wBACjD,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,WAAW,GAAG,YAAY,CAAC;AAC9D,wBAAA,eAAe,EAAE,aAAa;AAC/B,qBAAA,CAAC,EAAA,CACO,EAAA,CACN,EACPH,cAAA,CAACD,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACxB,OAAO,GAAG,CAAC,KACVD,eAAA,CAAAM,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEN,eAAA,CAACK,iBAAQ,EAAA,EAAA,QAAA,EAAA,CACN,WAAW,EAAA,KAAA,EAAK,OAAO,CAAA,EAAA,CACf,EACXL,eAAA,CAACC,UAAI,IAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAClBC,cAAA,CAACK,qBAAU,EAAA,EACT,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,YAAA,EACH,SAAS,CAAC,UAAU,CAAW,EAC3C,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,IAAI,CAAC,EAC1B,KAAK,EAAE,WAAW,KAAK,CAAC,GAAG,UAAU,GAAG,WAAW,EAAA,QAAA,EAEnDL,cAAA,CAACM,oBAAc,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACpB,EACbN,cAAA,CAACK,qBAAU,EAAA,EACT,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EAAA,YAAA,EACH,SAAS,CAAC,qBAAqB,CAAW,EACtD,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,IAAI,OAAO,EAChC,KAAK,EAAE,WAAW,KAAK,OAAO,GAAG,UAAU,GAAG,WAAW,EAAA,QAAA,EAEzDL,cAAA,CAACO,sBAAgB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACtB,CAAA,EAAA,CACR,CAAA,EAAA,CACN,CACJ,EAAA,CACI,CAAA,EAAA,CACF;AAEX;;;;"}
|
|
@@ -61,7 +61,7 @@ const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, n
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
|
-
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(Select, { styles: {
|
|
64
|
+
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(Select, { menuPlacement: "auto", styles: {
|
|
65
65
|
control: (base, _state) => ({
|
|
66
66
|
...base,
|
|
67
67
|
fontSize: '0.875rem',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;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,CACrC,QAA2C,KACzC;QACF,IAAI,QAAQ,EAAE;AACZ,YAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,KAAK;AACtC,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;IAED,QACEA,KAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC5DC,
|
|
1
|
+
{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,gBAAgB;;;;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,gBAAgB;;;;kDA0E3B,CAAC"}
|
|
@@ -13,17 +13,9 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
|
|
|
13
13
|
label: option.label,
|
|
14
14
|
disabled: option.disabled,
|
|
15
15
|
}));
|
|
16
|
-
//
|
|
17
|
-
const borderRadiusMap = {
|
|
18
|
-
none: '0',
|
|
19
|
-
sm: '6px',
|
|
20
|
-
md: '8px',
|
|
21
|
-
lg: '12px',
|
|
22
|
-
xl: '32px',
|
|
23
|
-
full: '9999px',
|
|
24
|
-
};
|
|
16
|
+
// Use theme borderRadius token directly via CSS variable
|
|
25
17
|
const indicatorRadius = typeof borderRadius === 'string'
|
|
26
|
-
?
|
|
18
|
+
? `var(--chakra-radii-${borderRadius})`
|
|
27
19
|
: borderRadius;
|
|
28
20
|
return (jsxRuntime.jsxs(react.SegmentGroup.Root, { ref: ref, value: value, defaultValue: defaultValue ?? options[0]?.value, onValueChange: (details) => {
|
|
29
21
|
if (onSelect) {
|
|
@@ -31,8 +23,8 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
|
|
|
31
23
|
}
|
|
32
24
|
}, size: size, bg: "gray.50", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "100%", css: {
|
|
33
25
|
// Chakra v3 CSS variables for styling
|
|
34
|
-
'--segment-indicator-bg':
|
|
35
|
-
'--segment-indicator-shadow':
|
|
26
|
+
'--segment-indicator-bg': `var(--chakra-colors-gray-0)`,
|
|
27
|
+
'--segment-indicator-shadow': `var(--chakra-shadows-md)`,
|
|
36
28
|
// Apply borderRadius to indicator
|
|
37
29
|
'& [data-part="indicator"]': {
|
|
38
30
|
borderRadius: indicatorRadius,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","_jsx"],"mappings":";;;;;;;AAQO,MAAM,gBAAgB,GAAGA,gBAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,IAAI,EACR,GAAG,KAAK;;IAGT,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","_jsx"],"mappings":";;;;;;;AAQO,MAAM,gBAAgB,GAAGA,gBAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,IAAI,EACR,GAAG,KAAK;;IAGT,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEC,eAAA,CAACC,kBAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,GAAG,EACL,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,MAAM,EAChB,CAAC,EAAC,MAAM,EACR,GAAG,EAAE;;AAEH,YAAA,wBAAwB,EAAE,CAAA,2BAAA,CAA6B;AACvD,YAAA,4BAA4B,EAAE,CAAA,wBAAA,CAA0B;;AAExD,YAAA,2BAA2B,EAAE;AAC3B,gBAAA,YAAY,EAAE,eAAe;AAC9B,aAAA;;AAED,YAAA,sBAAsB,EAAE;AACtB,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,MAAM,EAAE;AACN,oBAAA,EAAE,EAAE,aAAa;AAClB,iBAAA;AACF,aAAA;;AAED,YAAA,2BAA2B,EAAE;AAC3B,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA;AACD,YAAA,oEAAoE,EAAE;AACpE,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA;AACF,SAAA,EAAA,GACG,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,kBAAY,CAAC,SAAS,KAAG,EAC1BC,cAAA,CAACD,kBAAY,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAAA,EAAA,CAClB;AAExB,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -11,17 +11,9 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
|
|
|
11
11
|
label: option.label,
|
|
12
12
|
disabled: option.disabled,
|
|
13
13
|
}));
|
|
14
|
-
//
|
|
15
|
-
const borderRadiusMap = {
|
|
16
|
-
none: '0',
|
|
17
|
-
sm: '6px',
|
|
18
|
-
md: '8px',
|
|
19
|
-
lg: '12px',
|
|
20
|
-
xl: '32px',
|
|
21
|
-
full: '9999px',
|
|
22
|
-
};
|
|
14
|
+
// Use theme borderRadius token directly via CSS variable
|
|
23
15
|
const indicatorRadius = typeof borderRadius === 'string'
|
|
24
|
-
?
|
|
16
|
+
? `var(--chakra-radii-${borderRadius})`
|
|
25
17
|
: borderRadius;
|
|
26
18
|
return (jsxs(SegmentGroup.Root, { ref: ref, value: value, defaultValue: defaultValue ?? options[0]?.value, onValueChange: (details) => {
|
|
27
19
|
if (onSelect) {
|
|
@@ -29,8 +21,8 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
|
|
|
29
21
|
}
|
|
30
22
|
}, size: size, bg: "gray.50", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "100%", css: {
|
|
31
23
|
// Chakra v3 CSS variables for styling
|
|
32
|
-
'--segment-indicator-bg':
|
|
33
|
-
'--segment-indicator-shadow':
|
|
24
|
+
'--segment-indicator-bg': `var(--chakra-colors-gray-0)`,
|
|
25
|
+
'--segment-indicator-shadow': `var(--chakra-shadows-md)`,
|
|
34
26
|
// Apply borderRadius to indicator
|
|
35
27
|
'& [data-part="indicator"]': {
|
|
36
28
|
borderRadius: indicatorRadius,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAQO,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,IAAI,EACR,GAAG,KAAK;;IAGT,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAQO,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,IAAI,EACR,GAAG,KAAK;;IAGT,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEA,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,GAAG,EACL,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,MAAM,EAChB,CAAC,EAAC,MAAM,EACR,GAAG,EAAE;;AAEH,YAAA,wBAAwB,EAAE,CAAA,2BAAA,CAA6B;AACvD,YAAA,4BAA4B,EAAE,CAAA,wBAAA,CAA0B;;AAExD,YAAA,2BAA2B,EAAE;AAC3B,gBAAA,YAAY,EAAE,eAAe;AAC9B,aAAA;;AAED,YAAA,sBAAsB,EAAE;AACtB,gBAAA,IAAI,EAAE,CAAC;AACP,gBAAA,MAAM,EAAE;AACN,oBAAA,EAAE,EAAE,aAAa;AAClB,iBAAA;AACF,aAAA;;AAED,YAAA,2BAA2B,EAAE;AAC3B,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA;AACD,YAAA,oEAAoE,EAAE;AACpE,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA;AACF,SAAA,EAAA,GACG,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAAC,YAAY,CAAC,SAAS,KAAG,EAC1BA,GAAA,CAAC,YAAY,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAA,CAAI,CAAA,EAAA,CAClB;AAExB,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export
|
|
1
|
+
import { ButtonProps, Tabs, TabsTriggerProps } from '@chakra-ui/react';
|
|
2
|
+
export type TabProps = TabsTriggerProps & Omit<ButtonProps, 'value'>;
|
|
3
|
+
export declare const Tab: import("react").ForwardRefExoticComponent<Tabs.TriggerProps & Omit<ButtonProps, "value"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
3
4
|
//# sourceMappingURL=Tab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAQ/E,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,GAAG,8IA6Bf,CAAC"}
|
|
@@ -4,26 +4,20 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
-
var TabsContext = require('../TabsContext.js');
|
|
8
7
|
var Tab_styles = require('./Tab.styles.js');
|
|
9
8
|
|
|
10
|
-
const Tab = ({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
}, [name, tabIndex, registerTabName]);
|
|
21
|
-
return (jsxRuntime.jsx(react.Tabs.Trigger, { value: tabValue, "data-tab-name": name, ...{ asChild: true }, children: jsxRuntime.jsx(react.Button, { ref: tabRef, variant: "ghost", colorPalette: "neutral", borderRadius: "none", ...(orientation === 'vertical' && Tab_styles.verticalStyles), color: "gray.800", py: 3, _selected: {
|
|
22
|
-
...(orientation === 'vertical'
|
|
23
|
-
? Tab_styles.verticalSelectedStyles
|
|
24
|
-
: Tab_styles.horizontalSelectedStyles),
|
|
9
|
+
const Tab = React.forwardRef(({ value, children, ...props }, ref) => {
|
|
10
|
+
if (!value) {
|
|
11
|
+
throw new Error('Tab component requires a "value" prop');
|
|
12
|
+
}
|
|
13
|
+
return (jsxRuntime.jsx(react.Tabs.Trigger, { value: value, asChild: true, children: jsxRuntime.jsx(react.Button, { ref: ref, variant: "ghost", colorPalette: "neutral", borderRadius: "none", color: "gray.800", py: 3, _selected: Tab_styles.horizontalSelectedStyles, css: {
|
|
14
|
+
'&[data-orientation=vertical]': {
|
|
15
|
+
...Tab_styles.verticalStyles,
|
|
16
|
+
'&[data-selected]': Tab_styles.verticalSelectedStyles,
|
|
17
|
+
},
|
|
25
18
|
}, ...props, children: children }) }));
|
|
26
|
-
};
|
|
19
|
+
});
|
|
20
|
+
Tab.displayName = 'Tab';
|
|
27
21
|
|
|
28
22
|
exports.Tab = Tab;
|
|
29
23
|
//# sourceMappingURL=Tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tabs","Button","horizontalSelectedStyles","verticalStyles","verticalSelectedStyles"],"mappings":";;;;;;;;AAWO,MAAM,GAAG,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACrC,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IAEA,QACEC,eAACC,UAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACjCD,cAAA,CAACE,YAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,YAAY,EAAC,MAAM,EACnB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,SAAS,EAAEC,mCAAwB,EACnC,GAAG,EAAE;AACH,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAGC,yBAAc;AACjB,oBAAA,kBAAkB,EAAEC,iCAAsB;AAC3C,iBAAA;AACF,aAAA,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
|