@zat-design/sisyphus-react 3.6.7-beta.8 → 3.6.8

package/es/ProEditTable/components/RcTable/DraggableTable.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const _default: import("react").MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
     [x: string]: any;
     tableProps: any;
     draggableProps: any;

package/es/ProEditTable/components/RcTable/DraggableTable.js

@@ -1,16 +1,114 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/table/style";
 import _Table from "antd/es/table";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["tableProps", "draggableProps"];
+var _excluded = ["disabled", "children"],
+  _excluded2 = ["tableProps", "draggableProps"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { DndWrapper, Row } from '../index';
-var DraggableTable = function DraggableTable(_ref) {
+import React, { memo } from 'react';
+import { DndContext } from '@dnd-kit/core';
+import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import ProIcon from '../../../ProIcon';
+var Row = function Row(props) {
+  var disabled = props.disabled,
+    children = props.children,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var data = useSortable({
+    id: props['data-row-key'],
+    disabled: disabled
+  });
+  var attributes = data.attributes,
+    listeners = data.listeners,
+    setNodeRef = data.setNodeRef,
+    transform = data.transform,
+    transition = data.transition,
+    isDragging = data.isDragging;
+  var style = _objectSpread(_objectSpread({}, props.style), {}, {
+    transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 2
+  } : {});
+  return _jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
+    ref: setNodeRef,
+    style: style
+  }, attributes), {}, {
+    children: React.Children.map(children, function (child) {
+      if (child.key === 'RC_TABLE_KEY' && !disabled) {
+        var _restProps$dataRowD;
+        var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
+          render = _ref.render,
+          record = _ref.record,
+          renderIndex = _ref.renderIndex;
+        var isDrag = restProps['data-row-draggable'] ? (_restProps$dataRowD = restProps['data-row-draggable']) === null || _restProps$dataRowD === void 0 ? void 0 : _restProps$dataRowD.call(restProps, record) : true;
+        return /*#__PURE__*/React.cloneElement(child, {
+          children: _jsxs("span", {
+            className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
+            children: [isDrag ? _jsx(ProIcon, _objectSpread({
+              className: "drag-icon",
+              style: {
+                touchAction: 'none',
+                cursor: disabled ? 'no-drop' : 'move'
+              },
+              type: "drag",
+              size: 20
+            }, listeners)) : _jsx(ProIcon, {
+              size: 20
+            }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
+          })
+        });
+      }
+      return child;
+    })
+  }));
+};
+var DndWrapper = function DndWrapper(_ref2) {
   var _value$;
-  var tableProps = _ref.tableProps,
-    draggableProps = _ref.draggableProps,
-    resetProps = _objectWithoutProperties(_ref, _excluded);
+  var draggable = _ref2.draggable,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    onDrag = _ref2.onDrag,
+    disabled = _ref2.disabled,
+    children = _ref2.children;
+  var onDragEnd = function onDragEnd(event) {
+    var active = event.active,
+      over = event.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      if (onDrag) {
+        var nextList = onDrag(event, value);
+        onChange(nextList);
+        return;
+      }
+      var activeIndex = value.findIndex(function (i) {
+        return i.rowKey === active.id;
+      });
+      var overIndex = value.findIndex(function (i) {
+        return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
+      });
+      var nextValue = arrayMove(value, activeIndex, overIndex);
+      onChange(nextValue);
+    }
+  };
+  return draggable && !disabled ? _jsx(DndContext, {
+    onDragEnd: onDragEnd,
+    children: _jsx(SortableContext, {
+      items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
+        return i.rowKey;
+      }) : [],
+      strategy: verticalListSortingStrategy,
+      children: children
+    })
+  }) : children;
+};
+var DraggableTable = function DraggableTable(_ref3) {
+  var _value$2;
+  var tableProps = _ref3.tableProps,
+    draggableProps = _ref3.draggableProps,
+    resetProps = _objectWithoutProperties(_ref3, _excluded2);
   var value = tableProps.value,
     headerRender = tableProps.headerRender,
     tableRef = tableProps.tableRef,
@@ -45,7 +143,7 @@ var DraggableTable = function DraggableTable(_ref) {
     }) : null, _jsx(_Table, _objectSpread(_objectSpread({
       ref: tableRef,
       className: className,
-      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
+      dataSource: (value === null || value === void 0 ? void 0 : (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.rowKey) ? value : undefined,
       columns: columns,
       rowSelection: renderRowSelection(),
       rowClassName: rowClassName,

package/es/ProEditTable/components/index.d.ts

@@ -1,4 +1,3 @@
-export { default as DndWrapper, Row } from './DndWrapper';
 export { default as RenderField } from './RenderField';
 export { default as Validator } from './Validator';
 export { default as Summary } from './Summary';

package/es/ProEditTable/components/index.js

@@ -1,4 +1,3 @@
-export { default as DndWrapper, Row } from './DndWrapper';
 export { default as RenderField } from './RenderField';
 export { default as Validator } from './Validator';
 export { default as Summary } from './Summary';

package/lib/ProEditTable/components/RcTable/DraggableTable.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-declare const _default: import("react").MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ tableProps, draggableProps, ...resetProps }: {
     [x: string]: any;
     tableProps: any;
     draggableProps: any;

package/lib/ProEditTable/components/RcTable/DraggableTable.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,14 +10,112 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _antd = require("antd");
-var _react = require("react");
-var _index = require("../index");
-var _excluded = ["tableProps", "draggableProps"];
-var DraggableTable = function DraggableTable(_ref) {
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _ProIcon = _interopRequireDefault(require("../../../ProIcon"));
+var _excluded = ["disabled", "children"],
+  _excluded2 = ["tableProps", "draggableProps"];
+var Row = function Row(props) {
+  var disabled = props.disabled,
+    children = props.children,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var data = (0, _sortable.useSortable)({
+    id: props['data-row-key'],
+    disabled: disabled
+  });
+  var attributes = data.attributes,
+    listeners = data.listeners,
+    setNodeRef = data.setNodeRef,
+    transform = data.transform,
+    transition = data.transition,
+    isDragging = data.isDragging;
+  var style = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.style), {}, {
+    transform: _utilities.CSS.Transform.toString(transform && (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 2
+  } : {});
+  return (0, _jsxRuntime.jsx)("tr", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    ref: setNodeRef,
+    style: style
+  }, attributes), {}, {
+    children: _react.default.Children.map(children, function (child) {
+      if (child.key === 'RC_TABLE_KEY' && !disabled) {
+        var _restProps$dataRowD;
+        var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
+          render = _ref.render,
+          record = _ref.record,
+          renderIndex = _ref.renderIndex;
+        var isDrag = restProps['data-row-draggable'] ? (_restProps$dataRowD = restProps['data-row-draggable']) === null || _restProps$dataRowD === void 0 ? void 0 : _restProps$dataRowD.call(restProps, record) : true;
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          children: (0, _jsxRuntime.jsxs)("span", {
+            className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
+            children: [isDrag ? (0, _jsxRuntime.jsx)(_ProIcon.default, (0, _objectSpread2.default)({
+              className: "drag-icon",
+              style: {
+                touchAction: 'none',
+                cursor: disabled ? 'no-drop' : 'move'
+              },
+              type: "drag",
+              size: 20
+            }, listeners)) : (0, _jsxRuntime.jsx)(_ProIcon.default, {
+              size: 20
+            }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
+          })
+        });
+      }
+      return child;
+    })
+  }));
+};
+var DndWrapper = function DndWrapper(_ref2) {
   var _value$;
-  var tableProps = _ref.tableProps,
-    draggableProps = _ref.draggableProps,
-    resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var draggable = _ref2.draggable,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    onDrag = _ref2.onDrag,
+    disabled = _ref2.disabled,
+    children = _ref2.children;
+  var onDragEnd = function onDragEnd(event) {
+    var active = event.active,
+      over = event.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      if (onDrag) {
+        var nextList = onDrag(event, value);
+        onChange(nextList);
+        return;
+      }
+      var activeIndex = value.findIndex(function (i) {
+        return i.rowKey === active.id;
+      });
+      var overIndex = value.findIndex(function (i) {
+        return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
+      });
+      var nextValue = (0, _sortable.arrayMove)(value, activeIndex, overIndex);
+      onChange(nextValue);
+    }
+  };
+  return draggable && !disabled ? (0, _jsxRuntime.jsx)(_core.DndContext, {
+    onDragEnd: onDragEnd,
+    children: (0, _jsxRuntime.jsx)(_sortable.SortableContext, {
+      items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
+        return i.rowKey;
+      }) : [],
+      strategy: _sortable.verticalListSortingStrategy,
+      children: children
+    })
+  }) : children;
+};
+var DraggableTable = function DraggableTable(_ref3) {
+  var _value$2;
+  var tableProps = _ref3.tableProps,
+    draggableProps = _ref3.draggableProps,
+    resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   var value = tableProps.value,
     headerRender = tableProps.headerRender,
     tableRef = tableProps.tableRef,
@@ -39,7 +138,7 @@ var DraggableTable = function DraggableTable(_ref) {
   var onChange = draggableProps.onChange,
     onDrag = draggableProps.onDrag,
     draggable = draggableProps.draggable;
-  return (0, _jsxRuntime.jsxs)(_index.DndWrapper, {
+  return (0, _jsxRuntime.jsxs)(DndWrapper, {
     value: value,
     onChange: onChange,
     onDrag: onDrag,
@@ -51,13 +150,13 @@ var DraggableTable = function DraggableTable(_ref) {
     }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       ref: tableRef,
       className: className,
-      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
+      dataSource: (value === null || value === void 0 ? void 0 : (_value$2 = value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.rowKey) ? value : undefined,
       columns: columns,
       rowSelection: renderRowSelection(),
       rowClassName: rowClassName,
       components: {
         body: {
-          row: _index.Row
+          row: Row
         }
       },
       onRow: function onRow() {

package/lib/ProEditTable/components/index.d.ts

@@ -1,4 +1,3 @@
-export { default as DndWrapper, Row } from './DndWrapper';
 export { default as RenderField } from './RenderField';
 export { default as Validator } from './Validator';
 export { default as Summary } from './Summary';

package/lib/ProEditTable/components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,12 +10,6 @@ Object.defineProperty(exports, "ActionButton", {
     return _ActionButton.default;
   }
 });
-Object.defineProperty(exports, "DndWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _DndWrapper.default;
-  }
-});
 Object.defineProperty(exports, "RenderField", {
   enumerable: true,
   get: function get() {
@@ -29,12 +22,6 @@ Object.defineProperty(exports, "RenderToolbar", {
     return _RenderToolbar.default;
   }
 });
-Object.defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function get() {
-    return _DndWrapper.Row;
-  }
-});
 Object.defineProperty(exports, "Summary", {
   enumerable: true,
   get: function get() {
@@ -47,7 +34,6 @@ Object.defineProperty(exports, "Validator", {
     return _Validator.default;
   }
 });
-var _DndWrapper = _interopRequireWildcard(require("./DndWrapper"));
 var _RenderField = _interopRequireDefault(require("./RenderField"));
 var _Validator = _interopRequireDefault(require("./Validator"));
 var _Summary = _interopRequireDefault(require("./Summary"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.6.7-beta.8",
+  "version": "3.6.8",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

package/coverage/lcov-report/src/.umi/core/devScripts.ts.html

@@ -1,241 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for src/.umi/core/devScripts.ts</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../../prettify.css" />
-    <link rel="stylesheet" href="../../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/.umi/core</a> devScripts.ts</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/18</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/15</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/5</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/18</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a>
-<a name='L14'></a><a href='#L14'>14</a>
-<a name='L15'></a><a href='#L15'>15</a>
-<a name='L16'></a><a href='#L16'>16</a>
-<a name='L17'></a><a href='#L17'>17</a>
-<a name='L18'></a><a href='#L18'>18</a>
-<a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a>
-<a name='L21'></a><a href='#L21'>21</a>
-<a name='L22'></a><a href='#L22'>22</a>
-<a name='L23'></a><a href='#L23'>23</a>
-<a name='L24'></a><a href='#L24'>24</a>
-<a name='L25'></a><a href='#L25'>25</a>
-<a name='L26'></a><a href='#L26'>26</a>
-<a name='L27'></a><a href='#L27'>27</a>
-<a name='L28'></a><a href='#L28'>28</a>
-<a name='L29'></a><a href='#L29'>29</a>
-<a name='L30'></a><a href='#L30'>30</a>
-<a name='L31'></a><a href='#L31'>31</a>
-<a name='L32'></a><a href='#L32'>32</a>
-<a name='L33'></a><a href='#L33'>33</a>
-<a name='L34'></a><a href='#L34'>34</a>
-<a name='L35'></a><a href='#L35'>35</a>
-<a name='L36'></a><a href='#L36'>36</a>
-<a name='L37'></a><a href='#L37'>37</a>
-<a name='L38'></a><a href='#L38'>38</a>
-<a name='L39'></a><a href='#L39'>39</a>
-<a name='L40'></a><a href='#L40'>40</a>
-<a name='L41'></a><a href='#L41'>41</a>
-<a name='L42'></a><a href='#L42'>42</a>
-<a name='L43'></a><a href='#L43'>43</a>
-<a name='L44'></a><a href='#L44'>44</a>
-<a name='L45'></a><a href='#L45'>45</a>
-<a name='L46'></a><a href='#L46'>46</a>
-<a name='L47'></a><a href='#L47'>47</a>
-<a name='L48'></a><a href='#L48'>48</a>
-<a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a>
-<a name='L51'></a><a href='#L51'>51</a>
-<a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// @ts-nocheck
-&nbsp;
-<span class="cstat-no" title="statement not covered" >if (window.g_initWebpackHotDevClient) {</span>
-  function <span class="fstat-no" title="function not covered" >tryApplyUpdates(</span>onHotUpdateSuccess?: Function) {
-    // @ts-ignore
-<span class="cstat-no" title="statement not covered" >    if (!module.hot) {</span>
-<span class="cstat-no" title="statement not covered" >      window.location.reload();</span>
-<span class="cstat-no" title="statement not covered" >      return;</span>
-    }
-&nbsp;
-    function <span class="fstat-no" title="function not covered" >isUpdateAvailable(</span>) {
-      // @ts-ignore
-<span class="cstat-no" title="statement not covered" >      return window.g_getMostRecentCompilationHash() !== __webpack_hash__;</span>
-    }
-&nbsp;
-    // TODO: is update available?
-    // @ts-ignore
-<span class="cstat-no" title="statement not covered" >    if (!isUpdateAvailable() || module.hot.status() !== 'idle') {</span>
-<span class="cstat-no" title="statement not covered" >      return;</span>
-    }
-&nbsp;
-    function <span class="fstat-no" title="function not covered" >handleApplyUpdates(</span>err: Error | null, updatedModules: any) {
-<span class="cstat-no" title="statement not covered" >      if (err || !updatedModules || window.g_getHadRuntimeError()) {</span>
-<span class="cstat-no" title="statement not covered" >        window.location.reload();</span>
-<span class="cstat-no" title="statement not covered" >        return;</span>
-      }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >      onHotUpdateSuccess?.();</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >      if (isUpdateAvailable()) {</span>
-        // While we were updating, there was a new update! Do it again.
-<span class="cstat-no" title="statement not covered" >        tryApplyUpdates();</span>
-      }
-    }
-&nbsp;
-    // @ts-ignore
-<span class="cstat-no" title="statement not covered" >    module.hot.check(true).then(</span>
-<span class="fstat-no" title="function not covered" >      fu</span>nction (updatedModules: any) {
-<span class="cstat-no" title="statement not covered" >        handleApplyUpdates(null, updatedModules);</span>
-      },
-<span class="fstat-no" title="function not covered" >      fu</span>nction (err: Error) {
-<span class="cstat-no" title="statement not covered" >        handleApplyUpdates(err, null);</span>
-      },
-    );
-  }
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  window.g_initWebpackHotDevClient({</span>
-    tryApplyUpdates,
-  });
-}
-&nbsp;
-export const __mfsu = <span class="cstat-no" title="statement not covered" >1;</span>
-      </pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-01-24T02:49:50.075Z
-            </div>
-        <script src="../../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../../sorter.js"></script>
-        <script src="../../../block-navigation.js"></script>
-    </body>
-</html>
-