@desynova-digital/components 8.13.6 → 8.14.2

package/atoms/cardStack/cardStack.js

@@ -57,9 +57,6 @@ var CardStack = function (_React$Component) {
     }
 
     _createClass(CardStack, [{
-        key: 'componentWillMount',
-        value: function componentWillMount() {}
-    }, {
         key: 'cardClick',
         value: function cardClick(e, idx) {
             var _this2 = this;

package/atoms/inputText/inputText.js

@@ -8,7 +8,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
 
-var _templateObject = _taggedTemplateLiteral(['\n  background: transparent;\n  font-family: \'SFUIText-Medium\';\n  position: relative;\n  width: 100%;\n  display: block;\n\n  > label {\n    color: #999999;\n    font-size: 14px;\n\n    font-family: inherit;\n    position: absolute;\n    pointer-events: none;\n    left: 0px;\n    top: 5px;\n    transition: 0.2s ease all;\n    -moz-transition: 0.2s ease all;\n    -webkit-transition: 0.2s ease all;\n  }\n  > input:focus ~ label {\n    top: -10px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n  &:first-letter {\n    text-transform: ', '\n  }\n  > input ~ label.floaton {\n    top: -5px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n'], ['\n  background: transparent;\n  font-family: \'SFUIText-Medium\';\n  position: relative;\n  width: 100%;\n  display: block;\n\n  > label {\n    color: #999999;\n    font-size: 14px;\n\n    font-family: inherit;\n    position: absolute;\n    pointer-events: none;\n    left: 0px;\n    top: 5px;\n    transition: 0.2s ease all;\n    -moz-transition: 0.2s ease all;\n    -webkit-transition: 0.2s ease all;\n  }\n  > input:focus ~ label {\n    top: -10px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n  &:first-letter {\n    text-transform: ', '\n  }\n  > input ~ label.floaton {\n    top: -5px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n']),
+var _templateObject = _taggedTemplateLiteral(['\n  background: transparent;\n  font-family: \'SFUIText-Medium\';\n  position: relative;\n  width: 100%;\n  display: block;\n\n  > label {\n    color: #999999;\n    font-size: 14px;\n\n    font-family: inherit;\n    position: absolute;\n    pointer-events: none;\n    left: 0px;\n    top: 5px;\n    transition: 0.2s ease all;\n    -moz-transition: 0.2s ease all;\n    -webkit-transition: 0.2s ease all;\n  }\n  > input:focus ~ label {\n    top: -10px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n  > input ~ label.floaton {\n    top: -5px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n'], ['\n  background: transparent;\n  font-family: \'SFUIText-Medium\';\n  position: relative;\n  width: 100%;\n  display: block;\n\n  > label {\n    color: #999999;\n    font-size: 14px;\n\n    font-family: inherit;\n    position: absolute;\n    pointer-events: none;\n    left: 0px;\n    top: 5px;\n    transition: 0.2s ease all;\n    -moz-transition: 0.2s ease all;\n    -webkit-transition: 0.2s ease all;\n  }\n  > input:focus ~ label {\n    top: -10px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n  > input ~ label.floaton {\n    top: -5px;\n    left: 0px;\n    font-size: 10px;\n    color: #999999;\n    text-transform: capitalize;\n  }\n']),
     _templateObject2 = _taggedTemplateLiteral(['\n  color: ', ';\n  padding-top: 5px;\n  display: inline-block;\n  font-size: 12px;\n  font-family: inherit;\n  width: 100%;\n  text-align: left;\n'], ['\n  color: ', ';\n  padding-top: 5px;\n  display: inline-block;\n  font-size: 12px;\n  font-family: inherit;\n  width: 100%;\n  text-align: left;\n']),
     _templateObject3 = _taggedTemplateLiteral(['\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: absolute;\n  right: 0;\n  top: 5px;\n  &:focus {\n    outline: none;\n  }\n'], ['\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: absolute;\n  right: 0;\n  top: 5px;\n  &:focus {\n    outline: none;\n  }\n']),
     _templateObject4 = _taggedTemplateLiteral(['\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  background-color: #303F51;\n  border-radius: 12px;\n  font-size: 12px;\n  padding: 5px 10px;\n  color: #FFFFFF;\n'], ['\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  background-color: #303F51;\n  border-radius: 12px;\n  font-size: 12px;\n  padding: 5px 10px;\n  color: #FFFFFF;\n']),
@@ -38,9 +38,7 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 
 function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var InputTextDiv = _styledComponents2.default.div(_templateObject, function (props) {
-  return props.capitalizeFirstLetter ? 'capitalize' : '';
-});
+var InputTextDiv = _styledComponents2.default.div(_templateObject);
 
 var InputError = _styledComponents2.default.span(_templateObject2, function (props) {
   return _tokens.colors[props.theme].inputError.color;
@@ -55,8 +53,7 @@ var InputText = function InputText(_ref) {
       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']);
 
   var _useState = (0, _react.useState)(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -88,7 +85,7 @@ var InputText = function InputText(_ref) {
 
   return _react2.default.createElement(
     InputTextDiv,
-    { theme: props.theme, capitalizeFirstLetter: capitalizeFirstLetter || '' },
+    { theme: props.theme },
     _react2.default.createElement(InputText.Element, _extends({ type: hidden ? type : 'text', value: props.value, defaultValue: defaultValue }, props, { maxLength: maxLength || '' })),
     props.label ? _react2.default.createElement(
       'label',
@@ -198,7 +195,6 @@ InputText.propTypes = {
   /** The (HTML) maxLength for the input. */
   maxLength: _propTypes2.default.number,
   showLengthCount: _propTypes2.default.bool,
-  capitalizeFirstLetter: _propTypes2.default.bool,
   theme: _propTypes2.default.oneOf(['light', 'dark'])
 
   /** deprecate error string prop */

package/atoms/popup/popup.js

@@ -165,7 +165,7 @@ var Popup = function (_Component) {
                     iconWidth: 18,
                     iconHeight: 18,
                     icon: 'users',
-                    iconBackground: 'tansparent'
+                    iconBackground: false
                   }),
                   _react2.default.createElement(
                     'p',
@@ -178,7 +178,7 @@ var Popup = function (_Component) {
                   iconWidth: 12,
                   iconHeight: 12,
                   icon: 'cross',
-                  iconBackground: 'tansparent',
+                  iconBackground: false,
                   onClick: function onClick() {
                     _this2.cancelClick();
                   }

package/atoms/sideBar/sidebar.js

@@ -119,7 +119,7 @@ var SideBar = function (_Component) {
               iconWidth: 12,
               iconHeight: 12,
               icon: 'cross',
-              iconBackground: 'tansparent',
+              iconBackground: false,
               onClick: function onClick() {
                 _this2.buttonClick('cancel');
               }
@@ -137,6 +137,7 @@ var SideBar = function (_Component) {
               return _react2.default.createElement(
                 'div',
                 {
+                  key: object.field,
                   className: 'btn ' + (object.type || 'default'),
                   onClick: function onClick() {
                     _this2.buttonClick(object.field);

package/atoms/sideBar/sidebar.jsx

@@ -173,7 +173,7 @@ export default class SideBar extends Component {
                 iconWidth={12}
                 iconHeight={12}
                 icon="cross"
-                iconBackground="tansparent"
+                iconBackground={false}
                 onClick={() => {
                   this.buttonClick('cancel'); 
                 }}
@@ -187,6 +187,7 @@ export default class SideBar extends Component {
                   sideBarButtonObject.map( (object) => {
                     return (
                       <div
+                      key={object.field}
                       className={`btn ${object.type || 'default'}`}
                       onClick={ () => { this.buttonClick(object.field) }}
                     >

package/molecules/carousel/carousel.js

@@ -312,7 +312,7 @@ var Carousel = function (_React$Component) {
                 CarouselItem,
                 {
                   className: "carousel-item",
-                  key: item.props.id,
+                  key: item.key || item.props.id,
                   ref: function ref(carouselItem) {
                     _this2._carouselItem = carouselItem;
                   }

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.6",
+  "version": "8.14.2",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "8.13.6",
+    "@desynova-digital/tokens": "8.14.2",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },