oa-componentbook 0.18.371 → 0.18.373

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 (4) hide show
  1. package/build/components/oa-component-button/styles.js +1 -1
  2. package/build/widgets/oa-widget-map-base-location/AddressForm.js +1 -1
  3. package/build/widgets/oa-widget-spare-part/SparePartsWidget.js +6 -6
  4. package/package.json +1 -1
package/build/components/oa-component-button/styles.js CHANGED
@@ -14,7 +14,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
14
14
  var _default = exports.default = {};
15
15
  const StyledButton = _styledComponents.default.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border-radius: 4px;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n .text-container {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px; \n text-align: left;\n }\n"])));
16
16
  const EllipsisTypography = exports.EllipsisTypography = (0, _styledComponents.default)(_Typography.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: block; \n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 84px;\n"])));
17
- const ColoredStyledButton = exports.ColoredStyledButton = (0, _styledComponents.default)(StyledButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n height: 2.25rem;\n min-width: 100px;\n padding: 0.625rem 1rem;\n\n &.small {\n height: 30px;\n min-width: 80px;\n padding: 10px 16px;\n }\n\n &.medium {\n height: 36px;\n min-width: 100px;\n padding: 10px 16px;\n }\n\n &.large {\n height: 48px;\n min-width: 136px;\n padding: 10px 24px;\n }\n\n &.medium-text-only,\n &.small-text-only {\n min-width: auto;\n height: auto;\n padding: 4px 0;\n }\n\n &.large-text-only {\n min-width: auto;\n height: auto;\n padding: 8px 0;\n }\n\n &.primary {\n background: var(--color-primary);\n border: 1px solid var(--color-primary);\n color: var(--color-primary-background);\n }\n &.primary:hover {\n background: var(--color-primary-hover);\n border: 1px solid var(--color-primary-hover);\n }\n\n &.primary-disabled {\n background: var(--color-disabled-button);\n cursor: not-allowed;\n color: var(--color-primary-background);\n border: 1px solid var(--color-disabled-button);\n }\n\n &.secondary {\n background: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n &.secondary:hover {\n background: transparent;\n border: 1px solid var(--color-primary-hover);\n color: var(--color-primary-hover);\n }\n\n &.secondary-disabled {\n background: transparent;\n border: 1px solid var(--color-disabled-button);\n color: var(--color-disabled-button);\n cursor: not-allowed;\n }\n \n &.text-only {\n border: none;\n background: transparent;\n color: var(--color-primary);\n }\n &.text-only:hover {\n color: var(--color-primary-hover);\n }\n\n &.text-only-disabled {\n border: none;\n background: transparent;\n color: var(--color-disabled-button);\n cursor: not-allowed;\n }\n \n &.danger-primary {\n background: var(--color-negative);\n color: var(--color-primary-background);\n border: 1px solid var(--color-negative);\n }\n &.danger-primary:hover {\n background: var(--color-hover-negative);\n color: var(--color-primary-background);\n border: 1px solid var(--color-hover-negative);\n }\n\n &.danger-secondary {\n background: transparent;\n border: 1px solid var(--color-negative);\n color: var(--color-negative);\n }\n &.danger-secondary:hover {\n background: transparent;\n border: 1px solid var(--color-hover-negative);\n color: var(--color-hover-negative);\n }\n\n &.danger-text-only {\n border: none;\n color: var(--color-negative);\n background: transparent;\n }\n &.danger-text-only:hover {\n border: none;\n color: var(--color-hover-negative);\n background: transparent;\n }\n @media only screen and (max-width: 600px) {\n &.text-only:hover {\n color: var(--color-primary);\n }\n }\n"])));
17
+ const ColoredStyledButton = exports.ColoredStyledButton = (0, _styledComponents.default)(StyledButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n height: 2.25rem;\n min-width: 100px;\n padding: 0.625rem 1rem;\n\n &.small {\n height: 30px;\n min-width: 80px;\n padding: 10px 16px;\n }\n\n &.medium {\n height: 36px;\n min-width: 100px;\n padding: 10px 16px;\n }\n\n &.large {\n height: 48px;\n min-width: 136px;\n padding: 10px 24px;\n }\n\n &.medium-text-only,\n &.small-text-only {\n min-width: auto;\n height: auto;\n padding: 4px 0;\n }\n\n &.large-text-only {\n min-width: auto;\n height: auto;\n padding: 8px 0;\n }\n\n &.primary {\n background: var(--color-primary);\n border: 1px solid var(--color-primary);\n color: var(--color-primary-background);\n }\n &.primary:hover {\n background: var(--color-primary-hover);\n border: 1px solid var(--color-primary-hover);\n }\n\n &.primary-disabled {\n background: var(--color-disabled-button);\n cursor: not-allowed;\n color: var(--color-primary-background);\n border: 1px solid var(--color-disabled-button);\n }\n\n &.gradient {\n background: var(--color-primary-background); /* solid fill inside */\n color: #014FC5; /* pick a readable color */\n border: 1px solid transparent;\n border-radius: 4px;\n background-image: linear-gradient(#fff, #fff), \n linear-gradient(90deg, #0098FF, #9A6CFF, #DF58D1, #FB6252, #FEA40A);\n background-origin: border-box;\n background-clip: padding-box, border-box;\n transition: all 0.3s ease;\n}\n\n&.gradient:hover {\n background-image: linear-gradient(#fff, #fff), \n linear-gradient(90deg, #FEA40A, #FB6252, #DF58D1, #9A6CFF, #0098FF);\n}\n\n&.gradient-disabled {\n background: var(--color-disabled-button);\n border: 1px solid var(--color-disabled-button);\n color: var(--color-primary-background);\n cursor: not-allowed;\n}\n\n\n &.secondary {\n background: transparent;\n border: 1px solid var(--color-primary);\n color: var(--color-primary);\n }\n &.secondary:hover {\n background: transparent;\n border: 1px solid var(--color-primary-hover);\n color: var(--color-primary-hover);\n }\n\n &.secondary-disabled {\n background: transparent;\n border: 1px solid var(--color-disabled-button);\n color: var(--color-disabled-button);\n cursor: not-allowed;\n }\n \n &.text-only {\n border: none;\n background: transparent;\n color: var(--color-primary);\n }\n &.text-only:hover {\n color: var(--color-primary-hover);\n }\n\n &.text-only-disabled {\n border: none;\n background: transparent;\n color: var(--color-disabled-button);\n cursor: not-allowed;\n }\n \n &.danger-primary {\n background: var(--color-negative);\n color: var(--color-primary-background);\n border: 1px solid var(--color-negative);\n }\n &.danger-primary:hover {\n background: var(--color-hover-negative);\n color: var(--color-primary-background);\n border: 1px solid var(--color-hover-negative);\n }\n\n &.danger-secondary {\n background: transparent;\n border: 1px solid var(--color-negative);\n color: var(--color-negative);\n }\n &.danger-secondary:hover {\n background: transparent;\n border: 1px solid var(--color-hover-negative);\n color: var(--color-hover-negative);\n }\n\n &.danger-text-only {\n border: none;\n color: var(--color-negative);\n background: transparent;\n }\n &.danger-text-only:hover {\n border: none;\n color: var(--color-hover-negative);\n background: transparent;\n }\n @media only screen and (max-width: 600px) {\n &.text-only:hover {\n color: var(--color-primary);\n }\n }\n"])));
18
18
  function getButtonTypography(size) {
19
19
  switch (size) {
20
20
  case 'large':
package/build/widgets/oa-widget-map-base-location/AddressForm.js CHANGED
@@ -71,7 +71,7 @@ function AddressForm(props) {
71
71
  name: "landmark"
72
72
  }, /*#__PURE__*/_react.default.createElement(_CustomInput.default, {
73
73
  placeholder: "Type here",
74
- maxLength: 100
74
+ maxLength: 50
75
75
  })))), showAddressType && /*#__PURE__*/_react.default.createElement("div", {
76
76
  className: "margin-top-12"
77
77
  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
package/build/widgets/oa-widget-spare-part/SparePartsWidget.js CHANGED
@@ -118,7 +118,7 @@ function SparePartsWidget(_ref) {
118
118
  showNonCoverageMessage,
119
119
  unCoveredScopeDescription
120
120
  } = _ref;
121
- const sparePartList = [...scopeDetails.unCoveredScope, ...scopeDetails.coveredScope];
121
+ const sparePartList = [...scopeDetails.coveredScope, ...scopeDetails.unCoveredScope];
122
122
  const showActionList = sparePartList.some(sparePart => {
123
123
  var _sparePart$action;
124
124
  return (sparePart === null || sparePart === void 0 || (_sparePart$action = sparePart.action) === null || _sparePart$action === void 0 ? void 0 : _sparePart$action.length) > 0;
@@ -223,7 +223,7 @@ function SparePartsWidget(_ref) {
223
223
  }
224
224
  }), showSparePartsInfo && /*#__PURE__*/_react.default.createElement(_CustomTable.default, {
225
225
  columns: columns,
226
- dataSource: [...unCoveredScope, ...coveredScope],
226
+ dataSource: [...coveredScope, ...unCoveredScope],
227
227
  pagination: false,
228
228
  size: "middle"
229
229
  }), showCostBreakdown && /*#__PURE__*/_react.default.createElement(CostBreakdown, null, Object.keys(scopeDetails).map((key, index) => {
@@ -252,8 +252,8 @@ function SparePartsWidget(_ref) {
252
252
  // Define prop types for SpareParts component
253
253
  SparePartsWidget.propTypes = {
254
254
  scopeDetails: _propTypes.default.shape({
255
- unCoveredScope: _propTypes.default.array,
256
- coveredScope: _propTypes.default.array
255
+ coveredScope: _propTypes.default.array,
256
+ unCoveredScope: _propTypes.default.array
257
257
  }),
258
258
  actions: _propTypes.default.arrayOf(_propTypes.default.shape({
259
259
  'data-test': _propTypes.default.string,
@@ -278,8 +278,8 @@ SparePartsWidget.defaultProps = {
278
278
  showCostBreakdown: true,
279
279
  coverageShow: true,
280
280
  scopeDetails: {
281
- unCoveredScope: [],
282
- coveredScope: []
281
+ coveredScope: [],
282
+ unCoveredScope: []
283
283
  },
284
284
  actions: null,
285
285
  showPriceHistory: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.371",
3
+ "version": "0.18.373",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",