@teamturing/react-kit 2.38.3 → 2.38.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -24,7 +24,7 @@ type Props = {
|
|
|
24
24
|
* 로딩 상태를 정의합니다.
|
|
25
25
|
*/
|
|
26
26
|
loading?: boolean;
|
|
27
|
-
} & Pick<UnstyledButtonProps, 'type' | 'onClick' | 'sx'>;
|
|
27
|
+
} & Pick<UnstyledButtonProps, 'type' | 'onClick' | 'sx' | 'tabIndex'>;
|
|
28
28
|
declare const IconButton: import("react").ForwardRefExoticComponent<{
|
|
29
29
|
/**
|
|
30
30
|
* IconButton에 사용할 아이콘을 정의합니다.
|
|
@@ -48,6 +48,6 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
|
|
|
48
48
|
* 로딩 상태를 정의합니다.
|
|
49
49
|
*/
|
|
50
50
|
loading?: boolean | undefined;
|
|
51
|
-
} & Pick<UnstyledButtonProps, "type" | "onClick" | "sx"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
51
|
+
} & Pick<UnstyledButtonProps, "type" | "tabIndex" | "onClick" | "sx"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
52
52
|
export default IconButton;
|
|
53
53
|
export type { Props as IconButtonProps };
|
|
@@ -23,7 +23,8 @@ type Props = {
|
|
|
23
23
|
focusTrapSettings?: Partial<FocusTrapHookSettings>;
|
|
24
24
|
onOpen?: () => void;
|
|
25
25
|
onClose?: () => void;
|
|
26
|
+
tabIndex?: number;
|
|
26
27
|
};
|
|
27
|
-
declare const OverlayPopper: ({ children: propChildren, renderOverlay, triggeredBy, placement, focusZoneSettings, focusTrapSettings, onOpen, onClose, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare const OverlayPopper: ({ children: propChildren, renderOverlay, triggeredBy, placement, focusZoneSettings, focusTrapSettings, onOpen, onClose, tabIndex, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
28
29
|
export default OverlayPopper;
|
|
29
30
|
export type { Props as OverlayPopperProps };
|
package/dist/index.js
CHANGED
|
@@ -17986,6 +17986,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
|
|
|
17986
17986
|
variant = 'primary',
|
|
17987
17987
|
disabled = false,
|
|
17988
17988
|
loading = false,
|
|
17989
|
+
tabIndex,
|
|
17989
17990
|
...props
|
|
17990
17991
|
}, ref) => {
|
|
17991
17992
|
return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconButton, {
|
|
@@ -17996,6 +17997,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
|
|
|
17996
17997
|
disabled: disabled || loading,
|
|
17997
17998
|
$disabled: disabled,
|
|
17998
17999
|
$loading: loading,
|
|
18000
|
+
tabIndex: tabIndex,
|
|
17999
18001
|
...props,
|
|
18000
18002
|
children: !loading ? /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}) : /*#__PURE__*/jsxRuntimeExports.jsx(Spinner, {
|
|
18001
18003
|
color: 'currentColor'
|
|
@@ -34874,7 +34876,8 @@ const OverlayPopper = ({
|
|
|
34874
34876
|
focusZoneSettings,
|
|
34875
34877
|
focusTrapSettings,
|
|
34876
34878
|
onOpen,
|
|
34877
|
-
onClose
|
|
34879
|
+
onClose,
|
|
34880
|
+
tabIndex
|
|
34878
34881
|
}) => {
|
|
34879
34882
|
const theme = styled.useTheme();
|
|
34880
34883
|
const {
|
|
@@ -34913,7 +34916,7 @@ const OverlayPopper = ({
|
|
|
34913
34916
|
handleOverlayClose();
|
|
34914
34917
|
};
|
|
34915
34918
|
const defaultPopperProps = {
|
|
34916
|
-
tabIndex: 0,
|
|
34919
|
+
tabIndex: tabIndex ?? 0,
|
|
34917
34920
|
...(triggeredBy === 'click' ? {
|
|
34918
34921
|
onClick: handleOverlayToggle,
|
|
34919
34922
|
onKeyDown: e => {
|
|
@@ -12,6 +12,7 @@ const IconButton = /*#__PURE__*/forwardRef(({
|
|
|
12
12
|
variant = 'primary',
|
|
13
13
|
disabled = false,
|
|
14
14
|
loading = false,
|
|
15
|
+
tabIndex,
|
|
15
16
|
...props
|
|
16
17
|
}, ref) => {
|
|
17
18
|
return /*#__PURE__*/jsxRuntimeExports.jsx(BaseIconButton, {
|
|
@@ -22,6 +23,7 @@ const IconButton = /*#__PURE__*/forwardRef(({
|
|
|
22
23
|
disabled: disabled || loading,
|
|
23
24
|
$disabled: disabled,
|
|
24
25
|
$loading: loading,
|
|
26
|
+
tabIndex: tabIndex,
|
|
25
27
|
...props,
|
|
26
28
|
children: !loading ? /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}) : /*#__PURE__*/jsxRuntimeExports.jsx(Spinner, {
|
|
27
29
|
color: 'currentColor'
|
|
@@ -18,7 +18,8 @@ const OverlayPopper = ({
|
|
|
18
18
|
focusZoneSettings,
|
|
19
19
|
focusTrapSettings,
|
|
20
20
|
onOpen,
|
|
21
|
-
onClose
|
|
21
|
+
onClose,
|
|
22
|
+
tabIndex
|
|
22
23
|
}) => {
|
|
23
24
|
const theme = useTheme();
|
|
24
25
|
const {
|
|
@@ -57,7 +58,7 @@ const OverlayPopper = ({
|
|
|
57
58
|
handleOverlayClose();
|
|
58
59
|
};
|
|
59
60
|
const defaultPopperProps = {
|
|
60
|
-
tabIndex: 0,
|
|
61
|
+
tabIndex: tabIndex ?? 0,
|
|
61
62
|
...(triggeredBy === 'click' ? {
|
|
62
63
|
onClick: handleOverlayToggle,
|
|
63
64
|
onKeyDown: e => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/react-kit",
|
|
3
|
-
"version": "2.38.
|
|
3
|
+
"version": "2.38.5",
|
|
4
4
|
"description": "React components, hooks for create teamturing web application",
|
|
5
5
|
"author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
|
|
6
6
|
"homepage": "https://github.com/weareteamturing/bombe#readme",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"react-textarea-autosize": "^8.5.3",
|
|
67
67
|
"styled-system": "^5.1.5"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "243bbe0029f3167c740ad9827dd3aa74235ff201"
|
|
70
70
|
}
|