@zohodesk/components 1.0.0-temp-231 → 1.0.0-temp-232

package/lib/MultiSelect/props/propTypes.js

@@ -56,11 +56,13 @@ var MultiSelect_propTypes = {
   getRef: _propTypes["default"].func,
   getTargetRef: _propTypes["default"].func,
   i18nKeys: _propTypes["default"].shape({
+    searchText: _propTypes["default"].string,
     clearText: _propTypes["default"].string,
     loadingText: _propTypes["default"].string,
     emptyText: _propTypes["default"].string,
     noMoreText: _propTypes["default"].string,
-    searchEmptyText: _propTypes["default"].string
+    searchEmptyText: _propTypes["default"].string,
+    limitReachedMessage: _propTypes["default"].string
   }),
   a11y: _propTypes["default"].shape({
     clearLabel: _propTypes["default"].string
@@ -135,7 +137,8 @@ var MultiSelect_propTypes = {
   isFocus: _propTypes["default"].bool,
   allowValueFallback: _propTypes["default"].bool,
   renderCustomClearComponent: _propTypes["default"].func,
-  renderCustomToggleIndicator: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node])
+  renderCustomToggleIndicator: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].node]),
+  limit: _propTypes["default"].number
 };
 exports.MultiSelect_propTypes = MultiSelect_propTypes;
 var MultiSelectHeader_propTypes = {
@@ -176,7 +179,8 @@ var SelectedOptions_propTypes = {
   })),
   size: _propTypes["default"].oneOf(['medium', 'xmedium']),
   palette: _propTypes["default"].string,
-  dataId: _propTypes["default"].string
+  dataId: _propTypes["default"].string,
+  limit: _propTypes["default"].number
 };
 exports.SelectedOptions_propTypes = SelectedOptions_propTypes;
 var Suggestions_propTypes = {
@@ -207,7 +211,9 @@ var Suggestions_propTypes = {
     logo: _propTypes["default"].string,
     optionType: _propTypes["default"].string,
     listItemProps: _propTypes["default"].object
-  }))
+  })),
+  limit: _propTypes["default"].number,
+  limitReachedMessage: _propTypes["default"].string
 };
 exports.Suggestions_propTypes = Suggestions_propTypes;
 var AdvancedGroupMultiSelect_propTypes = (_AdvancedGroupMultiSe = {
@@ -226,7 +232,8 @@ var AdvancedGroupMultiSelect_propTypes = (_AdvancedGroupMultiSe = {
     loadingText: _propTypes["default"].string,
     emptyText: _propTypes["default"].string,
     noMoreText: _propTypes["default"].string,
-    searchEmptyText: _propTypes["default"].string
+    searchEmptyText: _propTypes["default"].string,
+    limitReachedMessage: _propTypes["default"].string
   }),
   a11y: _propTypes["default"].shape({
     clearLabel: _propTypes["default"].string
@@ -278,7 +285,7 @@ var AdvancedGroupMultiSelect_propTypes = (_AdvancedGroupMultiSe = {
   needToCloseOnSelect: _propTypes["default"].func,
   searchStr: _propTypes["default"].string,
   children: _propTypes["default"].node
-}, _defineProperty(_AdvancedGroupMultiSe, "dataSelectorId", _propTypes["default"].string), _defineProperty(_AdvancedGroupMultiSe, "isFocus", _propTypes["default"].bool), _defineProperty(_AdvancedGroupMultiSe, "allowValueFallback", _propTypes["default"].bool), _AdvancedGroupMultiSe);
+}, _defineProperty(_AdvancedGroupMultiSe, "dataSelectorId", _propTypes["default"].string), _defineProperty(_AdvancedGroupMultiSe, "isFocus", _propTypes["default"].bool), _defineProperty(_AdvancedGroupMultiSe, "allowValueFallback", _propTypes["default"].bool), _defineProperty(_AdvancedGroupMultiSe, "limit", _propTypes["default"].number), _AdvancedGroupMultiSe);
 exports.AdvancedGroupMultiSelect_propTypes = AdvancedGroupMultiSelect_propTypes;
 
 var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_propTypes), {}, {
@@ -293,70 +300,22 @@ var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_
   selectedOptions: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])).isRequired,
   selectedOptionsLimit: _propTypes["default"].number,
   getSelectedOptionDetails: _propTypes["default"].func,
-  emptyMessage: _propTypes["default"].string.isRequired,
-  isDisabled: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  needLocalSearch: _propTypes["default"].bool,
-  needSelectAll: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func.isRequired,
-  searchEmptyMessage: _propTypes["default"].string,
-  placeHolder: _propTypes["default"].string,
-  selectAllText: _propTypes["default"].string,
-  textField: _propTypes["default"].string,
-  valueField: _propTypes["default"].string,
   imageField: _propTypes["default"].string,
   iconName: _propTypes["default"].string,
   prefixText: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   //For grouping multiSelect
   optionType: _propTypes["default"].oneOf(['default', 'avatar', 'icon']),
-  needEffect: _propTypes["default"].bool,
   secondaryField: _propTypes["default"].string,
-  animationStyle: _propTypes["default"].string,
-  defaultDropBoxPosition: _propTypes["default"].oneOf(['bottom', 'top', 'left', 'right']),
-  dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  isAnimate: _propTypes["default"].bool,
-  size: _propTypes["default"].oneOf(['medium', 'xmedium']),
-  textBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'xmedium']),
-  title: _propTypes["default"].string,
-  variant: _propTypes["default"].string,
   dataIdClearIcon: _propTypes["default"].string,
   dataIdLoading: _propTypes["default"].string,
   dataIdMultiSelectComp: _propTypes["default"].string,
   dataIdSelectAllEle: _propTypes["default"].string,
-
-  /**** Popup Props ****/
-  isPopupOpen: _propTypes["default"].bool,
-  isPopupReady: _propTypes["default"].bool,
-  togglePopup: _propTypes["default"].func,
-  getContainerRef: _propTypes["default"].func,
-  position: _propTypes["default"].string,
-  removeClose: _propTypes["default"].func,
   listItemSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  needBorder: _propTypes["default"].bool,
-  htmlId: _propTypes["default"].string,
-  i18nKeys: _propTypes["default"].shape({
-    clearText: _propTypes["default"].string,
-    loadingText: _propTypes["default"].string,
-    emptyText: _propTypes["default"].string,
-    noMoreText: _propTypes["default"].string,
-    searchEmptyText: _propTypes["default"].string
-  }),
-  a11y: _propTypes["default"].shape({
-    clearLabel: _propTypes["default"].string
-  }),
-  borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'dark']),
-  isBoxPaddingNeed: _propTypes["default"].bool,
-  isSearchClearOnSelect: _propTypes["default"].bool,
-  disabledOptions: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  getFooter: _propTypes["default"].func,
   customProps: _propTypes["default"].shape({
     SuggestionsProps: _propTypes["default"].object,
     DropBoxProps: _propTypes["default"].object
   }),
-  isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string,
-  customClass: _propTypes["default"].object,
-  isFocus: _propTypes["default"].bool
+  customClass: _propTypes["default"].object
 });
 
 exports.AdvancedMultiSelect_propTypes = AdvancedMultiSelect_propTypes;

package/lib/Select/SelectWithIcon.js

@@ -261,7 +261,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
 
       if (options.length) {
         datas = options.filter(function (obj) {
-          return obj[valueKey].toLowerCase().includes(searchValue.toLowerCase());
+          return obj[valueKey].toLowerCase().includes(searchValue.toLowerCase().trim());
         });
       }
 

package/lib/utils/Common.js

