component-shared 1.0.0

package/Components/TemplateTable/InputFormModal/index.js

@@ -0,0 +1,103 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Modal, Box } from '@mui/material';
+import { Component } from 'react';
+
+var FullScreen = function FullScreen(props) {
+  return jsx(Box, {
+    onMouseDown: props.handleClose,
+    sx: {
+      position: 'absolute',
+      display: 'flex',
+      flex: 1,
+      top: 0,
+      left: 0,
+      bottom: 0,
+      right: 0,
+      justifyContent: 'space-around'
+    },
+    children: props.children
+  });
+};
+var CenterScreen = function CenterScreen(props) {
+  return jsx("div", {
+    style: {
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    children: props.children
+  });
+};
+var InputFormModal = /*#__PURE__*/function (_Component) {
+  function InputFormModal(props) {
+    var _this;
+    _classCallCheck(this, InputFormModal);
+    _this = _callSuper(this, InputFormModal, [props]);
+    _defineProperty(_this, "renderContent", function () {
+      var Form = _this.props.MapForm[_this.state.Type];
+      var Wrap = _this.state.IsFull ? FullScreen : CenterScreen;
+      if (Form) {
+        return jsx(Wrap, {
+          handleClose: _this.handleClose,
+          children: Form ? jsx(Form, {
+            data: _this.state.Model
+          }) : ''
+        });
+      }
+    });
+    _defineProperty(_this, "handleClose", function () {
+      _this.setState({
+        open: false,
+        Model: undefined
+      });
+    });
+    _this.state = {
+      open: false,
+      Type: 'CREATE',
+      IsFull: false
+    };
+    return _this;
+  }
+  _inherits(InputFormModal, _Component);
+  return _createClass(InputFormModal, [{
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps, nextState, nextContext) {
+      return nextState.open !== this.state.open;
+    }
+  }, {
+    key: "open",
+    value: function open(Type, Model) {
+      var IsFull = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+      this.setState({
+        Type: Type,
+        open: true,
+        Model: Model,
+        IsFull: IsFull
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return jsx(Modal, {
+        open: this.state.open,
+        onClose: this.handleClose,
+        "aria-labelledby": "parent-modal-title",
+        "aria-describedby": "parent-modal-description",
+        // maxWidth="sm"
+        sx: {
+          padding: '10px',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center'
+        },
+        children: jsx(Fragment, {
+          children: this.renderContent()
+        })
+      });
+    }
+  }]);
+}(Component);
+
+export { InputFormModal as default };
+//# sourceMappingURL=index.js.map

package/Components/TemplateTable/InputFormModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/Components/TemplateTable/InputFormModal/index.tsx"],"sourcesContent":["import { Box, IconButton, Modal, Slide } from '@mui/material'\r\nimport React, { Component, ComponentType, FC } from 'react'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport { TransitionProps } from '@mui/material/transitions'\r\nexport type InputFormType = 'EDIT' | 'CREATE' | 'DELETE' | 'DETAIL' | 'MODAL'\r\n\r\ninterface InputFormModalProps {\r\n  MapForm: { [key in InputFormType]?: ComponentType<any> }\r\n}\r\ninterface InputFormModalState {\r\n  open: boolean\r\n  Type: InputFormType\r\n  Model?: any\r\n  IsFull: boolean\r\n}\r\nconst Transition = React.forwardRef(function Transition(\r\n  props: TransitionProps & {\r\n    children: React.ReactElement\r\n  },\r\n  ref: React.Ref<unknown>\r\n) {\r\n  return <Slide direction=\"up\" ref={ref} {...props} />\r\n})\r\nconst FullScreen: FC<{ handleClose: () => void }> = (props) => (\r\n  <Box\r\n    onMouseDown={props.handleClose}\r\n    sx={{\r\n      position: 'absolute',\r\n      display: 'flex',\r\n      flex: 1,\r\n      top: 0,\r\n      left: 0,\r\n      bottom: 0,\r\n      right: 0,\r\n      justifyContent: 'space-around',\r\n    }}\r\n  >\r\n    {props.children}\r\n  </Box>\r\n)\r\nconst CenterScreen: FC<{ handleClose: () => void }> = (props) => (\r\n  <div style={{ position: 'relative', display: 'flex', alignItems: 'center' }}>{props.children}</div>\r\n)\r\nexport default class InputFormModal extends Component<InputFormModalProps, InputFormModalState> {\r\n  constructor(props: InputFormModalProps) {\r\n    super(props)\r\n    this.state = {\r\n      open: false,\r\n      Type: 'CREATE',\r\n      IsFull: false,\r\n    }\r\n  }\r\n  shouldComponentUpdate(nextProps: Readonly<InputFormModalProps>, nextState: Readonly<InputFormModalState>, nextContext: any) {\r\n    return nextState.open !== this.state.open\r\n  }\r\n  renderContent = () => {\r\n    const Form = this.props.MapForm[this.state.Type]\r\n    const Wrap = this.state.IsFull ? FullScreen : CenterScreen\r\n    if (Form) {\r\n      return <Wrap handleClose={this.handleClose}>{Form ? <Form data={this.state.Model} /> : ''}</Wrap>\r\n    }\r\n  }\r\n  open(Type: InputFormType, Model?: any, IsFull: boolean = false) {\r\n    this.setState({ Type, open: true, Model, IsFull })\r\n  }\r\n  handleClose = () => {\r\n    this.setState({ open: false, Model: undefined })\r\n  }\r\n  render() {\r\n    return (\r\n      <Modal\r\n        open={this.state.open}\r\n        onClose={this.handleClose}\r\n        aria-labelledby=\"parent-modal-title\"\r\n        aria-describedby=\"parent-modal-description\"\r\n        // maxWidth=\"sm\"\r\n        sx={{\r\n          padding: '10px',\r\n          display: 'flex',\r\n          justifyContent: 'center',\r\n          alignItems: 'center',\r\n        }}\r\n      >\r\n        <>{this.renderContent()}</>\r\n        {/* <Box sx={{\r\n                        position: 'absolute',\r\n                        right: \"5px\",\r\n                        top: 0,\r\n                        borderRadius: \"50%\",\r\n                        background: 'rgb(0 0 0 / 40%)',\r\n                        margin: \"5px\"\r\n                    }}>\r\n                        <IconButton onClick={this.handleClose}>\r\n                            <CloseIcon sx={{ color: 'white' }} />\r\n                        </IconButton>\r\n                    </Box> */}\r\n      </Modal>\r\n    )\r\n  }\r\n}\r\n"],"names":["FullScreen","props","_jsx","Box","onMouseDown","handleClose","sx","position","display","flex","top","left","bottom","right","justifyContent","children","CenterScreen","style","alignItems","InputFormModal","_Component","_this","_classCallCheck","_callSuper","_defineProperty","Form","MapForm","state","Type","Wrap","IsFull","data","Model","setState","open","undefined","_inherits","_createClass","key","value","shouldComponentUpdate","nextProps","nextState","nextContext","render","Modal","onClose","padding","_Fragment","renderContent","Component"],"mappings":"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"}

package/Components/TemplateTable/ItemRowMenu/index.d.ts

@@ -0,0 +1,13 @@
+import { Component } from 'react';
+import './index.css';
+export interface IItemRowMenuProps {
+    data: any;
+    onEdit: () => void;
+    onDelete: () => void;
+    onDetailModal?: () => void;
+    HideEdit?: boolean;
+    HideDelete?: boolean;
+}
+export default class ItemRowMenu extends Component<IItemRowMenuProps> {
+    render(): JSX.Element;
+}

package/Components/TemplateTable/ItemRowMenu/index.js

@@ -0,0 +1,49 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Component } from 'react';
+import { Tooltip, IconButton } from '@mui/material';
+import { Edit, Delete } from '@mui/icons-material';
+
+var ItemRowMenu = /*#__PURE__*/function (_Component) {
+  function ItemRowMenu() {
+    _classCallCheck(this, ItemRowMenu);
+    return _callSuper(this, ItemRowMenu, arguments);
+  }
+  _inherits(ItemRowMenu, _Component);
+  return _createClass(ItemRowMenu, [{
+    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: [this.props.HideEdit !== true ? jsx(Tooltip, {
+            title: "Edit",
+            children: jsx(IconButton, {
+              onClick: this.props.onEdit,
+              children: jsx(Edit, {
+                color: 'info',
+                fontSize: "small"
+              })
+            })
+          }) : '', this.props.HideDelete !== true ? jsx(Tooltip, {
+            title: "Delete",
+            children: jsx(IconButton, {
+              onClick: this.props.onDelete,
+              children: jsx(Delete, {
+                color: 'error',
+                fontSize: "small"
+              })
+            })
+          }) : '']
+        })]
+      });
+    }
+  }]);
+}(Component);
+
+export { ItemRowMenu as default };
+//# sourceMappingURL=index.js.map

