oa-componentbook 0.18.181 → 0.18.183

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 (3) hide show
  1. package/build/components/oa-component-timeline/styles.js +1 -1
  2. package/build/widgets/oa-widget-date-dropdown/DateDropDown.js +8 -5
  3. package/package.json +1 -1
package/build/components/oa-component-timeline/styles.js CHANGED
@@ -10,6 +10,6 @@ var _templateObject, _templateObject2;
10
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
12
12
  var _default = exports.default = {};
13
- const StyleTimeline = exports.StyleTimeline = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ant-steps .ant-steps-item-icon {\n width: 24px;\n height: 24px;\n }\n .ant-steps-item-finish .ant-steps-item-icon{\n background-color: var(--color-positive);\n border-color: var(--color-positive);\n }\n .ant-steps.ant-steps-label-vertical .ant-steps-item-tail{ \n padding: 2px 8px;\n }\n \n .ant-steps .ant-steps-item-icon{\n line-height: 27px;\n }\n .ant-steps .ant-steps-item-error .ant-steps-item-icon {\n background-color: #fff;\n }\n .ant-steps .ant-steps-item-tail{\n top: 9px;\n }\n .ant-steps .ant-steps-item-finish .ant-steps-item-icon >.ant-steps-icon{\n color: #fff;\n font-size: 14px;\n }\n .ant-steps-item-process .ant-steps-item-icon{\n background-color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .ant-steps-item-wait .ant-steps-item-icon{\n background-color: #fff;\n position: relative;\n border-color: var(--color-disabled-button);\n \n }\n .ant-steps-item-process .ant-steps-icon{\n display: block;\n width: 16px;\n height: 16px;\n vertical-align: middle;\n border: var(--color-positive) 1px solid;\n border-radius: 50%;\n }\n .ant-steps-item-wait .ant-steps-icon{\n visibility: hidden;\n\n }\n @media only screen and (max-width: 574px) {\n .ant-steps.horizontalOnly >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after {\n width: 100%; \n height: 1px;\n }\n .ant-steps.horizontalOnly {\n display: flex;\n flex-direction: row;\n }\n .ant-steps.horizontalOnly >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{\n \n top: 12px; \n inset-inline-start: 15px;\n width: 100%;\n height: 1px; \n padding: 0;\n }\n }\n"])));
13
+ const StyleTimeline = exports.StyleTimeline = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .ant-steps .ant-steps-item-icon {\n width: 24px;\n height: 24px;\n }\n .ant-steps-item-finish .ant-steps-item-icon{\n background-color: var(--color-positive);\n border-color: var(--color-positive);\n }\n .ant-steps.ant-steps-label-vertical .ant-steps-item-tail{ \n padding: 2px 8px;\n }\n \n .ant-steps .ant-steps-item-icon{\n line-height: 27px;\n }\n .ant-steps .ant-steps-item-error .ant-steps-item-icon {\n background-color: #fff;\n }\n .ant-steps .ant-steps-item-tail{\n top: 9px;\n }\n .ant-steps .ant-steps-item-finish .ant-steps-item-icon >.ant-steps-icon{\n color: #fff;\n font-size: 14px;\n }\n .ant-steps-item-process .ant-steps-item-icon{\n background-color: #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .ant-steps-item-wait .ant-steps-item-icon{\n background-color: #fff;\n position: relative;\n border-color: var(--color-disabled-button);\n \n }\n .ant-steps-item-process .ant-steps-icon{\n display: block;\n width: 16px;\n height: 16px;\n vertical-align: middle;\n border: var(--color-positive) 1px solid;\n border-radius: 50%;\n }\n .ant-steps-item-content{\n margin-top: 8px !important;\n }\n .ant-steps .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon{\n top: -2px;\n }\n .ant-steps .ant-steps-item-title{\n line-height: 24px;\n }\n .ant-steps-item-wait .ant-steps-icon{\n visibility: hidden;\n\n }\n @media only screen and (max-width: 574px) {\n .ant-steps.horizontalOnly >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after {\n width: 100%; \n height: 1px;\n }\n .ant-steps.horizontalOnly {\n display: flex;\n flex-direction: row;\n }\n .ant-steps.horizontalOnly >.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{\n \n top: 12px; \n inset-inline-start: 15px;\n width: 100%;\n height: 1px; \n padding: 0;\n }\n }\n"])));
14
14
  const CustomSteps = exports.CustomSteps = (0, _styledComponents.default)(_antd.Steps)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n \n"])));
15
15
  CustomSteps.Step = _antd.Steps.Step;
package/build/widgets/oa-widget-date-dropdown/DateDropDown.js CHANGED
@@ -48,7 +48,8 @@ function DateDropDown(_ref) {
48
48
  subLine,
49
49
  resetState,
50
50
  beforeDisabledDate,
51
- afterDisabledDate
51
+ afterDisabledDate,
52
+ placeholder
52
53
  } = _ref;
53
54
  const [showRangePicker, setshowRangePicker] = (0, _react.useState)(false);
54
55
  const [selectValue, setSelectValue] = (0, _react.useState)({
@@ -203,10 +204,10 @@ function DateDropDown(_ref) {
203
204
  defaultLabel: setSelectValue === null || setSelectValue === void 0 ? void 0 : setSelectValue.label,
204
205
  value: selectValue === null || selectValue === void 0 ? void 0 : selectValue.label,
205
206
  className: "selectWidth",
206
- placeholder: "Please select a date",
207
207
  optionRender: optionRender,
208
208
  options: options,
209
- onSelectionChange: onSelect
209
+ onSelectionChange: onSelect,
210
+ placeholder: placeholder
210
211
  }), showRangePicker && /*#__PURE__*/_react.default.createElement("div", {
211
212
  className: "datePicker"
212
213
  }, /*#__PURE__*/_react.default.createElement(RangePicker, {
@@ -227,6 +228,7 @@ DateDropDown.propTypes = {
227
228
  getValues: _propTypes.default.func,
228
229
  format: _propTypes.default.string,
229
230
  defaultLabel: _propTypes.default.string,
231
+ placeholder: _propTypes.default.string,
230
232
  resetState: _propTypes.default.bool,
231
233
  subLine: _propTypes.default.string,
232
234
  beforeDisabledDate: _propTypes.default.instanceOf(Date),
@@ -252,11 +254,12 @@ DateDropDown.defaultProps = {
252
254
  value: -1
253
255
  }],
254
256
  format: 'DD-MMM-YYYY',
255
- subLine: 'Data available from Jun, 2023',
257
+ subLine: '',
256
258
  beforeDisabledDate: null,
257
259
  afterDisabledDate: null,
258
260
  defaultLabel: null,
259
261
  getValues: () => {},
260
- resetState: false
262
+ resetState: false,
263
+ placeholder: 'Please select a date'
261
264
  };
262
265
  var _default = exports.default = DateDropDown;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oa-componentbook",
3
- "version": "0.18.181",
3
+ "version": "0.18.183",
4
4
  "private": false,
5
5
  "description": "Reusable components",
6
6
  "main": "build/index.js",