component-shared 1.0.0

package/Components/Views/Billing/BillingForm/index.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import { IReport } from '../../../Models';
+import { PartialError } from 'partner-local-lib/helper';
+interface BillingFormProps {
+    data?: IReport;
+    MessageError?: PartialError<IReport> | any;
+    onBlur: (key: string) => void;
+    Name?: string;
+    Actions?: JSX.Element;
+    IsEdit: boolean;
+    fetchData: (value?: string, signal?: AbortSignal) => Promise<any[]>;
+}
+export default class BillingForm extends Component<BillingFormProps> {
+    render(): JSX.Element;
+}
+export {};

package/Components/Views/Billing/BillingForm/index.js

@@ -0,0 +1,49 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@mui/material';
+import { Component } from 'react';
+import { BillingInfo } from '../SubBillingFormComponent/index.js';
+import { ErrorAll, BoxInfo } from '../../../SubComponent/index.js';
+import RequestQuoteIcon from '@mui/icons-material/RequestQuote';
+
+var BillingForm = /*#__PURE__*/function (_Component) {
+  function BillingForm() {
+    _classCallCheck(this, BillingForm);
+    return _callSuper(this, BillingForm, arguments);
+  }
+  _inherits(BillingForm, _Component);
+  return _createClass(BillingForm, [{
+    key: "render",
+    value: function render() {
+      return jsx(Box, {
+        sx: {
+          flex: 1,
+          display: 'flex'
+        },
+        children: jsx(ErrorAll, {
+          MessageError: this.props.MessageError,
+          children: jsx(BoxInfo, {
+            icon: jsx(RequestQuoteIcon, {
+              color: 'info'
+            }),
+            mb: false,
+            title: this.props.Name || 'Billing',
+            children: jsx(BillingInfo, {
+              IdForm: 'FormKey.Personal',
+              IsEdit: this.props.IsEdit,
+              IsForm: false,
+              Model: this.props.data,
+              onBlur: this.props.onBlur,
+              MessageError: this.props.MessageError,
+              Actions: this.props.Actions,
+              fetchData: this.props.fetchData
+            })
+          })
+        })
+      });
+    }
+  }]);
+}(Component);
+
+export { BillingForm as default };
+//# sourceMappingURL=index.js.map

