pne-ui 1.0.12 → 1.0.17

package/dist/PneButton/PneButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneButton.js","sourceRoot":"","sources":["../../src/PneButton/PneButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAuB,MAAM,eAAe,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,uFAAuF;AACvF,MAAM,SAAS,GAAG,CACd,KAAwC,EAC1C,EAAE;IACA,MAAM,EACF,EAAE,EACF,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAY;QACjB;YACI,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,KAAK;YACjB,aAAa,EAAE,SAAS;SAC3B;QACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,MAAM,IAAC,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,KAAM,IAAI,IAAG,QAAQ,CAAU,CAAA;AAC3E,CAAC,CAAA;AAED,eAAe,SAAS,CAAC"}

package/dist/PneModal/PneModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SxProps } from "@mui/material";
+export interface IProps {
+    open: boolean;
+    onClose: () => void;
+    containerSx?: SxProps;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+declare const PneModal: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export default PneModal;

package/dist/PneModal/PneModal.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import Modal from "@mui/material/Modal";
+import Typography from "@mui/material/Typography";
+import { styled } from "@mui/material/styles";
+import CloseIcon from '@mui/icons-material/Close';
+const PneModal = (props) => {
+    const { open, onClose, containerSx = {}, title, className, children, } = props;
+    return React.createElement(Modal, { open: open, onClose: onClose, "aria-labelledby": 'modal-title' },
+        React.createElement(Container, { className: className, sx: containerSx },
+            React.createElement(Header, null,
+                React.createElement("div", null,
+                    React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '700',
+                            fontSize: '18px',
+                            lineHeight: '24px',
+                        }, component: 'h3', id: 'modal-title' }, title),
+                    props.subtitle && (React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '400',
+                            fontSize: '12px',
+                            lineHeight: '12px',
+                            letterSpacing: '0.15px',
+                        }, id: 'modal-subtitle' }, props.subtitle))),
+                React.createElement(IconButton, { sx: {
+                        width: '40px',
+                        height: '40px',
+                        background: '#F1F5FA',
+                        borderRadius: '4px',
+                    }, onClick: onClose },
+                    React.createElement(CloseIcon, { fontSize: 'small' }))),
+            React.createElement(Body, null, children)));
+};
+export default PneModal;
+const Container = styled(Box) `
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    min-width: 400px;
+    background: #fff;
+    border: none;
+    border-radius: 4px;
+    max-height: 98%;
+    overflow-y: auto;
+    box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.03), 0px 3px 3px rgba(0, 0, 0, 0.02), 0px 7px 6px rgba(0, 0, 0, 0.06), 0px 12px 10px rgba(0, 0, 3, 0.03), 0px 22px 18px rgba(0, 0, 0, 0.04), 0px 40px 33px rgba(0, 0, 0, 0.04), 0px 100px 80px rgba(0, 0, 0, 0.04);
+`;
+const Header = styled(Box) `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 24px;
+    border-bottom: 1px solid #F1F5FA;
+    gap: 16px;
+`;
+const Body = styled(Box) `
+    padding: 16px 24px;
+`;
+//# sourceMappingURL=PneModal.js.map

package/dist/PneModal/PneModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneModal.js","sourceRoot":"","sources":["../../src/PneModal/PneModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAWlD,MAAM,QAAQ,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxD,MAAM,EACF,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,OAAO,oBAAC,KAAK,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,qBACA,aAAa;QAE7B,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW;YAC5C,oBAAC,MAAM;gBACH;oBACI,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;yBACrB,EACD,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,aAAa,IAEhB,KAAK,CACG;oBACZ,KAAK,CAAC,QAAQ,IAAI,CACf,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;4BAClB,aAAa,EAAE,QAAQ;yBAC1B,EACD,EAAE,EAAE,gBAAgB,IAEnB,KAAK,CAAC,QAAQ,CACN,CAChB,CACC;gBACN,oBAAC,UAAU,IACP,EAAE,EAAE;wBACA,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,SAAS;wBACrB,YAAY,EAAE,KAAK;qBACtB,EACD,OAAO,EAAE,OAAO;oBAEhB,oBAAC,SAAS,IAAC,QAAQ,EAAE,OAAO,GAAG,CACtB,CACR;YACT,oBAAC,IAAI,QACA,QAAQ,CACN,CACC,CACR,CAAA;AACZ,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;CAOzB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEvB,CAAC"}

package/dist/PneModal/useModal.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from "react";
+export declare const useModal: () => {
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    handleOpen: () => void;
+    handleClose: () => void;
+};

package/dist/PneModal/useModal.js

@@ -0,0 +1,13 @@
+import React from "react";
+export const useModal = () => {
+    const [open, setOpen] = React.useState(false);
+    const handleOpen = () => setOpen(true);
+    const handleClose = () => setOpen(false);
+    return {
+        open,
+        setOpen,
+        handleOpen,
+        handleClose,
+    };
+};
+//# sourceMappingURL=useModal.js.map

package/dist/PneModal/useModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModal.js","sourceRoot":"","sources":["../../src/PneModal/useModal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAKtB,EAAE;IACA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAExC,OAAO;QACH,IAAI;QACJ,OAAO;QACP,UAAU;QACV,WAAW;KACd,CAAA;AACL,CAAC,CAAA"}

package/dist/PneTextField/PneTextField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PneTextField: React.ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export default PneTextField;

package/dist/PneTextField/PneTextField.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { TextField } from '@mui/material';
+const PneTextField = forwardRef((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(TextField, { size: size, sx: _sx, ref: ref, ...rest });
+});
+export default PneTextField;
+//# sourceMappingURL=PneTextField.js.map

package/dist/PneTextField/PneTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../src/PneTextField/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"}

package/dist/common/dropdown.d.ts

@@ -0,0 +1,6 @@
+import { AutocompleteFreeSoloValueMapping, SxProps } from '@mui/material';
+import { AbstractEntity, AutoCompleteChoice } from "../paynet/type";
+export type PneDropdownChoice = AutoCompleteChoice | AbstractEntity | string;
+export declare const getOptionLabel: <T extends PneDropdownChoice, FreeSolo>(option: T | AutocompleteFreeSoloValueMapping<FreeSolo>) => string;
+export declare const isOptionEqualToValue: <T extends PneDropdownChoice>(option: T, value: T) => boolean;
+export declare const dropDownSx: SxProps;

package/dist/common/dropdown.js

@@ -0,0 +1,41 @@
+import { assertObject, exhaustiveCheck, } from './type';
+import { isAbstractEntity, isIAutoCompleteChoice } from "../paynet/type";
+export const getOptionLabel = (option) => {
+    if (typeof option === 'string') {
+        return option;
+    }
+    assertObject(option);
+    if (isIAutoCompleteChoice(option)) {
+        return option.displayName;
+    }
+    else if (isAbstractEntity(option)) {
+        return option.displayName;
+    }
+    exhaustiveCheck(option);
+    throw new TypeError('Incompatible types of option:\n'
+        + JSON.stringify(option, null, 4));
+};
+export const isOptionEqualToValue = (option, value) => {
+    if (typeof option === 'string' && typeof value === 'string') {
+        return option === value;
+    }
+    assertObject(option);
+    assertObject(value);
+    if (isIAutoCompleteChoice(option) && isIAutoCompleteChoice(value)) {
+        return option.choiceId === value.choiceId;
+    }
+    else if (isAbstractEntity(option) && isAbstractEntity(value)) {
+        return option.id === value.id;
+    }
+    // TODO why it doesn't work?
+    // exhaustiveCheck(option, value)
+    throw new TypeError('Incompatible types of option and value:\n'
+        + JSON.stringify(option, null, 4) + '\n'
+        + JSON.stringify(value, null, 4));
+};
+export const dropDownSx = {
+    '& .MuiButtonBase-root.MuiChip-root': {
+        maxWidth: 'calc(50% - 4px)',
+    },
+};
+//# sourceMappingURL=dropdown.js.map

