pne-ui 4.0.29 → 4.0.31
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/cjs/component/PneField.js +2 -1
- package/cjs/component/PneField.js.map +1 -1
- package/cjs/component/PneFieldContext.d.ts +0 -1
- package/cjs/component/PneFieldContext.js +1 -1
- package/cjs/component/PneFieldContext.js.map +1 -1
- package/cjs/component/PneTextField.js +9 -5
- package/cjs/component/PneTextField.js.map +1 -1
- package/esm/component/PneField.js +2 -1
- package/esm/component/PneField.js.map +1 -1
- package/esm/component/PneFieldContext.d.ts +0 -1
- package/esm/component/PneFieldContext.js +1 -1
- package/esm/component/PneFieldContext.js.map +1 -1
- package/esm/component/PneTextField.js +9 -5
- package/esm/component/PneTextField.js.map +1 -1
- package/package.json +1 -1
|
@@ -19,7 +19,6 @@ const PneField = (0, react_1.forwardRef)((props, ref) => {
|
|
|
19
19
|
fullWidth,
|
|
20
20
|
helperTextId,
|
|
21
21
|
labelId,
|
|
22
|
-
required,
|
|
23
22
|
};
|
|
24
23
|
return react_1.default.createElement(material_1.FormControl, { disabled: disabled, error: error, fullWidth: fullWidth, id: id, required: required, ref: ref, sx: [
|
|
25
24
|
{
|
|
@@ -30,9 +29,11 @@ const PneField = (0, react_1.forwardRef)((props, ref) => {
|
|
|
30
29
|
label
|
|
31
30
|
? react_1.default.createElement(material_1.FormLabel, { htmlFor: controlId, id: labelId, required: required, sx: [
|
|
32
31
|
{
|
|
32
|
+
alignSelf: 'flex-start',
|
|
33
33
|
color: error ? 'error.main' : 'text.secondary',
|
|
34
34
|
fontSize: '0.875rem',
|
|
35
35
|
lineHeight: '20px',
|
|
36
|
+
maxWidth: '100%',
|
|
36
37
|
'&.Mui-focused': {
|
|
37
38
|
color: error ? 'error.main' : 'text.secondary',
|
|
38
39
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":";;;AAAA,uDAAyE;AACzE,4CAA+F;AAE/F,uDAAuE;AAiBvE,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,EACF,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,IAAI,EAChB,UAAU,EACV,YAAY,EACZ,OAAO,EACP,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAA;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,IAAI,GAAG,OAAO,UAAU,CAAA;IAC5D,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,cAAc,CAAC,CAAC,CAAC,SAAS,CAAA;IACtE,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IACtD,MAAM,YAAY,GAAyB;QACvC,SAAS;QACT,QAAQ;QACR,KAAK;QACL,SAAS;QACT,YAAY;QACZ,OAAO;
|
|
1
|
+
{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ const usePneFieldControlProps = (props = {}) => {
|
|
|
14
14
|
fullWidth: props.fullWidth ?? fieldContext?.fullWidth,
|
|
15
15
|
id: props.id ?? fieldContext?.controlId,
|
|
16
16
|
labelId: fieldContext?.labelId,
|
|
17
|
-
required: props.required
|
|
17
|
+
required: props.required,
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
exports.usePneFieldControlProps = usePneFieldControlProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneFieldContext.js","sourceRoot":"","sources":["../../src/component/PneFieldContext.ts"],"names":[],"mappings":";;;AAAA,iCAA+C;
|
|
1
|
+
{"version":3,"file":"PneFieldContext.js","sourceRoot":"","sources":["../../src/component/PneFieldContext.ts"],"names":[],"mappings":";;;AAAA,iCAA+C;AAwBlC,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAmC,SAAS,CAAC,CAAA;AAElF,MAAM,kBAAkB,GAAG,GAAqC,EAAE,CAAC,IAAA,kBAAU,EAAC,uBAAe,CAAC,CAAA;AAAxF,QAAA,kBAAkB,sBAAsE;AAE9F,MAAM,uBAAuB,GAAG,CACnC,QAA8B,EAAE,EACJ,EAAE;IAC9B,MAAM,YAAY,GAAG,IAAA,0BAAkB,GAAE,CAAA;IAEzC,OAAO;QACH,eAAe,EAAE,IAAA,4BAAoB,EAAC,KAAK,CAAC,eAAe,EAAE,YAAY,EAAE,YAAY,CAAC;QACxF,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,YAAY,EAAE,QAAQ;QAClD,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,YAAY,EAAE,KAAK;QACzC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,YAAY,EAAE,SAAS;QACrD,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,YAAY,EAAE,SAAS;QACvC,OAAO,EAAE,YAAY,EAAE,OAAO;QAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ;KAC3B,CAAA;AACL,CAAC,CAAA;AAdY,QAAA,uBAAuB,2BAcnC;AAEM,MAAM,oBAAoB,GAAG,CAChC,GAAG,GAA8B,EACf,EAAE;IACpB,MAAM,SAAS,GAAG,GAAG;SAChB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;SACrC,MAAM,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,CAAA;IAE7E,OAAO,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACjE,CAAC,CAAA;AARY,QAAA,oBAAoB,wBAQhC"}
|
|
@@ -5,7 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
6
|
const PneFieldContext_1 = require("./PneFieldContext");
|
|
7
7
|
const PneTextField = (0, react_1.forwardRef)((props, ref) => {
|
|
8
|
-
const { 'aria-describedby': ariaDescribedBy, disabled, error, fullWidth, id, required, slotProps, sx, size = 'small', ...rest } = props;
|
|
8
|
+
const { 'aria-describedby': ariaDescribedBy, disabled, error, fullWidth, helperText, id, required, slotProps, sx, size = 'small', ...rest } = props;
|
|
9
9
|
const inputSlotProps = getSlotPropsObject(slotProps?.input);
|
|
10
10
|
const htmlInputSlotProps = getSlotPropsObject(slotProps?.htmlInput);
|
|
11
11
|
const controlProps = (0, PneFieldContext_1.usePneFieldControlProps)({
|
|
@@ -16,17 +16,21 @@ const PneTextField = (0, react_1.forwardRef)((props, ref) => {
|
|
|
16
16
|
id,
|
|
17
17
|
required,
|
|
18
18
|
});
|
|
19
|
+
const textFieldHelperTextId = helperText && controlProps.id
|
|
20
|
+
? `${controlProps.id}-helper-text`
|
|
21
|
+
: undefined;
|
|
22
|
+
const resolvedAriaDescribedBy = (0, PneFieldContext_1.mergeAriaDescribedBy)(ariaDescribedBy, getAriaDescribedBy(inputSlotProps), getAriaDescribedBy(htmlInputSlotProps), textFieldHelperTextId, controlProps.ariaDescribedBy);
|
|
19
23
|
const _sx = [
|
|
20
24
|
...(Array.isArray(sx) ? sx : [sx])
|
|
21
25
|
];
|
|
22
|
-
const resolvedSlotProps =
|
|
26
|
+
const resolvedSlotProps = resolvedAriaDescribedBy
|
|
23
27
|
? {
|
|
24
28
|
...slotProps,
|
|
25
|
-
input: withAriaDescribedBy(slotProps?.input,
|
|
26
|
-
htmlInput: withAriaDescribedBy(slotProps?.htmlInput,
|
|
29
|
+
input: withAriaDescribedBy(slotProps?.input, resolvedAriaDescribedBy),
|
|
30
|
+
htmlInput: withAriaDescribedBy(slotProps?.htmlInput, resolvedAriaDescribedBy),
|
|
27
31
|
}
|
|
28
32
|
: slotProps;
|
|
29
|
-
return react_1.default.createElement(material_1.TextField, { disabled: controlProps.disabled, error: controlProps.error, fullWidth: controlProps.fullWidth, id: controlProps.id, ref: ref, required: controlProps.required, size: size, slotProps: resolvedSlotProps, sx: _sx, ...rest });
|
|
33
|
+
return react_1.default.createElement(material_1.TextField, { disabled: controlProps.disabled, error: controlProps.error, fullWidth: controlProps.fullWidth, id: controlProps.id, helperText: helperText, ref: ref, required: controlProps.required, size: size, slotProps: resolvedSlotProps, sx: _sx, ...rest });
|
|
30
34
|
});
|
|
31
35
|
const getSlotPropsObject = (slotProps) => {
|
|
32
36
|
return typeof slotProps === 'function' ? undefined : slotProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../src/component/PneTextField.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,4CAAiE;AACjE,uDAAgF;AAEhF,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,CAC5B,KAAqB,EACrB,GAA8B,EAChC,EAAE;IACA,MAAM,EACF,kBAAkB,EAAE,eAAe,EACnC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC3D,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACnE,MAAM,YAAY,GAAG,IAAA,yCAAuB,EAAC;QACzC,eAAe,EAAE,IAAA,sCAAoB,EACjC,eAAe,EACf,kBAAkB,CAAC,cAAc,CAAC,EAClC,kBAAkB,CAAC,kBAAkB,CAAC,CACzC;QACD,QAAQ;QACR,KAAK;QACL,SAAS;QACT,EAAE;QACF,QAAQ;KACX,CAAC,CAAA;IACF,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IACD,MAAM,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../src/component/PneTextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,6 @@ const PneField = forwardRef((props, ref) => {
|
|
|
16
16
|
fullWidth,
|
|
17
17
|
helperTextId,
|
|
18
18
|
labelId,
|
|
19
|
-
required,
|
|
20
19
|
};
|
|
21
20
|
return React.createElement(FormControl, { disabled: disabled, error: error, fullWidth: fullWidth, id: id, required: required, ref: ref, sx: [
|
|
22
21
|
{
|
|
@@ -27,9 +26,11 @@ const PneField = forwardRef((props, ref) => {
|
|
|
27
26
|
label
|
|
28
27
|
? React.createElement(FormLabel, { htmlFor: controlId, id: labelId, required: required, sx: [
|
|
29
28
|
{
|
|
29
|
+
alignSelf: 'flex-start',
|
|
30
30
|
color: error ? 'error.main' : 'text.secondary',
|
|
31
31
|
fontSize: '0.875rem',
|
|
32
32
|
lineHeight: '20px',
|
|
33
|
+
maxWidth: '100%',
|
|
33
34
|
'&.Mui-focused': {
|
|
34
35
|
color: error ? 'error.main' : 'text.secondary',
|
|
35
36
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,UAAU,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,OAAO,CAAA;AACzE,OAAO,EAAC,WAAW,EAAoB,cAAc,EAAE,SAAS,EAAU,MAAM,eAAe,CAAA;AAE/F,OAAO,EAAC,eAAe,EAAuB,MAAM,mBAAmB,CAAA;AAiBvE,MAAM,QAAQ,GAAG,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,EACF,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,IAAI,EAChB,UAAU,EACV,YAAY,EACZ,OAAO,EACP,EAAE,EACF,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAA;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAM,SAAS,GAAG,OAAO,IAAI,OAAO,IAAI,GAAG,OAAO,UAAU,CAAA;IAC5D,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,cAAc,CAAC,CAAC,CAAC,SAAS,CAAA;IACtE,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IACtD,MAAM,YAAY,GAAyB;QACvC,SAAS;QACT,QAAQ;QACR,KAAK;QACL,SAAS;QACT,YAAY;QACZ,OAAO;
|
|
1
|
+
{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export const usePneFieldControlProps = (props = {}) => {
|
|
|
10
10
|
fullWidth: props.fullWidth ?? fieldContext?.fullWidth,
|
|
11
11
|
id: props.id ?? fieldContext?.controlId,
|
|
12
12
|
labelId: fieldContext?.labelId,
|
|
13
|
-
required: props.required
|
|
13
|
+
required: props.required,
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
export const mergeAriaDescribedBy = (...ids) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneFieldContext.js","sourceRoot":"","sources":["../../src/component/PneFieldContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"PneFieldContext.js","sourceRoot":"","sources":["../../src/component/PneFieldContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAA;AAwB/C,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAmC,SAAS,CAAC,CAAA;AAEzF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAqC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;AAErG,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACnC,QAA8B,EAAE,EACJ,EAAE;IAC9B,MAAM,YAAY,GAAG,kBAAkB,EAAE,CAAA;IAEzC,OAAO;QACH,eAAe,EAAE,oBAAoB,CAAC,KAAK,CAAC,eAAe,EAAE,YAAY,EAAE,YAAY,CAAC;QACxF,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,YAAY,EAAE,QAAQ;QAClD,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,YAAY,EAAE,KAAK;QACzC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,YAAY,EAAE,SAAS;QACrD,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,YAAY,EAAE,SAAS;QACvC,OAAO,EAAE,YAAY,EAAE,OAAO;QAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ;KAC3B,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAChC,GAAG,GAA8B,EACf,EAAE;IACpB,MAAM,SAAS,GAAG,GAAG;SAChB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;SACrC,MAAM,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,CAAA;IAE7E,OAAO,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACjE,CAAC,CAAA"}
|
|
@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import { TextField } from '@mui/material';
|
|
3
3
|
import { mergeAriaDescribedBy, usePneFieldControlProps } from './PneFieldContext';
|
|
4
4
|
const PneTextField = forwardRef((props, ref) => {
|
|
5
|
-
const { 'aria-describedby': ariaDescribedBy, disabled, error, fullWidth, id, required, slotProps, sx, size = 'small', ...rest } = props;
|
|
5
|
+
const { 'aria-describedby': ariaDescribedBy, disabled, error, fullWidth, helperText, id, required, slotProps, sx, size = 'small', ...rest } = props;
|
|
6
6
|
const inputSlotProps = getSlotPropsObject(slotProps?.input);
|
|
7
7
|
const htmlInputSlotProps = getSlotPropsObject(slotProps?.htmlInput);
|
|
8
8
|
const controlProps = usePneFieldControlProps({
|
|
@@ -13,17 +13,21 @@ const PneTextField = forwardRef((props, ref) => {
|
|
|
13
13
|
id,
|
|
14
14
|
required,
|
|
15
15
|
});
|
|
16
|
+
const textFieldHelperTextId = helperText && controlProps.id
|
|
17
|
+
? `${controlProps.id}-helper-text`
|
|
18
|
+
: undefined;
|
|
19
|
+
const resolvedAriaDescribedBy = mergeAriaDescribedBy(ariaDescribedBy, getAriaDescribedBy(inputSlotProps), getAriaDescribedBy(htmlInputSlotProps), textFieldHelperTextId, controlProps.ariaDescribedBy);
|
|
16
20
|
const _sx = [
|
|
17
21
|
...(Array.isArray(sx) ? sx : [sx])
|
|
18
22
|
];
|
|
19
|
-
const resolvedSlotProps =
|
|
23
|
+
const resolvedSlotProps = resolvedAriaDescribedBy
|
|
20
24
|
? {
|
|
21
25
|
...slotProps,
|
|
22
|
-
input: withAriaDescribedBy(slotProps?.input,
|
|
23
|
-
htmlInput: withAriaDescribedBy(slotProps?.htmlInput,
|
|
26
|
+
input: withAriaDescribedBy(slotProps?.input, resolvedAriaDescribedBy),
|
|
27
|
+
htmlInput: withAriaDescribedBy(slotProps?.htmlInput, resolvedAriaDescribedBy),
|
|
24
28
|
}
|
|
25
29
|
: slotProps;
|
|
26
|
-
return React.createElement(TextField, { disabled: controlProps.disabled, error: controlProps.error, fullWidth: controlProps.fullWidth, id: controlProps.id, ref: ref, required: controlProps.required, size: size, slotProps: resolvedSlotProps, sx: _sx, ...rest });
|
|
30
|
+
return React.createElement(TextField, { disabled: controlProps.disabled, error: controlProps.error, fullWidth: controlProps.fullWidth, id: controlProps.id, helperText: helperText, ref: ref, required: controlProps.required, size: size, slotProps: resolvedSlotProps, sx: _sx, ...rest });
|
|
27
31
|
});
|
|
28
32
|
const getSlotPropsObject = (slotProps) => {
|
|
29
33
|
return typeof slotProps === 'function' ? undefined : slotProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../src/component/PneTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAU,SAAS,EAAiB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAE,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAEhF,MAAM,YAAY,GAAG,UAAU,CAAC,CAC5B,KAAqB,EACrB,GAA8B,EAChC,EAAE;IACA,MAAM,EACF,kBAAkB,EAAE,eAAe,EACnC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC3D,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACnE,MAAM,YAAY,GAAG,uBAAuB,CAAC;QACzC,eAAe,EAAE,oBAAoB,CACjC,eAAe,EACf,kBAAkB,CAAC,cAAc,CAAC,EAClC,kBAAkB,CAAC,kBAAkB,CAAC,CACzC;QACD,QAAQ;QACR,KAAK;QACL,SAAS;QACT,EAAE;QACF,QAAQ;KACX,CAAC,CAAA;IACF,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IACD,MAAM,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../src/component/PneTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAU,SAAS,EAAiB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAE,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AAEhF,MAAM,YAAY,GAAG,UAAU,CAAC,CAC5B,KAAqB,EACrB,GAA8B,EAChC,EAAE;IACA,MAAM,EACF,kBAAkB,EAAE,eAAe,EACnC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,cAAc,GAAG,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAC3D,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACnE,MAAM,YAAY,GAAG,uBAAuB,CAAC;QACzC,eAAe,EAAE,oBAAoB,CACjC,eAAe,EACf,kBAAkB,CAAC,cAAc,CAAC,EAClC,kBAAkB,CAAC,kBAAkB,CAAC,CACzC;QACD,QAAQ;QACR,KAAK;QACL,SAAS;QACT,EAAE;QACF,QAAQ;KACX,CAAC,CAAA;IACF,MAAM,qBAAqB,GAAG,UAAU,IAAI,YAAY,CAAC,EAAE;QACvD,CAAC,CAAC,GAAG,YAAY,CAAC,EAAE,cAAc;QAClC,CAAC,CAAC,SAAS,CAAA;IACf,MAAM,uBAAuB,GAAG,oBAAoB,CAChD,eAAe,EACf,kBAAkB,CAAC,cAAc,CAAC,EAClC,kBAAkB,CAAC,kBAAkB,CAAC,EACtC,qBAAqB,EACrB,YAAY,CAAC,eAAe,CAC/B,CAAA;IACD,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IACD,MAAM,iBAAiB,GAAG,uBAAuB;QAC7C,CAAC,CAAC;YACE,GAAG,SAAS;YACZ,KAAK,EAAE,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,uBAAuB,CAAC;YACrE,SAAS,EAAE,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,uBAAuB,CAAC;SAChF;QACD,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,oBAAC,SAAS,IACb,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,EAAE,EAAE,YAAY,CAAC,EAAE,EACnB,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,iBAAiB,EAC5B,EAAE,EAAE,GAAG,KACH,IAAI,GACV,CAAA;AACN,CAAC,CAAC,CAAC;AAKH,MAAM,kBAAkB,GAAG,CACvB,SAA2C,EACR,EAAE;IACrC,OAAO,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAgD,CAAA;AACzG,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,CACvB,KAA0C,EACxB,EAAE;IACpB,MAAM,eAAe,GAAG,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAA;IAEnD,OAAO,OAAO,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAA;AAC5E,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CACxB,SAAqB,EACrB,eAAmC,EACM,EAAE;IAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;QACnB,OAAO,SAAS,CAAA;IACpB,CAAC;IAED,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;QAClC,OAAO,SAAS,CAAA;IACpB,CAAC;IAED,OAAO;QACH,GAAI,SAAiD;QACrD,kBAAkB,EAAE,eAAe;KACtC,CAAA;AACL,CAAC,CAAA;AAED,eAAe,YAAY,CAAC"}
|