package/Components/Views/Billing/BillingForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Components/Views/Billing/BillingForm/index.tsx"],"sourcesContent":["import { Box, Button } from '@mui/material'\r\nimport React, { Component } from 'react'\r\nimport * as Sub from '../SubBillingFormComponent'\r\nimport * as SubCommon from '../../../SubComponent'\r\nimport { IReport } from '../../../Models'\r\nimport RequestQuoteIcon from '@mui/icons-material/RequestQuote'\r\nimport { PartialError } from 'partner-local-lib/helper'\r\ninterface BillingFormProps {\r\n  data?: IReport\r\n  MessageError?: PartialError<IReport> | any\r\n  onBlur: (key: string) => void\r\n  Name?: string\r\n  Actions?: JSX.Element\r\n  IsEdit: boolean\r\n  fetchData: (value?: string, signal?: AbortSignal) => Promise<any[]>\r\n}\r\nexport default class BillingForm extends Component<BillingFormProps> {\r\n  render() {\r\n    return (\r\n      <Box sx={{ flex: 1, display: 'flex' }}>\r\n        <SubCommon.ErrorAll MessageError={this.props.MessageError}>\r\n          <SubCommon.BoxInfo icon={<RequestQuoteIcon color='info' />} mb={false} title={this.props.Name || 'Billing'}>\r\n            <Sub.BillingInfo\r\n              IdForm={'FormKey.Personal'}\r\n              IsEdit={this.props.IsEdit}\r\n              IsForm={false}\r\n              Model={this.props.data}\r\n              onBlur={this.props.onBlur}\r\n              MessageError={this.props.MessageError}\r\n              Actions={this.props.Actions}\r\n              fetchData={this.props.fetchData}\r\n            />\r\n          </SubCommon.BoxInfo>\r\n        </SubCommon.ErrorAll>\r\n      </Box>\r\n    )\r\n  }\r\n}\r\n"],"names":["BillingForm","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_jsx","Box","sx","flex","display","children","SubCommon","MessageError","props","icon","RequestQuoteIcon","color","mb","title","Name","Sub","IdForm","IsEdit","IsForm","Model","data","onBlur","Actions","fetchData","Component"],"mappings":";;;;;;;;AAgBqBA,IAAAA,WAAY,0BAAAC,UAAA,EAAA;AAAA,EAAA,SAAAD,WAAA,GAAA;AAAAE,IAAAA,eAAA,OAAAF,WAAA,CAAA;AAAA,IAAA,OAAAG,UAAA,CAAA,IAAA,EAAAH,WAAA,EAAAI,SAAA,CAAA;AAAA;EAAAC,SAAA,CAAAL,WAAA,EAAAC,UAAA,CAAA;EAAA,OAAAK,YAAA,CAAAN,WAAA,EAAA,CAAA;IAAAO,GAAA,EAAA,QAAA;AAAAC,IAAAA,KAAA,EAC/B,SAAAC,MAAMA,GAAA;MACJ,OACEC,GAAC,CAAAC,GAAG,EAAC;AAAAC,QAAAA,EAAE,EAAE;AAAEC,UAAAA,IAAI,EAAE,CAAC;AAAEC,UAAAA,OAAO,EAAE;SAAQ;AACnCC,QAAAA,QAAA,EAAAL,GAAA,CAACM,QAAkB,EAAA;AAACC,UAAAA,YAAY,EAAE,IAAI,CAACC,KAAK,CAACD,YAAY;AAAAF,UAAAA,QAAA,EACvDL,GAAC,CAAAM,OAAiB,EAAC;AAAAG,YAAAA,IAAI,EAAET,GAAA,CAACU,gBAAgB,EAAA;AAACC,cAAAA,KAAK,EAAC;AAAM,aAAA,CAAG;AAAEC,YAAAA,EAAE,EAAE,KAAK;AAAEC,YAAAA,KAAK,EAAE,IAAI,CAACL,KAAK,CAACM,IAAI,IAAI,SAAS;AACxGT,YAAAA,QAAA,EAAAL,GAAA,CAACe,WAAe,EAAA;AACdC,cAAAA,MAAM,EAAE,kBAAkB;AAC1BC,cAAAA,MAAM,EAAE,IAAI,CAACT,KAAK,CAACS,MAAM;AACzBC,cAAAA,MAAM,EAAE,KAAK;AACbC,cAAAA,KAAK,EAAE,IAAI,CAACX,KAAK,CAACY,IAAI;AACtBC,cAAAA,MAAM,EAAE,IAAI,CAACb,KAAK,CAACa,MAAM;AACzBd,cAAAA,YAAY,EAAE,IAAI,CAACC,KAAK,CAACD,YAAY;AACrCe,cAAAA,OAAO,EAAE,IAAI,CAACd,KAAK,CAACc,OAAO;AAC3BC,cAAAA,SAAS,EAAE,IAAI,CAACf,KAAK,CAACe;aAAS;WAEf;SAAA;AAElB,OAAA,CAAA;AAEV;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CApBsCC,SAA2B;;;;"}

package/Components/Views/Billing/ItemBillingRowMenu/index.d.ts

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+import { IItemRowMenuProps } from '../../../TemplateTable/ItemRowMenu';
+import { IReport } from '../../../Models';
+interface IItemBillingRowMenuProps extends IItemRowMenuProps {
+    onDetail: (data: IReport) => void;
+    onPay?: (data: IReport) => void;
+}
+export default class ItemBillingRowMenu extends Component<IItemBillingRowMenuProps> {
+    onDetail: () => void;
+    onPay: () => void;
+    IsDisablePay: () => boolean;
+    IsPaid: () => boolean;
+    IsNoDetails: () => any;
+    renderMenuMore: () => JSX.Element;
+    renderMenuItems: () => JSX.Element[];
+    render(): JSX.Element;
+}
+export declare class ItemManageRowMenu extends Component<IItemBillingRowMenuProps> {
+    onDetail: () => void;
+    IsNoDetails: () => any;
+    render(): JSX.Element;
+}
+export {};

package/Components/Views/Billing/ItemBillingRowMenu/index.js