package/Components/TemplateTable/ItemRowMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/Components/TemplateTable/ItemRowMenu/index.tsx"],"sourcesContent":["import React, { Component } from 'react'\r\nimport { IconButton, Tooltip } from '@mui/material'\r\nimport { Delete, Edit } from '@mui/icons-material';\r\nimport './index.css'\r\n\r\nexport interface IItemRowMenuProps {\r\n    data: any\r\n    onEdit: () => void\r\n    onDelete: () => void\r\n    onDetailModal?: () => void\r\n    HideEdit?: boolean\r\n    HideDelete?: boolean\r\n}\r\nexport default class ItemRowMenu extends Component<IItemRowMenuProps> {\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                    {this.props.HideEdit !== true ?\r\n                        <Tooltip title=\"Edit\" >\r\n                            <IconButton onClick={this.props.onEdit}>\r\n                                <Edit color='info' fontSize=\"small\" />\r\n                            </IconButton>\r\n                        </Tooltip> : ''\r\n                    }\r\n                    {this.props.HideDelete !== true ?\r\n                        <Tooltip title=\"Delete\">\r\n                            <IconButton onClick={this.props.onDelete}>\r\n                                <Delete color='error' fontSize=\"small\" />\r\n                            </IconButton>\r\n                        </Tooltip> : ''\r\n                    }\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n"],"names":["ItemRowMenu","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_jsxs","className","children","_jsx","props","HideEdit","Tooltip","title","IconButton","onClick","onEdit","Edit","color","fontSize","HideDelete","onDelete","Delete","Component"],"mappings":";;;;;;AAaqBA,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,EAC7B,SAAAC,MAAMA,GAAA;MACF,OACIC,IAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,kBAAkB;AAAAC,QAAAA,QAAA,EAAA,CAC7BC,GAAM,CAAA,MAAA,EAAA;AAAAF,UAAAA,SAAS,EAAC,OAAO;AAAEC,UAAAA,QAAA,EAAA,IAAI,CAACE,KAAK,CAACF;AAAQ,SAAA,CAAQ,EACpDF,IAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,kBAAkB;AAC5BC,UAAAA,QAAA,EAAA,CAAA,IAAI,CAACE,KAAK,CAACC,QAAQ,KAAK,IAAI,GACzBF,GAAA,CAACG,OAAO,EAAC;AAAAC,YAAAA,KAAK,EAAC,MAAM;AAAAL,YAAAA,QAAA,EACjBC,IAACK,UAAU,EAAA;AAACC,cAAAA,OAAO,EAAE,IAAI,CAACL,KAAK,CAACM,MAAM;AAClCR,cAAAA,QAAA,EAAAC,GAAA,CAACQ,IAAI,EAAC;AAAAC,gBAAAA,KAAK,EAAC,MAAM;AAACC,gBAAAA,QAAQ,EAAC;;aACnB;AAAA,WAAA,CACP,GAAG,EAAE,EAElB,IAAI,CAACT,KAAK,CAACU,UAAU,KAAK,IAAI,GAC3BX,GAAA,CAACG,OAAO,EAAC;AAAAC,YAAAA,KAAK,EAAC,QAAQ;sBACnBJ,GAAC,CAAAK,UAAU,EAAC;AAAAC,cAAAA,OAAO,EAAE,IAAI,CAACL,KAAK,CAACW,QAAQ;AACpCb,cAAAA,QAAA,EAAAC,GAAA,CAACa,MAAM,EAAA;AAACJ,gBAAAA,KAAK,EAAC,OAAO;AAACC,gBAAAA,QAAQ,EAAC;eAAO;aAC7B;WAAA,CACP,GAAG,EAAE;AAEjB,SAAA,CAAA;AAAA,OAAA,CACJ;AAEd;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CAvBoCI,SAA4B;;;;"}

