npm - d2aura - Versions diffs - 26.0.13 → 26.0.14 - Mend

d2aura 26.0.13 → 26.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (116) hide show

package/coreui/components/edaManagerComponent/components/edaGroupDetailPanel.js CHANGED Viewed

@@ -1,72 +1,59 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { EdaAccessType, EdaUserInputFlagType } from "../constants/edaTypes";
-import { Checkbox, Col, Form, Input, Row } from "antd";
-import WithCss from "d2coreui/components/style/withCss";
-import { createStyles } from "antd-style";
+import { Checkbox, Col, Form, Input, Row, theme } from "antd";
 import i18n from "d2core/i18n/i18n";
 import EnumValuePicker from "d2coreui/components/picker/enumValuePicker";
-const useStyles = createStyles(({ css }) => {
-    return {
-        baseLayout: css `
-            .eda-detail-no-data {
-            }
-        `
-    };
-});
-export class EdaGroupDetailPanel extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.formRef = React.createRef();
-    }
-    componentDidMount() {
-        this.formRef.current?.setFieldsValue(this.props.data);
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.data !== this.props.data) {
-            this.formRef.current?.setFieldsValue(this.props.data);
+import { useForm } from "antd/es/form/Form";
+const handleGetValueProps = (v) => ({ checked: v === 1 });
+const handleGetValueFromEvent = (e) => (e.target.checked ? 1 : 0);
+export const EdaGroupDetailPanel = ({ data }) => {
+    const { token } = theme.useToken();
+    const [form] = useForm();
+    const dataId = data.data.ID_SKVEKTOR;
+    useEffect(() => {
+        form.resetFields();
+        if (data) {
+            form.setFieldsValue(data);
         }
-    }
-    render() {
-        const { data, size, variant } = this.props;
-        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Form, { ref: this.formRef, layout: "horizontal", style: { overflowX: "hidden" }, className: "record-config-form", size: size, variant: variant, labelCol: { sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 } },
-            React.createElement(Row, { gutter: css.theme.padding, align: "bottom" },
-                React.createElement(Col, { flex: "1 1 auto" },
-                    React.createElement("span", null,
-                        "ID: ",
-                        data.data.ID_SKVEKTOR)),
-                React.createElement(Col, null,
-                    React.createElement(Form.Item, { name: ["data", "ANO_PAIR"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
-                        React.createElement(Checkbox, { disabled: true }, i18n("Pair")))),
-                React.createElement(Col, null,
-                    React.createElement(Form.Item, { required: true, name: ["data", "ANO_PLATNY"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
-                        React.createElement(Checkbox, { disabled: true }, i18n("Record Validity Indication"))))),
-            React.createElement(Row, { gutter: css.theme.padding, align: "bottom" },
-                React.createElement(Col, { span: 24 },
-                    React.createElement(Form.Item, { required: true, name: ["data", "MENO"], label: i18n("Code") },
-                        React.createElement(Input, { readOnly: true })))),
-            React.createElement(Row, { gutter: css.theme.padding },
-                React.createElement(Col, { span: 24 },
-                    React.createElement(Form.Item, { required: true, name: ["data", "ZOBRAZ_MENO"], label: i18n("Name[Title]") },
-                        React.createElement(Input, { readOnly: true })))),
-            React.createElement(Row, { gutter: css.theme.padding },
-                React.createElement(Col, { flex: "1 1 auto" },
-                    React.createElement(Form.Item, { required: true, label: i18n("Access Type"), name: ["data", "PRIVATE"] },
-                        React.createElement(EnumValuePicker, { open: false, values: EdaAccessType, translateValue: true, translationPrefix: "EdaAccessType_" }))),
-                React.createElement(Col, { flex: "0 0 auto" },
-                    React.createElement(Form.Item, { label: i18n("Owner"), name: ["data", "AUTOR"] },
-                        React.createElement(Input, { readOnly: true })))),
-            React.createElement(Row, { gutter: css.theme.padding },
-                React.createElement(Col, { span: 24 },
-                    React.createElement(Form.Item, { name: ["data", "USERINPUTFLAG"], label: i18n("Manual Access Flag") },
-                        React.createElement(EnumValuePicker, { open: false, values: EdaUserInputFlagType, translateValue: true, translationPrefix: "EdaUserInputFlagType_" })))),
-            React.createElement(Row, { gutter: css.theme.padding },
-                React.createElement(Col, { span: 24 },
-                    React.createElement(Form.Item, { name: ["data", "CESTA"], label: i18n("Path") },
-                        React.createElement(Input, { readOnly: true })))),
-            React.createElement(Row, null,
-                React.createElement(Col, { span: 24 },
-                    React.createElement(Form.Item, { name: ["data", "POPIS"], label: i18n("Note") },
-                        React.createElement(Input.TextArea, { rows: 4, readOnly: true })))))));
-    }
-}
+    }, [dataId, form]);
+    return (React.createElement(Form, { form: form, layout: "horizontal", style: { overflowX: "hidden" }, className: "record-config-form", labelCol: { span: 24 } },
+        React.createElement(Row, { gutter: token.padding, align: "bottom" },
+            React.createElement(Col, { flex: "1 1 auto" },
+                React.createElement("span", null,
+                    "ID: ",
+                    data.data.ID_SKVEKTOR)),
+            React.createElement(Col, null,
+                React.createElement(Form.Item, { name: ["data", "ANO_PAIR"], valuePropName: "checked", getValueProps: handleGetValueProps, getValueFromEvent: handleGetValueFromEvent },
+                    React.createElement(Checkbox, { disabled: true }, i18n("Pair")))),
+            React.createElement(Col, null,
+                React.createElement(Form.Item, { required: true, name: ["data", "ANO_PLATNY"], valuePropName: "checked", getValueProps: handleGetValueProps, getValueFromEvent: handleGetValueFromEvent },
+                    React.createElement(Checkbox, { disabled: true }, i18n("Record Validity Indication"))))),
+        React.createElement(Row, { gutter: token.padding, align: "bottom" },
+            React.createElement(Col, { span: 24 },
+                React.createElement(Form.Item, { required: true, name: ["data", "MENO"], label: i18n("Code") },
+                    React.createElement(Input, { readOnly: true })))),
+        React.createElement(Row, { gutter: token.padding },
+            React.createElement(Col, { span: 24 },
+                React.createElement(Form.Item, { required: true, name: ["data", "ZOBRAZ_MENO"], label: i18n("Name[Title]") },
+                    React.createElement(Input, { readOnly: true })))),
+        React.createElement(Row, { gutter: token.padding },
+            React.createElement(Col, { flex: "1 1 auto" },
+                React.createElement(Form.Item, { required: true, label: i18n("Access Type"), name: ["data", "PRIVATE"] },
+                    React.createElement(EnumValuePicker, { open: false, values: EdaAccessType, translateValue: true, translationPrefix: "EdaAccessType_" }))),
+            React.createElement(Col, { flex: "0 0 auto" },
+                React.createElement(Form.Item, { label: i18n("Owner"), name: ["data", "AUTOR"] },
+                    React.createElement(Input, { readOnly: true })))),
+        React.createElement(Row, { gutter: token.padding },
+            React.createElement(Col, { span: 24 },
+                React.createElement(Form.Item, { name: ["data", "USERINPUTFLAG"], label: i18n("Manual Access Flag") },
+                    React.createElement(EnumValuePicker, { open: false, values: EdaUserInputFlagType, translateValue: true, translationPrefix: "EdaUserInputFlagType_" })))),
+        React.createElement(Row, { gutter: token.padding },
+            React.createElement(Col, { span: 24 },
+                React.createElement(Form.Item, { name: ["data", "CESTA"], label: i18n("Path") },
+                    React.createElement(Input, { readOnly: true })))),
+        React.createElement(Row, null,
+            React.createElement(Col, { span: 24 },
+                React.createElement(Form.Item, { name: ["data", "POPIS"], label: i18n("Note") },
+                    React.createElement(Input.TextArea, { rows: 4, readOnly: true }))))));
+};
 //# sourceMappingURL=edaGroupDetailPanel.js.map

