@zidsa/zidmui 3.1.3 → 3.1.5
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/react/cjs/_virtual/index.js +3 -5
- package/dist/react/cjs/_virtual/index.js.map +1 -1
- package/dist/react/cjs/_virtual/index2.js +5 -3
- package/dist/react/cjs/_virtual/index2.js.map +1 -1
- package/dist/react/cjs/components/app-input-base.js +33 -14
- package/dist/react/cjs/components/app-input-base.js.map +1 -1
- package/dist/react/cjs/node_modules/.pnpm/@mui_system@7.3.5_@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4__@emotion_st_11ad1bc919f221d0594f2562584c38ea/node_modules/@mui/system/esm/responsivePropType/responsivePropType.js +1 -1
- package/dist/react/cjs/node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js +1 -1
- package/dist/react/es/_virtual/index.js +2 -5
- package/dist/react/es/_virtual/index.js.map +1 -1
- package/dist/react/es/_virtual/index2.js +5 -2
- package/dist/react/es/_virtual/index2.js.map +1 -1
- package/dist/react/es/components/app-input-base.js +34 -15
- package/dist/react/es/components/app-input-base.js.map +1 -1
- package/dist/react/es/node_modules/.pnpm/@mui_system@7.3.5_@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4__@emotion_st_11ad1bc919f221d0594f2562584c38ea/node_modules/@mui/system/esm/responsivePropType/responsivePropType.js +1 -1
- package/dist/react/es/node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js +1 -1
- package/dist/react/types/components/app-input-base.d.ts +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const PropTypes = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
|
|
6
|
-
module.exports = PropTypes;
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
var propTypes = { exports: {} };
|
|
4
|
+
exports.__module = propTypes;
|
|
7
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
const _commonjsHelpers = require("./_commonjsHelpers.js");
|
|
3
|
+
const index = require("../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js");
|
|
4
|
+
var propTypesExports = /* @__PURE__ */ index.__require();
|
|
5
|
+
const PropTypes = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
|
|
6
|
+
module.exports = PropTypes;
|
|
5
7
|
//# sourceMappingURL=index2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
|
|
@@ -14,7 +14,9 @@ const AppInputBase = ({
|
|
|
14
14
|
endAdornmentText,
|
|
15
15
|
endAdornmentTextProps,
|
|
16
16
|
labelSuffix,
|
|
17
|
+
disableWheelNumberChange = true,
|
|
17
18
|
size = "medium",
|
|
19
|
+
slotProps,
|
|
18
20
|
...props
|
|
19
21
|
}) => {
|
|
20
22
|
let labelContent = props.label;
|
|
@@ -25,19 +27,6 @@ const AppInputBase = ({
|
|
|
25
27
|
labelSuffix
|
|
26
28
|
] });
|
|
27
29
|
}
|
|
28
|
-
const inputSlotProps = typeof props.slotProps?.input === "function" ? {} : props.slotProps?.input || {};
|
|
29
|
-
props.slotProps = {
|
|
30
|
-
...props?.slotProps,
|
|
31
|
-
input: {
|
|
32
|
-
startAdornment: startAdornment ? /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: startAdornment }) : startAdornmentText ? /* @__PURE__ */ jsxRuntime.jsx(appInputAdornmentText.AppInputAdornmentText, { position: "start", ...startAdornmentTextProps, children: startAdornmentText }) : void 0,
|
|
33
|
-
endAdornment: endAdornment ? /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "end", children: endAdornment }) : endAdornmentText ? /* @__PURE__ */ jsxRuntime.jsx(appInputAdornmentText.AppInputAdornmentText, { position: "end", ...endAdornmentTextProps, children: endAdornmentText }) : void 0,
|
|
34
|
-
...inputSlotProps,
|
|
35
|
-
// FIX: autocomplete inputs gets broken
|
|
36
|
-
// oxlint-disable-next-line @typescript-eslint/no-explicit-any
|
|
37
|
-
...props.InputProps
|
|
38
|
-
},
|
|
39
|
-
...props?.slotProps
|
|
40
|
-
};
|
|
41
30
|
const handleChangeText = React.useCallback(
|
|
42
31
|
(text) => {
|
|
43
32
|
return transformText ? transformText(text) : text;
|
|
@@ -51,7 +40,37 @@ const AppInputBase = ({
|
|
|
51
40
|
},
|
|
52
41
|
[handleChangeText, props]
|
|
53
42
|
);
|
|
54
|
-
|
|
43
|
+
const inputSlotProps = typeof slotProps?.input === "function" ? {} : slotProps?.input || {};
|
|
44
|
+
const handleWheel = (event) => {
|
|
45
|
+
if (disableWheelNumberChange && props.type === "number") {
|
|
46
|
+
event.currentTarget.blur();
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
+
material.TextField,
|
|
51
|
+
{
|
|
52
|
+
size,
|
|
53
|
+
slotProps: {
|
|
54
|
+
...slotProps,
|
|
55
|
+
input: {
|
|
56
|
+
startAdornment: startAdornment ? /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: startAdornment }) : startAdornmentText ? /* @__PURE__ */ jsxRuntime.jsx(appInputAdornmentText.AppInputAdornmentText, { position: "start", ...startAdornmentTextProps, children: startAdornmentText }) : void 0,
|
|
57
|
+
endAdornment: endAdornment ? /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "end", children: endAdornment }) : endAdornmentText ? /* @__PURE__ */ jsxRuntime.jsx(appInputAdornmentText.AppInputAdornmentText, { position: "end", ...endAdornmentTextProps, children: endAdornmentText }) : void 0,
|
|
58
|
+
...inputSlotProps,
|
|
59
|
+
// FIX: autocomplete inputs gets broken
|
|
60
|
+
// oxlint-disable-next-line @typescript-eslint/no-explicit-any
|
|
61
|
+
...props.InputProps
|
|
62
|
+
},
|
|
63
|
+
htmlInput: {
|
|
64
|
+
onWheel: handleWheel,
|
|
65
|
+
...slotProps?.htmlInput
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
...props,
|
|
69
|
+
label: labelContent,
|
|
70
|
+
onChange,
|
|
71
|
+
children
|
|
72
|
+
}
|
|
73
|
+
);
|
|
55
74
|
};
|
|
56
75
|
exports.AppInputBase = AppInputBase;
|
|
57
76
|
//# sourceMappingURL=app-input-base.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-input-base.js","sources":["../../../../src/components/app-input-base.tsx"],"sourcesContent":["import { FC, useCallback, ReactNode } from 'react';\n\nimport { InputAdornment, TextField, TextFieldProps } from '@mui/material';\n\nimport { AppInputAdornmentText, AppInputAdornmentTextProps } from './app-input-adornment-text';\n\n//\n//\n\nexport type AppInputBaseProps = Omit<TextFieldProps, 'variant'> & {\n transformText?: (text: string) => string;\n startAdornment?: React.JSX.Element;\n startAdornmentText?: React.JSX.Element | string;\n startAdornmentTextProps?: AppInputAdornmentTextProps;\n endAdornment?: React.JSX.Element;\n endAdornmentText?: React.JSX.Element | string;\n endAdornmentTextProps?: AppInputAdornmentTextProps;\n labelSuffix?: ReactNode;\n};\n\nexport const AppInputBase: FC<AppInputBaseProps> = ({\n transformText,\n children,\n startAdornment,\n startAdornmentText,\n startAdornmentTextProps,\n endAdornment,\n endAdornmentText,\n endAdornmentTextProps,\n labelSuffix,\n size = 'medium',\n ...props\n}) => {\n let labelContent = props.label;\n\n if (props.label && labelSuffix) {\n labelContent = (\n <>\n {props.label} {labelSuffix}\n </>\n );\n }\n\n const
|
|
1
|
+
{"version":3,"file":"app-input-base.js","sources":["../../../../src/components/app-input-base.tsx"],"sourcesContent":["import { FC, useCallback, ReactNode } from 'react';\n\nimport { InputAdornment, TextField, TextFieldProps } from '@mui/material';\n\nimport { AppInputAdornmentText, AppInputAdornmentTextProps } from './app-input-adornment-text';\n\n//\n//\n\nexport type AppInputBaseProps = Omit<TextFieldProps, 'variant'> & {\n transformText?: (text: string) => string;\n startAdornment?: React.JSX.Element;\n startAdornmentText?: React.JSX.Element | string;\n startAdornmentTextProps?: AppInputAdornmentTextProps;\n endAdornment?: React.JSX.Element;\n endAdornmentText?: React.JSX.Element | string;\n endAdornmentTextProps?: AppInputAdornmentTextProps;\n labelSuffix?: ReactNode;\n disableWheelNumberChange?: boolean;\n};\n\nexport const AppInputBase: FC<AppInputBaseProps> = ({\n transformText,\n children,\n startAdornment,\n startAdornmentText,\n startAdornmentTextProps,\n endAdornment,\n endAdornmentText,\n endAdornmentTextProps,\n labelSuffix,\n disableWheelNumberChange = true,\n size = 'medium',\n slotProps,\n ...props\n}) => {\n let labelContent = props.label;\n\n if (props.label && labelSuffix) {\n labelContent = (\n <>\n {props.label} {labelSuffix}\n </>\n );\n }\n\n const handleChangeText = useCallback(\n (text: string) => {\n return transformText ? transformText(text) : text;\n },\n [transformText],\n );\n\n const onChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n event.target.value = handleChangeText(event.target.value);\n props?.onChange?.(event);\n },\n [handleChangeText, props],\n );\n\n const inputSlotProps = typeof slotProps?.input === 'function' ? {} : slotProps?.input || {};\n\n // Prevent scroll wheel from changing number input values\n const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\n if (disableWheelNumberChange && props.type === 'number') {\n event.currentTarget.blur();\n }\n };\n\n return (\n <TextField\n size={size}\n slotProps={{\n ...slotProps,\n input: {\n startAdornment: startAdornment ? (\n <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n ) : startAdornmentText ? (\n <AppInputAdornmentText position=\"start\" {...startAdornmentTextProps}>\n {startAdornmentText}\n </AppInputAdornmentText>\n ) : undefined,\n endAdornment: endAdornment ? (\n <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\n ) : endAdornmentText ? (\n <AppInputAdornmentText position=\"end\" {...endAdornmentTextProps}>\n {endAdornmentText}\n </AppInputAdornmentText>\n ) : undefined,\n ...inputSlotProps,\n\n // FIX: autocomplete inputs gets broken\n // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n ...(props.InputProps as any),\n },\n htmlInput: {\n onWheel: handleWheel,\n ...slotProps?.htmlInput,\n },\n }}\n {...props}\n label={labelContent}\n onChange={onChange}\n >\n {children}\n </TextField>\n );\n};\n"],"names":["jsxs","Fragment","useCallback","jsx","TextField","InputAdornment","AppInputAdornmentText"],"mappings":";;;;;;AAqBO,MAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,eAAe,MAAM;AAEzB,MAAI,MAAM,SAAS,aAAa;AAC9B,mBACEA,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,MAAA,MAAM;AAAA,MAAM;AAAA,MAAE;AAAA,IAAA,GACjB;AAAA,EAEJ;AAEA,QAAM,mBAAmBC,MAAAA;AAAAA,IACvB,CAAC,SAAiB;AAChB,aAAO,gBAAgB,cAAc,IAAI,IAAI;AAAA,IAC/C;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,QAAM,WAAWA,MAAAA;AAAAA,IACf,CAAC,UAA+C;AAC9C,YAAM,OAAO,QAAQ,iBAAiB,MAAM,OAAO,KAAK;AACxD,aAAO,WAAW,KAAK;AAAA,IACzB;AAAA,IACA,CAAC,kBAAkB,KAAK;AAAA,EAAA;AAG1B,QAAM,iBAAiB,OAAO,WAAW,UAAU,aAAa,KAAK,WAAW,SAAS,CAAA;AAGzF,QAAM,cAAc,CAAC,UAA8C;AACjE,QAAI,4BAA4B,MAAM,SAAS,UAAU;AACvD,YAAM,cAAc,KAAA;AAAA,IACtB;AAAA,EACF;AAEA,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,GAAG;AAAA,QACH,OAAO;AAAA,UACL,gBAAgB,iBACdD,2BAAAA,IAACE,SAAAA,gBAAA,EAAe,UAAS,SAAS,UAAA,gBAAe,IAC/C,qBACFF,+BAACG,sBAAAA,yBAAsB,UAAS,SAAS,GAAG,yBACzC,8BACH,IACE;AAAA,UACJ,cAAc,eACZH,2BAAAA,IAACE,SAAAA,gBAAA,EAAe,UAAS,OAAO,UAAA,cAAa,IAC3C,mBACFF,+BAACG,sBAAAA,yBAAsB,UAAS,OAAO,GAAG,uBACvC,4BACH,IACE;AAAA,UACJ,GAAG;AAAA;AAAA;AAAA,UAIH,GAAI,MAAM;AAAA,QAAA;AAAA,QAEZ,WAAW;AAAA,UACT,SAAS;AAAA,UACT,GAAG,WAAW;AAAA,QAAA;AAAA,MAChB;AAAA,MAED,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const index = require("../../../../../../../../_virtual/
|
|
2
|
+
const index = require("../../../../../../../../_virtual/index2.js");
|
|
3
3
|
const responsivePropType = process.env.NODE_ENV !== "production" ? index.oneOfType([index.number, index.string, index.object, index.array]) : {};
|
|
4
4
|
module.exports = responsivePropType;
|
|
5
5
|
//# sourceMappingURL=responsivePropType.js.map
|
package/dist/react/cjs/node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const index$1 = require("../../../../../_virtual/
|
|
3
|
+
const index$1 = require("../../../../../_virtual/index.js");
|
|
4
4
|
const index = require("../../../react-is@16.13.1/node_modules/react-is/index.js");
|
|
5
5
|
const factoryWithTypeCheckers = require("./factoryWithTypeCheckers.js");
|
|
6
6
|
const factoryWithThrowingShims = require("./factoryWithThrowingShims.js");
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { __require as requirePropTypes } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
|
|
3
|
-
var propTypesExports = /* @__PURE__ */ requirePropTypes();
|
|
4
|
-
const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
|
|
1
|
+
var propTypes = { exports: {} };
|
|
5
2
|
export {
|
|
6
|
-
|
|
3
|
+
propTypes as __module
|
|
7
4
|
};
|
|
8
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
|
|
2
|
+
import { __require as requirePropTypes } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
|
|
3
|
+
var propTypesExports = /* @__PURE__ */ requirePropTypes();
|
|
4
|
+
const PropTypes = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
PropTypes as default
|
|
4
7
|
};
|
|
5
8
|
//# sourceMappingURL=index2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { TextField, InputAdornment } from "@mui/material";
|
|
4
4
|
import { AppInputAdornmentText } from "./app-input-adornment-text.js";
|
|
5
5
|
const AppInputBase = ({
|
|
6
6
|
transformText,
|
|
@@ -12,7 +12,9 @@ const AppInputBase = ({
|
|
|
12
12
|
endAdornmentText,
|
|
13
13
|
endAdornmentTextProps,
|
|
14
14
|
labelSuffix,
|
|
15
|
+
disableWheelNumberChange = true,
|
|
15
16
|
size = "medium",
|
|
17
|
+
slotProps,
|
|
16
18
|
...props
|
|
17
19
|
}) => {
|
|
18
20
|
let labelContent = props.label;
|
|
@@ -23,19 +25,6 @@ const AppInputBase = ({
|
|
|
23
25
|
labelSuffix
|
|
24
26
|
] });
|
|
25
27
|
}
|
|
26
|
-
const inputSlotProps = typeof props.slotProps?.input === "function" ? {} : props.slotProps?.input || {};
|
|
27
|
-
props.slotProps = {
|
|
28
|
-
...props?.slotProps,
|
|
29
|
-
input: {
|
|
30
|
-
startAdornment: startAdornment ? /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }) : startAdornmentText ? /* @__PURE__ */ jsx(AppInputAdornmentText, { position: "start", ...startAdornmentTextProps, children: startAdornmentText }) : void 0,
|
|
31
|
-
endAdornment: endAdornment ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment }) : endAdornmentText ? /* @__PURE__ */ jsx(AppInputAdornmentText, { position: "end", ...endAdornmentTextProps, children: endAdornmentText }) : void 0,
|
|
32
|
-
...inputSlotProps,
|
|
33
|
-
// FIX: autocomplete inputs gets broken
|
|
34
|
-
// oxlint-disable-next-line @typescript-eslint/no-explicit-any
|
|
35
|
-
...props.InputProps
|
|
36
|
-
},
|
|
37
|
-
...props?.slotProps
|
|
38
|
-
};
|
|
39
28
|
const handleChangeText = useCallback(
|
|
40
29
|
(text) => {
|
|
41
30
|
return transformText ? transformText(text) : text;
|
|
@@ -49,7 +38,37 @@ const AppInputBase = ({
|
|
|
49
38
|
},
|
|
50
39
|
[handleChangeText, props]
|
|
51
40
|
);
|
|
52
|
-
|
|
41
|
+
const inputSlotProps = typeof slotProps?.input === "function" ? {} : slotProps?.input || {};
|
|
42
|
+
const handleWheel = (event) => {
|
|
43
|
+
if (disableWheelNumberChange && props.type === "number") {
|
|
44
|
+
event.currentTarget.blur();
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
return /* @__PURE__ */ jsx(
|
|
48
|
+
TextField,
|
|
49
|
+
{
|
|
50
|
+
size,
|
|
51
|
+
slotProps: {
|
|
52
|
+
...slotProps,
|
|
53
|
+
input: {
|
|
54
|
+
startAdornment: startAdornment ? /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }) : startAdornmentText ? /* @__PURE__ */ jsx(AppInputAdornmentText, { position: "start", ...startAdornmentTextProps, children: startAdornmentText }) : void 0,
|
|
55
|
+
endAdornment: endAdornment ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment }) : endAdornmentText ? /* @__PURE__ */ jsx(AppInputAdornmentText, { position: "end", ...endAdornmentTextProps, children: endAdornmentText }) : void 0,
|
|
56
|
+
...inputSlotProps,
|
|
57
|
+
// FIX: autocomplete inputs gets broken
|
|
58
|
+
// oxlint-disable-next-line @typescript-eslint/no-explicit-any
|
|
59
|
+
...props.InputProps
|
|
60
|
+
},
|
|
61
|
+
htmlInput: {
|
|
62
|
+
onWheel: handleWheel,
|
|
63
|
+
...slotProps?.htmlInput
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
...props,
|
|
67
|
+
label: labelContent,
|
|
68
|
+
onChange,
|
|
69
|
+
children
|
|
70
|
+
}
|
|
71
|
+
);
|
|
53
72
|
};
|
|
54
73
|
export {
|
|
55
74
|
AppInputBase
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-input-base.js","sources":["../../../../src/components/app-input-base.tsx"],"sourcesContent":["import { FC, useCallback, ReactNode } from 'react';\n\nimport { InputAdornment, TextField, TextFieldProps } from '@mui/material';\n\nimport { AppInputAdornmentText, AppInputAdornmentTextProps } from './app-input-adornment-text';\n\n//\n//\n\nexport type AppInputBaseProps = Omit<TextFieldProps, 'variant'> & {\n transformText?: (text: string) => string;\n startAdornment?: React.JSX.Element;\n startAdornmentText?: React.JSX.Element | string;\n startAdornmentTextProps?: AppInputAdornmentTextProps;\n endAdornment?: React.JSX.Element;\n endAdornmentText?: React.JSX.Element | string;\n endAdornmentTextProps?: AppInputAdornmentTextProps;\n labelSuffix?: ReactNode;\n};\n\nexport const AppInputBase: FC<AppInputBaseProps> = ({\n transformText,\n children,\n startAdornment,\n startAdornmentText,\n startAdornmentTextProps,\n endAdornment,\n endAdornmentText,\n endAdornmentTextProps,\n labelSuffix,\n size = 'medium',\n ...props\n}) => {\n let labelContent = props.label;\n\n if (props.label && labelSuffix) {\n labelContent = (\n <>\n {props.label} {labelSuffix}\n </>\n );\n }\n\n const
|
|
1
|
+
{"version":3,"file":"app-input-base.js","sources":["../../../../src/components/app-input-base.tsx"],"sourcesContent":["import { FC, useCallback, ReactNode } from 'react';\n\nimport { InputAdornment, TextField, TextFieldProps } from '@mui/material';\n\nimport { AppInputAdornmentText, AppInputAdornmentTextProps } from './app-input-adornment-text';\n\n//\n//\n\nexport type AppInputBaseProps = Omit<TextFieldProps, 'variant'> & {\n transformText?: (text: string) => string;\n startAdornment?: React.JSX.Element;\n startAdornmentText?: React.JSX.Element | string;\n startAdornmentTextProps?: AppInputAdornmentTextProps;\n endAdornment?: React.JSX.Element;\n endAdornmentText?: React.JSX.Element | string;\n endAdornmentTextProps?: AppInputAdornmentTextProps;\n labelSuffix?: ReactNode;\n disableWheelNumberChange?: boolean;\n};\n\nexport const AppInputBase: FC<AppInputBaseProps> = ({\n transformText,\n children,\n startAdornment,\n startAdornmentText,\n startAdornmentTextProps,\n endAdornment,\n endAdornmentText,\n endAdornmentTextProps,\n labelSuffix,\n disableWheelNumberChange = true,\n size = 'medium',\n slotProps,\n ...props\n}) => {\n let labelContent = props.label;\n\n if (props.label && labelSuffix) {\n labelContent = (\n <>\n {props.label} {labelSuffix}\n </>\n );\n }\n\n const handleChangeText = useCallback(\n (text: string) => {\n return transformText ? transformText(text) : text;\n },\n [transformText],\n );\n\n const onChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n event.target.value = handleChangeText(event.target.value);\n props?.onChange?.(event);\n },\n [handleChangeText, props],\n );\n\n const inputSlotProps = typeof slotProps?.input === 'function' ? {} : slotProps?.input || {};\n\n // Prevent scroll wheel from changing number input values\n const handleWheel = (event: React.WheelEvent<HTMLInputElement>) => {\n if (disableWheelNumberChange && props.type === 'number') {\n event.currentTarget.blur();\n }\n };\n\n return (\n <TextField\n size={size}\n slotProps={{\n ...slotProps,\n input: {\n startAdornment: startAdornment ? (\n <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n ) : startAdornmentText ? (\n <AppInputAdornmentText position=\"start\" {...startAdornmentTextProps}>\n {startAdornmentText}\n </AppInputAdornmentText>\n ) : undefined,\n endAdornment: endAdornment ? (\n <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\n ) : endAdornmentText ? (\n <AppInputAdornmentText position=\"end\" {...endAdornmentTextProps}>\n {endAdornmentText}\n </AppInputAdornmentText>\n ) : undefined,\n ...inputSlotProps,\n\n // FIX: autocomplete inputs gets broken\n // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n ...(props.InputProps as any),\n },\n htmlInput: {\n onWheel: handleWheel,\n ...slotProps?.htmlInput,\n },\n }}\n {...props}\n label={labelContent}\n onChange={onChange}\n >\n {children}\n </TextField>\n );\n};\n"],"names":[],"mappings":";;;;AAqBO,MAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,eAAe,MAAM;AAEzB,MAAI,MAAM,SAAS,aAAa;AAC9B,mBACE,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,MAAM;AAAA,MAAM;AAAA,MAAE;AAAA,IAAA,GACjB;AAAA,EAEJ;AAEA,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAiB;AAChB,aAAO,gBAAgB,cAAc,IAAI,IAAI;AAAA,IAC/C;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,QAAM,WAAW;AAAA,IACf,CAAC,UAA+C;AAC9C,YAAM,OAAO,QAAQ,iBAAiB,MAAM,OAAO,KAAK;AACxD,aAAO,WAAW,KAAK;AAAA,IACzB;AAAA,IACA,CAAC,kBAAkB,KAAK;AAAA,EAAA;AAG1B,QAAM,iBAAiB,OAAO,WAAW,UAAU,aAAa,KAAK,WAAW,SAAS,CAAA;AAGzF,QAAM,cAAc,CAAC,UAA8C;AACjE,QAAI,4BAA4B,MAAM,SAAS,UAAU;AACvD,YAAM,cAAc,KAAA;AAAA,IACtB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,GAAG;AAAA,QACH,OAAO;AAAA,UACL,gBAAgB,iBACd,oBAAC,gBAAA,EAAe,UAAS,SAAS,UAAA,gBAAe,IAC/C,qBACF,oBAAC,yBAAsB,UAAS,SAAS,GAAG,yBACzC,8BACH,IACE;AAAA,UACJ,cAAc,eACZ,oBAAC,gBAAA,EAAe,UAAS,OAAO,UAAA,cAAa,IAC3C,mBACF,oBAAC,yBAAsB,UAAS,OAAO,GAAG,uBACvC,4BACH,IACE;AAAA,UACJ,GAAG;AAAA;AAAA;AAAA,UAIH,GAAI,MAAM;AAAA,QAAA;AAAA,QAEZ,WAAW;AAAA,UACT,SAAS;AAAA,UACT,GAAG,WAAW;AAAA,QAAA;AAAA,MAChB;AAAA,MAED,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import PropTypes from "../../../../../../../../_virtual/
|
|
1
|
+
import PropTypes from "../../../../../../../../_virtual/index2.js";
|
|
2
2
|
const responsivePropType = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]) : {};
|
|
3
3
|
export {
|
|
4
4
|
responsivePropType as default
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __module as propTypes } from "../../../../../_virtual/
|
|
1
|
+
import { __module as propTypes } from "../../../../../_virtual/index.js";
|
|
2
2
|
import { __require as requireReactIs } from "../../../react-is@16.13.1/node_modules/react-is/index.js";
|
|
3
3
|
import { __require as requireFactoryWithTypeCheckers } from "./factoryWithTypeCheckers.js";
|
|
4
4
|
import { __require as requireFactoryWithThrowingShims } from "./factoryWithThrowingShims.js";
|
|
@@ -10,5 +10,6 @@ export type AppInputBaseProps = Omit<TextFieldProps, 'variant'> & {
|
|
|
10
10
|
endAdornmentText?: React.JSX.Element | string;
|
|
11
11
|
endAdornmentTextProps?: AppInputAdornmentTextProps;
|
|
12
12
|
labelSuffix?: ReactNode;
|
|
13
|
+
disableWheelNumberChange?: boolean;
|
|
13
14
|
};
|
|
14
15
|
export declare const AppInputBase: FC<AppInputBaseProps>;
|