@aehrc/smart-forms-renderer 1.0.0-alpha.42.dev1 → 1.0.0-alpha.42.dev2
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/lib/components/FormComponents/AttachmentItem/AttachmentFileDropBox.js.map +1 -1
- package/lib/components/FormComponents/Button.styles.d.ts +1 -3
- package/lib/components/FormComponents/DateTimeItems/CustomDateItem/MuiDatePicker.d.ts +1 -1
- package/lib/components/FormComponents/GroupItem/GroupAccordion.styles.d.ts +5 -7
- package/lib/components/FormComponents/GroupItem/GroupItem.styles.d.ts +1 -3
- package/lib/components/FormComponents/Item.styles.d.ts +1 -3
- package/lib/components/FormComponents/ItemParts/ItemFieldGrid.js +3 -3
- package/lib/components/FormComponents/ItemParts/ItemFieldGrid.js.map +1 -1
- package/lib/components/FormComponents/Lists.styles.d.ts +1 -3
- package/lib/components/FormComponents/RepeatItem/RepeatItem.styles.d.ts +2 -6
- package/lib/components/FormComponents/SingleItem/NestedSingleItemAccordion.styles.d.ts +6 -10
- package/lib/components/FormComponents/SliderItem/Slider.styles.d.ts +1 -3
- package/lib/components/FormComponents/Tables/Table.styles.d.ts +1 -3
- package/lib/components/Lists.styles.d.ts +1 -3
- package/lib/components/Renderer/FormBodyPageContainer.js +2 -2
- package/lib/components/Renderer/FormBodyPageContainer.js.map +1 -1
- package/lib/components/Renderer/FormBodyPaginated.js +1 -1
- package/lib/components/Renderer/FormBodyPaginated.js.map +1 -1
- package/lib/components/Renderer/FormBodyTabbed.js +4 -4
- package/lib/components/Renderer/FormBodyTabbed.js.map +1 -1
- package/lib/theme/typography.d.ts +2 -2
- package/lib/theme/typography.js.map +1 -1
- package/package.json +11 -11
- package/src/components/FormComponents/AttachmentItem/AttachmentFileDropBox.tsx +1 -1
- package/src/components/FormComponents/ItemParts/ItemFieldGrid.tsx +5 -3
- package/src/components/Renderer/FormBodyPageContainer.tsx +2 -2
- package/src/components/Renderer/FormBodyPaginated.tsx +1 -1
- package/src/components/Renderer/FormBodyTabbed.tsx +8 -7
- package/src/stories/storybookWrappers/FormValidationTesterWrapperForStorybook.tsx +2 -2
- package/src/stories/storybookWrappers/IdRemoverDebuggerWrapperForStorybook.tsx +2 -2
- package/src/theme/typography.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttachmentFileDropBox.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileDropBox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAS1D,SAAS,qBAAqB,CAAC,KAAiC;;IAC9D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,MAAM,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,OAAO,IAAI,MAAM,CAAC;IAEnC,IAAI,UAAU,GAAG,kBAAkB,CAAC;IACpC,IAAI,QAAQ,EAAE,CAAC;QACb,UAAU,GAAG,8BAA8B,CAAC;IAC9C,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,UAAU,GAAG,sBAAsB,CAAC;IACtC,CAAC;SAAM,IAAI,YAAY,EAAE,CAAC;QACxB,UAAU,GAAG,YAAY,CAAC;IAC5B,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QAChB,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,KAAC,4BAA4B,IAC3B,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"AttachmentFileDropBox.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/AttachmentItem/AttachmentFileDropBox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAG9E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAS1D,SAAS,qBAAqB,CAAC,KAAiC;;IAC9D,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,GAAG,CAAC,mBAAmB,EAAE,CAAC;IAC9E,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IAEpE,MAAM,iBAAiB,GAAG,mBAAmB,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElG,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,OAAO,IAAI,MAAM,CAAC;IAEnC,IAAI,UAAU,GAAG,kBAAkB,CAAC;IACpC,IAAI,QAAQ,EAAE,CAAC;QACb,UAAU,GAAG,8BAA8B,CAAC;IAC9C,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,UAAU,GAAG,sBAAsB,CAAC;IACtC,CAAC;SAAM,IAAI,YAAY,EAAE,CAAC;QACxB,UAAU,GAAG,YAAY,CAAC;IAC5B,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QAChB,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,KAAC,4BAA4B,IAC3B,GAAG,EAAE,UAAuC,EAC5C,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,YAClB,MAAC,GAAG,IAAC,CAAC,EAAE,GAAG,aACT,KAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,YAAG,UAAU,GAAc,EAE1F,IAAI,CAAC,CAAC,CAAC,CACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACR,MAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,uBAAS,WAAW,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,mCAAI,GAAG,CAAC,IAAc,EACvF,MAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,uBAAS,IAAI,CAAC,IAAI,IAAc,IACpD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACuB,CAChC,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
export declare const SecondaryFab: import("@emotion/styled").StyledComponent<import("@mui/material/Fab").FabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
2
|
-
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
3
|
-
}, "href" | "disabled" | "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "variant" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
1
|
+
export declare const SecondaryFab: import("@emotion/styled").StyledComponent<import("@mui/material/Fab").FabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "href" | "disabled" | "style" | "className" | "tabIndex" | "color" | "children" | "sx" | "classes" | "variant" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const MuiDatePicker: (<TDate extends import("@mui/x-date-pickers").PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: import("@mui/x-date-pickers/DatePicker").DatePickerProps<TDate, TEnableAccessibleFieldDOMStructure> &
|
|
1
|
+
declare const MuiDatePicker: (<TDate extends import("@mui/x-date-pickers").PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false>(props: import("@mui/x-date-pickers/DatePicker").DatePickerProps<TDate, TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
2
2
|
propTypes?: any;
|
|
3
3
|
};
|
|
4
4
|
export default MuiDatePicker;
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
export declare const GroupAccordion: import("@emotion/styled").StyledComponent<{
|
|
2
|
-
children: NonNullable<
|
|
2
|
+
children: NonNullable<React.ReactNode>;
|
|
3
3
|
classes?: Partial<import("@mui/material/Accordion").AccordionClasses>;
|
|
4
4
|
defaultExpanded?: boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
disableGutters?: boolean;
|
|
7
7
|
expanded?: boolean;
|
|
8
|
-
onChange?: (event:
|
|
8
|
+
onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
|
|
9
9
|
sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
|
|
10
|
-
TransitionComponent?:
|
|
11
|
-
children?:
|
|
10
|
+
TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
|
|
11
|
+
children?: React.ReactElement<unknown, any>;
|
|
12
12
|
}>;
|
|
13
13
|
TransitionProps?: import("@mui/material/transitions").TransitionProps;
|
|
14
|
-
} & import("@mui/material/Accordion").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "onChange" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
15
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
16
|
-
}, "disabled" | "children" | "onChange" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "elevation" | "square" | "expanded" | "disableGutters" | "defaultExpanded" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material/Accordion").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
14
|
+
} & import("@mui/material/Accordion").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "onChange" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "children" | "onChange" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "elevation" | "square" | "expanded" | "disableGutters" | "defaultExpanded" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material/Accordion").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
17
15
|
elevation: number;
|
|
18
16
|
}, {}, {}>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
export declare const GroupCard: import("@emotion/styled").StyledComponent<import("@mui/material/Card").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
2
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
-
}, "style" | "className" | "children" | "sx" | "classes" | "variant" | "elevation" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
1
|
+
export declare const GroupCard: import("@emotion/styled").StyledComponent<import("@mui/material/Card").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "children" | "sx" | "classes" | "variant" | "elevation" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
4
2
|
elevation: number;
|
|
5
3
|
isRepeated: boolean;
|
|
6
4
|
}, {}, {}>;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
export declare const StyledFormGroup: import("@emotion/styled").StyledComponent<import("@mui/material/FormGroup").FormGroupProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
2
2
|
export declare const StyledRadioGroup: import("@emotion/styled").StyledComponent<import("@mui/material/RadioGroup").RadioGroupProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
3
|
-
export declare const StyledRequiredTypography: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
4
|
-
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
5
|
-
}, "display" | "p" | "style" | "className" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "classes" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
3
|
+
export declare const StyledRequiredTypography: import("@emotion/styled").StyledComponent<import("@mui/material/Typography").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "display" | "p" | "style" | "className" | "color" | "children" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "classes" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
|
|
3
3
|
import { useRendererStylingStore } from '../../../stores';
|
|
4
4
|
import DisplayInstructions from '../DisplayItem/DisplayInstructions';
|
|
5
|
-
import Grid from '@mui/material/
|
|
5
|
+
import Grid from '@mui/material/Grid';
|
|
6
6
|
function ItemFieldGrid(props) {
|
|
7
7
|
const { qItem, readOnly, labelChildren, fieldChildren } = props;
|
|
8
8
|
const itemResponsive = useRendererStylingStore.use.itemResponsive();
|
|
9
9
|
const { labelBreakpoints, fieldBreakpoints, columnGapPixels, rowGapPixels } = itemResponsive;
|
|
10
10
|
const { displayInstructions } = useRenderingExtensions(qItem);
|
|
11
|
-
return (_jsxs(Grid, { container: true, columnSpacing: columnGapPixels + 'px', rowGap: rowGapPixels + 'px', children: [_jsx(Grid, { size: Object.assign({}, labelBreakpoints), children: labelChildren }), _jsxs(Grid, { size: Object.assign({}, fieldBreakpoints), children: [fieldChildren, !props.feedback && !props.dateFeedback && !props.timeFeedback && (_jsx(DisplayInstructions, { readOnly: readOnly, children: displayInstructions }))] })] }));
|
|
11
|
+
return (_jsxs(Grid, { container: true, columnSpacing: columnGapPixels + 'px', rowGap: rowGapPixels + 'px', children: [_jsx(Grid, { size: Object.assign({}, labelBreakpoints), children: _jsx(_Fragment, { children: labelChildren }) }), _jsxs(Grid, { size: Object.assign({}, fieldBreakpoints), children: [_jsx(_Fragment, { children: fieldChildren }), !props.feedback && !props.dateFeedback && !props.timeFeedback && (_jsx(DisplayInstructions, { readOnly: readOnly, children: displayInstructions }))] })] }));
|
|
12
12
|
}
|
|
13
13
|
export default ItemFieldGrid;
|
|
14
14
|
//# sourceMappingURL=ItemFieldGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemFieldGrid.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ItemFieldGrid.tsx"],"names":[],"mappings":";AAoBA,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"ItemFieldGrid.js","sourceRoot":"","sources":["../../../../src/components/FormComponents/ItemParts/ItemFieldGrid.tsx"],"names":[],"mappings":";AAoBA,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,IAAI,MAAM,oBAAoB,CAAC;AAYtC,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;IACpE,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC;IAE7F,MAAM,EAAE,mBAAmB,EAAE,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,QAAC,aAAa,EAAE,eAAe,GAAG,IAAI,EAAE,MAAM,EAAE,YAAY,GAAG,IAAI,aAChF,KAAC,IAAI,IAAC,IAAI,oBAAO,gBAAgB,aAC/B,4BAAG,aAAa,GAAI,GACf,EACP,MAAC,IAAI,IAAC,IAAI,oBAAO,gBAAgB,cAC/B,4BAAG,aAAa,GAAI,EAEnB,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAChE,KAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,YAAG,mBAAmB,GAAuB,CACrF,IACI,IACF,CACR,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
export declare const PrimarySelectableList: import("@emotion/styled").StyledComponent<import("@mui/material/List").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
2
|
-
ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
|
|
3
|
-
}, "style" | "className" | "children" | "sx" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
1
|
+
export declare const PrimarySelectableList: import("@emotion/styled").StyledComponent<import("@mui/material/List").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style" | "className" | "children" | "sx" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
export declare const RepeatDeleteTooltip: import("@emotion/styled").StyledComponent<import("@mui/material/Tooltip").TooltipProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
2
|
-
export declare const RepeatItemContainerStack: import("@emotion/styled").StyledComponent<import("@mui/material/Stack").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
3
|
-
|
|
4
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material/Stack").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
5
|
-
export declare const RepeatGroupContainerStack: import("@emotion/styled").StyledComponent<import("@mui/material/Stack").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
-
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material/Stack").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
2
|
+
export declare const RepeatItemContainerStack: import("@emotion/styled").StyledComponent<import("@mui/material/Stack").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material/Stack").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
3
|
+
export declare const RepeatGroupContainerStack: import("@emotion/styled").StyledComponent<import("@mui/material/Stack").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material/Stack").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
@@ -4,23 +4,19 @@ export declare const NestedSingleItemAccordionWrapper: import("@emotion/styled")
|
|
|
4
4
|
isRepeated: boolean;
|
|
5
5
|
}, {}, {}>;
|
|
6
6
|
export declare const NestedSingleItemAccordion: import("@emotion/styled").StyledComponent<{
|
|
7
|
-
children: NonNullable<
|
|
7
|
+
children: NonNullable<React.ReactNode>;
|
|
8
8
|
classes?: Partial<import("@mui/material").AccordionClasses>;
|
|
9
9
|
defaultExpanded?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
disableGutters?: boolean;
|
|
12
12
|
expanded?: boolean;
|
|
13
|
-
onChange?: (event:
|
|
13
|
+
onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
|
|
14
14
|
sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
|
|
15
|
-
TransitionComponent?:
|
|
16
|
-
children?:
|
|
15
|
+
TransitionComponent?: React.JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
|
|
16
|
+
children?: React.ReactElement<unknown, any>;
|
|
17
17
|
}>;
|
|
18
18
|
TransitionProps?: import("@mui/material/transitions").TransitionProps;
|
|
19
|
-
} & import("@mui/material").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "onChange" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
20
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
21
|
-
}, "disabled" | "children" | "onChange" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "elevation" | "square" | "expanded" | "disableGutters" | "defaultExpanded" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
19
|
+
} & import("@mui/material").AccordionSlotsAndSlotProps & Omit<import("@mui/material").PaperOwnProps, "onChange" | "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "children" | "onChange" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "elevation" | "square" | "expanded" | "disableGutters" | "defaultExpanded" | "TransitionComponent" | "TransitionProps" | keyof import("@mui/material").AccordionSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
22
20
|
elevation: number;
|
|
23
21
|
}, {}, {}>;
|
|
24
|
-
export declare const NestedSingleItemAccordionSummary: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
25
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
26
|
-
}, "disabled" | "style" | "className" | "tabIndex" | "children" | "sx" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
22
|
+
export declare const NestedSingleItemAccordionSummary: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "style" | "className" | "tabIndex" | "children" | "sx" | "classes" | "action" | "slots" | "slotProps" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -3,8 +3,6 @@ export declare const SliderDisplayBox: import("@emotion/styled").StyledComponent
|
|
|
3
3
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
4
|
hasLabels: boolean;
|
|
5
5
|
}, {}, {}>;
|
|
6
|
-
export declare const StandardSlider: import("@emotion/styled").StyledComponent<import("@mui/material").SliderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
7
|
-
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
8
|
-
}, "name" | "value" | "disabled" | "style" | "track" | "defaultValue" | "className" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "scale" | "sx" | "classes" | "components" | "max" | "min" | "orientation" | "size" | "step" | "componentsProps" | "slots" | "slotProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
6
|
+
export declare const StandardSlider: import("@emotion/styled").StyledComponent<import("@mui/material").SliderOwnProps<number | number[]> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "name" | "value" | "disabled" | "style" | "track" | "defaultValue" | "className" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "scale" | "sx" | "classes" | "components" | "step" | "max" | "min" | "orientation" | "size" | "componentsProps" | "slots" | "slotProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "shiftStep" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
9
7
|
readOnly: boolean;
|
|
10
8
|
}, {}, {}>;
|
|
@@ -7,9 +7,7 @@ export declare const GridTextTableCell: import("@emotion/styled").StyledComponen
|
|
|
7
7
|
export declare const GridAnswerTableCell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
8
8
|
numOfColumns: number;
|
|
9
9
|
}, {}, {}>;
|
|
10
|
-
export declare const StyledGroupTableRow: import("@emotion/styled").StyledComponent<import("@mui/material/TableRow").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
11
|
-
ref?: ((instance: HTMLTableRowElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableRowElement> | null | undefined;
|
|
12
|
-
}, "style" | "className" | "children" | "sx" | "classes" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
10
|
+
export declare const StyledGroupTableRow: import("@emotion/styled").StyledComponent<import("@mui/material/TableRow").TableRowOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "style" | "className" | "children" | "sx" | "classes" | "selected" | "hover"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
13
11
|
itemIsDragged: boolean;
|
|
14
12
|
itemIsSelected: boolean;
|
|
15
13
|
hoverDisabled: boolean;
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
export declare const PrimarySelectableList: import("@emotion/styled").StyledComponent<import("@mui/material/List").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<
|
|
2
|
-
ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
|
|
3
|
-
}, "style" | "className" | "children" | "sx" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
1
|
+
export declare const PrimarySelectableList: import("@emotion/styled").StyledComponent<import("@mui/material/List").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style" | "className" | "children" | "sx" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
|
-
import Grid from '@mui/material
|
|
3
|
+
import { Grid } from '@mui/material';
|
|
4
4
|
import TabContext from '@mui/lab/TabContext';
|
|
5
5
|
import TabPanel from '@mui/lab/TabPanel';
|
|
6
6
|
import GroupItem from '../FormComponents/GroupItem/GroupItem';
|
|
@@ -30,7 +30,7 @@ function FormBodyPageContainer(props) {
|
|
|
30
30
|
return _jsx(_Fragment, { children: "Unable to load form" });
|
|
31
31
|
}
|
|
32
32
|
const qrItemsByIndex = getQrItemsIndex(qItems, qrItems, indexMap);
|
|
33
|
-
return (_jsx(Grid, { container: true, spacing: 1.5, children: _jsx(TabContext, { value: currentPage.toString(), children: _jsx(Grid, {
|
|
33
|
+
return (_jsx(Grid, { container: true, spacing: 1.5, children: _jsx(TabContext, { value: currentPage.toString(), children: _jsx(Grid, { size: { xs: 12, md: 12, lg: 12 }, children: qItems.map((qItem, i) => {
|
|
34
34
|
var _a, _b;
|
|
35
35
|
const qrItem = qrItemsByIndex[i];
|
|
36
36
|
const isNotRepeatGroup = !Array.isArray(qrItem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormBodyPageContainer.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyPageContainer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"FormBodyPageContainer.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyPageContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,7 +47,7 @@ function FormBodyPaginated(props) {
|
|
|
47
47
|
}
|
|
48
48
|
const isRepeated = (_a = qItem.repeats) !== null && _a !== void 0 ? _a : false;
|
|
49
49
|
return (_jsx(GroupItem, { qItem: qItem, qrItem: qrItemOrItems !== null && qrItemOrItems !== void 0 ? qrItemOrItems : null, isRepeated: isRepeated, groupCardElevation: 1, disableCardView: disableCardView, currentPageIndex: currentPage, parentIsReadOnly: parentIsReadOnly, onQrItemChange: onQrItemChange }, qItem.linkId));
|
|
50
|
-
}), _jsx(Grid, { container: true, spacing: 1.5, children: _jsx(TabContext, { value: currentPage.toString(), children: _jsx(Grid, {
|
|
50
|
+
}), _jsx(Grid, { container: true, spacing: 1.5, children: _jsx(TabContext, { value: currentPage.toString(), children: _jsx(Grid, { size: { xs: 12, md: 12, lg: 12 }, children: pageQItems.map((pageQItem, i) => {
|
|
51
51
|
var _a, _b;
|
|
52
52
|
const [qItem, qrItemIndex] = pageQItem;
|
|
53
53
|
const qrItem = topLevelQRItems[qrItemIndex];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormBodyPaginated.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyPaginated.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FormBodyPaginated.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyPaginated.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
import { useMemo } from 'react';
|
|
19
|
-
import Grid from '@mui/material
|
|
19
|
+
import { Grid } from '@mui/material';
|
|
20
20
|
import TabContext from '@mui/lab/TabContext';
|
|
21
21
|
import TabPanel from '@mui/lab/TabPanel';
|
|
22
22
|
import { getQrItemsIndex, mapQItemsIndex } from '../../utils/mapItem';
|
|
@@ -45,11 +45,11 @@ function FormBodyTabbed(props) {
|
|
|
45
45
|
// If tabListWidthOrBreakpoints is an object, it is a MUI Breakpoints object
|
|
46
46
|
const tabListWrapperProps = typeof tabListWidthOrResponsive === 'number'
|
|
47
47
|
? { sx: { width: tabListWidthOrResponsive, flexShrink: 0 } }
|
|
48
|
-
: tabListWidthOrResponsive.tabListBreakpoints;
|
|
48
|
+
: { size: Object.assign({}, tabListWidthOrResponsive.tabListBreakpoints) };
|
|
49
49
|
const qItemTabPanelProps = typeof tabListWidthOrResponsive === 'number'
|
|
50
50
|
? { sx: { flexGrow: 1 } }
|
|
51
|
-
: tabListWidthOrResponsive.tabContentBreakpoints;
|
|
52
|
-
return (_jsx(Grid, { container: true, spacing: 1.5, sx: { flexWrap: 'nowrap' }, children: _jsxs(TabContext, { value: currentTab.toString(), children: [_jsx(Grid, Object.assign({
|
|
51
|
+
: { size: Object.assign({}, tabListWidthOrResponsive.tabContentBreakpoints) };
|
|
52
|
+
return (_jsx(Grid, { container: true, spacing: 1.5, sx: { flexWrap: 'nowrap' }, children: _jsxs(TabContext, { value: currentTab.toString(), children: [_jsx(Grid, Object.assign({}, tabListWrapperProps, { children: _jsx(FormBodyTabListWrapper, { topLevelItems: qItems, currentTabIndex: currentTab, tabs: tabs }) })), _jsx(Grid, Object.assign({}, qItemTabPanelProps, { children: qItems.map((qItem, i) => {
|
|
53
53
|
var _a, _b;
|
|
54
54
|
const qrItem = qrItemsByIndex[i];
|
|
55
55
|
const isNotRepeatGroup = !Array.isArray(qrItem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormBodyTabbed.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyTabbed.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"FormBodyTabbed.js","sourceRoot":"","sources":["../../../src/components/Renderer/FormBodyTabbed.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,SAAS,MAAM,uCAAuC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AAKpE,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAU9E,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAElF,MAAM,IAAI,GAAG,qBAAqB,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,qBAAqB,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC;IAE/D,MAAM,wBAAwB,GAAG,uBAAuB,CAAC,GAAG,CAAC,wBAAwB,EAAE,CAAC;IAExF,MAAM,QAAQ,GAA2B,OAAO,CAC9C,GAAG,EAAE,CAAC,cAAc,CAAC,aAAa,CAAC,EACnC,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,qBAAqB,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAElF,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC;IAClC,MAAM,OAAO,GAAG,qBAAqB,CAAC,IAAI,CAAC;IAE3C,SAAS,mBAAmB,CAAC,MAAiC;QAC5D,oBAAoB,CAAC,MAAM,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,CAAC,CAAC;QACpE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACxB,OAAO,oDAAwB,CAAC;IAClC,CAAC;IAED,MAAM,cAAc,GAAG,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAElE,0HAA0H;IAC1H,4EAA4E;IAC5E,MAAM,mBAAmB,GACvB,OAAO,wBAAwB,KAAK,QAAQ;QAC1C,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE;QAC5D,CAAC,CAAC,EAAE,IAAI,oBAAO,wBAAwB,CAAC,kBAAkB,CAAE,EAAE,CAAC;IAEnE,MAAM,kBAAkB,GACtB,OAAO,wBAAwB,KAAK,QAAQ;QAC1C,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE;QACzB,CAAC,CAAC,EAAE,IAAI,oBAAO,wBAAwB,CAAC,qBAAqB,CAAE,EAAE,CAAC;IAEtE,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACtD,MAAC,UAAU,IAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,aACtC,KAAC,IAAI,oBAAK,mBAAmB,cAC3B,KAAC,sBAAsB,IAAC,aAAa,EAAE,MAAM,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,GAAI,IACrF,EAEP,KAAC,IAAI,oBAAK,kBAAkB,cACzB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;wBACvB,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;wBAEjC,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;wBAChD,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;wBAEnC,IAAI,CAAC,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;4BAChC,oCAAoC;4BACpC,OAAO,IAAI,CAAC;wBACd,CAAC;wBAED,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,CAAC;wBAC1C,MAAM,qBAAqB,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,UAAU,mCAAI,KAAK,CAAC;wBAErE,OAAO,CACL,KAAC,QAAQ,IAEP,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EACZ,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EACnB,EAAE,EAAE,YAAY,CAAC,EAAE,eACT,oBAAoB,YAC9B,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,IAAI,EACtB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,CAAC,EACrB,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,UAAU,EAC3B,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,mBAAmB,GACnC,IAfG,KAAK,CAAC,MAAM,CAgBR,CACZ,CAAC;oBACJ,CAAC,CAAC,IACG,IACI,GACR,CACR,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { TypographyVariantsOptions } from '@mui/material';
|
|
2
2
|
import type { CSSProperties } from 'react';
|
|
3
3
|
declare module '@mui/material/styles' {
|
|
4
4
|
interface TypographyVariants {
|
|
@@ -16,5 +16,5 @@ declare module '@mui/material/Typography' {
|
|
|
16
16
|
groupHeading: true;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
declare const typography:
|
|
19
|
+
declare const typography: TypographyVariantsOptions;
|
|
20
20
|
export default typography;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AA2BH,yEAAyE;AAEzE,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AA2BH,yEAAyE;AAEzE,MAAM,UAAU,GAA8B;IAC5C,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;IACjG,EAAE,EAAE;QACF,QAAQ,EAAE,MAAM,EAAE,OAAO;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,SAAS,EAAE,OAAO;QAC5B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,QAAQ,EAAE,OAAO;QAC3B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM,EAAE,OAAO;QACzB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS,EAAE,OAAO;QAC5B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,SAAS,EAAE,OAAO;QAC5B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,WAAW,EAAE,OAAO;QAC9B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,WAAW,EAAE,OAAO;QAC9B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aehrc/smart-forms-renderer",
|
|
3
|
-
"version": "1.0.0-alpha.42.
|
|
3
|
+
"version": "1.0.0-alpha.42.dev2",
|
|
4
4
|
"description": "FHIR Structured Data Captured (SDC) rendering engine for Smart Forms",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -52,18 +52,18 @@
|
|
|
52
52
|
"react-dnd-html5-backend": "^16.0.1",
|
|
53
53
|
"react-markdown": "^10.0.1",
|
|
54
54
|
"style-to-object": "^1.0.8",
|
|
55
|
-
"zustand": "^4.5.6"
|
|
55
|
+
"zustand": "^4.5.6",
|
|
56
|
+
"@emotion/react": "^11.14.0",
|
|
57
|
+
"@emotion/styled": "^11.14.0",
|
|
58
|
+
"@mui/icons-material": "^7.0.1",
|
|
59
|
+
"@mui/lab": "^7.0.0-beta.10",
|
|
60
|
+
"@mui/material": "^7.0.1",
|
|
61
|
+
"@mui/x-date-pickers": "^7.28.3",
|
|
62
|
+
"@tanstack/react-query": "^5.72.1"
|
|
56
63
|
},
|
|
57
64
|
"peerDependencies": {
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"@mui/icons-material": "^6.0.0 || ^7.0.0",
|
|
61
|
-
"@mui/lab": "^6.0.0-beta.0 || ^7.0.0-beta.0",
|
|
62
|
-
"@mui/material": "^6.0.0 || ^7.0.0",
|
|
63
|
-
"@mui/x-date-pickers": "^7.0.0",
|
|
64
|
-
"@tanstack/react-query": "^5.0.0",
|
|
65
|
-
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
66
|
-
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
65
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
66
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@babel/core": "^7.26.9",
|
|
@@ -55,7 +55,7 @@ function AttachmentFileDropBox(props: AttachmentFileDropBoxProps) {
|
|
|
55
55
|
|
|
56
56
|
return (
|
|
57
57
|
<AttachmentFileDropBoxWrapper
|
|
58
|
-
ref={dropTarget}
|
|
58
|
+
ref={dropTarget as unknown as React.Ref<any>} // works in runtime, but produces error TS2322: Type 'ConnectDropTarget' is not assignable to type 'Ref<unknown> | undefined' at compile time
|
|
59
59
|
display="flex"
|
|
60
60
|
isActive={isActive}
|
|
61
61
|
textFieldWidth={textFieldWidth}
|
|
@@ -21,7 +21,7 @@ import type { QuestionnaireItem } from 'fhir/r4';
|
|
|
21
21
|
import useRenderingExtensions from '../../../hooks/useRenderingExtensions';
|
|
22
22
|
import { useRendererStylingStore } from '../../../stores';
|
|
23
23
|
import DisplayInstructions from '../DisplayItem/DisplayInstructions';
|
|
24
|
-
import Grid from '@mui/material/
|
|
24
|
+
import Grid from '@mui/material/Grid';
|
|
25
25
|
|
|
26
26
|
interface ItemFieldGridProps {
|
|
27
27
|
qItem: QuestionnaireItem;
|
|
@@ -43,9 +43,11 @@ function ItemFieldGrid(props: ItemFieldGridProps) {
|
|
|
43
43
|
|
|
44
44
|
return (
|
|
45
45
|
<Grid container columnSpacing={columnGapPixels + 'px'} rowGap={rowGapPixels + 'px'}>
|
|
46
|
-
<Grid size={{ ...labelBreakpoints }}>
|
|
46
|
+
<Grid size={{ ...labelBreakpoints }}>
|
|
47
|
+
<>{labelChildren}</>
|
|
48
|
+
</Grid>
|
|
47
49
|
<Grid size={{ ...fieldBreakpoints }}>
|
|
48
|
-
{fieldChildren}
|
|
50
|
+
<>{fieldChildren}</>
|
|
49
51
|
{/* Only show display instructions if there is no feedback of any type */}
|
|
50
52
|
{!props.feedback && !props.dateFeedback && !props.timeFeedback && (
|
|
51
53
|
<DisplayInstructions readOnly={readOnly}>{displayInstructions}</DisplayInstructions>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
|
-
import Grid from '@mui/material
|
|
2
|
+
import { Grid } from '@mui/material';
|
|
3
3
|
import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
|
|
4
4
|
import TabContext from '@mui/lab/TabContext';
|
|
5
5
|
import TabPanel from '@mui/lab/TabPanel';
|
|
@@ -56,7 +56,7 @@ function FormBodyPageContainer(props: FormBodyPageContainerProps) {
|
|
|
56
56
|
return (
|
|
57
57
|
<Grid container spacing={1.5}>
|
|
58
58
|
<TabContext value={currentPage.toString()}>
|
|
59
|
-
<Grid
|
|
59
|
+
<Grid size={{ xs: 12, md: 12, lg: 12 }}>
|
|
60
60
|
{qItems.map((qItem, i) => {
|
|
61
61
|
const qrItem = qrItemsByIndex[i];
|
|
62
62
|
|
|
@@ -82,7 +82,7 @@ function FormBodyPaginated(props: FormBodyPaginatedProps) {
|
|
|
82
82
|
|
|
83
83
|
<Grid container spacing={1.5}>
|
|
84
84
|
<TabContext value={currentPage.toString()}>
|
|
85
|
-
<Grid
|
|
85
|
+
<Grid size={{ xs: 12, md: 12, lg: 12 }}>
|
|
86
86
|
{pageQItems.map((pageQItem, i) => {
|
|
87
87
|
const [qItem, qrItemIndex] = pageQItem;
|
|
88
88
|
const qrItem = topLevelQRItems[qrItemIndex];
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
import React, { useMemo } from 'react';
|
|
19
|
-
import Grid from '@mui/material
|
|
19
|
+
import { Grid } from '@mui/material';
|
|
20
20
|
import type { QuestionnaireItem, QuestionnaireResponseItem } from 'fhir/r4';
|
|
21
21
|
import TabContext from '@mui/lab/TabContext';
|
|
22
22
|
import TabPanel from '@mui/lab/TabPanel';
|
|
@@ -29,6 +29,7 @@ import type {
|
|
|
29
29
|
PropsWithQrItemChangeHandler
|
|
30
30
|
} from '../../interfaces/renderProps.interface';
|
|
31
31
|
import { useQuestionnaireStore, useRendererStylingStore } from '../../stores';
|
|
32
|
+
import { GridProps } from '@mui/material/Grid';
|
|
32
33
|
|
|
33
34
|
interface FormBodyTabbedProps
|
|
34
35
|
extends PropsWithQrItemChangeHandler,
|
|
@@ -68,24 +69,24 @@ function FormBodyTabbed(props: FormBodyTabbedProps) {
|
|
|
68
69
|
|
|
69
70
|
// If tabListWidthOrBreakpoints is a number, it is a fixed width of the tab list - set a fixed width and prevent shrinking
|
|
70
71
|
// If tabListWidthOrBreakpoints is an object, it is a MUI Breakpoints object
|
|
71
|
-
const tabListWrapperProps =
|
|
72
|
+
const tabListWrapperProps: GridProps =
|
|
72
73
|
typeof tabListWidthOrResponsive === 'number'
|
|
73
74
|
? { sx: { width: tabListWidthOrResponsive, flexShrink: 0 } }
|
|
74
|
-
: tabListWidthOrResponsive.tabListBreakpoints;
|
|
75
|
+
: { size: { ...tabListWidthOrResponsive.tabListBreakpoints } };
|
|
75
76
|
|
|
76
|
-
const qItemTabPanelProps =
|
|
77
|
+
const qItemTabPanelProps: GridProps =
|
|
77
78
|
typeof tabListWidthOrResponsive === 'number'
|
|
78
79
|
? { sx: { flexGrow: 1 } }
|
|
79
|
-
: tabListWidthOrResponsive.tabContentBreakpoints;
|
|
80
|
+
: { size: { ...tabListWidthOrResponsive.tabContentBreakpoints } };
|
|
80
81
|
|
|
81
82
|
return (
|
|
82
83
|
<Grid container spacing={1.5} sx={{ flexWrap: 'nowrap' }}>
|
|
83
84
|
<TabContext value={currentTab.toString()}>
|
|
84
|
-
<Grid
|
|
85
|
+
<Grid {...tabListWrapperProps}>
|
|
85
86
|
<FormBodyTabListWrapper topLevelItems={qItems} currentTabIndex={currentTab} tabs={tabs} />
|
|
86
87
|
</Grid>
|
|
87
88
|
|
|
88
|
-
<Grid
|
|
89
|
+
<Grid {...qItemTabPanelProps}>
|
|
89
90
|
{qItems.map((qItem, i) => {
|
|
90
91
|
const qrItem = qrItemsByIndex[i];
|
|
91
92
|
|
|
@@ -54,10 +54,10 @@ function FormValidationTesterWrapperForStorybook(
|
|
|
54
54
|
<QueryClientProvider client={queryClient}>
|
|
55
55
|
<div>
|
|
56
56
|
<Grid container>
|
|
57
|
-
<Grid
|
|
57
|
+
<Grid size={{ xs: 6 }}>
|
|
58
58
|
<BaseRenderer />
|
|
59
59
|
</Grid>
|
|
60
|
-
<Grid
|
|
60
|
+
<Grid size={{ xs: 6 }}>
|
|
61
61
|
<FormValidationViewerForStorybook />
|
|
62
62
|
</Grid>
|
|
63
63
|
</Grid>
|
|
@@ -62,14 +62,14 @@ function IdRemoverDebuggerWrapperForStorybook(props: IdRemoverDebuggerWrapperFor
|
|
|
62
62
|
<QueryClientProvider client={queryClient}>
|
|
63
63
|
<div>
|
|
64
64
|
<Grid container>
|
|
65
|
-
<Grid
|
|
65
|
+
<Grid size={{ xs: 6 }}>
|
|
66
66
|
<IdRemoverButtonForStorybook
|
|
67
67
|
questionnaire={questionnaire}
|
|
68
68
|
questionnaireResponse={updatableResponse}
|
|
69
69
|
/>
|
|
70
70
|
<BaseRenderer />
|
|
71
71
|
</Grid>
|
|
72
|
-
<Grid
|
|
72
|
+
<Grid size={{ xs: 6 }}>
|
|
73
73
|
<pre>{JSON.stringify(focusedLinkId, null, 2)}</pre>
|
|
74
74
|
----
|
|
75
75
|
<pre style={{ fontSize: 10 }}>{JSON.stringify(updatableResponse, null, 2)}</pre>
|
package/src/theme/typography.ts
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* limitations under the License.
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
|
-
import
|
|
18
|
+
import { TypographyVariantsOptions } from '@mui/material';
|
|
19
19
|
import type { CSSProperties } from 'react';
|
|
20
20
|
|
|
21
21
|
declare module '@mui/material/styles' {
|
|
@@ -42,7 +42,7 @@ declare module '@mui/material/Typography' {
|
|
|
42
42
|
|
|
43
43
|
// ----------------------------------------------------------------------
|
|
44
44
|
|
|
45
|
-
const typography:
|
|
45
|
+
const typography: TypographyVariantsOptions = {
|
|
46
46
|
fontFamily: ['Inter', 'sans-serif', 'Helvetica', 'Arial', 'Roboto', '"Helvetica Neue"'].join(','),
|
|
47
47
|
h1: {
|
|
48
48
|
fontSize: '2rem', // 32px
|