package/coreui/components/edaManagerComponent/components/edaGroupDetailPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"edaGroupDetailPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaGroupDetailPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {EdaAccessType, EdaUserInputFlagType, GroupData} from \"../constants/edaTypes\";\r\nimport {Checkbox, Col, Form, FormInstance, Input, Row} from \"antd\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {createStyles} from \"antd-style\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {Variant} from \"antd/es/config-provider\";\r\n\r\nconst useStyles = createStyles(({css},) => {\r\n return {\r\n baseLayout: css`\r\n .eda-detail-no-data {\r\n }\r\n `\r\n }\r\n});\r\n\r\ninterface Props {\r\n data: GroupData\r\n\r\n size?: SizeType\r\n variant?: Variant\r\n}\r\n\r\ninterface State {\r\n\r\n}\r\n\r\nexport class EdaGroupDetailPanel extends React.Component<Props, State> {\r\n private readonly formRef = React.createRef<FormInstance<GroupData>>();\r\n\r\n componentDidMount() {\r\n this.formRef.current?.setFieldsValue(this.props.data);\r\n }\r\n\r\n componentDidUpdate(prevProps: Readonly<Props>) {\r\n if (prevProps.data !== this.props.data) {\r\n this.formRef.current?.setFieldsValue(this.props.data);\r\n }\r\n }\r\n\r\n render() {\r\n const {data, size, variant} = this.props;\r\n\r\n return (\r\n <WithCss useStyles={useStyles}>\r\n {(css) =>\r\n <Form<GroupData>\r\n ref={this.formRef}\r\n layout={\"horizontal\"}\r\n style={{overflowX: \"hidden\"}}\r\n className={\"record-config-form\"}\r\n size={size}\r\n variant={variant}\r\n labelCol={{sm: 24, md: 24, lg: 24, xl: 24, xxl: 24}}\r\n >\r\n <Row gutter={css.theme.padding} align={\"bottom\"}>\r\n <Col flex={\"1 1 auto\"}>\r\n <span>ID: {data.data.ID_SKVEKTOR}</span>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n name={[\"data\", \"ANO_PAIR\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox disabled>{i18n(\"Pair\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"ANO_PLATNY\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={(v) => ({checked: v === 1})}\r\n getValueFromEvent={(e) => (e.target.checked ? 1 : 0)}\r\n >\r\n <Checkbox disabled>{i18n(\"Record Validity Indication\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding} align={\"bottom\"}>\r\n <Col span={24}>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"MENO\"]}\r\n label={i18n(\"Code\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"ZOBRAZ_MENO\"]}\r\n label={i18n(\"Name[Title]\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col flex={\"1 1 auto\"}>\r\n <Form.Item\r\n required\r\n label={i18n(\"Access Type\")}\r\n name={[\"data\", \"PRIVATE\"]}\r\n >\r\n <EnumValuePicker\r\n open={false}\r\n values={EdaAccessType}\r\n translateValue\r\n translationPrefix={\"EdaAccessType_\"}\r\n />\r\n </Form.Item>\r\n </Col>\r\n <Col flex={\"0 0 auto\"}>\r\n <Form.Item\r\n label={i18n(\"Owner\")}\r\n name={[\"data\", \"AUTOR\"]}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"USERINPUTFLAG\"]}\r\n label={i18n(\"Manual Access Flag\")}\r\n >\r\n <EnumValuePicker\r\n open={false}\r\n values={EdaUserInputFlagType}\r\n translateValue\r\n translationPrefix={\"EdaUserInputFlagType_\"}\r\n />\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={css.theme.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"CESTA\"]}\r\n label={i18n(\"Path\")}\r\n >\r\n <Input readOnly />\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"POPIS\"]}\r\n label={i18n(\"Note\")}\r\n >\r\n <Input.TextArea rows={4} readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n </Form>\r\n }\r\n </WithCss>\r\n )\r\n }\r\n}"]}
1	+ {"version":3,"file":"edaGroupDetailPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaGroupDetailPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useEffect} from \"react\";\r\nimport {EdaAccessType, EdaUserInputFlagType} from \"../constants/edaTypes\";\r\nimport {Checkbox, CheckboxChangeEvent, Col, Form, Input, Row, theme} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport {useForm} from \"antd/es/form/Form\";\r\nimport {GroupData} from \"../../../../api/eda/edaManagerApi\";\r\n\r\nconst handleGetValueProps = (v: number) => ({checked: v === 1});\r\nconst handleGetValueFromEvent = (e: CheckboxChangeEvent) => (e.target.checked ? 1 : 0);\r\n\r\ninterface Props {\r\n data: GroupData\r\n}\r\n\r\nexport const EdaGroupDetailPanel: FC<Props> = ({data}) => {\r\n const {token} = theme.useToken();\r\n const [form] = useForm<GroupData>();\r\n\r\n const dataId = data.data.ID_SKVEKTOR;\r\n\r\n useEffect(() => {\r\n form.resetFields();\r\n\r\n if (data) {\r\n form.setFieldsValue(data);\r\n }\r\n }, [dataId, form]);\r\n \r\n return (\r\n <Form<GroupData>\r\n form={form}\r\n layout={\"horizontal\"}\r\n style={{overflowX: \"hidden\"}}\r\n className={\"record-config-form\"}\r\n labelCol={{span: 24}}\r\n >\r\n <Row gutter={token.padding} align={\"bottom\"}>\r\n <Col flex={\"1 1 auto\"}>\r\n <span>ID: {data.data.ID_SKVEKTOR}</span>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n name={[\"data\", \"ANO_PAIR\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={handleGetValueProps}\r\n getValueFromEvent={handleGetValueFromEvent}\r\n >\r\n <Checkbox disabled>{i18n(\"Pair\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n <Col>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"ANO_PLATNY\"]}\r\n valuePropName={\"checked\"}\r\n getValueProps={handleGetValueProps}\r\n getValueFromEvent={handleGetValueFromEvent}\r\n >\r\n <Checkbox disabled>{i18n(\"Record Validity Indication\")}</Checkbox>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={token.padding} align={\"bottom\"}>\r\n <Col span={24}>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"MENO\"]}\r\n label={i18n(\"Code\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={token.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n required\r\n name={[\"data\", \"ZOBRAZ_MENO\"]}\r\n label={i18n(\"Name[Title]\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={token.padding}>\r\n <Col flex={\"1 1 auto\"}>\r\n <Form.Item\r\n required\r\n label={i18n(\"Access Type\")}\r\n name={[\"data\", \"PRIVATE\"]}\r\n >\r\n <EnumValuePicker\r\n open={false}\r\n values={EdaAccessType}\r\n translateValue\r\n translationPrefix={\"EdaAccessType_\"}\r\n />\r\n </Form.Item>\r\n </Col>\r\n <Col flex={\"0 0 auto\"}>\r\n <Form.Item\r\n label={i18n(\"Owner\")}\r\n name={[\"data\", \"AUTOR\"]}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={token.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"USERINPUTFLAG\"]}\r\n label={i18n(\"Manual Access Flag\")}\r\n >\r\n <EnumValuePicker\r\n open={false}\r\n values={EdaUserInputFlagType}\r\n translateValue\r\n translationPrefix={\"EdaUserInputFlagType_\"}\r\n />\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row gutter={token.padding}>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"CESTA\"]}\r\n label={i18n(\"Path\")}\r\n >\r\n <Input readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n <Row>\r\n <Col span={24}>\r\n <Form.Item\r\n name={[\"data\", \"POPIS\"]}\r\n label={i18n(\"Note\")}\r\n >\r\n <Input.TextArea rows={4} readOnly/>\r\n </Form.Item>\r\n </Col>\r\n </Row>\r\n </Form>\r\n );\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaLoadingOverlay.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface Props {
+    onCancel?: () => void;
+    onCancelAll?: () => void;
+}
+export declare const EdaLoadingOverlay: FC<Props>;
+export {};

