@zohodesk/components 1.6.13 → 1.6.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/README.md +14 -0
  2. package/es/Avatar/Avatar.js +1 -2
  3. package/es/Button/css/cssJSLogic.js +4 -5
  4. package/es/DateTime/DateTime.js +3 -6
  5. package/es/DateTime/DateWidget.js +2 -5
  6. package/es/DateTime/YearView.js +5 -6
  7. package/es/DateTime/common.js +2 -9
  8. package/es/DateTime/dateFormatUtils/dateFormat.js +55 -76
  9. package/es/DateTime/dateFormatUtils/index.js +7 -12
  10. package/es/DateTime/dateFormatUtils/timeChange.js +3 -4
  11. package/es/DateTime/dateFormatUtils/yearChange.js +3 -4
  12. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -6
  13. package/es/Layout/utils.js +1 -2
  14. package/es/ListItem/ListContainer.js +4 -5
  15. package/es/Modal/Portal/Portal.js +4 -5
  16. package/es/MultiSelect/AdvancedGroupMultiSelect.js +91 -103
  17. package/es/MultiSelect/AdvancedMultiSelect.js +74 -80
  18. package/es/MultiSelect/MultiSelect.js +4 -13
  19. package/es/MultiSelect/Suggestions.js +14 -17
  20. package/es/Popup/Popup.js +1 -4
  21. package/es/Provider/IdProvider.js +4 -5
  22. package/es/Provider/LibraryContext.js +11 -12
  23. package/es/Provider/NumberGenerator/NumberGenerator.js +15 -17
  24. package/es/Provider/ZindexProvider.js +4 -5
  25. package/es/Responsive/CustomResponsive.js +8 -11
  26. package/es/Responsive/ResizeComponent.js +1 -3
  27. package/es/Responsive/Responsive.js +9 -12
  28. package/es/Responsive/sizeObservers.js +1 -5
  29. package/es/ResponsiveDropBox/ResponsiveDropBox.js +10 -14
  30. package/es/Select/GroupSelect.js +98 -103
  31. package/es/Select/Select.js +110 -114
  32. package/es/Select/SelectWithAvatar.js +91 -95
  33. package/es/Select/SelectWithIcon.js +104 -109
  34. package/es/Select/__tests__/Select.spec.js +6 -9
  35. package/es/Tab/Tab.js +29 -30
  36. package/es/Tab/TabContent.js +16 -19
  37. package/es/Tab/TabContentWrapper.js +19 -22
  38. package/es/Tab/TabWrapper.js +15 -16
  39. package/es/Tab/Tabs.js +80 -87
  40. package/es/Typography/css/cssJSLogic.js +4 -5
  41. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -2
  42. package/es/utils/Common.js +10 -31
  43. package/es/utils/datetime/common.js +2 -6
  44. package/es/utils/dropDownUtils.js +7 -11
  45. package/es/utils/getInitial.js +1 -3
  46. package/es/v1/Button/Button.js +5 -3
  47. package/es/v1/Button/__tests__/Button.spec.js +5 -2
  48. package/es/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -1
  49. package/es/v1/Button/css/cssJSLogic.js +11 -10
  50. package/es/v1/Label/css/cssJSLogic.js +4 -5
  51. package/es/v1/Switch/css/cssJSLogic.js +4 -5
  52. package/es/v1/helpers/colorHelpers/colorHelper.js +36 -44
  53. package/es/v1/helpers/colorHelpers/paletteUtilities.README.md +30 -30
  54. package/es/v1/{Button/_shared → shared}/Loader/Loader.js +3 -3
  55. package/es/v1/{Button/_shared → shared}/Loader/__tests__/Loader.spec.js +1 -1
  56. package/es/v1/shared/Loader/props/defaultProps.js +5 -0
  57. package/es/v1/{Button/_shared → shared}/Loader/props/propTypes.js +1 -1
  58. package/es/v1/{Button/_shared → shared}/SuccessTick/SuccessTick.js +3 -3
  59. package/es/v1/{Button/_shared → shared}/SuccessTick/__tests__/SuccessTick.spec.js +1 -1
  60. package/es/v1/shared/SuccessTick/props/defaultProps.js +5 -0
  61. package/es/v1/{Button/_shared → shared}/SuccessTick/props/propTypes.js +1 -1
  62. package/lib/Select/Select.js +3 -1
  63. package/lib/v1/Button/Button.js +5 -3
  64. package/lib/v1/Button/__tests__/Button.spec.js +5 -2
  65. package/lib/v1/Button/__tests__/__snapshots__/Button.spec.js.snap +8 -1
  66. package/lib/v1/Button/css/cssJSLogic.js +9 -5
  67. package/lib/v1/helpers/colorHelpers/colorHelper.js +8 -5
  68. package/lib/v1/helpers/colorHelpers/paletteUtilities.README.md +30 -30
  69. package/lib/v1/{Button/_shared → shared}/Loader/Loader.js +5 -5
  70. package/lib/v1/{Button/_shared → shared}/Loader/__tests__/Loader.spec.js +1 -1
  71. package/lib/v1/{Button/_shared/SuccessTick → shared/Loader}/props/defaultProps.js +4 -1
  72. package/lib/v1/{Button/_shared → shared}/Loader/props/propTypes.js +1 -1
  73. package/lib/v1/{Button/_shared → shared}/SuccessTick/SuccessTick.js +5 -5
  74. package/lib/v1/{Button/_shared → shared}/SuccessTick/__tests__/SuccessTick.spec.js +1 -1
  75. package/lib/v1/{Button/_shared/Loader → shared/SuccessTick}/props/defaultProps.js +4 -1
  76. package/lib/v1/{Button/_shared → shared}/SuccessTick/props/propTypes.js +1 -1
  77. package/package.json +11 -10
  78. package/es/v1/Button/_shared/Loader/props/defaultProps.js +0 -4
  79. package/es/v1/Button/_shared/SuccessTick/props/defaultProps.js +0 -4
  80. /package/es/v1/{Button/_shared → shared}/Loader/Loader_v1.module.css +0 -0
  81. /package/es/v1/{Button/_shared → shared}/Loader/__tests__/__snapshots__/Loader.spec.js.snap +0 -0
  82. /package/es/v1/{Button/_shared → shared}/SuccessTick/SuccessTick_v1.module.css +0 -0
  83. /package/es/v1/{Button/_shared → shared}/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +0 -0
  84. /package/lib/v1/{Button/_shared → shared}/Loader/Loader_v1.module.css +0 -0
  85. /package/lib/v1/{Button/_shared → shared}/Loader/__tests__/__snapshots__/Loader.spec.js.snap +0 -0
  86. /package/lib/v1/{Button/_shared → shared}/SuccessTick/SuccessTick_v1.module.css +0 -0
  87. /package/lib/v1/{Button/_shared → shared}/SuccessTick/__tests__/__snapshots__/SuccessTick.spec.js.snap +0 -0