package/dist/common/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/common/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,eAAe,GAClB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAqC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AAI3G,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAO,MAAM,CAAA;KAChB;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE;QAC/B,OAAO,MAAM,CAAC,WAAW,CAAA;KAC5B;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE;QACjC,OAAO,MAAM,CAAC,WAAW,CAAA;KAC5B;IAED,eAAe,CAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAA8B,MAAS,EAAE,KAAQ,EAAE,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACzD,OAAO,MAAM,KAAK,KAAK,CAAA;KAC1B;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,YAAY,CAAC,KAAK,CAAC,CAAA;IACnB,IAAI,qBAAqB,CAAC,MAAM,CAAC,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE;QAC/D,OAAO,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAA;KAC5C;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;QAC5D,OAAO,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAA;KAChC;IAED,4BAA4B;IAC5B,iCAAiC;IAEjC,MAAM,IAAI,SAAS,CAAC,2CAA2C;UACzD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI;UACtC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CACnC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAY;IAC/B,oCAAoC,EAAE;QAClC,QAAQ,EAAE,iBAAiB;KAC9B;CACJ,CAAA"}

package/dist/common/paynet/schema.d.ts

@@ -0,0 +1,24 @@
+import { z } from 'zod';
+export declare const AbstractEntitySchema: z.ZodObject<{
+    id: z.ZodNumber;
+    displayName: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    id: number;
+    displayName: string;
+}, {
+    id: number;
+    displayName: string;
+}>;
+export declare const AutoCompleteChoiceSchema: z.ZodObject<{
+    choiceId: z.ZodNumber;
+    displayName: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    displayName: string;
+    choiceId: number;
+    description?: string | undefined;
+}, {
+    displayName: string;
+    choiceId: number;
+    description?: string | undefined;
+}>;

package/dist/common/paynet/schema.js

@@ -0,0 +1,11 @@
+import { z } from 'zod';
+export const AbstractEntitySchema = z.object({
+    id: z.number(),
+    displayName: z.string(),
+});
+export const AutoCompleteChoiceSchema = z.object({
+    choiceId: z.number(),
+    displayName: z.string(),
+    description: z.string().optional(),
+});
+//# sourceMappingURL=schema.js.map

package/dist/common/paynet/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/common/paynet/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAC,MAAM,CAAC;IACzC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,CAAC,MAAM,CAAC;IAC7C,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE;IACpB,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE;IACvB,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACrC,CAAC,CAAA"}

package/dist/common/paynet/type.d.ts

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+import { AbstractEntitySchema, AutoCompleteChoiceSchema } from "./schema";
+export type AbstractEntity = z.infer<typeof AbstractEntitySchema>;
+export declare const isAbstractEntity: (value: unknown) => value is {
+    id: number;
+    displayName: string;
+};
+export declare function assertAbstractEntity(value: unknown): asserts value is AbstractEntity;
+export type AutoCompleteChoice = z.infer<typeof AutoCompleteChoiceSchema>;
+export declare const isIAutoCompleteChoice: (value: unknown) => value is {
+    displayName: string;
+    choiceId: number;
+    description?: string | undefined;
+};
+export declare function assertIAutoCompleteChoice(value: unknown): asserts value is AutoCompleteChoice;

package/dist/common/paynet/type.js

@@ -0,0 +1,38 @@
+import { isObject } from "../pne/type";
+export const isAbstractEntity = (value) => {
+    if (!isObject(value)) {
+        return false;
+    }
+    return 'id' in value && typeof value.id === 'number' &&
+        'displayName' in value && typeof value.displayName === 'string';
+};
+export function assertAbstractEntity(value) {
+    if (typeof value !== 'object' || value === null) {
+        throw new Error('Not an object: ' + value);
+    }
+    if (!('id' in value) || typeof value.id !== 'number') {
+        throw new Error('id is not a number');
+    }
+    if (!('displayName' in value) || typeof value.displayName !== 'string') {
+        throw new Error('displayName is not a string');
+    }
+}
+export const isIAutoCompleteChoice = (value) => {
+    if (!isObject(value)) {
+        return false;
+    }
+    return 'choiceId' in value && typeof value.choiceId === 'number' &&
+        'displayName' in value && typeof value.displayName === 'string';
+};
+export function assertIAutoCompleteChoice(value) {
+    if (typeof value !== 'object' || value === null) {
+        throw new Error('Not an object: ' + value);
+    }
+    if (!('choiceId' in value) || typeof value.choiceId !== 'number') {
+        throw new Error('choiceId is not a number');
+    }
+    if (!('displayName' in value) || typeof value.displayName !== 'string') {
+        throw new Error('displayName is not a string');
+    }
+}
+//# sourceMappingURL=type.js.map

package/dist/common/paynet/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/common/paynet/type.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAIrC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAA2B,EAAE;IACxE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC;KAChB;IAED,OAAO,IAAI,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ;QAChD,aAAa,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ,CAAC;AACxE,CAAC,CAAA;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAc;IAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,CAAC;KAC9C;IAED,IAAI,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,EAAE;QAClD,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACzC;IAED,IAAI,CAAC,CAAC,aAAa,IAAI,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ,EAAE;QACpE,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;KAClD;AACL,CAAC;AAID,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAc,EAA+B,EAAE;IACjF,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC;KAChB;IAED,OAAO,UAAU,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ;QAC5D,aAAa,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ,CAAC;AACxE,CAAC,CAAA;AAED,MAAM,UAAU,yBAAyB,CAAC,KAAc;IACpD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,CAAC;KAC9C;IAED,IAAI,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;QAC9D,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;KAC/C;IAED,IAAI,CAAC,CAAC,aAAa,IAAI,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ,EAAE;QACpE,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;KAClD;AACL,CAAC"}

package/dist/common/pne/dropdown.d.ts

@@ -0,0 +1,6 @@
+import { AutocompleteFreeSoloValueMapping, SxProps } from '@mui/material';
+import { AbstractEntity, AutoCompleteChoice } from "../paynet/type";
+export type PneDropdownChoice = AutoCompleteChoice | AbstractEntity | string;
+export declare const getOptionLabel: <T extends PneDropdownChoice, FreeSolo>(option: T | AutocompleteFreeSoloValueMapping<FreeSolo>) => string;
+export declare const isOptionEqualToValue: <T extends PneDropdownChoice>(option: T, value: T) => boolean;
+export declare const dropDownSx: SxProps;

package/dist/common/pne/dropdown.js

@@ -0,0 +1,41 @@
+import { assertObject, exhaustiveCheck, } from './type';
+import { isAbstractEntity, isIAutoCompleteChoice } from "../paynet/type";
+export const getOptionLabel = (option) => {
+    if (typeof option === 'string') {
+        return option;
+    }
+    assertObject(option);
+    if (isIAutoCompleteChoice(option)) {
+        return option.displayName;
+    }
+    else if (isAbstractEntity(option)) {
+        return option.displayName;
+    }
+    exhaustiveCheck(option);
+    throw new TypeError('Incompatible types of option:\n'
+        + JSON.stringify(option, null, 4));
+};
+export const isOptionEqualToValue = (option, value) => {
+    if (typeof option === 'string' && typeof value === 'string') {
+        return option === value;
+    }
+    assertObject(option);
+    assertObject(value);
+    if (isIAutoCompleteChoice(option) && isIAutoCompleteChoice(value)) {
+        return option.choiceId === value.choiceId;
+    }
+    else if (isAbstractEntity(option) && isAbstractEntity(value)) {
+        return option.id === value.id;
+    }
+    // TODO why it doesn't work?
+    // exhaustiveCheck(option, value)
+    throw new TypeError('Incompatible types of option and value:\n'
+        + JSON.stringify(option, null, 4) + '\n'
+        + JSON.stringify(value, null, 4));
+};
+export const dropDownSx = {
+    '& .MuiButtonBase-root.MuiChip-root': {
+        maxWidth: 'calc(50% - 4px)',
+    },
+};
+//# sourceMappingURL=dropdown.js.map