package/Components/TemplateTable/PanelAction/index.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+export type IPanelActionProps = {
+    onCreate: () => void;
+    ButtonText: string;
+};
+export default class PanelAction extends Component<IPanelActionProps> {
+    static defaultProps: {
+        ButtonText: string;
+    };
+    render(): JSX.Element;
+}

package/Components/TemplateTable/PanelAction/index.js

@@ -0,0 +1,51 @@
+import { defineProperty as _defineProperty, inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Button } from '@mui/material';
+import { Component } from 'react';
+import AddCircleIcon from '@mui/icons-material/AddCircle';
+
+var PanelAction = /*#__PURE__*/function (_Component) {
+  function PanelAction() {
+    _classCallCheck(this, PanelAction);
+    return _callSuper(this, PanelAction, arguments);
+  }
+  _inherits(PanelAction, _Component);
+  return _createClass(PanelAction, [{
+    key: "render",
+    value: function render() {
+      return jsxs(Box, {
+        sx: {
+          display: 'flex'
+        },
+        children: [jsx(Box, {
+          sx: {
+            flex: 1,
+            display: 'flex',
+            alignItems: 'center',
+            padding: "10px"
+          }
+        }), jsx(Box, {
+          sx: {
+            flex: 1,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'flex-end',
+            padding: "10px"
+          },
+          children: jsx(Button, {
+            onClick: this.props.onCreate,
+            variant: "contained",
+            endIcon: jsx(AddCircleIcon, {}),
+            children: this.props.ButtonText
+          })
+        })]
+      });
+    }
+  }]);
+}(Component);
+_defineProperty(PanelAction, "defaultProps", {
+  ButtonText: 'Create'
+});
+
+export { PanelAction as default };
+//# sourceMappingURL=index.js.map

