pne-ui 1.0.12 → 1.0.16

package/cjs/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/cjs/common/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/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../src/common/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/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/cjs/common/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/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/common/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/cjs/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/cjs/component/PneModal.js

@@ -0,0 +1,77 @@
+"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_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_1.default.createElement(Typography_1.default, { sx: {
+                            padding: '0',
+                            fontWeight: '400',
+                            fontSize: '12px',
+                            lineHeight: '12px',
+                            letterSpacing: '0.15px',
+                        }, id: 'modal-subtitle' }, props.subtitle))),
+                react_1.default.createElement(IconButton_1.default, { sx: {
+                        width: '40px',
+                        height: '40px',
+                        background: '#F1F5FA',
+                        borderRadius: '4px',
+                    }, onClick: onClose },
+                    react_1.default.createElement(Close_1.default, { fontSize: 'small' }))),
+            react_1.default.createElement(Body, null, children)));
+};
+exports.default = PneModal;
+const Container = (0, styles_1.styled)(Box_1.default) `
+    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 = (0, styles_1.styled)(Box_1.default) `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 24px;
+    border-bottom: 1px solid #F1F5FA;
+    gap: 16px;
+`;
+const Body = (0, styles_1.styled)(Box_1.default) `
+    padding: 16px 24px;
+`;
+const useModal = () => {
+    const [open, setOpen] = react_1.default.useState(false);
+    const handleOpen = () => setOpen(true);
+    const handleClose = () => setOpen(false);
+    return {
+        open,
+        setOpen,
+        handleOpen,
+        handleClose
+    };
+};
+exports.useModal = useModal;
+//# 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;AAEvB,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;AAEK,MAAM,QAAQ,GAAG,GAKtB,EAAE;IACA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,eAAK,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;AAhBY,QAAA,QAAQ,YAgBpB"}

package/cjs/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/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.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import { PneDropdownChoice } from '../../common/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/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/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.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import { PneDropdownChoice } from '../../common/dropdown';
+import { TextFieldVariants } from '@mui/material/TextField/TextField';
+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'> {
+    label?: ReactNode;
+    variant?: TextFieldVariants;
+    error?: boolean;
+    placeholder?: string;
+}
+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

@@ -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/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,oDAA0G;AAE1G,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.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { SelectProps, SelectVariants } from '@mui/material';
+import { PneDropdownChoice } from '../../common/dropdown';
+import { SelectOption } from '../../common/type';
+export interface IProps<T extends PneDropdownChoice> extends Omit<SelectProps<T>, 'children' | 'onChange' | 'variant'> {
+    options: readonly T[];
+    onChange: (option: T) => void;
+    getOptionLabel?: (option: SelectOption) => ReactNode;
+    variant?: SelectVariants;
+    disableMenuItem?: (option: SelectOption) => boolean;
+}
+declare const PneSelect: React.ForwardRefExoticComponent<Omit<IProps<PneDropdownChoice>, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export default PneSelect;

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/type");
+const type_2 = require("../../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,4CAK2B;AAC3B,4CAA0E;AAW1E,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.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableCellProps } from '@mui/material';
+declare const AbstractHeaderTableCell: (props: TableCellProps) => React.JSX.Element;
+export default AbstractHeaderTableCell;

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.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { SxProps } from '@mui/material';
+import { Order } from "../../common/type";
+export type RowsPerPageOption = number;
+export interface IPaginatorProps {
+    rowsPerPageOptions: RowsPerPageOption[];
+    rowsPerPage: number;
+    page: number;
+    onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    hasNext: boolean;
+    displayedRowsLabel: string;
+    activeActionSx?: SxProps;
+}
+export type TableProps<D> = {
+    data: D[];
+    createRow: (rowData: D, index: number, arr: D[]) => React.ReactElement;
+    createTableHeader: TableCreateHeaderType;
+    sortOptions?: ITableSortOptions;
+    lastRow?: React.ReactElement;
+    paginator?: IPaginatorProps;
+    loading?: boolean;
+    stickyHeader?: boolean;
+    showNothingIsFoundRow?: boolean;
+    tableSx?: SxProps;
+    boxSx?: SxProps;
+    noRowsMessage?: string;
+};
+export interface ITableSortOptions {
+    order: Order;
+    setOrder: (order: Order) => void;
+    sortIndex: number;
+    setSortIndex: (index: number) => void;
+    onSortChange: (sortIndex: number, sortOrder: Order) => void;
+}
+export interface ITableCreateHeaderParams {
+    sortOptions?: ITableSortOptions;
+}
+export type TableCreateHeaderType = (headerParams: ITableCreateHeaderParams) => React.ReactElement;
+declare const AbstractTable: <D>(props: React.PropsWithChildren<TableProps<D>>) => React.JSX.Element;
+export default AbstractTable;

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.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableCellProps } from '@mui/material';
+declare const AbstractTableCell: (props: TableCellProps) => React.JSX.Element;
+export default AbstractTableCell;

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.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    disabled: boolean;
+}
+declare const PneFirstPageIcon: (props: IProps) => React.JSX.Element;
+export default PneFirstPageIcon;

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.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableCellProps } from '@mui/material';
+declare const PneHeaderTableCell: (props: TableCellProps) => React.JSX.Element;
+export default PneHeaderTableCell;

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"}