@zohodesk/components 1.0.0-temp-39 → 1.0.0-temp-40

package/lib/semantic/Button/semanticButton.module.css

@@ -1,9 +1,9 @@
-.buttonReset {
-  outline: 0;
-  font: inherit;
-  color: inherit;
-  border: inherit;
-  background-color: inherit;
-  padding: 0;
-  text-align: inherit;
-}
+.buttonReset {
+  outline: 0;
+  font: inherit;
+  color: inherit;
+  border: inherit;
+  background-color: inherit;
+  padding: 0;
+  text-align: inherit;
+}

package/lib/utils/Common.js

@@ -3,29 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.encodeForHtml = encodeForHtml;
-exports.getListOfDetails = getListOfDetails;
-exports.capitalize = capitalize;
 exports.bind = bind;
-exports.getFullName = getFullName;
-exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
-exports.mapValues = mapValues;
-exports.filterValue = filterValue;
-exports.merge = merge;
-exports.formatValue = formatValue;
 exports.bytesToSize = bytesToSize;
-exports.getMemSize = getMemSize;
+exports.capitalize = capitalize;
 exports.checkIsImageFile = checkIsImageFile;
-exports.getPortalName = getPortalName;
-exports.getFullDateString = getFullDateString;
+exports.debounce = exports.cs = void 0;
+exports.doAfterScrollEnd = doAfterScrollEnd;
+exports.encodeForHtml = encodeForHtml;
+exports.filterValue = filterValue;
 exports.format12Hour = format12Hour;
+exports.formatValue = formatValue;
 exports.getDateOnly = getDateOnly;
-exports.doAfterScrollEnd = doAfterScrollEnd;
-exports.remConvert = remConvert;
-exports.isDescendant = isDescendant;
 exports.getElementSpace = getElementSpace;
+exports.getFullDateString = getFullDateString;
+exports.getFullName = getFullName;
+exports.getIsEmptyValue = void 0;
+exports.getListOfDetails = getListOfDetails;
+exports.getMemSize = getMemSize;
+exports.getPortalName = getPortalName;
 exports.getSearchString = getSearchString;
-exports.getIsEmptyValue = exports.scrollTo = exports.throttle = exports.debounce = exports.stopAllEventPropagation = exports.getTotalDimension = exports.parseDecimal = exports.cs = void 0;
+exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
+exports.getTotalDimension = void 0;
+exports.isDescendant = isDescendant;
+exports.mapValues = mapValues;
+exports.merge = merge;
+exports.parseDecimal = void 0;
+exports.remConvert = remConvert;
+exports.throttle = exports.stopAllEventPropagation = exports.scrollTo = void 0;
 
 var _viewPort = _interopRequireDefault(require("../Popup/viewPort"));
 
@@ -449,5 +453,5 @@ function getElementSpace(elementRef) {
 
 function getSearchString() {
   var charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return charachers.toLowerCase(); //.replace(/\s+/g, '');
+  return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
 }

package/lib/utils/ContextOptimizer.js

@@ -9,7 +9,7 @@ var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactRedux = require("react-redux");
+var _shallowEqual = _interopRequireDefault(require("./shallowEqual"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -33,7 +33,7 @@ function ContextOptimizer(props) {
   }),
       local = _useRef.current;
 
-  if (!(0, _reactRedux.shallowEqual)(data, local.data) || local.renderF !== renderF) {
+  if (!(0, _shallowEqual["default"])(data, local.data) || local.renderF !== renderF) {
     local.children = renderF(data);
     local.data = data;
     local.renderF = renderF;

package/lib/utils/datetime/common.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pad = pad;
 exports.formatDate = formatDate;
-exports.replaceI18NValuesWithRegex = replaceI18NValuesWithRegex;
-exports.unescapeUnicode = unescapeUnicode;
-exports.getValues = getValues;
-exports.getI18NValue = getI18NValue;
+exports.getDiffObj = getDiffObj;
 exports.getI18NInfo = getI18NInfo;
+exports.getI18NValue = getI18NValue;
+exports.getMonthEnd = getMonthEnd;
+exports.getValues = getValues;
 exports.isToday = isToday;
-exports.isYesterday = isYesterday;
 exports.isTomorrow = isTomorrow;
-exports.isWithinAWeek = isWithinAWeek;
 exports.isTwoWeeksOrMore = isTwoWeeksOrMore;
-exports.getDiffObj = getDiffObj;
-exports.getMonthEnd = getMonthEnd;
+exports.isWithinAWeek = isWithinAWeek;
+exports.isYesterday = isYesterday;
+exports.pad = pad;
+exports.replaceI18NValuesWithRegex = replaceI18NValuesWithRegex;
+exports.unescapeUnicode = unescapeUnicode;
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 

package/lib/utils/dropDownUtils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterSelectedOptions = exports.makeGetOptionIdChange = exports.makeGetGroupSelectFilterSuggestions = exports.makeGetGroupSelectOptions = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetMultiSelectSelectedOptions = exports.makeFormatOptions = exports.extractOptionId = exports.optionIdGrouping = exports.makeGetMultiSelectFilterSuggestions = exports.getPrefixText = exports.getOptionType = exports.getIconSize = exports.getIconName = exports.getImageField = exports.getTextField = exports.getValueField = exports.getOptions = exports.dummyObj = exports.dummyArray = void 0;
+exports.optionIdGrouping = exports.makeObjectConcat = exports.makeGetSelectedValueText = exports.makeGetOptionIdChange = exports.makeGetMultiSelectSelectedOptions = exports.makeGetMultiSelectFilterSuggestions = exports.makeGetGroupSelectOptions = exports.makeGetGroupSelectFilterSuggestions = exports.makeFormatOptions = exports.getValueField = exports.getTextField = exports.getPrefixText = exports.getOptions = exports.getOptionType = exports.getImageField = exports.getIconSize = exports.getIconName = exports.filterSelectedOptions = exports.extractOptionId = exports.dummyObj = exports.dummyArray = void 0;
 
 var _reselect = require("reselect");
 
@@ -130,6 +130,10 @@ var getDisabledOptions = function getDisabledOptions(props) {
   return props.disabledOptions || dummyArray;
 };
 
+var getListItemProps = function getListItemProps(props) {
+  return props.listItemProps || '';
+};
+
 var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSuggestions() {
   return (0, _reselect.createSelector)([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch], function (options, selectedOptions, searchStr, needSearch, isStartsWithSearch) {
     var suggestions = [];
@@ -138,8 +142,8 @@ var makeGetMultiSelectFilterSuggestions = function makeGetMultiSelectFilterSugge
       var id = option.id,
           _option$value = option.value,
           value = _option$value === void 0 ? '' : _option$value;
-      var valueString = value.toLowerCase();
-      var searchString = searchStr.toLowerCase();
+      var valueString = (0, _Common.getSearchString)(value);
+      var searchString = (0, _Common.getSearchString)(searchStr);
       var isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
 
       if (selectedOptions.indexOf(id) === -1 && isMatch) {
@@ -210,7 +214,7 @@ var extractOptionId = function extractOptionId(id) {
 exports.extractOptionId = extractOptionId;
 
 var makeFormatOptions = function makeFormatOptions() {
-  return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions) {
+  return (0, _reselect.createSelector)([getOptions, getValueField, getTextField, getImageField, getPrefixText, getIconName, getIconSize, getOptionType, getDisabledOptions, getListItemProps], function (options, valueField, textField, imageField, prefixText, iconName, iconSize, optionType, disabledOptions, listItemProps) {
     var revampOptions = [];
     var remvampOptionIds = [];
     var normalizedAllOptions = {};
@@ -223,7 +227,8 @@ var makeFormatOptions = function makeFormatOptions() {
             impImageField = option.imageField,
             impOptionType = option.optionType,
             impIconName = option.iconName,
-            impIconSize = option.iconSize;
+            impIconSize = option.iconSize,
+            listStyle = option.listItemProps;
         var id = _typeof(option) === 'object' ? option[impValueField || valueField] : option;
         var value = _typeof(option) === 'object' ? option[impTextField || textField] : option;
         var photoURL = _typeof(option) === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
@@ -254,6 +259,10 @@ var makeFormatOptions = function makeFormatOptions() {
             optionDetails.isDisabled = disabledOptions.indexOf(id) >= 0;
           }
 
+          if (listStyle || listItemProps) {
+            optionDetails.listItemProps = listStyle || listItemProps;
+          }
+
           normalizedFormatOptions[id] = optionDetails;
           normalizedAllOptions[id] = option;
           revampOptions.push(optionDetails);

package/lib/utils/shallowEqual.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = shallowEqual;
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function is(x, y) {
+  if (x === y) {
+    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+  } else {
+    return x !== x && y !== y;
+  }
+}
+
+function shallowEqual(objA, objB) {
+  if (is(objA, objB)) {
+    return true;
+  }
+
+  if (_typeof(objA) !== 'object' || objA === null || _typeof(objB) !== 'object' || objB === null) {
+    return false;
+  }
+
+  var keysA = Object.keys(objA);
+  var keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+
+  for (var i = 0; i < keysA.length; i++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
+      return false;
+    }
+  }
+
+  return true;
+}

package/package.json

@@ -1,68 +1,68 @@
-{
-  "name": "@zohodesk/components",
-  "version": "1.0.0-temp-39",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "jsnext:main": "es/index.js",
-  "private": false,
-  "umdVar": "Component",
-  "scripts": {
-    "build:docs": "react-cli build:docs",
-    "lint": "react-cli lint",
-    "lintAll": "react-cli lint ./src",
-    "lintAllFix": "npm run lintAll --eslint:fix=true",
-    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
-    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "start": "react-cli start",
-    "docs": "npm run dubCheck && react-cli docs",
-    "build": " react-cli build:component:cmjs",
-    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
-    "build:dev": "npm run build:es --module:mode=dev -- -w",
-    "build:es": "react-cli build:library:es",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
-    "coverage": "react-cli coverage",
-    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
-    "postpublish": "react-cli postpublish",
-    "report": "react-cli publish:report",
-    "test": "react-cli test",
-    "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
-    "download": "rm package-lock.json && rm -rf node_modules/ && npm install"
-  },
-  "devDependencies": {
-    "@zohodesk/docstool": "1.0.0-alpha-2",
-    "@zohodesk/variables": "1.0.0-beta.24",
-    "@zohodesk/icons": "1.0.0-beta.85",
-    "@zohodesk/virtualizer": "1.0.3",
-    "velocity-react": "^1.4.1",
-    "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/svg": "1.0.0-beta.33"
-  },
-  "dependencies": {
-    "hoist-non-react-statics": "3.0.1",
-    "react-transition-group": "2.5.0",
-    "reselect": "4.0.0",
-    "selectn": "1.1.2"
-  },
-  "peerDependencies": {
-    "@zohodesk/icons": "^1.0.0-beta.85",
-    "@zohodesk/variables": "^1.0.0-beta.24",
-    "@zohodesk/svg": "^1.0.0-beta.33",
-    "@zohodesk/virtualizer": "^1.0.3",
-    "velocity-react": "^1.4.1",
-    "react-sortable-hoc": "^0.8.3"
-  },
-  "react-cli": {
-    "docs": {
-      "componentFolder": "./src",
-      "cssUniqueness": "false",
-      "rtlExclude": [
-        "@zohodesk/icons",
-        "@zohodesk/variables"
-      ],
-      "hasRTL": true
-    }
-  }
+{
+  "name": "@zohodesk/components",
+  "version": "1.0.0-temp-40",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
+  "private": false,
+  "umdVar": "Component",
+  "scripts": {
+    "build:docs": "react-cli build:docs",
+    "lint": "react-cli lint",
+    "lintAll": "react-cli lint ./src",
+    "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
+    "dubCheck": "node dubFinder  node_modules/@zohodesk/icons/lib node_modules/@zohodesk/variables/lib",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "start": "react-cli start",
+    "docs": "npm run dubCheck && react-cli docs",
+    "build": " react-cli build:component:cmjs",
+    "buildlocal": " react-cli build:component:cmjs && npm run rtl",
+    "build:dev": "npm run build:es --module:mode=dev -- -w",
+    "build:es": "react-cli build:library:es",
+    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "coverage": "react-cli coverage",
+    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run build:es && npm run rtl",
+    "postpublish": "react-cli postpublish",
+    "report": "react-cli publish:report",
+    "test": "react-cli test",
+    "sstest": "npm run init && react-cli sstest",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "download": "rm package-lock.json && rm -rf node_modules/ && npm install"
+  },
+  "devDependencies": {
+    "@zohodesk/docstool": "1.0.0-alpha-2",
+    "@zohodesk/variables": "1.0.0-beta.25",
+    "@zohodesk/icons": "1.0.0-beta.85",
+    "@zohodesk/virtualizer": "1.0.3",
+    "velocity-react": "^1.4.1",
+    "react-sortable-hoc": "^0.8.3",
+    "@zohodesk/svg": "1.0.0-beta.37"
+  },
+  "dependencies": {
+    "hoist-non-react-statics": "3.0.1",
+    "react-transition-group": "2.5.0",
+    "reselect": "4.0.0",
+    "selectn": "1.1.2"
+  },
+  "peerDependencies": {
+    "@zohodesk/icons": "^1.0.0-beta.85",
+    "@zohodesk/variables": "^1.0.0-beta.24",
+    "@zohodesk/svg": "^1.0.0-beta.37",
+    "@zohodesk/virtualizer": "^1.0.3",
+    "velocity-react": "^1.4.1",
+    "react-sortable-hoc": "^0.8.3"
+  },
+  "react-cli": {
+    "docs": {
+      "componentFolder": "./src",
+      "cssUniqueness": "false",
+      "rtlExclude": [
+        "@zohodesk/icons",
+        "@zohodesk/variables"
+      ],
+      "hasRTL": true
+    }
+  }
 }