@zealicsolutions/web-ui 0.1.91 → 0.1.92

package/dist/esm/src/atoms/HorizontalButtons/HorizontalButtons.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type HorizontalButtonsProps = {
+    selectedButtonId: string;
+    buttonOptions: {
+        value: string;
+        id: string;
+    }[];
+    onClick: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => JSX.Element;

package/dist/esm/src/atoms/HorizontalButtons/HorizontalButtons.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { HorizontalButtons as HorizontalButtonsComponent } from './HorizontalButtons';
+declare const _default: {
+    title: string;
+    component: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: import("./HorizontalButtons").HorizontalButtonsProps) => JSX.Element;
+};
+export default _default;
+export declare const HorizontalButtons: ComponentStory<typeof HorizontalButtonsComponent>;

package/dist/esm/src/atoms/index.d.ts

@@ -13,6 +13,7 @@ export * from './ValidationTag/ValidationTag';
 export * from './Video/Video';
 export * from './Tooltip/Tooltip';
 export * from './Toast/toast';
+export * from './HorizontalButtons/HorizontalButtons';
 export * from './Avatar/Avatar';
 export * from './Paddings/Paddings';
 export * from './Divider/Divider';

package/dist/esm/src/molecules/Drawer/styles.d.ts

@@ -5,11 +5,15 @@ export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
     padding?: SizesTypes | number;
+    height?: number | string;
+    width?: number | string;
     closeIconColor?: ThemeColors | string;
 };
 export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
     anchor: Anchor;
     padding?: number | SizesTypes | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
     closeIconColor?: string | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/esm/src/molecules/HorizontalButtonsField/HorizontalButtonsField.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { HorizontalButtonsProps } from 'atoms';
+import { Control } from 'react-hook-form/dist/types';
+declare type ToggleFieldProps = {
+    name: string;
+    title: string;
+    control?: Control<any>;
+    description?: string;
+    horizontalButtonsProps: HorizontalButtonsProps;
+    defaultValue?: string;
+};
+export declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
+export {};

package/dist/esm/src/molecules/HorizontalButtonsField/HorizontalButtonsField.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { HorizontalButtonsField as HorizontalButtonsFieldComponent } from './HorizontalButtonsField';
+declare const _default: {
+    title: string;
+    component: ({ name, title, control, description, horizontalButtonsProps, }: {
+        name: string;
+        title: string;
+        control?: import("react-hook-form").Control<any, any> | undefined;
+        description?: string | undefined;
+        horizontalButtonsProps: import("../..").HorizontalButtonsProps;
+        defaultValue?: string | undefined;
+    }) => JSX.Element;
+};
+export default _default;
+export declare const HorizontalButtonsField: ComponentStory<typeof HorizontalButtonsFieldComponent>;

package/dist/esm/src/molecules/SettingsSelectionField/SettingsSelectionField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type SettingsSelectionFieldProps = {
+    options: {
+        title: string;
+        id: string;
+    }[];
+    onChange?: (id: string) => void;
+    fieldTitle: string;
+};
+export declare const SettingsSelectionField: ({ options, onChange, fieldTitle, }: SettingsSelectionFieldProps) => JSX.Element;

package/dist/esm/src/molecules/SettingsSelectionField/SettingsSelectionField.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentStory } from '@storybook/react';
+import { SettingsSelectionField as SettingsSelectionFieldComponent } from './SettingsSelectionField';
+declare const _default: {
+    title: string;
+    component: ({ options, onChange, fieldTitle, }: import("./SettingsSelectionField").SettingsSelectionFieldProps) => JSX.Element;
+};
+export default _default;
+export declare const SettingsSelectionField: ComponentStory<typeof SettingsSelectionFieldComponent>;

package/dist/esm/src/molecules/index.d.ts

@@ -19,3 +19,4 @@ export * from './Alert/Alert';
 export * from './Stepper/Stepper';
 export * from './PdfDocument/PdfDocument';
 export * from './FeedContentHeader/FeedContentHeader';
+export * from './HorizontalButtonsField/HorizontalButtonsField';

package/dist/index.d.ts

@@ -15,7 +15,7 @@ import { FeedContentTemplateTypes as FeedContentTemplateTypes$1, FeedContentProp
 import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
 import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
 import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, ButtonProps as ButtonProps$1 } from 'atoms';
+import { InputProps as InputProps$1, RadioButtonsProps as RadioButtonsProps$1, HorizontalButtonsProps as HorizontalButtonsProps$1, ButtonProps as ButtonProps$1 } from 'atoms';
 import { Control, ControllerProps } from 'react-hook-form/dist/types';
 import { SelectOption as SelectOption$1 } from 'atoms/Select/types';
 import { ControllerProps as ControllerProps$1, DeepPartial, FieldValues, FormState } from 'react-hook-form';
@@ -221,6 +221,18 @@ declare type ToastParams = {
 
 declare const toast: ({ message, type, duration }: ToastParams) => void | undefined;
 
+declare type HorizontalButtonsProps = {
+    selectedButtonId: string;
+    buttonOptions: {
+        value: string;
+        id: string;
+    }[];
+    onClick: (value: string) => void;
+    disabled?: boolean;
+    error?: boolean;
+};
+declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => JSX.Element;
+
 declare type AvatarProps = {
     size?: SizesTypes$1 | number;
     withShadow?: boolean;
@@ -470,6 +482,8 @@ declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 declare type DrawerProps = DrawerProps$1 & {
     anchor: Anchor;
     padding?: SizesTypes$2 | number;
+    height?: number | string;
+    width?: number | string;
     closeIconColor?: ThemeColors$1 | string;
 };
 
@@ -611,6 +625,16 @@ declare type FeedContentHeaderProps = {
 } & Partial<Omit<InputFieldProps$1, 'labelsProps' | 'required' | 'optional'>>;
 declare const FeedContentHeader: ({ templateType, title, name, inputProps, isMobile, menuConfig, ...rest }: FeedContentHeaderProps) => JSX.Element;
 
+declare type ToggleFieldProps = {
+    name: string;
+    title: string;
+    control?: Control<any>;
+    description?: string;
+    horizontalButtonsProps: HorizontalButtonsProps$1;
+    defaultValue?: string;
+};
+declare const HorizontalButtonsField: ({ name, title, control, description, horizontalButtonsProps, }: ToggleFieldProps) => JSX.Element;
+
 declare type SetPasswordRuleValidation = {
     label: string;
     rule: MaxRuleValidation | MinRuleValidation;
@@ -919,4 +943,4 @@ declare type AnnotationsList = {
 
 declare const useMlrRichTextViewerContext: () => contexts_MlrRichTextViewerContext_MlrRichTextViewerContext.MlrRichTextViewerContextType;
 
-export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };
+export { AcquisitionForm, AcquisitionFormProps, Alert, AlertProps, AnnotationsList, AuthMethod, Avatar, AvatarDropdown, AvatarDropdownProps, AvatarProps, BaseButtonProps, Body, BodyProps, BreakpointSizesTypes, Button, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CaretIconWrapper, CheckBoxProps, Checkbox, CheckboxField, CheckboxFieldProps, Circle, CircleBoxProps, ColumnItem, Columns, ColumnsProps, Consent, ConsentProps, CustomValidation, CustomValidationProps, CustomValidationRule, DefaultTemplate, DefaultTemplateProps, Divider, DividerProps, Drawer, DynamicContentZone, DynamicContentZoneProps, DynamicElementProps, EmphasizedText, EmphasizedTextProps, FeedContent, FeedContentContainer, FeedContentContainerProps, FeedContentHeader, FeedContentHeaderProps, FeedTemplateKeys, FieldLabels, FieldLabelsProps, FieldMapper, FieldMapperProps, FieldRuleLabelTypes, FieldSection, FieldSectionProps, FieldTypes, FilteredFeedContentType, FontSizesTypes, Footer, FooterContentInfo, FooterLink, FooterProps, ForgotPasswordForm, ForgotPasswordFormProps, GoogleMap, GoogleMapProps, Header, HeaderProps, HeroImage, HeroImageAlignment, HeroImageProps, HorizontalButtons, HorizontalButtonsField, HorizontalButtonsProps, HorizontalPadding, HorizontalPaddingProps, ISI, ISIProps, Icon, IconNames, IconProps, Image, ImageProps, Input, InputField, InputFieldProps, InputFieldTypes, InputIconProps, InputProps, LinkButton, LinkButtonProps, LoginForm, LoginFormProps, MATRIX_MESSAGE_DATA_ID, MATRIX_MESSAGE_ELEMENT_ID, MapPosition, MenuItem, MenuItems, MenuItemsProps, MenuNavigation, MenuNavigationProps, MlrRichTextViewerContext, MlrRichTextViewerContextType, MlrRichTextViewerProvider, MlrRichTextViewerProviderProps, OrientationType, PdfDocument, PdfDocumentProps, ProcessTracker, ProcessTrackerProps, ProcessTrackerStatus, ProfileInformation, ProfileInformationProps, RadioButtonField, RadioButtonFieldProps, RadioButtonType, RadioButtons, RadioButtonsProps, RichTextEditorProps, RichTextViewer, Select, SelectField, SelectFieldProps, SelectableCardGroup, SelectableCardGroupProps, SetPasswordForm, SetPasswordFormProps, SetPasswordRuleValidation, SizesTypes, Spacer, SpacerProps, Spinner, Stepper, StepperProps, StyleWrapper, TabGroup, TabGroupProps, TextTypes, TextWrapper, TextWrapperProps, ThemeColors, ThemeColorsType, ThemeDevicesType, ThemeSizesType, ThemeTextType, Tooltip, TooltipProps, TouchableOpacity, TouchableOpacityProps, TwoFactorAuth, TwoFactorAuthProps, UICheckboxField, UIField, UIFields, UIInputField, UISelectField, ValidationTag, ValidationTagProps, ValidationTagStatus, VerticalPadding, Video, VideoProps, ZealTheme, ZealThemeProvider, acquisitionFormMockFields, defaultTheme, getFieldPlaceholder, getFieldsFromFieldSections, getInitialValuesFromFields, isFormValid, loginMockFields, profileInformationMockForm, sectionMockFields, setPasswordMockFields, showAcceptToastMessage, toast, toastStyles, useMediaQuery, useMlrRichTextViewerContext, useRequiredConsentsAcceptedValues, useStep };

package/package.json

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