@commercetools-uikit/date-time-field 19.0.0 → 19.2.0

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 (6) hide show
  1. package/README.md +2 -1
  2. package/dist/commercetools-uikit-date-time-field.cjs.dev.js +3 -1
  3. package/dist/commercetools-uikit-date-time-field.cjs.prod.js +2 -1
  4. package/dist/commercetools-uikit-date-time-field.esm.js +3 -1
  5. package/dist/declarations/src/date-time-field.d.ts +1 -0
  6. package/package.json +9 -9
package/README.md CHANGED
@@ -63,6 +63,7 @@ export default Example;
63
63
  | `isDisabled` | `boolean` | | | Indicates that the input cannot be modified (e.g not authorized, or changes currently saving). |
64
64
  | `isReadOnly` | `boolean` | | | Indicates that the field is displaying read-only content |
65
65
  | `placeholder` | `string` | | | Placeholder text for the input |
66
+ | `isCondensed` | `boolean` | | | Use this property to reduce the paddings of the component for a ui compact variant |
66
67
  | `timeZone` | `string` | ✅ | | Specifies the time zone in which the calendar and selected values are shown. It also influences how entered dates and times are parsed.&#xA;<br />&#xA;See the `DateTimeInput` docs for more information. |
67
68
  | `title` | `ReactNode` | ✅ | | Title of the label |
68
69
  | `hint` | `ReactNode` | | | Hint for the label. Provides a supplementary but important information regarding the behaviour of the input (e.g warn about uniqueness of a field, when it can only be set once), whereas `description` can describe it in more depth. Can also receive a `hintIcon`. |
@@ -70,7 +71,7 @@ export default Example;
70
71
  | `onInfoButtonClick` | `Function`<br/>[See signature.](#signature-onInfoButtonClick) | | | Function called when info button is pressed.&#xA;<br />&#xA;Info button will only be visible when this prop is passed. |
71
72
  | `hintIcon` | `ReactElement` | | | Icon to be displayed beside the hint text.&#xA;<br />&#xA;Will only get rendered when `hint` is passed as well. |
72
73
  | `badge` | `ReactNode` | | | Badge to be displayed beside the label.&#xA;<br />&#xA;Might be used to display additional information about the content of the field (E.g verified email) |
73
- | `defaultDaySelectionTime` | `string` | | | The time that will be used by default when a user selects a calendar day. It must follow the “HH:mm” pattern (eg: 04:30, 13:25, 23:59) |
74
+ | `defaultDaySelectionTime` | `string` | | | The time that will be used by default when a user selects a calendar day.&#xA;It must follow the “HH:mm” pattern (eg: 04:30, 13:25, 23:59) |
74
75
 
75
76
  ## Signatures
76
77
 
package/dist/commercetools-uikit-date-time-field.cjs.dev.js CHANGED
@@ -114,6 +114,7 @@ let DateTimeField = /*#__PURE__*/function (_Component) {
114
114
  onChange: this.props.onChange,
115
115
  onFocus: this.props.onFocus,
116
116
  onBlur: this.props.onBlur,
117
+ isCondensed: this.props.isCondensed,
117
118
  isDisabled: this.props.isDisabled,
118
119
  isReadOnly: this.props.isReadOnly,
119
120
  hasError: hasError,
@@ -176,6 +177,7 @@ DateTimeField.propTypes = process.env.NODE_ENV !== "production" ? {
176
177
  isDisabled: _pt__default["default"].bool,
177
178
  isReadOnly: _pt__default["default"].bool,
178
179
  placeholder: _pt__default["default"].string,
180
+ isCondensed: _pt__default["default"].bool,
179
181
  timeZone: _pt__default["default"].string.isRequired,
180
182
  title: _pt__default["default"].node.isRequired,
181
183
  hint: _pt__default["default"].node,
@@ -188,7 +190,7 @@ DateTimeField.propTypes = process.env.NODE_ENV !== "production" ? {
188
190
  var DateTimeField$1 = DateTimeField;
189
191
 
190
192
  // NOTE: This string will be replaced on build time with the package version.
191
- var version = "19.0.0";
193
+ var version = "19.2.0";
192
194
 
193
195
  exports["default"] = DateTimeField$1;
194
196
  exports.version = version;
package/dist/commercetools-uikit-date-time-field.cjs.prod.js CHANGED
@@ -109,6 +109,7 @@ let DateTimeField = /*#__PURE__*/function (_Component) {
109
109
  onChange: this.props.onChange,
110
110
  onFocus: this.props.onFocus,
111
111
  onBlur: this.props.onBlur,
112
+ isCondensed: this.props.isCondensed,
112
113
  isDisabled: this.props.isDisabled,
113
114
  isReadOnly: this.props.isReadOnly,
114
115
  hasError: hasError,
@@ -158,7 +159,7 @@ DateTimeField.propTypes = {};
158
159
  var DateTimeField$1 = DateTimeField;
159
160
 
160
161
  // NOTE: This string will be replaced on build time with the package version.
161
- var version = "19.0.0";
162
+ var version = "19.2.0";
162
163
 
163
164
  exports["default"] = DateTimeField$1;
164
165
  exports.version = version;
package/dist/commercetools-uikit-date-time-field.esm.js CHANGED
@@ -89,6 +89,7 @@ let DateTimeField = /*#__PURE__*/function (_Component) {
89
89
  onChange: this.props.onChange,
90
90
  onFocus: this.props.onFocus,
91
91
  onBlur: this.props.onBlur,
92
+ isCondensed: this.props.isCondensed,
92
93
  isDisabled: this.props.isDisabled,
93
94
  isReadOnly: this.props.isReadOnly,
94
95
  hasError: hasError,
@@ -151,6 +152,7 @@ DateTimeField.propTypes = process.env.NODE_ENV !== "production" ? {
151
152
  isDisabled: _pt.bool,
152
153
  isReadOnly: _pt.bool,
153
154
  placeholder: _pt.string,
155
+ isCondensed: _pt.bool,
154
156
  timeZone: _pt.string.isRequired,
155
157
  title: _pt.node.isRequired,
156
158
  hint: _pt.node,
@@ -163,6 +165,6 @@ DateTimeField.propTypes = process.env.NODE_ENV !== "production" ? {
163
165
  var DateTimeField$1 = DateTimeField;
164
166
 
165
167
  // NOTE: This string will be replaced on build time with the package version.
166
- var version = "19.0.0";
168
+ var version = "19.2.0";
167
169
 
168
170
  export { DateTimeField$1 as default, version };
package/dist/declarations/src/date-time-field.d.ts CHANGED
@@ -29,6 +29,7 @@ export type TDateTimeFieldProps = {
29
29
  isDisabled?: boolean;
30
30
  isReadOnly?: boolean;
31
31
  placeholder?: string;
32
+ isCondensed?: boolean;
32
33
  timeZone: string;
33
34
  title: ReactNode;
34
35
  hint?: ReactNode;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/date-time-field",
3
3
  "description": "A controlled date time input component for single date, with validation states and a label.",
4
- "version": "19.0.0",
4
+ "version": "19.2.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,14 +21,14 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/constraints": "19.0.0",
25
- "@commercetools-uikit/date-time-input": "19.0.0",
26
- "@commercetools-uikit/design-system": "19.0.0",
27
- "@commercetools-uikit/field-errors": "19.0.0",
28
- "@commercetools-uikit/field-label": "19.0.0",
29
- "@commercetools-uikit/field-warnings": "19.0.0",
30
- "@commercetools-uikit/spacings": "19.0.0",
31
- "@commercetools-uikit/utils": "19.0.0",
24
+ "@commercetools-uikit/constraints": "19.2.0",
25
+ "@commercetools-uikit/date-time-input": "19.2.0",
26
+ "@commercetools-uikit/design-system": "19.2.0",
27
+ "@commercetools-uikit/field-errors": "19.2.0",
28
+ "@commercetools-uikit/field-label": "19.2.0",
29
+ "@commercetools-uikit/field-warnings": "19.2.0",
30
+ "@commercetools-uikit/spacings": "19.2.0",
31
+ "@commercetools-uikit/utils": "19.2.0",
32
32
  "@emotion/react": "^11.10.5",
33
33
  "@emotion/styled": "^11.10.5",
34
34
  "prop-types": "15.8.1",