@teamturing/react-kit 2.2.0 → 2.3.1

package/dist/enigma/View/ChipGroupView/index.d.ts

@@ -0,0 +1,6 @@
+import { ChipGroupView as ChipGroupViewType } from '../../types';
+type Props = {
+    view: ChipGroupViewType;
+};
+declare const ChipGroupView: ({ view: { size, gapX, gapY, chips } }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ChipGroupView;

package/dist/enigma/View/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ImageView } from './ImageView';
 export { default as TextView } from './TextView';
+export { default as ChipGroupViewType } from './ChipGroupView';

package/dist/enigma/types/index.d.ts

@@ -1,8 +1,4 @@
-/**
- * Default Types
- */
-type TextProps = any;
-type SpaceProps = any;
+import { ChipProps, StackProps, TextProps, SpaceProps } from '../..';
 /**
  * View Related Model
  */
@@ -16,8 +12,17 @@ export type ImageView = {
     width: number;
     height: number;
 };
-export type View = TextView | ImageView;
-export type ViewComponentType = 'TextView' | 'ImageView';
+export type ChipGroupView = {
+    size: ChipProps['size'];
+    gapX: StackProps['gapX'];
+    gapY: StackProps['gapY'];
+    chips: Array<{
+        text: string;
+        variant: ChipProps['variant'];
+    }>;
+};
+export type View = TextView | ImageView | ChipGroupView;
+export type ViewComponentType = 'TextView' | 'ImageView' | 'ChipGroupView';
 export interface IViewContainer {
     id: string;
     viewComponentType: ViewComponentType;
@@ -52,4 +57,3 @@ export interface ISection {
     views: IViewContainer[];
     responsiveLayout: IResponsiveLayoutContainer;
 }
-export {};

package/dist/index.js

@@ -3616,7 +3616,7 @@ const Unit = ({
     children: children
   });
 };
-var index$1 = Object.assign(Grid, {
+var index = Object.assign(Grid, {
   Unit
 });
 
@@ -3991,7 +3991,7 @@ const Item = ({
   ...props,
   children: children
 });
-var index = Object.assign(Stack, {
+var Stack$1 = Object.assign(Stack, {
   Item
 });
 
@@ -4121,6 +4121,35 @@ const TextView = ({
   children: text
 });
 
+const ChipGroupView = ({
+  view: {
+    size = 'm',
+    gapX = 1,
+    gapY = 1,
+    chips = []
+  }
+}) => /*#__PURE__*/jsxRuntimeExports.jsx(Stack$1, {
+  gapX: gapX,
+  gapY: gapY,
+  children: /*#__PURE__*/jsxRuntimeExports.jsx(ItemList, {
+    items: chips,
+    renderItem: ({
+      text,
+      variant
+    }) => /*#__PURE__*/jsxRuntimeExports.jsx(Chip, {
+      size: size,
+      variant: variant,
+      children: text
+    }),
+    renderItemWrapper: (children, {
+      text,
+      variant
+    }, i) => /*#__PURE__*/jsxRuntimeExports.jsx(Stack$1.Item, {
+      children: children
+    }, `${text}-${variant}-${i}`)
+  })
+});
+
 const EnigmaUI = ({
   section: {
     views,
@@ -4155,7 +4184,8 @@ const getLayoutComponent = layoutContainer => {
 const getViewComponent = viewContainer => {
   const renderableViewComponent = {
     TextView: TextView,
-    ImageView: ImageView
+    ImageView: ImageView,
+    ChipGroupView: ChipGroupView
   };
   const ViewComponent = renderableViewComponent[viewContainer.viewComponentType];
   return ViewComponent;
@@ -4667,14 +4697,14 @@ exports.Button = Button;
 exports.Chip = Chip;
 exports.EnigmaUI = EnigmaUI;
 exports.GradientText = GradientText;
-exports.Grid = index$1;
+exports.Grid = index;
 exports.IconButton = IconButton;
 exports.IconToggleButton = IconToggleButton;
 exports.Image = Image;
 exports.ItemList = ItemList;
 exports.Space = Space;
 exports.Spinner = Spinner;
-exports.Stack = index;
+exports.Stack = Stack$1;
 exports.StyledIcon = StyledIcon;
 exports.Text = Text;
 exports.ThemeProvider = ThemeProvider;

package/esm/core/Stack/index.js

@@ -56,8 +56,8 @@ const Item = ({
   ...props,
   children: children
 });
-var index = Object.assign(Stack, {
+var Stack$1 = Object.assign(Stack, {
   Item
 });
 
-export { index as default };
+export { Stack$1 as default };

package/esm/enigma/EnigmaUI/index.js

@@ -4,6 +4,7 @@ import useMediaQuery from '../../hook/useMediaQuery.js';
 import SingleColumnLayout from '../Layout/SingleColumnLayout/index.js';
 import ImageView from '../View/ImageView/index.js';
 import TextView from '../View/TextView/index.js';
+import ChipGroupView from '../View/ChipGroupView/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 
 const EnigmaUI = ({
@@ -40,7 +41,8 @@ const getLayoutComponent = layoutContainer => {
 const getViewComponent = viewContainer => {
   const renderableViewComponent = {
     TextView: TextView,
-    ImageView: ImageView
+    ImageView: ImageView,
+    ChipGroupView: ChipGroupView
   };
   const ViewComponent = renderableViewComponent[viewContainer.viewComponentType];
   return ViewComponent;

package/esm/enigma/View/ChipGroupView/index.js

@@ -0,0 +1,35 @@
+import Chip from '../../../core/Chip/index.js';
+import ItemList from '../../../core/ItemList/index.js';
+import Stack from '../../../core/Stack/index.js';
+import { j as jsxRuntimeExports } from '../../../node_modules/react/jsx-runtime.js';
+
+const ChipGroupView = ({
+  view: {
+    size = 'm',
+    gapX = 1,
+    gapY = 1,
+    chips = []
+  }
+}) => /*#__PURE__*/jsxRuntimeExports.jsx(Stack, {
+  gapX: gapX,
+  gapY: gapY,
+  children: /*#__PURE__*/jsxRuntimeExports.jsx(ItemList, {
+    items: chips,
+    renderItem: ({
+      text,
+      variant
+    }) => /*#__PURE__*/jsxRuntimeExports.jsx(Chip, {
+      size: size,
+      variant: variant,
+      children: text
+    }),
+    renderItemWrapper: (children, {
+      text,
+      variant
+    }, i) => /*#__PURE__*/jsxRuntimeExports.jsx(Stack.Item, {
+      children: children
+    }, `${text}-${variant}-${i}`)
+  })
+});
+
+export { ChipGroupView as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.2.0",
+  "version": "2.3.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",
@@ -55,5 +55,5 @@
     "lodash.throttle": "^4.1.1",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "5d7caae033e9b2f4b37ffbf8bd380cff3517cea2"
+  "gitHead": "6c7aea0a477e3b90efb31fe26d24731ac07241be"
 }