@zidsa/zidmui 3.1.5 → 3.1.6
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/components/app-input-base.js +3 -4
- package/dist/react/cjs/components/app-input-base.js.map +1 -1
- package/dist/react/es/components/app-input-base.js +3 -4
- package/dist/react/es/components/app-input-base.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -46,6 +46,9 @@ const AppInputBase = ({
|
|
|
46
46
|
event.currentTarget.blur();
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
|
+
if (typeof slotProps?.htmlInput !== "function" && slotProps?.htmlInput) {
|
|
50
|
+
slotProps.htmlInput.onWheel = handleWheel;
|
|
51
|
+
}
|
|
49
52
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
53
|
material.TextField,
|
|
51
54
|
{
|
|
@@ -59,10 +62,6 @@ const AppInputBase = ({
|
|
|
59
62
|
// FIX: autocomplete inputs gets broken
|
|
60
63
|
// oxlint-disable-next-line @typescript-eslint/no-explicit-any
|
|
61
64
|
...props.InputProps
|
|
62
|
-
},
|
|
63
|
-
htmlInput: {
|
|
64
|
-
onWheel: handleWheel,
|
|
65
|
-
...slotProps?.htmlInput
|
|
66
65
|
}
|
|
67
66
|
},
|
|
68
67
|
...props,
|
|
@@ -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 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
|
|
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 if (typeof slotProps?.htmlInput !== 'function' && slotProps?.htmlInput) {\n slotProps.htmlInput.onWheel = handleWheel;\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 }}\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,MAAI,OAAO,WAAW,cAAc,cAAc,WAAW,WAAW;AACtE,cAAU,UAAU,UAAU;AAAA,EAChC;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,MACZ;AAAA,MAED,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
|
|
@@ -44,6 +44,9 @@ const AppInputBase = ({
|
|
|
44
44
|
event.currentTarget.blur();
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
|
+
if (typeof slotProps?.htmlInput !== "function" && slotProps?.htmlInput) {
|
|
48
|
+
slotProps.htmlInput.onWheel = handleWheel;
|
|
49
|
+
}
|
|
47
50
|
return /* @__PURE__ */ jsx(
|
|
48
51
|
TextField,
|
|
49
52
|
{
|
|
@@ -57,10 +60,6 @@ const AppInputBase = ({
|
|
|
57
60
|
// FIX: autocomplete inputs gets broken
|
|
58
61
|
// oxlint-disable-next-line @typescript-eslint/no-explicit-any
|
|
59
62
|
...props.InputProps
|
|
60
|
-
},
|
|
61
|
-
htmlInput: {
|
|
62
|
-
onWheel: handleWheel,
|
|
63
|
-
...slotProps?.htmlInput
|
|
64
63
|
}
|
|
65
64
|
},
|
|
66
65
|
...props,
|
|
@@ -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 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
|
|
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 if (typeof slotProps?.htmlInput !== 'function' && slotProps?.htmlInput) {\n slotProps.htmlInput.onWheel = handleWheel;\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 }}\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,MAAI,OAAO,WAAW,cAAc,cAAc,WAAW,WAAW;AACtE,cAAU,UAAU,UAAU;AAAA,EAChC;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,MACZ;AAAA,MAED,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|