pne-ui 4.0.28 → 4.0.30

package/cjs/component/PneField.js

@@ -3,9 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const material_1 = require("@mui/material");
+const PneFieldContext_1 = require("./PneFieldContext");
 const PneField = (0, react_1.forwardRef)((props, ref) => {
     const { children, disabled = false, error = false, fullWidth = true, helperText, helperTextSx, htmlFor, id, label, labelSx, required = false, sx, ...rest } = props;
-    const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
+    const generatedId = (0, react_1.useId)();
+    const fieldId = id ?? generatedId;
+    const childId = getChildId(children);
+    const controlId = htmlFor ?? childId ?? `${fieldId}-control`;
+    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;
+    const labelId = label ? `${fieldId}-label` : undefined;
+    const contextValue = {
+        controlId,
+        disabled,
+        error,
+        fullWidth,
+        helperTextId,
+        labelId,
+        required,
+    };
     return react_1.default.createElement(material_1.FormControl, { disabled: disabled, error: error, fullWidth: fullWidth, id: id, required: required, ref: ref, sx: [
             {
                 gap: '4px',
@@ -13,11 +28,13 @@ const PneField = (0, react_1.forwardRef)((props, ref) => {
             ...(Array.isArray(sx) ? sx : [sx]),
         ], ...rest },
         label
-            ? react_1.default.createElement(material_1.FormLabel, { htmlFor: htmlFor, required: required, sx: [
+            ? react_1.default.createElement(material_1.FormLabel, { htmlFor: controlId, id: labelId, required: required, sx: [
                     {
+                        alignSelf: 'flex-start',
                         color: error ? 'error.main' : 'text.secondary',
                         fontSize: '0.875rem',
                         lineHeight: '20px',
+                        maxWidth: '100%',
                         '&.Mui-focused': {
                             color: error ? 'error.main' : 'text.secondary',
                         },
@@ -28,7 +45,7 @@ const PneField = (0, react_1.forwardRef)((props, ref) => {
                     ...(Array.isArray(labelSx) ? labelSx : [labelSx]),
                 ] }, label)
             : null,
-        children,
+        react_1.default.createElement(PneFieldContext_1.PneFieldContext.Provider, { value: contextValue }, children),
         helperText
             ? react_1.default.createElement(material_1.FormHelperText, { id: helperTextId, sx: [
                     {
@@ -38,5 +55,13 @@ const PneField = (0, react_1.forwardRef)((props, ref) => {
                 ] }, helperText)
             : null);
 });
+const getChildId = (children) => {
+    if (!(0, react_1.isValidElement)(children)) {
+        return undefined;
+    }
+    return typeof children.props.id === 'string' && children.props.id !== ''
+        ? children.props.id
+        : undefined;
+};
 exports.default = PneField;
 //# sourceMappingURL=PneField.js.map

package/cjs/component/PneField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":";;;AAAA,uDAAkD;AAClD,4CAA+F;AAkB/F,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,YAAY,GAAG,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAA;IAEvE,OAAO,8BAAC,sBAAW,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;YACA;gBACI,GAAG,EAAE,KAAK;aACb;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACrC,KACG,IAAI;QAEP,KAAK;YACF,CAAC,CAAC,8BAAC,oBAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE;oBACA;wBACI,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB;wBAC9C,QAAQ,EAAE,UAAU;wBACpB,UAAU,EAAE,MAAM;wBAClB,eAAe,EAAE;4BACb,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB;yBACjD;wBACD,0BAA0B,EAAE;4BACxB,KAAK,EAAE,YAAY;yBACtB;qBACJ;oBACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;iBACpD,IAEA,KAAK,CACE;YACZ,CAAC,CAAC,IAAI;QACT,QAAQ;QACR,UAAU;YACP,CAAC,CAAC,8BAAC,yBAAc,IACb,EAAE,EAAE,YAAY,EAChB,EAAE,EAAE;oBACA;wBACI,EAAE,EAAE,MAAM;qBACb;oBACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;iBACnE,IAEA,UAAU,CACE;YACjB,CAAC,CAAC,IAAI,CACA,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,kBAAe,QAAQ,CAAA"}
+{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":"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"}

package/cjs/component/PneFieldContext.d.ts

@@ -0,0 +1,24 @@
+export interface PneFieldContextValue {
+    controlId?: string;
+    disabled?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    helperTextId?: string;
+    labelId?: string;
+    required?: boolean;
+}
+export interface PneFieldControlProps {
+    ariaDescribedBy?: string;
+    disabled?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    id?: string;
+    required?: boolean;
+}
+export interface ResolvedPneFieldControlProps extends PneFieldControlProps {
+    labelId?: string;
+}
+export declare const PneFieldContext: import("react").Context<PneFieldContextValue | undefined>;
+export declare const usePneFieldContext: () => PneFieldContextValue | undefined;
+export declare const usePneFieldControlProps: (props?: PneFieldControlProps) => ResolvedPneFieldControlProps;
+export declare const mergeAriaDescribedBy: (...ids: Array<string | undefined>) => string | undefined;

package/cjs/component/PneFieldContext.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeAriaDescribedBy = exports.usePneFieldControlProps = exports.usePneFieldContext = exports.PneFieldContext = void 0;
+const react_1 = require("react");
+exports.PneFieldContext = (0, react_1.createContext)(undefined);
+const usePneFieldContext = () => (0, react_1.useContext)(exports.PneFieldContext);
+exports.usePneFieldContext = usePneFieldContext;
+const usePneFieldControlProps = (props = {}) => {
+    const fieldContext = (0, exports.usePneFieldContext)();
+    return {
+        ariaDescribedBy: (0, exports.mergeAriaDescribedBy)(props.ariaDescribedBy, fieldContext?.helperTextId),
+        disabled: props.disabled ?? fieldContext?.disabled,
+        error: props.error ?? fieldContext?.error,
+        fullWidth: props.fullWidth ?? fieldContext?.fullWidth,
+        id: props.id ?? fieldContext?.controlId,
+        labelId: fieldContext?.labelId,
+        required: props.required ?? fieldContext?.required,
+    };
+};
+exports.usePneFieldControlProps = usePneFieldControlProps;
+const mergeAriaDescribedBy = (...ids) => {
+    const mergedIds = ids
+        .flatMap(id => id?.split(/\s+/) ?? [])
+        .filter((id, index, allIds) => id !== '' && allIds.indexOf(id) === index);
+    return mergedIds.length > 0 ? mergedIds.join(' ') : undefined;
+};
+exports.mergeAriaDescribedBy = mergeAriaDescribedBy;
+//# sourceMappingURL=PneFieldContext.js.map

package/cjs/component/PneFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneFieldContext.js","sourceRoot":"","sources":["../../src/component/PneFieldContext.ts"],"names":[],"mappings":";;;AAAA,iCAA+C;AAyBlC,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,IAAI,YAAY,EAAE,QAAQ;KACrD,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"}

package/cjs/component/PneTextField.js

@@ -3,12 +3,49 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const material_1 = require("@mui/material");
+const PneFieldContext_1 = require("./PneFieldContext");
 const PneTextField = (0, react_1.forwardRef)((props, ref) => {
-    const { sx, size = 'small', ...rest } = props;
+    const { 'aria-describedby': ariaDescribedBy, disabled, error, fullWidth, id, required, slotProps, sx, size = 'small', ...rest } = props;
+    const inputSlotProps = getSlotPropsObject(slotProps?.input);
+    const htmlInputSlotProps = getSlotPropsObject(slotProps?.htmlInput);
+    const controlProps = (0, PneFieldContext_1.usePneFieldControlProps)({
+        ariaDescribedBy: (0, PneFieldContext_1.mergeAriaDescribedBy)(ariaDescribedBy, getAriaDescribedBy(inputSlotProps), getAriaDescribedBy(htmlInputSlotProps)),
+        disabled,
+        error,
+        fullWidth,
+        id,
+        required,
+    });
     const _sx = [
         ...(Array.isArray(sx) ? sx : [sx])
     ];
-    return react_1.default.createElement(material_1.TextField, { size: size, sx: _sx, ref: ref, ...rest });
+    const resolvedSlotProps = controlProps.ariaDescribedBy
+        ? {
+            ...slotProps,
+            input: withAriaDescribedBy(slotProps?.input, controlProps.ariaDescribedBy),
+            htmlInput: withAriaDescribedBy(slotProps?.htmlInput, controlProps.ariaDescribedBy),
+        }
+        : slotProps;
+    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 });
 });
+const getSlotPropsObject = (slotProps) => {
+    return typeof slotProps === 'function' ? undefined : slotProps;
+};
+const getAriaDescribedBy = (props) => {
+    const ariaDescribedBy = props?.['aria-describedby'];
+    return typeof ariaDescribedBy === 'string' ? ariaDescribedBy : undefined;
+};
+const withAriaDescribedBy = (slotProps, ariaDescribedBy) => {
+    if (!ariaDescribedBy) {
+        return slotProps;
+    }
+    if (typeof slotProps === 'function') {
+        return slotProps;
+    }
+    return {
+        ...slotProps,
+        'aria-describedby': ariaDescribedBy,
+    };
+};
 exports.default = PneTextField;
 //# sourceMappingURL=PneTextField.js.map

package/cjs/component/PneTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../src/component/PneTextField.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,4CAAiE;AAEjE,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,CAC5B,KAAqB,EACrB,GAA8B,EAChC,EAAE;IACA,MAAM,EACF,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,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;IAED,OAAO,8BAAC,oBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAM,IAAI,GAAG,CAAA;AAChE,CAAC,CAAC,CAAC;AAEH,kBAAe,YAAY,CAAC"}
+{"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,YAAY,CAAC,eAAe;QAClD,CAAC,CAAC;YACE,GAAG,SAAS;YACZ,KAAK,EAAE,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,YAAY,CAAC,eAAe,CAAC;YAC1E,SAAS,EAAE,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC;SACrF;QACD,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,8BAAC,oBAAS,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,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,kBAAe,YAAY,CAAC"}

package/cjs/component/dropdown/PneAsyncAutocomplete.d.ts

@@ -9,6 +9,7 @@ export interface PneAsyncAutocompleteProps<T extends PneDropdownChoice, Multiple
     error?: boolean;
     helperText?: string;
     placeholder?: string;
+    required?: boolean;
     onSearchError?: (reason: any) => void;
 }
 declare const PneAsyncAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: PneAsyncAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;

package/cjs/component/dropdown/PneAsyncAutocomplete.js

@@ -5,8 +5,9 @@ const react_1 = tslib_1.__importStar(require("react"));
 const material_1 = require("@mui/material");
 const dropdown_1 = require("../../common/paynet/dropdown");
 const index_1 = require("../../index");
+const PneFieldContext_1 = require("../PneFieldContext");
 const PneAsyncAutocomplete = (props) => {
-    const { searchChoices, label, size = 'small', error = false, helperText, sx, placeholder, onSearchError, ...rest } = props;
+    const { searchChoices, disabled, label, size = 'small', error, helperText, fullWidth, id: idProp, sx, placeholder, required, onSearchError, ...rest } = props;
     const innerSx = [
         dropdown_1.dropDownSx,
         ...(Array.isArray(sx) ? sx : [sx])
@@ -15,8 +16,16 @@ const PneAsyncAutocomplete = (props) => {
     const [options, setOptions] = (0, react_1.useState)([]);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [inputValue, setInputValue] = (0, react_1.useState)('');
-    const id = (0, react_1.useId)();
+    const generatedId = (0, react_1.useId)();
     const requestIdRef = (0, react_1.useRef)(0);
+    const controlProps = (0, PneFieldContext_1.usePneFieldControlProps)({
+        disabled,
+        error,
+        fullWidth,
+        id: idProp,
+        required,
+    });
+    const id = controlProps.id ?? generatedId;
     (0, react_1.useEffect)(() => {
         if (!open) {
             requestIdRef.current += 1;
@@ -54,7 +63,7 @@ const PneAsyncAutocomplete = (props) => {
             active = false;
         };
     }, [open, inputValue, onSearchError, searchChoices]);
-    return react_1.default.createElement(material_1.Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (react_1.default.createElement(index_1.PneTextField, { ...params, label: label, placeholder: placeholder, slotProps: {
+    return react_1.default.createElement(material_1.Autocomplete, { disabled: controlProps.disabled, fullWidth: controlProps.fullWidth, id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (react_1.default.createElement(index_1.PneTextField, { ...params, label: label, placeholder: placeholder, required: controlProps.required, slotProps: {
                 ...params.slotProps,
                 input: {
                     ...params.slotProps.input,
@@ -62,7 +71,7 @@ const PneAsyncAutocomplete = (props) => {
                         loading ? react_1.default.createElement(material_1.CircularProgress, { color: "inherit", size: 20 }) : null,
                         params.slotProps.input.endAdornment)),
                 },
-            }, error: error, helperText: helperText })), sx: innerSx, size: size, ...rest });
+            }, error: controlProps.error ?? false, helperText: helperText })), sx: innerSx, size: size, ...rest });
 };
 exports.default = PneAsyncAutocomplete;
 //# sourceMappingURL=PneAsyncAutocomplete.js.map

package/cjs/component/dropdown/PneAsyncAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,uDAA2E;AAC3E,4CAAyF;AACzF,2DAMsC;AACtC,uCAAyC;AAkBzC,MAAM,oBAAoB,GAAG,CAK3B,KAKD,EAAE,EAAE;IAED,MAAM,EACF,aAAa,EACb,KAAK,EACL,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,aAAa,EACb,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,qBAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAe,EAAE,CAAC,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAChD,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAClB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAA;IAE9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,IAAI,EAAE,CAAC;YACR,YAAY,CAAC,OAAO,IAAI,CAAC,CAAA;YACzB,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,UAAU,CAAC,EAAE,CAAC,CAAA;YACd,OAAM;QACV,CAAC;QAED,MAAM,SAAS,GAAG,EAAE,YAAY,CAAC,OAAO,CAAA;QACxC,IAAI,MAAM,GAAG,IAAI,CAAA;QAEjB,UAAU,CAAC,EAAE,CAAC,CAAA;QACd,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,aAAa,CAAC,EAAC,YAAY,EAAE,UAAU,EAAC,CAAC;aACpC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACb,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAM;YACV,CAAC;YACD,UAAU,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC,CAAC;aACD,KAAK,CAAC,MAAM,CAAC,EAAE;YACZ,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAM;YACV,CAAC;YACD,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;iBAClB,IAAI,CAAC,KAAK,CAAC,EAAE;gBACV,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YAC/D,CAAC,CAAC,CAAA;QACV,CAAC,CAAC;aACD,OAAO,CAAC,GAAG,EAAE;YACV,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAChD,OAAM;YACV,CAAC;YACD,UAAU,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAC,CAAA;QAEN,OAAO,GAAG,EAAE;YACR,MAAM,GAAG,KAAK,CAAA;QAClB,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAA;IAEpD,OAAO,8BAAC,uBAAY,IAChB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,oBAAoB,EAAE,+BAAoB,EAC1C,cAAc,EAAE,yBAAc,EAC9B,YAAY,EAAE,uBAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EACvB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACjD,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,8BAAC,oBAAY,OACL,MAAM,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE;gBACP,GAAG,MAAM,CAAC,SAAS;gBACnB,KAAK,EAAE;oBACH,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK;oBACzB,YAAY,EAAE,CACV;wBACK,OAAO,CAAC,CAAC,CAAC,8BAAC,2BAAgB,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI;wBAC9D,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CACrC,CACN;iBACJ;aACJ,EACD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CACL,EACD,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,KACN,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,kBAAe,oBAAoB,CAAA"}
+{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}

package/cjs/component/dropdown/PneAutocomplete.d.ts

@@ -8,6 +8,7 @@ export interface IProps<T extends PneDropdownChoice, Multiple extends boolean |
     error?: boolean;
     helperText?: string;
     placeholder?: string;
+    required?: boolean;
 }
 declare const PneAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: IProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
 export default PneAutocomplete;

package/cjs/component/dropdown/PneAutocomplete.js

@@ -5,14 +5,22 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
 const dropdown_1 = require("../../common/paynet/dropdown");
 const index_1 = require("../../index");
+const PneFieldContext_1 = require("../PneFieldContext");
 const PneAutocomplete = (props) => {
-    const { label, variant, size = 'small', error = false, helperText, sx, placeholder, ...rest } = props;
+    const { disabled, label, variant, size = 'small', error, helperText, fullWidth, id, sx, placeholder, required, ...rest } = props;
     const innerSx = [
         dropdown_1.dropDownSx,
         ...(Array.isArray(sx) ? sx : [sx])
     ];
-    return react_1.default.createElement(material_1.Autocomplete, { isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, renderInput: (params) => {
-            return react_1.default.createElement(index_1.PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: error, helperText: helperText });
+    const controlProps = (0, PneFieldContext_1.usePneFieldControlProps)({
+        disabled,
+        error,
+        fullWidth,
+        id,
+        required,
+    });
+    return react_1.default.createElement(material_1.Autocomplete, { disabled: controlProps.disabled, fullWidth: controlProps.fullWidth, id: controlProps.id, isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, renderInput: (params) => {
+            return react_1.default.createElement(index_1.PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: controlProps.error ?? false, helperText: helperText, required: controlProps.required });
         }, size: size, sx: innerSx, ...rest });
 };
 exports.default = PneAutocomplete;

package/cjs/component/dropdown/PneAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,4CAAuE;AAEvE,2DAMsC;AACtC,uCAAyC;AAezC,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IAED,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,qBAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,8BAAC,uBAAY,IAChB,oBAAoB,EAAE,+BAAoB,EAC1C,cAAc,EAAE,yBAAc,EAC9B,YAAY,EAAE,uBAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,8BAAC,oBAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,4CAAuE;AAEvE,2DAMsC;AACtC,uCAAyC;AACzC,wDAA2D;AAgB3D,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IACD,MAAM,EACF,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,EACL,UAAU,EACV,SAAS,EACT,EAAE,EACF,EAAE,EACF,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,qBAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IACD,MAAM,YAAY,GAAG,IAAA,yCAAuB,EAAC;QACzC,QAAQ;QACR,KAAK;QACL,SAAS;QACT,EAAE;QACF,QAAQ;KACX,CAAC,CAAA;IAEF,OAAO,8BAAC,uBAAY,IAChB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,EAAE,EAAE,YAAY,CAAC,EAAE,EACnB,oBAAoB,EAAE,+BAAoB,EAC1C,cAAc,EAAE,yBAAc,EAC9B,YAAY,EAAE,uBAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,8BAAC,oBAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,KAAK,EAClC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,CAAC,QAAQ,GACjC,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}

package/cjs/component/dropdown/PneSelect.js

@@ -5,11 +5,21 @@ const react_1 = tslib_1.__importStar(require("react"));
 const material_1 = require("@mui/material");
 const type_1 = require("../../common/pne/type");
 const type_2 = require("../../common/paynet/type");
+const PneFieldContext_1 = require("../PneFieldContext");
 const PneSelect = (0, react_1.forwardRef)((props, ref) => {
-    const { options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, variant = 'outlined', disableMenuItem, label, disabled, error, required, sx, displayEmpty, placeholder, renderValue, ...rest } = props;
-    const labelId = (0, react_1.useId)();
+    const { 'aria-describedby': ariaDescribedBy, options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, variant = 'outlined', disableMenuItem, label, disabled, error, required, sx, displayEmpty, placeholder, renderValue, id, labelId: labelIdProp, ...rest } = props;
+    const generatedLabelId = (0, react_1.useId)();
     const hasLabel = label !== undefined && label !== null && label !== '';
     const mappedOptions = options.map(mapChoiceToSelectOption);
+    const controlProps = (0, PneFieldContext_1.usePneFieldControlProps)({
+        ariaDescribedBy,
+        disabled,
+        error,
+        id,
+        required,
+    });
+    const internalLabelId = labelIdProp ?? generatedLabelId;
+    const resolvedLabelId = hasLabel ? internalLabelId : labelIdProp ?? controlProps.labelId;
     const handleChange = (event) => {
         const value = event.target.value;
         onChange((0, type_1.ensure)(options.find(opt => mapChoiceToSelectOption(opt).value === value)));
@@ -27,9 +37,9 @@ const PneSelect = (0, react_1.forwardRef)((props, ref) => {
         }
         return renderSingleSelectedValue(selected, mappedOptions, getOptionLabel);
     };
-    return react_1.default.createElement(material_1.FormControl, { size: size, variant: variant, disabled: disabled, error: error, required: required, sx: sx, fullWidth: true },
-        hasLabel ? react_1.default.createElement(material_1.InputLabel, { id: labelId }, label) : null,
-        react_1.default.createElement(material_1.Select, { ref: ref, displayEmpty: displayEmpty ?? shouldRenderPlaceholder, labelId: hasLabel ? labelId : undefined, onChange: handleChange, size: size, variant: variant, label: hasLabel ? label : undefined, renderValue: renderValue ?? (shouldRenderPlaceholder ? renderSelectedValue : undefined), ...rest }, optionsPresent ? mappedOptions.map(option => react_1.default.createElement(material_1.MenuItem, { disabled: disableMenuItem ? disableMenuItem(option) : false, key: option.value, value: option.value }, getOptionLabel(option))) : null));
+    return react_1.default.createElement(material_1.FormControl, { size: size, variant: variant, disabled: controlProps.disabled, error: controlProps.error, required: controlProps.required, sx: sx, fullWidth: true },
+        hasLabel ? react_1.default.createElement(material_1.InputLabel, { id: internalLabelId }, label) : null,
+        react_1.default.createElement(material_1.Select, { ref: ref, "aria-describedby": controlProps.ariaDescribedBy, displayEmpty: displayEmpty ?? shouldRenderPlaceholder, id: controlProps.id, labelId: resolvedLabelId, onChange: handleChange, size: size, variant: variant, label: hasLabel ? label : undefined, renderValue: renderValue ?? (shouldRenderPlaceholder ? renderSelectedValue : undefined), ...rest }, optionsPresent ? mappedOptions.map(option => react_1.default.createElement(material_1.MenuItem, { disabled: disableMenuItem ? disableMenuItem(option) : false, key: option.value, value: option.value }, getOptionLabel(option))) : null));
 });
 exports.default = PneSelect;
 const createDefaultOptionLabel = (option) => {

package/cjs/component/dropdown/PneSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":"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"}

package/esm/component/PneField.js

@@ -1,8 +1,23 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, isValidElement, useId } from 'react';
 import { FormControl, FormHelperText, FormLabel } from '@mui/material';
+import { PneFieldContext } from './PneFieldContext';
 const PneField = forwardRef((props, ref) => {
     const { children, disabled = false, error = false, fullWidth = true, helperText, helperTextSx, htmlFor, id, label, labelSx, required = false, sx, ...rest } = props;
-    const helperTextId = helperText && id ? `${id}-helper-text` : undefined;
+    const generatedId = useId();
+    const fieldId = id ?? generatedId;
+    const childId = getChildId(children);
+    const controlId = htmlFor ?? childId ?? `${fieldId}-control`;
+    const helperTextId = helperText ? `${fieldId}-helper-text` : undefined;
+    const labelId = label ? `${fieldId}-label` : undefined;
+    const contextValue = {
+        controlId,
+        disabled,
+        error,
+        fullWidth,
+        helperTextId,
+        labelId,
+        required,
+    };
     return React.createElement(FormControl, { disabled: disabled, error: error, fullWidth: fullWidth, id: id, required: required, ref: ref, sx: [
             {
                 gap: '4px',
@@ -10,11 +25,13 @@ const PneField = forwardRef((props, ref) => {
             ...(Array.isArray(sx) ? sx : [sx]),
         ], ...rest },
         label
-            ? React.createElement(FormLabel, { htmlFor: htmlFor, required: required, sx: [
+            ? React.createElement(FormLabel, { htmlFor: controlId, id: labelId, required: required, sx: [
                     {
+                        alignSelf: 'flex-start',
                         color: error ? 'error.main' : 'text.secondary',
                         fontSize: '0.875rem',
                         lineHeight: '20px',
+                        maxWidth: '100%',
                         '&.Mui-focused': {
                             color: error ? 'error.main' : 'text.secondary',
                         },
@@ -25,7 +42,7 @@ const PneField = forwardRef((props, ref) => {
                     ...(Array.isArray(labelSx) ? labelSx : [labelSx]),
                 ] }, label)
             : null,
-        children,
+        React.createElement(PneFieldContext.Provider, { value: contextValue }, children),
         helperText
             ? React.createElement(FormHelperText, { id: helperTextId, sx: [
                     {
@@ -35,5 +52,13 @@ const PneField = forwardRef((props, ref) => {
                 ] }, helperText)
             : null);
 });
+const getChildId = (children) => {
+    if (!isValidElement(children)) {
+        return undefined;
+    }
+    return typeof children.props.id === 'string' && children.props.id !== ''
+        ? children.props.id
+        : undefined;
+};
 export default PneField;
 //# sourceMappingURL=PneField.js.map

package/esm/component/PneField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,UAAU,EAAC,MAAM,OAAO,CAAA;AAClD,OAAO,EAAC,WAAW,EAAoB,cAAc,EAAE,SAAS,EAAU,MAAM,eAAe,CAAA;AAkB/F,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,YAAY,GAAG,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAA;IAEvE,OAAO,oBAAC,WAAW,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;YACA;gBACI,GAAG,EAAE,KAAK;aACb;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACrC,KACG,IAAI;QAEP,KAAK;YACF,CAAC,CAAC,oBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE;oBACA;wBACI,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB;wBAC9C,QAAQ,EAAE,UAAU;wBACpB,UAAU,EAAE,MAAM;wBAClB,eAAe,EAAE;4BACb,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB;yBACjD;wBACD,0BAA0B,EAAE;4BACxB,KAAK,EAAE,YAAY;yBACtB;qBACJ;oBACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;iBACpD,IAEA,KAAK,CACE;YACZ,CAAC,CAAC,IAAI;QACT,QAAQ;QACR,UAAU;YACP,CAAC,CAAC,oBAAC,cAAc,IACb,EAAE,EAAE,YAAY,EAChB,EAAE,EAAE;oBACA;wBACI,EAAE,EAAE,MAAM;qBACb;oBACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;iBACnE,IAEA,UAAU,CACE;YACjB,CAAC,CAAC,IAAI,CACA,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"PneField.js","sourceRoot":"","sources":["../../src/component/PneField.tsx"],"names":[],"mappings":"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"}

package/esm/component/PneFieldContext.d.ts

@@ -0,0 +1,24 @@
+export interface PneFieldContextValue {
+    controlId?: string;
+    disabled?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    helperTextId?: string;
+    labelId?: string;
+    required?: boolean;
+}
+export interface PneFieldControlProps {
+    ariaDescribedBy?: string;
+    disabled?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    id?: string;
+    required?: boolean;
+}
+export interface ResolvedPneFieldControlProps extends PneFieldControlProps {
+    labelId?: string;
+}
+export declare const PneFieldContext: import("react").Context<PneFieldContextValue | undefined>;
+export declare const usePneFieldContext: () => PneFieldContextValue | undefined;
+export declare const usePneFieldControlProps: (props?: PneFieldControlProps) => ResolvedPneFieldControlProps;
+export declare const mergeAriaDescribedBy: (...ids: Array<string | undefined>) => string | undefined;

package/esm/component/PneFieldContext.js

@@ -0,0 +1,22 @@
+import { createContext, useContext } from 'react';
+export const PneFieldContext = createContext(undefined);
+export const usePneFieldContext = () => useContext(PneFieldContext);
+export const usePneFieldControlProps = (props = {}) => {
+    const fieldContext = usePneFieldContext();
+    return {
+        ariaDescribedBy: mergeAriaDescribedBy(props.ariaDescribedBy, fieldContext?.helperTextId),
+        disabled: props.disabled ?? fieldContext?.disabled,
+        error: props.error ?? fieldContext?.error,
+        fullWidth: props.fullWidth ?? fieldContext?.fullWidth,
+        id: props.id ?? fieldContext?.controlId,
+        labelId: fieldContext?.labelId,
+        required: props.required ?? fieldContext?.required,
+    };
+};
+export const mergeAriaDescribedBy = (...ids) => {
+    const mergedIds = ids
+        .flatMap(id => id?.split(/\s+/) ?? [])
+        .filter((id, index, allIds) => id !== '' && allIds.indexOf(id) === index);
+    return mergedIds.length > 0 ? mergedIds.join(' ') : undefined;
+};
+//# sourceMappingURL=PneFieldContext.js.map

package/esm/component/PneFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneFieldContext.js","sourceRoot":"","sources":["../../src/component/PneFieldContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,OAAO,CAAA;AAyB/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,IAAI,YAAY,EAAE,QAAQ;KACrD,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"}

package/esm/component/PneTextField.js

@@ -1,11 +1,48 @@
 import React, { forwardRef } from 'react';
 import { TextField } from '@mui/material';
+import { mergeAriaDescribedBy, usePneFieldControlProps } from './PneFieldContext';
 const PneTextField = forwardRef((props, ref) => {
-    const { sx, size = 'small', ...rest } = props;
+    const { 'aria-describedby': ariaDescribedBy, disabled, error, fullWidth, id, required, slotProps, sx, size = 'small', ...rest } = props;
+    const inputSlotProps = getSlotPropsObject(slotProps?.input);
+    const htmlInputSlotProps = getSlotPropsObject(slotProps?.htmlInput);
+    const controlProps = usePneFieldControlProps({
+        ariaDescribedBy: mergeAriaDescribedBy(ariaDescribedBy, getAriaDescribedBy(inputSlotProps), getAriaDescribedBy(htmlInputSlotProps)),
+        disabled,
+        error,
+        fullWidth,
+        id,
+        required,
+    });
     const _sx = [
         ...(Array.isArray(sx) ? sx : [sx])
     ];
-    return React.createElement(TextField, { size: size, sx: _sx, ref: ref, ...rest });
+    const resolvedSlotProps = controlProps.ariaDescribedBy
+        ? {
+            ...slotProps,
+            input: withAriaDescribedBy(slotProps?.input, controlProps.ariaDescribedBy),
+            htmlInput: withAriaDescribedBy(slotProps?.htmlInput, controlProps.ariaDescribedBy),
+        }
+        : slotProps;
+    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 });
 });
+const getSlotPropsObject = (slotProps) => {
+    return typeof slotProps === 'function' ? undefined : slotProps;
+};
+const getAriaDescribedBy = (props) => {
+    const ariaDescribedBy = props?.['aria-describedby'];
+    return typeof ariaDescribedBy === 'string' ? ariaDescribedBy : undefined;
+};
+const withAriaDescribedBy = (slotProps, ariaDescribedBy) => {
+    if (!ariaDescribedBy) {
+        return slotProps;
+    }
+    if (typeof slotProps === 'function') {
+        return slotProps;
+    }
+    return {
+        ...slotProps,
+        'aria-describedby': ariaDescribedBy,
+    };
+};
 export default PneTextField;
 //# sourceMappingURL=PneTextField.js.map

package/esm/component/PneTextField.js.map

@@ -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;AAEjE,MAAM,YAAY,GAAG,UAAU,CAAC,CAC5B,KAAqB,EACrB,GAA8B,EAChC,EAAE;IACA,MAAM,EACF,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,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;IAED,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAM,IAAI,GAAG,CAAA;AAChE,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"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,YAAY,CAAC,eAAe;QAClD,CAAC,CAAC;YACE,GAAG,SAAS;YACZ,KAAK,EAAE,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,YAAY,CAAC,eAAe,CAAC;YAC1E,SAAS,EAAE,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC,eAAe,CAAC;SACrF;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,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"}

package/esm/component/dropdown/PneAsyncAutocomplete.d.ts

@@ -9,6 +9,7 @@ export interface PneAsyncAutocompleteProps<T extends PneDropdownChoice, Multiple
     error?: boolean;
     helperText?: string;
     placeholder?: string;
+    required?: boolean;
     onSearchError?: (reason: any) => void;
 }
 declare const PneAsyncAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: PneAsyncAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;

package/esm/component/dropdown/PneAsyncAutocomplete.js

@@ -2,8 +2,9 @@ import React, { useEffect, useId, useRef, useState } from 'react';
 import { Autocomplete, CircularProgress } from '@mui/material';
 import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
 import { PneTextField } from "../../index";
+import { usePneFieldControlProps } from '../PneFieldContext';
 const PneAsyncAutocomplete = (props) => {
-    const { searchChoices, label, size = 'small', error = false, helperText, sx, placeholder, onSearchError, ...rest } = props;
+    const { searchChoices, disabled, label, size = 'small', error, helperText, fullWidth, id: idProp, sx, placeholder, required, onSearchError, ...rest } = props;
     const innerSx = [
         dropDownSx,
         ...(Array.isArray(sx) ? sx : [sx])
@@ -12,8 +13,16 @@ const PneAsyncAutocomplete = (props) => {
     const [options, setOptions] = useState([]);
     const [loading, setLoading] = useState(false);
     const [inputValue, setInputValue] = useState('');
-    const id = useId();
+    const generatedId = useId();
     const requestIdRef = useRef(0);
+    const controlProps = usePneFieldControlProps({
+        disabled,
+        error,
+        fullWidth,
+        id: idProp,
+        required,
+    });
+    const id = controlProps.id ?? generatedId;
     useEffect(() => {
         if (!open) {
             requestIdRef.current += 1;
@@ -51,7 +60,7 @@ const PneAsyncAutocomplete = (props) => {
             active = false;
         };
     }, [open, inputValue, onSearchError, searchChoices]);
-    return React.createElement(Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (React.createElement(PneTextField, { ...params, label: label, placeholder: placeholder, slotProps: {
+    return React.createElement(Autocomplete, { disabled: controlProps.disabled, fullWidth: controlProps.fullWidth, id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (React.createElement(PneTextField, { ...params, label: label, placeholder: placeholder, required: controlProps.required, slotProps: {
                 ...params.slotProps,
                 input: {
                     ...params.slotProps.input,
@@ -59,7 +68,7 @@ const PneAsyncAutocomplete = (props) => {
                         loading ? React.createElement(CircularProgress, { color: "inherit", size: 20 }) : null,
                         params.slotProps.input.endAdornment)),
                 },
-            }, error: error, helperText: helperText })), sx: innerSx, size: size, ...rest });
+            }, error: controlProps.error ?? false, helperText: helperText })), sx: innerSx, size: size, ...rest });
 };
 export default PneAsyncAutocomplete;
 //# sourceMappingURL=PneAsyncAutocomplete.js.map

package/esm/component/dropdown/PneAsyncAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}

package/esm/component/dropdown/PneAutocomplete.d.ts

@@ -8,6 +8,7 @@ export interface IProps<T extends PneDropdownChoice, Multiple extends boolean |
     error?: boolean;
     helperText?: string;
     placeholder?: string;
+    required?: boolean;
 }
 declare const PneAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: IProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
 export default PneAutocomplete;

package/esm/component/dropdown/PneAutocomplete.js

@@ -2,14 +2,22 @@ import React from 'react';
 import { Autocomplete } from '@mui/material';
 import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
 import { PneTextField } from "../../index";
+import { usePneFieldControlProps } from '../PneFieldContext';
 const PneAutocomplete = (props) => {
-    const { label, variant, size = 'small', error = false, helperText, sx, placeholder, ...rest } = props;
+    const { disabled, label, variant, size = 'small', error, helperText, fullWidth, id, sx, placeholder, required, ...rest } = props;
     const innerSx = [
         dropDownSx,
         ...(Array.isArray(sx) ? sx : [sx])
     ];
-    return React.createElement(Autocomplete, { isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, renderInput: (params) => {
-            return React.createElement(PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: error, helperText: helperText });
+    const controlProps = usePneFieldControlProps({
+        disabled,
+        error,
+        fullWidth,
+        id,
+        required,
+    });
+    return React.createElement(Autocomplete, { disabled: controlProps.disabled, fullWidth: controlProps.fullWidth, id: controlProps.id, isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, renderInput: (params) => {
+            return React.createElement(PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: controlProps.error ?? false, helperText: helperText, required: controlProps.required });
         }, size: size, sx: innerSx, ...rest });
 };
 export default PneAutocomplete;

package/esm/component/dropdown/PneAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,YAAY,EAA6B,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,UAAU,EACV,YAAY,EACZ,cAAc,EACd,oBAAoB,GAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAezC,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IAED,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,UAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,YAAY,IAChB,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,oBAAC,YAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,YAAY,EAA6B,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,UAAU,EACV,YAAY,EACZ,cAAc,EACd,oBAAoB,GAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AAgB3D,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IACD,MAAM,EACF,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,EACL,UAAU,EACV,SAAS,EACT,EAAE,EACF,EAAE,EACF,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,UAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IACD,MAAM,YAAY,GAAG,uBAAuB,CAAC;QACzC,QAAQ;QACR,KAAK;QACL,SAAS;QACT,EAAE;QACF,QAAQ;KACX,CAAC,CAAA;IAEF,OAAO,oBAAC,YAAY,IAChB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,EAAE,EAAE,YAAY,CAAC,EAAE,EACnB,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,oBAAC,YAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,KAAK,EAClC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,CAAC,QAAQ,GACjC,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/esm/component/dropdown/PneSelect.js

@@ -2,11 +2,21 @@ import React, { forwardRef, useId } from 'react';
 import { Box, FormControl, InputLabel, MenuItem, Select } from '@mui/material';
 import { assertObject, ensure, exhaustiveCheck } from '../../common/pne/type';
 import { isAbstractEntity, isIAutoCompleteChoice } from '../../common/paynet/type';
+import { usePneFieldControlProps } from '../PneFieldContext';
 const PneSelect = forwardRef((props, ref) => {
-    const { options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, variant = 'outlined', disableMenuItem, label, disabled, error, required, sx, displayEmpty, placeholder, renderValue, ...rest } = props;
-    const labelId = useId();
+    const { 'aria-describedby': ariaDescribedBy, options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, variant = 'outlined', disableMenuItem, label, disabled, error, required, sx, displayEmpty, placeholder, renderValue, id, labelId: labelIdProp, ...rest } = props;
+    const generatedLabelId = useId();
     const hasLabel = label !== undefined && label !== null && label !== '';
     const mappedOptions = options.map(mapChoiceToSelectOption);
+    const controlProps = usePneFieldControlProps({
+        ariaDescribedBy,
+        disabled,
+        error,
+        id,
+        required,
+    });
+    const internalLabelId = labelIdProp ?? generatedLabelId;
+    const resolvedLabelId = hasLabel ? internalLabelId : labelIdProp ?? controlProps.labelId;
     const handleChange = (event) => {
         const value = event.target.value;
         onChange(ensure(options.find(opt => mapChoiceToSelectOption(opt).value === value)));
@@ -24,9 +34,9 @@ const PneSelect = forwardRef((props, ref) => {
         }
         return renderSingleSelectedValue(selected, mappedOptions, getOptionLabel);
     };
-    return React.createElement(FormControl, { size: size, variant: variant, disabled: disabled, error: error, required: required, sx: sx, fullWidth: true },
-        hasLabel ? React.createElement(InputLabel, { id: labelId }, label) : null,
-        React.createElement(Select, { ref: ref, displayEmpty: displayEmpty ?? shouldRenderPlaceholder, labelId: hasLabel ? labelId : undefined, onChange: handleChange, size: size, variant: variant, label: hasLabel ? label : undefined, renderValue: renderValue ?? (shouldRenderPlaceholder ? renderSelectedValue : undefined), ...rest }, optionsPresent ? mappedOptions.map(option => React.createElement(MenuItem, { disabled: disableMenuItem ? disableMenuItem(option) : false, key: option.value, value: option.value }, getOptionLabel(option))) : null));
+    return React.createElement(FormControl, { size: size, variant: variant, disabled: controlProps.disabled, error: controlProps.error, required: controlProps.required, sx: sx, fullWidth: true },
+        hasLabel ? React.createElement(InputLabel, { id: internalLabelId }, label) : null,
+        React.createElement(Select, { ref: ref, "aria-describedby": controlProps.ariaDescribedBy, displayEmpty: displayEmpty ?? shouldRenderPlaceholder, id: controlProps.id, labelId: resolvedLabelId, onChange: handleChange, size: size, variant: variant, label: hasLabel ? label : undefined, renderValue: renderValue ?? (shouldRenderPlaceholder ? renderSelectedValue : undefined), ...rest }, optionsPresent ? mappedOptions.map(option => React.createElement(MenuItem, { disabled: disableMenuItem ? disableMenuItem(option) : false, key: option.value, value: option.value }, getOptionLabel(option))) : null));
 });
 export default PneSelect;
 const createDefaultOptionLabel = (option) => {

package/esm/component/dropdown/PneSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAa,KAAK,EAAC,MAAM,OAAO,CAAA;AACzD,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAiD,MAAM,eAAe,CAAA;AAE5H,OAAO,EAAC,YAAY,EAAE,MAAM,EAAE,eAAe,EAAe,MAAM,uBAAuB,CAAA;AACzF,OAAO,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,0BAA0B,CAAA;AAYhF,MAAM,SAAS,GAAG,UAAU,CAAC,CACzB,KAAgB,EAChB,GAAiC,EACnC,EAAE;IACA,MAAM,EACF,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,cAAc,GAAG,wBAAwB,EACzC,OAAO,GAAG,UAAU,EACpB,eAAe,EACf,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,EAAE,EACF,YAAY,EACZ,WAAW,EACX,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IACvB,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,CAAA;IACtE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;IAE1D,MAAM,YAAY,GAAG,CAAC,KAA2B,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAEhC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CACxB,GAAG,CAAC,EAAE,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CACtD,CAAC,CAAC,CAAA;IACP,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,OAAO,EAAE,MAAM,GAAG,CAAC,CAAA;IAC1C,MAAM,uBAAuB,GAAG,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,IAAI,CAAA;IAEjF,MAAM,mBAAmB,GAAG,CAAC,QAAW,EAAE,EAAE;QACxC,IAAI,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC;YACzB,OAAO,oBAAC,GAAG,IACP,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE,EAAC,KAAK,EAAE,gBAAgB,EAAC,IAE5B,WAAW,CACV,CAAA;QACV,CAAC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC1B,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;gBACnE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBACvB,yBAAyB,CAAC,KAAK,EAAE,aAAa,EAAE,cAAc,CAAC,CACnD,CAAC,CAAA;QACtB,CAAC;QAED,OAAO,yBAAyB,CAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,CAAC,CAAA;IAC7E,CAAC,CAAA;IAED,OAAO,oBAAC,WAAW,IACf,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,SAAS;QAER,QAAQ,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,EAAE,EAAE,OAAO,IAAG,KAAK,CAAc,CAAC,CAAC,CAAC,IAAI;QAChE,oBAAC,MAAM,IACH,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,IAAI,uBAAuB,EACrD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACvC,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACnC,WAAW,EAAE,WAAW,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,KACnF,IAAI,IAEP,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CACzC,oBAAC,QAAQ,IACL,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,EAC3D,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,IAElB,cAAc,CAAC,MAAM,CAAC,CAChB,CAAC,CAAC,CAAC,CAAC,IAAI,CAClB,CACC,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA;AAExB,MAAM,wBAAwB,GAAG,CAAC,MAAoB,EAAa,EAAE;IACjE,OAAO,MAAM,CAAC,KAAK,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAc,EAAW,EAAE;IAC7C,OAAO,KAAK,KAAK,EAAE,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;WACrD,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,MAAM,yBAAyB,GAAG,CAC9B,KAAc,EACd,OAAuB,EACvB,cAAmD,EAC1C,EAAE;IACX,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;IAE7D,IAAI,MAAM,EAAE,CAAC;QACT,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACzD,OAAO,KAAK,CAAA;IAChB,CAAC;IAED,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC,WAAW,CAAA;IAC5B,CAAC;IAED,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,WAAW,CAAA;IAC5B,CAAC;IAED,OAAO,EAAE,CAAA;AACb,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,CAA8B,MAAS,EAAgB,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO;YACH,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;SAChB,CAAA;IACL,CAAC;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE,CAAC;QAChC,OAAO;YACH,KAAK,EAAE,MAAM,CAAC,QAAQ;YACtB,KAAK,EAAE,MAAM,CAAC,WAAW;SAC5B,CAAA;IACL,CAAC;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;QAClC,OAAO;YACH,KAAK,EAAE,MAAM,CAAC,EAAE;YAChB,KAAK,EAAE,MAAM,CAAC,WAAW;SAC5B,CAAA;IACL,CAAC;IAED,eAAe,CAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,wCAAwC;UACtD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pne-ui",
-    "version": "4.0.28",
+    "version": "4.0.30",
     "description": "",
     "repository": {
         "type": "git",