@teamturing/react-kit 2.56.4 → 2.58.0

package/dist/core/Overlay/index.d.ts

@@ -8,6 +8,7 @@ type Props = {
     size?: ResponsiveValue<OverlaySizeType>;
     ignoreOutsideClickRefs?: RefObject<HTMLElement>[];
     dismissFocusRef?: RefObject<HTMLElement>;
+    initialFocusRef?: RefObject<HTMLElement>;
 } & MaxHeightProps & SxProp & HTMLAttributes<HTMLElement>;
 declare const _default: import("react").ForwardRefExoticComponent<{
     isOpen?: boolean | undefined;
@@ -15,6 +16,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     size?: ResponsiveValue<OverlaySizeType> | undefined;
     ignoreOutsideClickRefs?: RefObject<HTMLElement>[] | undefined;
     dismissFocusRef?: RefObject<HTMLElement> | undefined;
+    initialFocusRef?: RefObject<HTMLElement> | undefined;
 } & MaxHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>> & SxProp & HTMLAttributes<HTMLElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -1250,10 +1250,12 @@ var Grid$1 = Object.assign(Grid, {
 const StyledIcon = /*#__PURE__*/React.forwardRef(({
   icon: Icon,
   sx,
+  className,
   ...props
 }, ref) => /*#__PURE__*/jsxRuntime.jsx(View, {
   ref: ref,
   ...props,
+  className: `trk-styled_icon__wrapper ${className}`,
   color: props.color,
   sx: {
     '& svg': {
@@ -1876,6 +1878,7 @@ const Overlay = ({
   size = 'm',
   ignoreOutsideClickRefs = [],
   dismissFocusRef,
+  initialFocusRef,
   maxHeight = utils.forcePixelValue(600),
   ...props
 }, ref) => {
@@ -1903,6 +1906,10 @@ const Overlay = ({
     }
   }, [handleDismiss]);
   React.useEffect(() => {
+    if (initialFocusRef && initialFocusRef.current) {
+      initialFocusRef.current.focus();
+      return;
+    }
     if (overlayRef.current) {
       const firstItem = utils$1.iterateFocusableElements(overlayRef.current).next().value;
       firstItem?.focus();

package/esm/core/Overlay/index.js

@@ -14,6 +14,7 @@ const Overlay = ({
   size = 'm',
   ignoreOutsideClickRefs = [],
   dismissFocusRef,
+  initialFocusRef,
   maxHeight = forcePixelValue(600),
   ...props
 }, ref) => {
@@ -41,6 +42,10 @@ const Overlay = ({
     }
   }, [handleDismiss]);
   useEffect(() => {
+    if (initialFocusRef && initialFocusRef.current) {
+      initialFocusRef.current.focus();
+      return;
+    }
     if (overlayRef.current) {
       const firstItem = iterateFocusableElements(overlayRef.current).next().value;
       firstItem?.focus();

package/esm/core/StyledIcon/index.js

@@ -5,10 +5,12 @@ import { jsx } from 'react/jsx-runtime';
 const StyledIcon = /*#__PURE__*/forwardRef(({
   icon: Icon,
   sx,
+  className,
   ...props
 }, ref) => /*#__PURE__*/jsx(View, {
   ref: ref,
   ...props,
+  className: `trk-styled_icon__wrapper ${className}`,
   color: props.color,
   sx: {
     '& svg': {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.56.4",
+  "version": "2.58.0",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -55,7 +55,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.58.1",
+    "@teamturing/icons": "^1.59.0",
     "@teamturing/token-studio": "^1.16.2",
     "@teamturing/utils": "^1.5.0",
     "framer-motion": "^10.16.4",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "7b0bbc8a30f3c0e177603c66c8c9a045e8026883"
+  "gitHead": "e841f08c6f9e085849f873896a2cdda34696e665"
 }