@@ -0,0 +1,153 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import { Tooltip, IconButton, MenuItem, ListItemIcon } from '@mui/material';
+import { Edit, Delete } from '@mui/icons-material';
+import GridOnIcon from '@mui/icons-material/GridOn';
+import PaidIcon from '@mui/icons-material/Paid';
+import { ReportStatus } from '../../../Models/index.js';
+import MenuMore from '../MenuMore/index.js';
+
+var ItemBillingRowMenu = /*#__PURE__*/function (_Component) {
+  function ItemBillingRowMenu() {
+    var _this;
+    _classCallCheck(this, ItemBillingRowMenu);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ItemBillingRowMenu, [].concat(args));
+    _defineProperty(_this, "onDetail", function () {
+      _this.props.onDetail(_this.props.data);
+    });
+    _defineProperty(_this, "onPay", function () {
+      _this.props.onPay && _this.props.onPay(_this.props.data);
+    });
+    _defineProperty(_this, "IsDisablePay", function () {
+      var _data$Payout;
+      var data = _this.props.data;
+      return (data === null || data === void 0 ? void 0 : data.Status) === ReportStatus.Paid || !((_data$Payout = data === null || data === void 0 ? void 0 : data.Payout) !== null && _data$Payout !== void 0 ? _data$Payout : 0);
+    });
+    _defineProperty(_this, "IsPaid", function () {
+      var _this$props$data;
+      return ((_this$props$data = _this.props.data) === null || _this$props$data === void 0 ? void 0 : _this$props$data.Status) === ReportStatus.Paid;
+    });
+    _defineProperty(_this, "IsNoDetails", function () {
+      var _this$props$data$NoDe, _this$props$data2;
+      return (_this$props$data$NoDe = (_this$props$data2 = _this.props.data) === null || _this$props$data2 === void 0 ? void 0 : _this$props$data2.NoDetails) !== null && _this$props$data$NoDe !== void 0 ? _this$props$data$NoDe : false;
+    });
+    //menu folder
+    _defineProperty(_this, "renderMenuMore", function () {
+      return jsx(MenuMore, {
+        renderItems: _this.renderMenuItems
+      });
+    });
+    _defineProperty(_this, "renderMenuItems", function () {
+      return [jsxs(MenuItem, {
+        onClick: _this.props.onEdit,
+        children: [jsx(ListItemIcon, {
+          children: jsx(Edit, {
+            color: 'info'
+          })
+        }), "Edit"]
+      }, "edit"), jsxs(MenuItem, {
+        onClick: _this.props.onDelete,
+        disabled: _this.IsPaid(),
+        children: [jsx(ListItemIcon, {
+          children: jsx(Delete, {
+            color: 'error'
+          })
+        }), "Delete"]
+      }, "Delete")];
+    });
+    return _this;
+  }
+  _inherits(ItemBillingRowMenu, _Component);
+  return _createClass(ItemBillingRowMenu, [{
+    key: "render",
+    value: function render() {
+      return jsxs("div", {
+        className: "wrap-title-video",
+        children: [jsx("span", {
+          className: "title",
+          children: this.props.children
+        }), jsxs("div", {
+          className: "container-action",
+          children: [jsx(Tooltip, {
+            title: "Pay",
+            children: jsx("span", {
+              children: jsx(IconButton, {
+                disabled: this.IsDisablePay(),
+                onClick: this.onPay,
+                children: jsx(PaidIcon, {
+                  sx: {
+                    color: this.IsDisablePay() ? '' : "#b28900"
+                  },
+                  fontSize: "small"
+                })
+              })
+            })
+          }), jsx(Tooltip, {
+            title: "Detail",
+            children: jsx("span", {
+              children: jsx(IconButton, {
+                onClick: this.onDetail,
+                disabled: this.IsNoDetails(),
+                children: jsx(GridOnIcon, {
+                  color: this.IsNoDetails() ? 'disabled' : 'primary',
+                  fontSize: "small"
+                })
+              })
+            })
+          }), this.renderMenuMore()]
+        })]
+      });
+    }
+  }]);
+}(Component);
+var ItemManageRowMenu = /*#__PURE__*/function (_Component2) {
+  function ItemManageRowMenu() {
+    var _this2;
+    _classCallCheck(this, ItemManageRowMenu);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _callSuper(this, ItemManageRowMenu, [].concat(args));
+    _defineProperty(_this2, "onDetail", function () {
+      _this2.props.onDetail(_this2.props.data);
+    });
+    _defineProperty(_this2, "IsNoDetails", function () {
+      var _this2$props$data$NoD, _this2$props$data;
+      return (_this2$props$data$NoD = (_this2$props$data = _this2.props.data) === null || _this2$props$data === void 0 ? void 0 : _this2$props$data.NoDetails) !== null && _this2$props$data$NoD !== void 0 ? _this2$props$data$NoD : false;
+    });
+    return _this2;
+  }
+  _inherits(ItemManageRowMenu, _Component2);
+  return _createClass(ItemManageRowMenu, [{
+    key: "render",
+    value: function render() {
+      return jsxs("div", {
+        className: "wrap-title-video",
+        children: [jsx("span", {
+          className: "title",
+          children: this.props.children
+        }), jsx("div", {
+          className: "container-action",
+          children: jsx(Tooltip, {
+            title: "Detail",
+            children: jsx(IconButton, {
+              onClick: this.onDetail,
+              disabled: this.IsNoDetails(),
+              children: jsx(GridOnIcon, {
+                color: this.IsNoDetails() ? 'disabled' : 'primary',
+                fontSize: "small"
+              })
+            })
+          })
+        })]
+      });
+    }
+  }]);
+}(Component);
+
+export { ItemManageRowMenu, ItemBillingRowMenu as default };
+//# sourceMappingURL=index.js.map

package/Components/Views/Billing/ItemBillingRowMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Components/Views/Billing/ItemBillingRowMenu/index.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { IconButton, ListItemIcon, MenuItem, Tooltip } from '@mui/material'\r\nimport { Delete, Edit } from '@mui/icons-material';\r\nimport GridOnIcon from '@mui/icons-material/GridOn';\r\nimport PaidIcon from '@mui/icons-material/Paid';\r\nimport { IItemRowMenuProps } from '../../../TemplateTable/ItemRowMenu';\r\nimport { IReport, ReportStatus } from '../../../Models';\r\nimport MenuMore from '../MenuMore';\r\ninterface IItemBillingRowMenuProps extends IItemRowMenuProps {\r\n    onDetail: (data: IReport) => void\r\n    onPay?: (data: IReport) => void\r\n}\r\nexport default class ItemBillingRowMenu extends Component<IItemBillingRowMenuProps> {\r\n    onDetail = () => {\r\n        this.props.onDetail(this.props.data)\r\n    }\r\n    onPay = () => {\r\n        this.props.onPay && this.props.onPay(this.props.data)\r\n    }\r\n    IsDisablePay = () => {\r\n        const data = this.props.data as IReport\r\n        return data?.Status === ReportStatus.Paid || !(data?.Payout ?? 0)\r\n    }\r\n    IsPaid = () => {\r\n        return this.props.data?.Status === ReportStatus.Paid\r\n    }\r\n    IsNoDetails = () => this.props.data?.NoDetails ?? false\r\n    //menu folder\r\n    renderMenuMore = () => {\r\n        return <MenuMore\r\n            renderItems={this.renderMenuItems}\r\n        />\r\n    }\r\n    renderMenuItems = () => {\r\n        return [<MenuItem key={\"edit\"} onClick={this.props.onEdit}>\r\n            <ListItemIcon>\r\n                <Edit color='info' />\r\n            </ListItemIcon>\r\n            Edit\r\n        </MenuItem>,\r\n        <MenuItem key={\"Delete\"} onClick={this.props.onDelete} disabled={this.IsPaid()}>\r\n            <ListItemIcon>\r\n                <Delete color='error' />\r\n            </ListItemIcon>\r\n            Delete\r\n        </MenuItem>]\r\n    }\r\n    render() {\r\n        return (\r\n            <div className=\"wrap-title-video\" >\r\n                <span className=\"title\">{this.props.children}</span>\r\n                <div className=\"container-action\" >\r\n                    <Tooltip title=\"Pay\" >\r\n                        <span>\r\n                            <IconButton disabled={this.IsDisablePay()} onClick={this.onPay}>\r\n                                <PaidIcon sx={{ color: this.IsDisablePay() ? '' : \"#b28900\" }} fontSize=\"small\" />\r\n                            </IconButton>\r\n                        </span>\r\n                    </Tooltip>\r\n                    <Tooltip title=\"Detail\" >\r\n                        <span>\r\n                            <IconButton onClick={this.onDetail} disabled={this.IsNoDetails()}>\r\n                                <GridOnIcon color={this.IsNoDetails() ? 'disabled' : 'primary'} fontSize=\"small\" />\r\n                            </IconButton>\r\n                        </span>\r\n                    </Tooltip>\r\n                    {this.renderMenuMore()}\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\nexport class ItemManageRowMenu extends Component<IItemBillingRowMenuProps> {\r\n    onDetail = () => {\r\n        this.props.onDetail(this.props.data)\r\n    }\r\n    IsNoDetails = () => this.props.data?.NoDetails ?? false\r\n    render() {\r\n        return (\r\n            <div className=\"wrap-title-video\" >\r\n                <span className=\"title\">{this.props.children}</span>\r\n                <div className=\"container-action\" >\r\n                    <Tooltip title=\"Detail\" >\r\n                        <IconButton onClick={this.onDetail} disabled={this.IsNoDetails()}>\r\n                            <GridOnIcon color={this.IsNoDetails() ? 'disabled' : 'primary'} fontSize=\"small\" />\r\n                        </IconButton>\r\n                    </Tooltip>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n\r\n"],"names":["ItemBillingRowMenu","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","props","onDetail","data","onPay","_data$Payout","Status","ReportStatus","Paid","Payout","_this$props$data","_this$props$data$NoDe","_this$props$data2","NoDetails","_jsx","MenuMore","renderItems","renderMenuItems","_jsxs","MenuItem","onClick","onEdit","children","ListItemIcon","Edit","color","onDelete","disabled","IsPaid","Delete","_inherits","_createClass","key","value","render","className","Tooltip","title","IconButton","IsDisablePay","PaidIcon","sx","fontSize","IsNoDetails","GridOnIcon","renderMenuMore","Component","ItemManageRowMenu","_Component2","_this2","_len2","_key2","_this2$props$data$NoD","_this2$props$data"],"mappings":"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"}

package/Components/Views/Billing/MenuMore/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface MenuMoreProps {
+    renderItems: () => JSX.Element[];
+}
+declare const MenuMore: React.FC<MenuMoreProps>;
+export default MenuMore;

package/Components/Views/Billing/MenuMore/index.js

@@ -0,0 +1,89 @@
+import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Menu from '@mui/material/Menu';
+import IconButton from '@mui/material/IconButton';
+import Tooltip from '@mui/material/Tooltip';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+
+var MenuMore = function MenuMore(props) {
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    anchorEl = _React$useState2[0],
+    setAnchorEl = _React$useState2[1];
+  var open = Boolean(anchorEl);
+  var handleClick = function handleClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+  };
+  return jsxs(React.Fragment, {
+    children: [jsx(Box, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        textAlign: 'center'
+      },
+      children: jsx(Tooltip, {
+        title: "More...",
+        children: jsx(IconButton, {
+          onClick: handleClick,
+          size: "small",
+          sx: {
+            ml: 2
+          },
+          "aria-controls": open ? 'account-menu' : undefined,
+          "aria-haspopup": "true",
+          "aria-expanded": open ? 'true' : undefined,
+          children: jsx(MoreVertIcon, {})
+        })
+      })
+    }), jsx(Menu, {
+      anchorEl: anchorEl,
+      id: "account-menu",
+      open: open,
+      onClose: handleClose,
+      onClick: handleClose,
+      PaperProps: {
+        elevation: 0,
+        sx: {
+          overflow: 'visible',
+          filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
+          mt: 1.5,
+          '& .MuiAvatar-root': {
+            width: 32,
+            height: 32,
+            ml: -0.5,
+            mr: 1
+          },
+          '&:before': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            top: 0,
+            right: 14,
+            width: 10,
+            height: 10,
+            bgcolor: 'background.paper',
+            transform: 'translateY(-50%) rotate(45deg)',
+            zIndex: 0
+          }
+        }
+      },
+      transformOrigin: {
+        horizontal: 'right',
+        vertical: 'top'
+      },
+      anchorOrigin: {
+        horizontal: 'right',
+        vertical: 'bottom'
+      },
+      children: props.renderItems()
+    })]
+  });
+};
+
+export { MenuMore as default };
+//# sourceMappingURL=index.js.map

