@os-design/core
Advanced tools
Comparing version 1.0.165 to 1.0.166
@@ -22,3 +22,3 @@ "use strict"; | ||
var _DatePickerCalendar = _interopRequireDefault(require("./DatePickerCalendar")); | ||
var _excluded = ["left", "leftHasPadding", "right", "rightHasPadding", "placeholder", "disabled", "autoFocus", "format", "firstDayOfWeek", "locale", "showTime", "timeNotation", "range", "value", "defaultValue", "onChange", "size"]; | ||
var _excluded = ["left", "leftHasPadding", "right", "rightHasPadding", "placeholder", "disabled", "autoFocus", "autoOpen", "format", "firstDayOfWeek", "locale", "showTime", "timeNotation", "range", "value", "defaultValue", "onChange", "onClose", "size"]; | ||
var _templateObject, _templateObject2, _templateObject3, _templateObject4; | ||
@@ -80,2 +80,4 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } | ||
autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus, | ||
_ref$autoOpen = _ref.autoOpen, | ||
autoOpen = _ref$autoOpen === void 0 ? false : _ref$autoOpen, | ||
format = _ref.format, | ||
@@ -95,2 +97,4 @@ _ref$firstDayOfWeek = _ref.firstDayOfWeek, | ||
onChange = _ref.onChange, | ||
_ref$onClose = _ref.onClose, | ||
onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose, | ||
size = _ref.size, | ||
@@ -102,3 +106,3 @@ rest = _objectWithoutProperties(_ref, _excluded); | ||
mergedContainerRef = _useForwardedRef2[1]; | ||
var _useState = (0, _react.useState)(false), | ||
var _useState = (0, _react.useState)(autoOpen), | ||
_useState2 = _slicedToArray(_useState, 2), | ||
@@ -120,2 +124,9 @@ opened = _useState2[0], | ||
}, [autoFocus, containerRef]); | ||
var onCloseRef = (0, _react.useRef)(onClose); | ||
(0, _react.useEffect)(function () { | ||
onCloseRef.current = onClose; | ||
}, [onClose]); | ||
(0, _react.useEffect)(function () { | ||
if (!opened) onCloseRef.current(); | ||
}, [opened]); | ||
var formattedValue = (0, _datePickerUtils.useFormattedValue)({ | ||
@@ -267,5 +278,2 @@ forwardedValue: forwardedValue, | ||
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Select.SelectContainer, _extends({ | ||
onBlur: function onBlur() { | ||
return console.log('onBlur'); | ||
}, | ||
opened: opened, | ||
@@ -272,0 +280,0 @@ disabled: disabled, |
@@ -62,2 +62,3 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } | ||
autoFocus = false, | ||
autoOpen = false, | ||
format, | ||
@@ -72,2 +73,3 @@ firstDayOfWeek = 'sunday', | ||
onChange, | ||
onClose = () => {}, | ||
size, | ||
@@ -77,3 +79,3 @@ ...rest | ||
const [containerRef, mergedContainerRef] = useForwardedRef(ref); | ||
const [opened, setOpened] = useState(false); | ||
const [opened, setOpened] = useState(autoOpen); | ||
// eslint-disable-next-line @typescript-eslint/no-explicit-any | ||
@@ -88,2 +90,9 @@ const [forwardedValue, setForwardedValue] = useForwardedState({ | ||
}, [autoFocus, containerRef]); | ||
const onCloseRef = useRef(onClose); | ||
useEffect(() => { | ||
onCloseRef.current = onClose; | ||
}, [onClose]); | ||
useEffect(() => { | ||
if (!opened) onCloseRef.current(); | ||
}, [opened]); | ||
const formattedValue = useFormattedValue({ | ||
@@ -219,3 +228,2 @@ forwardedValue, | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectContainer, _extends({ | ||
onBlur: () => console.log('onBlur'), | ||
opened: opened, | ||
@@ -222,0 +230,0 @@ disabled: disabled, |
@@ -13,2 +13,3 @@ import { DatePickerLocale } from '@os-design/date-picker-utils'; | ||
autoFocus?: boolean; | ||
autoOpen?: boolean; | ||
format?: (value: T) => string; | ||
@@ -22,2 +23,3 @@ firstDayOfWeek?: 'sunday' | 'monday'; | ||
onChange?: (value: T | null) => void; | ||
onClose?: () => void; | ||
} | ||
@@ -24,0 +26,0 @@ interface DateNotRangePickerProps extends BaseDatePickerProps<Date> { |
{ | ||
"name": "@os-design/core", | ||
"version": "1.0.165", | ||
"version": "1.0.166", | ||
"license": "UNLICENSED", | ||
@@ -61,3 +61,3 @@ "repository": "git@gitlab.com:os-team/libs/os-design.git", | ||
}, | ||
"gitHead": "1aeb297d51a0d5c458d90c666fd487c804d13b5c" | ||
"gitHead": "57eeaa03a1f29fdeb06322ece926e905f4e59912" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1960048
17004