@@ -7,20 +7,20 @@ exports["default"] = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _SuccessTick_v1Module = _interopRequireDefault(require("./SuccessTick_v1.module.css"));
11
-
12
10
  var _propTypes = _interopRequireDefault(require("./props/propTypes"));
13
11
 
14
12
  var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
15
13
 
14
+ var _SuccessTick_v1Module = _interopRequireDefault(require("./SuccessTick_v1.module.css"));
15
+
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
17
 
18
18
  var SuccessTick = function SuccessTick(props) {
19
19
  var customClass = props.customClass;
20
- var _customClass$customWr = customClass.customWrapperClass,
21
- customWrapperClass = _customClass$customWr === void 0 ? '' : _customClass$customWr;
20
+ var _customClass$wrapper = customClass.wrapper,
21
+ wrapper = _customClass$wrapper === void 0 ? '' : _customClass$wrapper;
22
22
  return /*#__PURE__*/_react["default"].createElement("svg", {
23
- className: "".concat(_SuccessTick_v1Module["default"].tick, " ").concat(customWrapperClass),
23
+ className: "".concat(_SuccessTick_v1Module["default"].tick, " ").concat(wrapper),
24
24
  viewBox: "0 0 24 24",
25
25
  role: "img",
26
26
  "aria-hidden": "true"
@@ -18,7 +18,7 @@ describe('SuccessTick', function () {
18
18
  test('renders with customClass', function () {
19
19
  var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_SuccessTick["default"], {
20
20
  customClass: {
21
- customWrapperClass: 'my-custom-class'
21
+ wrapper: 'my-custom-class'
22
22
  }
23
23
  })),
24
24
  asFragment = _render2.asFragment;
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
+
8
+ var _constant = require("@zohodesk/utils/es/constantProps/constant");
9
+
7
10
  var defaultProps = {
8
- customClass: {}
11
+ customClass: _constant.DUMMY_OBJECT
9
12
  };
10
13
  var _default = defaultProps;
11
14
  exports["default"] = _default;
@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
11
11
 
12
12
  var propTypes = {
13
13
  customClass: _propTypes["default"].shape({
14
- customWrapperClass: _propTypes["default"].string
14
+ wrapper: _propTypes["default"].string
15
15
  })
16
16
  };
17
17
  var _default = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.6.13",
3
+ "version": "1.6.15",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -46,9 +46,9 @@
46
46
  "download_only": "react-cli clean ./node_modules ./package-lock.json && npm install --legacy-peer-deps",
47
47
  "expublish": "node ../publish.js -- exp",
48
48
  "css:lineheight:validate": "npx z-node-plugins lineheight:errorcheck ./src/",
49
- "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
50
- "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
51
- "variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
49
+ "variable:addignore": "npx css-variable-migrator addignore ./src",
50
+ "variable:convert": "npx css-variable-migrator convert ./src",
51
+ "variable:check": "npx css-variable-migrator check ./src",
52
52
  "css:review": " npm run dubCheck && npm run css:lineheight:validate && npm run theme:validate ",
53
53
  "theme:validate": "npx z-node-plugins theme:validate ./src ./.cli ./.cli/themeValidate/stringContains.js",
54
54
  "theme:addignore": "npx z-node-plugins theme:addignore ./src ./.cli ./.cli/themeValidate/stringContains.js",
@@ -61,7 +61,8 @@
61
61
  "css:layer_config_validate": "npx z-node-plugins css:layer_validate css_layer_config.json ./src/ ./assets",
62
62
  "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
63
63
  "css:layer_remove": "npx z-node-plugins css:layer_remove ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets",
64
- "css:audit": "npx css-audit --common-css=common/common.module.css --dir src --port 8085 --report ",
64
+ "css:audit:report": "npx css-audit --common-css=../node_modules/@dot-system/css-utility/es/utilities.plain.css --dir src --port 8085 --report",
65
+ "css:audit:css-utility": "npx css-audit --common-css=../node_modules/@dot-system/css-utility/es/utilities.plain.css --error on --dir src",
65
66
  "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
66
67
  "publish": "node ../publish.js",
67
68
  "check_package": "node ../check_dependencies.js"
@@ -72,16 +73,16 @@
72
73
  "@testing-library/react": "^11.2.5",
73
74
  "@testing-library/react-hooks": "^7.0.2",
74
75
  "@testing-library/user-event": "^13.0.10",
75
- "@zohodesk-private/css-audit-tool": "0.0.2",
76
+ "@dot-system/css-audit-tool": "1.0.0",
76
77
  "@zohodesk-private/color-variable-preprocessor": "1.3.1",
77
- "@zohodesk-private/css-variable-migrator": "1.0.9",
78
+ "@zohodesk-private/css-variable-migrator": "1.0.11",
78
79
  "@zohodesk-private/node-plugins": "1.1.14",
79
80
  "@zohodesk-private/react-prop-validator": "1.2.3",
80
81
  "@zohodesk/a11y": "2.3.9",
81
82
  "@zohodesk/docstool": "1.0.0-alpha-2",
82
83
  "@zohodesk/dotkit": "1.0.9",
83
84
  "@zohodesk/hooks": "2.0.8",
84
- "@zohodesk/icons": "1.3.1",
85
+ "@zohodesk/icons": "1.3.3",
85
86
  "@zohodesk/layout": "3.1.0",
86
87
  "@zohodesk/svg": "1.3.5",
87
88
  "@zohodesk/utils": "1.3.16",
@@ -90,7 +91,7 @@
90
91
  "react-sortable-hoc": "^0.8.3",
91
92
  "velocity-react": "1.4.3",
92
93
  "@zohodesk/react-cli": "1.1.27",
93
- "@zohodesk/client_build_tool": "0.0.20",
94
+ "@zohodesk/client_build_tool": "0.0.23",
94
95
  "color": "4.2.3",
95
96
  "@dot-system/css-utility": "0.1.1"
96
97
  },
@@ -101,7 +102,7 @@
101
102
  "selectn": "1.1.2"
102
103
  },
103
104
  "peerDependencies": {
104
- "@zohodesk/icons": "1.3.1",
105
+ "@zohodesk/icons": "1.3.3",
105
106
  "@zohodesk/variables": "1.3.1",
106
107
  "@zohodesk/svg": "1.3.5",
107
108
  "@zohodesk/virtualizer": "1.0.13",
@@ -1,4 +0,0 @@
1
- const defaultProps = {
2
- customClass: {}
3
- };
4
- export default defaultProps;
@@ -1,4 +0,0 @@
1
- const defaultProps = {
2
- customClass: {}
3
- };
4
- export default defaultProps;