package/Components/Views/Billing/MenuMore/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Components/Views/Billing/MenuMore/index.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Box from '@mui/material/Box';\r\nimport Menu from '@mui/material/Menu';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport Tooltip from '@mui/material/Tooltip';\r\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\r\ninterface MenuMoreProps {\r\n    renderItems: () => JSX.Element[]\r\n}\r\nconst MenuMore: React.FC<MenuMoreProps> = (props) => {\r\n    const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\r\n    const open = Boolean(anchorEl);\r\n    const handleClick = (event: React.MouseEvent<HTMLElement>) => {\r\n        setAnchorEl(event.currentTarget);\r\n    };\r\n    const handleClose = () => {\r\n        setAnchorEl(null);\r\n    };\r\n    return (\r\n        <React.Fragment>\r\n            <Box sx={{ display: 'flex', alignItems: 'center', textAlign: 'center' }}>\r\n                <Tooltip title=\"More...\">\r\n                    <IconButton\r\n                        onClick={handleClick}\r\n                        size=\"small\"\r\n                        sx={{ ml: 2 }}\r\n                        aria-controls={open ? 'account-menu' : undefined}\r\n                        aria-haspopup=\"true\"\r\n                        aria-expanded={open ? 'true' : undefined}\r\n                    >\r\n                        <MoreVertIcon />\r\n                    </IconButton>\r\n                </Tooltip>\r\n            </Box>\r\n            <Menu\r\n                anchorEl={anchorEl}\r\n                id=\"account-menu\"\r\n                open={open}\r\n                onClose={handleClose}\r\n                onClick={handleClose}\r\n                PaperProps={{\r\n                    elevation: 0,\r\n                    sx: {\r\n                        overflow: 'visible',\r\n                        filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',\r\n                        mt: 1.5,\r\n                        '& .MuiAvatar-root': {\r\n                            width: 32,\r\n                            height: 32,\r\n                            ml: -0.5,\r\n                            mr: 1,\r\n                        },\r\n                        '&:before': {\r\n                            content: '\"\"',\r\n                            display: 'block',\r\n                            position: 'absolute',\r\n                            top: 0,\r\n                            right: 14,\r\n                            width: 10,\r\n                            height: 10,\r\n                            bgcolor: 'background.paper',\r\n                            transform: 'translateY(-50%) rotate(45deg)',\r\n                            zIndex: 0,\r\n                        },\r\n                    },\r\n                }}\r\n                transformOrigin={{ horizontal: 'right', vertical: 'top' }}\r\n                anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\r\n            >\r\n                {props.renderItems()}\r\n            </Menu>\r\n        </React.Fragment>\r\n    );\r\n}\r\nexport default MenuMore"],"names":["MenuMore","props","_React$useState","React","useState","_React$useState2","_slicedToArray","anchorEl","setAnchorEl","open","Boolean","handleClick","event","currentTarget","handleClose","_jsxs","Fragment","children","_jsx","Box","sx","display","alignItems","textAlign","Tooltip","title","IconButton","onClick","size","ml","undefined","MoreVertIcon","Menu","id","onClose","PaperProps","elevation","overflow","filter","mt","width","height","mr","content","position","top","right","bgcolor","transform","zIndex","transformOrigin","horizontal","vertical","anchorOrigin","renderItems"],"mappings":"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"}

package/Components/Views/Billing/SubBillingFormComponent/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import * as SubCommon from '../../../SubComponent';
+import { IReport, IReportPayment } from '../../../Models';
+interface BillingInfoProps extends SubCommon.FormBase<IReport> {
+    Actions?: JSX.Element;
+    IsEdit: boolean;
+    fetchData: (value?: string, signal?: AbortSignal) => Promise<any[]>;
+}
+export declare const BillingInfo: FC<BillingInfoProps>;
+interface PaymentInfoProps extends SubCommon.FormBase<Partial<IReportPayment>> {
+    Actions?: JSX.Element;
+}
+export declare const PaymentInfo: FC<PaymentInfoProps>;
+export {};