@teamturing/react-kit 2.56.3 → 2.57.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

@@ -1876,6 +1876,7 @@ const Overlay = ({
   size = 'm',
   ignoreOutsideClickRefs = [],
   dismissFocusRef,
+  initialFocusRef,
   maxHeight = utils.forcePixelValue(600),
   ...props
 }, ref) => {
@@ -1903,6 +1904,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();
@@ -6897,7 +6902,6 @@ const FileItem = ({
   return /*#__PURE__*/jsxRuntime.jsx(BaseFile, {
     variant: variant,
     disabled: disabled,
-    loading: disabled,
     validationStatus: validationStatus,
     trailingAction: trailingAction,
     ...props,

package/esm/core/FileItem/index.js

@@ -33,7 +33,6 @@ const FileItem = ({
   return /*#__PURE__*/jsx(BaseFile, {
     variant: variant,
     disabled: disabled,
-    loading: disabled,
     validationStatus: validationStatus,
     trailingAction: trailingAction,
     ...props,

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.56.3",
+  "version": "2.57.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",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "fe653415d2cb08f26ba83ea2dc6f4ba72b67db61"
+  "gitHead": "2b676d45d4e06d8f6345da9f2e69c2afe80320f5"
 }