Socket
Socket
Sign inDemoInstall

@instructure/ui-date-input

Package Overview
Dependencies
Maintainers
34
Versions
1407
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@instructure/ui-date-input - npm Package Compare versions

Comparing version 5.52.3-rc.31 to 5.52.3-rc.32

1

es/DateInput/index.js

@@ -58,3 +58,2 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

category: components
id: DateInputControlled
---

@@ -61,0 +60,0 @@ **/

61

lib/DateInput/index.js

@@ -30,26 +30,30 @@ "use strict";

var _uiCalendar = require("@instructure/ui-calendar");
var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
var _uiIcons = require("@instructure/ui-icons");
var _IconCalendarMonthLine = require("@instructure/ui-icons/lib/IconCalendarMonthLine");
var _uiOverlays = require("@instructure/ui-overlays");
var _Popover = require("@instructure/ui-overlays/lib/Popover");
var _uiSelectable = require("@instructure/ui-selectable");
var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
var _uiTextInput = require("@instructure/ui-text-input");
var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
var _uiUtils = require("@instructure/ui-utils");
var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction");
var _uiReactUtils = require("@instructure/ui-react-utils");
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp");
var _uiPropTypes = require("@instructure/ui-prop-types");
var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement");
var _uiLayout = require("@instructure/ui-layout");
var _Children = require("@instructure/ui-prop-types/lib/Children");
var _uiFormField = require("@instructure/ui-form-field");
var _controllable = require("@instructure/ui-prop-types/lib/controllable");
var _uiTestable = require("@instructure/ui-testable");
var _LayoutPropTypes = require("@instructure/ui-layout/lib/LayoutPropTypes");
var _uiThemeable = require("@instructure/ui-themeable");
var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes");
var _testable = require("@instructure/ui-testable/lib/testable");
var _themeable = require("@instructure/ui-themeable/lib/themeable");
var _dec, _dec2, _class, _class2, _temp;

@@ -67,7 +71,6 @@

category: components
id: DateInputControlled
---
**/
var DateInput = (_dec = (0, _uiTestable.testable)(), _dec2 = (0, _uiThemeable.themeable)(null, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
var DateInput = (_dec = (0, _testable.testable)(), _dec2 = (0, _themeable.themeable)(null, styles), _dec(_class = _dec2(_class = (_temp = _class2 =
/*#__PURE__*/

@@ -162,3 +165,3 @@ function (_Component) {

var button = type === 'prev' ? renderPrevMonthButton : renderNextMonthButton;
return button && (0, _uiReactUtils.safeCloneElement)((0, _uiReactUtils.callRenderProp)(button), {
return button && (0, _safeCloneElement.safeCloneElement)((0, _callRenderProp.callRenderProp)(button), {
tabIndex: -1

@@ -187,3 +190,3 @@ });

}) : optionProps;
return (0, _uiReactUtils.safeCloneElement)(day, props);
return (0, _safeCloneElement.safeCloneElement)(day, props);
});

@@ -201,3 +204,3 @@ }

renderWeekdayLabels = _this$props5.renderWeekdayLabels;
return _react.default.createElement(_uiCalendar.Calendar, getListProps({
return _react.default.createElement(_Calendar.Calendar, getListProps({
onRequestRenderNextMonth: onRequestRenderNextMonth,

@@ -235,3 +238,3 @@ onRequestRenderPrevMonth: onRequestRenderPrevMonth,

return _react.default.createElement(_uiTextInput.TextInput, Object.assign({}, triggerProps, getInputProps({
return _react.default.createElement(_TextInput.TextInput, Object.assign({}, triggerProps, getInputProps({
label: label,

@@ -245,4 +248,4 @@ value: value,

onChange: this.handleInputChange,
onBlur: (0, _uiUtils.createChainedFunction)(onBlur, this.handleHideCalendar),
inputRef: (0, _uiUtils.createChainedFunction)(ref, this.handleInputRef),
onBlur: (0, _createChainedFunction.createChainedFunction)(onBlur, this.handleHideCalendar),
inputRef: (0, _createChainedFunction.createChainedFunction)(ref, this.handleInputRef),
disabled: interaction === 'disabled',

@@ -252,3 +255,3 @@ readOnly: interaction === 'readonly',

inline: isInline,
renderAfterInput: _uiIcons.IconCalendarMonthLine
renderAfterInput: _IconCalendarMonthLine.IconCalendarMonthLine
})));

@@ -265,3 +268,3 @@ }

var selectedDateId = this.selectedDateId;
return _react.default.createElement(_uiSelectable.Selectable, {
return _react.default.createElement(_Selectable.Selectable, {
isShowingOptions: isShowingCalendar,

@@ -285,3 +288,3 @@ onRequestShowOptions: this.handleShowCalendar,

getTriggerProps: getTriggerProps
}), _react.default.createElement(_uiOverlays.Popover, {
}), _react.default.createElement(_Popover.Popover, {
placement: placement,

@@ -292,3 +295,3 @@ show: isShowingCalendar,

shouldFocusContentOnTriggerBlur: true
}, _react.default.createElement(_uiOverlays.Popover.Content, null, _this3.renderCalendar({
}, _react.default.createElement(_Popover.Popover.Content, null, _this3.renderCalendar({
getListProps: getListProps,

@@ -318,3 +321,3 @@ getOptionProps: getOptionProps

return DateInput;
}(_react.Component), _class2.Day = _uiCalendar.Calendar.Day, _class2.propTypes = {
}(_react.Component), _class2.Day = _Calendar.Calendar.Day, _class2.propTypes = {
/**

@@ -328,3 +331,3 @@ * Specifies the input label.

*/
value: (0, _uiPropTypes.controllable)(_propTypes.default.string),
value: (0, _controllable.controllable)(_propTypes.default.string),

@@ -398,3 +401,3 @@ /**

*/
messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),

@@ -404,3 +407,3 @@ /**

*/
placement: _uiLayout.LayoutPropTypes.placement,
placement: _LayoutPropTypes.LayoutPropTypes.placement,

@@ -488,3 +491,3 @@ /**

*/
children: _uiPropTypes.Children.oneOf([_uiCalendar.Calendar.Day])
children: _Children.Children.oneOf([_Calendar.Calendar.Day])
}, _class2.defaultProps = {

@@ -491,0 +494,0 @@ value: '',

{
"name": "@instructure/ui-date-input",
"version": "5.52.3-rc.31+81265a8b",
"version": "5.52.3-rc.32+d02cc45a",
"description": "A UI component library made by Instructure Inc.",

@@ -23,19 +23,19 @@ "author": "Instructure, Inc. Engineering and Product Design",

"devDependencies": {
"@instructure/ui-babel-preset": "5.52.3-rc.31+81265a8b",
"@instructure/ui-test-utils": "5.52.3-rc.31+81265a8b"
"@instructure/ui-babel-preset": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-test-utils": "5.52.3-rc.32+d02cc45a"
},
"dependencies": {
"@babel/runtime": "^7",
"@instructure/ui-calendar": "5.52.3-rc.31+81265a8b",
"@instructure/ui-form-field": "5.52.3-rc.31+81265a8b",
"@instructure/ui-icons": "5.52.3-rc.31+81265a8b",
"@instructure/ui-layout": "5.52.3-rc.31+81265a8b",
"@instructure/ui-overlays": "5.52.3-rc.31+81265a8b",
"@instructure/ui-prop-types": "5.52.3-rc.31+81265a8b",
"@instructure/ui-react-utils": "5.52.3-rc.31+81265a8b",
"@instructure/ui-selectable": "5.52.3-rc.31+81265a8b",
"@instructure/ui-testable": "5.52.3-rc.31+81265a8b",
"@instructure/ui-text-input": "5.52.3-rc.31+81265a8b",
"@instructure/ui-themeable": "5.52.3-rc.31+81265a8b",
"@instructure/ui-utils": "5.52.3-rc.31+81265a8b",
"@instructure/ui-calendar": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-form-field": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-icons": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-layout": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-overlays": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-prop-types": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-react-utils": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-selectable": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-testable": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-text-input": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-themeable": "5.52.3-rc.32+d02cc45a",
"@instructure/ui-utils": "5.52.3-rc.32+d02cc45a",
"prop-types": "^15"

@@ -50,3 +50,3 @@ },

"sideEffects": false,
"gitHead": "81265a8bde6e983313a8e3ca2819517b9bccd237"
"gitHead": "d02cc45a3141b784262fe29da86d5e1f87b3b2a9"
}

@@ -18,3 +18,3 @@ ---

For detailed usage and documentation, see [DateInput](#DateInputControlled).
For detailed usage and documentation, see [DateInput](#DateInput).

@@ -21,0 +21,0 @@ [npm]: https://img.shields.io/npm/v/@instructure/ui-date-input.svg

@@ -46,3 +46,2 @@ /*

category: components
id: DateInputControlled
---

@@ -49,0 +48,0 @@ **/

---
describes: DateInputControlled
id: DateInputControlled__README
describes: DateInput
---

@@ -180,3 +179,3 @@

return (
<DateInputControlled.Day
<DateInput.Day
key={dateStr}

@@ -192,3 +191,3 @@ date={dateStr}

{date.format('D')}
</DateInputControlled.Day>
</DateInput.Day>
)

@@ -222,3 +221,3 @@ })

return (
<DateInputControlled
<DateInput
label="Choose a date"

@@ -249,3 +248,3 @@ value={value}

{this.renderDays()}
</DateInputControlled>
</DateInput>
)

@@ -252,0 +251,0 @@ }

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc