@zealicsolutions/web-ui 1.0.69 → 1.0.70
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.
- package/dist/cjs/containers/types/moleculeTypes.d.ts +32 -4
- package/dist/cjs/index.js +1568 -1568
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
- package/dist/cjs/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
- package/dist/cjs/molecules/Calendar/YearViewCalendar.d.ts +1 -3
- package/dist/cjs/molecules/Checkbox/Checkbox.d.ts +34 -0
- package/dist/cjs/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
- package/dist/cjs/molecules/Consent/Consent.stories.d.ts +76 -7
- package/dist/cjs/molecules/Consent/ConsentMolecule.d.ts +10 -4
- package/dist/cjs/molecules/index.d.ts +22 -20
- package/dist/esm/components/Checkbox/Checkbox.js +1 -1
- package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/RichTextViewer/components/Leaf.js +1 -1
- package/dist/esm/components/RichTextViewer/components/Leaf.js.map +1 -1
- package/dist/esm/containers/Container.js +1 -1
- package/dist/esm/containers/Container.js.map +1 -1
- package/dist/esm/containers/ContainerStoriesComponent.js +1 -1
- package/dist/esm/containers/ContainerStoriesComponent.js.map +1 -1
- package/dist/esm/containers/FormContainer.js +1 -1
- package/dist/esm/containers/FormContainer.js.map +1 -1
- package/dist/esm/containers/FormStepContainer.js +1 -1
- package/dist/esm/containers/FormStepContainer.js.map +1 -1
- package/dist/esm/containers/OrganismItem.js +1 -1
- package/dist/esm/containers/OrganismItem.js.map +1 -1
- package/dist/esm/containers/hooks/useCheckCondition.js +1 -1
- package/dist/esm/containers/hooks/useCheckCondition.js.map +1 -1
- package/dist/esm/containers/hooks/useStateListenerValue.js +1 -1
- package/dist/esm/containers/hooks/useStateListenerValue.js.map +1 -1
- package/dist/esm/containers/hooks/useStateModifierHandler.js +1 -1
- package/dist/esm/containers/hooks/useStateModifierHandler.js.map +1 -1
- package/dist/esm/containers/types/moleculeTypes.d.ts +32 -4
- package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js +1 -1
- package/dist/esm/contexts/ApiContext/queries/useDataModelFieldOptions.js.map +1 -1
- package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js +1 -1
- package/dist/esm/contexts/ButtonActionsContext/ButtonActionsContextProvider.js.map +1 -1
- package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js +1 -1
- package/dist/esm/contexts/FormStepContext/FormStepContextProvider.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/molecules/Accordion/Accordion.js +1 -1
- package/dist/esm/molecules/Accordion/Accordion.js.map +1 -1
- package/dist/esm/molecules/Avatar/Avatar.js +1 -1
- package/dist/esm/molecules/Avatar/Avatar.js.map +1 -1
- package/dist/esm/molecules/BaseMolecule.js +1 -1
- package/dist/esm/molecules/BaseMolecule.js.map +1 -1
- package/dist/esm/molecules/BasicTextField/BasicTextField.js +1 -1
- package/dist/esm/molecules/BasicTextField/BasicTextField.js.map +1 -1
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.d.ts +47 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js +2 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.js.map +1 -0
- package/dist/esm/molecules/BinaryRadioButtons/BinaryRadioButtons.stories.d.ts +38 -0
- package/dist/esm/molecules/Calendar/YearViewCalendar.d.ts +1 -3
- package/dist/esm/molecules/Calendar/YearViewCalendar.js +1 -1
- package/dist/esm/molecules/Calendar/YearViewCalendar.js.map +1 -1
- package/dist/esm/molecules/Checkbox/Checkbox.d.ts +34 -0
- package/dist/esm/molecules/Checkbox/Checkbox.js +2 -0
- package/dist/esm/molecules/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/molecules/Checkbox/Checkbox.stories.d.ts +23 -0
- package/dist/esm/molecules/Checklist/Checklist.js +1 -1
- package/dist/esm/molecules/Checklist/Checklist.js.map +1 -1
- package/dist/esm/molecules/Consent/Consent.stories.d.ts +76 -7
- package/dist/esm/molecules/Consent/ConsentMolecule.d.ts +10 -4
- package/dist/esm/molecules/Consent/ConsentMolecule.js +1 -1
- package/dist/esm/molecules/Consent/ConsentMolecule.js.map +1 -1
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js +1 -1
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js.map +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js +1 -1
- package/dist/esm/molecules/Drawer/Drawer.js.map +1 -1
- package/dist/esm/molecules/EmailInputField/EmailInputField.js +1 -1
- package/dist/esm/molecules/EmailInputField/EmailInputField.js.map +1 -1
- package/dist/esm/molecules/Menu/Menu.js +1 -1
- package/dist/esm/molecules/Menu/Menu.js.map +1 -1
- package/dist/esm/molecules/NumericInputField/NumericInputField.js +1 -1
- package/dist/esm/molecules/NumericInputField/NumericInputField.js.map +1 -1
- package/dist/esm/molecules/PasswordSetup/PasswordSetup.js +1 -1
- package/dist/esm/molecules/PasswordSetup/PasswordSetup.js.map +1 -1
- package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js +1 -1
- package/dist/esm/molecules/PhoneNumberInputField/PhoneNumberInputField.js.map +1 -1
- package/dist/esm/molecules/Rating/Rating.js +1 -1
- package/dist/esm/molecules/Rating/Rating.js.map +1 -1
- package/dist/esm/molecules/Select/Select.js +1 -1
- package/dist/esm/molecules/Select/Select.js.map +1 -1
- package/dist/esm/molecules/Slider/Slider.js +1 -1
- package/dist/esm/molecules/Slider/Slider.js.map +1 -1
- package/dist/esm/molecules/SpeedDial/SpeedDial.js +1 -1
- package/dist/esm/molecules/SpeedDial/SpeedDial.js.map +1 -1
- package/dist/esm/molecules/Stepper/Stepper.js +1 -1
- package/dist/esm/molecules/Stepper/Stepper.js.map +1 -1
- package/dist/esm/molecules/Switch/Switch.js +1 -1
- package/dist/esm/molecules/Switch/Switch.js.map +1 -1
- package/dist/esm/molecules/Tabs/Tabs.js +1 -1
- package/dist/esm/molecules/Tabs/Tabs.js.map +1 -1
- package/dist/esm/molecules/index.d.ts +22 -20
- package/dist/esm/node_modules/@mui/material/Checkbox/Checkbox.js.map +1 -1
- package/dist/index.d.ts +554 -575
- package/package.json +3 -3
- package/dist/cjs/molecules/Consent/Consent.d.ts +0 -32
- package/dist/cjs/molecules/Consent/ConsentCapture.d.ts +0 -20
- package/dist/cjs/molecules/Consent/consentMock.d.ts +0 -7
- package/dist/esm/components/Checkbox/helpers.js +0 -2
- package/dist/esm/components/Checkbox/helpers.js.map +0 -1
- package/dist/esm/molecules/Consent/Consent.d.ts +0 -32
- package/dist/esm/molecules/Consent/Consent.js +0 -2
- package/dist/esm/molecules/Consent/Consent.js.map +0 -1
- package/dist/esm/molecules/Consent/ConsentCapture.d.ts +0 -20
- package/dist/esm/molecules/Consent/ConsentCapture.js +0 -2
- package/dist/esm/molecules/Consent/ConsentCapture.js.map +0 -1
- package/dist/esm/molecules/Consent/consentMock.d.ts +0 -7
package/dist/index.d.ts
CHANGED
@@ -1,27 +1,26 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import * as _emotion_styled from '@emotion/styled';
|
3
3
|
import * as react from 'react';
|
4
|
-
import react__default, { PropsWithChildren, FC, Dispatch, SetStateAction, ReactNode, CSSProperties, KeyboardEvent,
|
4
|
+
import react__default, { PropsWithChildren, FC, Dispatch, SetStateAction, ReactNode, InputHTMLAttributes, CSSProperties, KeyboardEvent, MouseEvent } from 'react';
|
5
5
|
import * as _emotion_react from '@emotion/react';
|
6
6
|
import { CSSObject, Theme, Interpolation } from '@emotion/react';
|
7
7
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
8
|
-
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
9
|
-
import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, OverrideStyles, StyledTransientProps, ResponseDTO, Nullable, StrictUnion } from 'typescript';
|
10
8
|
import { RefCallBack } from 'react-hook-form/dist/types';
|
11
|
-
import {
|
9
|
+
import { ThemeColors as ThemeColors$1, SizesTypes as SizesTypes$1, FontSizesTypes as FontSizesTypes$2 } from 'theme';
|
10
|
+
import { AnyObject as AnyObject$1, StylesType, Callback as Callback$1, OverrideStyles, StyledTransientProps, ResponseDTO, Nullable, StrictUnion } from 'typescript';
|
11
|
+
import { DataModelFieldFormatCodeTypes as DataModelFieldFormatCodeTypes$1, FormStateType as FormStateType$1, ConfigurationItemInfo as ConfigurationItemInfo$1, ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, ContainerType as ContainerType$1, MoleculeTypes as MoleculeTypes$1, MoleculeItemTypes as MoleculeItemTypes$2, StateConfigType as StateConfigType$1, MetadataType as MetadataType$1, ConsentFieldMoleculeType as ConsentFieldMoleculeType$1, LinkProperties as LinkProperties$1, PasswordSetupMoleculeType as PasswordSetupMoleculeType$1, TextProperties as TextProperties$1, ContainerProps as ContainerProps$1, ObjectStateProperties as ObjectStateProperties$1, StateProperties as StateProperties$1 } from 'containers';
|
12
12
|
import { InputFieldTypes } from 'fieldsConfiguration/types';
|
13
13
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
14
|
-
import { BaseButtonProps, PasswordRuleValidation as PasswordRuleValidation$1, BasicTextFieldProps as BasicTextFieldProps$1, CustomValidationRule as CustomValidationRule$1, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, ConsentType
|
14
|
+
import { BaseButtonProps, PasswordRuleValidation as PasswordRuleValidation$1, BasicTextFieldProps as BasicTextFieldProps$1, CustomValidationRule as CustomValidationRule$1, CustomStep as CustomStep$1, ChecklistItem as ChecklistItem$1, TextProps as TextProps$1, ConsentType, StepperProps as StepperProps$1, ChecklistProps as ChecklistProps$1, DividerProps as DividerProps$1, LinkProps as LinkProps$1, VideoProps as VideoProps$1, ImageProps as ImageProps$1, ButtonProps as ButtonProps$2, ChipMoleculeProps as ChipMoleculeProps$1, BadgeMoleculeProps as BadgeMoleculeProps$1, AlertMoleculeProps as AlertMoleculeProps$1, RatingMoleculeProps as RatingMoleculeProps$1, SliderMoleculeProps as SliderMoleculeProps$1, SelectMoleculeProps as SelectMoleculeProps$1, DatePickerMoleculeProps as DatePickerMoleculeProps$1, CheckboxProps, BinaryRadioButtonsProps as BinaryRadioButtonsProps$1 } from 'molecules';
|
15
15
|
import { TooltipProps as TooltipProps$1 } from 'rc-tooltip/lib/Tooltip';
|
16
16
|
import { Descendant } from 'slate';
|
17
17
|
import * as _mui_material from '@mui/material';
|
18
|
-
import {
|
18
|
+
import { TypographyProps, BadgeProps, TextFieldProps, ButtonProps as ButtonProps$1, SxProps, RatingProps, SliderProps as SliderProps$1, SwitchProps, ModalProps } from '@mui/material';
|
19
19
|
import { IconNames as IconNames$1, TouchableOpacityProps as TouchableOpacityProps$1 } from 'components';
|
20
20
|
import { OrganismDTO } from 'organisms/types';
|
21
21
|
import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
|
22
22
|
import { PasswordRuleValidation as PasswordRuleValidation$2 } from 'molecules/PasswordSetup/PasswordSetup';
|
23
23
|
export * from 'helpers/constants';
|
24
|
-
import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
|
25
24
|
import { IconRendererProps as IconRendererProps$1 } from 'molecules/Icon';
|
26
25
|
import { RegisterOptions, FieldValues, UseFormReturn, ValidationMode } from 'react-hook-form';
|
27
26
|
import { DatePickerProps } from '@mui/x-date-pickers';
|
@@ -44,30 +43,6 @@ declare const TouchableOpacity: _emotion_styled.StyledComponent<{
|
|
44
43
|
children?: react.ReactNode;
|
45
44
|
}, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
46
45
|
|
47
|
-
declare type CheckboxInternalConfigProps = Partial<{
|
48
|
-
selectedCheckboxBackgroundColor: ThemeColors$1 | string;
|
49
|
-
selectedCheckboxIconColor: ThemeColors$1 | string;
|
50
|
-
buttonPadding: number;
|
51
|
-
textPadding: number;
|
52
|
-
styles: StylesType;
|
53
|
-
wrapperStyles: StylesType;
|
54
|
-
buttonOptionSpacing?: SizesTypes$1;
|
55
|
-
}>;
|
56
|
-
|
57
|
-
declare type CheckboxProps = {
|
58
|
-
id: string;
|
59
|
-
onClick: (id: string) => void;
|
60
|
-
label: string;
|
61
|
-
isError?: boolean;
|
62
|
-
disabled?: boolean;
|
63
|
-
isEditMode?: boolean;
|
64
|
-
isSelected?: boolean;
|
65
|
-
isRichText?: boolean;
|
66
|
-
notInteractable?: boolean;
|
67
|
-
internalConfig?: CheckboxInternalConfigProps;
|
68
|
-
};
|
69
|
-
declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => _emotion_react_jsx_runtime.JSX.Element;
|
70
|
-
|
71
46
|
declare type SelectOption = {
|
72
47
|
id: string;
|
73
48
|
label: string;
|
@@ -726,6 +701,199 @@ declare const LayoutProvider: react__default.FC<LayoutProviderProps>;
|
|
726
701
|
|
727
702
|
declare const useLayoutContext: () => LayoutContextType;
|
728
703
|
|
704
|
+
interface AlertMoleculeProps {
|
705
|
+
dismissible?: boolean;
|
706
|
+
width?: string;
|
707
|
+
height?: string;
|
708
|
+
backgroundColor?: string;
|
709
|
+
icon?: IconRendererProps$1['iconName'];
|
710
|
+
iconColor?: string;
|
711
|
+
text?: string;
|
712
|
+
subText?: string;
|
713
|
+
textAlign?: TypographyProps['textAlign'];
|
714
|
+
color?: string;
|
715
|
+
wrap?: boolean;
|
716
|
+
fontSize?: number | string;
|
717
|
+
fontFamily?: TypographyProps['fontFamily'];
|
718
|
+
fontWeight?: number | string;
|
719
|
+
subTextAlign?: TypographyProps['textAlign'];
|
720
|
+
subTextWrap?: boolean;
|
721
|
+
subTextColor?: string;
|
722
|
+
subTextFontSize?: number | string;
|
723
|
+
subTextFontFamily?: TypographyProps['fontFamily'];
|
724
|
+
subTextFontWeight?: number | string;
|
725
|
+
marginLeft?: string;
|
726
|
+
marginTop?: string;
|
727
|
+
marginRight?: string;
|
728
|
+
marginBottom?: string;
|
729
|
+
paddingLeft?: string;
|
730
|
+
paddingTop?: string;
|
731
|
+
paddingRight?: string;
|
732
|
+
paddingBottom?: string;
|
733
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
734
|
+
}
|
735
|
+
declare const AlertMolecule: react__default.FC<AlertMoleculeProps>;
|
736
|
+
|
737
|
+
interface BadgeMoleculeProps extends Omit<BadgeProps, 'color'> {
|
738
|
+
iconColor?: string;
|
739
|
+
color?: string;
|
740
|
+
icon?: string;
|
741
|
+
badgeVariant?: BadgeProps['variant'];
|
742
|
+
marginLeft?: string;
|
743
|
+
marginTop?: string;
|
744
|
+
marginRight?: string;
|
745
|
+
marginBottom?: string;
|
746
|
+
paddingLeft?: string;
|
747
|
+
paddingTop?: string;
|
748
|
+
paddingRight?: string;
|
749
|
+
paddingBottom?: string;
|
750
|
+
configurationItemInfo?: Record<string, unknown>;
|
751
|
+
}
|
752
|
+
declare const BadgeMolecule: react__default.FC<BadgeMoleculeProps>;
|
753
|
+
|
754
|
+
interface BasicTextFieldProps extends TextFieldProps {
|
755
|
+
required?: boolean;
|
756
|
+
requiredErrorText?: string;
|
757
|
+
validationErrorText?: string;
|
758
|
+
backgroundColor?: string;
|
759
|
+
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
760
|
+
color?: string;
|
761
|
+
fontSize?: number | string;
|
762
|
+
fontFamily?: string;
|
763
|
+
fontWeight?: 'normal' | 'bold';
|
764
|
+
inputType?: InputHTMLAttributes<unknown>['type'];
|
765
|
+
borderColor?: string;
|
766
|
+
masked?: boolean;
|
767
|
+
multiLine?: boolean;
|
768
|
+
marginLeft?: string;
|
769
|
+
marginTop?: string;
|
770
|
+
marginRight?: string;
|
771
|
+
marginBottom?: string;
|
772
|
+
paddingLeft?: string;
|
773
|
+
paddingTop?: string;
|
774
|
+
paddingRight?: string;
|
775
|
+
paddingBottom?: string;
|
776
|
+
text?: string;
|
777
|
+
placeholderText?: string;
|
778
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
779
|
+
name: string;
|
780
|
+
rules?: Omit<RegisterOptions<FieldValues, string>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
|
781
|
+
sourceDataModelField?: string;
|
782
|
+
isDisplayOnly?: boolean;
|
783
|
+
}
|
784
|
+
declare const BasicTextField: react__default.FC<BasicTextFieldProps>;
|
785
|
+
|
786
|
+
interface ButtonProps extends ButtonProps$1 {
|
787
|
+
gap: number | string;
|
788
|
+
moleculeId?: string;
|
789
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
790
|
+
borderRadius?: string | number;
|
791
|
+
endIcon?: IconRendererProps$1['iconName'];
|
792
|
+
startIcon?: IconRendererProps$1['iconName'];
|
793
|
+
text: string;
|
794
|
+
link?: string;
|
795
|
+
wrapText?: boolean;
|
796
|
+
marginTop: string;
|
797
|
+
marginRight: string;
|
798
|
+
marginBottom: string;
|
799
|
+
marginLeft: string;
|
800
|
+
paddingTop: string;
|
801
|
+
paddingRight: string;
|
802
|
+
paddingBottom: string;
|
803
|
+
paddingLeft: string;
|
804
|
+
elevated?: boolean;
|
805
|
+
fontSize?: number | string;
|
806
|
+
fontWeight?: 'normal' | 'bold';
|
807
|
+
fontFamily?: TypographyProps['fontFamily'];
|
808
|
+
textAlign?: TypographyProps['textAlign'];
|
809
|
+
textColor?: string;
|
810
|
+
disabledColor?: string;
|
811
|
+
height?: string;
|
812
|
+
width?: string;
|
813
|
+
}
|
814
|
+
/**
|
815
|
+
* We use `forwardRef` so that the ref passed from parent Component (Menu)
|
816
|
+
* will correctly point to the underlying <MuiButton> element.
|
817
|
+
*/
|
818
|
+
declare const Button: react__default.ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "textColor" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & react__default.RefAttributes<HTMLButtonElement>>;
|
819
|
+
|
820
|
+
declare type ChecklistItem = {
|
821
|
+
id: string;
|
822
|
+
label: string;
|
823
|
+
textColor: string;
|
824
|
+
fontSize: string;
|
825
|
+
fontFamily: string;
|
826
|
+
fontWeight: string;
|
827
|
+
textAlign: 'left' | 'center' | 'right' | 'justify';
|
828
|
+
interacted: 'checked' | 'unchecked';
|
829
|
+
disabled?: boolean;
|
830
|
+
isSystemDriven?: boolean;
|
831
|
+
iconName?: string;
|
832
|
+
iconColor?: string;
|
833
|
+
checkedIconName?: string;
|
834
|
+
checkedIconColor?: string;
|
835
|
+
};
|
836
|
+
declare type ChecklistProps = {
|
837
|
+
gap?: string;
|
838
|
+
moleculeId?: string;
|
839
|
+
items: ChecklistItem[];
|
840
|
+
iconSize?: 'small' | 'medium' | 'large';
|
841
|
+
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
842
|
+
paddingTop?: string;
|
843
|
+
paddingRight?: string;
|
844
|
+
paddingBottom?: string;
|
845
|
+
paddingLeft?: string;
|
846
|
+
marginTop?: string;
|
847
|
+
marginRight?: string;
|
848
|
+
marginBottom?: string;
|
849
|
+
marginLeft?: string;
|
850
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
851
|
+
};
|
852
|
+
declare const Checklist: FC<ChecklistProps>;
|
853
|
+
|
854
|
+
interface ChipMoleculeProps {
|
855
|
+
text: string;
|
856
|
+
variant?: 'outlined' | 'filled';
|
857
|
+
icon?: string;
|
858
|
+
backgroundColor?: string;
|
859
|
+
borderColor?: string;
|
860
|
+
borderWeight?: string;
|
861
|
+
size?: 'small' | 'medium';
|
862
|
+
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
863
|
+
textColor?: string;
|
864
|
+
wrap?: boolean;
|
865
|
+
fontSize?: number | string;
|
866
|
+
fontFamily?: TypographyProps['fontFamily'];
|
867
|
+
fontWeight?: 'normal' | 'bold';
|
868
|
+
marginLeft?: string;
|
869
|
+
marginTop?: string;
|
870
|
+
marginRight?: string;
|
871
|
+
marginBottom?: string;
|
872
|
+
paddingLeft?: string;
|
873
|
+
paddingTop?: string;
|
874
|
+
paddingRight?: string;
|
875
|
+
paddingBottom?: string;
|
876
|
+
configurationItemInfo?: Record<string, unknown>;
|
877
|
+
}
|
878
|
+
declare const ChipMolecule: react__default.FC<ChipMoleculeProps>;
|
879
|
+
|
880
|
+
declare type ConsentMoleculeProps = {
|
881
|
+
properties: ConsentFieldMoleculeType$1['properties'];
|
882
|
+
htmlElementId: string;
|
883
|
+
isOnClickDisabled?: boolean;
|
884
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
885
|
+
paddingTop?: string;
|
886
|
+
paddingRight?: string;
|
887
|
+
paddingBottom?: string;
|
888
|
+
paddingLeft?: string;
|
889
|
+
marginTop?: string;
|
890
|
+
marginRight?: string;
|
891
|
+
marginBottom?: string;
|
892
|
+
marginLeft?: string;
|
893
|
+
width?: string | number;
|
894
|
+
};
|
895
|
+
declare const ConsentMolecule: ({ properties, htmlElementId, configurationItemInfo, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, marginRight, marginBottom, marginLeft, width, }: ConsentMoleculeProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
896
|
+
|
729
897
|
declare type CustomValidationRule<T = string> = {
|
730
898
|
text: string;
|
731
899
|
validate: (value?: T) => boolean;
|
@@ -740,6 +908,55 @@ declare type CustomValidationProps<T = string> = {
|
|
740
908
|
};
|
741
909
|
declare const CustomValidation: <T extends string = string>({ rules, value, isSubmitted, label, spacer, validationState, }: CustomValidationProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
|
742
910
|
|
911
|
+
interface DatePickerMoleculeProps extends Omit<DatePickerProps<Date>, 'minDate' | 'maxDate'> {
|
912
|
+
required?: boolean;
|
913
|
+
placeholderText?: string;
|
914
|
+
requiredErrorText?: string;
|
915
|
+
validationErrorText?: string;
|
916
|
+
moleculeId?: string;
|
917
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
918
|
+
text: string;
|
919
|
+
borderColor?: string;
|
920
|
+
fontSize?: string | number;
|
921
|
+
fontFamily?: string;
|
922
|
+
fontWeight?: string | number;
|
923
|
+
textColor?: string;
|
924
|
+
iconColor?: string;
|
925
|
+
minDate?: string;
|
926
|
+
maxDate?: string;
|
927
|
+
backgroundColor?: string;
|
928
|
+
marginLeft?: string;
|
929
|
+
marginTop?: string;
|
930
|
+
marginRight?: string;
|
931
|
+
marginBottom?: string;
|
932
|
+
paddingLeft?: string;
|
933
|
+
paddingTop?: string;
|
934
|
+
paddingRight?: string;
|
935
|
+
paddingBottom?: string;
|
936
|
+
name: string;
|
937
|
+
sourceDataModelField?: string;
|
938
|
+
isDisplayOnly?: boolean;
|
939
|
+
displayFormat?: string;
|
940
|
+
}
|
941
|
+
declare const DatePickerMolecule: react__default.FC<DatePickerMoleculeProps>;
|
942
|
+
|
943
|
+
interface DividerProps {
|
944
|
+
text?: string;
|
945
|
+
variant?: 'fullWidth' | 'inset' | 'middle';
|
946
|
+
moleculeId?: string;
|
947
|
+
lineWeight?: number;
|
948
|
+
orientation?: 'horizontal' | 'vertical';
|
949
|
+
borderColor?: string;
|
950
|
+
borderRadius?: number;
|
951
|
+
sx?: SxProps;
|
952
|
+
marginTop?: string | number;
|
953
|
+
marginRight?: string | number;
|
954
|
+
marginBottom?: string | number;
|
955
|
+
marginLeft?: string | number;
|
956
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
957
|
+
}
|
958
|
+
declare const Divider: ({ moleculeId, lineWeight, orientation, borderColor, borderRadius, sx, marginTop, marginRight, marginBottom, marginLeft, configurationItemInfo, }: DividerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
959
|
+
|
743
960
|
declare type DrawerItemType = 'menu_item' | 'divider_item' | 'text_item' | 'rich_text_item';
|
744
961
|
interface BaseDrawerItem {
|
745
962
|
id: string;
|
@@ -870,20 +1087,6 @@ interface DrawerProps {
|
|
870
1087
|
|
871
1088
|
declare const Drawer: react__default.FC<DrawerProps>;
|
872
1089
|
|
873
|
-
declare type PdfDocumentProps = {
|
874
|
-
source: string;
|
875
|
-
isMobile?: boolean;
|
876
|
-
customDocumentStyles?: Partial<{
|
877
|
-
wrapperBackgroundColor: ThemeColors$1 | string;
|
878
|
-
pageNumberColor: ThemeColors$1 | string;
|
879
|
-
pageWidth: number;
|
880
|
-
pageHeight: number;
|
881
|
-
paginationArrowColor: ThemeColors$1 | string;
|
882
|
-
disabledPaginationArrowColor: ThemeColors$1 | string;
|
883
|
-
}>;
|
884
|
-
};
|
885
|
-
declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => _emotion_react_jsx_runtime.JSX.Element;
|
886
|
-
|
887
1090
|
declare type IconRendererProps = {
|
888
1091
|
iconName?: string;
|
889
1092
|
size?: number | string;
|
@@ -893,187 +1096,30 @@ declare type IconRendererProps = {
|
|
893
1096
|
} & react__default.SVGProps<SVGSVGElement>;
|
894
1097
|
declare const IconRenderer: react__default.ForwardRefExoticComponent<Pick<IconRendererProps, "string" | "backgroundColor" | "clipPath" | "color" | "cursor" | "direction" | "display" | "filter" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "height" | "imageRendering" | "letterSpacing" | "opacity" | "order" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "width" | "wordSpacing" | "writingMode" | "borderRadius" | "mask" | "offset" | "overflow" | "textDecoration" | "azimuth" | "clip" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "spacing" | "mode" | "values" | "className" | "style" | "children" | "elevation" | "path" | "key" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "max" | "in" | "name" | "type" | "href" | "size" | "orientation" | "media" | "target" | "origin" | "min" | "viewBox" | "method" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "end" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "ideographic" | "in2" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "local" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "iconName"> & react__default.RefAttributes<SVGSVGElement>>;
|
895
1098
|
|
896
|
-
|
897
|
-
|
898
|
-
|
899
|
-
|
900
|
-
|
901
|
-
|
902
|
-
|
1099
|
+
interface ImageProps {
|
1100
|
+
src: string;
|
1101
|
+
alt?: string;
|
1102
|
+
height?: number | string;
|
1103
|
+
width?: number | string;
|
1104
|
+
rounded?: boolean;
|
1105
|
+
raised?: boolean;
|
1106
|
+
margin?: string;
|
1107
|
+
padding?: string;
|
1108
|
+
moleculeId?: string;
|
1109
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1110
|
+
metadata?: MetadataType$1;
|
1111
|
+
onClick?: () => void;
|
903
1112
|
marginTop: string;
|
904
1113
|
marginRight: string;
|
905
1114
|
marginBottom: string;
|
906
1115
|
marginLeft: string;
|
907
|
-
|
908
|
-
|
909
|
-
|
910
|
-
|
911
|
-
|
912
|
-
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
913
|
-
padding?: number | string;
|
914
|
-
wrapperStyles?: CSSProperties;
|
915
|
-
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
916
|
-
modalStyles?: CSSProperties;
|
917
|
-
size?: string;
|
918
|
-
popupId: string;
|
919
|
-
onClose: () => void;
|
920
|
-
withCloseIcon?: boolean;
|
921
|
-
};
|
922
|
-
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, withCloseIcon, ...rest }: ZealUIModalProps) => _emotion_react_jsx_runtime.JSX.Element;
|
923
|
-
declare const ModalWrapper: _emotion_styled.StyledComponent<{
|
924
|
-
theme?: _emotion_react.Theme | undefined;
|
925
|
-
as?: react__default.ElementType<any> | undefined;
|
926
|
-
} & OverrideStyles, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
927
|
-
declare const IconWrapper: _emotion_styled.StyledComponent<{
|
928
|
-
theme?: _emotion_react.Theme | undefined;
|
929
|
-
as?: react__default.ElementType<any> | undefined;
|
930
|
-
} & {
|
931
|
-
activeOpacity?: number | undefined;
|
932
|
-
withoutOpacityEffect?: boolean | undefined;
|
933
|
-
disabled?: boolean | undefined;
|
934
|
-
} & {
|
935
|
-
children?: react__default.ReactNode;
|
936
|
-
} & react__default.ClassAttributes<HTMLDivElement> & react__default.HTMLAttributes<HTMLDivElement> & {
|
937
|
-
theme?: _emotion_react.Theme | undefined;
|
938
|
-
}, {}, {}>;
|
939
|
-
|
940
|
-
declare type Format = 'bold' | 'italic' | 'underline' | 'strikethrough' | 'numbered-list' | 'bulleted-list' | 'communicationLink' | 'tag' | 'variable' | 'color' | 'bgColor' | 'fontSize' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'textAlign';
|
941
|
-
declare type LinkType = 'externalLink' | 'internalLink';
|
942
|
-
declare type CommunicationLinkPayload = {
|
943
|
-
type: LinkType;
|
944
|
-
url: string;
|
945
|
-
};
|
946
|
-
declare type DataModelField = {
|
947
|
-
defaultValue?: string | number | boolean | null;
|
948
|
-
pmiObjectName?: string;
|
949
|
-
dataFieldName?: string;
|
950
|
-
pmiObjectId?: string;
|
951
|
-
dataModelFieldId: string;
|
952
|
-
dataType?: string;
|
953
|
-
format?: {
|
954
|
-
code: string;
|
955
|
-
};
|
956
|
-
};
|
957
|
-
declare type VariablePayload = {
|
958
|
-
id: string;
|
959
|
-
text: string;
|
960
|
-
dataModelField?: DataModelField;
|
961
|
-
};
|
962
|
-
declare type TextFormat = {
|
963
|
-
bold?: boolean;
|
964
|
-
italic?: boolean;
|
965
|
-
underline?: boolean;
|
966
|
-
strikethrough?: boolean;
|
967
|
-
communicationLink?: CommunicationLinkPayload;
|
968
|
-
variable?: VariablePayload;
|
969
|
-
tag?: {
|
970
|
-
id: string;
|
971
|
-
label: string;
|
972
|
-
};
|
973
|
-
listItem?: boolean;
|
974
|
-
numberedList?: boolean;
|
975
|
-
bulletedList?: boolean;
|
976
|
-
color?: string;
|
977
|
-
bgColor?: string;
|
978
|
-
fontSize?: string;
|
979
|
-
fontFamily?: string;
|
980
|
-
letterSpacing?: string;
|
981
|
-
lineHeight?: string;
|
982
|
-
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
983
|
-
};
|
984
|
-
declare type CustomElementType = 'paragraph' | 'listItem' | 'orderedList' | 'unorderedList' | 'bulletedList' | 'numberedList' | 'headingOne' | 'headingTwo' | 'headingThree' | 'blockquote' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'justify' | 'span';
|
985
|
-
declare type CustomText = {
|
986
|
-
text: string;
|
987
|
-
type?: CustomElementType;
|
988
|
-
} & TextFormat;
|
989
|
-
declare type CustomElement = {
|
990
|
-
type: CustomElementType;
|
991
|
-
children: (CustomText | CustomElement)[];
|
992
|
-
href?: string;
|
993
|
-
format?: Format;
|
994
|
-
};
|
995
|
-
declare type CustomDescendant = CustomText | CustomElement;
|
996
|
-
|
997
|
-
declare type ConsentCaptureMethod = 'button' | 'radioButton' | 'checkbox';
|
998
|
-
declare type DefaultSelectionType = 'confirmation' | 'rejection';
|
999
|
-
declare type ConsentStatus = 'in_use' | 'draft';
|
1000
|
-
declare type ConsentType = {
|
1001
|
-
id: string;
|
1002
|
-
name: string;
|
1003
|
-
acknowledgment: CustomDescendant[];
|
1004
|
-
methodOfCapture: ConsentCaptureMethod;
|
1005
|
-
description: string;
|
1006
|
-
language: CustomDescendant[];
|
1007
|
-
expiration: string;
|
1008
|
-
confirmationButtonText: string;
|
1009
|
-
rejectionButtonText: string;
|
1010
|
-
defaultSelection: DefaultSelectionType;
|
1011
|
-
value?: DefaultSelectionType | boolean;
|
1012
|
-
isRequired?: boolean;
|
1013
|
-
affirmation: boolean;
|
1014
|
-
status: ConsentStatus;
|
1015
|
-
expirationDays: string;
|
1016
|
-
expirationMonths: string;
|
1017
|
-
};
|
1018
|
-
declare type ConsentProps<T extends string = string> = {
|
1019
|
-
text: string;
|
1020
|
-
isRequired?: boolean;
|
1021
|
-
consentCaptureProps: ConsentCaptureProps<T>;
|
1022
|
-
containerStyles?: CSSProperties;
|
1023
|
-
clearStyles?: boolean;
|
1024
|
-
};
|
1025
|
-
declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => _emotion_react_jsx_runtime.JSX.Element;
|
1026
|
-
|
1027
|
-
declare type ChecklistItem = {
|
1028
|
-
id: string;
|
1029
|
-
label: string;
|
1030
|
-
textColor: string;
|
1031
|
-
fontSize: string;
|
1032
|
-
fontFamily: string;
|
1033
|
-
fontWeight: string;
|
1034
|
-
textAlign: 'left' | 'center' | 'right' | 'justify';
|
1035
|
-
interacted: 'checked' | 'unchecked';
|
1036
|
-
disabled?: boolean;
|
1037
|
-
isSystemDriven?: boolean;
|
1038
|
-
iconName?: string;
|
1039
|
-
iconColor?: string;
|
1040
|
-
checkedIconName?: string;
|
1041
|
-
checkedIconColor?: string;
|
1042
|
-
};
|
1043
|
-
declare type ChecklistProps = {
|
1044
|
-
gap?: string;
|
1045
|
-
moleculeId?: string;
|
1046
|
-
items: ChecklistItem[];
|
1047
|
-
iconSize?: 'small' | 'medium' | 'large';
|
1048
|
-
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
1049
|
-
paddingTop?: string;
|
1050
|
-
paddingRight?: string;
|
1051
|
-
paddingBottom?: string;
|
1052
|
-
paddingLeft?: string;
|
1053
|
-
marginTop?: string;
|
1054
|
-
marginRight?: string;
|
1055
|
-
marginBottom?: string;
|
1056
|
-
marginLeft?: string;
|
1057
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1058
|
-
};
|
1059
|
-
declare const Checklist: FC<ChecklistProps>;
|
1060
|
-
|
1061
|
-
interface DividerProps {
|
1062
|
-
text?: string;
|
1063
|
-
variant?: 'fullWidth' | 'inset' | 'middle';
|
1064
|
-
moleculeId?: string;
|
1065
|
-
lineWeight?: number;
|
1066
|
-
orientation?: 'horizontal' | 'vertical';
|
1067
|
-
borderColor?: string;
|
1068
|
-
borderRadius?: number;
|
1069
|
-
sx?: SxProps;
|
1070
|
-
marginTop?: string | number;
|
1071
|
-
marginRight?: string | number;
|
1072
|
-
marginBottom?: string | number;
|
1073
|
-
marginLeft?: string | number;
|
1074
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1116
|
+
paddingTop: string;
|
1117
|
+
paddingRight: string;
|
1118
|
+
paddingBottom: string;
|
1119
|
+
paddingLeft: string;
|
1120
|
+
borderRadius: string | number;
|
1075
1121
|
}
|
1076
|
-
declare const
|
1122
|
+
declare const Image: FC<ImageProps>;
|
1077
1123
|
|
1078
1124
|
declare type LinkTypes = 'internalLink' | 'internal_link' | 'externalLink' | 'external_link';
|
1079
1125
|
interface LinkProps {
|
@@ -1105,199 +1151,76 @@ interface LinkProps {
|
|
1105
1151
|
}
|
1106
1152
|
declare const Link: FC<LinkProps>;
|
1107
1153
|
|
1108
|
-
|
1109
|
-
|
1110
|
-
|
1111
|
-
|
1112
|
-
|
1113
|
-
|
1114
|
-
|
1115
|
-
|
1116
|
-
|
1117
|
-
|
1118
|
-
|
1119
|
-
|
1120
|
-
|
1121
|
-
|
1122
|
-
|
1123
|
-
|
1124
|
-
|
1125
|
-
|
1126
|
-
|
1127
|
-
|
1128
|
-
|
1129
|
-
|
1130
|
-
|
1131
|
-
|
1132
|
-
|
1133
|
-
}
|
1134
|
-
declare const Video: react__default.FC<VideoProps>;
|
1154
|
+
declare type SetPasswordRuleValidation = {
|
1155
|
+
label: string;
|
1156
|
+
rule: MaxRuleValidation | MinRuleValidation;
|
1157
|
+
};
|
1158
|
+
declare type CountValidationTypes = 'COUNT' | 'CAPITAL_COUNT' | 'NUMBER_COUNT' | 'SPECIAL_CHARACTERS_COUNT' | 'LOWER_CASE_COUNT';
|
1159
|
+
declare type MaxRuleValidation = {
|
1160
|
+
MAX: number;
|
1161
|
+
type: CountValidationTypes;
|
1162
|
+
};
|
1163
|
+
declare type MinRuleValidation = {
|
1164
|
+
MIN: number;
|
1165
|
+
type: CountValidationTypes;
|
1166
|
+
};
|
1167
|
+
declare type PasswordRuleValidation = {
|
1168
|
+
label: string;
|
1169
|
+
rule: MaxRuleValidation | MinRuleValidation;
|
1170
|
+
};
|
1171
|
+
declare type PasswordFields = {
|
1172
|
+
password: {
|
1173
|
+
value: string;
|
1174
|
+
};
|
1175
|
+
reenteredPassword?: {
|
1176
|
+
value?: string;
|
1177
|
+
};
|
1178
|
+
};
|
1135
1179
|
|
1136
|
-
|
1137
|
-
|
1138
|
-
|
1139
|
-
|
1140
|
-
|
1141
|
-
|
1142
|
-
|
1143
|
-
|
1144
|
-
|
1145
|
-
|
1146
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1147
|
-
metadata?: MetadataType$1;
|
1148
|
-
onClick?: () => void;
|
1149
|
-
marginTop: string;
|
1150
|
-
marginRight: string;
|
1151
|
-
marginBottom: string;
|
1152
|
-
marginLeft: string;
|
1153
|
-
paddingTop: string;
|
1154
|
-
paddingRight: string;
|
1155
|
-
paddingBottom: string;
|
1156
|
-
paddingLeft: string;
|
1157
|
-
borderRadius: string | number;
|
1158
|
-
}
|
1159
|
-
declare const Image: FC<ImageProps>;
|
1180
|
+
declare type PasswordSetupProps = {
|
1181
|
+
gap: string;
|
1182
|
+
inputProps: Omit<BasicTextFieldProps$1, 'name'>;
|
1183
|
+
validations: PasswordRuleValidation[];
|
1184
|
+
htmlElementId: string;
|
1185
|
+
validationState: FormStateType$1;
|
1186
|
+
overridesProperties: PasswordSetupMoleculeType$1['properties'];
|
1187
|
+
configurationItemInfo: ConfigurationItemInfo$1;
|
1188
|
+
};
|
1189
|
+
declare const PasswordSetup: ({ gap, inputProps, validations, htmlElementId, validationState, overridesProperties, configurationItemInfo, }: PasswordSetupProps) => _emotion_react_jsx_runtime.JSX.Element;
|
1160
1190
|
|
1161
|
-
|
1162
|
-
gap: number | string;
|
1163
|
-
moleculeId?: string;
|
1164
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1165
|
-
borderRadius?: string | number;
|
1166
|
-
endIcon?: IconRendererProps$1['iconName'];
|
1167
|
-
startIcon?: IconRendererProps$1['iconName'];
|
1168
|
-
text: string;
|
1169
|
-
link?: string;
|
1170
|
-
wrapText?: boolean;
|
1171
|
-
marginTop: string;
|
1172
|
-
marginRight: string;
|
1173
|
-
marginBottom: string;
|
1174
|
-
marginLeft: string;
|
1175
|
-
paddingTop: string;
|
1176
|
-
paddingRight: string;
|
1177
|
-
paddingBottom: string;
|
1178
|
-
paddingLeft: string;
|
1179
|
-
elevated?: boolean;
|
1180
|
-
fontSize?: number | string;
|
1181
|
-
fontWeight?: 'normal' | 'bold';
|
1182
|
-
fontFamily?: TypographyProps['fontFamily'];
|
1183
|
-
textAlign?: TypographyProps['textAlign'];
|
1184
|
-
textColor?: string;
|
1185
|
-
disabledColor?: string;
|
1186
|
-
height?: string;
|
1187
|
-
width?: string;
|
1188
|
-
}
|
1189
|
-
/**
|
1190
|
-
* We use `forwardRef` so that the ref passed from parent Component (Menu)
|
1191
|
-
* will correctly point to the underlying <MuiButton> element.
|
1192
|
-
*/
|
1193
|
-
declare const Button: react__default.ForwardRefExoticComponent<Pick<ButtonProps, "color" | "fontFamily" | "fontSize" | "fontWeight" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "textAlign" | "translate" | "width" | "borderRadius" | "gap" | "action" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "form" | "link" | "slot" | "title" | "text" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "value" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "textColor" | "configurationItemInfo" | "moleculeId" | "wrapText" | "elevated" | "disabledColor"> & react__default.RefAttributes<HTMLButtonElement>>;
|
1191
|
+
declare const passwordValidationMapper: (validation: SetPasswordRuleValidation) => CustomValidationRule$1;
|
1194
1192
|
|
1195
|
-
declare type
|
1196
|
-
|
1197
|
-
id: string;
|
1198
|
-
title: string;
|
1199
|
-
subText?: string;
|
1200
|
-
iconName?: string;
|
1201
|
-
fontSize?: string;
|
1202
|
-
fontWeight?: string | number;
|
1203
|
-
fontFamily?: string;
|
1204
|
-
color?: string;
|
1205
|
-
subTextColor?: string;
|
1206
|
-
subTextFontSize?: string;
|
1207
|
-
subTextFontWeight?: string | number;
|
1208
|
-
subTextFontFamily?: string;
|
1209
|
-
borderRadius?: string;
|
1210
|
-
iconColor?: string;
|
1211
|
-
iconBorderRadius?: number;
|
1212
|
-
iconBackgroundColor?: string;
|
1213
|
-
};
|
1214
|
-
declare type StepperProps = {
|
1215
|
-
items: CustomStep[];
|
1216
|
-
gap?: string;
|
1217
|
-
stepGap?: string;
|
1218
|
-
iconSize?: string;
|
1193
|
+
declare type PdfDocumentProps = {
|
1194
|
+
source: string;
|
1219
1195
|
isMobile?: boolean;
|
1220
|
-
|
1221
|
-
|
1222
|
-
|
1223
|
-
|
1224
|
-
|
1225
|
-
|
1226
|
-
|
1227
|
-
|
1228
|
-
marginBottom?: string;
|
1229
|
-
marginLeft?: string;
|
1230
|
-
paddingTop?: string;
|
1231
|
-
paddingRight?: string;
|
1232
|
-
paddingBottom?: string;
|
1233
|
-
paddingLeft?: string;
|
1234
|
-
borderRadius?: string;
|
1235
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1236
|
-
backgroundColor?: string;
|
1196
|
+
customDocumentStyles?: Partial<{
|
1197
|
+
wrapperBackgroundColor: ThemeColors$1 | string;
|
1198
|
+
pageNumberColor: ThemeColors$1 | string;
|
1199
|
+
pageWidth: number;
|
1200
|
+
pageHeight: number;
|
1201
|
+
paginationArrowColor: ThemeColors$1 | string;
|
1202
|
+
disabledPaginationArrowColor: ThemeColors$1 | string;
|
1203
|
+
}>;
|
1237
1204
|
};
|
1238
|
-
declare const
|
1205
|
+
declare const PdfDocument: ({ source, isMobile, customDocumentStyles, }: PdfDocumentProps) => _emotion_react_jsx_runtime.JSX.Element;
|
1239
1206
|
|
1240
|
-
interface
|
1241
|
-
|
1207
|
+
interface RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
|
1208
|
+
text: string;
|
1209
|
+
name: string;
|
1242
1210
|
isDisplayOnly?: boolean;
|
1243
|
-
/** If true, we rely on MUI FormControl to show the required asterisk. */
|
1244
1211
|
required?: boolean;
|
1245
1212
|
requiredErrorText?: string;
|
1246
1213
|
validationErrorText?: string;
|
1247
|
-
|
1248
|
-
|
1249
|
-
thumbCheckedColor?: string;
|
1250
|
-
trackColor?: string;
|
1251
|
-
disabledThumbColor?: string;
|
1252
|
-
/** MUI FormControl label placement with a real label. We'll show the label above by default. */
|
1253
|
-
labelPlacement?: 'top' | 'bottom';
|
1254
|
-
/** Additional MUI styling props if needed */
|
1255
|
-
marginLeft?: string;
|
1256
|
-
marginTop?: string;
|
1257
|
-
marginRight?: string;
|
1258
|
-
marginBottom?: string;
|
1259
|
-
paddingLeft?: string;
|
1260
|
-
paddingTop?: string;
|
1261
|
-
paddingRight?: string;
|
1262
|
-
paddingBottom?: string;
|
1263
|
-
/** For hooking up with react-hook-form */
|
1264
|
-
name: string;
|
1214
|
+
placeholderText?: string;
|
1215
|
+
hoverFeedback?: boolean;
|
1265
1216
|
sourceDataModelField?: string;
|
1266
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1267
|
-
}
|
1268
|
-
declare const SwitchMolecule: react__default.FC<SwitchMoleculeProps>;
|
1269
|
-
|
1270
|
-
interface ChipMoleculeProps {
|
1271
|
-
text: string;
|
1272
|
-
variant?: 'outlined' | 'filled';
|
1273
|
-
icon?: string;
|
1274
|
-
backgroundColor?: string;
|
1275
|
-
borderColor?: string;
|
1276
|
-
borderWeight?: string;
|
1277
|
-
size?: 'small' | 'medium';
|
1278
1217
|
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
1218
|
+
color?: string;
|
1279
1219
|
textColor?: string;
|
1280
|
-
|
1220
|
+
selectColor?: string;
|
1281
1221
|
fontSize?: number | string;
|
1282
|
-
fontFamily?:
|
1283
|
-
fontWeight?: 'normal' | 'bold';
|
1284
|
-
marginLeft?: string;
|
1285
|
-
marginTop?: string;
|
1286
|
-
marginRight?: string;
|
1287
|
-
marginBottom?: string;
|
1288
|
-
paddingLeft?: string;
|
1289
|
-
paddingTop?: string;
|
1290
|
-
paddingRight?: string;
|
1291
|
-
paddingBottom?: string;
|
1292
|
-
configurationItemInfo?: Record<string, unknown>;
|
1293
|
-
}
|
1294
|
-
declare const ChipMolecule: react__default.FC<ChipMoleculeProps>;
|
1295
|
-
|
1296
|
-
interface BadgeMoleculeProps extends Omit<BadgeProps, 'color'> {
|
1297
|
-
iconColor?: string;
|
1298
|
-
color?: string;
|
1299
|
-
icon?: string;
|
1300
|
-
badgeVariant?: BadgeProps['variant'];
|
1222
|
+
fontFamily?: string;
|
1223
|
+
fontWeight?: 'normal' | 'bold' | number;
|
1301
1224
|
marginLeft?: string;
|
1302
1225
|
marginTop?: string;
|
1303
1226
|
marginRight?: string;
|
@@ -1306,107 +1229,64 @@ interface BadgeMoleculeProps extends Omit<BadgeProps, 'color'> {
|
|
1306
1229
|
paddingTop?: string;
|
1307
1230
|
paddingRight?: string;
|
1308
1231
|
paddingBottom?: string;
|
1232
|
+
placement?: 'right' | 'left';
|
1309
1233
|
configurationItemInfo?: Record<string, unknown>;
|
1234
|
+
disabled?: boolean;
|
1235
|
+
maxValue?: number;
|
1236
|
+
ratingPrecision?: number;
|
1310
1237
|
}
|
1311
|
-
declare const
|
1238
|
+
declare const RatingMolecule: react__default.FC<RatingMoleculeProps>;
|
1312
1239
|
|
1313
|
-
|
1314
|
-
|
1315
|
-
|
1316
|
-
|
1317
|
-
|
1318
|
-
|
1319
|
-
|
1320
|
-
|
1321
|
-
|
1322
|
-
|
1323
|
-
|
1324
|
-
|
1325
|
-
|
1326
|
-
|
1327
|
-
|
1328
|
-
subTextAlign?: TypographyProps['textAlign'];
|
1329
|
-
subTextWrap?: boolean;
|
1330
|
-
subTextColor?: string;
|
1331
|
-
subTextFontSize?: number | string;
|
1332
|
-
subTextFontFamily?: TypographyProps['fontFamily'];
|
1333
|
-
subTextFontWeight?: number | string;
|
1334
|
-
marginLeft?: string;
|
1335
|
-
marginTop?: string;
|
1336
|
-
marginRight?: string;
|
1337
|
-
marginBottom?: string;
|
1338
|
-
paddingLeft?: string;
|
1339
|
-
paddingTop?: string;
|
1340
|
-
paddingRight?: string;
|
1341
|
-
paddingBottom?: string;
|
1342
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1343
|
-
}
|
1344
|
-
declare const AlertMolecule: react__default.FC<AlertMoleculeProps>;
|
1240
|
+
declare type TextProps = Partial<{
|
1241
|
+
text: string;
|
1242
|
+
isRichText: boolean;
|
1243
|
+
paddingTop: string;
|
1244
|
+
paddingRight: string;
|
1245
|
+
paddingBottom: string;
|
1246
|
+
paddingLeft: string;
|
1247
|
+
marginTop: string;
|
1248
|
+
marginRight: string;
|
1249
|
+
marginBottom: string;
|
1250
|
+
marginLeft: string;
|
1251
|
+
htmlElementId: string;
|
1252
|
+
configurationItemInfo: ConfigurationItemInfo$1;
|
1253
|
+
}>;
|
1254
|
+
declare const TextMolecule: FC<TextProps>;
|
1345
1255
|
|
1346
|
-
interface
|
1347
|
-
|
1348
|
-
|
1349
|
-
|
1350
|
-
backgroundColor?: string;
|
1351
|
-
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
1352
|
-
color?: string;
|
1353
|
-
fontSize?: number | string;
|
1354
|
-
fontFamily?: string;
|
1355
|
-
fontWeight?: 'normal' | 'bold';
|
1356
|
-
inputType?: InputHTMLAttributes<unknown>['type'];
|
1357
|
-
borderColor?: string;
|
1358
|
-
masked?: boolean;
|
1359
|
-
multiLine?: boolean;
|
1360
|
-
marginLeft?: string;
|
1361
|
-
marginTop?: string;
|
1362
|
-
marginRight?: string;
|
1363
|
-
marginBottom?: string;
|
1364
|
-
paddingLeft?: string;
|
1365
|
-
paddingTop?: string;
|
1366
|
-
paddingRight?: string;
|
1367
|
-
paddingBottom?: string;
|
1368
|
-
text?: string;
|
1369
|
-
placeholderText?: string;
|
1370
|
-
configurationItemInfo?: ConfigurationItemInfo$1;
|
1371
|
-
name: string;
|
1372
|
-
rules?: Omit<RegisterOptions<FieldValues, string>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
|
1373
|
-
sourceDataModelField?: string;
|
1374
|
-
isDisplayOnly?: boolean;
|
1256
|
+
interface SelectMoleculeOption {
|
1257
|
+
id: string;
|
1258
|
+
label: string;
|
1259
|
+
value?: string;
|
1375
1260
|
}
|
1376
|
-
|
1377
|
-
|
1378
|
-
interface RatingMoleculeProps extends Omit<RatingProps, 'onChange'> {
|
1261
|
+
interface SelectMoleculeProps {
|
1262
|
+
open?: boolean;
|
1379
1263
|
text: string;
|
1380
|
-
|
1381
|
-
isDisplayOnly?: boolean;
|
1264
|
+
placeholderText?: string;
|
1382
1265
|
required?: boolean;
|
1383
1266
|
requiredErrorText?: string;
|
1384
1267
|
validationErrorText?: string;
|
1385
|
-
|
1386
|
-
hoverFeedback?: boolean;
|
1387
|
-
sourceDataModelField?: string;
|
1388
|
-
textAlign?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
|
1389
|
-
color?: string;
|
1390
|
-
textColor?: string;
|
1391
|
-
selectColor?: string;
|
1268
|
+
isDisplayOnly?: boolean;
|
1392
1269
|
fontSize?: number | string;
|
1393
|
-
fontFamily?:
|
1270
|
+
fontFamily?: TypographyProps['fontFamily'];
|
1394
1271
|
fontWeight?: 'normal' | 'bold' | number;
|
1272
|
+
textColor?: string;
|
1273
|
+
textAlign?: TypographyProps['textAlign'];
|
1274
|
+
borderColor?: string;
|
1275
|
+
color?: string;
|
1276
|
+
backgroundColor?: string;
|
1395
1277
|
marginLeft?: string;
|
1396
1278
|
marginTop?: string;
|
1397
1279
|
marginRight?: string;
|
1398
1280
|
marginBottom?: string;
|
1399
|
-
paddingLeft?: string;
|
1400
|
-
paddingTop?: string;
|
1401
|
-
paddingRight?: string;
|
1402
|
-
paddingBottom?: string;
|
1403
|
-
|
1404
|
-
|
1405
|
-
|
1406
|
-
maxValue?: number;
|
1407
|
-
ratingPrecision?: number;
|
1281
|
+
paddingLeft?: string;
|
1282
|
+
paddingTop?: string;
|
1283
|
+
paddingRight?: string;
|
1284
|
+
paddingBottom?: string;
|
1285
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1286
|
+
name: string;
|
1287
|
+
sourceDataModelField?: string;
|
1408
1288
|
}
|
1409
|
-
declare const
|
1289
|
+
declare const SelectMolecule: react__default.FC<SelectMoleculeProps>;
|
1410
1290
|
|
1411
1291
|
interface SliderMoleculeProps extends Omit<SliderProps$1, 'onChange'> {
|
1412
1292
|
text?: string;
|
@@ -1448,59 +1328,66 @@ interface SliderMoleculeProps extends Omit<SliderProps$1, 'onChange'> {
|
|
1448
1328
|
}
|
1449
1329
|
declare const SliderMolecule: react__default.FC<SliderMoleculeProps>;
|
1450
1330
|
|
1451
|
-
|
1452
|
-
|
1453
|
-
|
1454
|
-
|
1455
|
-
|
1456
|
-
|
1457
|
-
|
1458
|
-
text: string;
|
1459
|
-
borderColor?: string;
|
1460
|
-
fontSize?: string | number;
|
1461
|
-
fontFamily?: string;
|
1331
|
+
declare type StepperOrientation = 'horizontal' | 'vertical';
|
1332
|
+
declare type CustomStep = {
|
1333
|
+
id: string;
|
1334
|
+
title: string;
|
1335
|
+
subText?: string;
|
1336
|
+
iconName?: string;
|
1337
|
+
fontSize?: string;
|
1462
1338
|
fontWeight?: string | number;
|
1463
|
-
|
1339
|
+
fontFamily?: string;
|
1340
|
+
color?: string;
|
1341
|
+
subTextColor?: string;
|
1342
|
+
subTextFontSize?: string;
|
1343
|
+
subTextFontWeight?: string | number;
|
1344
|
+
subTextFontFamily?: string;
|
1345
|
+
borderRadius?: string;
|
1464
1346
|
iconColor?: string;
|
1465
|
-
|
1466
|
-
|
1467
|
-
|
1468
|
-
|
1347
|
+
iconBorderRadius?: number;
|
1348
|
+
iconBackgroundColor?: string;
|
1349
|
+
};
|
1350
|
+
declare type StepperProps = {
|
1351
|
+
items: CustomStep[];
|
1352
|
+
gap?: string;
|
1353
|
+
stepGap?: string;
|
1354
|
+
iconSize?: string;
|
1355
|
+
isMobile?: boolean;
|
1356
|
+
orientation?: StepperOrientation;
|
1357
|
+
activeStep?: number;
|
1358
|
+
lineColor?: string;
|
1359
|
+
lineWidth?: string;
|
1360
|
+
lineRadius?: string;
|
1361
|
+
moleculeId?: string;
|
1469
1362
|
marginTop?: string;
|
1470
1363
|
marginRight?: string;
|
1471
1364
|
marginBottom?: string;
|
1472
|
-
|
1365
|
+
marginLeft?: string;
|
1473
1366
|
paddingTop?: string;
|
1474
1367
|
paddingRight?: string;
|
1475
1368
|
paddingBottom?: string;
|
1476
|
-
|
1477
|
-
|
1478
|
-
|
1479
|
-
|
1480
|
-
}
|
1481
|
-
declare const
|
1369
|
+
paddingLeft?: string;
|
1370
|
+
borderRadius?: string;
|
1371
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1372
|
+
backgroundColor?: string;
|
1373
|
+
};
|
1374
|
+
declare const Stepper: FC<StepperProps>;
|
1482
1375
|
|
1483
|
-
interface
|
1484
|
-
|
1485
|
-
|
1486
|
-
|
1487
|
-
}
|
1488
|
-
interface SelectMoleculeProps {
|
1489
|
-
open?: boolean;
|
1490
|
-
text: string;
|
1491
|
-
placeholderText?: string;
|
1376
|
+
interface SwitchMoleculeProps extends Omit<SwitchProps, 'onChange'> {
|
1377
|
+
/** If true, switch is shown but disabled, with a text next to it that indicates ON/OFF. */
|
1378
|
+
isDisplayOnly?: boolean;
|
1379
|
+
/** If true, we rely on MUI FormControl to show the required asterisk. */
|
1492
1380
|
required?: boolean;
|
1493
1381
|
requiredErrorText?: string;
|
1494
1382
|
validationErrorText?: string;
|
1495
|
-
|
1496
|
-
|
1497
|
-
|
1498
|
-
|
1499
|
-
|
1500
|
-
|
1501
|
-
|
1502
|
-
|
1503
|
-
backgroundColor?: string;
|
1383
|
+
text?: string;
|
1384
|
+
thumbColor?: string;
|
1385
|
+
thumbCheckedColor?: string;
|
1386
|
+
trackColor?: string;
|
1387
|
+
disabledThumbColor?: string;
|
1388
|
+
/** MUI FormControl label placement with a real label. We'll show the label above by default. */
|
1389
|
+
labelPlacement?: 'top' | 'bottom';
|
1390
|
+
/** Additional MUI styling props if needed */
|
1504
1391
|
marginLeft?: string;
|
1505
1392
|
marginTop?: string;
|
1506
1393
|
marginRight?: string;
|
@@ -1509,50 +1396,123 @@ interface SelectMoleculeProps {
|
|
1509
1396
|
paddingTop?: string;
|
1510
1397
|
paddingRight?: string;
|
1511
1398
|
paddingBottom?: string;
|
1512
|
-
|
1399
|
+
/** For hooking up with react-hook-form */
|
1513
1400
|
name: string;
|
1514
1401
|
sourceDataModelField?: string;
|
1402
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1515
1403
|
}
|
1516
|
-
declare const
|
1404
|
+
declare const SwitchMolecule: react__default.FC<SwitchMoleculeProps>;
|
1517
1405
|
|
1518
|
-
|
1519
|
-
|
1520
|
-
|
1521
|
-
|
1522
|
-
|
1523
|
-
|
1524
|
-
|
1525
|
-
|
1526
|
-
|
1527
|
-
|
1528
|
-
|
1529
|
-
|
1530
|
-
|
1531
|
-
|
1532
|
-
|
1533
|
-
|
1534
|
-
|
1535
|
-
|
1536
|
-
|
1537
|
-
|
1538
|
-
|
1539
|
-
|
1540
|
-
|
1541
|
-
|
1406
|
+
interface VideoProps {
|
1407
|
+
src: string;
|
1408
|
+
poster?: string;
|
1409
|
+
controls?: boolean;
|
1410
|
+
loop?: boolean;
|
1411
|
+
autoplay?: boolean;
|
1412
|
+
raised?: boolean;
|
1413
|
+
alt?: string;
|
1414
|
+
height?: string | number;
|
1415
|
+
width?: string | number;
|
1416
|
+
borderRadius?: string | number;
|
1417
|
+
margin?: number | string;
|
1418
|
+
padding?: number | string;
|
1419
|
+
moleculeId?: string;
|
1420
|
+
enableCoverImage?: boolean;
|
1421
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1422
|
+
metadata?: MetadataType$1;
|
1423
|
+
marginTop: string;
|
1424
|
+
marginRight: string;
|
1425
|
+
marginBottom: string;
|
1426
|
+
marginLeft: string;
|
1427
|
+
paddingTop: string;
|
1428
|
+
paddingRight: string;
|
1429
|
+
paddingBottom: string;
|
1430
|
+
paddingLeft: string;
|
1431
|
+
}
|
1432
|
+
declare const Video: react__default.FC<VideoProps>;
|
1433
|
+
|
1434
|
+
declare type ZealUIModalProps = PropsWithChildren<Pick<ModalProps, 'open'>> & {
|
1435
|
+
padding?: number | string;
|
1436
|
+
wrapperStyles?: CSSProperties;
|
1437
|
+
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
1438
|
+
modalStyles?: CSSProperties;
|
1439
|
+
size?: string;
|
1440
|
+
popupId: string;
|
1441
|
+
onClose: () => void;
|
1442
|
+
withCloseIcon?: boolean;
|
1542
1443
|
};
|
1444
|
+
declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, withCloseIcon, ...rest }: ZealUIModalProps) => _emotion_react_jsx_runtime.JSX.Element;
|
1445
|
+
declare const ModalWrapper: _emotion_styled.StyledComponent<{
|
1446
|
+
theme?: _emotion_react.Theme | undefined;
|
1447
|
+
as?: react__default.ElementType<any> | undefined;
|
1448
|
+
} & OverrideStyles, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
1449
|
+
declare const IconWrapper: _emotion_styled.StyledComponent<{
|
1450
|
+
theme?: _emotion_react.Theme | undefined;
|
1451
|
+
as?: react__default.ElementType<any> | undefined;
|
1452
|
+
} & {
|
1453
|
+
activeOpacity?: number | undefined;
|
1454
|
+
withoutOpacityEffect?: boolean | undefined;
|
1455
|
+
disabled?: boolean | undefined;
|
1456
|
+
} & {
|
1457
|
+
children?: react__default.ReactNode;
|
1458
|
+
} & react__default.ClassAttributes<HTMLDivElement> & react__default.HTMLAttributes<HTMLDivElement> & {
|
1459
|
+
theme?: _emotion_react.Theme | undefined;
|
1460
|
+
}, {}, {}>;
|
1543
1461
|
|
1544
|
-
declare type
|
1545
|
-
|
1546
|
-
|
1547
|
-
|
1548
|
-
|
1549
|
-
|
1550
|
-
|
1551
|
-
|
1462
|
+
declare type BinaryRadioButtonsProps = {
|
1463
|
+
moleculeId?: string;
|
1464
|
+
name: string;
|
1465
|
+
confirmText?: string;
|
1466
|
+
rejectText?: string;
|
1467
|
+
confirmTextColor?: string;
|
1468
|
+
confirmIconName?: string;
|
1469
|
+
confirmSelectedIconName?: string;
|
1470
|
+
confirmIconColor?: string;
|
1471
|
+
confirmSelectedIconColor?: string;
|
1472
|
+
rejectIconName?: string;
|
1473
|
+
rejectSelectedIconName?: string;
|
1474
|
+
rejectTextColor?: string;
|
1475
|
+
rejectIconColor?: string;
|
1476
|
+
rejectSelectedIconColor?: string;
|
1477
|
+
fontSize?: string;
|
1478
|
+
fontFamily?: string;
|
1479
|
+
fontWeight?: string;
|
1480
|
+
textAlign?: 'left' | 'center' | 'right' | 'justify';
|
1481
|
+
disabled?: boolean;
|
1482
|
+
required?: boolean;
|
1483
|
+
requiredErrorText?: string;
|
1484
|
+
validationErrorText?: string;
|
1485
|
+
iconSize?: 'small' | 'medium' | 'large';
|
1486
|
+
labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
|
1487
|
+
layout?: 'row' | 'column';
|
1488
|
+
gap?: string;
|
1489
|
+
paddingTop?: string;
|
1490
|
+
paddingRight?: string;
|
1491
|
+
paddingBottom?: string;
|
1492
|
+
paddingLeft?: string;
|
1493
|
+
marginTop?: string;
|
1494
|
+
marginRight?: string;
|
1495
|
+
marginBottom?: string;
|
1496
|
+
marginLeft?: string;
|
1497
|
+
borderStyle?: string;
|
1498
|
+
borderWidth?: string;
|
1499
|
+
borderColor?: string;
|
1500
|
+
borderRadius?: string;
|
1501
|
+
backgroundColor?: string;
|
1502
|
+
sourceDataModelField?: string;
|
1503
|
+
configurationItemInfo?: ConfigurationItemInfo$1;
|
1504
|
+
isDisplayOnly?: boolean;
|
1552
1505
|
};
|
1553
|
-
declare const
|
1506
|
+
declare const BinaryRadioButtons: FC<BinaryRadioButtonsProps>;
|
1554
1507
|
|
1555
|
-
|
1508
|
+
interface ContentWrapperProps {
|
1509
|
+
children: react__default.ReactNode;
|
1510
|
+
className?: string;
|
1511
|
+
marginTop?: string;
|
1512
|
+
marginLeft?: string;
|
1513
|
+
marginRight?: string;
|
1514
|
+
}
|
1515
|
+
declare const ContentWrapper: react__default.FC<ContentWrapperProps>;
|
1556
1516
|
|
1557
1517
|
declare type SpeedDialItemType = 'speed_dial_action_item';
|
1558
1518
|
interface BaseSpeedDialItem {
|
@@ -1616,15 +1576,6 @@ interface SpeedDialProps {
|
|
1616
1576
|
|
1617
1577
|
declare const SpeedDial: react__default.FC<SpeedDialProps>;
|
1618
1578
|
|
1619
|
-
interface ContentWrapperProps {
|
1620
|
-
children: react__default.ReactNode;
|
1621
|
-
className?: string;
|
1622
|
-
marginTop?: string;
|
1623
|
-
marginLeft?: string;
|
1624
|
-
marginRight?: string;
|
1625
|
-
}
|
1626
|
-
declare const ContentWrapper: react__default.FC<ContentWrapperProps>;
|
1627
|
-
|
1628
1579
|
declare const Container: FC<PropsWithChildren<ContainerProps$1> & {
|
1629
1580
|
id: string;
|
1630
1581
|
}>;
|
@@ -2337,7 +2288,7 @@ declare type ObjectStateProperties = {
|
|
2337
2288
|
pmiObjectId: string | null;
|
2338
2289
|
};
|
2339
2290
|
declare type MoleculeItemTypes = 'stepper_item' | 'checklist_item' | 'accordion_item' | 'menu_item' | 'tabs_item' | 'divider_item' | 'text_item' | 'speed_dial_action_item';
|
2340
|
-
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';
|
2291
|
+
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';
|
2341
2292
|
/**
|
2342
2293
|
* [ NEW MOLECULE: 3 ] Second Step is to add the new molecule name to this list, in snake case format
|
2343
2294
|
*
|
@@ -2374,9 +2325,10 @@ interface ConsentFieldMoleculeType extends BaseMoleculeType {
|
|
2374
2325
|
properties: Partial<{
|
2375
2326
|
consent: Partial<{
|
2376
2327
|
attributeType: 'consent';
|
2377
|
-
consent: ConsentType
|
2328
|
+
consent: ConsentType;
|
2378
2329
|
required: BooleanProperties;
|
2379
2330
|
dataCaptureName: string;
|
2331
|
+
predefinedValue: string;
|
2380
2332
|
}>;
|
2381
2333
|
conditionConfig: ConditionConfigProperties;
|
2382
2334
|
}>;
|
@@ -2717,7 +2669,34 @@ interface SpeedDialMoleculeType extends BaseMoleculeType {
|
|
2717
2669
|
properties: {};
|
2718
2670
|
children: SpeedDialItem[];
|
2719
2671
|
}
|
2720
|
-
|
2672
|
+
interface CheckboxMoleculeType extends BaseMoleculeType {
|
2673
|
+
type: 'checkbox' | 'checkbox_display';
|
2674
|
+
config: {
|
2675
|
+
props: CheckboxProps;
|
2676
|
+
};
|
2677
|
+
properties: {
|
2678
|
+
text: TextProperties;
|
2679
|
+
requiredErrorText: TextProperties;
|
2680
|
+
validationErrorText: TextProperties;
|
2681
|
+
required: BooleanProperties;
|
2682
|
+
dataCapture: DataCaptureProperties;
|
2683
|
+
};
|
2684
|
+
}
|
2685
|
+
interface BinaryRadioButtonsMoleculeType extends BaseMoleculeType {
|
2686
|
+
type: 'binary_radio_buttons' | 'binary_radio_buttons_display';
|
2687
|
+
config: {
|
2688
|
+
props: BinaryRadioButtonsProps$1;
|
2689
|
+
};
|
2690
|
+
properties: {
|
2691
|
+
confirmText: TextProperties;
|
2692
|
+
rejectText: TextProperties;
|
2693
|
+
requiredErrorText: TextProperties;
|
2694
|
+
validationErrorText: TextProperties;
|
2695
|
+
required: BooleanProperties;
|
2696
|
+
dataCapture: DataCaptureProperties;
|
2697
|
+
};
|
2698
|
+
}
|
2699
|
+
declare type Molecule = StrictUnion<SimpleTextMoleculeType | TextMoleculeType | ConsentFieldMoleculeType | PasswordSetupMoleculeType | StepperMoleculeType | ChecklistsMoleculeType | AccordionMoleculeType | MenuMoleculeType | DrawerMoleculeType | TabsMoleculeType | DividerMoleculeType | LinkMoleculeType | VideoMoleculeType | ImageMoleculeType | ButtonMoleculeType | ChipMoleculeType | BadgeMoleculeType | AlertMoleculeType | BasicTextFieldMoleculeType | RatingMoleculeType | SwitchMoleculeType | SliderMoleculeType | SelectMoleculeType | DatePickerMoleculeType | EmailInputFieldMoleculeType | PhoneNumberInputFieldMoleculeType | NumericInputFieldMoleculeType | CurrencyInputFieldMoleculeType | AvatarMoleculeType | VisitMoleculeType | CalendarMoleculeType | SpeedDialMoleculeType | CheckboxMoleculeType | BinaryRadioButtonsMoleculeType> & Partial<{
|
2721
2700
|
form: UseFormReturn<any>;
|
2722
2701
|
formData: AnyObject$1;
|
2723
2702
|
setFormData: Dispatch<SetStateAction<AnyObject$1>>;
|
@@ -2917,4 +2896,4 @@ declare type FormOrganismItemProps = {
|
|
2917
2896
|
};
|
2918
2897
|
declare const FormOrganismItem: ({ formData, setFormData, isMobile, ...props }: FormOrganismItemProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
2919
2898
|
|
2920
|
-
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,
|
2899
|
+
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, BinaryRadioButtons, BinaryRadioButtonsMoleculeType, BinaryRadioButtonsProps, BooleanProperties, BreakpointSizesTypes, Button, ButtonActionsContext, ButtonActionsContextType, ButtonActionsProvider, ButtonActionsProviderProps, ButtonMoleculeType, ButtonProps, COMMUNICATION_LINK_DATA_TEXT, COMMUNICATION_LINK_DATA_URL, COMMUNICATION_LINK_ELEMENT_ID, CalendarMoleculeType, CheckboxMoleculeType, Checklist, ChecklistItem, ChecklistProperties, ChecklistProps, ChecklistsMoleculeType, ChipMolecule, ChipMoleculeProps, ChipMoleculeType, Circle, CircleBoxProps, CirclesWrapper, CircularIndicator, CircularIndicatorProps, CircularIndicatorStyledComponent, ColorProperties, ConditionConfig, ConditionConfigProperties, ConditionCriteria, ConfigurationItem, ConfigurationItemInfo, ConsentFieldMoleculeType, ConsentMolecule, 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, 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 };
|