package/coreui/components/edaManagerComponent/components/edaLoadingOverlay.js ADDED Viewed

@@ -0,0 +1,35 @@
+import React, { useContext } from "react";
+import { Button, Progress, Space, Spin, Typography } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { createStyles } from "antd-style";
+import { LoadingContext } from "../context/loadingContext";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        fullscreenSpin: css `
+            background: ${token.colorBgElevated}CC !important;
+            backdrop-filter: blur(2px);
+        `,
+        progressLayout: css `
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            z-index: 9999;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        `
+    };
+});
+export const EdaLoadingOverlay = ({ onCancel, onCancelAll }) => {
+    const { styles } = useStyles();
+    const loadingContext = useContext(LoadingContext);
+    return (React.createElement(Spin, { spinning: loadingContext?.loading, fullscreen: true, rootClassName: styles.fullscreenSpin, indicator: (React.createElement("div", null,
+            React.createElement(Space, { direction: "vertical", className: styles.progressLayout },
+                React.createElement(Progress, { type: "dashboard", steps: loadingContext?.loadingCount, percent: loadingContext?.loadingPercentage, format: (percent) => Math.round(percent ?? 0) + "%", trailColor: "rgba(0, 0, 0, 0.06)" }),
+                React.createElement(Typography.Text, { style: { whiteSpace: "nowrap" } }, loadingContext?.loadingItem),
+                React.createElement(Space.Compact, null,
+                    onCancel && (React.createElement(Button, { type: "primary", danger: true, onClick: onCancel }, i18n("Cancel"))),
+                    onCancelAll && (React.createElement(Button, { type: "primary", danger: true, onClick: onCancelAll }, i18n("Cancel All"))))))) }));
+};
+//# sourceMappingURL=edaLoadingOverlay.js.map

