@teamturing/react-kit 2.19.29 → 2.19.31

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

@@ -8,16 +8,18 @@ import { DialogHeaderTitleProps } from './DialogHeaderTitle';
 import { UnstyledDialogBodyProps } from './_UnstyledDialogBody';
 import { UnstyledDialogFooterProps } from './_UnstyledDialogFooter';
 import { UnstyledDialogHeaderProps } from './_UnstyledDialogHeader';
-type DialogSizeType = 'l' | 'm' | 's';
+type DialogSizeType = 'full' | 'l' | 'm' | 's';
 type Props = {
     isOpen?: boolean;
     onDismiss?: () => void;
+    isOutsideClickDismissable?: boolean;
     size?: DialogSizeType;
     initialFocusRef?: RefObject<HTMLElement>;
 } & SxProp;
 declare const _default: import("react").ForwardRefExoticComponent<{
     isOpen?: boolean | undefined;
     onDismiss?: (() => void) | undefined;
+    isOutsideClickDismissable?: boolean | undefined;
     size?: DialogSizeType | undefined;
     initialFocusRef?: RefObject<HTMLElement> | undefined;
 } & SxProp & {

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

@@ -1,9 +1,10 @@
-import { PropsWithChildren } from 'react';
+import { ComponentType, PropsWithChildren, SVGProps } from 'react';
 import { SxProp } from '../../utils/styled-system';
-type FlashVariantType = 'danger';
+type FlashVariantType = 'neutral' | 'danger';
 type Props = {
     variant?: FlashVariantType;
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
 } & SxProp;
-declare const Flash: ({ variant, children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+declare const Flash: ({ variant, icon: Icon, children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
 export default Flash;
 export type { Props as FlashProps };

package/dist/index.js

@@ -19002,6 +19002,7 @@ const Dialog = ({
   children,
   isOpen,
   onDismiss,
+  isOutsideClickDismissable = true,
   size = 'm',
   initialFocusRef,
   sx
@@ -19030,13 +19031,13 @@ const Dialog = ({
     disabled: !isOpen
   });
   React.useEffect(() => {
-    if (isOpen) {
+    if (isOpen && isOutsideClickDismissable) {
       document.addEventListener('click', handleOutsideClick);
       return () => {
         document.removeEventListener('click', handleOutsideClick);
       };
     }
-  }, [isOpen, handleOutsideClick]);
+  }, [isOpen, isOutsideClickDismissable, handleOutsideClick]);
   return isOpen ? /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
     sx: {
       position: 'fixed',
@@ -19077,6 +19078,12 @@ const Dialog = ({
           marginX: [0, 0, 'auto'],
           marginY: 'auto',
           borderRadius: ['none', 'none', 'l']
+        } : size === 'full' ? {
+          height: ['100%', '100%', 'calc(100vh - 40px)'],
+          width: ['100%', '100%', 'calc(100vw - 40px)'],
+          marginX: [0, 0, 'auto'],
+          marginY: 'auto',
+          borderRadius: ['none', 'none', 'l']
         } : {}),
         ...sx
       },
@@ -19238,14 +19245,15 @@ const BaseEmptyState = styled__default.default.div`
 `;
 
 const Flash = ({
-  variant = 'danger',
+  variant = 'neutral',
+  icon: Icon = SvgInfoInCircle,
   children,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
     variant: variant,
     ...props,
-    children: [variant === 'danger' ? /*#__PURE__*/jsxRuntimeExports.jsx(SvgWarning, {}) : null, children]
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
   });
 };
 const BaseFlash = styled__default.default.div`
@@ -19264,6 +19272,20 @@ const BaseFlash = styled__default.default.div`
   ${variant({
   prop: 'variant',
   variants: {
+    neutral: {
+      'display': 'flex',
+      'flexDirection': 'row',
+      'alignItems': 'center',
+      'padding': 4,
+      'fontSize': 'xs',
+      'fontWeight': 'medium',
+      'lineHeight': 2,
+      'color': 'text/neutral',
+      'backgroundColor': 'bg/neutral',
+      '& > svg': {
+        color: 'icon/neutral/bold'
+      }
+    },
     danger: {
       'display': 'flex',
       'flexDirection': 'row',

package/esm/core/Dialog/index.js

@@ -22,6 +22,7 @@ const Dialog = ({
   children,
   isOpen,
   onDismiss,
+  isOutsideClickDismissable = true,
   size = 'm',
   initialFocusRef,
   sx
@@ -50,13 +51,13 @@ const Dialog = ({
     disabled: !isOpen
   });
   useEffect(() => {
-    if (isOpen) {
+    if (isOpen && isOutsideClickDismissable) {
       document.addEventListener('click', handleOutsideClick);
       return () => {
         document.removeEventListener('click', handleOutsideClick);
       };
     }
-  }, [isOpen, handleOutsideClick]);
+  }, [isOpen, isOutsideClickDismissable, handleOutsideClick]);
   return isOpen ? /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
     sx: {
       position: 'fixed',
@@ -97,6 +98,12 @@ const Dialog = ({
           marginX: [0, 0, 'auto'],
           marginY: 'auto',
           borderRadius: ['none', 'none', 'l']
+        } : size === 'full' ? {
+          height: ['100%', '100%', 'calc(100vh - 40px)'],
+          width: ['100%', '100%', 'calc(100vw - 40px)'],
+          marginX: [0, 0, 'auto'],
+          marginY: 'auto',
+          borderRadius: ['none', 'none', 'l']
         } : {}),
         ...sx
       },

package/esm/core/Flash/index.js

@@ -1,5 +1,5 @@
 import 'react';
-import SvgWarning from '../../packages/icons/esm/Warning.js';
+import SvgInfoInCircle from '../../packages/icons/esm/InfoInCircle.js';
 import { forcePixelValue } from '../../packages/utils/esm/forcePixelValue.js';
 import styled from 'styled-components';
 import '../../node_modules/styled-system/dist/index.esm.js';
@@ -8,14 +8,15 @@ import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js'
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
 const Flash = ({
-  variant = 'danger',
+  variant = 'neutral',
+  icon: Icon = SvgInfoInCircle,
   children,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntimeExports.jsxs(BaseFlash, {
     variant: variant,
     ...props,
-    children: [variant === 'danger' ? /*#__PURE__*/jsxRuntimeExports.jsx(SvgWarning, {}) : null, children]
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx(Icon, {}), children]
   });
 };
 const BaseFlash = styled.div`
@@ -34,6 +35,20 @@ const BaseFlash = styled.div`
   ${variant({
   prop: 'variant',
   variants: {
+    neutral: {
+      'display': 'flex',
+      'flexDirection': 'row',
+      'alignItems': 'center',
+      'padding': 4,
+      'fontSize': 'xs',
+      'fontWeight': 'medium',
+      'lineHeight': 2,
+      'color': 'text/neutral',
+      'backgroundColor': 'bg/neutral',
+      '& > svg': {
+        color: 'icon/neutral/bold'
+      }
+    },
     danger: {
       'display': 'flex',
       'flexDirection': 'row',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.19.29",
+  "version": "2.19.31",
   "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",
@@ -65,5 +65,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "1a074f05104380da3b4f6e89d94c4853870dd489"
+  "gitHead": "fafd0ad315a50e2779a033af6f92420eb9b49a0f"
 }