@@ -475,7 +475,7 @@ function getElementSpace(elementRef) {
 
 function getSearchString() {
   var charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
+  return (charachers || '').toString().toLowerCase().trim(); //.replace(/\s+/g, '');
 }
 
 function findScrollEnd(element) {

package/lib/utils/dropDownUtils.js

@@ -52,6 +52,10 @@ var getOptionsOrder = function getOptionsOrder(props) {
   return props.optionsOrder || dummyArray;
 };
 
+var getLimit = function getLimit(props) {
+  return props.limit || 0;
+};
+
 var getSelectedOptionsSel = function getSelectedOptionsSel(props) {
   return props.selectedOptions || dummyArray;
 };
@@ -339,7 +343,7 @@ var makeFormatOptions = function makeFormatOptions() {
 exports.makeFormatOptions = makeFormatOptions;
 
 var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptions() {
-  return (0, _reselect.createSelector)([getSelectedOptionsSel, getNormalizedFormatOptions, getSelectedOptionsLength, getAllowValueFallback], function (selectedOptions, normalizedFormatOptions, selectedOptionsLength, allowValueFallback) {
+  return (0, _reselect.createSelector)([getSelectedOptionsSel, getNormalizedFormatOptions, getSelectedOptionsLength, getAllowValueFallback, getLimit], function (selectedOptions, normalizedFormatOptions, selectedOptionsLength, allowValueFallback, limit) {
     var output = [];
     var revampSelectedOptions = [];
     var normalizedSelectedOptions = {};
@@ -367,6 +371,12 @@ var makeGetMultiSelectSelectedOptions = function makeGetMultiSelectSelectedOptio
       }
     }
 
+    if (limit && limit > 0) {
+      output = output.slice(0, limit);
+      revampSelectedOptions = revampSelectedOptions.slice(0, limit);
+      normalizedSelectedOptions = Object.fromEntries(Object.entries(normalizedSelectedOptions).slice(0, limit));
+    }
+
     return {
       formatSelectedOptions: output,
       normalizedSelectedOptions: normalizedSelectedOptions,
@@ -593,7 +603,8 @@ var filterSelectedOptions = function filterSelectedOptions() {
       _ref4$propSelectedOpt = _ref4.propSelectedOptions,
       propSelectedOptions = _ref4$propSelectedOpt === void 0 ? dummyArray : _ref4$propSelectedOpt,
       _ref4$disabledOptions = _ref4.disabledOptions,
-      disabledOptions = _ref4$disabledOptions === void 0 ? dummyArray : _ref4$disabledOptions;
+      disabledOptions = _ref4$disabledOptions === void 0 ? dummyArray : _ref4$disabledOptions,
+      limit = _ref4.limit;
 
   // eslint-disable-next-line no-param-reassign
   selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
@@ -617,8 +628,18 @@ var filterSelectedOptions = function filterSelectedOptions() {
 
     return true;
   });
+  var totalSelectedOptions = [].concat(_toConsumableArray(oldValidSelectedOptions), _toConsumableArray(newlyAddedOptions));
+
+  if (limit && limit > 0) {
+    if (totalSelectedOptions.length > limit) {
+      return {
+        newSelectedOptions: totalSelectedOptions.slice(0, limit)
+      };
+    }
+  }
+
   return {
-    newSelectedOptions: [].concat(_toConsumableArray(oldValidSelectedOptions), _toConsumableArray(newlyAddedOptions))
+    newSelectedOptions: totalSelectedOptions
   };
 };
 

package/lib/v1/Label/Label.js

@@ -1,51 +1,106 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = Label;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
 
 var _propTypes = require("./props/propTypes");
 
-var _LabelModule = _interopRequireDefault(require("../../Label/Label.module.css"));
+var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
+
+var _utils = require("@zohodesk/utils");
+
+var _ComponentRegistry = require("@zohodesk/dotkit/es/react/ComponentRegistry");
+
+var _Flex = _interopRequireDefault(require("@zohodesk/layout/es/Flex/Flex"));
 
-var _LabelColorsModule = _interopRequireDefault(require("../../Label/LabelColors.module.css"));
+var _Typography = _interopRequireDefault(require("../../Typography/Typography"));
+
+var _Label_v1Module = _interopRequireDefault(require("./css/Label_v1.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function Label(props) {
-  var text = props.text,
-      type = props.type,
-      palette = props.palette,
-      size = props.size,
-      clipped = props.clipped,
-      htmlFor = props.htmlFor,
-      title = props.title,
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Label = function Label(props) {
+  var htmlFor = props.htmlFor,
       onClick = props.onClick,
-      dataId = props.dataId,
-      dataSelectorId = props.dataSelectorId,
-      variant = props.variant,
-      customClass = props.customClass,
-      id = props.id,
-      _props$a11y = props.a11y,
-      a11y = _props$a11y === void 0 ? {} : _props$a11y;
-  var tabIndex = a11y.tabIndex;
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    className: "".concat(_LabelModule["default"].label, " ").concat(_LabelModule["default"][type], " ").concat(_LabelModule["default"][size], " ").concat(_LabelColorsModule["default"][palette], " ").concat(_LabelModule["default"]["font_".concat(variant)], "\n          ").concat(clipped ? _LabelModule["default"].dotted : '', " ").concat(onClick ? _LabelModule["default"].pointer : _LabelModule["default"].cursor, " ").concat(customClass, " "),
-    htmlFor: htmlFor,
-    "data-title": title,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    "data-selector-id": dataSelectorId,
-    onClick: onClick,
-    id: id,
-    tabIndex: tabIndex
-  }, text);
-}
-
-Label.defaultProps = _defaultProps.defaultProps;
+      text = props.text,
+      customId = props.customId,
+      testId = props.testId,
+      customStyle = props.customStyle,
+      tagAttributes = props.tagAttributes,
+      a11yAttributes = props.a11yAttributes,
+      customProps = props.customProps,
+      isRequired = props.isRequired,
+      isInlineField = props.isInlineField,
+      requiredType = props.requiredType,
+      shouldHighlightRequired = props.shouldHighlightRequired;
+  var tagAttributes_container = tagAttributes.container,
+      tagAttributes_label = tagAttributes.label;
+  var a11yAttributes_container = a11yAttributes.container,
+      a11yAttributes_label = a11yAttributes.label;
+  var customProps_container = customProps.container,
+      customProps_label = customProps.label;
+  var style = (0, _utils.mergeStyle)(_Label_v1Module["default"], customStyle);
+
+  var _cssJSLogic = (0, _cssJSLogic2["default"])({
+    props: _objectSpread(_objectSpread({}, props), {}, {
+      requiredType: requiredType,
+      shouldHighlightRequired: shouldHighlightRequired,
+      isRequired: isRequired,
+      isInlineField: isInlineField
+    }),
+    style: style
+  }),
+      labelClass = _cssJSLogic.labelClass,
+      requiredClass = _cssJSLogic.requiredClass;
+
+  return /*#__PURE__*/_react["default"].createElement(_Flex["default"], _extends({
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center",
+    $tagAttributes_container: _objectSpread({
+      'data-selector-id': customId
+    }, tagAttributes_container),
+    $a11yAttributes_container: a11yAttributes_container,
+    testId: testId,
+    customId: customId
+  }, customProps_container), /*#__PURE__*/_react["default"].createElement(_Typography["default"], _extends({
+    $ui_tagName: "label",
+    $ui_className: labelClass,
+    $i18n_dataTitle: text,
+    $tagAttributes_text: _objectSpread({
+      htmlFor: htmlFor,
+      onClick: onClick
+    }, tagAttributes_label),
+    $a11yAttributes_text: a11yAttributes_label
+  }, customProps_label), text), isRequired && requiredType === 'text' ? /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    $ui_tagName: "span",
+    $ui_className: requiredClass
+  }, "(Required)") : '');
+};
+
+var _default = (0, _ComponentRegistry.withComponentRegistrar)(Label, {
+  name: 'ZDC_Label'
+});
+
+exports["default"] = _default;
+Label.defaultProps = _defaultProps["default"];
 Label.propTypes = _propTypes.propTypes;

package/lib/v1/Label/css/Label_v1.module.css

@@ -0,0 +1,47 @@
+.label {
+    font-size: var(--zd_font_size14) ;
+    color: var(--zdt_v1_label_text);
+    cursor: pointer;
+}
+
+.dotted {
+    composes: dotted from '../../../common/common.module.css';
+}
+
+.required {
+    color: var(--zdt_v1_label_mandatory_text);
+}
+
+.asterisk:after {
+    content: "*";
+    color: var(--zdt_v1_label_mandatory_text);
+}
+
+[dir=ltr] .asterisk:after {
+    padding-left: var(--zd_size2) ;
+}
+
+[dir=rtl] .asterisk:after {
+    padding-right: var(--zd_size2) ;
+}
+
+.requiredTxt {
+    color: var(--zdt_v1_label_mandatory_text);
+    font-size: var(--zd_font_size14) ;
+}
+
+[dir=ltr] .requiredTxt {
+    margin-left: var(--zd_size5) ;
+}
+
+[dir=rtl] .requiredTxt {
+    margin-right: var(--zd_size5) ;
+}
+
+[dir=ltr] .inlineField {
+    margin-left: var(--zd_size5) ;
+}
+
+[dir=rtl] .inlineField {
+    margin-right: var(--zd_size5) ;
+}

package/lib/v1/Label/css/cssJSLogic.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _compileClassNames3 = _interopRequireDefault(require("@zohodesk/utils/es/compileClassNames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function cssJSLogic(_ref) {
+  var _compileClassNames;
+
+  var props = _ref.props,
+      style = _ref.style;
+  var clipped = props.clipped,
+      requiredType = props.requiredType,
+      shouldHighlightRequired = props.shouldHighlightRequired,
+      isRequired = props.isRequired,
+      isInlineField = props.isInlineField; // const shouldHighlightMandatory = localStorage?.getItem('mandatoryAppearance') === 'true';
+
+  var labelClass = (0, _compileClassNames3["default"])((_compileClassNames = {}, _defineProperty(_compileClassNames, style.label, true), _defineProperty(_compileClassNames, style.dotted, clipped), _defineProperty(_compileClassNames, style.asterisk, isRequired && requiredType === 'asterisk'), _defineProperty(_compileClassNames, style.required, isRequired && shouldHighlightRequired), _defineProperty(_compileClassNames, style.inlineField, isInlineField), _compileClassNames));
+  var requiredClass = (0, _compileClassNames3["default"])(_defineProperty({}, style.requiredTxt, true));
+  return {
+    labelClass: labelClass,
+    requiredClass: requiredClass
+  };
+}

package/lib/v1/Label/props/defaultProps.js

@@ -3,16 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultProps = void 0;
-var defaultProps = {
-  clipped: false,
-  dataId: 'label',
-  palette: 'default',
-  size: 'medium',
-  text: 'Label',
-  type: 'title',
-  variant: 'default',
-  customClass: '',
-  dataSelectorId: 'label'
+exports["default"] = void 0;
+var _default = {
+  customProps: {},
+  tagAttributes: {},
+  a11yAttributes: {},
+  customStyle: {},
+  shouldHighlightRequired: false,
+  isInlineField: false // clipped: true
+
 };
-exports.defaultProps = defaultProps;
+exports["default"] = _default;

package/lib/v1/Label/props/propTypes.js

@@ -3,28 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports["default"] = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var propTypes = {
-  clipped: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].string,
+var _default = {
   htmlFor: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark']),
-  size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
   text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['title', 'subtitle']),
-  variant: _propTypes["default"].oneOf(['primary', 'default']),
-  customClass: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    tabIndex: _propTypes["default"].string
+  onClick: _propTypes["default"].func,
+  // tabIndex: PropTypes.number,
+  a11yAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  tagAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  customProps: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
   }),
-  id: _propTypes["default"].string
+  customId: _propTypes["default"].string,
+  testId: _propTypes["default"].string,
+  customStyle: _propTypes["default"].object,
+  requiredType: _propTypes["default"].oneOf(['asterisk', 'text']),
+  shouldHighlightRequired: _propTypes["default"].bool,
+  // clipped: PropTypes.bool,
+  isRequired: _propTypes["default"].bool,
+  isInlineField: _propTypes["default"].bool
 };
-exports.propTypes = propTypes;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-231",
+  "version": "1.0.0-temp-232",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -48,7 +48,7 @@
     "snap-update": "npm run test-clean && npm run test -- -u",
     "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": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps && cd ../ && npm run download",
+    "download": "react-cli clean ./node_modules ./package-lock.json && npm install && cd ../ && npm run download",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
     "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
@@ -77,21 +77,21 @@
     "@zohodesk-private/css-variable-migrator": "1.0.9",
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
-    "@zohodesk/a11y": "2.3.6",
+    "@zohodesk/a11y": "2.3.7",
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/dotkit": "1.0.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.1.0",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.2.1",
+    "@zohodesk/svg": "1.2.2",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.1.0",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
-    "velocity-react": "1.4.3"
+    "velocity-react": "1.4.3",
+    "@zohodesk/react-cli": "1.1.27"
   },
   "dependencies": {
-    "@zohodesk/react-cli": "^1.1.27",
     "hoist-non-react-statics": "3.0.1",
     "react-transition-group": "2.5.0",
     "reselect": "4.0.0",
@@ -100,18 +100,14 @@
   "peerDependencies": {
     "@zohodesk/icons": "1.1.0",
     "@zohodesk/variables": "1.1.0",
-    "@zohodesk/svg": "1.2.1",
+    "@zohodesk/svg": "1.2.2",
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.3.6",
+    "@zohodesk/a11y": "2.3.7",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/dotkit": "1.0.3"
-  },
-  "volta": {
-    "node": "16.16.0",
-    "npm": "6.14.18"
   }
 }