package/coreui/components/edaManagerComponent/components/edaLoadingOverlay.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"edaLoadingOverlay.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaLoadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAC,MAAM,MAAM,CAAC;AAC/D,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAEzD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAE,EAAE;IAC5C,OAAO;QACH,cAAc,EAAE,GAAG,CAAA;0BACD,KAAK,CAAC,eAAe;;SAEtC;QACD,cAAc,EAAE,GAAG,CAAA;;;;;;;;;SASlB;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,iBAAiB,GAAc,CAAC,EAAC,QAAQ,EAAE,WAAW,EAAC,EAAE,EAAE;IACpE,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAElD,OAAO,CACH,oBAAC,IAAI,IACD,QAAQ,EAAE,cAAc,EAAE,OAAO,EACjC,UAAU,QACV,aAAa,EAAE,MAAM,CAAC,cAAc,EACpC,SAAS,EAAE,CACP;YACI,oBAAC,KAAK,IAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc;gBAC1D,oBAAC,QAAQ,IACL,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,cAAc,EAAE,YAAY,EACnC,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAC1C,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,GAAG,EACnD,UAAU,EAAC,qBAAqB,GAClC;gBACF,oBAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAC,IACzC,cAAc,EAAE,WAAW,CACd;gBAClB,oBAAC,KAAK,CAAC,OAAO;oBACT,QAAQ,IAAI,CACT,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,MAAM,QACN,OAAO,EAAE,QAAQ,IAEhB,IAAI,CAAC,QAAQ,CAAC,CACV,CACZ;oBACA,WAAW,IAAI,CACZ,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,MAAM,QACN,OAAO,EAAE,WAAW,IAEnB,IAAI,CAAC,YAAY,CAAC,CACd,CACZ,CACW,CACZ,CACN,CACT,GACH,CACL,CAAC;AACN,CAAC,CAAA","sourcesContent":["import React, {FC, useContext} from \"react\";\r\nimport {Button, Progress, Space, Spin, Typography} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {LoadingContext} from \"../context/loadingContext\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n return {\r\n fullscreenSpin: css`\r\n background: ${token.colorBgElevated}CC !important;\r\n backdrop-filter: blur(2px);\r\n `,\r\n progressLayout: css`\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n z-index: 9999;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n `\r\n }\r\n});\r\n\r\ninterface Props {\r\n onCancel?: () => void;\r\n onCancelAll?: () => void;\r\n}\r\n\r\nexport const EdaLoadingOverlay: FC<Props> = ({onCancel, onCancelAll}) => {\r\n const {styles} = useStyles();\r\n const loadingContext = useContext(LoadingContext);\r\n\r\n return (\r\n <Spin\r\n spinning={loadingContext?.loading}\r\n fullscreen\r\n rootClassName={styles.fullscreenSpin}\r\n indicator={(\r\n <div>\r\n <Space direction={\"vertical\"} className={styles.progressLayout}>\r\n <Progress\r\n type={\"dashboard\"}\r\n steps={loadingContext?.loadingCount}\r\n percent={loadingContext?.loadingPercentage}\r\n format={(percent) => Math.round(percent ?? 0) + \"%\"}\r\n trailColor=\"rgba(0, 0, 0, 0.06)\"\r\n />\r\n <Typography.Text style={{whiteSpace: \"nowrap\"}}>\r\n {loadingContext?.loadingItem}\r\n </Typography.Text>\r\n <Space.Compact>\r\n {onCancel && (\r\n <Button\r\n type={\"primary\"}\r\n danger\r\n onClick={onCancel}\r\n >\r\n {i18n(\"Cancel\")}\r\n </Button>\r\n )}\r\n {onCancelAll && (\r\n <Button\r\n type={\"primary\"}\r\n danger\r\n onClick={onCancelAll}\r\n >\r\n {i18n(\"Cancel All\")}\r\n </Button>\r\n )}\r\n </Space.Compact>\r\n </Space>\r\n </div>\r\n )}\r\n />\r\n );\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
-import React from "react";
+import { FC } from "react";
 import dayjs from "d2core/dayjs";
 import { EdaSamplingType } from "../constants/edaTypes";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
 interface Props {
     bt: dayjs.Dayjs;
     et: dayjs.Dayjs;
@@ -10,20 +9,7 @@ interface Props {
     pageSize: number;
     loading: boolean;
     page: number;
-    size?: SizeType;
     onChange: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType, page: number) => void;
 }
-interface State {
-    bt: dayjs.Dayjs;
-    et: dayjs.Dayjs;
-    sampling: EdaSamplingType;
-    autoRefresh: boolean;
-}
-export declare class EdaSampleRangePickerPanel extends React.Component<Props, State> {
-    private mask;
-    constructor(props: Readonly<Props>);
-    componentDidUpdate(prevProps: Readonly<Props>): void;
-    render(): React.JSX.Element;
-    private updateValues;
-}
+export declare const EdaSampleRangePickerPanel: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.js CHANGED Viewed

@@ -1,6 +1,5 @@
-import React from "react";
+import React, { useContext, useEffect, useMemo, useState } from "react";
 import { EdaSamplingType } from "../constants/edaTypes";
-import WithCss from "d2coreui/components/style/withCss";
 import { Button, Checkbox, Popover, Space } from "antd";
 import DateRangeInputConfirm from "d2coreui/components/date/dateRangeInputConfirm";
 import { DateRangeInputMode } from "d2coreui/components/date/dateRangeInput";
@@ -11,6 +10,7 @@ import { ReloadOutlined } from "@ant-design/icons";
 import { LocaleHolder } from "d2core/i18n/localeHolder";
 import { createStyles } from "antd-style";
 import DataGridPagination from "d2coreui/components/grid/panel/dataGridPagination";
+import SizeContext from "antd/es/config-provider/SizeContext";
 const useStyles = createStyles(({ css }) => {
     return {
         baseLayout: css `
@@ -41,54 +41,51 @@ const useStyles = createStyles(({ css }) => {
         `,
     };
 });
-export class EdaSampleRangePickerPanel extends React.Component {
-    constructor(props) {
-        super(props);
-        this.mask = LocaleHolder.getDateTimeFormat(true, false, false);
-        this.state = {
-            bt: props.bt,
-            et: props.et,
-            sampling: props.sampling,
-            autoRefresh: false
-        };
-    }
-    componentDidUpdate(prevProps) {
-        const { bt, et, sampling } = this.props;
-        if (!bt.isSame(prevProps.bt) || !et.isSame(prevProps.et) || sampling !== prevProps.sampling) {
-            this.setState({ bt: bt, et: et, sampling: sampling });
-        }
-    }
-    render() {
-        const { bt, et, sampling, autoRefresh } = this.state;
-        const { loading, onChange, size, totalCount, pageSize, page } = this.props;
-        const filterChanged = bt !== this.props.bt || et !== this.props.et || sampling !== this.props.sampling;
-        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Space.Compact, { size: size, className: css.styles.baseLayout },
-            React.createElement(DateRangeInputConfirm, { mask: this.mask, className: "ant-input-compact-item ant-input-compact-first-item", fromValue: bt, toValue: et, defaultMode: DateRangeInputMode.ADVANCED, onChange: (fromValue, toValue) => {
-                    if (fromValue !== null && toValue !== null) {
-                        this.updateValues({ bt: fromValue, et: toValue });
-                    }
-                } }),
-            React.createElement(EnumValuePicker, { style: { minWidth: "220px" }, values: EdaSamplingType, translateValue: true, translationPrefix: "EdaSamplingType_", value: sampling, popupMatchSelectWidth: true, onChange: (value) => this.updateValues({ sampling: value }) }),
-            React.createElement(Popover, { content: React.createElement(Checkbox, { checked: autoRefresh, onChange: e => this.updateValues({ autoRefresh: e.target.checked }) }, i18n("Auto Refresh")), placement: "topLeft", trigger: ["contextMenu", "hover"] },
-                React.createElement(Button, { color: filterChanged ? "danger" : "primary", variant: "solid", loading: loading, icon: React.createElement("span", null,
-                        autoRefresh && React.createElement(AutoReloadIcon, null),
-                        !autoRefresh && React.createElement(ReloadOutlined, null)), onClick: () => onChange(bt, et, sampling, page) })),
-            pageSize < totalCount &&
-                React.createElement(React.Fragment, null,
-                    React.createElement("div", { style: { flex: "1 1 auto" } }),
-                    React.createElement("div", { className: "paging" + " " + (size ?? "") },
-                        React.createElement(DataGridPagination, { current: page, pageSize: pageSize, total: totalCount, onGoToPage: (page) => {
-                                const { bt, et, sampling } = this.state;
-                                this.props.onChange(bt, et, sampling, page);
-                            } }))))));
-    }
-    updateValues(values) {
-        this.setState(values, () => {
-            if (this.state.autoRefresh) {
-                const { bt, et, sampling } = this.state;
-                this.props.onChange(bt, et, sampling, this.props.page);
+export const EdaSampleRangePickerPanel = ({ bt, et, sampling, onChange, page, loading, totalCount, pageSize }) => {
+    const { styles } = useStyles();
+    const size = useContext(SizeContext);
+    const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);
+    const [state, setState] = useState({
+        bt,
+        et,
+        sampling,
+        autoRefresh: false,
+    });
+    useEffect(() => {
+        setState((prev) => ({
+            ...prev,
+            bt,
+            et,
+            sampling,
+        }));
+    }, [bt, et, sampling]);
+    const filterChanged = !bt.isSame(state.bt) || !et.isSame(state.et) || sampling !== state.sampling;
+    const handleUpdate = (updates) => {
+        setState((prev) => {
+            const newState = { ...prev, ...updates };
+            if (newState.autoRefresh) {
+                onChange(newState.bt, newState.et, newState.sampling, page);
             }
+            return newState;
         });
-    }
-}
+    };
+    return (React.createElement(Space.Compact, { className: styles.baseLayout },
+        React.createElement(DateRangeInputConfirm, { mask: mask, className: "ant-input-compact-item ant-input-compact-first-item", fromValue: state.bt, toValue: state.et, defaultMode: DateRangeInputMode.ADVANCED, onChange: (fromValue, toValue) => {
+                if (fromValue !== null && toValue !== null) {
+                    handleUpdate({ bt: fromValue, et: toValue });
+                }
+            } }),
+        React.createElement(EnumValuePicker, { style: { minWidth: "220px" }, values: EdaSamplingType, translateValue: true, translationPrefix: "EdaSamplingType_", value: state.sampling, popupMatchSelectWidth: true, onChange: (value) => handleUpdate({ sampling: value }) }),
+        React.createElement(Popover, { content: React.createElement(Checkbox, { checked: state.autoRefresh, onChange: e => handleUpdate({ autoRefresh: e.target.checked }) }, i18n("Auto Refresh")), placement: "topLeft", trigger: ["contextMenu", "hover"] },
+            React.createElement(Button, { color: filterChanged ? "danger" : "primary", variant: "solid", loading: loading, icon: React.createElement("span", null,
+                    state.autoRefresh && React.createElement(AutoReloadIcon, null),
+                    !state.autoRefresh && React.createElement(ReloadOutlined, null)), onClick: () => onChange(state.bt, state.et, state.sampling, page) })),
+        pageSize < totalCount &&
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { style: { flex: "1 1 auto" } }),
+                React.createElement("div", { className: "paging" + " " + (size ?? "") },
+                    React.createElement(DataGridPagination, { current: page, pageSize: pageSize, total: totalCount, onGoToPage: (page) => {
+                            onChange(state.bt, state.et, state.sampling, page);
+                        } })))));
+};
 //# sourceMappingURL=edaSampleRangePickerPanel.js.map

