@zohodesk/dot 1.9.19 → 1.9.20

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 (8) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/es/TagWithIcon/TagWithIcon.js +1 -1
  3. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +1 -1
  4. package/es/layout/SubtabLayout/SubtabLayout.js +3 -3
  5. package/lib/TagWithIcon/TagWithIcon.js +1 -1
  6. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +1 -1
  7. package/lib/layout/SubtabLayout/SubtabLayout.js +3 -3
  8. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # Changelog
2
2
 
3
+ ## 1.9.20
4
+
5
+ - `Subtablayout`, `TagWithIcon` css concat issue resolved
6
+
3
7
  ## 1.9.19
4
8
 
5
9
  - `@dot-system/css-utility` classes adopted
package/es/TagWithIcon/TagWithIcon.js CHANGED
@@ -33,7 +33,7 @@ export default class TagWithIcon extends React.Component {
33
33
  }) : null, text ? /*#__PURE__*/React.createElement(Box, {
34
34
  shrink: true,
35
35
  "data-title": text,
36
- className: `${style.text} ${style[size]}_text ${isBold ? style.bold : ''}`
36
+ className: `${style.text} ${style[`${size}_text`]} ${isBold ? style.bold : ''}`
37
37
  }, text) : null);
38
38
  }
39
39
 
package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap CHANGED
@@ -18,7 +18,7 @@ exports[`DateField rendering the defult props 1`] = `
18
18
  data-test-id="dateField(formatted_undefined)_widget"
19
19
  >
20
20
  <div
21
- class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder"
21
+ class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder dateDisplayValue"
22
22
  data-selector-id="textBoxIcon"
23
23
  >
24
24
  <div
package/es/layout/SubtabLayout/SubtabLayout.js CHANGED
@@ -28,10 +28,10 @@ export class SubtabHeader extends React.Component {
28
28
  isPeekView
29
29
  } = this.props;
30
30
  return /*#__PURE__*/React.createElement(CardHeader, {
31
- customClass: `${style.tabHead} ${needShadow ? style.shadowStyle : ''} ${needBorder ? `${style[type]}_borderStyle` : ''}`
31
+ customClass: `${style.tabHead} ${needShadow ? style.shadowStyle : ''} ${needBorder ? style[`${type}_borderStyle`] : ''}`
32
32
  }, /*#__PURE__*/React.createElement(Container, {
33
33
  alignBox: "row",
34
- className: `${isPeekView ? `${style[type]}_peek` : style[type]} ${className}`,
34
+ className: `${isPeekView ? style[`${type}_peek`] : style[type]} ${className}`,
35
35
  align: "vertical"
36
36
  }, onAdd || children ? /*#__PURE__*/React.createElement(Box, {
37
37
  className: `${style.left} ${needPlusIconLine ? style.plusIconLine : ''}`
@@ -80,7 +80,7 @@ export class SubtabFooter extends React.Component {
80
80
  return /*#__PURE__*/React.createElement(Container, {
81
81
  alignBox: "row",
82
82
  align: "vertical",
83
- className: ` ${style.footer} ${needPadding ? isPeekView ? `${style[type]}_peekFooter` : `${style[type]}_detailFooter` : ''} ${style[size]} ${className}`,
83
+ className: ` ${style.footer} ${needPadding ? isPeekView ? style[`${type}_peekFooter`] : style[`${type}_detailFooter`] : ''} ${style[size]} ${className}`,
84
84
  dataId: dataId
85
85
  }, children ? /*#__PURE__*/React.createElement(Box, {
86
86
  flexible: true,
package/lib/TagWithIcon/TagWithIcon.js CHANGED
@@ -81,7 +81,7 @@ var TagWithIcon = /*#__PURE__*/function (_React$Component) {
81
81
  }) : null, text ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
82
82
  shrink: true,
83
83
  "data-title": text,
84
- className: "".concat(_TagWithIconModule["default"].text, " ").concat(_TagWithIconModule["default"][size], "_text ").concat(isBold ? _TagWithIconModule["default"].bold : '')
84
+ className: "".concat(_TagWithIconModule["default"].text, " ").concat(_TagWithIconModule["default"]["".concat(size, "_text")], " ").concat(isBold ? _TagWithIconModule["default"].bold : '')
85
85
  }, text) : null);
86
86
  }
87
87
  }]);
package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap CHANGED
@@ -18,7 +18,7 @@ exports[`DateField rendering the defult props 1`] = `
18
18
  data-test-id="dateField(formatted_undefined)_widget"
19
19
  >
20
20
  <div
21
- class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder"
21
+ class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder dateDisplayValue"
22
22
  data-selector-id="textBoxIcon"
23
23
  >
24
24
  <div
package/lib/layout/SubtabLayout/SubtabLayout.js CHANGED
@@ -78,10 +78,10 @@ var SubtabHeader = /*#__PURE__*/function (_React$Component) {
78
78
  dataId = _this$props.dataId,
79
79
  isPeekView = _this$props.isPeekView;
80
80
  return /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
81
- customClass: "".concat(_SubtabLayoutModule["default"].tabHead, " ").concat(needShadow ? _SubtabLayoutModule["default"].shadowStyle : '', " ").concat(needBorder ? "".concat(_SubtabLayoutModule["default"][type], "_borderStyle") : '')
81
+ customClass: "".concat(_SubtabLayoutModule["default"].tabHead, " ").concat(needShadow ? _SubtabLayoutModule["default"].shadowStyle : '', " ").concat(needBorder ? _SubtabLayoutModule["default"]["".concat(type, "_borderStyle")] : '')
82
82
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
83
83
  alignBox: "row",
84
- className: "".concat(isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peek") : _SubtabLayoutModule["default"][type], " ").concat(className),
84
+ className: "".concat(isPeekView ? _SubtabLayoutModule["default"]["".concat(type, "_peek")] : _SubtabLayoutModule["default"][type], " ").concat(className),
85
85
  align: "vertical"
86
86
  }, onAdd || children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
87
87
  className: "".concat(_SubtabLayoutModule["default"].left, " ").concat(needPlusIconLine ? _SubtabLayoutModule["default"].plusIconLine : '')
@@ -146,7 +146,7 @@ var SubtabFooter = /*#__PURE__*/function (_React$Component2) {
146
146
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
147
147
  alignBox: "row",
148
148
  align: "vertical",
149
- className: " ".concat(_SubtabLayoutModule["default"].footer, " ").concat(needPadding ? isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peekFooter") : "".concat(_SubtabLayoutModule["default"][type], "_detailFooter") : '', " ").concat(_SubtabLayoutModule["default"][size], " ").concat(className),
149
+ className: " ".concat(_SubtabLayoutModule["default"].footer, " ").concat(needPadding ? isPeekView ? _SubtabLayoutModule["default"]["".concat(type, "_peekFooter")] : _SubtabLayoutModule["default"]["".concat(type, "_detailFooter")] : '', " ").concat(_SubtabLayoutModule["default"][size], " ").concat(className),
150
150
  dataId: dataId
151
151
  }, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
152
152
  flexible: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.9.19",
3
+ "version": "1.9.20",
4
4
  "main": "lib/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,