package/dist/common/pne/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/common/pne/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,eAAe,GAClB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EAAqC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,gBAAgB,CAAC;AAI3G,MAAM,CAAC,MAAM,cAAc,GAAG,CAC1B,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAO,MAAM,CAAA;KAChB;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,IAAI,qBAAqB,CAAC,MAAM,CAAC,EAAE;QAC/B,OAAO,MAAM,CAAC,WAAW,CAAA;KAC5B;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,EAAE;QACjC,OAAO,MAAM,CAAC,WAAW,CAAA;KAC5B;IAED,eAAe,CAAC,MAAM,CAAC,CAAA;IAEvB,MAAM,IAAI,SAAS,CAAC,iCAAiC;UAC/C,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CACpC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAA8B,MAAS,EAAE,KAAQ,EAAE,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACzD,OAAO,MAAM,KAAK,KAAK,CAAA;KAC1B;IAED,YAAY,CAAC,MAAM,CAAC,CAAA;IACpB,YAAY,CAAC,KAAK,CAAC,CAAA;IACnB,IAAI,qBAAqB,CAAC,MAAM,CAAC,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE;QAC/D,OAAO,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAA;KAC5C;SAAM,IAAI,gBAAgB,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;QAC5D,OAAO,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,CAAA;KAChC;IAED,4BAA4B;IAC5B,iCAAiC;IAEjC,MAAM,IAAI,SAAS,CAAC,2CAA2C;UACzD,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,IAAI;UACtC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CACnC,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAY;IAC/B,oCAAoC,EAAE;QAClC,QAAQ,EAAE,iBAAiB;KAC9B;CACJ,CAAA"}

package/dist/common/pne/type.d.ts

@@ -0,0 +1,9 @@
+export declare const exhaustiveCheck: (value: never | never[]) => never[];
+export declare const ensure: <T>(argument: T | null | undefined, message?: string) => T;
+export declare const isObject: (value: unknown) => value is object;
+export declare function assertObject(value: unknown): asserts value is object;
+export type SelectOption = {
+    value: number | string;
+    label: string;
+};
+export type Order = 'asc' | 'desc';

package/dist/common/pne/type.js

@@ -0,0 +1,18 @@
+export const exhaustiveCheck = (value) => {
+    return value;
+};
+export const ensure = (argument, message = 'This value was promised to be there.') => {
+    if (argument === undefined || argument === null) {
+        throw new TypeError(message);
+    }
+    return argument;
+};
+export const isObject = (value) => {
+    return typeof value === 'object' && value !== null;
+};
+export function assertObject(value) {
+    if (typeof value !== 'object' || value === null) {
+        throw new Error('Not an object: ' + value);
+    }
+}
+//# sourceMappingURL=type.js.map

package/dist/common/pne/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/common/pne/type.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE;IACtD,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,QAA8B,EAAE,OAAO,GAAG,sCAAsC,EAAK,EAAE;IAC7G,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;IAED,OAAO,QAAQ,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAmB,EAAE;IACxD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AACvD,CAAC,CAAA;AAED,MAAM,UAAU,YAAY,CAAC,KAAc;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,CAAC;KAC9C;AACL,CAAC"}

package/dist/common/type.d.ts

@@ -0,0 +1,9 @@
+export declare const exhaustiveCheck: (value: never | never[]) => never[];
+export declare const ensure: <T>(argument: T | null | undefined, message?: string) => T;
+export declare const isObject: (value: unknown) => value is object;
+export declare function assertObject(value: unknown): asserts value is object;
+export type SelectOption = {
+    value: number | string;
+    label: string;
+};
+export type Order = 'asc' | 'desc';

package/dist/common/type.js

@@ -0,0 +1,18 @@
+export const exhaustiveCheck = (value) => {
+    return value;
+};
+export const ensure = (argument, message = 'This value was promised to be there.') => {
+    if (argument === undefined || argument === null) {
+        throw new TypeError(message);
+    }
+    return argument;
+};
+export const isObject = (value) => {
+    return typeof value === 'object' && value !== null;
+};
+export function assertObject(value) {
+    if (typeof value !== 'object' || value === null) {
+        throw new Error('Not an object: ' + value);
+    }
+}
+//# sourceMappingURL=type.js.map

