intelicoreact 1.3.22 → 1.3.23
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/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +5 -8
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +9 -9
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +6 -9
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +8 -10
- package/dist/Atomic/FormElements/Calendar/Calendar.js +31 -33
- package/dist/Atomic/FormElements/Calendar/Calendar.scss +23 -27
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +4 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +16 -19
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +1 -1
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +2 -2
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +53 -53
- package/dist/Atomic/FormElements/Datepicker/Datepicker.scss +0 -8
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +20 -20
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +81 -83
- package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +141 -95
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -1
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.scss +3 -3
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +30 -28
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss +54 -18
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +4 -4
- package/dist/Atomic/FormElements/FileLoader/FileLoader.scss +31 -30
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +12 -12
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +3 -3
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +8 -8
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss +44 -29
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +17 -15
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +15 -15
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.scss +24 -21
- package/dist/Atomic/FormElements/Input/Input.js +43 -45
- package/dist/Atomic/FormElements/Input/Input.scss +18 -18
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +19 -19
- package/dist/Atomic/FormElements/InputColor/InputColor.js +7 -9
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +12 -12
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.scss +9 -6
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +42 -42
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +95 -95
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +10 -10
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -81
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +14 -14
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +4 -4
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +54 -54
- package/dist/Atomic/FormElements/InputLink/InputLink.js +11 -13
- package/dist/Atomic/FormElements/InputLink/InputLink.scss +5 -5
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +2 -2
- package/dist/Atomic/FormElements/InputMask/InputMask.js +66 -67
- package/dist/Atomic/FormElements/InputMask/InputMask.scss +10 -10
- package/dist/Atomic/FormElements/InputMask/config.js +9 -9
- package/dist/Atomic/FormElements/InputMask/functions.js +8 -7
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +42 -42
- package/dist/Atomic/FormElements/InputMask2/InputMask2.scss +13 -12
- package/dist/Atomic/FormElements/InputMask2/config.js +9 -9
- package/dist/Atomic/FormElements/InputMask2/functions.js +8 -7
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +50 -50
- package/dist/Atomic/FormElements/InputMask3/InputMask3.scss +13 -12
- package/dist/Atomic/FormElements/InputMask3/config.js +9 -9
- package/dist/Atomic/FormElements/InputMask3/functions.js +8 -7
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +7 -9
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.scss +34 -31
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +23 -23
- package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +4 -5
- package/dist/Atomic/FormElements/Label/Label.js +2 -2
- package/dist/Atomic/FormElements/Label/Label.scss +2 -2
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +69 -69
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +8 -9
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +2 -2
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +2 -2
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +27 -27
- package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +18 -18
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +3 -3
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss +1 -0
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +6 -6
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.scss +1 -0
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +2 -2
- package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +4 -8
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +7 -7
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss +26 -25
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +24 -24
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +17 -19
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +30 -30
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss +5 -5
- package/dist/Atomic/FormElements/RangeList/RangeList.js +27 -27
- package/dist/Atomic/FormElements/RangeList/RangeList.scss +23 -23
- package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +5 -4
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +31 -31
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.scss +19 -24
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.scss +7 -7
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider.stories.scss +8 -8
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +22 -22
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss +165 -91
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -1
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +2 -2
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -1
- package/dist/Atomic/FormElements/Switcher/Switcher.scss +10 -12
- package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +4 -6
- package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +2 -2
- package/dist/Atomic/FormElements/SwitcherHide/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +4 -4
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +1 -1
- package/dist/Atomic/FormElements/SwitcherRadio/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +5 -5
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +2 -2
- package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss +6 -6
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +9 -9
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +2 -3
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +100 -100
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +5 -5
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +2 -3
- package/dist/Atomic/FormElements/SwitcherTextarea/partial/AnyOuterClass.scss +4 -4
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +67 -68
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +103 -64
- package/dist/Atomic/FormElements/Text/Text.js +13 -13
- package/dist/Atomic/FormElements/Text/Text.scss +0 -1
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +4 -4
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +15 -15
- package/dist/Atomic/FormElements/Textarea/Textarea.js +2 -2
- package/dist/Atomic/FormElements/Textarea/Textarea.scss +7 -8
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +3 -3
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss +5 -6
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +9 -9
- package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +1 -1
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +36 -37
- package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss +5 -6
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +3 -3
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss +77 -59
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +3 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +9 -10
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/AnyOuterClass.scss +16 -14
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +18 -18
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +6 -6
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +9 -10
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss +16 -14
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +14 -14
- package/dist/Atomic/Layout/Header/Header.js +11 -11
- package/dist/Atomic/Layout/Header/Header.scss +9 -10
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +17 -18
- package/dist/Atomic/Layout/MainMenu/MainMenu.scss +14 -17
- package/dist/Atomic/Layout/Spinner/Spinner.js +4 -4
- package/dist/Atomic/Layout/Spinner/Spinner.scss +3 -3
- package/dist/Atomic/UI/Accordion/Accordion.js +7 -7
- package/dist/Atomic/UI/Accordion/Accordion.scss +11 -11
- package/dist/Atomic/UI/Accordion/AccordionItem.js +12 -12
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +22 -23
- package/dist/Atomic/UI/AccordionTable/AccordionTable.scss +33 -38
- package/dist/Atomic/UI/AccordionText/AccordionText.js +3 -3
- package/dist/Atomic/UI/AccordionText/AccordionText.scss +18 -10
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +31 -32
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +5 -5
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +19 -18
- package/dist/Atomic/UI/Alert/Alert.js +5 -5
- package/dist/Atomic/UI/Alert/Alert.scss +21 -21
- package/dist/Atomic/UI/Arrow/Arrow.js +5 -5
- package/dist/Atomic/UI/Box/Box.js +10 -10
- package/dist/Atomic/UI/Box/Box.scss +2 -4
- package/dist/Atomic/UI/Button/Button.js +9 -9
- package/dist/Atomic/UI/Button/Button.scss +34 -34
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +4 -4
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss +1 -1
- package/dist/Atomic/UI/Chart/Chart.js +16 -16
- package/dist/Atomic/UI/Chart/Chart.scss +4 -4
- package/dist/Atomic/UI/Chart/partial/AnyOuterClass.scss +10 -14
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +30 -30
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +3 -3
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.scss +1 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +15 -15
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +28 -28
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +2 -2
- package/dist/Atomic/UI/Chart/partial/utils.js +4 -4
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +9 -9
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss +7 -9
- package/dist/Atomic/UI/DateTime/DateTime.js +6 -6
- package/dist/Atomic/UI/DateTime/DateTime.scss +1 -1
- package/dist/Atomic/UI/DateTime/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +4 -4
- package/dist/Atomic/UI/DebugContainer/DebugContainer.scss +15 -9
- package/dist/Atomic/UI/DoubleString/DoubleString.js +6 -6
- package/dist/Atomic/UI/DoubleString/DoubleString.scss +11 -5
- package/dist/Atomic/UI/DoubleString/partial/AnyOuterClass.scss +4 -4
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +1 -1
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +48 -48
- package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss +10 -15
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +18 -18
- package/dist/Atomic/UI/Hint/Hint.js +40 -41
- package/dist/Atomic/UI/Hint/Hint.scss +12 -11
- package/dist/Atomic/UI/Modal/Modal.js +28 -36
- package/dist/Atomic/UI/Modal/Modal.scss +42 -43
- package/dist/Atomic/UI/Modal/ModalHOC.js +2 -5
- package/dist/Atomic/UI/Modal/ModalMobile.scss +18 -11
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +2 -2
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +6 -6
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +8 -8
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +1 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +5 -5
- package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss +4 -5
- package/dist/Atomic/UI/NavLine/NavLine.js +26 -26
- package/dist/Atomic/UI/NavLine/NavLine.scss +34 -36
- package/dist/Atomic/UI/NavLine/Tabs.js +38 -38
- package/dist/Atomic/UI/PageTitle/PageTitle.js +1 -1
- package/dist/Atomic/UI/PageTitle/PageTitle.scss +7 -7
- package/dist/Atomic/UI/PieChart/PieChart.js +4 -4
- package/dist/Atomic/UI/PieChart/PieChart.scss +21 -10
- package/dist/Atomic/UI/Price/Price.js +2 -2
- package/dist/Atomic/UI/PriceRange/PriceRange.js +2 -2
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +10 -10
- package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +36 -40
- package/dist/Atomic/UI/Status/Status.js +6 -6
- package/dist/Atomic/UI/Status/Status.scss +19 -19
- package/dist/Atomic/UI/Table/Partials/TdCell.js +11 -11
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +3 -3
- package/dist/Atomic/UI/Table/Partials/TdRow.js +6 -6
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +1 -1
- package/dist/Atomic/UI/Table/Table.js +3 -3
- package/dist/Atomic/UI/Table/Table.scss +11 -13
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +8 -8
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +2 -2
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -3
- package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss +9 -8
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +10 -13
- package/dist/Atomic/UI/Tag/Tag.js +6 -6
- package/dist/Atomic/UI/Tag/Tag.scss +12 -11
- package/dist/Atomic/UI/TagList/TagList.js +8 -8
- package/dist/Atomic/UI/TagList/TagList.scss +1 -1
- package/dist/Atomic/UI/UserBox/UserBox.js +5 -5
- package/dist/Atomic/UI/UserBox/UserBox.scss +9 -9
- package/dist/Classes/AbortableFetch.js +35 -35
- package/dist/Classes/AnimatedHandler.js +3 -3
- package/dist/Classes/RESTAPI/index.js +9 -9
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +37 -37
- package/dist/Classes/RESTAPI/partials/ApiBase.js +7 -7
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +4 -4
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +4 -4
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +31 -31
- package/dist/Classes/RESTAPI/partials/Utils.js +15 -15
- package/dist/Classes/RESTAPI/partials/_utils.js +14 -14
- package/dist/Constants/index.constants.js +10 -10
- package/dist/Functions/Portal.js +1 -1
- package/dist/Functions/customEventListener.js +5 -5
- package/dist/Functions/fieldValueFormatters.js +66 -82
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +4 -4
- package/dist/Functions/locale/createTranslator.js +4 -15
- package/dist/Functions/operations.js +14 -14
- package/dist/Functions/presets/inputMaskPresets.js +34 -34
- package/dist/Functions/presets/inputPresets.js +3 -3
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +2 -2
- package/dist/Functions/schemas.js +8 -8
- package/dist/Functions/useBodyScrollLock.js +20 -0
- package/dist/Functions/useClickOutside.js +2 -2
- package/dist/Functions/useFieldFocus.js +3 -7
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +1 -1
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +11 -11
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +1 -1
- package/dist/Functions/useFormTools/functions/General.js +9 -9
- package/dist/Functions/useFormTools/functions/RenderFields.js +6 -6
- package/dist/Functions/useFormTools/index.js +18 -20
- package/dist/Functions/useInputHighlightError.js +5 -5
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +44 -0
- package/dist/Functions/useKeyPress/useKeyPress.js +38 -0
- package/dist/Functions/useLocalStorage.js +2 -13
- package/dist/Functions/useLocationParams.js +2 -2
- package/dist/Functions/useMetaInfo.js +7 -7
- package/dist/Functions/useMouseUpOutside.js +2 -2
- package/dist/Functions/useOnlineStatus.js +5 -14
- package/dist/Functions/usePasswordChecker.js +26 -26
- package/dist/Functions/usePrevious.js +0 -12
- package/dist/Functions/useResize.js +6 -24
- package/dist/Functions/useScrollTo.js +1 -1
- package/dist/Functions/useToggle.js +1 -1
- package/dist/Functions/utils.js +64 -143
- package/dist/Molecular/FormElement/FormElement.js +1 -1
- package/dist/Molecular/FormElement/FormElement.scss +4 -3
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +14 -14
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +2 -2
- package/dist/Molecular/InputAddress/InputAddress.js +47 -46
- package/dist/Molecular/InputAddress/InputAddress.scss +176 -112
- package/dist/Molecular/InputPassword/InputPassword.js +11 -15
- package/dist/Molecular/InputPassword/InputPassword.scss +8 -7
- package/dist/scss/_fonts.scss +60 -36
- package/dist/scss/_vars.scss +18 -18
- package/dist/scss/main.scss +4 -4
- package/package.json +1 -1
|
@@ -12,9 +12,9 @@ function useMouseUpOutside(ref, setOut, open) {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
(0, _react.useEffect)(() => {
|
|
15
|
-
document.addEventListener(
|
|
15
|
+
document.addEventListener("mouseup", handleMouseUpOutside);
|
|
16
16
|
return () => {
|
|
17
|
-
document.removeEventListener(
|
|
17
|
+
document.removeEventListener("mouseup", handleMouseUpOutside);
|
|
18
18
|
};
|
|
19
19
|
}, [ref]);
|
|
20
20
|
}
|
|
@@ -5,28 +5,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
/**
|
|
9
|
-
* The useOnlineStatus function returns a boolean value that indicates whether the user is online or not.
|
|
10
|
-
* It also updates the state of this boolean value whenever the user goes online or offline.
|
|
11
|
-
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
* @return The online status of the user
|
|
15
|
-
|
|
16
|
-
*/
|
|
17
8
|
const useOnlineStatus = () => {
|
|
18
9
|
function getOnlineStatus() {
|
|
19
|
-
return typeof navigator !==
|
|
10
|
+
return typeof navigator !== "undefined" && typeof navigator.onLine === "boolean" ? navigator.onLine : true;
|
|
20
11
|
}
|
|
21
12
|
const [onlineStatus, setOnlineStatus] = (0, _react.useState)(getOnlineStatus());
|
|
22
13
|
const goOnline = () => setOnlineStatus(true);
|
|
23
14
|
const goOffline = () => setOnlineStatus(false);
|
|
24
15
|
(0, _react.useEffect)(() => {
|
|
25
|
-
window.addEventListener(
|
|
26
|
-
window.addEventListener(
|
|
16
|
+
window.addEventListener("online", goOnline);
|
|
17
|
+
window.addEventListener("offline", goOffline);
|
|
27
18
|
return () => {
|
|
28
|
-
window.removeEventListener(
|
|
29
|
-
window.removeEventListener(
|
|
19
|
+
window.removeEventListener("online", goOnline);
|
|
20
|
+
window.removeEventListener("offline", goOffline);
|
|
30
21
|
};
|
|
31
22
|
}, []);
|
|
32
23
|
return onlineStatus;
|
|
@@ -14,47 +14,47 @@ function usePasswordChecker() {
|
|
|
14
14
|
const addCheckRule = data => setCheckRules(state => [...state, data]);
|
|
15
15
|
const handleCheckRule = function (type) {
|
|
16
16
|
let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
17
|
-
let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] :
|
|
17
|
+
let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
|
|
18
|
+
const {
|
|
19
|
+
min,
|
|
20
|
+
max
|
|
21
|
+
} = props;
|
|
18
22
|
switch (type) {
|
|
19
|
-
case
|
|
20
|
-
const {
|
|
21
|
-
min,
|
|
22
|
-
max
|
|
23
|
-
} = props;
|
|
23
|
+
case "len":
|
|
24
24
|
if (min && value.length < min) return false;
|
|
25
25
|
if (max && value.length > max) return false;
|
|
26
26
|
return true;
|
|
27
|
-
case
|
|
27
|
+
case "lowerCaseContains":
|
|
28
28
|
{
|
|
29
|
-
const toUpperCase = value.slice().toUpperCase().split(
|
|
30
|
-
const original = value.slice().split(
|
|
29
|
+
const toUpperCase = value.slice().toUpperCase().split("");
|
|
30
|
+
const original = value.slice().split("");
|
|
31
31
|
return original.reduce((isMatch, char, i) => {
|
|
32
32
|
if (char !== toUpperCase[i]) isMatch = true;
|
|
33
33
|
return isMatch;
|
|
34
34
|
}, false);
|
|
35
35
|
}
|
|
36
|
-
case
|
|
36
|
+
case "upperCaseContains":
|
|
37
37
|
{
|
|
38
|
-
const toLowerCase = value.slice().toLowerCase().split(
|
|
39
|
-
const original = value.slice().split(
|
|
38
|
+
const toLowerCase = value.slice().toLowerCase().split("");
|
|
39
|
+
const original = value.slice().split("");
|
|
40
40
|
return original.reduce((isMatch, char, i) => {
|
|
41
41
|
if (char !== toLowerCase[i]) isMatch = true;
|
|
42
42
|
return isMatch;
|
|
43
43
|
}, false);
|
|
44
44
|
}
|
|
45
|
-
case
|
|
45
|
+
case "numberContains":
|
|
46
46
|
{
|
|
47
|
-
const original = value.slice().split(
|
|
47
|
+
const original = value.slice().split("");
|
|
48
48
|
return original.reduce((isMatch, char) => {
|
|
49
|
-
if (Number.isInteger(parseInt(char))) isMatch = true;
|
|
49
|
+
if (Number.isInteger(parseInt(char, 10))) isMatch = true;
|
|
50
50
|
return isMatch;
|
|
51
51
|
}, false);
|
|
52
52
|
}
|
|
53
|
-
case
|
|
53
|
+
case "specialContains":
|
|
54
54
|
{
|
|
55
|
-
const original = value.slice().split(
|
|
55
|
+
const original = value.slice().split("");
|
|
56
56
|
return original.reduce((isMatch, char) => {
|
|
57
|
-
if (!Number.isInteger(parseInt(char)) && !char.match(/[a-z]/i)) isMatch = true;
|
|
57
|
+
if (!Number.isInteger(parseInt(char, 10)) && !char.match(/[a-z]/i)) isMatch = true;
|
|
58
58
|
return isMatch;
|
|
59
59
|
}, false);
|
|
60
60
|
}
|
|
@@ -84,9 +84,9 @@ function usePasswordChecker() {
|
|
|
84
84
|
className: "password-checker__header"
|
|
85
85
|
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
86
86
|
className: "password-checker__header-label"
|
|
87
|
-
}, " Password must: "),
|
|
87
|
+
}, " ", "Password must:", " "), " "), " ", /*#__PURE__*/_react.default.createElement("div", {
|
|
88
88
|
className: "password-checker__body"
|
|
89
|
-
},
|
|
89
|
+
}, " ", checkRules.map(_ref => {
|
|
90
90
|
let {
|
|
91
91
|
icon,
|
|
92
92
|
text,
|
|
@@ -95,16 +95,16 @@ function usePasswordChecker() {
|
|
|
95
95
|
} = _ref;
|
|
96
96
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
97
97
|
key: key,
|
|
98
|
-
className: (0, _classnames.default)(
|
|
99
|
-
|
|
100
|
-
|
|
98
|
+
className: (0, _classnames.default)("password-checker__body-item", {
|
|
99
|
+
"password-checker__body-item--match": isMatch,
|
|
100
|
+
"password-checker__body-item--dont-match": !isMatch
|
|
101
101
|
})
|
|
102
102
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
103
103
|
className: "password-checker__body-item__icon"
|
|
104
|
-
}, " ", icon, " "),
|
|
104
|
+
}, " ", icon, " "), " ", /*#__PURE__*/_react.default.createElement("div", {
|
|
105
105
|
className: "password-checker__body-item__text"
|
|
106
|
-
}, " ", text, " "),
|
|
107
|
-
}),
|
|
106
|
+
}, " ", text, " "), " ");
|
|
107
|
+
}), " "), " ");
|
|
108
108
|
};
|
|
109
109
|
return {
|
|
110
110
|
addCheckRule,
|
|
@@ -5,18 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
/**
|
|
9
|
-
* The usePrevious function is a hook that allows you to access the previous value of a state variable.
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
* @param value Pass the value of the input field to
|
|
13
|
-
const searchbar = ({ onsubmit, searchterm }) => {
|
|
14
|
-
const [searchvalue, setsearchvalue] = usestate('');
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
*
|
|
18
|
-
* @return The previous value of the inputted value
|
|
19
|
-
*/
|
|
20
8
|
function usePrevious(value) {
|
|
21
9
|
const ref = (0, _react.useRef)();
|
|
22
10
|
(0, _react.useEffect)(() => {
|
|
@@ -5,45 +5,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useResize = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
/**
|
|
9
|
-
* The useResize function is a hook that returns the position of an element relative to the viewport.
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
* @param element=null Pass the ref to the component
|
|
13
|
-
export default function resize() {
|
|
14
|
-
const element = useref();
|
|
15
|
-
|
|
16
|
-
const {elemposition} = useresize(element);
|
|
17
|
-
|
|
18
|
-
return (
|
|
19
|
-
<div classname="resize">
|
|
20
|
-
<h2>resize</h2>
|
|
21
|
-
|
|
22
|
-
<p>the following example shows how to add a resize listener
|
|
23
|
-
*
|
|
24
|
-
* @return An object with two properties:
|
|
25
|
-
*/
|
|
26
8
|
const useResize = function () {
|
|
27
9
|
let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
28
|
-
const [elemPosition, setElemPosition] = (0, _react.useState)(
|
|
10
|
+
const [elemPosition, setElemPosition] = (0, _react.useState)("");
|
|
29
11
|
const onResize = elemRightPosition => {
|
|
30
12
|
if (elemRightPosition > document.documentElement.clientWidth) {
|
|
31
|
-
return setElemPosition(
|
|
32
|
-
} else setElemPosition(
|
|
13
|
+
return setElemPosition("left");
|
|
14
|
+
} else setElemPosition("");
|
|
33
15
|
};
|
|
34
16
|
(0, _react.useEffect)(() => {
|
|
35
17
|
var _element$current;
|
|
36
18
|
const elemRightPosition = (element === null || element === void 0 || (_element$current = element.current) === null || _element$current === void 0 ? void 0 : _element$current.getBoundingClientRect().right) + 20;
|
|
37
|
-
window.addEventListener(
|
|
19
|
+
window.addEventListener("resize", () => onResize(elemRightPosition));
|
|
38
20
|
return () => {
|
|
39
|
-
window.removeEventListener(
|
|
21
|
+
window.removeEventListener("resize", () => setElemPosition(""));
|
|
40
22
|
};
|
|
41
23
|
}, []);
|
|
42
24
|
(0, _react.useLayoutEffect)(() => {
|
|
43
25
|
var _element$current2;
|
|
44
26
|
const elemRightPosition = (element === null || element === void 0 || (_element$current2 = element.current) === null || _element$current2 === void 0 ? void 0 : _element$current2.getBoundingClientRect().right) + 20;
|
|
45
27
|
if (elemRightPosition > document.documentElement.clientWidth) {
|
|
46
|
-
return setElemPosition(
|
|
28
|
+
return setElemPosition("left");
|
|
47
29
|
}
|
|
48
30
|
}, []);
|
|
49
31
|
return {
|
|
@@ -12,7 +12,7 @@ const useScrollTo = reference => {
|
|
|
12
12
|
if (ref !== null && ref !== void 0 && ref.current && shouldScrollTo) {
|
|
13
13
|
var _ref$current, _ref$current$scrollIn;
|
|
14
14
|
ref === null || ref === void 0 || (_ref$current = ref.current) === null || _ref$current === void 0 || (_ref$current$scrollIn = _ref$current.scrollIntoView) === null || _ref$current$scrollIn === void 0 || _ref$current$scrollIn.call(_ref$current, {
|
|
15
|
-
behavior:
|
|
15
|
+
behavior: "smooth"
|
|
16
16
|
});
|
|
17
17
|
setShouldScrollTo(false);
|
|
18
18
|
}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
const useToggle = initialState => {
|
|
9
|
-
const [isToggled, setToggle] = (0, _react.useState)(
|
|
9
|
+
const [isToggled, setToggle] = (0, _react.useState)(Boolean(initialState));
|
|
10
10
|
const toggle = (0, _react.useCallback)(() => setToggle(isOn => !isOn), []);
|
|
11
11
|
const toggleOn = (0, _react.useCallback)(() => setToggle(true), []);
|
|
12
12
|
const toggleOff = (0, _react.useCallback)(() => setToggle(false), []);
|