@teamturing/react-kit 2.15.0 → 2.15.1

package/dist/hook/useSafeLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+declare const useSafeLayoutEffect: typeof useEffect;
+export default useSafeLayoutEffect;

package/dist/index.d.ts

@@ -86,6 +86,7 @@ export { default as useOutsideClick } from './hook/useOutsideClick';
 export { default as useProvidedOrCreatedRef } from './hook/useProvidedOrCreatedRef';
 export { default as useRelocation } from './hook/useRelocation';
 export { default as useResize } from './hook/useResize';
+export { default as useSafeLayoutEffect } from './hook/useSafeLayoutEffect';
 export { default as useToggleHandler } from './hook/useToggleHandler';
 /**
  * theme

package/dist/index.js

@@ -16256,6 +16256,8 @@ const useProvidedOrCreatedRef = providedRef => {
   return providedRef ?? createdRef;
 };
 
+const useSafeLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+
 const Checkbox = ({
   checked,
   validationStatus,
@@ -16263,7 +16265,7 @@ const Checkbox = ({
   ...props
 }, ref) => {
   const checkboxRef = useProvidedOrCreatedRef(ref);
-  React.useLayoutEffect(() => {
+  useSafeLayoutEffect(() => {
     if (checkboxRef.current) {
       checkboxRef.current.indeterminate = indeterminate || false;
     }
@@ -22907,6 +22909,7 @@ exports.useOutsideClick = useOutsideClick;
 exports.useProvidedOrCreatedRef = useProvidedOrCreatedRef;
 exports.useRelocation = useRelocation;
 exports.useResize = useResize;
+exports.useSafeLayoutEffect = useSafeLayoutEffect;
 exports.useToggleHandler = useToggleHandler;
 exports.whiteSpace = whiteSpace;
 exports.wordBreak = wordBreak;

package/esm/core/Checkbox/index.js

@@ -1,6 +1,7 @@
-import { forwardRef, useLayoutEffect } from 'react';
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
+import useSafeLayoutEffect from '../../hook/useSafeLayoutEffect.js';
 import { forcePixelValue } from '../../utils/forcePixelValue.js';
 import { sx } from '../../utils/styled-system/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
@@ -12,7 +13,7 @@ const Checkbox = ({
   ...props
 }, ref) => {
   const checkboxRef = useProvidedOrCreatedRef(ref);
-  useLayoutEffect(() => {
+  useSafeLayoutEffect(() => {
     if (checkboxRef.current) {
       checkboxRef.current.indeterminate = indeterminate || false;
     }

package/esm/hook/useSafeLayoutEffect.js

@@ -0,0 +1,5 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+const useSafeLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useSafeLayoutEffect as default };

package/esm/index.js

@@ -43,6 +43,7 @@ export { default as useOutsideClick } from './hook/useOutsideClick.js';
 export { default as useProvidedOrCreatedRef } from './hook/useProvidedOrCreatedRef.js';
 export { default as useRelocation } from './hook/useRelocation.js';
 export { default as useResize } from './hook/useResize.js';
+export { default as useSafeLayoutEffect } from './hook/useSafeLayoutEffect.js';
 export { default as useToggleHandler } from './hook/useToggleHandler.js';
 export { default as theme } from './theme/index.js';
 export { lineClamp, sx, textDecoration, whiteSpace, wordBreak } from './utils/styled-system/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "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",
@@ -62,5 +62,5 @@
     "react-is": "^18.2.0",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "1bcbd7b8edfacb8d04d1814e3965f3a432fc0e87"
+  "gitHead": "4dd8a356f2d54ce591d4f7b988f92b8098c500ef"
 }