dtable-statistic 4.3.3 → 4.3.4

package/es/components/popover/color-rules/color-rule.js

@@ -1,18 +1,10 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _ruleFilters = _interopRequireDefault(require("./rule-filters"));
-var _colorSelectorPopover = _interopRequireDefault(require("../color-selector-popover"));
-var _index = require("../../index");
-class ColorRule extends _react.Component {
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import intl from 'react-intl-universal';
+import RuleFilters from './rule-filters';
+import ColorSelectorPopover from '../color-selector-popover';
+import { CommonAddTool } from '../../index';
+class ColorRule extends Component {
   constructor(props) {
     super(props);
     this.onColorPopoverToggle = event => {
@@ -118,18 +110,18 @@ class ColorRule extends _react.Component {
     } = rule;
     const target = "row-color-rule-".concat(ruleIndex);
     const selectedColorConfig = this.props.getColorConfigByColor(color);
-    const ruleTitle = ruleName || _reactIntlUniversal.default.get('Define_rule');
+    const ruleTitle = ruleName || intl.get('Define_rule');
     const canAddFilter = filters.length < 8;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-item', {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-color-rule-item', {
         'editing': isEditing
       })
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "d-flex justify-content-between pr-4"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rule-title",
       onClick: () => this.props.setEditingRuleIndex(ruleIndex)
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       ref: ref => this.rowColorRule = ref,
       className: "statistic-color-rule-dropdown",
       style: {
@@ -138,12 +130,12 @@ class ColorRule extends _react.Component {
       onMouseDown: this.onMouseDown,
       onClick: this.onColorPopoverToggle,
       id: target
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-drop-down",
       style: {
         color: selectedColorConfig.text_color
       }
-    }), this.state.isColorPopoverShow && /*#__PURE__*/_react.default.createElement(_colorSelectorPopover.default, {
+    }), this.state.isColorPopoverShow && /*#__PURE__*/React.createElement(ColorSelectorPopover, {
       placement: "bottom-start",
       hideArrow: false,
       target: target,
@@ -151,33 +143,33 @@ class ColorRule extends _react.Component {
       colorConfigs: labelColorConfigs,
       toggle: this.hideColorPopover,
       onSelectColor: this.onSelectColor
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-name text-truncate', {
+    })), /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-color-rule-name text-truncate', {
         'invalid': !!ruleName
       }),
       title: ruleTitle
-    }, ruleTitle)), /*#__PURE__*/_react.default.createElement("span", {
+    }, ruleTitle)), /*#__PURE__*/React.createElement("span", {
       className: "statistic-delete-color-rule"
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-delete",
       onClick: this.deleteRule
-    }))), isEditing && /*#__PURE__*/_react.default.createElement("div", {
+    }))), isEditing && /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rule-filters-wrapper"
-    }, /*#__PURE__*/_react.default.createElement(_ruleFilters.default, {
+    }, /*#__PURE__*/React.createElement(RuleFilters, {
       filterTypes: colorRuleTypes,
       filters: rule.filters,
       filterConjunction: filter_conjunction,
       getFilterConfigByType: this.props.getFilterConfigByType,
       modifyConjunction: this.modifyFilterConjunction,
       updateFilters: this.updateFilters
-    }), /*#__PURE__*/_react.default.createElement(_index.CommonAddTool, {
-      className: (0, _classnames.default)('statistic-btn-add-color-rule-filter', {
+    }), /*#__PURE__*/React.createElement(CommonAddTool, {
+      className: classnames('statistic-btn-add-color-rule-filter', {
         'disabled': !canAddFilter
       }),
       callBack: this.addFilter,
-      footerName: _reactIntlUniversal.default.get('Add_condition'),
+      footerName: intl.get('Add_condition'),
       addIconClassName: "popover-add-icon"
     })));
   }
 }
-var _default = exports.default = ColorRule;
+export default ColorRule;

package/es/components/popover/color-rules/index.js

@@ -1,14 +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
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _colorRule = _interopRequireDefault(require("./color-rule"));
-class ColorRules extends _react.Component {
+import React, { Component } from 'react';
+import ColorRule from './color-rule';
+class ColorRules extends Component {
   constructor(props) {
     super(props);
     this.setEditingRuleIndex = editingRuleIndex => {
@@ -62,11 +54,11 @@ class ColorRules extends _react.Component {
     const {
       editingRuleIndex
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rules"
     }, rules.map((rule, ruleIndex) => {
       const isEditing = editingRuleIndex === ruleIndex;
-      return /*#__PURE__*/_react.default.createElement(_colorRule.default, {
+      return /*#__PURE__*/React.createElement(ColorRule, {
         key: "statistic-color-rule-".concat(ruleIndex),
         ruleIndex: ruleIndex,
         rule: rule,
@@ -84,4 +76,4 @@ class ColorRules extends _react.Component {
     }));
   }
 }
-var _default = exports.default = ColorRules;
+export default ColorRules;

package/es/components/popover/color-rules/rule-filters/filter.js

@@ -1,19 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _index = require("../../../index");
-var _numberInput = _interopRequireDefault(require("./number-input"));
-var _colorRules = require("../../../../constants/color-rules");
+import React from 'react';
+import intl from 'react-intl-universal';
+import { Select } from '../../../index';
+import NumberInput from './number-input';
+import { COLOR_RULE_FILTER_TYPE_MAP, EMPTY_PREDICATE } from '../../../../constants/color-rules';
 const INPUT_CMP_TYPE_MAP = {
   NUMBER: 'number'
 };
-class Filter extends _react.default.Component {
+class Filter extends React.Component {
   constructor(_props) {
     super(_props);
     this.initSelectOptions = props => {
@@ -24,14 +17,14 @@ class Filter extends _react.default.Component {
         filterPredicateList
       } = this.props.getFilterConfigByType(filter.filter_type);
       this.predicateOptions = filterPredicateList ? filterPredicateList.map(predicate => {
-        if (_colorRules.EMPTY_PREDICATE.includes(predicate)) {
+        if (EMPTY_PREDICATE.includes(predicate)) {
           return null;
         }
         return {
           value: predicate,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _reactIntlUniversal.default.get(predicate))
+          }, intl.get(predicate))
         };
       }).filter(Boolean) : [];
     };
@@ -99,7 +92,7 @@ class Filter extends _react.default.Component {
         case INPUT_CMP_TYPE_MAP.NUMBER:
           {
             const number = filter_term || filter_term === 0 ? filter_term : '';
-            return /*#__PURE__*/_react.default.createElement(_numberInput.default, {
+            return /*#__PURE__*/React.createElement(NumberInput, {
               value: number,
               onChange: this.onNumberFilterTermChanged
             });
@@ -124,7 +117,7 @@ class Filter extends _react.default.Component {
         case 1:
           {
             const selectedConjunction = conjunctionOptions.find(option => option.value === filterConjunction);
-            return /*#__PURE__*/_react.default.createElement(_index.Select, {
+            return /*#__PURE__*/React.createElement(Select, {
               value: selectedConjunction,
               options: conjunctionOptions,
               onSelectOption: this.onSelectConjunction
@@ -132,9 +125,9 @@ class Filter extends _react.default.Component {
           }
         default:
           {
-            return /*#__PURE__*/_react.default.createElement("span", {
+            return /*#__PURE__*/React.createElement("span", {
               className: "selected-conjunction-show"
-            }, _reactIntlUniversal.default.get(filterConjunction));
+            }, intl.get(filterConjunction));
           }
       }
     };
@@ -148,11 +141,11 @@ class Filter extends _react.default.Component {
       } = filter;
 
       // predicate is empty or not empty
-      if (_colorRules.EMPTY_PREDICATE.includes(filter_predicate)) {
+      if (EMPTY_PREDICATE.includes(filter_predicate)) {
         return null;
       }
       switch (filter_type) {
-        case _colorRules.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
+        case COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
           {
             return this.getInputComponent(INPUT_CMP_TYPE_MAP.NUMBER);
           }
@@ -188,34 +181,34 @@ class Filter extends _react.default.Component {
     } = filter;
     const selectedFilterType = filterTypeOptions.find(option => option.value === filter_type);
     const selectedPredicate = this.predicateOptions.find(option => option.value === filter_predicate);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "filter-item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "delete-filter",
       onClick: this.onDeleteFilter
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number"
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "condition"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "filter-conjunction"
-    }, this.renderConjunction()), /*#__PURE__*/_react.default.createElement("div", {
+    }, this.renderConjunction()), /*#__PURE__*/React.createElement("div", {
       className: "filter-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "filter-column"
-    }, /*#__PURE__*/_react.default.createElement(_index.Select, {
+    }, /*#__PURE__*/React.createElement(Select, {
       value: selectedFilterType,
       options: filterTypeOptions,
       onSelectOption: this.onSelectFilterBy
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "filter-predicate ml-2"
-    }, /*#__PURE__*/_react.default.createElement(_index.Select, {
+    }, /*#__PURE__*/React.createElement(Select, {
       value: selectedPredicate,
       options: this.predicateOptions,
       onSelectOption: this.onSelectPredicate
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "filter-term ml-2"
     }, this.renderFilterTerm()))));
   }
 }
-var _default = exports.default = Filter;
+export default Filter;

package/es/components/popover/color-rules/rule-filters/index.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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _filter = _interopRequireDefault(require("./filter"));
-var _colorRules = require("../../../../constants/color-rules");
-require("./index.css");
-class RuleFilters extends _react.Component {
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import intl from 'react-intl-universal';
+import Filter from './filter';
+import { DISPLAY_COLOR_RULE_FILTER_TYPE } from '../../../../constants/color-rules';
+import './index.css';
+class RuleFilters extends Component {
   constructor(props) {
     super(props);
     this.generateConjunctionOptions = () => {
       this.conjunctionOptions = [{
         value: 'And',
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
-        }, _reactIntlUniversal.default.get('And'))
+        }, intl.get('And'))
       }, {
         value: 'Or',
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
-        }, _reactIntlUniversal.default.get('Or'))
+        }, intl.get('Or'))
       }];
     };
     this.generateFilterTypeOptions = _ref => {
@@ -35,9 +27,9 @@ class RuleFilters extends _react.Component {
       this.filterTypeOptions = filterTypes.map(filterType => {
         return {
           value: filterType,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _reactIntlUniversal.default.get(_colorRules.DISPLAY_COLOR_RULE_FILTER_TYPE[filterTypes]))
+          }, intl.get(DISPLAY_COLOR_RULE_FILTER_TYPE[filterTypes]))
         };
       });
     };
@@ -61,7 +53,7 @@ class RuleFilters extends _react.Component {
       const {
         filterConjunction
       } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_filter.default, {
+      return /*#__PURE__*/React.createElement(Filter, {
         key: index,
         index: index,
         filter: filter,
@@ -87,11 +79,11 @@ class RuleFilters extends _react.Component {
       filters,
       className
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-filters', className)
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-color-rule-filters', className)
     }, filters.map((filter, index) => {
       return this.renderFilter(filter, index);
     }));
   }
 }
-var _default = exports.default = RuleFilters;
+export default RuleFilters;

package/es/components/popover/color-rules/rule-filters/number-input.js

@@ -1,17 +1,9 @@
-"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 _dtableStore = require("dtable-store");
 /**
  * support type number with format
  */
-
-class NumberInput extends _react.Component {
+import React, { Component } from 'react';
+import { DEFAULT_NUMBER_FORMAT, formatStringToNumber, getNumberDisplayString, replaceNumberNotAllowInput } from 'dtable-store';
+class NumberInput extends Component {
   constructor(props) {
     super(props);
     this.getInitValue = () => {
@@ -23,19 +15,19 @@ class NumberInput extends _react.Component {
       if (valueType === 'number') {
         numericValue = value;
       } else if (valueType === 'string') {
-        numericValue = (0, _dtableStore.formatStringToNumber)(value, {});
+        numericValue = formatStringToNumber(value, {});
       }
       if (!numericValue && numericValue !== 0) {
         return '';
       }
-      return (0, _dtableStore.getNumberDisplayString)(numericValue, {}) || '';
+      return getNumberDisplayString(numericValue, {}) || '';
     };
     this.onChange = evt => {
-      const value = (0, _dtableStore.replaceNumberNotAllowInput)(evt.target.value.trim(), _dtableStore.DEFAULT_NUMBER_FORMAT, null);
+      const value = replaceNumberNotAllowInput(evt.target.value.trim(), DEFAULT_NUMBER_FORMAT, null);
       this.setState({
         value
       }, () => {
-        this.props.onChange((0, _dtableStore.formatStringToNumber)(value, {}));
+        this.props.onChange(formatStringToNumber(value, {}));
       });
     };
     this.onPaste = evt => {
@@ -58,7 +50,7 @@ class NumberInput extends _react.Component {
       disabled,
       autoFocus
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/React.createElement("input", {
       ref: ref => this.input = ref,
       type: "text",
       className: "form-control",
@@ -75,4 +67,4 @@ NumberInput.defaultProps = {
   autoFocus: false,
   disabled: false
 };
-var _default = exports.default = NumberInput;
+export default NumberInput;

package/es/components/popover/color-rules-popover.js

@@ -1,22 +1,14 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _dtableStore = require("dtable-store");
-var _index = require("../index");
-var _colorRules = _interopRequireDefault(require("./color-rules"));
-var _colorRules2 = require("../../constants/color-rules");
-require("../../assets/css/color-rules-popover.css");
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import intl from 'react-intl-universal';
+import { CellType, FILTER_COLUMN_OPTIONS } from 'dtable-store';
+import { CommonAddTool, DTablePopover } from '../index';
+import ColorRules from './color-rules';
+import { COLOR_RULE_FILTER_TYPE_MAP, DISPLAY_COLOR_RULE_FILTER_TYPE, EMPTY_PREDICATE } from '../../constants/color-rules';
+import '../../assets/css/color-rules-popover.css';
 const SAFE_DISTANCE_2_BOTTOM = 30; // Keep the distance to the bottom
 
-class ColorRulesPopover extends _react.Component {
+class ColorRulesPopover extends Component {
   constructor(props) {
     super(props);
     this.getColorConfigByColor = color => {
@@ -28,13 +20,13 @@ class ColorRulesPopover extends _react.Component {
         filter_predicate,
         filter_term
       } = filter;
-      const name = _colorRules2.DISPLAY_COLOR_RULE_FILTER_TYPE[filter_type];
-      const template = "".concat(_reactIntlUniversal.default.get(name), " ").concat(_reactIntlUniversal.default.get(filter_predicate));
-      if (_colorRules2.EMPTY_PREDICATE.includes(filter_predicate)) {
+      const name = DISPLAY_COLOR_RULE_FILTER_TYPE[filter_type];
+      const template = "".concat(intl.get(name), " ").concat(intl.get(filter_predicate));
+      if (EMPTY_PREDICATE.includes(filter_predicate)) {
         return template;
       }
       switch (filter_type) {
-        case _colorRules2.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
+        case COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
           {
             if (filter_term === 0) {
               return "".concat(template, " 0");
@@ -55,7 +47,7 @@ class ColorRulesPopover extends _react.Component {
       let contentText = '';
       filterConjunction = filterConjunction || 'And';
       filters.forEach((filter, index) => {
-        let filterContentText = index === 0 ? '' : " ".concat(filterConjunction === 'And' ? _reactIntlUniversal.default.get('And') : _reactIntlUniversal.default.get('Or'));
+        let filterContentText = index === 0 ? '' : " ".concat(filterConjunction === 'And' ? intl.get('And') : intl.get('Or'));
         let filterDisplay = this.getFilterDisplay(filter);
         if (filterDisplay) {
           contentText = contentText + filterContentText + " ".concat(filterDisplay);
@@ -80,9 +72,9 @@ class ColorRulesPopover extends _react.Component {
         return {};
       }
       switch (filterType) {
-        case _colorRules2.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
+        case COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
           {
-            return _dtableStore.FILTER_COLUMN_OPTIONS[_dtableStore.CellType.NUMBER];
+            return FILTER_COLUMN_OPTIONS[CellType.NUMBER];
           }
         default:
           {
@@ -182,7 +174,7 @@ class ColorRulesPopover extends _react.Component {
     const hasRules = colorRules && colorRules.length > 0;
     const rulesName = this.getRulesName();
     const canAddRule = !rulesName.some(ruleName => !ruleName);
-    return /*#__PURE__*/_react.default.createElement(_index.DTablePopover, {
+    return /*#__PURE__*/React.createElement(DTablePopover, {
       hideArrow: true,
       target: target,
       placement: "left-end",
@@ -191,11 +183,11 @@ class ColorRulesPopover extends _react.Component {
       popoverClassName: "statistic-color-rules-popover",
       hideDTablePopover: this.hideColorRulesPopover,
       hideDTablePopoverWithEsc: this.hideColorRulesPopover
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rules-wrapper"
-    }, !hasRules && /*#__PURE__*/_react.default.createElement("div", {
+    }, !hasRules && /*#__PURE__*/React.createElement("div", {
       className: "no-color-rules"
-    }, _reactIntlUniversal.default.get('No_rules')), /*#__PURE__*/_react.default.createElement(_colorRules.default, {
+    }, intl.get('No_rules')), /*#__PURE__*/React.createElement(ColorRules, {
       rules: colorRules,
       rulesName: rulesName,
       labelColorConfigs: labelColorConfigs,
@@ -205,13 +197,13 @@ class ColorRulesPopover extends _react.Component {
       generateDefaultFilter: this.generateDefaultFilter,
       updateRules: this.updateColorRules,
       resetPopoverPosition: this.resetPopoverPosition
-    }), /*#__PURE__*/_react.default.createElement(_index.CommonAddTool, {
-      className: (0, _classnames.default)('statistic-btn-add-color-rule', {
+    }), /*#__PURE__*/React.createElement(CommonAddTool, {
+      className: classnames('statistic-btn-add-color-rule', {
         'disabled': !canAddRule
       }),
-      footerName: _reactIntlUniversal.default.get('Add_rule'),
+      footerName: intl.get('Add_rule'),
       callBack: canAddRule ? this.addRule : () => {}
     })));
   }
 }
-var _default = exports.default = ColorRulesPopover;
+export default ColorRulesPopover;

package/es/components/popover/color-selector-popover.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 _index = require("../index");
-var _utils = require("../../utils");
-class ColorSelectorPopover extends _react.Component {
+import React, { Component } from 'react';
+import { DTablePopover } from '../index';
+import { hexToRgb } from '../../utils';
+class ColorSelectorPopover extends Component {
   constructor(props) {
     super(props);
     this.initColorOptions = () => {
@@ -21,7 +14,7 @@ class ColorSelectorPopover extends _react.Component {
             r,
             g,
             b
-          } = (0, _utils.hexToRgb)(colorOption.color);
+          } = hexToRgb(colorOption.color);
           return {
             ...colorOption,
             border_color: "rgb(".concat(Math.max(r - 20, 0), ", ").concat(Math.max(g - 20, 0), ", ").concat(Math.max(b - 20, 0), ")")
@@ -44,14 +37,14 @@ class ColorSelectorPopover extends _react.Component {
       selectedColor
     } = this.props;
     const upperCaseSelectedColor = selectedColor.toUpperCase();
-    return /*#__PURE__*/_react.default.createElement(_index.DTablePopover, {
+    return /*#__PURE__*/React.createElement(DTablePopover, {
       target: target,
       placement: placement || 'auto-start',
       hideArrow: hideArrow,
       popoverClassName: "statistic-color-selector",
       hideDTablePopover: this.props.toggle,
       hideDTablePopoverWithEsc: this.props.toggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-selector-wrapper"
     }, this.colorOptions.map(colorOption => {
       const {
@@ -59,7 +52,7 @@ class ColorSelectorPopover extends _react.Component {
         border_color,
         text_color
       } = colorOption;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: "statistic-color-option-".concat(color),
         className: "statistic-color-option",
         onClick: () => this.onSelectColor(color),
@@ -67,7 +60,7 @@ class ColorSelectorPopover extends _react.Component {
           backgroundColor: color,
           borderColor: border_color
         }
-      }, color === upperCaseSelectedColor && /*#__PURE__*/_react.default.createElement("i", {
+      }, color === upperCaseSelectedColor && /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-check-mark",
         style: {
           color: text_color
@@ -79,4 +72,4 @@ class ColorSelectorPopover extends _react.Component {
 ColorSelectorPopover.defaultProps = {
   hideArrow: true
 };
-var _default = exports.default = ColorSelectorPopover;
+export default ColorSelectorPopover;

package/es/components/seatable-radio/index.js

@@ -1,29 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
 function SeaTableRadio(props) {
-  return /*#__PURE__*/_react.default.createElement("label", {
+  return /*#__PURE__*/React.createElement("label", {
     className: "seatable-radio"
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     type: "radio",
     className: "seatable-radio-input",
     checked: props.isChecked,
     onChange: props.disabled ? () => {} : props.onCheckedChange,
     name: props.name,
     value: props.value
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('seatable-radio-indicator', {
+  }), /*#__PURE__*/React.createElement("span", {
+    className: classnames('seatable-radio-indicator', {
       'seatable-radio-selected-indicator': props.isChecked,
       'seatable-radio-disable': props.disabled
     })
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "seatable-radio-description text-truncate"
   }, props.label));
 }
@@ -32,4 +25,4 @@ SeaTableRadio.defaultProps = {
   name: 'seatable-radio-input',
   onCheckedChange: () => {}
 };
-var _default = exports.default = SeaTableRadio;
+export default SeaTableRadio;