@desynova-digital/components 8.13.4 → 8.14.0

package/atoms/inputText/inputText.js

@@ -51,12 +51,12 @@ var PasswordToggleButton = _styledComponents2.default.div(_templateObject3);
 var CountWrappper = _styledComponents2.default.div(_templateObject4);
 
 var InputText = function InputText(_ref) {
-  var maxlength = _ref.maxlength,
+  var maxLength = _ref.maxLength,
       defaultValue = _ref.defaultValue,
       type = _ref.type,
       showLengthCount = _ref.showLengthCount,
       capitalizeFirstLetter = _ref.capitalizeFirstLetter,
-      props = _objectWithoutProperties(_ref, ['maxlength', 'defaultValue', 'type', 'showLengthCount', 'capitalizeFirstLetter']);
+      props = _objectWithoutProperties(_ref, ['maxLength', 'defaultValue', 'type', 'showLengthCount', 'capitalizeFirstLetter']);
 
   var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -89,7 +89,7 @@ var InputText = function InputText(_ref) {
   return _react2.default.createElement(
     InputTextDiv,
     { theme: props.theme, capitalizeFirstLetter: capitalizeFirstLetter || '' },
-    _react2.default.createElement(InputText.Element, _extends({ type: hidden ? type : 'text', value: props.value, defaultValue: defaultValue }, props, { maxLength: maxlength || '' })),
+    _react2.default.createElement(InputText.Element, _extends({ type: hidden ? type : 'text', value: props.value, defaultValue: defaultValue }, props, { maxLength: maxLength || '' })),
     props.label ? _react2.default.createElement(
       'label',
       {
@@ -103,12 +103,12 @@ var InputText = function InputText(_ref) {
       { value: props.value, theme: props.theme, error: props.error },
       errorMesssage
     ) : '',
-    maxlength && showLengthCount && _react2.default.createElement(
+    maxLength && showLengthCount && _react2.default.createElement(
       CountWrappper,
       null,
       props.value.length,
       '/',
-      maxlength
+      maxLength
     ),
     type == 'password' || passwordButton ? _react2.default.createElement(
       PasswordToggleButton,
@@ -195,8 +195,8 @@ InputText.propTypes = {
   /** The (HTML) type for the input. */
   type: _propTypes2.default.string,
   value: _propTypes2.default.string,
-  /** The (HTML) maxlength for the input. */
-  maxlength: _propTypes2.default.number,
+  /** The (HTML) maxLength for the input. */
+  maxLength: _propTypes2.default.number,
   showLengthCount: _propTypes2.default.bool,
   capitalizeFirstLetter: _propTypes2.default.bool,
   theme: _propTypes2.default.oneOf(['light', 'dark'])
@@ -211,7 +211,7 @@ InputText.defaultProps = {
   error: null,
   onChange: null,
   type: 'text',
-  // maxlength: 50,
+  // maxLength: 50,
   theme: 'light',
   value: '',
   showLengthCount: false

package/molecules/filter/filter.js

@@ -99,7 +99,7 @@ var Filter = function (_Component) {
           {
             if (groupItem.select_type === 'select') {
               // single select
-              var selected = selectedFiltersObj[groupItem.field].value === optionItem.field;
+              var selected = selectedFiltersObj[groupItem.field] && selectedFiltersObj[groupItem.field].value === optionItem.field;
               if (selected && groupItem.min_selection === 0) {
                 filters[groupItem.field].value = '';
                 filters.params[groupItem.field] = '';
@@ -366,6 +366,22 @@ var Filter = function (_Component) {
       });
     };
 
+    _this.getMaxDate = function (option, groupItem) {
+      var _this$state3 = _this.state,
+          selectedFiltersObj = _this$state3.selectedFiltersObj,
+          isSelectRangeSelected = _this$state3.isSelectRangeSelected;
+
+
+      var maxDate = _constants.CURRENT_DATE;
+      if (option.future_date_available) {
+        maxDate = new Date('12/31/2099').getTime() * _constants.CONVERT;
+      } else if (!isSelectRangeSelected && selectedFiltersObj[groupItem.field].value.fromDate + option.max_days * _constants.CONVERT < _constants.CURRENT_DATE) {
+        maxDate = selectedFiltersObj[groupItem.field].value.fromDate + option.max_days * _constants.CONVERT;
+      }
+
+      return maxDate;
+    };
+
     _this.render = function () {
       var _this$props2 = _this.props,
           filtersStructure = _this$props2.filtersStructure,
@@ -373,11 +389,11 @@ var Filter = function (_Component) {
           filterMessage = _this$props2.filterMessage,
           width = _this$props2.width,
           userIdsList = _this$props2.userIdsList;
-      var _this$state3 = _this.state,
-          isMenuOpen = _this$state3.isMenuOpen,
-          selectedFiltersObj = _this$state3.selectedFiltersObj,
-          isSelectRangeSelected = _this$state3.isSelectRangeSelected,
-          showDropDownOptions = _this$state3.showDropDownOptions;
+      var _this$state4 = _this.state,
+          isMenuOpen = _this$state4.isMenuOpen,
+          selectedFiltersObj = _this$state4.selectedFiltersObj,
+          isSelectRangeSelected = _this$state4.isSelectRangeSelected,
+          showDropDownOptions = _this$state4.showDropDownOptions;
 
       return _react2.default.createElement(
         _react.Fragment,
@@ -568,7 +584,7 @@ var Filter = function (_Component) {
                       labelAsText: true,
                       rangePicker: true,
                       minDate: isSelectRangeSelected ? null : selectedFiltersObj[groupItem.field].value.fromDate - option.max_days * _constants.CONVERT,
-                      maxDate: isSelectRangeSelected ? _constants.CURRENT_DATE : selectedFiltersObj[groupItem.field].value.fromDate + option.max_days * _constants.CONVERT > _constants.CURRENT_DATE ? _constants.CURRENT_DATE : selectedFiltersObj[groupItem.field].value.fromDate + option.max_days * _constants.CONVERT,
+                      maxDate: _this.getMaxDate(option, groupItem),
                       datepickerStep: 2,
                       selected:
                       // previousSelectedFilters && previousSelectedFilters[groupItem.field].value.key !='date_range' ? []:(

package/molecules/table/table.js

@@ -600,7 +600,7 @@ var Table = function (_Component) {
       selectedRows: [],
       showColumnArr: spiltColumns.showColumnArr ? spiltColumns.showColumnArr : [],
       // isAllRowsSelected:false,
-      searchedText: ''
+      searchedText: props.searchValue || ''
     };
 
     return _this;

package/molecules/table/table.story.js

@@ -271,6 +271,8 @@ var data = {
       {
         theme: "dark",
         items: data.rows,
+        showSearchBox: true,
+        searchValue: "",
         tableTitle: "Reports"
         //videoPlayBtn={true}
         , showActions: true,

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "8.13.4",
+  "version": "8.14.0",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "8.13.4",
+    "@desynova-digital/tokens": "8.14.0",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },