es-grid-template 1.3.2 → 1.3.4

package/es/grid-component/number-range/index.js

@@ -1,11 +1,13 @@
 import React, { Fragment } from "react";
 import { NumericFormat } from "react-numeric-component";
 import { Input } from "rc-master-ui";
+import { checkDecimalSeparator, checkThousandSeparator } from "../hooks";
 const NumberRange = props => {
   const {
     t,
     max,
     min,
+    format,
     onChange
   } = props;
   const values = React.useMemo(() => [min, max], [min, max]);
@@ -17,43 +19,45 @@ const NumberRange = props => {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: '',
     style: {
-      display: 'flex'
+      display: 'flex',
+      alignItems: 'center',
+      columnGap: 5
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginBottom: 8
-    }
-  }, /*#__PURE__*/React.createElement(NumericFormat, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(NumericFormat, {
     value: values[0] ?? ''
     // value={min}
-    // thousandSeparator={checkThousandSeparator(thousandSeparator, decimalSeparator)}
-    // decimalSeparator={checkDecimalSeparator(thousandSeparator, decimalSeparator)}
     ,
+    thousandSeparator: checkThousandSeparator(format?.thousandSeparator, format?.decimalSeparator),
+    decimalSeparator: checkDecimalSeparator(format?.thousandSeparator, format?.decimalSeparator),
     allowNegative: true,
     customInput: Input,
-    className: ' rounded-0 input-element form-control',
+    className: ' rounded-0 input-element',
     onValueChange: vals => {
       // onChangeValueFilter(type, values.floatValue, 'min')
 
       // setValues([vals.floatValue, values[1]])
       onChange?.([vals.floatValue, max]);
-    },
-    placeholder: t ? t('Min') : 'Min',
+    }
+    // placeholder={t ? t('Min') : 'Min'}
+    ,
+    placeholder: t ? t('From') : 'From',
     autoFocus: true
-  })), /*#__PURE__*/React.createElement("span", null, "-"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(NumericFormat, {
+  })), /*#__PURE__*/React.createElement("span", null, " - "), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(NumericFormat, {
     value: values[1] ?? ''
     // value={max}
-    // thousandSeparator={checkThousandSeparator(thousandSeparator, decimalSeparator)}
-    // decimalSeparator={checkDecimalSeparator(thousandSeparator, decimalSeparator)}
     ,
+    thousandSeparator: checkThousandSeparator(format?.thousandSeparator, format?.decimalSeparator),
+    decimalSeparator: checkDecimalSeparator(format?.thousandSeparator, format?.decimalSeparator),
     allowNegative: true,
     customInput: Input,
-    className: ' rounded-0 input-element form-control',
+    className: ' rounded-0 input-element',
     onValueChange: vals => {
       // setValues([values[0], vals.floatValue])
       onChange?.([min, vals.floatValue]);
-    },
-    placeholder: t ? t('Max') : 'Max'
+    }
+    // placeholder={t ? t('Max') : 'Max'}
+    ,
+    placeholder: t ? t('To') : 'To'
   }))));
 };
 export default NumberRange;

package/es/grid-component/styles.scss

@@ -26,6 +26,14 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
 .popup-context-menu {
   min-width: 200px;
+
+}
+.ant-dropdown-menu.popup-context-menu {
+  .ant-dropdown-menu-submenu {
+    .ant-dropdown-menu-submenu-title {
+      align-items: center;
+    }
+  }
 }
 
 // -------------- Table -------------
@@ -239,6 +247,13 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
       .#{$prefix}-table-column-title {
         //display: flex;
       }
+
+      &.head-align-center {
+        text-align: center;
+      }
+      &.head-align-right {
+        text-align: right;
+      }
     }
   }