@teamturing/react-kit 2.6.0 → 2.7.0

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

@@ -22,4 +22,4 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     Unit: ({ size, as, children, ...props }: PropsWithChildren<GridUnitProps>) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
-export type { Props as GridProps };
+export type { Props as GridProps, GridUnitProps };

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

@@ -1,7 +1,18 @@
-import { ISection } from '../types';
+import { ComponentType } from 'react';
+import { ILayoutContainer, ISection, IViewContainer, Layout, View } from '../types';
 type Props = {
     section: ISection;
 };
+export declare const getLayoutComponent: (layoutContainer: ILayoutContainer) => ComponentType<{
+    layout: Layout;
+    viewsObject: {
+        [k: string]: View;
+    };
+    viewComponentsObject: {
+        [k: string]: ComponentType<any>;
+    };
+}>;
+export declare const getViewComponent: (viewContainer: IViewContainer) => ComponentType<any>;
 declare const _default: (({ section: { views, responsiveLayout } }: Props) => import("react/jsx-runtime").JSX.Element) & {
     TextView: ({ view: { text, textProps } }: {
         view: import("../types").TextView;
@@ -9,8 +20,14 @@ declare const _default: (({ section: { views, responsiveLayout } }: Props) => im
     ImageView: ({ view: { ...props } }: {
         view: import("../types").ImageView;
     }) => import("react/jsx-runtime").JSX.Element;
-    ChipGroupViewType: ({ view: { size, gapX, gapY, chips } }: {
+    IconView: ({ view: { icon, iconProps } }: {
+        view: import("../types").IconView;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ChipGroupView: ({ view: { chips, chipGroupProps: { size, gapX, gapY }, }, }: {
         view: import("../types").ChipGroupView;
     }) => import("react/jsx-runtime").JSX.Element;
+    GridView: ({ view: { units, gridProps } }: {
+        view: import("../types").GridView;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

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

@@ -2,5 +2,5 @@ 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;
+declare const ChipGroupView: ({ view: { chips, chipGroupProps: { size, gapX, gapY }, }, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ChipGroupView;

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

@@ -0,0 +1,6 @@
+import { GridView as GridViewType } from '../../types';
+type Props = {
+    view: GridViewType;
+};
+declare const GridView: ({ view: { units, gridProps } }: Props) => import("react/jsx-runtime").JSX.Element;
+export default GridView;

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

@@ -0,0 +1,6 @@
+import { IconView as IconViewType } from '../../types';
+type Props = {
+    view: IconViewType;
+};
+declare const IconView: ({ view: { icon, iconProps } }: Props) => import("react/jsx-runtime").JSX.Element;
+export default IconView;

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

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

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

@@ -1,28 +1,38 @@
-import { ChipProps, StackProps, TextProps, SpaceProps } from '../..';
+import icons from '@teamturing/icons';
+import { ImgHTMLAttributes } from 'react';
+import { ChipProps, StackProps, TextProps, SpaceProps, GridProps, GridUnitProps, StyledIconProps } from '../..';
 /**
  * View Related Model
  */
 export type TextView = {
     text: string;
-    textProps?: TextProps;
+    textProps?: Omit<TextProps, 'sx'>;
 };
-export type ImageView = {
-    src: string;
-    alt: string;
-    width: number;
-    height: number;
+export type ImageView = Pick<ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height' | 'loading'>;
+export type IconView = {
+    icon: keyof typeof icons;
+    iconProps: Omit<StyledIconProps, 'sx' | 'icon'>;
 };
 export type ChipGroupView = {
-    size: ChipProps['size'];
-    gapX: StackProps['gapX'];
-    gapY: StackProps['gapY'];
     chips: Array<{
         text: string;
         variant: ChipProps['variant'];
     }>;
+    chipGroupProps: {
+        size: ChipProps['size'];
+        gapX: StackProps['gapX'];
+        gapY: StackProps['gapY'];
+    };
 };
-export type View = TextView | ImageView | ChipGroupView;
-export type ViewComponentType = 'TextView' | 'ImageView' | 'ChipGroupView';
+export type GridView = {
+    units: Array<{
+        views: IViewContainer[];
+        unitProps: Omit<GridUnitProps, 'sx'>;
+    }>;
+    gridProps: Omit<GridProps, 'sx' | 'as'>;
+};
+export type View = TextView | ImageView | IconView | ChipGroupView | GridView;
+export type ViewComponentType = 'TextView' | 'ImageView' | 'IconView' | 'ChipGroupView' | 'GridView';
 export interface IViewContainer {
     id: string;
     viewComponentType: ViewComponentType;

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

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export { default as DialogHandler } from './core/DialogHandler';
 export { default as GradientText } from './core/GradientText';
 export type { GradientTextProps } from './core/GradientText';
 export { default as Grid } from './core/Grid';
-export type { GridProps } from './core/Grid';
+export type { GridProps, GridUnitProps } from './core/Grid';
 export { default as IconButton } from './core/IconButton';
 export type { IconButtonProps } from './core/IconButton';
 export { default as IconToggleButton } from './core/IconToggleButton';