pne-ui 1.0.22 → 1.0.24

package/cjs/common/paynet/schema.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoCompleteChoiceSchema = exports.AbstractEntitySchema = void 0;
+const zod_1 = require("zod");
+exports.AbstractEntitySchema = zod_1.z.object({
+    id: zod_1.z.number(),
+    displayName: zod_1.z.string(),
+});
+exports.AutoCompleteChoiceSchema = zod_1.z.object({
+    choiceId: zod_1.z.number(),
+    displayName: zod_1.z.string(),
+    description: zod_1.z.string().optional(),
+});
+//# sourceMappingURL=schema.js.map

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

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

package/{dist → cjs/common}/paynet/type.js

@@ -1,12 +1,16 @@
-import { isObject } from "../common/type";
-export const isAbstractEntity = (value) => {
-    if (!isObject(value)) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assertIAutoCompleteChoice = exports.isIAutoCompleteChoice = exports.assertAbstractEntity = exports.isAbstractEntity = void 0;
+const type_1 = require("../pne/type");
+const isAbstractEntity = (value) => {
+    if (!(0, type_1.isObject)(value)) {
         return false;
     }
     return 'id' in value && typeof value.id === 'number' &&
         'displayName' in value && typeof value.displayName === 'string';
 };
-export function assertAbstractEntity(value) {
+exports.isAbstractEntity = isAbstractEntity;
+function assertAbstractEntity(value) {
     if (typeof value !== 'object' || value === null) {
         throw new Error('Not an object: ' + value);
     }
@@ -17,14 +21,16 @@ export function assertAbstractEntity(value) {
         throw new Error('displayName is not a string');
     }
 }
-export const isIAutoCompleteChoice = (value) => {
-    if (!isObject(value)) {
+exports.assertAbstractEntity = assertAbstractEntity;
+const isIAutoCompleteChoice = (value) => {
+    if (!(0, type_1.isObject)(value)) {
         return false;
     }
     return 'choiceId' in value && typeof value.choiceId === 'number' &&
         'displayName' in value && typeof value.displayName === 'string';
 };
-export function assertIAutoCompleteChoice(value) {
+exports.isIAutoCompleteChoice = isIAutoCompleteChoice;
+function assertIAutoCompleteChoice(value) {
     if (typeof value !== 'object' || value === null) {
         throw new Error('Not an object: ' + value);
     }
@@ -35,4 +41,5 @@ export function assertIAutoCompleteChoice(value) {
         throw new Error('displayName is not a string');
     }
 }
+exports.assertIAutoCompleteChoice = assertIAutoCompleteChoice;
 //# sourceMappingURL=type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/common/paynet/type.ts"],"names":[],"mappings":";;;AAEA,sCAAqC;AAI9B,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAA2B,EAAE;IACxE,IAAI,CAAC,IAAA,eAAQ,EAAC,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;AAPY,QAAA,gBAAgB,oBAO5B;AAED,SAAgB,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;AAZD,oDAYC;AAIM,MAAM,qBAAqB,GAAG,CAAC,KAAc,EAA+B,EAAE;IACjF,IAAI,CAAC,IAAA,eAAQ,EAAC,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;AAPY,QAAA,qBAAqB,yBAOjC;AAED,SAAgB,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;AAZD,8DAYC"}

package/cjs/common/pne/dropdown.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dropDownSx = exports.isOptionEqualToValue = exports.getOptionLabel = void 0;
+const type_1 = require("./type");
+const type_2 = require("../paynet/type");
+const getOptionLabel = (option) => {
+    if (typeof option === 'string') {
+        return option;
+    }
+    (0, type_1.assertObject)(option);
+    if ((0, type_2.isIAutoCompleteChoice)(option)) {
+        return option.displayName;
+    }
+    else if ((0, type_2.isAbstractEntity)(option)) {
+        return option.displayName;
+    }
+    (0, type_1.exhaustiveCheck)(option);
+    throw new TypeError('Incompatible types of option:\n'
+        + JSON.stringify(option, null, 4));
+};
+exports.getOptionLabel = getOptionLabel;
+const isOptionEqualToValue = (option, value) => {
+    if (typeof option === 'string' && typeof value === 'string') {
+        return option === value;
+    }
+    (0, type_1.assertObject)(option);
+    (0, type_1.assertObject)(value);
+    if ((0, type_2.isIAutoCompleteChoice)(option) && (0, type_2.isIAutoCompleteChoice)(value)) {
+        return option.choiceId === value.choiceId;
+    }
+    else if ((0, type_2.isAbstractEntity)(option) && (0, type_2.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));
+};
+exports.isOptionEqualToValue = isOptionEqualToValue;
+exports.dropDownSx = {
+    '& .MuiButtonBase-root.MuiChip-root': {
+        maxWidth: 'calc(50% - 4px)',
+    },
+};
+//# sourceMappingURL=dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/common/pne/dropdown.ts"],"names":[],"mappings":";;;AAAA,iCAGgB;AAEhB,yCAA2G;AAIpG,MAAM,cAAc,GAAG,CAC1B,MAAsD,EACxD,EAAE;IACA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAO,MAAM,CAAA;KAChB;IAED,IAAA,mBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,EAAE;QAC/B,OAAO,MAAM,CAAC,WAAW,CAAA;KAC5B;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,EAAE;QACjC,OAAO,MAAM,CAAC,WAAW,CAAA;KAC5B;IAED,IAAA,sBAAe,EAAC,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;AAnBY,QAAA,cAAc,kBAmB1B;AAEM,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,IAAA,mBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAA,mBAAY,EAAC,KAAK,CAAC,CAAA;IACnB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,IAAI,IAAA,4BAAqB,EAAC,KAAK,CAAC,EAAE;QAC/D,OAAO,MAAM,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,CAAA;KAC5C;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,IAAI,IAAA,uBAAgB,EAAC,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;AApBY,QAAA,oBAAoB,wBAoBhC;AAEY,QAAA,UAAU,GAAY;IAC/B,oCAAoC,EAAE;QAClC,QAAQ,EAAE,iBAAiB;KAC9B;CACJ,CAAA"}

package/cjs/common/pne/type.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/common/pne/type.ts"],"names":[],"mappings":";;;AAAO,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE;IACtD,OAAO,KAAK,CAAA;AAChB,CAAC,CAAA;AAFY,QAAA,eAAe,mBAE3B;AAEM,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;AANY,QAAA,MAAM,UAMlB;AAEM,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAmB,EAAE;IACxD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AACvD,CAAC,CAAA;AAFY,QAAA,QAAQ,YAEpB;AAED,SAAgB,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;AAJD,oCAIC"}

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

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

package/cjs/component/PneButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneButton.js","sourceRoot":"","sources":["../../src/component/PneButton.tsx"],"names":[],"mappings":";;;AAAA,4CAA2D;AAC3D,qDAA+B;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,iBAAM,IAAC,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,KAAM,IAAI,IAAG,QAAQ,CAAU,CAAA;AAC3E,CAAC,CAAA;AAED,kBAAe,SAAS,CAAC"}

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

@@ -1,41 +1,45 @@
-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';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModal = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
+const IconButton_1 = tslib_1.__importDefault(require("@mui/material/IconButton"));
+const Modal_1 = tslib_1.__importDefault(require("@mui/material/Modal"));
+const Typography_1 = tslib_1.__importDefault(require("@mui/material/Typography"));
+const styles_1 = require("@mui/material/styles");
+const Close_1 = tslib_1.__importDefault(require("@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: {
+    return react_1.default.createElement(Modal_1.default, { open: open, onClose: onClose, "aria-labelledby": 'modal-title' },
+        react_1.default.createElement(Container, { className: className, sx: containerSx },
+            react_1.default.createElement(Header, null,
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(Typography_1.default, { sx: {
                             padding: '0',
                             fontWeight: '700',
                             fontSize: '18px',
                             lineHeight: '24px',
                         }, component: 'h3', id: 'modal-title' }, title),
-                    props.subtitle && (React.createElement(Typography, { sx: {
+                    props.subtitle && (react_1.default.createElement(Typography_1.default, { sx: {
                             padding: '0',
                             fontWeight: '400',
                             fontSize: '12px',
                             lineHeight: '12px',
                             letterSpacing: '0.15px',
                         }, id: 'modal-subtitle' }, props.subtitle))),
-                React.createElement(IconButton, { sx: {
+                react_1.default.createElement(IconButton_1.default, { sx: {
                         width: '40px',
                         height: '40px',
                         background: '#F1F5FA',
                         borderRadius: '4px',
                     }, onClick: onClose },
-                    React.createElement(CloseIcon, { fontSize: 'small' }))),
-            React.createElement(Body, null, children)));
+                    react_1.default.createElement(Close_1.default, { fontSize: 'small' }))),
+            react_1.default.createElement(Body, null, children)));
 };
-export default PneModal;
-export const useModal = () => {
-    const [open, setOpen] = React.useState(false);
+exports.default = PneModal;
+const useModal = () => {
+    const [open, setOpen] = react_1.default.useState(false);
     const handleOpen = () => setOpen(true);
     const handleClose = () => setOpen(false);
     return {
@@ -45,7 +49,8 @@ export const useModal = () => {
         handleClose,
     };
 };
-const Container = styled(Box) `
+exports.useModal = useModal;
+const Container = (0, styles_1.styled)(Box_1.default) `
     position: absolute;
     top: 50%;
     left: 50%;
@@ -58,7 +63,7 @@ const Container = styled(Box) `
     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) `
+const Header = (0, styles_1.styled)(Box_1.default) `
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -66,7 +71,7 @@ const Header = styled(Box) `
     border-bottom: 1px solid #F1F5FA;
     gap: 16px;
 `;
-const Body = styled(Box) `
+const Body = (0, styles_1.styled)(Box_1.default) `
     padding: 16px 24px;
 `;
 //# sourceMappingURL=PneModal.js.map

package/cjs/component/PneModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneModal.js","sourceRoot":"","sources":["../../src/component/PneModal.tsx"],"names":[],"mappings":";;;;AAAA,0DAAsD;AACtD,oEAAoC;AACpC,kFAAkD;AAClD,wEAAwC;AACxC,kFAAkD;AAElD,iDAA4C;AAC5C,8EAAkD;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,8BAAC,eAAK,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,qBACA,aAAa;QAE7B,8BAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW;YAC5C,8BAAC,MAAM;gBACH;oBACI,8BAAC,oBAAU,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,8BAAC,oBAAU,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,8BAAC,oBAAU,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,8BAAC,eAAS,IAAC,QAAQ,EAAE,OAAO,GAAG,CACtB,CACR;YACT,8BAAC,IAAI,QACA,QAAQ,CACN,CACC,CACR,CAAA;AACZ,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA;AAEhB,MAAM,QAAQ,GAAG,GAKtB,EAAE;IACA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,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;AAhBY,QAAA,QAAQ,YAgBpB;AAED,MAAM,SAAS,GAAG,IAAA,eAAM,EAAC,aAAG,CAAC,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,eAAM,EAAC,aAAG,CAAC,CAAA;;;;;;;CAOzB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,aAAG,CAAC,CAAA;;CAEvB,CAAC"}

package/cjs/component/PneTextField.js

@@ -0,0 +1,14 @@
+"use strict";
+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 PneTextField = (0, react_1.forwardRef)((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return react_1.default.createElement(material_1.TextField, { size: size, sx: _sx, ref: ref, ...rest });
+});
+exports.default = PneTextField;
+//# sourceMappingURL=PneTextField.js.map

package/cjs/component/PneTextField.js.map

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

package/cjs/component/dropdown/PneAsyncAutocomplete.js

@@ -0,0 +1,47 @@
+"use strict";
+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 dropdown_1 = require("../../common/pne/dropdown");
+const index_1 = require("../../index");
+const PneAsyncAutocomplete = (props) => {
+    const { searchChoices, label, size = 'small', error = false, sx, placeholder, onSearchError, ...rest } = props;
+    const innerSx = [
+        dropdown_1.dropDownSx,
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    const [open, setOpen] = (0, react_1.useState)(false);
+    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)();
+    (0, react_1.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]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            setOptions([]);
+        }
+    }, [open]);
+    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, 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, InputProps: {
+                ...params.InputProps,
+                endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                    loading ? react_1.default.createElement(material_1.CircularProgress, { color: "inherit", size: 20 }) : null,
+                    params.InputProps.endAdornment)),
+            }, error: error })), sx: innerSx, size: size, ...rest });
+};
+exports.default = PneAsyncAutocomplete;
+//# sourceMappingURL=PneAsyncAutocomplete.js.map

