@foodpilot/foods 2.7.17 → 2.7.18
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/components/Button/TertiaryToggleButton.d.ts +1 -1
- package/dist/components/Button/TertiaryToggleButtonNodeTitle.d.ts +1 -1
- package/dist/components/Form/FoodsFormFields/FoodsTextInput.d.ts +2 -1
- package/dist/components/Form/FoodsFormFields/FoodsTextInput.js +8 -3
- package/dist/components/Input/SearchBox.d.ts +1 -1
- package/dist/components/Input/SearchBox.js +14 -63
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/index.d.ts +0 -2
- package/dist/components/RichTextEditor/components/ColorInput/style/index.d.ts +2 -2
- package/dist/components/RichTextEditor/components/Toolbar/style/index.d.ts +1 -1
- package/dist/components/Search/FoodsSearch.js +11 -55
- package/dist/main.js +0 -4
- package/dist/themes/common/components.js +50 -4
- package/package.json +1 -1
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/NumericalBlock.d.ts +0 -7
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/NumericalBlock.js +0 -10
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/TextBlock.d.ts +0 -7
- package/dist/components/Layout/BlockList/Blocks/InnerInputBlocks/TextBlock.js +0 -10
|
@@ -5,7 +5,7 @@ import { DetailedHTMLProps, ButtonHTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRE
|
|
|
5
5
|
import { MUIStyledCommonProps } from '@mui/system';
|
|
6
6
|
export declare const CustomToggleButton: StyledComponent< ToggleButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
7
7
|
ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
|
|
8
|
-
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "
|
|
8
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "fullWidth" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
9
9
|
type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
|
|
10
10
|
export type TertiaryToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
|
|
11
11
|
choices: string[];
|
|
@@ -5,7 +5,7 @@ import { CommonProps } from '@mui/material/OverridableComponent';
|
|
|
5
5
|
import { MUIStyledCommonProps } from '@mui/system';
|
|
6
6
|
export declare const CustomToggleButtonNodeTitle: StyledComponent< ToggleButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
7
7
|
ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
|
|
8
|
-
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "
|
|
8
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "fullWidth" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
9
9
|
type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
|
|
10
10
|
export type TertiaryToggleButtonPropsNodeTitle = ToggleButtonsPropsWithoutEnforcedKeys & {
|
|
11
11
|
choices: ReactNode[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { InputBaseProps } from '@mui/material';
|
|
1
|
+
import { InputBaseProps, StackProps } from '@mui/material';
|
|
2
2
|
import { FoodsIconButtonProps } from '../../Button/FoodsIconButton';
|
|
3
3
|
type DefaultOption = {
|
|
4
4
|
label: string;
|
|
@@ -17,6 +17,7 @@ type FoodsInputBase = Omit<InputBaseProps, keyof OverridenProps>;
|
|
|
17
17
|
export type FoodsTextInputProps = OverridenProps & {
|
|
18
18
|
ExtraInputProps?: FoodsInputBase;
|
|
19
19
|
Tooltip?: FoodsIconButtonProps["tooltip"];
|
|
20
|
+
StackProps?: StackProps;
|
|
20
21
|
};
|
|
21
22
|
export declare const FoodsTextInput: (props: FoodsTextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
export {};
|
|
@@ -10,11 +10,12 @@ const FoodsTextInput = (props) => {
|
|
|
10
10
|
error = false,
|
|
11
11
|
disabled = false,
|
|
12
12
|
ExtraInputProps = {},
|
|
13
|
-
Tooltip = {}
|
|
13
|
+
Tooltip = {},
|
|
14
|
+
StackProps: StackProps2 = {}
|
|
14
15
|
} = props;
|
|
15
16
|
const theme = useTheme();
|
|
16
17
|
const { text, props: propsTooltip } = Tooltip;
|
|
17
|
-
return /* @__PURE__ */ jsxs(Stack, { gap: theme.spacing(1), children: [
|
|
18
|
+
return /* @__PURE__ */ jsxs(Stack, { gap: theme.spacing(1), ...StackProps2, children: [
|
|
18
19
|
/* @__PURE__ */ jsxs(Stack, { flexDirection: "row", gap: theme.spacing(1.5), alignItems: "center", children: [
|
|
19
20
|
/* @__PURE__ */ jsx(
|
|
20
21
|
TextInput,
|
|
@@ -70,7 +71,8 @@ const TextInput = styled(InputBase)(({ theme }) => ({
|
|
|
70
71
|
"&.MuiInputBase-root": {
|
|
71
72
|
backgroundColor: "white",
|
|
72
73
|
height: "40px",
|
|
73
|
-
borderRadius: "24px",
|
|
74
|
+
// borderRadius: "24px",
|
|
75
|
+
borderRadius: theme.spacing(1),
|
|
74
76
|
paddingRight: "12px",
|
|
75
77
|
paddingLeft: "20px",
|
|
76
78
|
border: `1px solid ${theme.custom.grey[500]}`,
|
|
@@ -100,6 +102,9 @@ const TextInput = styled(InputBase)(({ theme }) => ({
|
|
|
100
102
|
":hover": {
|
|
101
103
|
backgroundColor: theme.custom.red[200]
|
|
102
104
|
}
|
|
105
|
+
},
|
|
106
|
+
"&.Mui-error.Mui-focused": {
|
|
107
|
+
border: `2px solid ${theme.custom.red[600]}`
|
|
103
108
|
}
|
|
104
109
|
}));
|
|
105
110
|
export {
|
|
@@ -2,6 +2,6 @@ export interface ISearchBoxProps {
|
|
|
2
2
|
placeholder?: string;
|
|
3
3
|
value: string | null;
|
|
4
4
|
onChange: (value: string) => void;
|
|
5
|
-
variant
|
|
5
|
+
variant?: "standalone";
|
|
6
6
|
}
|
|
7
7
|
export declare function SearchBox(props: ISearchBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,68 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { FoodsTextInput } from "../Form/FoodsFormFields/FoodsTextInput.js";
|
|
3
|
+
import { FoodsIcon } from "../Icons/FoodsIcon.js";
|
|
4
4
|
function SearchBox(props) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
height: "40px",
|
|
8
|
-
padding: "0px 6px 0px 20px",
|
|
9
|
-
...theme.custom.searchBox,
|
|
10
|
-
minWidth: "350px"
|
|
11
|
-
};
|
|
12
|
-
const buttonStyleStandalone = {
|
|
13
|
-
height: "20px",
|
|
14
|
-
padding: "0px",
|
|
15
|
-
width: "100%",
|
|
16
|
-
"&>.MuiInputBase-root>fieldset": {
|
|
17
|
-
border: "none"
|
|
18
|
-
},
|
|
19
|
-
"&>.MuiInputBase-root>input": {
|
|
20
|
-
padding: "0"
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
const stackStyleInline = {
|
|
24
|
-
height: "48px",
|
|
25
|
-
padding: "0px 16px 0px 24px",
|
|
26
|
-
borderTop: "1px solid " + theme.custom.grey[500],
|
|
27
|
-
borderBottom: "1px solid " + theme.custom.grey[500],
|
|
28
|
-
background: theme.custom.grey[200]
|
|
29
|
-
};
|
|
30
|
-
const buttonStyleInline = {
|
|
31
|
-
"&>.MuiInputBase-root>fieldset": {
|
|
32
|
-
border: "none"
|
|
33
|
-
},
|
|
34
|
-
"&>.MuiInputBase-root>input": {
|
|
35
|
-
width: "100%",
|
|
36
|
-
height: "48px",
|
|
37
|
-
padding: "0",
|
|
38
|
-
border: "none"
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
return /* @__PURE__ */ jsxs(
|
|
42
|
-
Stack,
|
|
5
|
+
return /* @__PURE__ */ jsx(
|
|
6
|
+
FoodsTextInput,
|
|
43
7
|
{
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
/* @__PURE__ */ jsx(
|
|
52
|
-
|
|
53
|
-
{
|
|
54
|
-
label: "",
|
|
55
|
-
type: "search",
|
|
56
|
-
placeholder: props.placeholder,
|
|
57
|
-
value: props.value,
|
|
58
|
-
onChange: (e) => {
|
|
59
|
-
props.onChange(e.target.value);
|
|
60
|
-
},
|
|
61
|
-
sx: props.variant === "standalone" ? buttonStyleStandalone : buttonStyleInline
|
|
62
|
-
}
|
|
63
|
-
),
|
|
64
|
-
/* @__PURE__ */ jsx(SearchOutlined, {})
|
|
65
|
-
]
|
|
8
|
+
value: props.value ?? "",
|
|
9
|
+
onChange: (e) => {
|
|
10
|
+
props.onChange(e);
|
|
11
|
+
},
|
|
12
|
+
ExtraInputProps: {
|
|
13
|
+
type: "search",
|
|
14
|
+
placeholder: props.placeholder,
|
|
15
|
+
endAdornment: /* @__PURE__ */ jsx(FoodsIcon, { size: 2, icon: "search" })
|
|
16
|
+
}
|
|
66
17
|
}
|
|
67
18
|
);
|
|
68
19
|
}
|
|
@@ -22,12 +22,12 @@ export declare const ColorInputContainer: StyledComponent< BoxOwnProps<Theme> &
|
|
|
22
22
|
}, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
23
23
|
export declare const ColorButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
24
24
|
ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
|
|
25
|
-
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "
|
|
25
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
|
|
26
26
|
currentColor?: string;
|
|
27
27
|
}, {}, {}>;
|
|
28
28
|
export declare const ColorButtonBackground: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
29
29
|
ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
|
|
30
|
-
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "
|
|
30
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme> & {
|
|
31
31
|
currentColor?: string;
|
|
32
32
|
}, {}, {}>;
|
|
33
33
|
export declare const HiddenInput: StyledComponent<MUIStyledCommonProps<Theme>, DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
@@ -5,7 +5,7 @@ import { DetailedHTMLProps, ButtonHTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRE
|
|
|
5
5
|
import { MUIStyledCommonProps, BoxOwnProps } from '@mui/system';
|
|
6
6
|
export declare const ToolbarButton: StyledComponent< ButtonOwnProps & Omit< ButtonBaseOwnProps, "classes"> & CommonProps & Omit<Omit< DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
7
7
|
ref?: ((instance: HTMLButtonElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLButtonElement> | null | undefined;
|
|
8
|
-
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "
|
|
8
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "fullWidth" | "disableElevation" | "disableFocusRipple" | "disableRipple" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
9
9
|
export declare const TextCommandsContainer: StyledComponent< BoxOwnProps<Theme> & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
10
|
ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
|
|
11
11
|
}, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
|
|
@@ -1,64 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useTheme, Box, TextField } from "@mui/material";
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
2
|
import { FoodsIcon } from "../Icons/FoodsIcon.js";
|
|
4
3
|
import { useFoodsSelectContext } from "../Select/FoodsSelect/Context/useSelect.js";
|
|
4
|
+
import { FoodsTextInput } from "../Form/FoodsFormFields/FoodsTextInput.js";
|
|
5
5
|
const FoodsSearch = () => {
|
|
6
6
|
const { search, setSearch, textOptions } = useFoodsSelectContext();
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
Box,
|
|
7
|
+
return /* @__PURE__ */ jsx(
|
|
8
|
+
FoodsTextInput,
|
|
10
9
|
{
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
justifyContent: "space-between",
|
|
15
|
-
alignItems: "center",
|
|
16
|
-
width: "100%",
|
|
17
|
-
height: "40px",
|
|
18
|
-
padding: "0px 20px 0px 20px",
|
|
19
|
-
borderRadius: "24px",
|
|
20
|
-
border: `1px solid ${theme.custom.grey[500]}`,
|
|
21
|
-
background: "white",
|
|
22
|
-
boxShadow: "0px 2px 8px 0px " + theme.custom.grey[500]
|
|
10
|
+
value: search,
|
|
11
|
+
onChange: (newValue) => {
|
|
12
|
+
setSearch(newValue);
|
|
23
13
|
},
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
label: "",
|
|
29
|
-
placeholder: textOptions.searchPlaceholder,
|
|
30
|
-
value: search,
|
|
31
|
-
onChange: (e) => {
|
|
32
|
-
setSearch(e.target.value);
|
|
33
|
-
},
|
|
34
|
-
sx: {
|
|
35
|
-
width: "100%",
|
|
36
|
-
"&>.MuiInputBase-root": {
|
|
37
|
-
">fieldset": {
|
|
38
|
-
border: "none"
|
|
39
|
-
},
|
|
40
|
-
">input": {
|
|
41
|
-
padding: 0
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
),
|
|
47
|
-
/* @__PURE__ */ jsxs(
|
|
48
|
-
Box,
|
|
49
|
-
{
|
|
50
|
-
sx: {
|
|
51
|
-
display: "flex",
|
|
52
|
-
gap: "8px",
|
|
53
|
-
alignItems: "center"
|
|
54
|
-
},
|
|
55
|
-
children: [
|
|
56
|
-
search !== "" && /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, onClick: () => setSearch(""), children: /* @__PURE__ */ jsx(FoodsIcon, { size: 2, icon: "close" }) }),
|
|
57
|
-
/* @__PURE__ */ jsx(FoodsIcon, { size: 3, icon: "search" })
|
|
58
|
-
]
|
|
59
|
-
}
|
|
60
|
-
)
|
|
61
|
-
]
|
|
14
|
+
ExtraInputProps: {
|
|
15
|
+
placeholder: textOptions.searchPlaceholder,
|
|
16
|
+
endAdornment: /* @__PURE__ */ jsx(FoodsIcon, { size: 2, icon: "search" })
|
|
17
|
+
}
|
|
62
18
|
}
|
|
63
19
|
);
|
|
64
20
|
};
|
package/dist/main.js
CHANGED
|
@@ -89,10 +89,8 @@ import { BlockItemInner } from "./components/Layout/BlockList/Blocks/Container/B
|
|
|
89
89
|
import { EmptyForm } from "./components/Layout/BlockList/Blocks/InnerInfoBlocks/EmptyForm.js";
|
|
90
90
|
import { SuggestionBlock } from "./components/Layout/BlockList/Blocks/InnerInfoBlocks/SuggestionBlock.js";
|
|
91
91
|
import { CheckboxBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/CheckboxBlock.js";
|
|
92
|
-
import { NumericalBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/NumericalBlock.js";
|
|
93
92
|
import { RadioBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/RadioBlock.js";
|
|
94
93
|
import { SelectBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/SelectBlock.js";
|
|
95
|
-
import { TextBlock } from "./components/Layout/BlockList/Blocks/InnerInputBlocks/TextBlock.js";
|
|
96
94
|
import { ListHeader } from "./components/Layout/BlockList/Headers/ListHeader.js";
|
|
97
95
|
import { EditHeader } from "./components/Layout/BlockList/Headers/EditHeader.js";
|
|
98
96
|
import { InitHeader } from "./components/Layout/BlockList/Headers/InitHeader.js";
|
|
@@ -240,7 +238,6 @@ export {
|
|
|
240
238
|
Navbar,
|
|
241
239
|
NumberField,
|
|
242
240
|
NumberWithUnit,
|
|
243
|
-
NumericalBlock,
|
|
244
241
|
OptionsPopover,
|
|
245
242
|
FoodsPills as Pills,
|
|
246
243
|
PointsCell,
|
|
@@ -276,7 +273,6 @@ export {
|
|
|
276
273
|
TertiaryToggleButton,
|
|
277
274
|
TertiaryToggleButtonNodeTitle,
|
|
278
275
|
TextArrowList,
|
|
279
|
-
TextBlock,
|
|
280
276
|
TextField,
|
|
281
277
|
TextTitle,
|
|
282
278
|
TextTitleGreyIcon,
|
|
@@ -7,6 +7,13 @@ const components = {
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
},
|
|
10
|
+
MuiAutocomplete: {
|
|
11
|
+
styleOverrides: {
|
|
12
|
+
root: () => {
|
|
13
|
+
return {};
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
10
17
|
MuiAvatar: {
|
|
11
18
|
defaultProps: {
|
|
12
19
|
children: []
|
|
@@ -169,7 +176,7 @@ const components = {
|
|
|
169
176
|
},
|
|
170
177
|
...ownerState.variant === "select" && {
|
|
171
178
|
backgroundColor: theme.custom.grey[100],
|
|
172
|
-
borderRadius:
|
|
179
|
+
borderRadius: theme.spacing(1),
|
|
173
180
|
border: `1px solid ${theme.custom.grey[500]}`
|
|
174
181
|
},
|
|
175
182
|
...ownerState.variant === "validate" && {
|
|
@@ -633,9 +640,48 @@ const components = {
|
|
|
633
640
|
})
|
|
634
641
|
}
|
|
635
642
|
},
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
643
|
+
// This should be activated, but there is too many ripple effect on the codebase right now
|
|
644
|
+
// MuiInputBase: {
|
|
645
|
+
// styleOverrides: {
|
|
646
|
+
// root: ({ theme }) => ({
|
|
647
|
+
// backgroundColor: "white",
|
|
648
|
+
// height: "40px",
|
|
649
|
+
// borderRadius: theme.spacing(1),
|
|
650
|
+
// paddingRight: "12px",
|
|
651
|
+
// paddingLeft: "20px",
|
|
652
|
+
// border: `1px solid ${theme.custom.grey[500]}`,
|
|
653
|
+
// "&:hover": {
|
|
654
|
+
// backgroundColor: theme.custom.grey[300],
|
|
655
|
+
// },
|
|
656
|
+
// color: theme.custom.grey[2800],
|
|
657
|
+
// ...theme.typography["body-medium"],
|
|
658
|
+
// "& ::placeholder": {
|
|
659
|
+
// ...theme.typography["body-medium"],
|
|
660
|
+
// color: theme.custom.grey[1400],
|
|
661
|
+
// },
|
|
662
|
+
// "&.Mui-disabled": {
|
|
663
|
+
// backgroundColor: theme.custom.grey[500],
|
|
664
|
+
// "&:hover": {
|
|
665
|
+
// backgroundColor: theme.custom.grey[500],
|
|
666
|
+
// },
|
|
667
|
+
// },
|
|
668
|
+
// "&.Mui-focused": {
|
|
669
|
+
// border: `2px solid ${theme.custom.grey[2800]}`,
|
|
670
|
+
// },
|
|
671
|
+
// "&.Mui-error": {
|
|
672
|
+
// border: `1px solid ${theme.custom.red[600]}`,
|
|
673
|
+
// backgroundColor: theme.custom.red[100],
|
|
674
|
+
// color: theme.custom.red[600],
|
|
675
|
+
// "&:hover": {
|
|
676
|
+
// backgroundColor: theme.custom.red[200],
|
|
677
|
+
// },
|
|
678
|
+
// },
|
|
679
|
+
// "&.Mui-error.Mui-focused": {
|
|
680
|
+
// border: `2px solid ${theme.custom.red[600]}`,
|
|
681
|
+
// },
|
|
682
|
+
// }),
|
|
683
|
+
// },
|
|
684
|
+
// },
|
|
639
685
|
MuiChip: {
|
|
640
686
|
styleOverrides: {
|
|
641
687
|
root: ({ theme, ownerState }) => ({
|
package/package.json
CHANGED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { BlockOptions } from '../Container/BlockItemInner';
|
|
2
|
-
import { RoundInputProps } from '../../../../Input';
|
|
3
|
-
type NumericalBlockProps = RoundInputProps & {
|
|
4
|
-
blockOptions: BlockOptions;
|
|
5
|
-
};
|
|
6
|
-
export declare const NumericalBlock: (props: NumericalBlockProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { BlockItemInner } from "../Container/BlockItemInner.js";
|
|
3
|
-
import { RoundInput } from "../../../../Input/RoundInput.js";
|
|
4
|
-
const NumericalBlock = (props) => {
|
|
5
|
-
const { blockOptions, ...FoodsRoundInputProps } = props;
|
|
6
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(BlockItemInner, { blockOptions, children: /* @__PURE__ */ jsx(RoundInput, { ...FoodsRoundInputProps, type: "number" }) }) });
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
NumericalBlock
|
|
10
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { BlockOptions } from '../Container/BlockItemInner';
|
|
2
|
-
import { RoundInputProps } from '../../../../Input';
|
|
3
|
-
type TextBlockProps = RoundInputProps & {
|
|
4
|
-
blockOptions: BlockOptions;
|
|
5
|
-
};
|
|
6
|
-
export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { BlockItemInner } from "../Container/BlockItemInner.js";
|
|
3
|
-
import { RoundInput } from "../../../../Input/RoundInput.js";
|
|
4
|
-
const TextBlock = (props) => {
|
|
5
|
-
const { blockOptions, ...FoodsRoundInputProps } = props;
|
|
6
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(BlockItemInner, { blockOptions, children: /* @__PURE__ */ jsx(RoundInput, { ...FoodsRoundInputProps }) }) });
|
|
7
|
-
};
|
|
8
|
-
export {
|
|
9
|
-
TextBlock
|
|
10
|
-
};
|