package/coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"edaSampleRangePickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {EdaSamplingType} from \"../constants/edaTypes\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {Button, Checkbox, Popover, Space} from \"antd\";\r\nimport DateRangeInputConfirm from \"d2coreui/components/date/dateRangeInputConfirm\";\r\nimport {DateRangeInputMode} from \"d2coreui/components/date/dateRangeInput\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {AutoReloadIcon} from \"../../../icons/icons\";\r\nimport {ReloadOutlined} from \"@ant-design/icons\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport DataGridPagination from \"d2coreui/components/grid/panel/dataGridPagination\";\r\n\r\nconst useStyles = createStyles(({css},) => {\r\n return {\r\n baseLayout: css`\r\n width: 100%;\r\n display: flex;\r\n \r\n > :first-child {\r\n min-width: 320px;\r\n flex: 0 0 auto;\r\n }\r\n \r\n > :last-child(-1) {\r\n flex: 1 1 auto;\r\n }\r\n \r\n .paging {\r\n display: flex;\r\n white-space: nowrap;\r\n }\r\n \r\n .paging.small li {\r\n line-height: 24px !important;\r\n }\r\n \r\n .paging.large li {\r\n line-height: 40px !important;\r\n }\r\n `,\r\n }\r\n});\r\n\r\ninterface Props {\r\n bt: dayjs.Dayjs\r\n et: dayjs.Dayjs\r\n sampling: EdaSamplingType\r\n totalCount: number\r\n pageSize: number\r\n loading: boolean\r\n page: number\r\n\r\n size?: SizeType\r\n\r\n onChange: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType, page: number) => void\r\n}\r\n\r\ninterface State {\r\n bt: dayjs.Dayjs\r\n et: dayjs.Dayjs\r\n sampling: EdaSamplingType\r\n autoRefresh: boolean\r\n}\r\n\r\nexport class EdaSampleRangePickerPanel extends React.Component<Props, State> {\r\n private mask = LocaleHolder.getDateTimeFormat(true, false, false);\r\n\r\n constructor(props: Readonly<Props>) {\r\n super(props);\r\n this.state = {\r\n bt: props.bt,\r\n et: props.et,\r\n sampling: props.sampling,\r\n autoRefresh: false\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps: Readonly<Props>) {\r\n const {bt, et, sampling} = this.props;\r\n\r\n if (!bt.isSame(prevProps.bt) \|\| !et.isSame(prevProps.et) \|\| sampling !== prevProps.sampling) {\r\n this.setState({bt: bt, et: et, sampling: sampling});\r\n }\r\n }\r\n\r\n render() {\r\n const {bt, et, sampling, autoRefresh} = this.state;\r\n const {loading, onChange, size, totalCount, pageSize, page} = this.props;\r\n const filterChanged = bt !== this.props.bt \|\| et !== this.props.et \|\| sampling !== this.props.sampling;\r\n\r\n return (\r\n <WithCss useStyles={useStyles}>\r\n {(css) =>\r\n <Space.Compact size={size} className={css.styles.baseLayout}>\r\n <DateRangeInputConfirm\r\n mask={this.mask}\r\n className=\"ant-input-compact-item ant-input-compact-first-item\"\r\n fromValue={bt}\r\n toValue={et}\r\n defaultMode={DateRangeInputMode.ADVANCED}\r\n onChange={(fromValue, toValue) => {\r\n if (fromValue !== null && toValue !== null) {\r\n this.updateValues({bt: fromValue, et: toValue});\r\n }\r\n }}\r\n />\r\n <EnumValuePicker\r\n style={{minWidth: \"220px\"}}\r\n values={EdaSamplingType}\r\n translateValue\r\n translationPrefix={\"EdaSamplingType_\"}\r\n value={sampling}\r\n popupMatchSelectWidth\r\n onChange={(value) => this.updateValues({sampling: value as EdaSamplingType})}\r\n />\r\n <Popover\r\n content={\r\n <Checkbox\r\n checked={autoRefresh}\r\n onChange={e => this.updateValues({autoRefresh: e.target.checked})}\r\n >\r\n {i18n(\"Auto Refresh\")}\r\n </Checkbox>\r\n }\r\n placement={\"topLeft\"}\r\n trigger={[\"contextMenu\", \"hover\"]}\r\n >\r\n <Button\r\n color={filterChanged ? \"danger\" : \"primary\"}\r\n variant={\"solid\"}\r\n loading={loading}\r\n icon={\r\n <span>\r\n {autoRefresh && <AutoReloadIcon/>}\r\n {!autoRefresh && <ReloadOutlined/>}\r\n </span>\r\n }\r\n onClick={() => onChange(bt, et, sampling, page)}\r\n />\r\n </Popover>\r\n {pageSize < totalCount &&\r\n <>\r\n <div style={{flex: \"1 1 auto\"}}></div>\r\n <div className={\"paging\" + \" \" + (size ?? \"\")}>\r\n <DataGridPagination\r\n current={page}\r\n pageSize={pageSize}\r\n total={totalCount}\r\n onGoToPage={(page) => {\r\n const {bt, et, sampling} = this.state;\r\n this.props.onChange(bt, et, sampling, page);\r\n }}\r\n />\r\n </div>\r\n </>\r\n }\r\n </Space.Compact>\r\n }\r\n </WithCss>\r\n )\r\n }\r\n\r\n private updateValues(values: Partial<State>) {\r\n this.setState(values as any, () => {\r\n if (this.state.autoRefresh) {\r\n const {bt, et, sampling} = this.state;\r\n this.props.onChange(bt, et, sampling, this.props.page);\r\n }\r\n });\r\n }\r\n}"]}
1	+ {"version":3,"file":"edaSampleRangePickerPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaSampleRangePickerPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useContext, useEffect, useMemo, useState} from \"react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {EdaSamplingType} from \"../constants/edaTypes\";\r\nimport {Button, Checkbox, Popover, Space} from \"antd\";\r\nimport DateRangeInputConfirm from \"d2coreui/components/date/dateRangeInputConfirm\";\r\nimport {DateRangeInputMode} from \"d2coreui/components/date/dateRangeInput\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {AutoReloadIcon} from \"../../../icons/icons\";\r\nimport {ReloadOutlined} from \"@ant-design/icons\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {createStyles} from \"antd-style\";\r\nimport DataGridPagination from \"d2coreui/components/grid/panel/dataGridPagination\";\r\nimport SizeContext from \"antd/es/config-provider/SizeContext\";\r\n\r\nconst useStyles = createStyles(({css},) => {\r\n return {\r\n baseLayout: css`\r\n width: 100%;\r\n display: flex;\r\n \r\n > :first-child {\r\n min-width: 320px;\r\n flex: 0 0 auto;\r\n }\r\n \r\n > :last-child(-1) {\r\n flex: 1 1 auto;\r\n }\r\n \r\n .paging {\r\n display: flex;\r\n white-space: nowrap;\r\n }\r\n \r\n .paging.small li {\r\n line-height: 24px !important;\r\n }\r\n \r\n .paging.large li {\r\n line-height: 40px !important;\r\n }\r\n `,\r\n }\r\n});\r\n\r\ninterface Props {\r\n bt: dayjs.Dayjs\r\n et: dayjs.Dayjs\r\n sampling: EdaSamplingType\r\n totalCount: number\r\n pageSize: number\r\n loading: boolean\r\n page: number\r\n\r\n onChange: (bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType, page: number) => void\r\n}\r\n\r\ninterface State {\r\n bt: dayjs.Dayjs\r\n et: dayjs.Dayjs\r\n sampling: EdaSamplingType\r\n autoRefresh: boolean\r\n}\r\n\r\nexport const EdaSampleRangePickerPanel: FC<Props> = ({bt, et, sampling, onChange, page, loading, totalCount, pageSize}) => {\r\n const {styles} = useStyles();\r\n const size = useContext(SizeContext);\r\n\r\n const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);\r\n\r\n const [state, setState] = useState<State>({\r\n bt,\r\n et,\r\n sampling,\r\n autoRefresh: false,\r\n });\r\n\r\n useEffect(() => {\r\n setState((prev) => ({\r\n ...prev,\r\n bt,\r\n et,\r\n sampling,\r\n }))\r\n }, [bt, et, sampling]);\r\n\r\n const filterChanged = !bt.isSame(state.bt) \|\| !et.isSame(state.et) \|\| sampling !== state.sampling;\r\n\r\n const handleUpdate = (updates: Partial<typeof state>) => {\r\n setState((prev) => {\r\n const newState = {...prev, ...updates};\r\n\r\n if (newState.autoRefresh) {\r\n onChange(newState.bt, newState.et, newState.sampling, page);\r\n }\r\n\r\n return newState;\r\n });\r\n }\r\n\r\n return (\r\n <Space.Compact className={styles.baseLayout}>\r\n <DateRangeInputConfirm\r\n mask={mask}\r\n className=\"ant-input-compact-item ant-input-compact-first-item\"\r\n fromValue={state.bt}\r\n toValue={state.et}\r\n defaultMode={DateRangeInputMode.ADVANCED}\r\n onChange={(fromValue, toValue) => {\r\n if (fromValue !== null && toValue !== null) {\r\n handleUpdate({bt: fromValue, et: toValue});\r\n }\r\n }}\r\n />\r\n <EnumValuePicker\r\n style={{minWidth: \"220px\"}}\r\n values={EdaSamplingType}\r\n translateValue\r\n translationPrefix={\"EdaSamplingType_\"}\r\n value={state.sampling}\r\n popupMatchSelectWidth\r\n onChange={(value) => handleUpdate({sampling: value as EdaSamplingType})}\r\n />\r\n <Popover\r\n content={\r\n <Checkbox\r\n checked={state.autoRefresh}\r\n onChange={e => handleUpdate({autoRefresh: e.target.checked})}\r\n >\r\n {i18n(\"Auto Refresh\")}\r\n </Checkbox>\r\n }\r\n placement={\"topLeft\"}\r\n trigger={[\"contextMenu\", \"hover\"]}\r\n >\r\n <Button\r\n color={filterChanged ? \"danger\" : \"primary\"}\r\n variant={\"solid\"}\r\n loading={loading}\r\n icon={\r\n <span>\r\n {state.autoRefresh && <AutoReloadIcon/>}\r\n {!state.autoRefresh && <ReloadOutlined/>}\r\n </span>\r\n }\r\n onClick={() => onChange(state.bt, state.et, state.sampling, page)}\r\n />\r\n </Popover>\r\n {pageSize < totalCount &&\r\n <>\r\n <div style={{flex: \"1 1 auto\"}}></div>\r\n <div className={\"paging\" + \" \" + (size ?? \"\")}>\r\n <DataGridPagination\r\n current={page}\r\n pageSize={pageSize}\r\n total={totalCount}\r\n onGoToPage={(page) => {\r\n onChange(state.bt, state.et, state.sampling, page);\r\n }}\r\n />\r\n </div>\r\n </>\r\n }\r\n </Space.Compact>\r\n );\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaScenarioDetailPanel.d.ts CHANGED Viewed

@@ -1,18 +1,7 @@
-import React from "react";
-import { ScenarioData } from "../constants/edaTypes";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
-import { Variant } from "antd/es/config-provider";
+import { FC } from "react";
+import { ScenarioData } from "../../../../api/eda/edaManagerApi";
 interface Props {
     data: ScenarioData;
-    size?: SizeType;
-    variant?: Variant;
-}
-interface State {
-}
-export declare class EdaScenarioDetailPanel extends React.Component<Props, State> {
-    private readonly formRef;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: Readonly<Props>): void;
-    render(): React.JSX.Element;
 }
+export declare const EdaScenarioDetailPanel: FC<Props>;
 export {};