@rh-support/components 2.1.37 → 2.1.38
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.
- package/lib/cjs/AlertMessage/AlertMessage.d.ts +2 -2
- package/lib/cjs/AlertMessage/AlertMessage.d.ts.map +1 -1
- package/lib/cjs/AlertMessage/AlertMessage.js +1 -1
- package/lib/cjs/AlertMessage/index.js +5 -1
- package/lib/cjs/ConfirmationModal/ConfirmationContext.d.ts +2 -1
- package/lib/cjs/ConfirmationModal/ConfirmationContext.d.ts.map +1 -1
- package/lib/cjs/ConfirmationModal/ConfirmationContext.js +8 -4
- package/lib/cjs/ConfirmationModal/ConfirmationDialog.d.ts +2 -1
- package/lib/cjs/ConfirmationModal/ConfirmationDialog.d.ts.map +1 -1
- package/lib/cjs/ConfirmationModal/ConfirmationDialog.js +1 -1
- package/lib/cjs/ConfirmationModal/index.js +5 -1
- package/lib/cjs/CoverSpinner/CoverSpinner.d.ts +2 -1
- package/lib/cjs/CoverSpinner/CoverSpinner.d.ts.map +1 -1
- package/lib/cjs/CoverSpinner/index.js +5 -1
- package/lib/cjs/CustomContentLoader/CustomContentLoader.d.ts +2 -2
- package/lib/cjs/CustomContentLoader/CustomContentLoader.d.ts.map +1 -1
- package/lib/cjs/CustomContentLoader/index.js +5 -1
- package/lib/cjs/CustomTextInput/CustomTextInput.d.ts +1 -1
- package/lib/cjs/CustomTextInput/CustomTextInput.d.ts.map +1 -1
- package/lib/cjs/CustomTextInput/CustomTextInput.js +3 -3
- package/lib/cjs/CustomTextInput/index.js +5 -1
- package/lib/cjs/DropDownList/AsyncDropDownList.js +2 -2
- package/lib/cjs/DropDownList/DropDownList.d.ts +2 -1
- package/lib/cjs/DropDownList/DropDownList.d.ts.map +1 -1
- package/lib/cjs/DropDownList/DropDownList.js +16 -12
- package/lib/cjs/DropDownList/DropdownWrapper.d.ts +1 -1
- package/lib/cjs/DropDownList/DropdownWrapper.d.ts.map +1 -1
- package/lib/cjs/DropDownList/DropdownWrapper.js +1 -1
- package/lib/cjs/DropDownList/MultiSelectDropdownList.js +1 -1
- package/lib/cjs/DropDownList/SearchableList.d.ts +1 -1
- package/lib/cjs/DropDownList/SearchableList.d.ts.map +1 -1
- package/lib/cjs/DropDownList/SearchableList.js +6 -6
- package/lib/cjs/DropDownList/SelectList.d.ts +1 -1
- package/lib/cjs/DropDownList/SelectList.d.ts.map +1 -1
- package/lib/cjs/DropDownList/SelectList.js +3 -3
- package/lib/cjs/DropDownList/async.d.ts +1 -1
- package/lib/cjs/DropDownList/async.js +16 -12
- package/lib/cjs/DropDownList/index.js +5 -1
- package/lib/cjs/DropDownList/types.d.ts +6 -6
- package/lib/cjs/DropDownList/types.d.ts.map +1 -1
- package/lib/cjs/DropDownList/withMulti.js +9 -5
- package/lib/cjs/ErrorBoundary/ErrorBoundary.d.ts +2 -1
- package/lib/cjs/ErrorBoundary/ErrorBoundary.d.ts.map +1 -1
- package/lib/cjs/ErrorBoundary/ErrorBoundary.js +7 -3
- package/lib/cjs/ErrorBoundary/ErrorBoundaryFallbackComponent.d.ts +2 -1
- package/lib/cjs/ErrorBoundary/ErrorBoundaryFallbackComponent.d.ts.map +1 -1
- package/lib/cjs/ErrorBoundary/ErrorBoundaryFallbackComponent.js +1 -1
- package/lib/cjs/ErrorBoundary/index.js +5 -1
- package/lib/cjs/ErrorPages/Generic403.d.ts +2 -1
- package/lib/cjs/ErrorPages/Generic403.d.ts.map +1 -1
- package/lib/cjs/ErrorPages/index.js +5 -1
- package/lib/cjs/FeedbackForm/FeedbackForm.d.ts +2 -1
- package/lib/cjs/FeedbackForm/FeedbackForm.d.ts.map +1 -1
- package/lib/cjs/FeedbackForm/FeedbackForm.js +12 -8
- package/lib/cjs/FeedbackForm/index.js +5 -1
- package/lib/cjs/Functional/CaseContactsSelectorExternal.d.ts +4 -4
- package/lib/cjs/Functional/CaseContactsSelectorExternal.d.ts.map +1 -1
- package/lib/cjs/Functional/CaseContactsSelectorExternal.js +26 -22
- package/lib/cjs/Functional/index.js +5 -1
- package/lib/cjs/InlineEdit/InlineEdit.d.ts +2 -2
- package/lib/cjs/InlineEdit/InlineEdit.d.ts.map +1 -1
- package/lib/cjs/InlineEdit/InlineEdit.js +8 -4
- package/lib/cjs/InlineEdit/NewInlineEdit.d.ts +2 -2
- package/lib/cjs/InlineEdit/NewInlineEdit.d.ts.map +1 -1
- package/lib/cjs/InlineEdit/NewInlineEdit.js +9 -5
- package/lib/cjs/InlineEdit/index.js +5 -1
- package/lib/cjs/LanguageSelector/LanguageSelector.d.ts +2 -1
- package/lib/cjs/LanguageSelector/LanguageSelector.d.ts.map +1 -1
- package/lib/cjs/LanguageSelector/LanguageSelector.js +8 -4
- package/lib/cjs/LanguageSelector/index.js +5 -1
- package/lib/cjs/LoadingDots/LoadingDots.d.ts +2 -1
- package/lib/cjs/LoadingDots/LoadingDots.d.ts.map +1 -1
- package/lib/cjs/LoadingDots/index.js +5 -1
- package/lib/cjs/LoadingIndicator/LoadingIndicator.d.ts +2 -1
- package/lib/cjs/LoadingIndicator/LoadingIndicator.d.ts.map +1 -1
- package/lib/cjs/LoadingIndicator/index.js +5 -1
- package/lib/cjs/LoginModal/LoginModal.d.ts +2 -1
- package/lib/cjs/LoginModal/LoginModal.d.ts.map +1 -1
- package/lib/cjs/LoginModal/index.js +5 -1
- package/lib/cjs/MarkdownEditor/MarkdownEditor.d.ts +1 -1
- package/lib/cjs/MarkdownEditor/MarkdownEditor.d.ts.map +1 -1
- package/lib/cjs/MarkdownEditor/MarkdownEditor.js +33 -29
- package/lib/cjs/MarkdownEditor/index.js +5 -1
- package/lib/cjs/MoreOrLess/MoreOrLess.d.ts +1 -1
- package/lib/cjs/MoreOrLess/MoreOrLess.d.ts.map +1 -1
- package/lib/cjs/MoreOrLess/MoreOrLess.js +14 -10
- package/lib/cjs/MoreOrLess/index.js +5 -1
- package/lib/cjs/PaginatedList/PaginatedList.d.ts +1 -1
- package/lib/cjs/PaginatedList/PaginatedList.d.ts.map +1 -1
- package/lib/cjs/PaginatedList/PaginatedList.js +9 -5
- package/lib/cjs/PaginatedList/index.js +5 -1
- package/lib/cjs/PaginationCompact/PaginationCompact.d.ts +2 -1
- package/lib/cjs/PaginationCompact/PaginationCompact.d.ts.map +1 -1
- package/lib/cjs/PaginationCompact/PaginationCompact.js +8 -4
- package/lib/cjs/PaginationCompact/index.js +5 -1
- package/lib/cjs/PhoneInput/PhoneInput.d.ts +2 -1
- package/lib/cjs/PhoneInput/PhoneInput.d.ts.map +1 -1
- package/lib/cjs/PhoneInput/PhoneInput.js +41 -37
- package/lib/cjs/PhoneInput/index.js +5 -1
- package/lib/cjs/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts +2 -1
- package/lib/cjs/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts.map +1 -1
- package/lib/cjs/ProgressBar/CircularProgressBar/Path.d.ts +1 -1
- package/lib/cjs/ProgressBar/CircularProgressBar/Path.d.ts.map +1 -1
- package/lib/cjs/ProgressBar/CircularProgressBar/index.js +5 -1
- package/lib/cjs/ProgressBar/CircularProgressBar/types.d.ts +3 -3
- package/lib/cjs/ProgressBar/CircularProgressBar/types.d.ts.map +1 -1
- package/lib/cjs/ProgressBar/ProgressBar.d.ts +1 -1
- package/lib/cjs/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/cjs/ProgressBar/index.js +5 -1
- package/lib/cjs/PromisifyModal/PromisifyModal.d.ts +3 -3
- package/lib/cjs/PromisifyModal/PromisifyModal.d.ts.map +1 -1
- package/lib/cjs/PromisifyModal/PromisifyModal.js +6 -4
- package/lib/cjs/PromisifyModal/index.js +5 -1
- package/lib/cjs/SubscriptionAbuse/SubscriptionAbuseModal.d.ts +2 -1
- package/lib/cjs/SubscriptionAbuse/SubscriptionAbuseModal.d.ts.map +1 -1
- package/lib/cjs/SubscriptionAbuse/SubscriptionAbuseModal.js +1 -1
- package/lib/cjs/SubscriptionAbuse/const.d.ts +2 -1
- package/lib/cjs/SubscriptionAbuse/const.d.ts.map +1 -1
- package/lib/cjs/SubscriptionAbuse/index.js +5 -1
- package/lib/cjs/SupportFeedbackForm/SupportFeedbackForm.d.ts +2 -1
- package/lib/cjs/SupportFeedbackForm/SupportFeedbackForm.d.ts.map +1 -1
- package/lib/cjs/SupportFeedbackForm/SupportFeedbackForm.js +6 -2
- package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.d.ts +2 -1
- package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.d.ts.map +1 -1
- package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.js +13 -9
- package/lib/cjs/SupportFeedbackForm/index.js +5 -1
- package/lib/cjs/Table/PFTable.d.ts +2 -2
- package/lib/cjs/Table/PFTable.d.ts.map +1 -1
- package/lib/cjs/Table/PFTable.js +15 -11
- package/lib/cjs/Table/TableColumnSelector.d.ts +2 -1
- package/lib/cjs/Table/TableColumnSelector.d.ts.map +1 -1
- package/lib/cjs/Table/TableColumnSelector.js +4 -4
- package/lib/cjs/Table/TableComponent.d.ts +1 -1
- package/lib/cjs/Table/TableComponent.d.ts.map +1 -1
- package/lib/cjs/Table/TableComponent.js +7 -3
- package/lib/cjs/Table/TablePagination.d.ts +2 -1
- package/lib/cjs/Table/TablePagination.d.ts.map +1 -1
- package/lib/cjs/Table/TablePagination.js +7 -3
- package/lib/cjs/Table/index.js +5 -1
- package/lib/cjs/TermsAndConditions/AcceptTermsModal.d.ts +2 -1
- package/lib/cjs/TermsAndConditions/AcceptTermsModal.d.ts.map +1 -1
- package/lib/cjs/TermsAndConditions/AcceptTermsModal.js +12 -8
- package/lib/cjs/TermsAndConditions/index.js +5 -1
- package/lib/cjs/TextAreaAutosize/TextAreaAutosize.d.ts +1 -1
- package/lib/cjs/TextAreaAutosize/TextAreaAutosize.d.ts.map +1 -1
- package/lib/cjs/TextAreaAutosize/TextAreaAutosize.js +14 -10
- package/lib/cjs/TextAreaAutosize/index.js +5 -1
- package/lib/cjs/TextAreaResizable/TextAreaResizable.d.ts +1 -1
- package/lib/cjs/TextAreaResizable/TextAreaResizable.d.ts.map +1 -1
- package/lib/cjs/TextAreaResizable/TextAreaResizable.js +7 -3
- package/lib/cjs/TextAreaResizable/index.js +5 -1
- package/lib/cjs/ToastNotification/ToastNotification.d.ts.map +1 -1
- package/lib/cjs/ToastNotification/ToastNotification.js +17 -9
- package/lib/cjs/ToastNotification/index.js +5 -1
- package/lib/cjs/TopContentSearch/TopContentSearch.d.ts +1 -1
- package/lib/cjs/TopContentSearch/TopContentSearch.d.ts.map +1 -1
- package/lib/cjs/TopContentSearch/TopContentSearch.js +19 -15
- package/lib/cjs/TopContentSearch/index.js +5 -1
- package/lib/cjs/ValueChangedIcon/ValueChangedIcon.d.ts +1 -1
- package/lib/cjs/ValueChangedIcon/ValueChangedIcon.d.ts.map +1 -1
- package/lib/cjs/ValueChangedIcon/ValueChangedIcon.js +13 -9
- package/lib/cjs/ValueChangedIcon/index.js +5 -1
- package/lib/cjs/helperFunctions/errorMessage.d.ts +1 -0
- package/lib/cjs/helperFunctions/errorMessage.d.ts.map +1 -1
- package/lib/cjs/helperFunctions/errorMessage.js +1 -1
- package/lib/cjs/helperFunctions/index.js +5 -1
- package/lib/cjs/hooks/index.js +5 -1
- package/lib/cjs/hooks/useBreakpoint.d.ts +2 -2
- package/lib/cjs/hooks/useBreakpoint.d.ts.map +1 -1
- package/lib/cjs/hooks/useBreakpoint.js +8 -4
- package/lib/cjs/hooks/useCopyToClipboard.d.ts.map +1 -1
- package/lib/cjs/hooks/useCopyToClipboard.js +4 -3
- package/lib/cjs/hooks/useDebounce.js +4 -4
- package/lib/cjs/hooks/useFetch.js +6 -7
- package/lib/cjs/hooks/useForceUpdate.js +1 -1
- package/lib/cjs/hooks/useForkRef.js +1 -1
- package/lib/cjs/hooks/useLRUCache.js +2 -2
- package/lib/cjs/hooks/useLocalStorage.d.ts +2 -2
- package/lib/cjs/hooks/useLocalStorage.d.ts.map +1 -1
- package/lib/cjs/hooks/useLocalStorage.js +2 -2
- package/lib/cjs/hooks/useOnScreen.js +2 -2
- package/lib/cjs/hooks/usePolling.js +2 -2
- package/lib/cjs/hooks/usePrevious.js +2 -2
- package/lib/cjs/hooks/useSelectKeyboardNavigator.js +2 -2
- package/lib/cjs/hooks/useTitle.js +1 -1
- package/lib/cjs/hooks/useUndo.js +6 -6
- package/lib/cjs/index.js +5 -1
- package/lib/esm/AlertMessage/AlertMessage.d.ts +2 -2
- package/lib/esm/AlertMessage/AlertMessage.d.ts.map +1 -1
- package/lib/esm/ConfirmationModal/ConfirmationContext.d.ts +2 -1
- package/lib/esm/ConfirmationModal/ConfirmationContext.d.ts.map +1 -1
- package/lib/esm/ConfirmationModal/ConfirmationDialog.d.ts +2 -1
- package/lib/esm/ConfirmationModal/ConfirmationDialog.d.ts.map +1 -1
- package/lib/esm/CoverSpinner/CoverSpinner.d.ts +2 -1
- package/lib/esm/CoverSpinner/CoverSpinner.d.ts.map +1 -1
- package/lib/esm/CustomContentLoader/CustomContentLoader.d.ts +2 -2
- package/lib/esm/CustomContentLoader/CustomContentLoader.d.ts.map +1 -1
- package/lib/esm/CustomTextInput/CustomTextInput.d.ts +1 -1
- package/lib/esm/CustomTextInput/CustomTextInput.d.ts.map +1 -1
- package/lib/esm/DropDownList/DropDownList.d.ts +2 -1
- package/lib/esm/DropDownList/DropDownList.d.ts.map +1 -1
- package/lib/esm/DropDownList/DropdownWrapper.d.ts +1 -1
- package/lib/esm/DropDownList/DropdownWrapper.d.ts.map +1 -1
- package/lib/esm/DropDownList/SearchableList.d.ts +1 -1
- package/lib/esm/DropDownList/SearchableList.d.ts.map +1 -1
- package/lib/esm/DropDownList/SelectList.d.ts +1 -1
- package/lib/esm/DropDownList/SelectList.d.ts.map +1 -1
- package/lib/esm/DropDownList/async.d.ts +1 -1
- package/lib/esm/DropDownList/types.d.ts +6 -6
- package/lib/esm/DropDownList/types.d.ts.map +1 -1
- package/lib/esm/ErrorBoundary/ErrorBoundary.d.ts +2 -1
- package/lib/esm/ErrorBoundary/ErrorBoundary.d.ts.map +1 -1
- package/lib/esm/ErrorBoundary/ErrorBoundary.js +1 -1
- package/lib/esm/ErrorBoundary/ErrorBoundaryFallbackComponent.d.ts +2 -1
- package/lib/esm/ErrorBoundary/ErrorBoundaryFallbackComponent.d.ts.map +1 -1
- package/lib/esm/ErrorPages/Generic403.d.ts +2 -1
- package/lib/esm/ErrorPages/Generic403.d.ts.map +1 -1
- package/lib/esm/FeedbackForm/FeedbackForm.d.ts +2 -1
- package/lib/esm/FeedbackForm/FeedbackForm.d.ts.map +1 -1
- package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts +4 -4
- package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts.map +1 -1
- package/lib/esm/Functional/CaseContactsSelectorExternal.js +7 -7
- package/lib/esm/InlineEdit/InlineEdit.d.ts +2 -2
- package/lib/esm/InlineEdit/InlineEdit.d.ts.map +1 -1
- package/lib/esm/InlineEdit/NewInlineEdit.d.ts +2 -2
- package/lib/esm/InlineEdit/NewInlineEdit.d.ts.map +1 -1
- package/lib/esm/LanguageSelector/LanguageSelector.d.ts +2 -1
- package/lib/esm/LanguageSelector/LanguageSelector.d.ts.map +1 -1
- package/lib/esm/LoadingDots/LoadingDots.d.ts +2 -1
- package/lib/esm/LoadingDots/LoadingDots.d.ts.map +1 -1
- package/lib/esm/LoadingIndicator/LoadingIndicator.d.ts +2 -1
- package/lib/esm/LoadingIndicator/LoadingIndicator.d.ts.map +1 -1
- package/lib/esm/LoginModal/LoginModal.d.ts +2 -1
- package/lib/esm/LoginModal/LoginModal.d.ts.map +1 -1
- package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts +1 -1
- package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts.map +1 -1
- package/lib/esm/MoreOrLess/MoreOrLess.d.ts +1 -1
- package/lib/esm/MoreOrLess/MoreOrLess.d.ts.map +1 -1
- package/lib/esm/PaginatedList/PaginatedList.d.ts +1 -1
- package/lib/esm/PaginatedList/PaginatedList.d.ts.map +1 -1
- package/lib/esm/PaginationCompact/PaginationCompact.d.ts +2 -1
- package/lib/esm/PaginationCompact/PaginationCompact.d.ts.map +1 -1
- package/lib/esm/PhoneInput/PhoneInput.d.ts +2 -1
- package/lib/esm/PhoneInput/PhoneInput.d.ts.map +1 -1
- package/lib/esm/PhoneInput/PhoneInput.js +7 -7
- package/lib/esm/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts +2 -1
- package/lib/esm/ProgressBar/CircularProgressBar/CircularProgressBar.d.ts.map +1 -1
- package/lib/esm/ProgressBar/CircularProgressBar/Path.d.ts +1 -1
- package/lib/esm/ProgressBar/CircularProgressBar/Path.d.ts.map +1 -1
- package/lib/esm/ProgressBar/CircularProgressBar/types.d.ts +3 -3
- package/lib/esm/ProgressBar/CircularProgressBar/types.d.ts.map +1 -1
- package/lib/esm/ProgressBar/ProgressBar.d.ts +1 -1
- package/lib/esm/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/esm/PromisifyModal/PromisifyModal.d.ts +3 -3
- package/lib/esm/PromisifyModal/PromisifyModal.d.ts.map +1 -1
- package/lib/esm/PromisifyModal/PromisifyModal.js +6 -4
- package/lib/esm/SubscriptionAbuse/SubscriptionAbuseModal.d.ts +2 -1
- package/lib/esm/SubscriptionAbuse/SubscriptionAbuseModal.d.ts.map +1 -1
- package/lib/esm/SubscriptionAbuse/const.d.ts +2 -1
- package/lib/esm/SubscriptionAbuse/const.d.ts.map +1 -1
- package/lib/esm/SupportFeedbackForm/SupportFeedbackForm.d.ts +2 -1
- package/lib/esm/SupportFeedbackForm/SupportFeedbackForm.d.ts.map +1 -1
- package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts +2 -1
- package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts.map +1 -1
- package/lib/esm/Table/PFTable.d.ts +2 -2
- package/lib/esm/Table/PFTable.d.ts.map +1 -1
- package/lib/esm/Table/TableColumnSelector.d.ts +2 -1
- package/lib/esm/Table/TableColumnSelector.d.ts.map +1 -1
- package/lib/esm/Table/TableComponent.d.ts +1 -1
- package/lib/esm/Table/TableComponent.d.ts.map +1 -1
- package/lib/esm/Table/TablePagination.d.ts +2 -1
- package/lib/esm/Table/TablePagination.d.ts.map +1 -1
- package/lib/esm/TermsAndConditions/AcceptTermsModal.d.ts +2 -1
- package/lib/esm/TermsAndConditions/AcceptTermsModal.d.ts.map +1 -1
- package/lib/esm/TextAreaAutosize/TextAreaAutosize.d.ts +1 -1
- package/lib/esm/TextAreaAutosize/TextAreaAutosize.d.ts.map +1 -1
- package/lib/esm/TextAreaResizable/TextAreaResizable.d.ts +1 -1
- package/lib/esm/TextAreaResizable/TextAreaResizable.d.ts.map +1 -1
- package/lib/esm/ToastNotification/ToastNotification.d.ts.map +1 -1
- package/lib/esm/ToastNotification/ToastNotification.js +12 -4
- package/lib/esm/TopContentSearch/TopContentSearch.d.ts +1 -1
- package/lib/esm/TopContentSearch/TopContentSearch.d.ts.map +1 -1
- package/lib/esm/ValueChangedIcon/ValueChangedIcon.d.ts +1 -1
- package/lib/esm/ValueChangedIcon/ValueChangedIcon.d.ts.map +1 -1
- package/lib/esm/helperFunctions/errorMessage.d.ts +1 -0
- package/lib/esm/helperFunctions/errorMessage.d.ts.map +1 -1
- package/lib/esm/hooks/useBreakpoint.d.ts +2 -2
- package/lib/esm/hooks/useBreakpoint.d.ts.map +1 -1
- package/lib/esm/hooks/useCopyToClipboard.d.ts.map +1 -1
- package/lib/esm/hooks/useCopyToClipboard.js +1 -0
- package/lib/esm/hooks/useFetch.js +1 -2
- package/lib/esm/hooks/useLocalStorage.d.ts +2 -2
- package/lib/esm/hooks/useLocalStorage.d.ts.map +1 -1
- package/package.json +21 -17
|
@@ -15,8 +15,8 @@ interface IProps {
|
|
|
15
15
|
variant: AlertType;
|
|
16
16
|
isInline?: boolean;
|
|
17
17
|
}
|
|
18
|
-
export
|
|
19
|
-
declare function AlertMessage(props: IProps): JSX.Element;
|
|
18
|
+
export type AlertMessageProps = IProps;
|
|
19
|
+
declare function AlertMessage(props: IProps): React.JSX.Element;
|
|
20
20
|
declare namespace AlertMessage {
|
|
21
21
|
var defaultProps: Partial<IProps>;
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertMessage.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/AlertMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,SAAS;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;CACtB;AACD,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,
|
|
1
|
+
{"version":3,"file":"AlertMessage.d.ts","sourceRoot":"","sources":["../../../src/AlertMessage/AlertMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,oBAAY,SAAS;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;CACtB;AACD,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAOvC,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBAkBlC;kBAlBQ,YAAY;;;AAoBrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -13,7 +13,7 @@ var AlertType;
|
|
|
13
13
|
AlertType["WARNING"] = "warning";
|
|
14
14
|
AlertType["INFO"] = "info";
|
|
15
15
|
AlertType["SUCCESS"] = "success";
|
|
16
|
-
})(AlertType
|
|
16
|
+
})(AlertType || (exports.AlertType = AlertType = {}));
|
|
17
17
|
const defaultProps = {
|
|
18
18
|
className: '',
|
|
19
19
|
show: false,
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ConfirmationOptions } from './ConfirmationDialog';
|
|
2
3
|
export declare const useConfirmation: () => (options: ConfirmationOptions) => Promise<void>;
|
|
3
4
|
export declare const ConfirmationServiceProvider: ({ children }: {
|
|
4
5
|
children: any;
|
|
5
|
-
}) => JSX.Element;
|
|
6
|
+
}) => React.JSX.Element;
|
|
6
7
|
//# sourceMappingURL=ConfirmationContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationContext.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConfirmationContext.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAsB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAI/E,eAAO,MAAM,eAAe,kBAFqC,mBAAmB,KAAK,QAAQ,IAAI,CAE1B,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;uBA2CvC,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -23,11 +27,11 @@ exports.ConfirmationServiceProvider = exports.useConfirmation = void 0;
|
|
|
23
27
|
const react_1 = __importStar(require("react"));
|
|
24
28
|
const ConfirmationDialog_1 = require("./ConfirmationDialog");
|
|
25
29
|
const ConfirmationServiceContext = react_1.default.createContext(Promise.reject);
|
|
26
|
-
const useConfirmation = () => react_1.useContext(ConfirmationServiceContext);
|
|
30
|
+
const useConfirmation = () => (0, react_1.useContext)(ConfirmationServiceContext);
|
|
27
31
|
exports.useConfirmation = useConfirmation;
|
|
28
32
|
const ConfirmationServiceProvider = ({ children }) => {
|
|
29
|
-
const [confirmationState, setConfirmationState] = react_1.useState(null);
|
|
30
|
-
const awaitingPromiseRef = react_1.useRef();
|
|
33
|
+
const [confirmationState, setConfirmationState] = (0, react_1.useState)(null);
|
|
34
|
+
const awaitingPromiseRef = (0, react_1.useRef)();
|
|
31
35
|
const openConfirmation = (options) => {
|
|
32
36
|
setConfirmationState(options);
|
|
33
37
|
return new Promise((resolve, reject) => {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ButtonVariant, ModalVariant } from '@patternfly/react-core';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
export interface ConfirmationOptions {
|
|
3
4
|
catchOnCancel?: boolean;
|
|
4
5
|
title?: string;
|
|
@@ -15,7 +16,7 @@ interface IProps extends ConfirmationOptions {
|
|
|
15
16
|
onClose: () => void;
|
|
16
17
|
modalVariant?: ModalVariant;
|
|
17
18
|
}
|
|
18
|
-
declare function ConfirmationDialog(props: IProps): JSX.Element;
|
|
19
|
+
declare function ConfirmationDialog(props: IProps): React.JSX.Element;
|
|
19
20
|
declare namespace ConfirmationDialog {
|
|
20
21
|
var defaultProps: {
|
|
21
22
|
confirmText: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,EAAS,YAAY,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/ConfirmationModal/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,aAAa,EAAS,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAED,UAAU,MAAO,SAAQ,mBAAmB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAUD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAsBxC;kBAtBQ,kBAAkB;;;;;;;;;AAwB3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -15,7 +15,7 @@ const defaultProps = {
|
|
|
15
15
|
modalVariant: react_core_1.ModalVariant.medium,
|
|
16
16
|
};
|
|
17
17
|
function ConfirmationDialog(props) {
|
|
18
|
-
const { t } = react_i18next_1.useTranslation();
|
|
18
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
19
19
|
return (react_1.default.createElement(react_core_1.Modal, { variant: props.modalVariant, "aria-describedby": "se-confirm-dialog", "aria-label": t('confirmation modal'), title: props.title || '', isOpen: props.open, onClose: props.onClose, actions: [
|
|
20
20
|
react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: props.onConfirm, variant: props.confirmButtonVariant },
|
|
21
21
|
react_1.default.createElement(react_i18next_1.Trans, null, props.confirmText)),
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CoverSpinner.d.ts","sourceRoot":"","sources":["../../../src/CoverSpinner/CoverSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"CoverSpinner.d.ts","sourceRoot":"","sources":["../../../src/CoverSpinner/CoverSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,YAAY,sBAM3B"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function OverviewContentLoader(): JSX.Element;
|
|
2
|
+
export declare function OverviewContentLoader(): React.JSX.Element;
|
|
3
3
|
export interface IContentLoaderRectangle {
|
|
4
4
|
width: string;
|
|
5
5
|
height: string;
|
|
@@ -10,6 +10,6 @@ interface ICustomerContentLoaderProps {
|
|
|
10
10
|
children?: React.ReactChildren;
|
|
11
11
|
rectangles?: IContentLoaderRectangle[];
|
|
12
12
|
}
|
|
13
|
-
export declare function CustomContentLoader(props: ICustomerContentLoaderProps): JSX.Element;
|
|
13
|
+
export declare function CustomContentLoader(props: ICustomerContentLoaderProps): React.JSX.Element;
|
|
14
14
|
export {};
|
|
15
15
|
//# sourceMappingURL=CustomContentLoader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomContentLoader.d.ts","sourceRoot":"","sources":["../../../src/CustomContentLoader/CustomContentLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"CustomContentLoader.d.ts","sourceRoot":"","sources":["../../../src/CustomContentLoader/CustomContentLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,qBAAqB,sBAgEpC;AAED,MAAM,WAAW,uBAAuB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,2BAA2B;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAC;CAC1C;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,2BAA2B,qBAUrE"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -9,6 +9,6 @@ interface IProps extends TextInputProps {
|
|
|
9
9
|
isDisabled?: boolean;
|
|
10
10
|
onChange?: ((event: React.FormEvent<HTMLInputElement>, value: string) => void) | undefined;
|
|
11
11
|
}
|
|
12
|
-
export declare const CustomTextInput: (props: IProps) => JSX.Element;
|
|
12
|
+
export declare const CustomTextInput: (props: IProps) => React.JSX.Element;
|
|
13
13
|
export {};
|
|
14
14
|
//# sourceMappingURL=CustomTextInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomTextInput.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/CustomTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAErF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,cAAc;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9F;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"CustomTextInput.d.ts","sourceRoot":"","sources":["../../../src/CustomTextInput/CustomTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAoB,MAAM,wBAAwB,CAAC;AAErF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,cAAc;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9F;AAED,eAAO,MAAM,eAAe,UAAW,MAAM,sBAsD5C,CAAC"}
|
|
@@ -29,7 +29,7 @@ const CustomTextInput = (props) => {
|
|
|
29
29
|
};
|
|
30
30
|
// Function to check for validity
|
|
31
31
|
const validatedCheck = () => {
|
|
32
|
-
if (!isEmpty_1.default(value)) {
|
|
32
|
+
if (!(0, isEmpty_1.default)(value)) {
|
|
33
33
|
if (validated === 'error') {
|
|
34
34
|
return 'error';
|
|
35
35
|
}
|
|
@@ -37,12 +37,12 @@ const CustomTextInput = (props) => {
|
|
|
37
37
|
return validated;
|
|
38
38
|
}
|
|
39
39
|
else if (!isSpaceAllowed) {
|
|
40
|
-
return isEmpty_1.default(value === null || value === void 0 ? void 0 : value.trim()) ? 'error' : 'default';
|
|
40
|
+
return (0, isEmpty_1.default)(value === null || value === void 0 ? void 0 : value.trim()) ? 'error' : 'default';
|
|
41
41
|
}
|
|
42
42
|
else
|
|
43
43
|
return validated;
|
|
44
44
|
}
|
|
45
|
-
if (isRequired && isEmpty_1.default(value))
|
|
45
|
+
if (isRequired && (0, isEmpty_1.default)(value))
|
|
46
46
|
return 'error';
|
|
47
47
|
};
|
|
48
48
|
return (react_1.default.createElement(react_core_1.TextInput, Object.assign({}, rest, { isRequired: isRequired, className: className, type: type, maxLength: maxLength, value: value, isDisabled: isDisabled, "aria-label": props['aria-label'], placeholder: placeholder, onChange: (event, value) => onTextInputChange(value, event), validated: validatedCheck(), name: name })));
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -4,7 +4,7 @@ exports.AsyncMultiDropDownList = exports.AsyncDropDownList = void 0;
|
|
|
4
4
|
const async_1 = require("./async");
|
|
5
5
|
const DropDownList_1 = require("./DropDownList");
|
|
6
6
|
const MultiSelectDropdownList_1 = require("./MultiSelectDropdownList");
|
|
7
|
-
const AsyncDropDownList = async_1.withAsync(DropDownList_1.Dropdown);
|
|
7
|
+
const AsyncDropDownList = (0, async_1.withAsync)(DropDownList_1.Dropdown);
|
|
8
8
|
exports.AsyncDropDownList = AsyncDropDownList;
|
|
9
|
-
const AsyncMultiDropDownList = async_1.withAsync(MultiSelectDropdownList_1.MultiSelectDropDownList);
|
|
9
|
+
const AsyncMultiDropDownList = (0, async_1.withAsync)(MultiSelectDropdownList_1.MultiSelectDropDownList);
|
|
10
10
|
exports.AsyncMultiDropDownList = AsyncMultiDropDownList;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import './dropdownList.css';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
import { IDropdownListProps } from './types';
|
|
3
|
-
declare function Dropdown<T>(props: IDropdownListProps<T>): JSX.Element;
|
|
4
|
+
declare function Dropdown<T>(props: IDropdownListProps<T>): React.JSX.Element;
|
|
4
5
|
declare namespace Dropdown {
|
|
5
6
|
var defaultProps: Partial<IDropdownListProps<any>>;
|
|
6
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropDownList.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropDownList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropDownList.tsx"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAO5B,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAuB7C,iBAAS,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,qBAoJhD;kBApJQ,QAAQ;;;AAsJjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -54,12 +58,12 @@ const defaultProps = {
|
|
|
54
58
|
};
|
|
55
59
|
function Dropdown(props) {
|
|
56
60
|
var _a, _b, _c;
|
|
57
|
-
const [resultsShown, setResultsShown] = react_1.useState(props.maxResults);
|
|
58
|
-
const [itemsList, setItemsList] = react_1.useState(props.list);
|
|
61
|
+
const [resultsShown, setResultsShown] = (0, react_1.useState)(props.maxResults);
|
|
62
|
+
const [itemsList, setItemsList] = (0, react_1.useState)(props.list);
|
|
59
63
|
const onChangeLocal = ({ selectedItem, }) => {
|
|
60
64
|
selectedItem && props.onChange && props.onChange(selectedItem);
|
|
61
65
|
};
|
|
62
|
-
react_1.useEffect(() => {
|
|
66
|
+
(0, react_1.useEffect)(() => {
|
|
63
67
|
setItemsList(props.list);
|
|
64
68
|
}, [props.list]);
|
|
65
69
|
const onPaginatonButtonClick = (e, downshift) => {
|
|
@@ -69,7 +73,7 @@ function Dropdown(props) {
|
|
|
69
73
|
props.onPaginate && props.onPaginate(finalCount, downshift.inputValue, e);
|
|
70
74
|
};
|
|
71
75
|
const isSelectedItemLocal = (item) => {
|
|
72
|
-
return !item.isNotSelectable && dropdownUtils_1.itemToString(props.selectedItem) === dropdownUtils_1.itemToString(item);
|
|
76
|
+
return !item.isNotSelectable && (0, dropdownUtils_1.itemToString)(props.selectedItem) === (0, dropdownUtils_1.itemToString)(item);
|
|
73
77
|
};
|
|
74
78
|
const isSelectedItem = props.isSelectedItem || isSelectedItemLocal;
|
|
75
79
|
const getListItemClassNames = (downshift, item, itemIndex) => {
|
|
@@ -97,7 +101,7 @@ function Dropdown(props) {
|
|
|
97
101
|
props.emptyListLabel &&
|
|
98
102
|
listToRender.push(react_1.default.createElement("li", { key: "empty-label", className: "pf-v5-u-p-sm" },
|
|
99
103
|
react_1.default.createElement(react_i18next_1.Trans, null, props.emptyListLabel)));
|
|
100
|
-
listToRender.push(...map_1.default(optionsToRender, (item, index) => {
|
|
104
|
+
listToRender.push(...(0, map_1.default)(optionsToRender, (item, index) => {
|
|
101
105
|
const itemProps = item.isNonActionable
|
|
102
106
|
? {}
|
|
103
107
|
: downshift.getItemProps({
|
|
@@ -106,16 +110,16 @@ function Dropdown(props) {
|
|
|
106
110
|
disabled: item.disabled,
|
|
107
111
|
className: getListItemClassNames(downshift, item, index),
|
|
108
112
|
});
|
|
109
|
-
return (react_1.default.createElement("li", { className: item.actionItem ? 'pf-v5-c-select__menu-wrapper' : '', role: "presentation", key: `${index}-${props.id}-${dropdownUtils_1.itemToString(item)}` },
|
|
110
|
-
item.isNonActionable ? (isEmpty_1.default(item.children) ? dropdownUtils_1.itemToString(item) : item.children) : null,
|
|
113
|
+
return (react_1.default.createElement("li", { className: item.actionItem ? 'pf-v5-c-select__menu-wrapper' : '', role: "presentation", key: `${index}-${props.id}-${(0, dropdownUtils_1.itemToString)(item)}` },
|
|
114
|
+
item.isNonActionable ? ((0, isEmpty_1.default)(item.children) ? (0, dropdownUtils_1.itemToString)(item) : item.children) : null,
|
|
111
115
|
props.multiSelect && !item.isNotSelectable && !item.isNonActionable && (react_1.default.createElement("div", Object.assign({}, itemProps),
|
|
112
116
|
react_1.default.createElement("div", { className: item.additionalInfo ? 'pf-v5-c-select__menu-item-main' : '' },
|
|
113
117
|
react_1.default.createElement("input", { disabled: item.disabled === true, className: "pf-v5-c-check__input pf-v5-u-mr-sm", checked: isSelectedItem(item), onChange: dropdownUtils_1.noop, type: "checkbox" }),
|
|
114
|
-
isEmpty_1.default(item.children) ? dropdownUtils_1.itemToString(item) : item.children),
|
|
118
|
+
(0, isEmpty_1.default)(item.children) ? (0, dropdownUtils_1.itemToString)(item) : item.children),
|
|
115
119
|
item.additionalInfo && (react_1.default.createElement("div", { className: "pf-v5-c-select__menu-item-description" }, item.additionalInfo)))),
|
|
116
|
-
!props.multiSelect && !item.isNonActionable && (react_1.default.createElement("button", Object.assign({}, itemProps, { type: "button", title: dropdownUtils_1.itemToString(item) }),
|
|
120
|
+
!props.multiSelect && !item.isNonActionable && (react_1.default.createElement("button", Object.assign({}, itemProps, { type: "button", title: (0, dropdownUtils_1.itemToString)(item) }),
|
|
117
121
|
react_1.default.createElement("div", { className: item.additionalInfo ? 'pf-v5-c-select__menu-item-main' : '' },
|
|
118
|
-
isEmpty_1.default(item.children) ? dropdownUtils_1.itemToString(item) : item.children,
|
|
122
|
+
(0, isEmpty_1.default)(item.children) ? (0, dropdownUtils_1.itemToString)(item) : item.children,
|
|
119
123
|
isSelectedItem(item) && (react_1.default.createElement("span", { className: "pf-v5-c-select__menu-item-icon" },
|
|
120
124
|
react_1.default.createElement(check_icon_1.default, { "aria-hidden": true })))),
|
|
121
125
|
item.additionalInfo && (react_1.default.createElement("div", { className: "pf-v5-c-select__menu-item-description" }, item.additionalInfo)))),
|
|
@@ -131,7 +135,7 @@ function Dropdown(props) {
|
|
|
131
135
|
return listToRender;
|
|
132
136
|
};
|
|
133
137
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
134
|
-
const selectedItem = react_1.useMemo(() => props.selectedItem, [(_c = (_b = (_a = props.selectedItem) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : props.selectedItem) !== null && _c !== void 0 ? _c : '']);
|
|
138
|
+
const selectedItem = (0, react_1.useMemo)(() => props.selectedItem, [(_c = (_b = (_a = props.selectedItem) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : props.selectedItem) !== null && _c !== void 0 ? _c : '']);
|
|
135
139
|
const newProps = Object.assign(Object.assign({}, props), { selectedItem, onChange: onChangeLocal, itemToString: dropdownUtils_1.itemToString,
|
|
136
140
|
renderListItems,
|
|
137
141
|
itemsList });
|
|
@@ -11,6 +11,6 @@ interface IProps extends IDClassNameProps {
|
|
|
11
11
|
'data-tracking-id': string;
|
|
12
12
|
hasTwoColumns: boolean;
|
|
13
13
|
}
|
|
14
|
-
export default function DropdownWrapper(props: IProps): JSX.Element;
|
|
14
|
+
export default function DropdownWrapper(props: IProps): React.JSX.Element;
|
|
15
15
|
export {};
|
|
16
16
|
//# sourceMappingURL=DropdownWrapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,+BAA+B,EAC/B,8BAA8B,EAC9B,6BAA6B,EAC7B,4BAA4B,EAC/B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,gBAAgB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CACV,OAAO,CAAC,EAAE,8BAA8B,GAAG,4BAA4B,EACvE,YAAY,CAAC,EAAE,qBAAqB,KACnC,GAAG,CAAC;IACT,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,+BAA+B,GAAG,6BAA6B,KAAK,GAAG,CAAC;IAClG,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EACH,qBAAqB,EACrB,+BAA+B,EAC/B,8BAA8B,EAC9B,6BAA6B,EAC7B,4BAA4B,EAC/B,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAO,SAAQ,gBAAgB;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CACV,OAAO,CAAC,EAAE,8BAA8B,GAAG,4BAA4B,EACvE,YAAY,CAAC,EAAE,qBAAqB,KACnC,GAAG,CAAC;IACT,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,+BAA+B,GAAG,6BAA6B,KAAK,GAAG,CAAC;IAClG,mBAAmB,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACxD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA6BpD"}
|
|
@@ -10,7 +10,7 @@ function DropdownWrapper(props) {
|
|
|
10
10
|
// on ios devices the onBlur event is called before the onClick event, so selecting an item in droponw
|
|
11
11
|
// closes the dropdown without selecting the item
|
|
12
12
|
// this is just a hack to prevent the downshift onBlur method from being called which closes the dropdown
|
|
13
|
-
if (utils_1.isiOS()) {
|
|
13
|
+
if ((0, utils_1.isiOS)()) {
|
|
14
14
|
event.nativeEvent.preventDownshiftDefault = true;
|
|
15
15
|
}
|
|
16
16
|
};
|
|
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.MultiSelectDropDownList = void 0;
|
|
4
4
|
const DropDownList_1 = require("./DropDownList");
|
|
5
5
|
const withMulti_1 = require("./withMulti");
|
|
6
|
-
const MultiSelectDropDownList = withMulti_1.withMulti(DropDownList_1.Dropdown);
|
|
6
|
+
const MultiSelectDropDownList = (0, withMulti_1.withMulti)(DropDownList_1.Dropdown);
|
|
7
7
|
exports.MultiSelectDropDownList = MultiSelectDropDownList;
|
|
@@ -9,6 +9,6 @@ interface IProps<T> extends Omit<IDropdownListProps<T>, 'onChange' | 'onInputCha
|
|
|
9
9
|
onInputChange?: (items: IOption<T>[], inputValue: string) => void;
|
|
10
10
|
isPDFExporting?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export default function SearchableList<T>(props: IProps<T>): JSX.Element;
|
|
12
|
+
export default function SearchableList<T>(props: IProps<T>): React.JSX.Element;
|
|
13
13
|
export {};
|
|
14
14
|
//# sourceMappingURL=SearchableList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SearchableList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAEH,sBAAsB,EAEtB,sBAAsB,EAEzB,MAAM,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IACjF,eAAe,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SearchableList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAEH,sBAAsB,EAEtB,sBAAsB,EAEzB,MAAM,WAAW,CAAC;AAGnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IACjF,eAAe,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBA+IzD"}
|
|
@@ -18,8 +18,8 @@ function SearchableList(props) {
|
|
|
18
18
|
if (item.isNotSearchable || item.label === null || item.label === undefined)
|
|
19
19
|
return true;
|
|
20
20
|
const inputValueLC = inputVal ? inputVal.trim().toLowerCase() : '';
|
|
21
|
-
const labelLC = dropdownUtils_1.itemToString(item).trim().toLowerCase();
|
|
22
|
-
return includes_1.default(labelLC, inputValueLC);
|
|
21
|
+
const labelLC = (0, dropdownUtils_1.itemToString)(item).trim().toLowerCase();
|
|
22
|
+
return (0, includes_1.default)(labelLC, inputValueLC);
|
|
23
23
|
};
|
|
24
24
|
const onIsOpenChange = (changes) => {
|
|
25
25
|
if (!changes.isOpen && changes.type !== downshift_1.useCombobox.stateChangeTypes.ItemClick) {
|
|
@@ -30,8 +30,8 @@ function SearchableList(props) {
|
|
|
30
30
|
const { changes, type } = actionAndChanges;
|
|
31
31
|
switch (type) {
|
|
32
32
|
case downshift_1.useCombobox.stateChangeTypes.InputBlur:
|
|
33
|
-
return Object.assign(Object.assign({}, changes), { inputValue: dropdownUtils_1.itemToString(props.selectedItem) && downshift.inputValue !== dropdownUtils_1.itemToString(props.selectedItem)
|
|
34
|
-
? dropdownUtils_1.itemToString(props.selectedItem)
|
|
33
|
+
return Object.assign(Object.assign({}, changes), { inputValue: (0, dropdownUtils_1.itemToString)(props.selectedItem) && downshift.inputValue !== (0, dropdownUtils_1.itemToString)(props.selectedItem)
|
|
34
|
+
? (0, dropdownUtils_1.itemToString)(props.selectedItem)
|
|
35
35
|
: state.inputValue });
|
|
36
36
|
case downshift_1.useCombobox.stateChangeTypes.InputKeyDownEnter:
|
|
37
37
|
return Object.assign(Object.assign({}, changes), { inputValue: state.inputValue });
|
|
@@ -39,7 +39,7 @@ function SearchableList(props) {
|
|
|
39
39
|
return changes;
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
const downshift = downshift_1.useCombobox({
|
|
42
|
+
const downshift = (0, downshift_1.useCombobox)({
|
|
43
43
|
selectedItem: props.selectedItem,
|
|
44
44
|
items: props.itemsList,
|
|
45
45
|
onSelectedItemChange: props.onChange,
|
|
@@ -88,7 +88,7 @@ function SearchableList(props) {
|
|
|
88
88
|
onBlur: onInputBlur(),
|
|
89
89
|
})))),
|
|
90
90
|
react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, { isInline: true, show: props.isLoadingList }),
|
|
91
|
-
!isEmpty_1.default(downshift.inputValue) &&
|
|
91
|
+
!(0, isEmpty_1.default)(downshift.inputValue) &&
|
|
92
92
|
!props.isLoadingList &&
|
|
93
93
|
(!props.isExportingPDF ? (react_1.default.createElement("button", { className: "pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-clear", onClick: clearSelection(), "aria-label": "clear selection", type: "button", title: "Clear selection", disabled: props.disabled, "data-tracking-id": `${props['data-tracking-id']}-clear` },
|
|
94
94
|
react_1.default.createElement(times_circle_icon_1.default, null))) : null),
|
|
@@ -6,6 +6,6 @@ interface IProps<T> extends Omit<IDropdownListProps<T>, 'onChange'> {
|
|
|
6
6
|
renderListItems: (downshift: UseSelectReturnValue<IOption<T>>) => React.ReactNode[];
|
|
7
7
|
onChange: (changes: UseSelectStateChange<IOption<T>>) => void;
|
|
8
8
|
}
|
|
9
|
-
export default function SelectList<T>(props: IProps<T>): JSX.Element;
|
|
9
|
+
export default function SelectList<T>(props: IProps<T>): React.JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=SelectList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SelectList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAa,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAC/D,eAAe,EAAE,CAAC,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACpF,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"SelectList.d.ts","sourceRoot":"","sources":["../../../src/DropDownList/SelectList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAa,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,MAAM,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IAC/D,eAAe,EAAE,CAAC,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;IACpF,QAAQ,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,qBAgErD"}
|
|
@@ -15,7 +15,7 @@ function SelectList(props) {
|
|
|
15
15
|
props.onOuterClick && props.onOuterClick(props.selectedItem);
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
const downshift = downshift_1.useSelect(Object.assign({ selectedItem: props.selectedItem, items: props.list, onIsOpenChange, onSelectedItemChange: props.onChange, labelId: `${props.id}-label`, itemToString: dropdownUtils_1.itemToString }, (props.multiSelect && { stateReducer: dropdownUtils_1.multiSelectDropdownStateReducer })));
|
|
18
|
+
const downshift = (0, downshift_1.useSelect)(Object.assign({ selectedItem: props.selectedItem, items: props.list, onIsOpenChange, onSelectedItemChange: props.onChange, labelId: `${props.id}-label`, itemToString: dropdownUtils_1.itemToString }, (props.multiSelect && { stateReducer: dropdownUtils_1.multiSelectDropdownStateReducer })));
|
|
19
19
|
const { getToggleButtonProps, getLabelProps, getMenuProps, isOpen } = downshift;
|
|
20
20
|
const renderToggleButton = () => {
|
|
21
21
|
var _a;
|
|
@@ -26,12 +26,12 @@ function SelectList(props) {
|
|
|
26
26
|
'aria-label': `${isOpen ? 'Close ' + props.title : 'Open ' + props.title}`,
|
|
27
27
|
'aria-invalid': props.isInValid,
|
|
28
28
|
name: props.name,
|
|
29
|
-
title: dropdownUtils_1.itemToString(props.selectedItem) || props.placeholder,
|
|
29
|
+
title: (0, dropdownUtils_1.itemToString)(props.selectedItem) || props.placeholder,
|
|
30
30
|
'data-tracking-id': (_a = props['data-tracking-id']) !== null && _a !== void 0 ? _a : '',
|
|
31
31
|
onClick: props.onMenuToggle ? () => props.onMenuToggle() : dropdownUtils_1.noop,
|
|
32
32
|
})),
|
|
33
33
|
react_1.default.createElement("div", { className: "pf-v5-c-select__toggle-wrapper" },
|
|
34
|
-
react_1.default.createElement("span", { className: "pf-v5-c-select__toggle-text" }, dropdownUtils_1.itemToString(props.selectedItem) || (react_1.default.createElement("span", { className: "pf-v5-c-select__placeholder-text" }, props.placeholder)))),
|
|
34
|
+
react_1.default.createElement("span", { className: "pf-v5-c-select__toggle-text" }, (0, dropdownUtils_1.itemToString)(props.selectedItem) || (react_1.default.createElement("span", { className: "pf-v5-c-select__placeholder-text" }, props.placeholder)))),
|
|
35
35
|
react_1.default.createElement(LoadingIndicator_1.LoadingIndicator, { isInline: true, show: props.isLoadingList }),
|
|
36
36
|
!props.isLoadingList && (react_1.default.createElement("span", { className: "pf-v5-c-select__toggle-arrow" },
|
|
37
37
|
react_1.default.createElement(caret_down_icon_1.default, null)))));
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { IAsyncOnlyProps, IDropdownListBasePropsForAsync } from './types';
|
|
3
3
|
export declare function useAsync<OptionType, DropdownPropsType extends IDropdownListBasePropsForAsync<OptionType>>(props: DropdownPropsType & IAsyncOnlyProps<OptionType>): DropdownPropsType;
|
|
4
4
|
export declare function withAsync<DropdownPropsType extends IDropdownListBasePropsForAsync<OptionType>, OptionType>(WrappedComponent: React.ComponentType<DropdownPropsType>): {
|
|
5
|
-
(props: DropdownPropsType & IAsyncOnlyProps<OptionType>): JSX.Element;
|
|
5
|
+
(props: DropdownPropsType & IAsyncOnlyProps<OptionType>): React.JSX.Element;
|
|
6
6
|
displayName: string;
|
|
7
7
|
defaultProps: {};
|
|
8
8
|
};
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
@@ -49,12 +53,12 @@ const defaultProps = {
|
|
|
49
53
|
};
|
|
50
54
|
function useAsync(props) {
|
|
51
55
|
const { delay, isLoadingList, minLength, onInputChange, onSearch, useCache, list, onInputBlur, emptyListLabel, onClearSelection, suggestedItems } = props, otherProps = __rest(props, ["delay", "isLoadingList", "minLength", "onInputChange", "onSearch", "useCache", "list", "onInputBlur", "emptyListLabel", "onClearSelection", "suggestedItems"]);
|
|
52
|
-
const { getFromCache, setInCache, clearCache } = hooks_1.useLRUCache(25);
|
|
53
|
-
const handleSearchDebouncedRef = react_1.useRef();
|
|
54
|
-
const queryRef = react_1.useRef('');
|
|
55
|
-
const forceUpdate = hooks_1.useForceUpdate();
|
|
56
|
-
const prevProps = usePrevious_1.usePrevious(props);
|
|
57
|
-
const handleSearch = react_1.useCallback((query) => {
|
|
56
|
+
const { getFromCache, setInCache, clearCache } = (0, hooks_1.useLRUCache)(25);
|
|
57
|
+
const handleSearchDebouncedRef = (0, react_1.useRef)();
|
|
58
|
+
const queryRef = (0, react_1.useRef)('');
|
|
59
|
+
const forceUpdate = (0, hooks_1.useForceUpdate)();
|
|
60
|
+
const prevProps = (0, usePrevious_1.usePrevious)(props);
|
|
61
|
+
const handleSearch = (0, react_1.useCallback)((query) => {
|
|
58
62
|
queryRef.current = query;
|
|
59
63
|
if (!query || (minLength && query.length < minLength)) {
|
|
60
64
|
return;
|
|
@@ -71,13 +75,13 @@ function useAsync(props) {
|
|
|
71
75
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
72
76
|
[forceUpdate, minLength, onSearch, useCache]);
|
|
73
77
|
// Set the debounced search function.
|
|
74
|
-
react_1.useEffect(() => {
|
|
75
|
-
handleSearchDebouncedRef.current = debounce_1.default(handleSearch, delay);
|
|
78
|
+
(0, react_1.useEffect)(() => {
|
|
79
|
+
handleSearchDebouncedRef.current = (0, debounce_1.default)(handleSearch, delay);
|
|
76
80
|
return () => {
|
|
77
81
|
handleSearchDebouncedRef.current && handleSearchDebouncedRef.current.cancel();
|
|
78
82
|
};
|
|
79
83
|
}, [delay, handleSearch]);
|
|
80
|
-
react_1.useEffect(() => {
|
|
84
|
+
(0, react_1.useEffect)(() => {
|
|
81
85
|
// Ensure that we've gone from a loading to a completed state. Otherwise
|
|
82
86
|
// an empty response could get cached if the component updates during the
|
|
83
87
|
// request (eg: if the parent re-renders for some reason).
|
|
@@ -88,7 +92,7 @@ function useAsync(props) {
|
|
|
88
92
|
}
|
|
89
93
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
90
94
|
}, [list, isLoadingList, useCache]);
|
|
91
|
-
react_1.useEffect(() => {
|
|
95
|
+
(0, react_1.useEffect)(() => {
|
|
92
96
|
if (prevProps && prevProps.useCache && !useCache) {
|
|
93
97
|
clearCache();
|
|
94
98
|
}
|
|
@@ -113,7 +117,7 @@ function useAsync(props) {
|
|
|
113
117
|
onClearSelection && onClearSelection();
|
|
114
118
|
queryRef.current = '';
|
|
115
119
|
};
|
|
116
|
-
const handleInputChange = react_1.useCallback((query) => {
|
|
120
|
+
const handleInputChange = (0, react_1.useCallback)((query) => {
|
|
117
121
|
onInputChange && onInputChange(query);
|
|
118
122
|
handleSearchDebouncedRef.current && handleSearchDebouncedRef.current(query);
|
|
119
123
|
}, [onInputChange]);
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|