@teamturing/react-kit 2.27.0 → 2.28.0

package/esm/core/Checkbox/index.js

@@ -86,6 +86,7 @@ const BaseCheckbox = styled(UnstyledCheckbox)`
     border-color: ${({
   theme
 }) => theme.colors['border/disabled']};
+    cursor: not-allowed;
   }
 
   &:checked {

package/esm/core/SearchSelectInput/index.js

@@ -9,6 +9,7 @@ import { noop } from '../../packages/utils/esm/noop.js';
 import { scrollIntoView } from '../../packages/utils/esm/scrollIntoView.js';
 import { r as reactIsExports } from '../../node_modules/react-is/index.js';
 import styled, { css, useTheme } from 'styled-components';
+import useDevice from '../../hook/useDevice.js';
 import useProvidedOrCreatedRef from '../../hook/useProvidedOrCreatedRef.js';
 import HorizontalDivider from '../HorizontalDivider/index.js';
 import Overlay from '../Overlay/index.js';
@@ -38,6 +39,9 @@ const SearchSelectInput = ({
   ...props
 }, ref) => {
   const theme = useTheme();
+  const {
+    isDesktop
+  } = useDevice();
   const isVisibleValueExist = value && isArray(value) && !isNullable(renderValue(value)) ? value.length > 0 : value && !isNullable(renderValue(value));
   const hasLeadingVisual = !isNullable(LeadingVisual);
   const valueInputRef = useProvidedOrCreatedRef(ref);
@@ -65,12 +69,18 @@ const SearchSelectInput = ({
       onChange?.(item);
     }
   };
+
+  /**
+   * ? dummyRef가 왜 있나?
+   * 모바일 환경에서 Input에 포커스가 가지 않도록 하기 위한 장치입니다.
+   */
+  const dummyRef = useRef(null);
   const listContainerRef = useRef(null);
   const searchInputRef = useRef(null);
   const activeDescendantRef = useRef();
   return /*#__PURE__*/jsxRuntimeExports.jsx(OverlayPopper, {
     focusTrapSettings: {
-      initialFocusRef: searchInputRef,
+      initialFocusRef: isDesktop ? searchInputRef : dummyRef,
       restoreFocusOnCleanUp: true,
       ...focusTrapSettings
     },
@@ -123,7 +133,11 @@ const SearchSelectInput = ({
           overlayHandler.closeOverlay();
         }
       },
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+      children: [!isDesktop ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+        "aria-hidden": true,
+        ref: dummyRef,
+        tabIndex: 0
+      }) : null, /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
         p: 2,
         sx: {
           flexGrow: 0,

package/esm/packages/icons/esm/Auto.js

@@ -0,0 +1,20 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgAuto = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "m23.723 10.94-2.037-2.78a1.2 1.2 0 0 0-1.936 0l-2.037 2.78c-.58.793-.014 1.909.968 1.909h.88a7.543 7.543 0 0 1-3.73 5.695c-2.301 1.334-5.25 1.334-7.553 0a1.1 1.1 0 0 0-1.102 1.904 9.755 9.755 0 0 0 4.88 1.314 9.756 9.756 0 0 0 4.878-1.313 9.803 9.803 0 0 0 3.57-3.57 9.74 9.74 0 0 0 1.258-4.03h.993a1.2 1.2 0 0 0 .968-1.91m-18.183.213h-.992a7.594 7.594 0 0 1 .962-2.93 7.61 7.61 0 0 1 2.768-2.766c2.302-1.332 5.25-1.332 7.554 0a1.1 1.1 0 0 0 1.102-1.905c-2.972-1.718-6.787-1.718-9.758 0a9.812 9.812 0 0 0-3.57 3.57 9.775 9.775 0 0 0-1.258 4.03H1.244a1.2 1.2 0 0 0-.968 1.91l2.148 2.932a1.2 1.2 0 0 0 1.936 0l2.148-2.932a1.2 1.2 0 0 0-.968-1.91",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  d: "M10.354 14.963a.912.912 0 1 1-1.732-.568l1.909-5.617a1.2 1.2 0 0 1 1.136-.814h.663a1.2 1.2 0 0 1 1.137.815l1.902 5.623a.908.908 0 1 1-1.725.564l-.316-1H10.67l-.316.997Zm.748-2.369h1.793l-.864-2.742h-.064l-.865 2.742Z"
+}));
+
+export { SvgAuto as default };

package/esm/packages/icons/esm/ExternalLink.js

@@ -0,0 +1,27 @@
+import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+
+const SvgExternalLink = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M5.953 4.326c-.899 0-1.627.728-1.627 1.627v12.094c0 .899.728 1.627 1.627 1.627h12.094c.899 0 1.627-.728 1.627-1.627V12A1.163 1.163 0 1 1 22 12v6.047A3.953 3.953 0 0 1 18.047 22H5.953A3.953 3.953 0 0 1 2 18.047V5.953A3.953 3.953 0 0 1 5.953 2H12a1.163 1.163 0 1 1 0 2.326H5.953Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M13.308 10.682a1.06 1.06 0 0 0 1.5 0l5.668-5.668a1.06 1.06 0 0 0-1.5-1.5l-5.668 5.668a1.06 1.06 0 0 0 0 1.5Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M15.24 3.163c0-.642.52-1.163 1.163-1.163h4.419c.642 0 1.162.52 1.162 1.163V7.58a1.163 1.163 0 0 1-2.325 0V4.326h-3.256c-.642 0-1.163-.521-1.163-1.163Z",
+  clipRule: "evenodd"
+}));
+
+export { SvgExternalLink as default };

package/esm/packages/icons/esm/index.js

@@ -16,6 +16,7 @@ export { default as ArrowRightLimitIcon } from './ArrowRightLimit.js';
 export { default as ArrowUpIcon } from './ArrowUp.js';
 export { default as ArrowUpDownIcon } from './ArrowUpDown.js';
 export { default as ArrowUpLimitIcon } from './ArrowUpLimit.js';
+export { default as AutoIcon } from './Auto.js';
 export { default as BarchartIcon } from './Barchart.js';
 export { default as BookIcon } from './Book.js';
 export { default as BookmarkIcon } from './Bookmark.js';
@@ -77,6 +78,7 @@ export { default as EnterIcon } from './Enter.js';
 export { default as EqualIcon } from './Equal.js';
 export { default as EraserIcon } from './Eraser.js';
 export { default as ExclamationPointInCircleIcon } from './ExclamationPointInCircle.js';
+export { default as ExternalLinkIcon } from './ExternalLink.js';
 export { default as EyeOffIcon } from './EyeOff.js';
 export { default as EyeOnIcon } from './EyeOn.js';
 export { default as FaceHappyIcon } from './FaceHappy.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.27.0",
+  "version": "2.28.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-dom": "^2.0.2",
     "@primer/behaviors": "^1.3.6",
-    "@teamturing/icons": "^1.40.2",
+    "@teamturing/icons": "^1.41.0",
     "@teamturing/token-studio": "^1.6.0",
     "@teamturing/utils": "^1.3.0",
     "framer-motion": "^10.16.4",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "e5fe17d304318b42494a115dc6d472773065842a"
+  "gitHead": "56bd9e11df60092d7bad4459c2ce79a7d8fe0039"
 }