@teamturing/react-kit 2.6.1 → 2.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/dist/core/Grid/index.d.ts +1 -1
  2. package/dist/core/Image/index.d.ts +3 -3
  3. package/dist/enigma/EnigmaUI/index.d.ts +20 -3
  4. package/dist/enigma/View/ChipGroupView/index.d.ts +1 -1
  5. package/dist/enigma/View/GridView/index.d.ts +6 -0
  6. package/dist/enigma/View/IconView/index.d.ts +6 -0
  7. package/dist/enigma/View/ImageView/index.d.ts +1 -1
  8. package/dist/enigma/View/index.d.ts +3 -1
  9. package/dist/enigma/types/index.d.ts +27 -8
  10. package/dist/enigma/utils/index.d.ts +1 -0
  11. package/dist/index.d.ts +1 -1
  12. package/dist/index.js +3328 -25
  13. package/esm/core/Grid/index.js +2 -2
  14. package/esm/enigma/EnigmaUI/index.js +9 -3
  15. package/esm/enigma/View/ChipGroupView/index.js +6 -4
  16. package/esm/enigma/View/GridView/index.js +32 -0
  17. package/esm/enigma/View/IconView/index.js +18 -0
  18. package/esm/enigma/View/ImageView/index.js +3 -1
  19. package/esm/packages/icons/esm/Ai.js +23 -0
  20. package/esm/packages/icons/esm/AiSad.js +17 -0
  21. package/esm/packages/icons/esm/AimPoint.js +36 -0
  22. package/esm/packages/icons/esm/Alarm.js +17 -0
  23. package/esm/packages/icons/esm/AppleColor.js +18 -0
  24. package/esm/packages/icons/esm/ArrowDown.js +17 -0
  25. package/esm/packages/icons/esm/ArrowLeft.js +17 -0
  26. package/esm/packages/icons/esm/ArrowLeftCircle.js +15 -0
  27. package/esm/packages/icons/esm/ArrowLeftLimit.js +17 -0
  28. package/esm/packages/icons/esm/ArrowLeftRight.js +17 -0
  29. package/esm/packages/icons/esm/ArrowRight.js +17 -0
  30. package/esm/packages/icons/esm/ArrowRightCircle.js +15 -0
  31. package/esm/packages/icons/esm/ArrowRightLimit.js +17 -0
  32. package/esm/packages/icons/esm/ArrowUp.js +17 -0
  33. package/esm/packages/icons/esm/ArrowUpDown.js +17 -0
  34. package/esm/packages/icons/esm/ArrowUpLimit.js +17 -0
  35. package/esm/packages/icons/esm/Barchart.js +15 -0
  36. package/esm/packages/icons/esm/Bookmark.js +17 -0
  37. package/esm/packages/icons/esm/Box.js +24 -0
  38. package/esm/packages/icons/esm/BusColor.js +36 -0
  39. package/esm/packages/icons/esm/CalendarCheck.js +17 -0
  40. package/esm/packages/icons/esm/CalendarCheckColor.js +20 -0
  41. package/esm/packages/icons/esm/CalendarColor.js +36 -0
  42. package/esm/packages/icons/esm/Camera.js +22 -0
  43. package/esm/packages/icons/esm/Card.js +17 -0
  44. package/esm/packages/icons/esm/CardsPercent.js +19 -0
  45. package/esm/packages/icons/esm/CardsPercentColor.js +23 -0
  46. package/esm/packages/icons/esm/CaretDown.js +15 -0
  47. package/esm/packages/icons/esm/CaretLeft.js +15 -0
  48. package/esm/packages/icons/esm/CaretRight.js +15 -0
  49. package/esm/packages/icons/esm/CaretUp.js +15 -0
  50. package/esm/packages/icons/esm/ChatBubble.js +17 -0
  51. package/esm/packages/icons/esm/ChatBubbleBadgeColor.js +32 -0
  52. package/esm/packages/icons/esm/ChatBubbleCorrect.js +24 -0
  53. package/esm/packages/icons/esm/ChatBubbleCorrectColor.js +22 -0
  54. package/esm/packages/icons/esm/ChatBubbleDots.js +17 -0
  55. package/esm/packages/icons/esm/ChatBubbleQuestion.js +17 -0
  56. package/esm/packages/icons/esm/Check.js +15 -0
  57. package/esm/packages/icons/esm/CheckInCircle.js +17 -0
  58. package/esm/packages/icons/esm/CheckInCircleColor.js +20 -0
  59. package/esm/packages/icons/esm/CheckInCircleLine.js +20 -0
  60. package/esm/packages/icons/esm/ChevronDown.js +17 -0
  61. package/esm/packages/icons/esm/ChevronLeft.js +17 -0
  62. package/esm/packages/icons/esm/ChevronRight.js +17 -0
  63. package/esm/packages/icons/esm/ChevronRightTwo.js +23 -0
  64. package/esm/packages/icons/esm/ChevronUp.js +17 -0
  65. package/esm/packages/icons/esm/ChevronUpTwo.js +23 -0
  66. package/esm/packages/icons/esm/Circles.js +17 -0
  67. package/esm/packages/icons/esm/Clip.js +14 -0
  68. package/esm/packages/icons/esm/CloseInCircle.js +17 -0
  69. package/esm/packages/icons/esm/Coin.js +17 -0
  70. package/esm/packages/icons/esm/Contact.js +17 -0
  71. package/esm/packages/icons/esm/Copy.js +22 -0
  72. package/esm/packages/icons/esm/Correct.js +16 -0
  73. package/esm/packages/icons/esm/Coupon.js +17 -0
  74. package/esm/packages/icons/esm/Crown.js +17 -0
  75. package/esm/packages/icons/esm/Curriculum.js +31 -0
  76. package/esm/packages/icons/esm/CurriculumColor.js +38 -0
  77. package/esm/packages/icons/esm/Delete.js +17 -0
  78. package/esm/packages/icons/esm/Document.js +22 -0
  79. package/esm/packages/icons/esm/Dots.js +17 -0
  80. package/esm/packages/icons/esm/Download.js +18 -0
  81. package/esm/packages/icons/esm/Emoji.js +17 -0
  82. package/esm/packages/icons/esm/Eng.js +20 -0
  83. package/esm/packages/icons/esm/Equal.js +17 -0
  84. package/esm/packages/icons/esm/Eraser.js +17 -0
  85. package/esm/packages/icons/esm/ExclamationPointInCircle.js +17 -0
  86. package/esm/packages/icons/esm/EyeOff.js +15 -0
  87. package/esm/packages/icons/esm/EyeOn.js +22 -0
  88. package/esm/packages/icons/esm/FaceHappy.js +17 -0
  89. package/esm/packages/icons/esm/FaceSad.js +17 -0
  90. package/esm/packages/icons/esm/Facebook.js +15 -0
  91. package/esm/packages/icons/esm/FacebookColor.js +20 -0
  92. package/esm/packages/icons/esm/Filter.js +17 -0
  93. package/esm/packages/icons/esm/Fire.js +15 -0
  94. package/esm/packages/icons/esm/Frame.js +17 -0
  95. package/esm/packages/icons/esm/Glasses.js +17 -0
  96. package/esm/packages/icons/esm/Graph.js +17 -0
  97. package/esm/packages/icons/esm/Gun.js +15 -0
  98. package/esm/packages/icons/esm/GunColor.js +18 -0
  99. package/esm/packages/icons/esm/Hair.js +17 -0
  100. package/esm/packages/icons/esm/Headphone.js +17 -0
  101. package/esm/packages/icons/esm/Heart.js +17 -0
  102. package/esm/packages/icons/esm/Infinite.js +15 -0
  103. package/esm/packages/icons/esm/InfoInCircle.js +17 -0
  104. package/esm/packages/icons/esm/Instagram.js +17 -0
  105. package/esm/packages/icons/esm/KakaoColor.js +20 -0
  106. package/esm/packages/icons/esm/Kor.js +20 -0
  107. package/esm/packages/icons/esm/Letter.js +17 -0
  108. package/esm/packages/icons/esm/LetterCrownColor.js +26 -0
  109. package/esm/packages/icons/esm/LetterHeartColor.js +26 -0
  110. package/esm/packages/icons/esm/LineThree.js +17 -0
  111. package/esm/packages/icons/esm/Link.js +22 -0
  112. package/esm/packages/icons/esm/Lock.js +17 -0
  113. package/esm/packages/icons/esm/LockColor.js +32 -0
  114. package/esm/packages/icons/esm/LogoApple.js +17 -0
  115. package/esm/packages/icons/esm/LogoColor.js +22 -0
  116. package/esm/packages/icons/esm/LogoFacebook.js +17 -0
  117. package/esm/packages/icons/esm/LogoKakao.js +17 -0
  118. package/esm/packages/icons/esm/LogoNaver.js +15 -0
  119. package/esm/packages/icons/esm/Maxsize.js +15 -0
  120. package/esm/packages/icons/esm/Minsize.js +17 -0
  121. package/esm/packages/icons/esm/Minus.js +17 -0
  122. package/esm/packages/icons/esm/MinusInCircle.js +17 -0
  123. package/esm/packages/icons/esm/Moneybag.js +17 -0
  124. package/esm/packages/icons/esm/MoneybagColor.js +20 -0
  125. package/esm/packages/icons/esm/More.js +17 -0
  126. package/esm/packages/icons/esm/MyBubble.js +17 -0
  127. package/esm/packages/icons/esm/NaverColor.js +18 -0
  128. package/esm/packages/icons/esm/New.js +22 -0
  129. package/esm/packages/icons/esm/Note.js +17 -0
  130. package/esm/packages/icons/esm/NoteColor.js +18 -0
  131. package/esm/packages/icons/esm/NotePenColor.js +46 -0
  132. package/esm/packages/icons/esm/NumberFiveFilled.js +17 -0
  133. package/esm/packages/icons/esm/NumberFiveOutlined.js +20 -0
  134. package/esm/packages/icons/esm/NumberFourFilled.js +17 -0
  135. package/esm/packages/icons/esm/NumberFourOutlined.js +20 -0
  136. package/esm/packages/icons/esm/NumberOneFilled.js +17 -0
  137. package/esm/packages/icons/esm/NumberOneOutlined.js +20 -0
  138. package/esm/packages/icons/esm/NumberThreeFilled.js +17 -0
  139. package/esm/packages/icons/esm/NumberThreeOutlined.js +20 -0
  140. package/esm/packages/icons/esm/NumberTwoFilled.js +17 -0
  141. package/esm/packages/icons/esm/NumberTwoOutlined.js +20 -0
  142. package/esm/packages/icons/esm/Out.js +22 -0
  143. package/esm/packages/icons/esm/PalmTreeColor.js +41 -0
  144. package/esm/packages/icons/esm/PaperCheck.js +36 -0
  145. package/esm/packages/icons/esm/Pause.js +17 -0
  146. package/esm/packages/icons/esm/Pen.js +17 -0
  147. package/esm/packages/icons/esm/PercentInCircle.js +22 -0
  148. package/esm/packages/icons/esm/Picture.js +17 -0
  149. package/esm/packages/icons/esm/Pin.js +17 -0
  150. package/esm/packages/icons/esm/PinColorRed.js +26 -0
  151. package/esm/packages/icons/esm/Play.js +15 -0
  152. package/esm/packages/icons/esm/Plug.js +33 -0
  153. package/esm/packages/icons/esm/PlugColor.js +36 -0
  154. package/esm/packages/icons/esm/Plus.js +17 -0
  155. package/esm/packages/icons/esm/PlusInCircle.js +17 -0
  156. package/esm/packages/icons/esm/PointInCircle.js +22 -0
  157. package/esm/packages/icons/esm/PointInCircleColor.js +27 -0
  158. package/esm/packages/icons/esm/Present.js +20 -0
  159. package/esm/packages/icons/esm/PresentColor.js +20 -0
  160. package/esm/packages/icons/esm/Problem.js +15 -0
  161. package/esm/packages/icons/esm/Profile.js +17 -0
  162. package/esm/packages/icons/esm/QuestionMarkInCircle.js +17 -0
  163. package/esm/packages/icons/esm/QuestionMarkInCircleOutlined.js +20 -0
  164. package/esm/packages/icons/esm/RaffleColor.js +113 -0
  165. package/esm/packages/icons/esm/Receipt.js +17 -0
  166. package/esm/packages/icons/esm/Refresh.js +17 -0
  167. package/esm/packages/icons/esm/Repeat.js +15 -0
  168. package/esm/packages/icons/esm/School.js +20 -0
  169. package/esm/packages/icons/esm/SchoolColor.js +27 -0
  170. package/esm/packages/icons/esm/Search.js +15 -0
  171. package/esm/packages/icons/esm/Set.js +20 -0
  172. package/esm/packages/icons/esm/Setting.js +17 -0
  173. package/esm/packages/icons/esm/Share.js +22 -0
  174. package/esm/packages/icons/esm/ShieldCheck.js +15 -0
  175. package/esm/packages/icons/esm/Siren.js +17 -0
  176. package/esm/packages/icons/esm/Skipback.js +17 -0
  177. package/esm/packages/icons/esm/Skipforward.js +17 -0
  178. package/esm/packages/icons/esm/SoundOff.js +15 -0
  179. package/esm/packages/icons/esm/SoundOn.js +25 -0
  180. package/esm/packages/icons/esm/Speaker.js +17 -0
  181. package/esm/packages/icons/esm/Stackup.js +27 -0
  182. package/esm/packages/icons/esm/Star.js +17 -0
  183. package/esm/packages/icons/esm/Store.js +15 -0
  184. package/esm/packages/icons/esm/Sync.js +17 -0
  185. package/esm/packages/icons/esm/TestUploadColor.js +26 -0
  186. package/esm/packages/icons/esm/Thumbdown.js +17 -0
  187. package/esm/packages/icons/esm/Thumbup.js +17 -0
  188. package/esm/packages/icons/esm/Thunder.js +17 -0
  189. package/esm/packages/icons/esm/Ticket.js +17 -0
  190. package/esm/packages/icons/esm/TicketColor.js +29 -0
  191. package/esm/packages/icons/esm/Time.js +17 -0
  192. package/esm/packages/icons/esm/Top.js +17 -0
  193. package/esm/packages/icons/esm/Trash.js +17 -0
  194. package/esm/packages/icons/esm/Treasurebox.js +22 -0
  195. package/esm/packages/icons/esm/Trophy.js +17 -0
  196. package/esm/packages/icons/esm/Undo.js +17 -0
  197. package/esm/packages/icons/esm/University.js +26 -0
  198. package/esm/packages/icons/esm/UserBlocked.js +17 -0
  199. package/esm/packages/icons/esm/UserCheck.js +17 -0
  200. package/esm/packages/icons/esm/UserPlus.js +17 -0
  201. package/esm/packages/icons/esm/UserTwo.js +23 -0
  202. package/esm/packages/icons/esm/Video.js +17 -0
  203. package/esm/packages/icons/esm/VideoColor.js +18 -0
  204. package/esm/packages/icons/esm/VoteColor.js +24 -0
  205. package/esm/packages/icons/esm/Warning.js +17 -0
  206. package/esm/packages/icons/esm/Wifi.js +27 -0
  207. package/esm/packages/icons/esm/WorkbookColor.js +29 -0
  208. package/esm/packages/icons/esm/Wrong.js +20 -0
  209. package/esm/packages/icons/esm/Youtube.js +17 -0
  210. package/esm/packages/icons/esm/index.js +193 -0
  211. package/package.json +2 -2
