@zealicsolutions/web-ui 1.0.81 → 1.0.83

package/dist/index.d.ts

@@ -992,7 +992,7 @@ interface DividerProps {
 }
 declare const Divider: ({ moleculeId, variant, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item';
+declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item' | 'image_item';
 interface BaseDrawerItem {
     id: string;
     type: DrawerItemType;
@@ -1067,7 +1067,25 @@ interface DrawerRichTextItemType extends BaseDrawerItem {
     paddingLeft?: string;
     numberOfLines?: number;
 }
-declare type DrawerItem = DrawerMenuItemType | DrawerDividerItemType | DrawerTextItemType | DrawerRichTextItemType;
+interface DrawerImageItemType extends BaseDrawerItem {
+    type: 'image_item';
+    src: string;
+    alt?: string;
+    link?: LinkProperties$1;
+    height?: number | string;
+    width?: number | string;
+    raised?: boolean;
+    borderRadius?: string | number;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
+}
+declare type DrawerItem = DrawerMenuItemType | DrawerDividerItemType | DrawerTextItemType | DrawerRichTextItemType | DrawerImageItemType;
 declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 declare type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
 interface DrawerProps {
@@ -2140,7 +2158,7 @@ declare type SimpleTextProps = TypographyProps & {
     paddingLeft: string;
 };
 
-declare type MoleculeItemTypes$1 = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'divider_item' | 'text_item' | 'tabs_item' | 'rich_text_item' | 'speed_dial_action_item';
+declare type MoleculeItemTypes$1 = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'divider_item' | 'text_item' | 'tabs_item' | 'rich_text_item' | 'speed_dial_action_item' | 'image_item';
 declare type BaseItem = {
     id: string;
     name: string;
@@ -2222,6 +2240,22 @@ declare type RichTextItemDTO = BaseItem & {
         props: Omit<TextProps$1, 'text' | 'isRichText' | 'htmlElementId' | 'configurationItemInfo'>;
     };
 };
+declare type ImageItemDTO = BaseItem & {
+    type: 'image_item';
+    config: {
+        props: Omit<ImageProps, 'src' | 'alt' | 'onClick' | 'moleculeId' | 'configurationItemInfo'>;
+    };
+    properties: {
+        image: {
+            imageSource?: string;
+            imageFile?: {
+                url: string;
+            };
+        };
+        alt: TextProperties$1;
+        link: LinkProperties$1;
+    };
+};
 
 declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
@@ -2329,7 +2363,7 @@ declare type ObjectStateProperties = {
     attributeType: 'object_state';
     pmiObjectId: string | null;
 };
-declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item' | 'divider_item' | 'text_item' | 'speed_dial_action_item';
+declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item' | 'divider_item' | 'text_item' | 'rich_text_item' | 'speed_dial_action_item' | 'image_item';
 declare type MoleculeTypes = 'simple_text' | 'text' | 'header_tab_group' | 'consent' | 'signup_password_fields' | 'account_button' | 'stepper' | 'checklist' | 'accordion' | 'menu' | 'drawer' | 'tabs' | 'divider' | 'link' | 'video' | 'image' | 'button' | 'alert' | 'badge' | 'chip' | 'basic_text_field' | 'rating' | 'switch' | 'slider' | 'select' | 'date_picker' | 'email_input_field' | 'phone_number_input_field' | 'numeric_input_field' | 'currency_input_field' | 'email_display_field' | 'phone_number_display_field' | 'numeric_display_field' | 'currency_display_field' | 'basic_text_display_field' | 'select_display_field' | 'rating_display_field' | 'switch_display_field' | 'slider_display_field' | 'date_display_field' | 'avatar' | 'visit' | 'simple_calendar' | 'year_view_calendar' | 'resource_timeline_calendar' | 'speed_dial' | 'checkbox' | 'checkbox_display' | 'binary_radio_buttons' | 'binary_radio_buttons_display';
 /**
  * [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
@@ -2701,7 +2735,7 @@ interface DrawerMoleculeType extends BaseMoleculeType {
         text: TextProperties;
         disabled: BooleanProperties;
     };
-    children: (MenuItemDTO | DividerItemDTO | TextItemDTO | RichTextItemDTO)[];
+    children: (MenuItemDTO | DividerItemDTO | TextItemDTO | RichTextItemDTO | ImageItemDTO)[];
 }
 interface SpeedDialMoleculeType extends BaseMoleculeType {
     type: 'speed_dial';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "1.0.81",
+  "version": "1.0.83",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"