@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",
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": "d446dc2e287d9dc77d44869c5668de52ec7ed3d6"
69
+ "gitHead": "243bbe0029f3167c740ad9827dd3aa74235ff201"
70
70
  }