package/dist/common/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/common/type.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE;IACtD,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,CAAI,QAA8B,EAAE,OAAO,GAAG,sCAAsC,EAAK,EAAE;IAC7G,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;IAED,OAAO,QAAQ,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAmB,EAAE;IACxD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AACvD,CAAC,CAAA;AAED,MAAM,UAAU,YAAY,CAAC,KAAc;IACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,CAAC;KAC9C;AACL,CAAC"}

package/{cjs → dist}/component/PneButton.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const material_1 = require("@mui/material");
-const React = tslib_1.__importStar(require("react"));
+import { Button } from '@mui/material';
+import * as React from "react";
 // https://mui.com/material-ui/guides/typescript/#complications-with-the-component-prop
 const PneButton = (props) => {
     const { sx, children, variant = 'contained', ...rest } = props;
@@ -16,7 +13,7 @@ const PneButton = (props) => {
         },
         ...(Array.isArray(sx) ? sx : [sx])
     ];
-    return React.createElement(material_1.Button, { sx: _sx, variant: variant, ...rest }, children);
+    return React.createElement(Button, { sx: _sx, variant: variant, ...rest }, children);
 };
-exports.default = PneButton;
+export default PneButton;
 //# sourceMappingURL=PneButton.js.map

package/dist/component/PneModal.d.ts

@@ -0,0 +1,18 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { SxProps } from "@mui/material";
+export interface IProps {
+    open: boolean;
+    onClose: () => void;
+    containerSx?: SxProps;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+declare const PneModal: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export default PneModal;
+export declare const useModal: () => {
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+    handleOpen: () => void;
+    handleClose: () => void;
+};

package/dist/component/PneModal.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import Modal from "@mui/material/Modal";
+import Typography from "@mui/material/Typography";
+import { styled } from "@mui/material/styles";
+import CloseIcon from '@mui/icons-material/Close';
+const PneModal = (props) => {
+    const { open, onClose, containerSx = {}, title, className, children, } = props;
+    return React.createElement(Modal, { open: open, onClose: onClose, "aria-labelledby": 'modal-title' },
+        React.createElement(Container, { className: className, sx: containerSx },
+            React.createElement(Header, null,
+                React.createElement("div", null,
+                    React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '700',
+                            fontSize: '18px',
+                            lineHeight: '24px',
+                        }, component: 'h3', id: 'modal-title' }, title),
+                    props.subtitle && (React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '400',
+                            fontSize: '12px',
+                            lineHeight: '12px',
+                            letterSpacing: '0.15px',
+                        }, id: 'modal-subtitle' }, props.subtitle))),
+                React.createElement(IconButton, { sx: {
+                        width: '40px',
+                        height: '40px',
+                        background: '#F1F5FA',
+                        borderRadius: '4px',
+                    }, onClick: onClose },
+                    React.createElement(CloseIcon, { fontSize: 'small' }))),
+            React.createElement(Body, null, children)));
+};
+export default PneModal;
+const Container = styled(Box) `
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    min-width: 400px;
+    background: #fff;
+    border: none;
+    border-radius: 4px;
+    max-height: 98%;
+    overflow-y: auto;
+    box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.03), 0px 3px 3px rgba(0, 0, 0, 0.02), 0px 7px 6px rgba(0, 0, 0, 0.06), 0px 12px 10px rgba(0, 0, 3, 0.03), 0px 22px 18px rgba(0, 0, 0, 0.04), 0px 40px 33px rgba(0, 0, 0, 0.04), 0px 100px 80px rgba(0, 0, 0, 0.04);
+`;
+const Header = styled(Box) `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 24px;
+    border-bottom: 1px solid #F1F5FA;
+    gap: 16px;
+`;
+const Body = styled(Box) `
+    padding: 16px 24px;
+`;
+export const useModal = () => {
+    const [open, setOpen] = React.useState(false);
+    const handleOpen = () => setOpen(true);
+    const handleClose = () => setOpen(false);
+    return {
+        open,
+        setOpen,
+        handleOpen,
+        handleClose
+    };
+};
+//# sourceMappingURL=PneModal.js.map

package/dist/component/PneModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneModal.js","sourceRoot":"","sources":["../../src/component/PneModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAWlD,MAAM,QAAQ,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxD,MAAM,EACF,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,OAAO,oBAAC,KAAK,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,qBACA,aAAa;QAE7B,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW;YAC5C,oBAAC,MAAM;gBACH;oBACI,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;yBACrB,EACD,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,aAAa,IAEhB,KAAK,CACG;oBACZ,KAAK,CAAC,QAAQ,IAAI,CACf,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;4BAClB,aAAa,EAAE,QAAQ;yBAC1B,EACD,EAAE,EAAE,gBAAgB,IAEnB,KAAK,CAAC,QAAQ,CACN,CAChB,CACC;gBACN,oBAAC,UAAU,IACP,EAAE,EAAE;wBACA,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,SAAS;wBACrB,YAAY,EAAE,KAAK;qBACtB,EACD,OAAO,EAAE,OAAO;oBAEhB,oBAAC,SAAS,IAAC,QAAQ,EAAE,OAAO,GAAG,CACtB,CACR;YACT,oBAAC,IAAI,QACA,QAAQ,CACN,CACC,CACR,CAAA;AACZ,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;CAOzB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEvB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAKtB,EAAE;IACA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEzC,OAAO;QACH,IAAI;QACJ,OAAO;QACP,UAAU;QACV,WAAW;KACd,CAAC;AACN,CAAC,CAAA"}

package/dist/component/PneTextField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PneTextField: React.ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export default PneTextField;

package/dist/component/PneTextField.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { TextField } from '@mui/material';
+const PneTextField = forwardRef((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(TextField, { size: size, sx: _sx, ref: ref, ...rest });
+});
+export default PneTextField;
+//# sourceMappingURL=PneTextField.js.map

package/dist/component/PneTextField.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import { PneDropdownChoice } from '../../common/pne/dropdown';
+export interface IProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options'> {
+    searchChoices: (request: {
+        searchString?: string;
+    }) => Promise<T[]>;
+    label?: ReactNode;
+    error?: boolean;
+    placeholder?: string;
+    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: IProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
+export default PneAsyncAutocomplete;

package/dist/component/dropdown/PneAsyncAutocomplete.js

@@ -0,0 +1,44 @@
+import React, { useEffect, useId, useState } from 'react';
+import { Autocomplete, CircularProgress } from '@mui/material';
+import { dropDownSx, getOptionLabel, isOptionEqualToValue } from '../../common/pne/dropdown';
+import { PneTextField } from "../../index";
+const PneAsyncAutocomplete = (props) => {
+    const { searchChoices, label, size = 'small', error = false, sx, placeholder, onSearchError, ...rest } = props;
+    const innerSx = [
+        dropDownSx,
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    const [open, setOpen] = useState(false);
+    const [options, setOptions] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [inputValue, setInputValue] = useState('');
+    const id = useId();
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        setLoading(true);
+        searchChoices({ searchString: inputValue })
+            .then(setOptions)
+            .catch(reason => {
+            Promise.resolve(reason)
+                .then(value => {
+                onSearchError ? onSearchError(value) : console.error(value);
+            });
+        })
+            .finally(() => setLoading(false));
+    }, [open, inputValue, onSearchError, searchChoices]);
+    useEffect(() => {
+        if (!open) {
+            setOptions([]);
+        }
+    }, [open]);
+    return React.createElement(Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (React.createElement(PneTextField, { ...params, label: label, placeholder: placeholder, InputProps: {
+                ...params.InputProps,
+                endAdornment: (React.createElement(React.Fragment, null,
+                    loading ? React.createElement(CircularProgress, { color: "inherit", size: 20 }) : null,
+                    params.InputProps.endAdornment)),
+            }, error: error })), sx: innerSx, size: size, ...rest });
+};
+export default PneAsyncAutocomplete;
+//# sourceMappingURL=PneAsyncAutocomplete.js.map

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

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