@zealicsolutions/web-ui 1.0.53-test.8 → 1.0.54

package/dist/index.d.ts

@@ -351,7 +351,7 @@ declare const COMMUNICATION_LINK_ELEMENT_ID = "communication-link";
 declare const MATRIX_MESSAGE_DATA_ID = "matrix-message-id";
 declare const COMMUNICATION_LINK_DATA_URL = "communication-link-url";
 declare const COMMUNICATION_LINK_DATA_TEXT = "communication-link-text";
-declare const defaultValue: Descendant[];
+declare const richTextDefaultValue: Descendant[];
 declare type RichTextEditorProps = {
     value: string;
     numberOfLines?: number;
@@ -701,16 +701,23 @@ declare const useApi: () => ApiInterface;
 
 interface DrawerState {
     width: number;
-    position: 'left' | 'right';
+    position: 'left' | 'right' | 'top' | 'bottom';
     isOpen: boolean;
+    positionType?: 'absolute' | 'normal';
 }
 interface LayoutContextType {
     drawer: DrawerState;
     updateDrawer: (props: Partial<DrawerState>) => void;
+    drawerContainerRef?: Element | null;
+    setDrawerContainerRef?: (ref: Element | null) => void;
+    headerHeight?: string;
+    setHeaderHeight?: (height: string) => void;
 }
 declare const LayoutContext: react.Context<LayoutContextType>;
 
 interface LayoutProviderProps extends PropsWithChildren {
+    layoutPosition?: 'normal' | 'absolute';
+    headerHeight?: string;
     drawerMaxWidthPercent?: number;
 }
 declare const LayoutProvider: react__default.FC<LayoutProviderProps>;
@@ -731,7 +738,7 @@ declare type CustomValidationProps<T = string> = {
 };
 declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item';
+declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item';
 interface BaseDrawerItem {
     id: string;
     type: DrawerItemType;
@@ -786,7 +793,27 @@ interface DrawerTextItemType extends BaseDrawerItem {
     paddingBottom?: string;
     paddingLeft?: string;
 }
-declare type DrawerItem = DrawerMenuItemType | DrawerDividerItemType | DrawerTextItemType;
+interface DrawerRichTextItemType extends BaseDrawerItem {
+    type: 'rich_text_item';
+    text?: string;
+    align?: 'left' | 'center' | 'right' | 'justify';
+    color?: string;
+    wrap?: string;
+    variant?: string;
+    fontSize?: string | number;
+    fontWeight?: 'normal' | 'bold';
+    fontFamily?: string;
+    marginTop?: string;
+    marginRight?: string;
+    marginBottom?: string;
+    marginLeft?: string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
+    numberOfLines?: number;
+}
+declare type DrawerItem = DrawerMenuItemType | DrawerDividerItemType | DrawerTextItemType | DrawerRichTextItemType;
 declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 declare type DrawerVariant = 'permanent' | 'persistent' | 'temporary';
 interface DrawerProps {
@@ -796,6 +823,10 @@ interface DrawerProps {
     onClose?: (event: React.KeyboardEvent | React.MouseEvent, reason: string) => void;
     items?: DrawerItem[];
     padding?: SizesTypes$2 | number | string;
+    paddingTop?: string;
+    paddingRight?: string;
+    paddingBottom?: string;
+    paddingLeft?: string;
     height?: number | string;
     width?: number | string;
     backgroundColor?: string;
@@ -813,6 +844,7 @@ interface DrawerProps {
     buttonFontWeight?: 'normal' | 'bold';
     buttonFontFamily?: string;
     buttonDisabled?: boolean;
+    buttonDisabledColor?: string;
     buttonGap?: number | string;
     buttonStartIcon?: string;
     buttonEndIcon?: string;
@@ -1592,6 +1624,9 @@ declare const SpeedDial: react__default.FC<SpeedDialProps>;
 interface ContentWrapperProps {
     children: react__default.ReactNode;
     className?: string;
+    marginTop?: string;
+    marginLeft?: string;
+    marginRight?: string;
 }
 declare const ContentWrapper: react__default.FC<ContentWrapperProps>;
 
@@ -2060,7 +2095,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' | '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';
 declare type BaseItem = {
     id: string;
     name: string;
@@ -2136,6 +2171,12 @@ declare type TextItemDTO = BaseItem & {
         text: TextProperties$1;
     };
 };
+declare type RichTextItemDTO = BaseItem & {
+    type: 'rich_text_item';
+    config: {
+        props: Omit<TextProps$1, 'text' | 'isRichText' | 'htmlElementId' | 'configurationItemInfo'>;
+    };
+};
 
 declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
@@ -2614,7 +2655,7 @@ interface DrawerMoleculeType extends BaseMoleculeType {
         text: TextProperties;
         disabled: BooleanProperties;
     };
-    children: (MenuItemDTO | DividerItemDTO | TextItemDTO)[];
+    children: (MenuItemDTO | DividerItemDTO | TextItemDTO | RichTextItemDTO)[];
 }
 interface SpeedDialMoleculeType extends BaseMoleculeType {
     type: 'speed_dial';
@@ -2824,4 +2865,4 @@ declare type FormOrganismItemProps = {
 };
 declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
-export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, Avatar, AvatarMoleculeType, AvatarProps, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseSpeedDialItem, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, Checkbox, CheckboxProps, Checklist, ChecklistItem, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, Consent, ConsentCaptureMethod, ConsentFieldMoleculeType, ConsentProps, ConsentStatus, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, ContentWrapper, ContentWrapperProps, CountValidationTypes, CriteriaType, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, DefaultSelectionType, Divider, DividerMoleculeType, DividerProps, DownloadFile, Drawer, DrawerMoleculeType, DrawerState, EmailInputFieldMoleculeType, ErrorText, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContext, FormStepContextProvider, FormStepContextProviderProps, FormStepContextType, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, LayoutContext, LayoutContextType, LayoutProvider, LayoutProviderProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Option, Organism, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneNumberInputFieldMoleculeType, PopupPropsType, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, SpeedDial, SpeedDialActionItemProps, SpeedDialActionItemType, SpeedDialItem, SpeedDialItemType, SpeedDialMoleculeType, SpeedDialProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeType, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, defaultTheme, defaultValue, passwordValidationMapper, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useFormStepContext, useLayoutContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };
+export { AccordionMoleculeType, AccountButtonContext, AccountButtonContextType, AccountButtonProvider, AccountButtonProviderProps, ActionEventType, ActionProperties, ActionType, ActionTypes, AdditionalContainerProps, AlertMolecule, AlertMoleculeProps, AlertMoleculeType, AnnotationsList, ApiContext, ApiInterface, ApiProvider, Avatar, AvatarMoleculeType, AvatarProps, BackgroundImage, BadgeMolecule, BadgeMoleculeProps, BadgeMoleculeType, BaseMolecule, BaseMoleculeType, BaseSpeedDialItem, BaseStateValue, BaseTextButton, BasicTextField, BasicTextFieldMoleculeType, BasicTextFieldProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, Checkbox, CheckboxProps, Checklist, ChecklistItem, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, Consent, ConsentCaptureMethod, ConsentFieldMoleculeType, ConsentProps, ConsentStatus, ConsentType, Container, ContainerAlignItemsType, ContainerComponentProps, ContainerConfig, ContainerPositionType, ContainerProperties, ContainerProps, ContainerPropsType, ContainerScrollBehaviourType, ContainerTemplateType, ContainerType, ContainerWrapper, ContentWrapper, ContentWrapperProps, CountValidationTypes, CriteriaType, CurrencyInputFieldMoleculeType, CustomStep, CustomValidation, CustomValidationProps, CustomValidationRule, DataCaptureProperties, DataConnectionValues, DataModelFieldFormat, DataModelFieldFormatCodeTypes, DataModelFieldFormatValueTypes, DatePickerMolecule, DatePickerMoleculeProps, DatePickerMoleculeType, DefaultSelectionType, Divider, DividerMoleculeType, DividerProps, DownloadFile, Drawer, DrawerMoleculeType, DrawerState, EmailInputFieldMoleculeType, ErrorText, FontSizesTypes, FontWeight, FormContainerProps, FormDataStateConfig, FormOrganismItem, FormStateType, FormStepContainerProps, FormStepContext, FormStepContextProvider, FormStepContextProviderProps, FormStepContextType, HorizontalButtons, HorizontalButtonsProps, HorizontalPadding, Icon, IconButton, IconButtonProps, IconNames, IconProps, IconRenderer, IconRendererProps, IconWrapper, Image, ImageMoleculeType, ImageProperties, ImageProps, Input, InputFieldInternalConfigProps, InputIconProps, InputProps, LayoutContext, LayoutContextType, LayoutProvider, LayoutProviderProps, Link, LinkMoleculeType, LinkProperties, LinkProps, LinkTypes, LinkVariant, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MaxRuleValidation, MenuMoleculeType, MetadataStateConfig, MetadataType, MinRuleValidation, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, ModalWrapper, Molecule, MoleculeItemTypes, MoleculeTypes, NumericInputFieldMoleculeType, ObjectStateProperties, Option, Organism, OrganismContext, OrganismContextProvider, OrganismContextProviderProps, OrganismContextType, OrganismItem, Padding, PaddingProps, PaddingVariants, PasswordFields, PasswordRuleValidation, PasswordSetup, PasswordSetupMoleculeType, PasswordSetupProps, PdfDocument, PdfDocumentProps, PhoneNumberInputFieldMoleculeType, PopupPropsType, RadioButtonInternalConfigProps, RadioButtons, RadioButtonsProps, RadioGroupWrapper, RatingMolecule, RatingMoleculeProps, RatingMoleculeType, RegularImage, RegularImageProps, RichTextEditorProps, RichTextViewer, SegmentationType, Select, SelectInternalConfigurationOptions, SelectMolecule, SelectMoleculeOption, SelectMoleculeProps, SelectMoleculeType, SelectOption, SelectProps, SeoTags, SetPasswordRuleValidation, SimpleTextMoleculeType, SizesTypes, SliderMolecule, SliderMoleculeProps, SliderMoleculeType, SliderProps, Spacer, SpacerProps, SpeedDial, SpeedDialActionItemProps, SpeedDialActionItemType, SpeedDialItem, SpeedDialItemType, SpeedDialMoleculeType, SpeedDialProps, Spinner, StateActionType, StateConfigType, StateContext, StateContextProvider, StateContextProviderProps, StateContextType, StateEventType, StateListenerConfigType, StateModifierConfigType, StateProperties, Stepper, StepperMoleculeType, StepperOrientation, StepperProps, StyleWrapper, SwitchMolecule, SwitchMoleculeProps, SwitchMoleculeType, TabsMoleculeType, TextAlign, TextButton, TextButtonProps, TextElementProps, TextMolecule, TextMoleculeType, TextProperties, TextProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoMoleculeType, VideoProperties, VideoProps, VisitMoleculeType, WrappedContainerType, ZealTheme, ZealThemeProvider, ZealUIModal, ZealUIModalProps, defaultTheme, passwordValidationMapper, richTextDefaultValue, toast, toastStyles, useAccountButtonContext, useApi, useButtonActionsContext, useFormStepContext, useLayoutContext, useMediaQuery, useMlrRichTextViewerContext, useOrganismContext, useStateContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "1.0.53-test.8",
+  "version": "1.0.54",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -30,7 +30,6 @@
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
     "start": "npm run storybook",
-    "start:force": "yarn --ignore-engines storybook dev -p 6006",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "lint": "eslint ./src/**/*.ts",