@instructure/ui-date-input 8.17.1-snapshot.21 → 8.17.1-snapshot.71

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/es/DateInput/index.js +36 -40
  2. package/lib/DateInput/index.js +36 -40
  3. package/package.json +17 -17
  4. package/tsconfig.build.tsbuildinfo +1 -1
package/es/DateInput/index.js CHANGED
@@ -117,15 +117,11 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
117
117
  }
118
118
 
119
119
  componentDidMount() {
120
- var _this$props$makeStyle, _this$props3;
121
-
122
- (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
120
+ this.props.makeStyles?.();
123
121
  }
124
122
 
125
123
  componentDidUpdate() {
126
- var _this$props$makeStyle2, _this$props4;
127
-
128
- (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
124
+ this.props.makeStyles?.();
129
125
  }
130
126
 
131
127
  get selectedDateId() {
@@ -147,9 +143,9 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
147
143
 
148
144
  renderMonthNavigationButton() {
149
145
  let type = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'prev';
150
- const _this$props5 = this.props,
151
- renderPrevMonthButton = _this$props5.renderPrevMonthButton,
152
- renderNextMonthButton = _this$props5.renderNextMonthButton;
146
+ const _this$props3 = this.props,
147
+ renderPrevMonthButton = _this$props3.renderPrevMonthButton,
148
+ renderNextMonthButton = _this$props3.renderNextMonthButton;
153
149
  const button = type === 'prev' ? renderPrevMonthButton : renderNextMonthButton;
154
150
  return button && safeCloneElement(callRenderProp(button), {
155
151
  tabIndex: -1
@@ -179,11 +175,11 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
179
175
  renderCalendar(_ref3) {
180
176
  let getListProps = _ref3.getListProps,
181
177
  getOptionProps = _ref3.getOptionProps;
182
- const _this$props6 = this.props,
183
- onRequestRenderNextMonth = _this$props6.onRequestRenderNextMonth,
184
- onRequestRenderPrevMonth = _this$props6.onRequestRenderPrevMonth,
185
- renderNavigationLabel = _this$props6.renderNavigationLabel,
186
- renderWeekdayLabels = _this$props6.renderWeekdayLabels;
178
+ const _this$props4 = this.props,
179
+ onRequestRenderNextMonth = _this$props4.onRequestRenderNextMonth,
180
+ onRequestRenderPrevMonth = _this$props4.onRequestRenderPrevMonth,
181
+ renderNavigationLabel = _this$props4.renderNavigationLabel,
182
+ renderWeekdayLabels = _this$props4.renderWeekdayLabels;
187
183
  return jsx(Calendar, getListProps({
188
184
  onRequestRenderNextMonth,
189
185
  onRequestRenderPrevMonth,
@@ -200,25 +196,25 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
200
196
  let getInputProps = _ref4.getInputProps,
201
197
  getTriggerProps = _ref4.getTriggerProps;
202
198
 
203
- const _this$props7 = this.props,
204
- renderLabel = _this$props7.renderLabel,
205
- value = _this$props7.value,
206
- placeholder = _this$props7.placeholder,
207
- onBlur = _this$props7.onBlur,
208
- isRequired = _this$props7.isRequired,
209
- size = _this$props7.size,
210
- isInline = _this$props7.isInline,
211
- layout = _this$props7.layout,
212
- width = _this$props7.width,
213
- messages = _this$props7.messages,
214
- onRequestValidateDate = _this$props7.onRequestValidateDate,
215
- onRequestShowCalendar = _this$props7.onRequestShowCalendar,
216
- onRequestHideCalendar = _this$props7.onRequestHideCalendar,
217
- onRequestSelectNextDay = _this$props7.onRequestSelectNextDay,
218
- onRequestSelectPrevDay = _this$props7.onRequestSelectPrevDay,
219
- onRequestRenderNextMonth = _this$props7.onRequestRenderNextMonth,
220
- onRequestRenderPrevMonth = _this$props7.onRequestRenderPrevMonth,
221
- rest = _objectWithoutProperties(_this$props7, _excluded);
199
+ const _this$props5 = this.props,
200
+ renderLabel = _this$props5.renderLabel,
201
+ value = _this$props5.value,
202
+ placeholder = _this$props5.placeholder,
203
+ onBlur = _this$props5.onBlur,
204
+ isRequired = _this$props5.isRequired,
205
+ size = _this$props5.size,
206
+ isInline = _this$props5.isInline,
207
+ layout = _this$props5.layout,
208
+ width = _this$props5.width,
209
+ messages = _this$props5.messages,
210
+ onRequestValidateDate = _this$props5.onRequestValidateDate,
211
+ onRequestShowCalendar = _this$props5.onRequestShowCalendar,
212
+ onRequestHideCalendar = _this$props5.onRequestHideCalendar,
213
+ onRequestSelectNextDay = _this$props5.onRequestSelectNextDay,
214
+ onRequestSelectPrevDay = _this$props5.onRequestSelectPrevDay,
215
+ onRequestRenderNextMonth = _this$props5.onRequestRenderNextMonth,
216
+ onRequestRenderPrevMonth = _this$props5.onRequestRenderPrevMonth,
217
+ rest = _objectWithoutProperties(_this$props5, _excluded);
222
218
 
223
219
  const interaction = this.interaction;
224
220
 
@@ -249,11 +245,11 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
249
245
  }
250
246
 
251
247
  render() {
252
- const _this$props8 = this.props,
253
- placement = _this$props8.placement,
254
- isShowingCalendar = _this$props8.isShowingCalendar,
255
- assistiveText = _this$props8.assistiveText,
256
- styles = _this$props8.styles;
248
+ const _this$props6 = this.props,
249
+ placement = _this$props6.placement,
250
+ isShowingCalendar = _this$props6.isShowingCalendar,
251
+ assistiveText = _this$props6.assistiveText,
252
+ styles = _this$props6.styles;
257
253
  const selectedDateId = this.selectedDateId;
258
254
  return jsx(Selectable, {
259
255
  isShowingOptions: isShowingCalendar,
@@ -271,12 +267,12 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
271
267
  getOptionProps = _ref5.getOptionProps,
272
268
  getDescriptionProps = _ref5.getDescriptionProps;
273
269
  return jsx("span", getRootProps({
274
- css: styles === null || styles === void 0 ? void 0 : styles.dateInput
270
+ css: styles?.dateInput
275
271
  }), this.renderInput({
276
272
  getInputProps,
277
273
  getTriggerProps
278
274
  }), jsx("span", Object.assign({}, getDescriptionProps(), {
279
- css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
275
+ css: styles?.assistiveText
280
276
  }), assistiveText), jsx(Popover, {
281
277
  placement: placement,
282
278
  isShowingContent: isShowingCalendar,
package/lib/DateInput/index.js CHANGED
@@ -119,15 +119,11 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
119
119
  }
120
120
 
121
121
  componentDidMount() {
122
- var _this$props$makeStyle, _this$props3;
123
-
124
- (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
122
+ this.props.makeStyles?.();
125
123
  }
126
124
 
127
125
  componentDidUpdate() {
128
- var _this$props$makeStyle2, _this$props4;
129
-
130
- (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
126
+ this.props.makeStyles?.();
131
127
  }
132
128
 
133
129
  get selectedDateId() {
@@ -151,9 +147,9 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
151
147
 
152
148
  renderMonthNavigationButton() {
153
149
  let type = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 'prev';
154
- const _this$props5 = this.props,
155
- renderPrevMonthButton = _this$props5.renderPrevMonthButton,
156
- renderNextMonthButton = _this$props5.renderNextMonthButton;
150
+ const _this$props3 = this.props,
151
+ renderPrevMonthButton = _this$props3.renderPrevMonthButton,
152
+ renderNextMonthButton = _this$props3.renderNextMonthButton;
157
153
  const button = type === 'prev' ? renderPrevMonthButton : renderNextMonthButton;
158
154
  return button && (0, _safeCloneElement.safeCloneElement)((0, _callRenderProp.callRenderProp)(button), {
159
155
  tabIndex: -1
@@ -183,11 +179,11 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
183
179
  renderCalendar(_ref3) {
184
180
  let getListProps = _ref3.getListProps,
185
181
  getOptionProps = _ref3.getOptionProps;
186
- const _this$props6 = this.props,
187
- onRequestRenderNextMonth = _this$props6.onRequestRenderNextMonth,
188
- onRequestRenderPrevMonth = _this$props6.onRequestRenderPrevMonth,
189
- renderNavigationLabel = _this$props6.renderNavigationLabel,
190
- renderWeekdayLabels = _this$props6.renderWeekdayLabels;
182
+ const _this$props4 = this.props,
183
+ onRequestRenderNextMonth = _this$props4.onRequestRenderNextMonth,
184
+ onRequestRenderPrevMonth = _this$props4.onRequestRenderPrevMonth,
185
+ renderNavigationLabel = _this$props4.renderNavigationLabel,
186
+ renderWeekdayLabels = _this$props4.renderWeekdayLabels;
191
187
  return (0, _emotion.jsx)(_Calendar.Calendar, getListProps({
192
188
  onRequestRenderNextMonth,
193
189
  onRequestRenderPrevMonth,
@@ -203,25 +199,25 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
203
199
  renderInput(_ref4) {
204
200
  let getInputProps = _ref4.getInputProps,
205
201
  getTriggerProps = _ref4.getTriggerProps;
206
- const _this$props7 = this.props,
207
- renderLabel = _this$props7.renderLabel,
208
- value = _this$props7.value,
209
- placeholder = _this$props7.placeholder,
210
- onBlur = _this$props7.onBlur,
211
- isRequired = _this$props7.isRequired,
212
- size = _this$props7.size,
213
- isInline = _this$props7.isInline,
214
- layout = _this$props7.layout,
215
- width = _this$props7.width,
216
- messages = _this$props7.messages,
217
- onRequestValidateDate = _this$props7.onRequestValidateDate,
218
- onRequestShowCalendar = _this$props7.onRequestShowCalendar,
219
- onRequestHideCalendar = _this$props7.onRequestHideCalendar,
220
- onRequestSelectNextDay = _this$props7.onRequestSelectNextDay,
221
- onRequestSelectPrevDay = _this$props7.onRequestSelectPrevDay,
222
- onRequestRenderNextMonth = _this$props7.onRequestRenderNextMonth,
223
- onRequestRenderPrevMonth = _this$props7.onRequestRenderPrevMonth,
224
- rest = (0, _objectWithoutProperties2.default)(_this$props7, _excluded);
202
+ const _this$props5 = this.props,
203
+ renderLabel = _this$props5.renderLabel,
204
+ value = _this$props5.value,
205
+ placeholder = _this$props5.placeholder,
206
+ onBlur = _this$props5.onBlur,
207
+ isRequired = _this$props5.isRequired,
208
+ size = _this$props5.size,
209
+ isInline = _this$props5.isInline,
210
+ layout = _this$props5.layout,
211
+ width = _this$props5.width,
212
+ messages = _this$props5.messages,
213
+ onRequestValidateDate = _this$props5.onRequestValidateDate,
214
+ onRequestShowCalendar = _this$props5.onRequestShowCalendar,
215
+ onRequestHideCalendar = _this$props5.onRequestHideCalendar,
216
+ onRequestSelectNextDay = _this$props5.onRequestSelectNextDay,
217
+ onRequestSelectPrevDay = _this$props5.onRequestSelectPrevDay,
218
+ onRequestRenderNextMonth = _this$props5.onRequestRenderNextMonth,
219
+ onRequestRenderPrevMonth = _this$props5.onRequestRenderPrevMonth,
220
+ rest = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
225
221
  const interaction = this.interaction;
226
222
 
227
223
  const _getTriggerProps = getTriggerProps(),
@@ -251,11 +247,11 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
251
247
  }
252
248
 
253
249
  render() {
254
- const _this$props8 = this.props,
255
- placement = _this$props8.placement,
256
- isShowingCalendar = _this$props8.isShowingCalendar,
257
- assistiveText = _this$props8.assistiveText,
258
- styles = _this$props8.styles;
250
+ const _this$props6 = this.props,
251
+ placement = _this$props6.placement,
252
+ isShowingCalendar = _this$props6.isShowingCalendar,
253
+ assistiveText = _this$props6.assistiveText,
254
+ styles = _this$props6.styles;
259
255
  const selectedDateId = this.selectedDateId;
260
256
  return (0, _emotion.jsx)(_Selectable.Selectable, {
261
257
  isShowingOptions: isShowingCalendar,
@@ -273,12 +269,12 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
273
269
  getOptionProps = _ref5.getOptionProps,
274
270
  getDescriptionProps = _ref5.getDescriptionProps;
275
271
  return (0, _emotion.jsx)("span", getRootProps({
276
- css: styles === null || styles === void 0 ? void 0 : styles.dateInput
272
+ css: styles?.dateInput
277
273
  }), this.renderInput({
278
274
  getInputProps,
279
275
  getTriggerProps
280
276
  }), (0, _emotion.jsx)("span", Object.assign({}, getDescriptionProps(), {
281
- css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
277
+ css: styles?.assistiveText
282
278
  }), assistiveText), (0, _emotion.jsx)(_Popover.Popover, {
283
279
  placement: placement,
284
280
  isShowingContent: isShowingCalendar,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-date-input",
3
- "version": "8.17.1-snapshot.21+79d490548",
3
+ "version": "8.17.1-snapshot.71+34dfb2442",
4
4
  "description": "A UI component library made by Instructure Inc.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,24 +23,24 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.17.1-snapshot.21+79d490548",
27
- "@instructure/ui-test-locator": "8.17.1-snapshot.21+79d490548",
28
- "@instructure/ui-test-utils": "8.17.1-snapshot.21+79d490548"
26
+ "@instructure/ui-babel-preset": "8.17.1-snapshot.71+34dfb2442",
27
+ "@instructure/ui-test-locator": "8.17.1-snapshot.71+34dfb2442",
28
+ "@instructure/ui-test-utils": "8.17.1-snapshot.71+34dfb2442"
29
29
  },
30
30
  "dependencies": {
31
31
  "@babel/runtime": "^7.13.10",
32
- "@instructure/emotion": "8.17.1-snapshot.21+79d490548",
33
- "@instructure/ui-calendar": "8.17.1-snapshot.21+79d490548",
34
- "@instructure/ui-form-field": "8.17.1-snapshot.21+79d490548",
35
- "@instructure/ui-icons": "8.17.1-snapshot.21+79d490548",
36
- "@instructure/ui-popover": "8.17.1-snapshot.21+79d490548",
37
- "@instructure/ui-position": "8.17.1-snapshot.21+79d490548",
38
- "@instructure/ui-prop-types": "8.17.1-snapshot.21+79d490548",
39
- "@instructure/ui-react-utils": "8.17.1-snapshot.21+79d490548",
40
- "@instructure/ui-selectable": "8.17.1-snapshot.21+79d490548",
41
- "@instructure/ui-testable": "8.17.1-snapshot.21+79d490548",
42
- "@instructure/ui-text-input": "8.17.1-snapshot.21+79d490548",
43
- "@instructure/ui-utils": "8.17.1-snapshot.21+79d490548",
32
+ "@instructure/emotion": "8.17.1-snapshot.71+34dfb2442",
33
+ "@instructure/ui-calendar": "8.17.1-snapshot.71+34dfb2442",
34
+ "@instructure/ui-form-field": "8.17.1-snapshot.71+34dfb2442",
35
+ "@instructure/ui-icons": "8.17.1-snapshot.71+34dfb2442",
36
+ "@instructure/ui-popover": "8.17.1-snapshot.71+34dfb2442",
37
+ "@instructure/ui-position": "8.17.1-snapshot.71+34dfb2442",
38
+ "@instructure/ui-prop-types": "8.17.1-snapshot.71+34dfb2442",
39
+ "@instructure/ui-react-utils": "8.17.1-snapshot.71+34dfb2442",
40
+ "@instructure/ui-selectable": "8.17.1-snapshot.71+34dfb2442",
41
+ "@instructure/ui-testable": "8.17.1-snapshot.71+34dfb2442",
42
+ "@instructure/ui-text-input": "8.17.1-snapshot.71+34dfb2442",
43
+ "@instructure/ui-utils": "8.17.1-snapshot.71+34dfb2442",
44
44
  "prop-types": "^15"
45
45
  },
46
46
  "peerDependencies": {
@@ -50,5 +50,5 @@
50
50
  "access": "public"
51
51
  },
52
52
  "sideEffects": false,
53
- "gitHead": "79d490548a0736feb2a7232bf5918857317b178b"
53
+ "gitHead": "34dfb2442c7ddce048d78ab1ecd5f3cbb78ee8d6"
54
54
  }