@skedulo/sked-ui 21.6.1 → 21.7.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.
|
@@ -13,6 +13,7 @@ export interface IAvatarDetailProps extends AvatarProps {
|
|
|
13
13
|
subtitle?: JSX.Element;
|
|
14
14
|
className?: string;
|
|
15
15
|
linkUrl?: string;
|
|
16
|
+
target?: string;
|
|
16
17
|
}
|
|
17
|
-
export declare const AvatarDetail: ({ name, imageUrl, size, subtitle, className, linkUrl }: IAvatarDetailProps) => JSX.Element;
|
|
18
|
+
export declare const AvatarDetail: ({ name, imageUrl, size, subtitle, className, linkUrl, target }: IAvatarDetailProps) => JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -108,6 +108,7 @@ export interface DatepickerProps {
|
|
|
108
108
|
* onCalendarClose fuction
|
|
109
109
|
*/
|
|
110
110
|
onCalendarClose?: () => void;
|
|
111
|
+
inputRef?: React.MutableRefObject<HTMLInputElement>;
|
|
111
112
|
}
|
|
112
113
|
declare type CustomInputType = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
113
114
|
onBlurCustom: (event?: React.FocusEvent<HTMLInputElement>) => void;
|
package/dist/index.js
CHANGED
|
@@ -6617,7 +6617,8 @@ var AvatarDetail = function AvatarDetail(_ref) {
|
|
|
6617
6617
|
subtitle = _ref$subtitle === void 0 ? null : _ref$subtitle,
|
|
6618
6618
|
_ref$className = _ref.className,
|
|
6619
6619
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
6620
|
-
linkUrl = _ref.linkUrl
|
|
6620
|
+
linkUrl = _ref.linkUrl,
|
|
6621
|
+
target = _ref.target;
|
|
6621
6622
|
var titleClasses = {
|
|
6622
6623
|
tiny: 'sk-text-xs',
|
|
6623
6624
|
small: 'sk-text-xs',
|
|
@@ -6654,7 +6655,8 @@ var AvatarDetail = function AvatarDetail(_ref) {
|
|
|
6654
6655
|
}, linkUrl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_link_Link__WEBPACK_IMPORTED_MODULE_4__["Link"], {
|
|
6655
6656
|
href: linkUrl,
|
|
6656
6657
|
type: "secondary",
|
|
6657
|
-
className: "sk-text-neutral-850"
|
|
6658
|
+
className: "sk-text-neutral-850",
|
|
6659
|
+
target: target
|
|
6658
6660
|
}, avatarName) : avatarName, subtitle && size !== 'small' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
|
|
6659
6661
|
className: classnames__WEBPACK_IMPORTED_MODULE_1___default()('sk-text-neutral-700 sk-truncate', subtitleClasses[size])
|
|
6660
6662
|
}, subtitle)));
|
|
@@ -17849,7 +17851,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
17849
17851
|
|
|
17850
17852
|
var _excluded = ["onClick", "disabled", "placeholder", "value", "onChange", "onBlur", "onKeyDown"],
|
|
17851
17853
|
_excluded2 = ["openCalendar", "onBlurCustom", "onBackspace", "Component", "onKeyDown", "onBlur"],
|
|
17852
|
-
_excluded3 = ["onChange", "onWeekSelect", "highlightWeek", "selected", "selectWeek", "selectedRange", "customInput", "highlightDates", "locale", "dateFormat", "inline", "clearable"];
|
|
17854
|
+
_excluded3 = ["onChange", "onWeekSelect", "highlightWeek", "selected", "selectWeek", "selectedRange", "customInput", "highlightDates", "locale", "dateFormat", "inline", "clearable", "inputRef"];
|
|
17853
17855
|
|
|
17854
17856
|
|
|
17855
17857
|
|
|
@@ -17976,6 +17978,7 @@ var Datepicker = function Datepicker(_ref3) {
|
|
|
17976
17978
|
inline = _ref3.inline,
|
|
17977
17979
|
_ref3$clearable = _ref3.clearable,
|
|
17978
17980
|
clearable = _ref3$clearable === void 0 ? true : _ref3$clearable,
|
|
17981
|
+
inputRef = _ref3.inputRef,
|
|
17979
17982
|
pickerProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_ref3, _excluded3);
|
|
17980
17983
|
|
|
17981
17984
|
var calendarRef = react__WEBPACK_IMPORTED_MODULE_4__["useRef"](null);
|
|
@@ -18104,7 +18107,13 @@ var Datepicker = function Datepicker(_ref3) {
|
|
|
18104
18107
|
onBackspace: handleOnBackspace,
|
|
18105
18108
|
Component: customInput || DefaultInput
|
|
18106
18109
|
}),
|
|
18107
|
-
ref:
|
|
18110
|
+
ref: function ref(datepickerRef) {
|
|
18111
|
+
calendarRef.current = datepickerRef;
|
|
18112
|
+
|
|
18113
|
+
if (inputRef) {
|
|
18114
|
+
inputRef.current = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.input;
|
|
18115
|
+
}
|
|
18116
|
+
},
|
|
18108
18117
|
highlightDates: highlightedDates,
|
|
18109
18118
|
locale: localeObject,
|
|
18110
18119
|
isClearable: true,
|