sea-chart 2.0.37 → 2.0.38

package/dist/settings/widgets/switch/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
 const Switch = _ref => {
   let {
     checked,
@@ -17,10 +10,10 @@ const Switch = _ref => {
     disabled,
     onChange
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sea-chart-parameter-container', className)
-  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
-    key: "custom-switch-checkbox-".concat(checked),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('sea-chart-parameter-container', className)
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
+    key: `custom-switch-checkbox-${checked}`,
     checked: checked,
     disabled: disabled,
     switchClassName: "sea-chart-toggle-parameter",
@@ -28,4 +21,4 @@ const Switch = _ref => {
     onChange: onChange
   }));
 };
-var _default = exports.default = Switch;
+export default Switch;

package/dist/settings/widgets/text-horizontal-settings.js

@@ -1,17 +1,9 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableRadioGroup2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadioGroup"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
+import _DTableRadioGroup from "dtable-ui-component/lib/DTableRadioGroup";
+import React, { useCallback } from 'react';
+import { Row, Label } from 'reactstrap';
+import classnames from 'classnames';
+import { HORIZONTAL_ALIGNS, HORIZONTAL_ALIGN_SHOW } from '../../constants';
+import intl from '../../intl';
 const TextHorizontalSettings = _ref => {
   let {
     defaultValue,
@@ -19,25 +11,25 @@ const TextHorizontalSettings = _ref => {
     onChange,
     className
   } = _ref;
-  const validValue = value || defaultValue || _constants.HORIZONTAL_ALIGNS[0];
-  const onHorizontalChanged = (0, _react.useCallback)(value => {
+  const validValue = value || defaultValue || HORIZONTAL_ALIGNS[0];
+  const onHorizontalChanged = useCallback(value => {
     onChange && onChange(value);
   }, [onChange]);
   const getOptionsDisplay = () => {
-    return _constants.HORIZONTAL_ALIGNS.reduce((optionDisplayMap, align) => {
+    return HORIZONTAL_ALIGNS.reduce((optionDisplayMap, align) => {
       return {
         ...optionDisplayMap,
-        [align]: _intl.default.get(_constants.HORIZONTAL_ALIGN_SHOW[align])
+        [align]: intl.get(HORIZONTAL_ALIGN_SHOW[align])
       };
     }, {});
   };
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
-    className: (0, _classnames.default)('mt-0 mb-4 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group', className)
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Text_horizontal_alignment')), /*#__PURE__*/_react.default.createElement(_DTableRadioGroup2.default, {
+  return /*#__PURE__*/React.createElement(Row, {
+    className: classnames('mt-0 mb-4 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group', className)
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Text_horizontal_alignment')), /*#__PURE__*/React.createElement(_DTableRadioGroup, {
     activeOption: validValue,
-    options: _constants.HORIZONTAL_ALIGNS,
+    options: HORIZONTAL_ALIGNS,
     optionsDisplay: getOptionsDisplay(),
     onSelectChanged: onHorizontalChanged
   }));
 };
-var _default = exports.default = TextHorizontalSettings;
+export default TextHorizontalSettings;

package/dist/settings/widgets/time-picker.js

@@ -1,31 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
-var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
-require("dayjs/locale/zh-cn");
-require("dayjs/locale/en-gb");
-var _utils = require("../../utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _context = _interopRequireDefault(require("../../context"));
-require("@seafile/seafile-calendar/assets/index.css");
-let now = (0, _dayjs.default)();
+import React, { Component } from 'react';
+import dayjs from 'dayjs';
+import Calendar from '@seafile/seafile-calendar';
+import DatePicker from '@seafile/seafile-calendar/lib/Picker';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en-gb';
+import { translateCalendar } from '../../utils';
+import intl from '../../intl';
+import context from '../../context';
+import '@seafile/seafile-calendar/assets/index.css';
+let now = dayjs();
 const DATE_FORMAT = 'YYYY-MM-DD';
-class TimePicker extends _react.Component {
+class TimePicker extends Component {
   constructor(props) {
     super(props);
     this.getDefaultMinutesTime = () => {
       const {
         value
       } = this.props;
-      if (value) return (0, _dayjs.default)(value).format('HH:mm');
+      if (value) return dayjs(value).format('HH:mm');
       return '';
     };
     this.getCalendarContainer = () => {
@@ -81,24 +73,24 @@ class TimePicker extends _react.Component {
       open: false,
       value: null
     };
-    this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
+    this.calendarContainerRef = React.createRef();
     this.defaultCalendarValue = null;
   }
   componentDidMount() {
     const {
       value
     } = this.props;
-    const iszhcn = _context.default.getSetting('lang') === 'zh-cn';
+    const iszhcn = context.getSetting('lang') === 'zh-cn';
     if (iszhcn) {
       now = now.locale('zh-cn');
     } else {
       now = now.locale('en-gb');
     }
     this.defaultCalendarValue = now.clone();
-    if (value && (0, _dayjs.default)(value).isValid()) {
-      let validValue = (0, _dayjs.default)(value).isValid() ? (0, _dayjs.default)(value) : (0, _dayjs.default)(this.defaultCalendarValue);
+    if (value && dayjs(value).isValid()) {
+      let validValue = dayjs(value).isValid() ? dayjs(value) : dayjs(this.defaultCalendarValue);
       this.setState({
-        value: iszhcn ? (0, _dayjs.default)(validValue).locale('zh-cn') : (0, _dayjs.default)(validValue).locale('en-gb')
+        value: iszhcn ? dayjs(validValue).locale('zh-cn') : dayjs(validValue).locale('en-gb')
       });
     }
   }
@@ -111,7 +103,7 @@ class TimePicker extends _react.Component {
       open
     } = this.state;
     const minutesTime = this.getDefaultMinutesTime();
-    if (isReadOnly) return /*#__PURE__*/_react.default.createElement("input", {
+    if (isReadOnly) return /*#__PURE__*/React.createElement("input", {
       className: "ant-calendar-picker-input ant-input form-control",
       value: value && value.format(DATE_FORMAT) || '',
       disabled: true
@@ -124,17 +116,17 @@ class TimePicker extends _react.Component {
       fontSize: '12px',
       cursor: 'pointer'
     };
-    const clearIcon = /*#__PURE__*/_react.default.createElement('i', {
+    const clearIcon = React.createElement('i', {
       className: 'item-icon dtable-font dtable-icon-x',
       style: clearStyle
     });
-    const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
+    const calendar = /*#__PURE__*/React.createElement(Calendar, {
       className: "dtable-rc-calendar",
-      locale: (0, _utils.translateCalendar)(),
+      locale: translateCalendar(),
       style: {
         zIndex: 1001
       },
-      dateInputPlaceholder: _intl.default.get('Please_input_date'),
+      dateInputPlaceholder: intl.get('Please_input_date'),
       format: DATE_FORMAT,
       defaultValue: this.defaultCalendarValue,
       showDateInput: true,
@@ -145,10 +137,10 @@ class TimePicker extends _react.Component {
       defaultMinutesTime: minutesTime,
       onClickRightPanelTime: this.onClickRightPanelTime
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "sea-chart-date-picker-container",
       ref: ref => this.datePicker = ref
-    }, /*#__PURE__*/_react.default.createElement(_Picker.default, {
+    }, /*#__PURE__*/React.createElement(DatePicker, {
       calendar: calendar,
       value: value,
       onChange: this.onChange,
@@ -162,19 +154,19 @@ class TimePicker extends _react.Component {
       let {
         value
       } = _ref;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         tabIndex: "0",
         onFocus: this.onReadOnlyFocus
-      }, /*#__PURE__*/_react.default.createElement("input", {
+      }, /*#__PURE__*/React.createElement("input", {
         tabIndex: "-1",
         onChange: () => {},
         className: "ant-calendar-picker-input ant-input form-control",
         value: value && value.format(DATE_FORMAT) || '',
         onMouseDown: this.handleMouseDown
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         ref: this.calendarContainerRef
       }));
     }));
   }
 }
-var _default = exports.default = TimePicker;
+export default TimePicker;

package/dist/settings/widgets/title-settings/index.js

@@ -1,28 +1,20 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _CollapsibleSettingLayout2 = _interopRequireDefault(require("dtable-ui-component/lib/CollapsibleSettingLayout"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _contexts = require("../../../utils/contexts");
-var _fontSettings = require("../font-settings");
-var _textHorizontalSettings = _interopRequireDefault(require("../text-horizontal-settings"));
-var _constants = require("../../../constants");
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _titleText = _interopRequireDefault(require("./title-text"));
+import _CollapsibleSettingLayout from "dtable-ui-component/lib/CollapsibleSettingLayout";
+import React, { useMemo, useContext } from 'react';
+import { Label } from 'reactstrap';
+import { GlobalThemeContext, settingsContext } from '../../../utils/contexts';
+import { FontSizeSettings, FontWeightSettings, FontColorSettings } from '../font-settings';
+import TextHorizontalSettings from '../text-horizontal-settings';
+import { DEFAULT_CHART_FONT_WEIGHT, DEFAULT_CHART_TITLE_FONT_SIZE, CHART_SUPPORT_FONT_WEIGHTS, HORIZONTAL_ALIGN, DEFAULT_TREND_CHART_TITLE_FONT_SIZE, CHART_TYPE, TITLE_FONT_COLOR_MAP, DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT } from '../../../constants';
+import intl from '../../../intl';
+import TitleText from './title-text';
 const TitleSetting = props => {
   const {
     hideTitleStyleSetting
-  } = (0, _react.useContext)(_contexts.settingsContext);
+  } = useContext(settingsContext);
   const {
     globalTheme
-  } = (0, _react.useContext)(_contexts.GlobalThemeContext);
-  const initialTitle = (0, _react.useMemo)(() => {
+  } = useContext(GlobalThemeContext);
+  const initialTitle = useMemo(() => {
     return props.title || {};
   }, [props.title]);
   const modifyTitle = updated => {
@@ -63,45 +55,45 @@ const TitleSetting = props => {
       font_color: updatedFontColor
     });
   };
-  const isCard = props.type === _constants.CHART_TYPE.TREND || props.type === _constants.CHART_TYPE.BASIC_NUMBER_CARD;
+  const isCard = props.type === CHART_TYPE.TREND || props.type === CHART_TYPE.BASIC_NUMBER_CARD;
 
   // if no text then set trend default font size to 16 and font_weight to 400
   if (isCard && !initialTitle.text) {
-    initialTitle.font_weight = _constants.CHART_SUPPORT_FONT_WEIGHTS[0];
-    initialTitle.font_size = _constants.DEFAULT_TREND_CHART_TITLE_FONT_SIZE;
+    initialTitle.font_weight = CHART_SUPPORT_FONT_WEIGHTS[0];
+    initialTitle.font_size = DEFAULT_TREND_CHART_TITLE_FONT_SIZE;
   }
   const getChildren = () => {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_titleText.default, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleText, {
       text: initialTitle.text,
       modifyText: modifyText
-    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
+    }), /*#__PURE__*/React.createElement(FontSizeSettings, {
       className: 'mt-3',
       fontSize: initialTitle.font_size,
-      defaultFontSize: isCard ? _constants.DEFAULT_TREND_CHART_TITLE_FONT_SIZE : _constants.DEFAULT_CHART_TITLE_FONT_SIZE,
+      defaultFontSize: isCard ? DEFAULT_TREND_CHART_TITLE_FONT_SIZE : DEFAULT_CHART_TITLE_FONT_SIZE,
       modifyFontSize: modifyFontSize
-    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontWeightSettings, {
+    }), /*#__PURE__*/React.createElement(FontWeightSettings, {
       className: 'mt-3',
-      fontWeight: initialTitle.font_weight || _constants.DEFAULT_CHART_FONT_WEIGHT,
-      supportFontWeights: _constants.CHART_SUPPORT_FONT_WEIGHTS,
+      fontWeight: initialTitle.font_weight || DEFAULT_CHART_FONT_WEIGHT,
+      supportFontWeights: CHART_SUPPORT_FONT_WEIGHTS,
       modifyFontWeight: modifyFontWeight
-    }), /*#__PURE__*/_react.default.createElement(_fontSettings.FontColorSettings, {
+    }), /*#__PURE__*/React.createElement(FontColorSettings, {
       className: 'mt-3',
       fontColor: initialTitle.font_color,
-      defaultFontColor: _constants.TITLE_FONT_COLOR_MAP[globalTheme] || _constants.DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
+      defaultFontColor: TITLE_FONT_COLOR_MAP[globalTheme] || DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
       modifyFontColor: modifyFontColor
-    }), /*#__PURE__*/_react.default.createElement(_textHorizontalSettings.default, {
+    }), /*#__PURE__*/React.createElement(TextHorizontalSettings, {
       className: 'mt-3',
       value: initialTitle.horizontal_align,
-      defaultValue: _constants.HORIZONTAL_ALIGN.LEFT,
+      defaultValue: HORIZONTAL_ALIGN.LEFT,
       onChange: modifyHorizontalAlign
     }));
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hideTitleStyleSetting && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Title')), /*#__PURE__*/_react.default.createElement(_titleText.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, hideTitleStyleSetting && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Title')), /*#__PURE__*/React.createElement(TitleText, {
     text: initialTitle.text,
     modifyText: modifyText
-  })), !hideTitleStyleSetting && /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
-    title: _intl.default.get('Title'),
+  })), !hideTitleStyleSetting && /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
+    title: intl.get('Title'),
     children: getChildren()
   }));
 };
-var _default = exports.default = TitleSetting;
+export default TitleSetting;

package/dist/settings/widgets/title-settings/title-text.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
+import React, { useState } from 'react';
+import { Input } from 'reactstrap';
 const TitleText = props => {
-  const [currText, setCurrText] = (0, _react.useState)(props.text || '');
+  const [currText, setCurrText] = useState(props.text || '');
   const onKeyDown = event => {
     if (event.key === 'Enter') {
       event.preventDefault();
@@ -18,7 +11,7 @@ const TitleText = props => {
   const onSaveText = () => {
     props.modifyText(currText);
   };
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+  return /*#__PURE__*/React.createElement(Input, {
     type: "text",
     value: currText,
     onBlur: onSaveText,
@@ -26,4 +19,4 @@ const TitleText = props => {
     onKeyDown: onKeyDown
   });
 };
-var _default = exports.default = TitleText;
+export default TitleText;

package/dist/settings/widgets/x-axios.js

@@ -1 +0,0 @@
-"use strict";