@@ -22,4 +22,4 @@ declare const _default: import("react").ForwardRefExoticComponent<{
22
22
  Unit: ({ size, as, children, ...props }: PropsWithChildren<GridUnitProps>) => import("react/jsx-runtime").JSX.Element;
23
23
  };
24
24
  export default _default;
25
- export type { Props as GridProps };
25
+ export type { Props as GridProps, GridUnitProps };
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
1
+ import { ImgHTMLAttributes } from 'react';
2
2
  import { LayoutProps } from 'styled-system';
3
3
  import { SxProp } from '../../utils/styled-system';
4
- type Props = {} & SxProp & LayoutProps;
5
- declare const Image: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Props>>;
4
+ type Props = {} & Pick<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height' | 'loading'> & SxProp & LayoutProps;
5
+ declare const Image: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Props>>;
6
6
  export default Image;
7
7
  export type { Props as ImageProps };
@@ -1,16 +1,33 @@
1
- import { ISection } from '../types';
1
+ import { ComponentType } from 'react';
2
+ import { ILayoutContainer, ISection, IViewContainer, Layout, View } from '../types';
2
3
  type Props = {
3
4
  section: ISection;
4
5
  };
6
+ export declare const getLayoutComponent: (layoutContainer: ILayoutContainer) => ComponentType<{
7
+ layout: Layout;
8
+ viewsObject: {
9
+ [k: string]: View;
10
+ };
11
+ viewComponentsObject: {
12
+ [k: string]: ComponentType<any>;
13
+ };
14
+ }>;
15
+ export declare const getViewComponent: (viewContainer: IViewContainer) => ComponentType<any>;
5
16
  declare const _default: (({ section: { views, responsiveLayout } }: Props) => import("react/jsx-runtime").JSX.Element) & {
6
17
  TextView: ({ view: { text, textProps } }: {
7
18
  view: import("../types").TextView;
8
19
  }) => import("react/jsx-runtime").JSX.Element;
9
- ImageView: ({ view: { ...props } }: {
20
+ ImageView: ({ view: { imageProps, ...props } }: {
10
21
  view: import("../types").ImageView;
11
22
  }) => import("react/jsx-runtime").JSX.Element;
12
- ChipGroupViewType: ({ view: { size, gapX, gapY, chips } }: {
23
+ IconView: ({ view: { icon, iconProps } }: {
24
+ view: import("../types").IconView;
25
+ }) => import("react/jsx-runtime").JSX.Element;
26
+ ChipGroupView: ({ view: { chips, chipGroupProps: { size, gapX, gapY }, }, }: {
13
27
  view: import("../types").ChipGroupView;
14
28
  }) => import("react/jsx-runtime").JSX.Element;
29
+ GridView: ({ view: { units, gridProps } }: {
30
+ view: import("../types").GridView;
31
+ }) => import("react/jsx-runtime").JSX.Element;
15
32
  };
16
33
  export default _default;
@@ -2,5 +2,5 @@ import { ChipGroupView as ChipGroupViewType } from '../../types';
2
2
  type Props = {
3
3
  view: ChipGroupViewType;
4
4
  };
5
- declare const ChipGroupView: ({ view: { size, gapX, gapY, chips } }: Props) => import("react/jsx-runtime").JSX.Element;
5
+ declare const ChipGroupView: ({ view: { chips, chipGroupProps: { size, gapX, gapY }, }, }: Props) => import("react/jsx-runtime").JSX.Element;
6
6
  export default ChipGroupView;
@@ -0,0 +1,6 @@
1
+ import { GridView as GridViewType } from '../../types';
2
+ type Props = {
3
+ view: GridViewType;
4
+ };
5
+ declare const GridView: ({ view: { units, gridProps } }: Props) => import("react/jsx-runtime").JSX.Element;
6
+ export default GridView;
@@ -0,0 +1,6 @@
1
+ import { IconView as IconViewType } from '../../types';
2
+ type Props = {
3
+ view: IconViewType;
4
+ };
5
+ declare const IconView: ({ view: { icon, iconProps } }: Props) => import("react/jsx-runtime").JSX.Element;
6
+ export default IconView;
@@ -2,5 +2,5 @@ import { ImageView as ImageViewType } from '../../types';
2
2
  type Props = {
3
3
  view: ImageViewType;
4
4
  };
5
- declare const ImageView: ({ view: { ...props } }: Props) => import("react/jsx-runtime").JSX.Element;
5
+ declare const ImageView: ({ view: { imageProps, ...props } }: Props) => import("react/jsx-runtime").JSX.Element;
6
6
  export default ImageView;
@@ -1,3 +1,5 @@
1
1
  export { default as ImageView } from './ImageView';
2
2
  export { default as TextView } from './TextView';
3
- export { default as ChipGroupViewType } from './ChipGroupView';
3
+ export { default as IconView } from './IconView';
4
+ export { default as ChipGroupView } from './ChipGroupView';
5
+ export { default as GridView } from './GridView';
@@ -1,5 +1,5 @@
1
- import { ImgHTMLAttributes } from 'react';
2
- import { ChipProps, StackProps, TextProps, SpaceProps } from '../..';
1
+ import icons from '@teamturing/icons';
2
+ import { ChipProps, StackProps, TextProps, SpaceProps, GridProps, GridUnitProps, StyledIconProps, ImageProps } from '../..';
3
3
  /**
4
4
  * View Related Model
5
5
  */
@@ -7,18 +7,37 @@ export type TextView = {
7
7
  text: string;
8
8
  textProps?: TextProps;
9
9
  };
10
- export type ImageView = Pick<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height' | 'loading'>;
10
+ export type ImageView = {
11
+ src: ImageProps['src'];
12
+ alt: ImageProps['alt'];
13
+ width: ImageProps['width'];
14
+ height: ImageProps['height'];
15
+ imageProps: Omit<ImageProps, 'src' | 'alt' | 'width' | 'height'>;
16
+ };
17
+ export type IconView = {
18
+ icon: keyof typeof icons;
19
+ iconProps: Omit<StyledIconProps, 'icon'>;
20
+ };
11
21
  export type ChipGroupView = {
12
- size: ChipProps['size'];
13
- gapX: StackProps['gapX'];
14
- gapY: StackProps['gapY'];
15
22
  chips: Array<{
16
23
  text: string;
17
24
  variant: ChipProps['variant'];
18
25
  }>;
26
+ chipGroupProps: {
27
+ size: ChipProps['size'];
28
+ gapX: StackProps['gapX'];
29
+ gapY: StackProps['gapY'];
30
+ };
31
+ };
32
+ export type GridView = {
33
+ units: Array<{
34
+ views: IViewContainer[];
35
+ unitProps: Omit<GridUnitProps, 'sx'>;
36
+ }>;
37
+ gridProps: Omit<GridProps, 'sx' | 'as'>;
19
38
  };
20
- export type View = TextView | ImageView | ChipGroupView;
21
- export type ViewComponentType = 'TextView' | 'ImageView' | 'ChipGroupView';
39
+ export type View = TextView | ImageView | IconView | ChipGroupView | GridView;
40
+ export type ViewComponentType = 'TextView' | 'ImageView' | 'IconView' | 'ChipGroupView' | 'GridView';
22
41
  export interface IViewContainer {
23
42
  id: string;
24
43
  viewComponentType: ViewComponentType;
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export { default as DialogHandler } from './core/DialogHandler';
11
11
  export { default as GradientText } from './core/GradientText';
12
12
  export type { GradientTextProps } from './core/GradientText';
13
13
  export { default as Grid } from './core/Grid';
14
- export type { GridProps } from './core/Grid';
14
+ export type { GridProps, GridUnitProps } from './core/Grid';
15
15
  export { default as IconButton } from './core/IconButton';
16
16
  export type { IconButtonProps } from './core/IconButton';
17
17
  export { default as IconToggleButton } from './core/IconToggleButton';