package/Components/TemplateTable/PanelAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/Components/TemplateTable/PanelAction/index.tsx"],"sourcesContent":["import { Box, Button } from '@mui/material'\r\nimport React, { Component } from 'react'\r\nimport AddCircleIcon from '@mui/icons-material/AddCircle';\r\n\r\nexport type IPanelActionProps = {\r\n    onCreate: () => void\r\n    ButtonText: string\r\n}\r\nexport default class PanelAction extends Component<IPanelActionProps> {\r\n    static defaultProps = {\r\n        ButtonText: 'Create'\r\n    }\r\n    render() {\r\n        return (\r\n            <Box sx={{ display: 'flex' }}>\r\n                <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', padding: \"10px\" }} >\r\n                </Box>\r\n                <Box sx={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'flex-end', padding: \"10px\" }}>\r\n                    <Button onClick={this.props.onCreate} variant=\"contained\" endIcon={<AddCircleIcon />}>\r\n                        {this.props.ButtonText}\r\n                    </Button>\r\n                </Box>\r\n            </Box>\r\n        )\r\n    }\r\n}\r\n"],"names":["PanelAction","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_jsxs","Box","sx","display","children","_jsx","flex","alignItems","padding","justifyContent","Button","onClick","props","onCreate","variant","endIcon","AddCircleIcon","ButtonText","Component","_defineProperty"],"mappings":";;;;;;AAQqBA,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,EAI7B,SAAAC,MAAMA,GAAA;MACF,OACIC,KAACC,GAAG,EAAA;AAACC,QAAAA,EAAE,EAAE;AAAEC,UAAAA,OAAO,EAAE;SAAQ;AACxBC,QAAAA,QAAA,EAAA,CAAAC,GAAA,CAACJ,GAAG,EAAC;AAAAC,UAAAA,EAAE,EAAE;AAAEI,YAAAA,IAAI,EAAE,CAAC;AAAEH,YAAAA,OAAO,EAAE,MAAM;AAAEI,YAAAA,UAAU,EAAE,QAAQ;AAAEC,YAAAA,OAAO,EAAE;AAAM;UACpE,EACNH,GAAA,CAACJ,GAAG,EAAC;AAAAC,UAAAA,EAAE,EAAE;AAAEI,YAAAA,IAAI,EAAE,CAAC;AAAEH,YAAAA,OAAO,EAAE,MAAM;AAAEI,YAAAA,UAAU,EAAE,QAAQ;AAAEE,YAAAA,cAAc,EAAE,UAAU;AAAED,YAAAA,OAAO,EAAE;WAAQ;AACpGJ,UAAAA,QAAA,EAAAC,GAAA,CAACK,MAAM,EAAC;AAAAC,YAAAA,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC,QAAQ;AAAEC,YAAAA,OAAO,EAAC,WAAW;AAACC,YAAAA,OAAO,EAAEV,GAAC,CAAAW,aAAa,KAAG;AAC/EZ,YAAAA,QAAA,EAAA,IAAI,CAACQ,KAAK,CAACK;WACP;AAAA,SAAA,CACP;AACJ,OAAA,CAAA;AAEd;AAAC,GAAA,CAAA,CAAA;AAAA,CAAA,CAhBoCC,SAA4B;AAAAC,eAAA,CAAhD7B,WAAY,EACP,cAAA,EAAA;AAClB2B,EAAAA,UAAU,EAAE;CACf,CAAA;;;;"}

package/Components/TemplateTable/TableContext/index.d.ts

@@ -0,0 +1 @@
+export {};

package/Components/TemplateTable/TableContext/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/Components/TemplateTable/TableContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Components/TemplateTable/helper.d.ts

@@ -0,0 +1,3 @@
+import { ConfigTable } from 'partner-local-lib/GridTable';
+export declare const CreateConfigTable: <TModel>(Config: ConfigTable<TModel>) => ConfigTable<TModel>;
+export declare const CreateConfigTableFromModel: <TModel>(data: TModel, SelectId: (data: TModel) => any) => ConfigTable<TModel>;

package/Components/TemplateTable/helper.js

@@ -0,0 +1,20 @@
+var CreateConfigTable = function CreateConfigTable(Config) {
+  return Config;
+};
+var CreateConfigTableFromModel = function CreateConfigTableFromModel(data, SelectId) {
+  var keys = Object.keys(data);
+  var Options = keys.reduce(function (config, key) {
+    config[key] = {
+      flex: 1,
+      minWidth: 100
+    };
+    return config;
+  }, {});
+  return {
+    SelectId: SelectId,
+    Options: Options
+  };
+};
+
+export { CreateConfigTable, CreateConfigTableFromModel };
+//# sourceMappingURL=helper.js.map

package/Components/TemplateTable/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sources":["../../../src/Components/TemplateTable/helper.ts"],"sourcesContent":["import { GridColDef } from '@mui/x-data-grid'\r\nimport { ConfigTable, GridColDefCustom, ModelBase } from 'partner-local-lib/GridTable'\r\nexport const CreateConfigTable = <TModel>(Config: ConfigTable<TModel>): ConfigTable<TModel> => {\r\n  return Config\r\n}\r\nexport const CreateConfigTableFromModel = <TModel>(data: TModel, SelectId: (data: TModel) => any): ConfigTable<TModel> => {\r\n  const keys = Object.keys(data as any)\r\n  const Options = keys.reduce<GridColDefCustom<TModel>>((config, key: keyof Extract<TModel, ModelBase>) => {\r\n    config[key] = {\r\n      flex: 1,\r\n      minWidth: 100\r\n    } as Omit<GridColDef, 'field'>\r\n    return config\r\n  }, {})\r\n  return {\r\n    SelectId,\r\n    Options\r\n  }\r\n}\r\n"],"names":["CreateConfigTable","Config","CreateConfigTableFromModel","data","SelectId","keys","Object","Options","reduce","config","key","flex","minWidth"],"mappings":"IAEaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAYC,MAA2B,EAAyB;AAC5F,EAAA,OAAOA,MAAM;AACf;AACO,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAYC,IAAY,EAAEC,QAA+B,EAAyB;AACvH,EAAA,IAAMC,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACF,IAAW,CAAC;EACrC,IAAMI,OAAO,GAAGF,IAAI,CAACG,MAAM,CAA2B,UAACC,MAAM,EAAEC,GAAqC,EAAI;IACtGD,MAAM,CAACC,GAAG,CAAC,GAAG;AACZC,MAAAA,IAAI,EAAE,CAAC;AACPC,MAAAA,QAAQ,EAAE;KACkB;AAC9B,IAAA,OAAOH,MAAM;GACd,EAAE,EAAE,CAAC;EACN,OAAO;AACLL,IAAAA,QAAQ,EAARA,QAAQ;AACRG,IAAAA,OAAO,EAAPA;GACD;AACH;;;;"}

package/Components/TemplateTable/index.d.ts

@@ -0,0 +1,49 @@
+import React, { Component, ComponentType } from 'react';
+import { ConfigTable, GridColDefCustom, GridInputComponentProps, ModelBase } from 'partner-local-lib/GridTable';
+import { IPanelActionProps } from './PanelAction';
+import { IItemRowMenuProps } from './ItemRowMenu';
+import { InputFormType } from './InputFormModal';
+export interface Dictionary<T> {
+    [id: string]: T | undefined;
+}
+interface TableTemplateOption<TModel> {
+    ConfigTable: ConfigTable<TModel>;
+    MenuField?: keyof Extract<TModel, ModelBase>;
+}
+interface TemplateTableProps<TModel> {
+    data: TModel[];
+    PanelAction?: ComponentType<IPanelActionProps>;
+    ItemRowMenu?: ComponentType<IItemRowMenuProps>;
+    CreateForm?: ComponentType;
+    EditForm?: ComponentType<{
+        data?: any;
+    }>;
+    ConfirmDelete?: ComponentType<{
+        data?: any;
+    }>;
+    DetailPage?: ComponentType<{
+        data?: any;
+    }>;
+    ModelView?: ComponentType<{
+        data?: any;
+    }>;
+    InnerProps?: Partial<GridInputComponentProps>;
+    TableName?: JSX.Element | string;
+}
+interface ITemplateTable {
+    CloseModal: () => void;
+    OpenDetailModal: (Model?: any) => void;
+    OpenModal: (Type: InputFormType, Model?: any, IsFull?: boolean) => void;
+    onCreate: () => void;
+}
+interface ITableTemplateContext extends ITemplateTable {
+}
+export declare const TableTemplateContext: React.Context<ITableTemplateContext>;
+export type TRefTableTemplate = ITemplateTable;
+interface TemplateTableSate {
+}
+export declare class TemplateTableBase<TModel> extends Component<TemplateTableProps<TModel>, TemplateTableSate> {
+}
+export declare type TypeTemplateTableRef<TModel> = React.JSXElementConstructor<TemplateTableProps<TModel> & React.RefAttributes<ITemplateTable>>;
+export declare const CreateTemplateTable: <TModel>(optionTables: TableTemplateOption<TModel>, OptionExtends?: GridColDefCustom<TModel> | undefined) => TypeTemplateTableRef<TModel>;
+export {};

package/Components/TemplateTable/index.js

@@ -0,0 +1,208 @@
+import { inherits as _inherits, createClass as _createClass, classCallCheck as _classCallCheck, callSuper as _callSuper, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Box, Typography } from '@mui/material';
+import { createContext, Component } from 'react';
+import { CreateTable } from 'partner-local-lib/GridTable';
+import InputFormModal from './InputFormModal/index.js';
+import { DeepClone as _DeepClone } from '../Helper/index.js';
+
+var TableTemplateContext = /*#__PURE__*/createContext({});
+var TemplateTableBase = /*#__PURE__*/function (_Component) {
+  function TemplateTableBase() {
+    _classCallCheck(this, TemplateTableBase);
+    return _callSuper(this, TemplateTableBase, arguments);
+  }
+  _inherits(TemplateTableBase, _Component);
+  return _createClass(TemplateTableBase);
+}(Component);
+var CreateTemplateTable = function CreateTemplateTable(optionTables, OptionExtends) {
+  //define table
+  var TemplateTable = /*#__PURE__*/function (_Component2) {
+    function TemplateTable(props) {
+      var _this;
+      _classCallCheck(this, TemplateTable);
+      _this = _callSuper(this, TemplateTable, [props]);
+      _defineProperty(_this, "OpenModal", function (Type, Model) {
+        var _this$refInputModel;
+        var IsFull = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+        (_this$refInputModel = _this.refInputModel) === null || _this$refInputModel === void 0 || _this$refInputModel.open(Type, Model, IsFull);
+      });
+      _defineProperty(_this, "CloseModal", function () {
+        var _this$refInputModel2;
+        (_this$refInputModel2 = _this.refInputModel) === null || _this$refInputModel2 === void 0 || _this$refInputModel2.handleClose();
+      });
+      // static defaultProps: Partial<TemplateTableProps> = {
+      //     PanelAction, ItemRowMenu,
+      //     CreateForm: FormTest,
+      //     EditForm: FormTest
+      // }
+      _defineProperty(_this, "InitialTable", function () {
+        var tempOptions = _DeepClone(optionTables);
+        if (OptionExtends) {
+          Object.assign(tempOptions.ConfigTable.Options, OptionExtends);
+        }
+        if (tempOptions.MenuField) {
+          var FieldConfig = tempOptions.ConfigTable.Options[tempOptions.MenuField];
+          var ItemMenu = _this.props.ItemRowMenu;
+          if (FieldConfig && ItemMenu) {
+            var renderCell = FieldConfig.renderCell;
+            FieldConfig.renderCell = function (params) {
+              return jsx(ItemMenu, {
+                data: params.row,
+                onDelete: function onDelete() {
+                  return _this.onDelete(params.row);
+                },
+                onEdit: function onEdit() {
+                  return _this.onEdit(params.row);
+                },
+                onDetailModal: function onDetailModal() {
+                  return _this.OpenModal('DETAIL', params.row);
+                },
+                children: renderCell ? renderCell(params) : params.value
+              });
+            };
+          }
+        }
+        return CreateTable(tempOptions.ConfigTable);
+      });
+      _defineProperty(_this, "Table", void 0);
+      _defineProperty(_this, "GridState", void 0);
+      _defineProperty(_this, "refApiTable", void 0);
+      _defineProperty(_this, "onStateChange", function (GridState) {
+        _this.GridState = GridState;
+      });
+      _defineProperty(_this, "getSelectedRows", function () {
+        if (_this.GridState) {
+          return _this.GridState.selection.map(function (id) {
+            var _this$GridState;
+            return (_this$GridState = _this.GridState) === null || _this$GridState === void 0 ? void 0 : _this$GridState.rows.idRowsLookup[id];
+          });
+        }
+        return [];
+      });
+      _defineProperty(_this, "onSelectionModelChange", function (selectionModel, details) {
+        // const selections = this.getSelectedRows()
+        // this.props.UpsetUserSelected(this.getSelectedRows())
+      });
+      _defineProperty(_this, "onCreate", function () {
+        var _this$refInputModel3;
+        (_this$refInputModel3 = _this.refInputModel) === null || _this$refInputModel3 === void 0 || _this$refInputModel3.open('CREATE');
+      });
+      _defineProperty(_this, "onEdit", function (data) {
+        var _this$refInputModel4;
+        (_this$refInputModel4 = _this.refInputModel) === null || _this$refInputModel4 === void 0 || _this$refInputModel4.open('EDIT', data);
+      });
+      _defineProperty(_this, "onDelete", function (data) {
+        var _this$refInputModel5;
+        // this.props.onDelete && this.props.onDelete(data)
+        (_this$refInputModel5 = _this.refInputModel) === null || _this$refInputModel5 === void 0 || _this$refInputModel5.open('DELETE', data);
+      });
+      _defineProperty(_this, "OpenDetailModal", function (Model) {
+        var _this$refInputModel6;
+        // this.props.onDelete && this.props.onDelete(data)
+        (_this$refInputModel6 = _this.refInputModel) === null || _this$refInputModel6 === void 0 || _this$refInputModel6.open('DETAIL', Model, true);
+      });
+      _defineProperty(_this, "refInputModel", null);
+      _defineProperty(_this, "renderModal", function () {
+        var _this$props = _this.props,
+          CreateForm = _this$props.CreateForm,
+          EditForm = _this$props.EditForm,
+          ConfirmDelete = _this$props.ConfirmDelete,
+          DetailPage = _this$props.DetailPage,
+          ModelView = _this$props.ModelView;
+        if (CreateForm || EditForm || DetailPage || ConfirmDelete || ModelView) {
+          return jsx(InputFormModal, {
+            ref: function ref(_ref) {
+              return _this.refInputModel = _ref;
+            },
+            MapForm: {
+              CREATE: CreateForm,
+              EDIT: EditForm,
+              DELETE: ConfirmDelete,
+              DETAIL: DetailPage,
+              MODAL: ModelView
+            }
+          });
+        }
+        return '';
+      });
+      _this.Table = _this.InitialTable();
+      return _this;
+    }
+    _inherits(TemplateTable, _Component2);
+    return _createClass(TemplateTable, [{
+      key: "render",
+      value: function render() {
+        var _this$props$InnerProp;
+        var Table = this.Table;
+        var _this$props2 = this.props,
+          PanelActionItem = _this$props2.PanelAction;
+          _this$props2.CreateForm;
+          _this$props2.EditForm;
+        return jsx(Box, {
+          sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: 1
+          },
+          children: jsxs(TableTemplateContext.Provider, {
+            value: this,
+            children: [this.props.TableName || PanelActionItem ? jsxs(Box, {
+              sx: {
+                display: 'flex',
+                justifyContent: 'flex-end',
+                margin: '5px',
+                flexWrap: 'wrap',
+                pt: '6px'
+              },
+              children: [jsx(Box, {
+                sx: {
+                  display: 'flex',
+                  flex: 1,
+                  alignItems: 'center'
+                },
+                children: typeof this.props.TableName === 'string' ? jsx(Typography, {
+                  variant: 'h5',
+                  children: this.props.TableName
+                }) : this.props.TableName
+              }), PanelActionItem ? jsx(Box, {
+                sx: {
+                  display: 'flex',
+                  justifyContent: 'flex-end',
+                  alignItems: 'flex-end',
+                  flex: 1
+                },
+                children: jsx(PanelActionItem, {
+                  onCreate: this.onCreate,
+                  ButtonText: 'Create'
+                })
+              }) : '']
+            }) : jsx(Fragment, {}), jsx(Table, {
+              InnerProps: _objectSpread2({
+                checkboxSelection: true,
+                disableSelectionOnClick: true,
+                onStateChange: this.onStateChange,
+                onSelectionModelChange: this.onSelectionModelChange,
+                sx: {
+                  border: 0,
+                  '& .MuiTablePagination-root .MuiToolbar-root > p': {
+                    margin: 0
+                  },
+                  '& .MuiDataGrid-columnHeaderTitle': {
+                    fontWeight: 700,
+                    color: '#3c3c3c'
+                  }
+                }
+              }, (_this$props$InnerProp = this.props.InnerProps) !== null && _this$props$InnerProp !== void 0 ? _this$props$InnerProp : {}),
+              data: this.props.data
+            }), this.renderModal()]
+          })
+        });
+      }
+    }]);
+  }(Component);
+  return TemplateTable;
+};
+
+export { CreateTemplateTable, TableTemplateContext, TemplateTableBase };
+//# sourceMappingURL=index.js.map

package/Components/TemplateTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/Components/TemplateTable/index.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\r\nimport React, { Component, ComponentClass, ComponentType, createContext } from 'react'\r\nimport {\r\n  ConfigTable,\r\n  CreateTable,\r\n  DataTableProps,\r\n  GridColDefCustom,\r\n  GridInputComponentProps,\r\n  ModelBase,\r\n  TypeTableRef\r\n} from 'partner-local-lib/GridTable'\r\nimport { GridApi, GridCallbackDetails, GridRenderCellParams, GridSelectionModel, GridState } from '@mui/x-data-grid'\r\nimport PanelAction, { IPanelActionProps } from './PanelAction'\r\nimport ItemRowMenu, { IItemRowMenuProps } from './ItemRowMenu'\r\nimport InputFormModal, { InputFormType } from './InputFormModal'\r\nimport FormTest from './FormTest'\r\nimport { DeepClone } from '../Helper'\r\n\r\nexport interface Dictionary<T> {\r\n  [id: string]: T | undefined\r\n}\r\n\r\ninterface TableTemplateOption<TModel> {\r\n  ConfigTable: ConfigTable<TModel>\r\n  MenuField?: keyof Extract<TModel, ModelBase>\r\n}\r\ninterface TemplateTableProps<TModel> {\r\n  data: TModel[]\r\n  PanelAction?: ComponentType<IPanelActionProps>\r\n  ItemRowMenu?: ComponentType<IItemRowMenuProps>\r\n  CreateForm?: ComponentType\r\n  EditForm?: ComponentType<{ data?: any }>\r\n  ConfirmDelete?: ComponentType<{ data?: any }>\r\n  DetailPage?: ComponentType<{ data?: any }>\r\n  ModelView?: ComponentType<{ data?: any }>\r\n  InnerProps?: Partial<GridInputComponentProps>\r\n  TableName?: JSX.Element | string\r\n}\r\n\r\ninterface ITemplateTable {\r\n  CloseModal: () => void\r\n  OpenDetailModal: (Model?: any) => void\r\n  OpenModal: (Type: InputFormType, Model?: any, IsFull?: boolean) => void\r\n  onCreate: () => void\r\n}\r\ninterface ITableTemplateContext extends ITemplateTable {}\r\nexport const TableTemplateContext = createContext<ITableTemplateContext>({} as any)\r\nexport type TRefTableTemplate = ITemplateTable\r\ninterface TemplateTableSate {}\r\nexport class TemplateTableBase<TModel> extends Component<TemplateTableProps<TModel>, TemplateTableSate> {\r\n  // constructor(props: TemplateTableProps<TModel>) {\r\n  //     super(props)\r\n  // }\r\n}\r\nexport declare type TypeTemplateTableRef<TModel> = React.JSXElementConstructor<TemplateTableProps<TModel> & React.RefAttributes<ITemplateTable>>\r\nexport const CreateTemplateTable = function <TModel>(\r\n  optionTables: TableTemplateOption<TModel>,\r\n  OptionExtends?: GridColDefCustom<TModel>\r\n): TypeTemplateTableRef<TModel> {\r\n  //define table\r\n  class TemplateTable extends Component<TemplateTableProps<TModel>, TemplateTableSate> implements ITemplateTable {\r\n    constructor(props: TemplateTableProps<TModel>) {\r\n      super(props)\r\n      this.Table = this.InitialTable()\r\n    }\r\n    OpenModal = (Type: InputFormType, Model?: any, IsFull: boolean = false) => {\r\n      this.refInputModel?.open(Type, Model, IsFull)\r\n    }\r\n    CloseModal = () => {\r\n      this.refInputModel?.handleClose()\r\n    }\r\n    // static defaultProps: Partial<TemplateTableProps> = {\r\n    //     PanelAction, ItemRowMenu,\r\n    //     CreateForm: FormTest,\r\n    //     EditForm: FormTest\r\n    // }\r\n    InitialTable = () => {\r\n      const tempOptions = DeepClone(optionTables)\r\n      if (OptionExtends) {\r\n        Object.assign(tempOptions.ConfigTable.Options, OptionExtends)\r\n      }\r\n      if (tempOptions.MenuField) {\r\n        const FieldConfig = tempOptions.ConfigTable.Options[tempOptions.MenuField]\r\n        const { ItemRowMenu: ItemMenu } = this.props\r\n        if (FieldConfig && ItemMenu) {\r\n          const renderCell = FieldConfig.renderCell\r\n          FieldConfig.renderCell = (params) => {\r\n            return (\r\n              <ItemMenu\r\n                data={params.row}\r\n                onDelete={() => this.onDelete(params.row)}\r\n                onEdit={() => this.onEdit(params.row)}\r\n                onDetailModal={() => this.OpenModal('DETAIL', params.row)}\r\n              >\r\n                {renderCell ? renderCell(params) : params.value}\r\n              </ItemMenu>\r\n            )\r\n          }\r\n        }\r\n      }\r\n      return CreateTable<TModel>(tempOptions.ConfigTable)\r\n    }\r\n    Table: TypeTableRef<DataTableProps<any>>\r\n    GridState?: GridState\r\n    refApiTable?: GridApi\r\n    onStateChange = (GridState: GridState) => {\r\n      this.GridState = GridState\r\n    }\r\n    getSelectedRows = (): TModel[] => {\r\n      if (this.GridState) {\r\n        return this.GridState.selection.map((id) => this.GridState?.rows.idRowsLookup[id]) as TModel[]\r\n      }\r\n      return []\r\n    }\r\n    onSelectionModelChange = (selectionModel: GridSelectionModel, details: GridCallbackDetails) => {\r\n      // const selections = this.getSelectedRows()\r\n      // this.props.UpsetUserSelected(this.getSelectedRows())\r\n    }\r\n    onCreate = () => {\r\n      this.refInputModel?.open('CREATE')\r\n    }\r\n    onEdit = (data: TModel) => {\r\n      this.refInputModel?.open('EDIT', data)\r\n    }\r\n    onDelete = (data: TModel) => {\r\n      // this.props.onDelete && this.props.onDelete(data)\r\n      this.refInputModel?.open('DELETE', data)\r\n    }\r\n    OpenDetailModal = (Model?: TModel) => {\r\n      // this.props.onDelete && this.props.onDelete(data)\r\n      this.refInputModel?.open('DETAIL', Model, true)\r\n    }\r\n    refInputModel: InputFormModal | null = null\r\n    renderModal = () => {\r\n      const { CreateForm, EditForm, ConfirmDelete, DetailPage, ModelView } = this.props\r\n      if (CreateForm || EditForm || DetailPage || ConfirmDelete || ModelView) {\r\n        return (\r\n          <InputFormModal\r\n            ref={(ref) => (this.refInputModel = ref)}\r\n            MapForm={{\r\n              CREATE: CreateForm,\r\n              EDIT: EditForm,\r\n              DELETE: ConfirmDelete,\r\n              DETAIL: DetailPage,\r\n              MODAL: ModelView\r\n            }}\r\n          />\r\n        )\r\n      }\r\n      return ''\r\n    }\r\n    render() {\r\n      const { Table } = this\r\n      const { PanelAction: PanelActionItem, CreateForm, EditForm } = this.props\r\n      return (\r\n        <Box sx={{ display: 'flex', flexDirection: 'column', flex: 1 }}>\r\n          <TableTemplateContext.Provider value={this}>\r\n            {this.props.TableName || PanelActionItem ? (\r\n              <Box sx={{ display: 'flex', justifyContent: 'flex-end', margin: '5px', flexWrap: 'wrap', pt: '6px' }}>\r\n                <Box sx={{ display: 'flex', flex: 1, alignItems: 'center' }}>\r\n                  {typeof this.props.TableName === 'string' ? <Typography variant='h5'>{this.props.TableName}</Typography> : this.props.TableName}\r\n                </Box>\r\n                {PanelActionItem ? (\r\n                  <Box sx={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'flex-end', flex: 1 }}>\r\n                    <PanelActionItem onCreate={this.onCreate} ButtonText={'Create'} />\r\n                  </Box>\r\n                ) : (\r\n                  ''\r\n                )}\r\n              </Box>\r\n            ) : (\r\n              <></>\r\n            )}\r\n            <Table\r\n              InnerProps={{\r\n                checkboxSelection: true,\r\n                disableSelectionOnClick: true,\r\n                onStateChange: this.onStateChange,\r\n                onSelectionModelChange: this.onSelectionModelChange,\r\n                sx: {\r\n                  border: 0,\r\n                  '& .MuiTablePagination-root .MuiToolbar-root > p': { margin: 0 },\r\n                  '& .MuiDataGrid-columnHeaderTitle': { fontWeight: 700, color: '#3c3c3c' }\r\n                },\r\n                ...(this.props.InnerProps ?? {})\r\n              }}\r\n              data={this.props.data}\r\n            />\r\n            {this.renderModal()}\r\n          </TableTemplateContext.Provider>\r\n        </Box>\r\n      )\r\n    }\r\n  }\r\n  return TemplateTable as any\r\n}\r\n"],"names":["TableTemplateContext","createContext","TemplateTableBase","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","Component","CreateTemplateTable","optionTables","OptionExtends","TemplateTable","_Component2","props","_this","_defineProperty","Type","Model","_this$refInputModel","IsFull","length","undefined","refInputModel","open","_this$refInputModel2","handleClose","tempOptions","DeepClone","Object","assign","ConfigTable","Options","MenuField","FieldConfig","ItemMenu","ItemRowMenu","renderCell","params","_jsx","data","row","onDelete","onEdit","onDetailModal","OpenModal","children","value","CreateTable","GridState","selection","map","id","_this$GridState","rows","idRowsLookup","selectionModel","details","_this$refInputModel3","_this$refInputModel4","_this$refInputModel5","_this$refInputModel6","_this$props","CreateForm","EditForm","ConfirmDelete","DetailPage","ModelView","InputFormModal","ref","MapForm","CREATE","EDIT","DELETE","DETAIL","MODAL","Table","InitialTable","key","render","_this$props$InnerProp","_this$props2","PanelActionItem","PanelAction","Box","sx","display","flexDirection","flex","_jsxs","Provider","TableName","justifyContent","margin","flexWrap","pt","alignItems","Typography","variant","onCreate","ButtonText","InnerProps","_objectSpread","checkboxSelection","disableSelectionOnClick","onStateChange","onSelectionModelChange","border","fontWeight","color","renderModal"],"mappings":"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"}

package/Components/UploadLayout/ProgressItem.d.ts

@@ -0,0 +1,27 @@
+import { Component } from 'react';
+import { IProcessItem } from './types';
+interface IProgressItemProps {
+    item: IProcessItem;
+    onRetry: () => void;
+    onClose: () => void;
+    [key: string]: any;
+    disableDelete?: boolean;
+}
+interface IProgressItemState {
+    isHover: boolean;
+}
+export default class ProgressItem extends Component<IProgressItemProps, IProgressItemState> {
+    constructor(props: IProgressItemProps);
+    shouldComponentUpdate(nextProps: Readonly<IProgressItemProps>, nextState: Readonly<IProgressItemState>, nextContext: any): boolean;
+    onRetry: () => void;
+    getIcons: () => JSX.Element;
+    getButton: (item: IProcessItem) => JSX.Element;
+    onClose: () => void;
+    isShowHover: (item: IProcessItem) => boolean;
+    onConfirm: () => void;
+    componentDidUpdate(prevProps: Readonly<IProgressItemProps>, prevState: Readonly<IProgressItemState>, snapshot?: any): void;
+    getContentHover: (item: IProcessItem) => JSX.Element;
+    onHoverClose: () => void;
+    render(): JSX.Element;
+}
+export {};