package/cjs/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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"}

package/cjs/component/dropdown/PneAutocomplete.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const dropdown_1 = require("../../common/pne/dropdown");
+const index_1 = require("../../index");
+const PneAutocomplete = (props) => {
+    const { label, variant, size = 'small', error = false, sx, placeholder, ...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, renderInput: (params) => {
+            return react_1.default.createElement(index_1.PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: error });
+        }, size: size, sx: innerSx, ...rest });
+};
+exports.default = PneAutocomplete;
+//# sourceMappingURL=PneAutocomplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,4CAAuE;AACvE,wDAA8G;AAE9G,uCAAyC;AAczC,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IAED,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,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,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,GACd,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

@@ -0,0 +1,45 @@
+"use strict";
+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 type_1 = require("../../common/pne/type");
+const type_2 = require("../../common/paynet/type");
+const PneSelect = (0, react_1.forwardRef)((props, ref) => {
+    const { options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, variant = 'outlined', disableMenuItem, ...rest } = props;
+    const handleChange = (event) => {
+        const value = event.target.value;
+        onChange((0, type_1.ensure)(options.find(opt => mapChoiceToSelectOption(opt).value === value)));
+    };
+    const optionsPresent = options?.length > 0;
+    return react_1.default.createElement(material_1.Select, { ref: ref, onChange: handleChange, size: size, variant: variant, ...rest }, optionsPresent ? options.map(mapChoiceToSelectOption).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) => {
+    return option.label;
+};
+const mapChoiceToSelectOption = (choice) => {
+    if (typeof choice === 'string') {
+        return {
+            value: choice,
+            label: choice,
+        };
+    }
+    (0, type_1.assertObject)(choice);
+    if ((0, type_2.isIAutoCompleteChoice)(choice)) {
+        return {
+            value: choice.choiceId,
+            label: choice.displayName,
+        };
+    }
+    else if ((0, type_2.isAbstractEntity)(choice)) {
+        return {
+            value: choice.id,
+            label: choice.displayName,
+        };
+    }
+    (0, type_1.exhaustiveCheck)(choice);
+    throw new TypeError('Incompatible types of select option:\n'
+        + JSON.stringify(choice, null, 4));
+};
+//# sourceMappingURL=PneSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":";;;AAAA,uDAAmD;AACnD,4CAA+F;AAE/F,gDAK+B;AAC/B,mDAAiF;AAWjF,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,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,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,YAAY,GAAG,CAAC,KAA2B,EAAE,EAAE;QACjD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAEhC,QAAQ,CAAC,IAAA,aAAM,EAAC,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;IAE1C,OAAO,8BAAC,iBAAM,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAM,IAAI,IAClF,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAChE,8BAAC,mBAAQ,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,CAAA;AACb,CAAC,CAAC,CAAA;AAEF,kBAAe,SAAS,CAAA;AAExB,MAAM,wBAAwB,GAAG,CAAC,MAAoB,EAAa,EAAE;IACjE,OAAO,MAAM,CAAC,KAAK,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,CAA8B,MAAS,EAAgB,EAAE;IACrF,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC5B,OAAO;YACH,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;SAChB,CAAA;KACJ;IAED,IAAA,mBAAY,EAAC,MAAM,CAAC,CAAA;IACpB,IAAI,IAAA,4BAAqB,EAAC,MAAM,CAAC,EAAE;QAC/B,OAAO;YACH,KAAK,EAAE,MAAM,CAAC,QAAQ;YACtB,KAAK,EAAE,MAAM,CAAC,WAAW;SAC5B,CAAA;KACJ;SAAM,IAAI,IAAA,uBAAgB,EAAC,MAAM,CAAC,EAAE;QACjC,OAAO;YACH,KAAK,EAAE,MAAM,CAAC,EAAE;YAChB,KAAK,EAAE,MAAM,CAAC,WAAW;SAC5B,CAAA;KACJ;IAED,IAAA,sBAAe,EAAC,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"}

package/cjs/component/table/AbstractHeaderTableCell.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const AbstractHeaderTableCell = (props) => {
+    const { sx, children, ...rest } = props;
+    const _sx = [
+        {
+            fontSize: '12px',
+            fontStyle: 'normal',
+            fontWeight: 'bold',
+            lineHeight: '12px',
+            textTransform: 'uppercase',
+            color: '#809EAE',
+            padding: '12px 19px',
+            borderBottom: '1px solid #b7cdda'
+        },
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return react_1.default.createElement(material_1.TableCell, { sx: _sx, ...rest }, children);
+};
+exports.default = AbstractHeaderTableCell;
+//# sourceMappingURL=AbstractHeaderTableCell.js.map

package/cjs/component/table/AbstractHeaderTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractHeaderTableCell.js","sourceRoot":"","sources":["../../../src/component/table/AbstractHeaderTableCell.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,4CAAiE;AAEjE,MAAM,uBAAuB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACtD,MAAM,EACF,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAY;QACjB;YACI,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,MAAM;YAClB,aAAa,EAAE,WAAW;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,mBAAmB;SACpC;QACD,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,EAAE,EAAE,GAAG,KAAM,IAAI,IAAG,QAAQ,CAAa,CAAA;AAC/D,CAAC,CAAA;AAED,kBAAe,uBAAuB,CAAC"}

package/cjs/component/table/AbstractTable.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Table_1 = tslib_1.__importDefault(require("@mui/material/Table"));
+const TableBody_1 = tslib_1.__importDefault(require("@mui/material/TableBody"));
+const TableContainer_1 = tslib_1.__importDefault(require("@mui/material/TableContainer"));
+const TableHead_1 = tslib_1.__importDefault(require("@mui/material/TableHead"));
+const Box_1 = tslib_1.__importDefault(require("@mui/material/Box"));
+const PneTableRow_1 = tslib_1.__importDefault(require("./PneTableRow"));
+const PneTableCell_1 = tslib_1.__importDefault(require("./PneTableCell"));
+const PneTablePagination_1 = tslib_1.__importDefault(require("./PneTablePagination"));
+const PneTablePaginationActions_1 = tslib_1.__importDefault(require("./PneTablePaginationActions"));
+const AbstractTable = (props) => {
+    const { data, createTableHeader, sortOptions, createRow, lastRow = null, paginator, stickyHeader = false, showNothingIsFoundRow = true, tableSx = {}, boxSx = {}, noRowsMessage, } = props;
+    const containerRef = (0, react_1.useRef)(null);
+    const [nothingRowColSpan, setNothingRowColSpan] = (0, react_1.useState)(100);
+    const visibleRows = react_1.default.useMemo(() => data, [data, sortOptions?.order, sortOptions?.sortIndex]);
+    (0, react_1.useEffect)(() => {
+        if (visibleRows.length === 0 && showNothingIsFoundRow) {
+            if (containerRef?.current) {
+                const header = containerRef.current.querySelector('table thead tr');
+                if (header) {
+                    setNothingRowColSpan(header.childElementCount);
+                }
+            }
+        }
+    }, [visibleRows.length, showNothingIsFoundRow]);
+    return react_1.default.createElement(Box_1.default, { sx: { ...boxSx }, ref: containerRef },
+        react_1.default.createElement(TableContainer_1.default, null,
+            react_1.default.createElement(Table_1.default, { stickyHeader: stickyHeader, sx: { ...tableSx } },
+                react_1.default.createElement(TableHead_1.default, null, createTableHeader({
+                    sortOptions: sortOptions
+                })),
+                react_1.default.createElement(TableBody_1.default, null,
+                    visibleRows.map(createRow),
+                    visibleRows.length === 0 && showNothingIsFoundRow && (react_1.default.createElement(PneTableRow_1.default, { hover: false },
+                        react_1.default.createElement(PneTableCell_1.default, { colSpan: nothingRowColSpan }, noRowsMessage || 'No rows'))),
+                    lastRow))),
+        paginator && (react_1.default.createElement(PneTablePagination_1.default, { count: -1, 
+            /*
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore */
+            component: 'div', labelDisplayedRows: () => null, labelRowsPerPage: null, nextIconButtonProps: {
+                disabled: !paginator.hasNext,
+            }, rowsPerPageOptions: paginator.rowsPerPageOptions, rowsPerPage: paginator.rowsPerPage, page: paginator.page, onPageChange: paginator.onPageChange, ActionsComponent: (props) => react_1.default.createElement(PneTablePaginationActions_1.default, { ...props, paginator: paginator }) })));
+};
+exports.default = AbstractTable;
+//# sourceMappingURL=AbstractTable.js.map

package/cjs/component/table/AbstractTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractTable.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTable.tsx"],"names":[],"mappings":";;;AAAA,uDAAyD;AACzD,wEAAwC;AACxC,gFAAgD;AAChD,0FAA0D;AAC1D,gFAAgD;AAChD,oEAAoC;AAEpC,wEAAwC;AACxC,0EAA0C;AAC1C,sFAAsD;AACtD,oGAAoE;AAoDpE,MAAM,aAAa,GAAG,CAClB,KAA6C,EAC/C,EAAE;IACA,MAAM,EACF,IAAI,EACJ,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,OAAO,GAAG,IAAI,EACd,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,qBAAqB,GAAG,IAAI,EAC5B,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG,EAAE,EACV,aAAa,GAChB,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,IAAI,EACV,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CACrD,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,qBAAqB,EAAE;YACnD,IAAI,YAAY,EAAE,OAAO,EAAE;gBACvB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;gBACpE,IAAI,MAAM,EAAE;oBACR,oBAAoB,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;iBAClD;aACJ;SACJ;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEhD,OAAO,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAC,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,YAAY;QACzC,8BAAC,wBAAc;YACX,8BAAC,eAAK,IAAC,YAAY,EAAE,YAAY,EAAE,EAAE,EAAE,EAAC,GAAG,OAAO,EAAC;gBAC/C,8BAAC,mBAAS,QACL,iBAAiB,CAAC;oBACf,WAAW,EAAE,WAAW;iBAC3B,CAAC,CACM;gBACZ,8BAAC,mBAAS;oBACL,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC;oBAC1B,WAAW,CAAC,MAAM,KAAK,CAAC,IAAI,qBAAqB,IAAI,CAClD,8BAAC,qBAAW,IAAC,KAAK,EAAE,KAAK;wBACrB,8BAAC,sBAAY,IAAC,OAAO,EAAE,iBAAiB,IACnC,aAAa,IAAI,SAAS,CAChB,CACL,CACjB;oBACA,OAAO,CACA,CACR,CACK;QAChB,SAAS,IAAI,CACV,8BAAC,4BAAkB,IACf,KAAK,EAAE,CAAC,CAAC;YACT;;4BAEgB;YAChB,SAAS,EAAE,KAAK,EAChB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,EAC9B,gBAAgB,EAAE,IAAI,EACtB,mBAAmB,EAAE;gBACjB,QAAQ,EAAE,CAAC,SAAS,CAAC,OAAO;aAC/B,EACD,kBAAkB,EAAE,SAAS,CAAC,kBAAkB,EAChD,WAAW,EAAE,SAAS,CAAC,WAAW,EAClC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,mCAAyB,OAC/C,KAAK,EACT,SAAS,EAAE,SAAS,GACtB,GACJ,CACL,CACC,CAAA;AACV,CAAC,CAAA;AAED,kBAAe,aAAa,CAAC"}

package/cjs/component/table/AbstractTableCell.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const AbstractTableCell = (props) => {
+    return react_1.default.createElement(material_1.TableCell, { ...props });
+};
+exports.default = AbstractTableCell;
+//# sourceMappingURL=AbstractTableCell.js.map

package/cjs/component/table/AbstractTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractTableCell.js","sourceRoot":"","sources":["../../../src/component/table/AbstractTableCell.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,4CAAwD;AAExD,MAAM,iBAAiB,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChD,OAAO,8BAAC,oBAAS,OAAK,KAAK,GAAG,CAAA;AAClC,CAAC,CAAA;AAED,kBAAe,iBAAiB,CAAC"}

package/cjs/component/table/PneFirstPageIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const PneFirstPageIcon = (props) => {
+    const { disabled } = props;
+    const color = disabled ? '#dae5ed' : '#809EAE';
+    return (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M7.33333 11.3346L4 8.0013L7.33333 4.66797", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M12 11.3346L8.66666 8.0013L12 4.66797", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.default = PneFirstPageIcon;
+//# sourceMappingURL=PneFirstPageIcon.js.map

package/cjs/component/table/PneFirstPageIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneFirstPageIcon.js","sourceRoot":"","sources":["../../../src/component/table/PneFirstPageIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAM1B,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;IACvC,MAAM,EACF,QAAQ,EACX,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/C,OAAO,CACH,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC1F,wCAAM,CAAC,EAAC,2CAA2C,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE;QACjI,wCAAM,CAAC,EAAC,uCAAuC,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,CAC3H,CACT,CAAC;AACN,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAC"}

package/cjs/component/table/PneHeaderTableCell.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const AbstractHeaderTableCell_1 = tslib_1.__importDefault(require("./AbstractHeaderTableCell"));
+const PneHeaderTableCell = (props) => {
+    const { sx, children, ...rest } = props;
+    const _sx = [
+        {
+            borderBottom: 'none',
+            background: 'transparent'
+        },
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return react_1.default.createElement(AbstractHeaderTableCell_1.default, { sx: _sx, ...rest }, children);
+};
+exports.default = PneHeaderTableCell;
+//# sourceMappingURL=PneHeaderTableCell.js.map

package/cjs/component/table/PneHeaderTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneHeaderTableCell.js","sourceRoot":"","sources":["../../../src/component/table/PneHeaderTableCell.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,gGAAgE;AAGhE,MAAM,kBAAkB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACF,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAY;QACjB;YACI,YAAY,EAAE,MAAM;YACpB,UAAU,EAAE,aAAa;SAC5B;QACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,8BAAC,iCAAuB,IAAC,EAAE,EAAE,GAAG,KAAM,IAAI,IAAG,QAAQ,CAA2B,CAAA;AAC3F,CAAC,CAAA;AAED,kBAAe,kBAAkB,CAAC"}

package/cjs/component/table/PneLastPageIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const PneLastPageIcon = (props) => {
+    const { disabled } = props;
+    const color = disabled ? '#dae5ed' : '#809EAE';
+    return (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M8.66669 11.3346L12 8.0013L8.66669 4.66797", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M4 11.3346L7.33333 8.0013L4 4.66797", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.default = PneLastPageIcon;
+//# sourceMappingURL=PneLastPageIcon.js.map

package/cjs/component/table/PneLastPageIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneLastPageIcon.js","sourceRoot":"","sources":["../../../src/component/table/PneLastPageIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAM1B,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;IACtC,MAAM,EACF,QAAQ,EACX,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/C,OAAO,CACH,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC1F,wCAAM,CAAC,EAAC,4CAA4C,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE;QAClI,wCAAM,CAAC,EAAC,qCAAqC,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,CACzH,CAET,CAAC;AACN,CAAC,CAAA;AAED,kBAAe,eAAe,CAAC"}

package/cjs/component/table/PneNextPageIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const PneNextPageIcon = (props) => {
+    const { disabled } = props;
+    const color = disabled ? '#dae5ed' : '#809EAE';
+    return (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M2.66669 8H13.3334", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M9.33331 4L13.3333 8L9.33331 12", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+exports.default = PneNextPageIcon;
+//# sourceMappingURL=PneNextPageIcon.js.map

package/cjs/component/table/PneNextPageIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneNextPageIcon.js","sourceRoot":"","sources":["../../../src/component/table/PneNextPageIcon.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAM1B,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;IACtC,MAAM,EACF,QAAQ,EACX,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE/C,OAAO,CACH,uCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QAC1F,wCAAM,CAAC,EAAC,oBAAoB,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE;QAC5G,wCAAM,CAAC,EAAC,iCAAiC,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,CACvH,CACT,CAAC;AACN,CAAC,CAAA;AAED,kBAAe,eAAe,CAAC"}