@trilogy-ds/react 4.0.5 → 4.0.6-SC-beta-2
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/components/accordion/Accordion.d.ts +2 -2
- package/lib/components/accordion/Accordion.js +4 -6
- package/lib/components/accordion/Accordion.native.d.ts +2 -2
- package/lib/components/accordion/Accordion.native.js +5 -5
- package/lib/components/accordion/AccordionProps.d.ts +0 -3
- package/lib/components/accordion/index.d.ts +5 -5
- package/lib/components/accordion/index.js +6 -6
- package/lib/components/accordion/item/AccordionItem.d.ts +1 -1
- package/lib/components/accordion/item/AccordionItem.js +6 -10
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +6 -8
- package/lib/components/accordion/item/body/AccordionBody.native.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.native.js +4 -4
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +1 -1
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +6 -0
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +14 -0
- package/lib/components/accordion/item/body/index.d.ts +1 -1
- package/lib/components/accordion/item/body/index.js +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.js +4 -6
- package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.native.js +7 -7
- package/lib/components/accordion/item/header/index.d.ts +1 -1
- package/lib/components/accordion/item/header/index.js +2 -2
- package/lib/components/accordion/item/index.d.ts +1 -1
- package/lib/components/accordion/item/index.js +2 -2
- package/lib/components/alert/Alert.d.ts +1 -1
- package/lib/components/alert/Alert.js +20 -46
- package/lib/components/alert/context/ToasterContext.js +6 -2
- package/lib/components/alert/hooks/useAlert.d.ts +23 -0
- package/lib/components/alert/hooks/useAlert.js +48 -0
- package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.js +26 -127
- package/lib/components/autocomplete/AutoComplete.native.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.native.js +5 -5
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -1
- package/lib/components/autocomplete/Autocomplete.helpers.d.ts +1 -1
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +40 -0
- package/lib/components/autocomplete/hooks/useAutocomplete.js +144 -0
- package/lib/components/autocomplete/index.d.ts +3 -3
- package/lib/components/autocomplete/index.js +4 -4
- package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js +4 -4
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +2 -2
- package/lib/components/autocomplete/item/AutoCompleteItem.js +6 -8
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -1
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +9 -0
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +20 -0
- package/lib/components/autocomplete/item/index.d.ts +1 -1
- package/lib/components/autocomplete/item/index.js +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +5 -7
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +4 -4
- package/lib/components/autocomplete/menu/index.d.ts +1 -1
- package/lib/components/autocomplete/menu/index.js +2 -2
- package/lib/components/badge/Badge.d.ts +1 -1
- package/lib/components/badge/Badge.js +10 -13
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/index.d.ts +2 -1
- package/lib/components/badge/index.js +3 -2
- package/lib/components/box/Box.js +8 -16
- package/lib/components/box/Box.native.js +12 -11
- package/lib/components/box/content/BoxContent.js +5 -7
- package/lib/components/box/footer/BoxFooter.js +4 -6
- package/lib/components/box/header/BoxHeader.js +5 -7
- package/lib/components/box/item/BoxItem.js +4 -6
- package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.js +5 -7
- package/lib/components/breadcrumb/Breadcrumb.js +4 -6
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +6 -8
- package/lib/components/button/Button.js +7 -19
- package/lib/components/button/hooks/useButton.d.ts +12 -0
- package/lib/components/button/hooks/useButton.js +16 -0
- package/lib/components/button/list/ButtonList.js +5 -7
- package/lib/components/card/Card.d.ts +1 -4
- package/lib/components/card/Card.js +8 -15
- package/lib/components/card/CardProps.d.ts +3 -1
- package/lib/components/card/content/CardContent.d.ts +1 -1
- package/lib/components/card/content/CardContent.js +4 -6
- package/lib/components/card/content/CardContentProps.d.ts +1 -1
- package/lib/components/card/content/index.d.ts +1 -1
- package/lib/components/card/content/index.js +2 -2
- package/lib/components/card/image/CardImage.d.ts +1 -1
- package/lib/components/card/image/CardImage.js +7 -13
- package/lib/components/card/index.d.ts +5 -5
- package/lib/components/card/index.js +6 -6
- package/lib/components/checkbox/Checkbox.js +17 -17
- package/lib/components/checkbox/CheckboxProps.d.ts +1 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.js +4 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +22 -22
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +7 -11
- package/lib/components/chips/index.d.ts +2 -2
- package/lib/components/chips/index.js +3 -3
- package/lib/components/chips/list/ChipsList.d.ts +2 -2
- package/lib/components/chips/list/ChipsList.js +5 -7
- package/lib/components/chips/list/index.d.ts +1 -1
- package/lib/components/chips/list/index.js +2 -2
- package/lib/components/columns/Columns.js +2 -4
- package/lib/components/columns/column/Column.js +2 -4
- package/lib/components/container/Container.js +2 -4
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +17 -77
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/hooks/useCountdown.d.ts +16 -0
- package/lib/components/countdown/hooks/useCountdown.js +77 -0
- package/lib/components/countdown/index.d.ts +2 -2
- package/lib/components/countdown/index.js +3 -3
- package/lib/components/divider/Divider.js +3 -5
- package/lib/components/fab/Fab.d.ts +1 -1
- package/lib/components/fab/Fab.js +7 -16
- package/lib/components/fab/FabProps.d.ts +5 -3
- package/lib/components/fab/index.d.ts +1 -1
- package/lib/components/fab/index.js +2 -2
- package/lib/components/hero/Hero.js +3 -5
- package/lib/components/icon/Icon.js +6 -8
- package/lib/components/image/Image.d.ts +1 -1
- package/lib/components/image/Image.js +7 -12
- package/lib/components/image/ImageProps.d.ts +3 -2
- package/lib/components/image/ImageProps.js +1 -1
- package/lib/components/image/index.d.ts +1 -1
- package/lib/components/image/index.js +2 -2
- package/lib/components/input/Input.d.ts +2 -2
- package/lib/components/input/Input.js +40 -124
- package/lib/components/input/Input.native.d.ts +1 -1
- package/lib/components/input/Input.native.js +6 -6
- package/lib/components/input/InputProps.d.ts +3 -3
- package/lib/components/input/gauge/InputGauge.d.ts +2 -3
- package/lib/components/input/gauge/InputGauge.js +15 -15
- package/lib/components/input/gauge/InputGauge.native.js +4 -4
- package/lib/components/input/gauge/hook/useGauge.d.ts +3 -3
- package/lib/components/input/gauge/hook/useGauge.js +91 -75
- package/lib/components/input/hook/useInput.d.ts +68 -0
- package/lib/components/input/hook/useInput.js +151 -0
- package/lib/components/input/index.d.ts +3 -3
- package/lib/components/input/index.js +4 -4
- package/lib/components/link/Link.js +6 -8
- package/lib/components/link/Link.native.js +5 -8
- package/lib/components/list/List.js +4 -6
- package/lib/components/list/item/ListItem.js +6 -8
- package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
- package/lib/components/list/item/description/ListItemDescription.js +5 -7
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +14 -74
- package/lib/components/modal/ModalProps.d.ts +3 -2
- package/lib/components/modal/body/ModalBody.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.js +3 -5
- package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +4 -6
- package/lib/components/modal/hooks/useModal.d.ts +26 -0
- package/lib/components/modal/hooks/useModal.js +86 -0
- package/lib/components/modal/index.d.ts +4 -4
- package/lib/components/modal/index.js +5 -5
- package/lib/components/otp/Otp.d.ts +1 -1
- package/lib/components/otp/Otp.js +22 -98
- package/lib/components/otp/hooks/useOtp.d.ts +20 -0
- package/lib/components/otp/hooks/useOtp.js +101 -0
- package/lib/components/otp/index.d.ts +1 -1
- package/lib/components/otp/index.js +2 -2
- package/lib/components/pagination/Pagination.d.ts +1 -1
- package/lib/components/pagination/Pagination.js +17 -66
- package/lib/components/pagination/PaginationProps.d.ts +3 -2
- package/lib/components/pagination/hooks/usePagination.d.ts +25 -0
- package/lib/components/pagination/hooks/usePagination.js +77 -0
- package/lib/components/pagination/index.d.ts +2 -2
- package/lib/components/pagination/index.js +3 -3
- package/lib/components/popover/Popover.js +5 -7
- package/lib/components/price/Price.js +15 -17
- package/lib/components/product-tour/ProductTour.js +13 -17
- package/lib/components/product-tour/hooks/useProductTour.d.ts +11 -0
- package/lib/components/product-tour/hooks/useProductTour.js +22 -0
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +11 -13
- package/lib/components/progress/ProgressProps.d.ts +1 -1
- package/lib/components/progress/index.d.ts +3 -3
- package/lib/components/progress/index.js +4 -4
- package/lib/components/progress/radial/ProgressRadial.d.ts +1 -1
- package/lib/components/progress/radial/ProgressRadial.js +11 -52
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +5 -3
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +15 -0
- package/lib/components/progress/radial/hooks/useProgressRadial.js +57 -0
- package/lib/components/progress/radial/index.d.ts +1 -1
- package/lib/components/progress/radial/index.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.js +4 -6
- package/lib/components/progress/radial/item/index.d.ts +1 -1
- package/lib/components/progress/radial/item/index.js +2 -2
- package/lib/components/radio/Radio.js +6 -8
- package/lib/components/radio/Radio.native.js +2 -2
- package/lib/components/radio/RadioProps.d.ts +1 -1
- package/lib/components/radio/index.d.ts +5 -5
- package/lib/components/radio/index.js +6 -6
- package/lib/components/radio/list/RadioList.d.ts +1 -1
- package/lib/components/radio/list/RadioList.js +5 -7
- package/lib/components/radio/list/RadioListProps.d.ts +1 -1
- package/lib/components/radio/list/index.d.ts +1 -1
- package/lib/components/radio/list/index.js +2 -2
- package/lib/components/radio/tiles/RadioTiles.js +5 -7
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +1 -1
- package/lib/components/radio/tiles/index.d.ts +1 -1
- package/lib/components/radio/tiles/index.js +2 -2
- package/lib/components/radio/tiles/tile/RadioTile.js +10 -12
- package/lib/components/radio/tiles/tile/RadioTile.native.js +47 -51
- package/lib/components/radio/tiles/tile/index.d.ts +1 -1
- package/lib/components/radio/tiles/tile/index.js +2 -2
- package/lib/components/range/Range.d.ts +1 -1
- package/lib/components/range/Range.js +15 -57
- package/lib/components/range/RangeProps.d.ts +2 -1
- package/lib/components/range/hooks/useRange.d.ts +30 -0
- package/lib/components/range/hooks/useRange.js +63 -0
- package/lib/components/range/index.d.ts +1 -1
- package/lib/components/range/index.js +2 -2
- package/lib/components/rows/Rows.js +4 -6
- package/lib/components/rows/row/Row.js +4 -6
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +11 -13
- package/lib/components/section/Section.js +5 -7
- package/lib/components/segment-control/SegmentControl.d.ts +8 -2
- package/lib/components/segment-control/SegmentControl.js +16 -28
- package/lib/components/segment-control/SegmentControl.native.d.ts +1 -1
- package/lib/components/segment-control/SegmentControl.native.js +8 -6
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +14 -0
- package/lib/components/segment-control/hooks/useSegmentControl.js +31 -0
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +6 -2
- package/lib/components/segment-control/item/SegmentControlItem.js +8 -18
- package/lib/components/segment-control/item/SegmentControlItem.native.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.native.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +14 -0
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +24 -0
- package/lib/components/segment-control/item/index.d.ts +1 -1
- package/lib/components/segment-control/item/index.js +2 -2
- package/lib/components/select/Select.d.ts +1 -1
- package/lib/components/select/Select.js +3 -3
- package/lib/components/select/SelectProps.d.ts +3 -2
- package/lib/components/select/index.d.ts +2 -2
- package/lib/components/select/index.js +3 -3
- package/lib/components/select/option/SelectOption.d.ts +2 -2
- package/lib/components/select/option/SelectOption.js +7 -9
- package/lib/components/select/option/SelectOptionProps.d.ts +3 -2
- package/lib/components/select/option/index.d.ts +1 -1
- package/lib/components/select/option/index.js +2 -2
- package/lib/components/select/web/SelectDynamic.d.ts +1 -1
- package/lib/components/select/web/SelectDynamic.js +15 -131
- package/lib/components/select/web/SelectNative.js +15 -35
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +27 -0
- package/lib/components/select/web/hooks/useSelectDynamic.js +156 -0
- package/lib/components/select/web/hooks/useSelectNative.d.ts +22 -0
- package/lib/components/select/web/hooks/useSelectNative.js +38 -0
- package/lib/components/select/web/index.d.ts +2 -2
- package/lib/components/select/web/index.js +3 -3
- package/lib/components/spacer/Spacer.js +3 -5
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +9 -36
- package/lib/components/stepper/hooks/useStepper.d.ts +9 -0
- package/lib/components/stepper/hooks/useStepper.js +55 -0
- package/lib/components/stepper/step/Step.d.ts +1 -1
- package/lib/components/stepper/step/Step.js +8 -10
- package/lib/components/stepper/step/index.d.ts +1 -1
- package/lib/components/stepper/step/index.js +2 -2
- package/lib/components/sticker/Sticker.js +7 -9
- package/lib/components/switch/Switch.d.ts +1 -1
- package/lib/components/switch/Switch.js +11 -43
- package/lib/components/switch/SwitchProps.d.ts +2 -3
- package/lib/components/switch/hooks/useSwitch.d.ts +18 -0
- package/lib/components/switch/hooks/useSwitch.js +46 -0
- package/lib/components/switch/index.d.ts +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/table/Table.js +5 -7
- package/lib/components/table/body/TableBody.js +5 -7
- package/lib/components/table/head/TableHead.js +5 -7
- package/lib/components/table/td/TableTd.js +4 -6
- package/lib/components/table/th/TableTh.js +4 -6
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +7 -9
- package/lib/components/tabs/Tabs.js +6 -18
- package/lib/components/tabs/TabsProps.d.ts +4 -1
- package/lib/components/tabs/context/index.js +2 -1
- package/lib/components/tabs/hooks/useTabs.d.ts +12 -0
- package/lib/components/tabs/hooks/useTabs.js +33 -0
- package/lib/components/tabs/tab-list/TabList.js +2 -4
- package/lib/components/tabs/tab-list/TabList.native.js +8 -10
- package/lib/components/tabs/tab-list/tab/Tab.js +4 -19
- package/lib/components/tabs/tab-list/tab/Tab.native.js +19 -17
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -1
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +17 -0
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +28 -0
- package/lib/components/tabs/tab-panels/TabPanels.js +2 -4
- package/lib/components/tabs/tab-panels/TabPanels.native.js +7 -9
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +4 -6
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +7 -9
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +14 -0
- package/lib/components/tag/Tag.js +3 -5
- package/lib/components/tag/list/TagList.js +5 -7
- package/lib/components/text/Text.js +5 -7
- package/lib/components/textarea/Textarea.d.ts +1 -1
- package/lib/components/textarea/Textarea.js +15 -27
- package/lib/components/textarea/TextareaProps.d.ts +4 -3
- package/lib/components/textarea/hooks/useTextarea.d.ts +15 -0
- package/lib/components/textarea/hooks/useTextarea.js +30 -0
- package/lib/components/timeline/Timeline.js +4 -6
- package/lib/components/timeline/content/TimelineContent.js +5 -7
- package/lib/components/timeline/item/TimelineItem.js +4 -6
- package/lib/components/timeline/marker/TimelineMarker.js +5 -7
- package/lib/components/title/Title.js +7 -9
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +12 -15
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +3 -2
- package/lib/context/providerStates.js +3 -2
- package/lib/context/providerTheme.js +2 -1
- package/lib/helpers/hashClassesHelpers.d.ts +1 -3
- package/lib/helpers/hashClassesHelpers.js +18 -15
- package/lib/objects/Typography/TypographyBold.js +3 -2
- package/lib/objects/facets/Color.d.ts +1 -1
- package/lib/objects/facets/Color.js +5 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { hashClass } from '../../../helpers';
|
|
5
4
|
import { Icon, IconName, IconSize } from '../../../components/icon';
|
|
6
|
-
import { useGauge } from '
|
|
5
|
+
import { useGauge } from '../../../components/input/gauge/hook/useGauge';
|
|
6
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
7
7
|
var InputGauge = function (_a) {
|
|
8
8
|
var _b, _c;
|
|
9
|
-
var validationRules = _a.validationRules,
|
|
9
|
+
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
10
10
|
var _d = useGauge({ validationRules: validationRules, inputValue: inputValue }), widthGauge = _d.widthGauge, colorGauge = _d.colorGauge, LengthvalidationRulesText = _d.LengthvalidationRulesText, isLengthVerify = _d.isLengthVerify, isLowerercaseVerify = _d.isLowerercaseVerify, isNumberVerify = _d.isNumberVerify, isSpecialCharsVerify = _d.isSpecialCharsVerify, isUppercaseVerify = _d.isUppercaseVerify;
|
|
11
|
-
return (React.createElement("div", { "data-testid": 'security-gauge', className: hashClass(
|
|
12
|
-
React.createElement("div", { className: hashClass(
|
|
13
|
-
React.createElement("div", { "data-gauge": true, style: { width: widthGauge, backgroundColor: colorGauge }, className: hashClass(
|
|
14
|
-
React.createElement("div", { className: hashClass(
|
|
11
|
+
return (React.createElement("div", { "data-testid": 'security-gauge', className: hashClass(clsx('security-gauge-container')) },
|
|
12
|
+
React.createElement("div", { className: hashClass(clsx('security-gauge')) },
|
|
13
|
+
React.createElement("div", { "data-gauge": true, style: { width: widthGauge, backgroundColor: colorGauge() }, className: hashClass(clsx('gauge')) })),
|
|
14
|
+
React.createElement("div", { className: hashClass(clsx('security-gauge-verifies')) },
|
|
15
15
|
React.createElement("div", null,
|
|
16
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), dataAttribute: { 'data-security-special-chars': true }, type: LengthvalidationRulesText, classes: 'security-length', "data-length-min": (_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.min, "data-length-max": (_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.max, color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES
|
|
17
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), dataAttribute: { 'data-security-special-chars': true }, classes: 'security-special-chars', type: 'Caract\u00E8res sp\u00E9ciaux', color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES
|
|
18
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), dataAttribute: { 'data-security-number': true }, classes: 'security-number', type: 'Chiffre', color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES
|
|
16
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), dataAttribute: { 'data-security-special-chars': true }, type: LengthvalidationRulesText, classes: 'security-length', "data-length-min": (_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.min, "data-length-max": (_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.max, color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES }),
|
|
17
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), dataAttribute: { 'data-security-special-chars': true }, classes: 'security-special-chars', type: 'Caract\u00E8res sp\u00E9ciaux', color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES }),
|
|
18
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), dataAttribute: { 'data-security-number': true }, classes: 'security-number', type: 'Chiffre', color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES })),
|
|
19
19
|
React.createElement("div", null,
|
|
20
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), dataAttribute: { 'data-security-uppercase': true }, classes: 'security-uppercase', type: 'Majuscule', color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES
|
|
21
|
-
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), dataAttribute: { 'data-security-lowercase': true }, classes: 'security-lowercase', type: 'Minuscule', color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES
|
|
20
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), dataAttribute: { 'data-security-uppercase': true }, classes: 'security-uppercase', type: 'Majuscule', color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES }),
|
|
21
|
+
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), dataAttribute: { 'data-security-lowercase': true }, classes: 'security-lowercase', type: 'Minuscule', color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES })))));
|
|
22
22
|
};
|
|
23
23
|
var DataVerify = function (_a) {
|
|
24
|
-
var dataAttribute = _a.dataAttribute, type = _a.type, display = _a.display, color = _a.color, iconName = _a.iconName, classes = _a.classes
|
|
24
|
+
var dataAttribute = _a.dataAttribute, type = _a.type, display = _a.display, color = _a.color, iconName = _a.iconName, classes = _a.classes;
|
|
25
25
|
if (!display)
|
|
26
26
|
return null;
|
|
27
|
-
return (React.createElement("div", __assign({}, dataAttribute, { className: hashClass(
|
|
27
|
+
return (React.createElement("div", __assign({}, dataAttribute, { className: hashClass(clsx('security', classes)) }),
|
|
28
28
|
React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
|
|
29
29
|
React.createElement("span", null, type)));
|
|
30
30
|
};
|
|
31
31
|
export default InputGauge;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaW5wdXQvZ2F1Z2UvSW5wdXRHYXVnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHdDQUF3QyxDQUFBO0FBRWpFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQWdCeEQsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFnRDs7UUFBOUMsZUFBZSxxQkFBQSxFQUFFLFVBQVUsZ0JBQUE7SUFDekMsSUFBQSxLQVNGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxDQUFDLEVBUjNDLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQzBCLENBQUE7SUFFN0MsT0FBTyxDQUNMLDRDQUFpQixnQkFBZ0IsRUFBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBQ3RGLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDL0MsaURBRUUsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFDM0QsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsR0FDbkMs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
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { StyleSheet, View } from 'react-native';
|
|
3
|
-
import { TrilogyColor, getColorStyle } from '../../../objects';
|
|
4
2
|
import { Icon, IconName, IconSize } from '../../../components/icon';
|
|
5
3
|
import { Text } from '../../../components/text';
|
|
4
|
+
import { TrilogyColor, getColorStyle } from '../../../objects';
|
|
5
|
+
import { StyleSheet, View } from 'react-native';
|
|
6
6
|
import { useGauge } from './hook/useGauge';
|
|
7
7
|
var InputGauge = function (_a) {
|
|
8
8
|
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
9
9
|
var _b = useGauge({ validationRules: validationRules, inputValue: inputValue }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify;
|
|
10
10
|
return (React.createElement(View, null,
|
|
11
11
|
React.createElement(View, { style: [styles.containerGauge, { backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE) }] },
|
|
12
|
-
React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge }] })),
|
|
12
|
+
React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })),
|
|
13
13
|
React.createElement(View, { style: styles.verifies },
|
|
14
14
|
React.createElement(View, null,
|
|
15
15
|
React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText }),
|
|
@@ -52,4 +52,4 @@ var styles = StyleSheet.create({
|
|
|
52
52
|
borderRadius: 4,
|
|
53
53
|
},
|
|
54
54
|
});
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL0lucHV0R2F1Z2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFNUQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBa0IsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFjMUMsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFnRDtRQUE5QyxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQTtJQUN6QyxJQUFBLEtBU0YsUUFBUSxDQUFDLEVBQUUsZUFBZSxpQkFBQSxFQUFFLFVBQVUsWUFBQSxFQUFFLENBQUMsRUFSM0MsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVix5QkFBeUIsK0JBQUEsRUFDekIsY0FBYyxvQkFBQSxFQUNkLG1CQUFtQix5QkFBQSxFQUNuQixjQUFjLG9CQUFBLEVBQ2Qsb0JBQW9CLDBCQUFBLEVBQ3BCLGlCQUFpQix1QkFDMEIsQ0FBQTtJQUU3QyxPQUFPLENBQ0wsb0JBQUMsSUFBSTtRQUNILG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLEVBQUUsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUM5RixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLEtB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
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { IValidationRules } from '../../../../components/input/InputProps';
|
|
2
1
|
import { IconColor } from '../../../../components/icon';
|
|
2
|
+
import { IValidationRules } from '../../../../components/input/InputProps';
|
|
3
3
|
interface IParams {
|
|
4
4
|
validationRules?: IValidationRules;
|
|
5
|
-
inputValue
|
|
5
|
+
inputValue?: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const useGauge: ({ validationRules, inputValue }: IParams) => {
|
|
8
8
|
LengthvalidationRulesText: string;
|
|
9
|
-
colorGauge: string;
|
|
9
|
+
colorGauge: () => string;
|
|
10
10
|
widthGauge: string;
|
|
11
11
|
isLengthVerify: {
|
|
12
12
|
isVerify: boolean;
|
|
@@ -1,80 +1,96 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
|
-
import React
|
|
3
|
-
import { TrilogyColor, getColorStyle } from '../../../../objects';
|
|
2
|
+
import React from 'react';
|
|
4
3
|
import { IconColor } from '../../../../components/icon';
|
|
4
|
+
import { TrilogyColor, getColorStyle } from '../../../../objects';
|
|
5
5
|
export var useGauge = function (_a) {
|
|
6
|
-
var _b, _c;
|
|
7
6
|
var validationRules = _a.validationRules, inputValue = _a.inputValue;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
7
|
+
try {
|
|
8
|
+
var _b = __read(React.useState(0), 2), points_1 = _b[0], setPoints_1 = _b[1];
|
|
9
|
+
var _c = __read(React.useState(initStateVerifies), 2), isLengthVerify = _c[0], setIsLengthVerify_1 = _c[1];
|
|
10
|
+
var _d = __read(React.useState(initStateVerifies), 2), isSpecialCharsVerify = _d[0], setIsSpecialCharsVerify_1 = _d[1];
|
|
11
|
+
var _e = __read(React.useState(initStateVerifies), 2), isNumberVerify = _e[0], setIsNumberVerify_1 = _e[1];
|
|
12
|
+
var _f = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _f[0], setIsUppercaseVerify_1 = _f[1];
|
|
13
|
+
var _g = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _g[0], setisLowerercaseVerify_1 = _g[1];
|
|
14
|
+
var nbAllVerifies_1 = React.useMemo(function () { return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) || 0; }, [validationRules]);
|
|
15
|
+
var widthGauge = React.useMemo(function () {
|
|
16
|
+
var calc = Number(((points_1 / nbAllVerifies_1) * 100).toFixed(0));
|
|
17
|
+
if (calc <= 50 && calc > 0)
|
|
18
|
+
return '50%';
|
|
19
|
+
if (calc <= 99 && calc > 50)
|
|
20
|
+
return '75%';
|
|
21
|
+
if (calc === 100)
|
|
22
|
+
return '100%';
|
|
23
|
+
return '0%';
|
|
24
|
+
}, [points_1, nbAllVerifies_1]);
|
|
25
|
+
var colorGauge = function () {
|
|
26
|
+
var calc = Number(((points_1 / nbAllVerifies_1) * 100).toFixed(0));
|
|
27
|
+
if (calc <= 50 && calc > 0)
|
|
28
|
+
return getColorStyle(TrilogyColor.ERROR);
|
|
29
|
+
if (calc <= 99 && calc > 50)
|
|
30
|
+
return getColorStyle(TrilogyColor.WARNING);
|
|
31
|
+
if (calc === 100)
|
|
32
|
+
return getColorStyle(TrilogyColor.SUCCESS);
|
|
33
|
+
return getColorStyle(TrilogyColor.NEUTRAL_FADE);
|
|
34
|
+
};
|
|
35
|
+
React.useEffect(function () {
|
|
36
|
+
var _a, _b;
|
|
37
|
+
if (!inputValue)
|
|
38
|
+
return;
|
|
39
|
+
var min = ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) || 0;
|
|
40
|
+
var max = ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) || '';
|
|
41
|
+
var regex = new RegExp("^.{".concat(min, ",").concat(max, "}$"));
|
|
42
|
+
var validations = [];
|
|
43
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars) &&
|
|
44
|
+
validations.push({ test: /[^\w]/.test(inputValue), setState: setIsSpecialCharsVerify_1 });
|
|
45
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number) && validations.push({ test: /[0-9]/.test(inputValue), setState: setIsNumberVerify_1 });
|
|
46
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase) && validations.push({ test: /[A-Z]/.test(inputValue), setState: setIsUppercaseVerify_1 });
|
|
47
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase) &&
|
|
48
|
+
validations.push({ test: /[a-z]/.test(inputValue), setState: setisLowerercaseVerify_1 });
|
|
49
|
+
(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) && validations.push({ test: regex.test(inputValue), setState: setIsLengthVerify_1 });
|
|
50
|
+
validations.forEach(function (_a) {
|
|
51
|
+
var test = _a.test, setState = _a.setState;
|
|
52
|
+
if (test)
|
|
53
|
+
return setState({ isVerify: true, color: IconColor.SUCCESS });
|
|
54
|
+
return setState(initStateVerifies);
|
|
55
|
+
});
|
|
56
|
+
setPoints_1(validations.filter(function (item) { return item.test; }).length);
|
|
57
|
+
}, [inputValue, validationRules]);
|
|
58
|
+
return {
|
|
59
|
+
LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
|
|
60
|
+
colorGauge: colorGauge,
|
|
61
|
+
widthGauge: widthGauge,
|
|
62
|
+
isLengthVerify: isLengthVerify,
|
|
63
|
+
isLowerercaseVerify: isLowerercaseVerify,
|
|
64
|
+
isNumberVerify: isNumberVerify,
|
|
65
|
+
isSpecialCharsVerify: isSpecialCharsVerify,
|
|
66
|
+
isUppercaseVerify: isUppercaseVerify,
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
catch (_h) {
|
|
70
|
+
return {
|
|
71
|
+
LengthvalidationRulesText: LengthvalidationRulesText(validationRules),
|
|
72
|
+
colorGauge: function () { return getColorStyle(TrilogyColor.NEUTRAL_FADE); },
|
|
73
|
+
widthGauge: '0%',
|
|
74
|
+
isLengthVerify: initStateVerifies,
|
|
75
|
+
isLowerercaseVerify: initStateVerifies,
|
|
76
|
+
isNumberVerify: initStateVerifies,
|
|
77
|
+
isSpecialCharsVerify: initStateVerifies,
|
|
78
|
+
isUppercaseVerify: initStateVerifies,
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
|
|
83
|
+
var LengthvalidationRulesText = function (validationRules) {
|
|
84
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
85
|
+
switch (true) {
|
|
86
|
+
case ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) !== undefined && ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) !== undefined:
|
|
87
|
+
return "Entre ".concat((_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.min, " et ").concat((_d = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _d === void 0 ? void 0 : _d.max, " caract\u00E8res");
|
|
88
|
+
case ((_e = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _e === void 0 ? void 0 : _e.min) && !((_f = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _f === void 0 ? void 0 : _f.max):
|
|
89
|
+
return "Minimum ".concat((_g = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _g === void 0 ? void 0 : _g.min, " caract\u00E8res");
|
|
90
|
+
case ((_h = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _h === void 0 ? void 0 : _h.max) && !((_j = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _j === void 0 ? void 0 : _j.min):
|
|
91
|
+
return "Maximum ".concat((_k = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _k === void 0 ? void 0 : _k.max, " caract\u00E8res");
|
|
92
|
+
default:
|
|
93
|
+
return '';
|
|
94
|
+
}
|
|
79
95
|
};
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBT3ZELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXdDO1FBQXRDLGVBQWUscUJBQUEsRUFBRSxVQUFVLGdCQUFBO0lBQ3BELElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUE5QyxRQUFNLFFBQUEsRUFBRSxXQUFTLFFBQTZCLENBQUE7UUFDL0MsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBcUMsQ0FBQTtRQUN2RSxJQUFBLEtBQUEsT0FBa0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQWxGLG9CQUFvQixRQUFBLEVBQUUseUJBQXVCLFFBQXFDLENBQUE7UUFDbkYsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBcUMsQ0FBQTtRQUN2RSxJQUFBLEtBQUEsT0FBNEMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQTVFLGlCQUFpQixRQUFBLEVBQUUsc0JBQW9CLFFBQXFDLENBQUE7UUFDN0UsSUFBQSxLQUFBLE9BQWdELEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFB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
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconName } from '../../../components/icon';
|
|
3
|
+
import { IconColor } from '../../../components/icon/IconEnum';
|
|
4
|
+
import { IconNameValues } from '../../../components/icon/IconNameEnum';
|
|
5
|
+
import { InputStatus, InputStatusValues, InputType, InputTypeValues } from '../../../components/input/InputEnum';
|
|
6
|
+
import { InputChangeEventHandlerWeb, InputClickEventHandler, InputKeyboardEventHandler } from '../../../components/input/InputProps';
|
|
7
|
+
interface IconWrapper {
|
|
8
|
+
className?: string;
|
|
9
|
+
name: IconName | IconNameValues;
|
|
10
|
+
color?: IconColor;
|
|
11
|
+
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
12
|
+
closeIconSearch?: boolean;
|
|
13
|
+
type?: InputType | InputTypeValues;
|
|
14
|
+
_value?: string;
|
|
15
|
+
onClickCloseIconSearch?: () => void;
|
|
16
|
+
onPress?: () => void;
|
|
17
|
+
}
|
|
18
|
+
interface IParams {
|
|
19
|
+
defaultValue?: string;
|
|
20
|
+
focused?: boolean;
|
|
21
|
+
status?: InputStatus | InputStatusValues;
|
|
22
|
+
type: InputType | InputTypeValues;
|
|
23
|
+
value?: string;
|
|
24
|
+
validator?: ((value: string) => InputStatus | InputStatusValues) | undefined;
|
|
25
|
+
onStatusChange?: (status: InputStatus | InputStatusValues) => void;
|
|
26
|
+
onChange?: InputChangeEventHandlerWeb;
|
|
27
|
+
onKeyUp?: InputKeyboardEventHandler;
|
|
28
|
+
onKeyPress?: InputKeyboardEventHandler;
|
|
29
|
+
onIconClick?: InputClickEventHandler;
|
|
30
|
+
onClick?: InputClickEventHandler;
|
|
31
|
+
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
32
|
+
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
33
|
+
onMouseEnter?: (event: React.MouseEvent) => void;
|
|
34
|
+
onMouseLeave?: (event: React.MouseEvent) => void;
|
|
35
|
+
forceControl?: boolean;
|
|
36
|
+
}
|
|
37
|
+
export declare const useInput: ({ defaultValue, focused, status, type, value, validator, onStatusChange, onKeyUp, onKeyPress, onMouseEnter, onMouseLeave, onClick, forceControl, onChange, onFocus, onBlur, onIconClick, }: IParams) => {
|
|
38
|
+
localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
|
|
39
|
+
inputType: InputType | InputTypeValues;
|
|
40
|
+
_value: string;
|
|
41
|
+
isShowPwd: boolean;
|
|
42
|
+
handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
43
|
+
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
44
|
+
handleClick: (e: React.MouseEvent<Element>) => void;
|
|
45
|
+
handleFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
|
|
46
|
+
handleKeyPress: (e: React.KeyboardEvent) => void | undefined;
|
|
47
|
+
handleKeyUp: (e: React.KeyboardEvent) => void | undefined;
|
|
48
|
+
handleMouseEnter: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
|
|
49
|
+
handleMouseLeave: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void | undefined;
|
|
50
|
+
IconWrapper: ({ className, name, color, closeIconSearch, onPress }: IconWrapper) => React.JSX.Element;
|
|
51
|
+
handlePressIconPwd: () => void;
|
|
52
|
+
} | {
|
|
53
|
+
localStatus: "success" | "warning" | "error" | "default" | InputStatus | "danger";
|
|
54
|
+
inputType: InputType | InputTypeValues;
|
|
55
|
+
_value: string | undefined;
|
|
56
|
+
isShowPwd: boolean;
|
|
57
|
+
IconWrapper: ({ className, name, color, closeIconSearch, onClick, type, _value, onClickCloseIconSearch, }: IconWrapper) => React.JSX.Element;
|
|
58
|
+
handleBlur?: undefined;
|
|
59
|
+
handleChange?: undefined;
|
|
60
|
+
handleClick?: undefined;
|
|
61
|
+
handleFocus?: undefined;
|
|
62
|
+
handleKeyPress?: undefined;
|
|
63
|
+
handleKeyUp?: undefined;
|
|
64
|
+
handleMouseEnter?: undefined;
|
|
65
|
+
handleMouseLeave?: undefined;
|
|
66
|
+
handlePressIconPwd?: undefined;
|
|
67
|
+
};
|
|
68
|
+
export {};
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { __assign, __read } from "tslib";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Icon, IconName, IconSize } from '../../../components/icon';
|
|
5
|
+
import { InputStatus, InputType } from '../../../components/input/InputEnum';
|
|
6
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
7
|
+
import { is } from '../../../services/classify';
|
|
8
|
+
export var useInput = function (_a) {
|
|
9
|
+
var defaultValue = _a.defaultValue, focused = _a.focused, status = _a.status, type = _a.type, value = _a.value, validator = _a.validator, onStatusChange = _a.onStatusChange, onKeyUp = _a.onKeyUp, onKeyPress = _a.onKeyPress, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClick = _a.onClick, forceControl = _a.forceControl, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onIconClick = _a.onIconClick;
|
|
10
|
+
try {
|
|
11
|
+
var _b = __read(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), _value_1 = _b[0], setValue_1 = _b[1];
|
|
12
|
+
var _c = __read(React.useState(focused !== null && focused !== void 0 ? focused : false), 2), isFocused_1 = _c[0], setIsFocused_1 = _c[1];
|
|
13
|
+
var _d = __read(React.useState(false), 2), isDirty_1 = _d[0], setIsDirty_1 = _d[1];
|
|
14
|
+
var _e = __read(React.useState(false), 2), isTouched_1 = _e[0], setIsTouched_1 = _e[1];
|
|
15
|
+
var _f = __read(React.useState(status || InputStatus.DEFAULT), 2), localStatus_1 = _f[0], setLocalStatus_1 = _f[1];
|
|
16
|
+
var _g = __read(React.useState(type), 2), inputType_1 = _g[0], setInputType_1 = _g[1];
|
|
17
|
+
var _h = __read(React.useState(false), 2), isShowPwd = _h[0], setIsShowPwd_1 = _h[1];
|
|
18
|
+
var onPressKey_1 = React.useCallback(function (e) {
|
|
19
|
+
var target = e.target;
|
|
20
|
+
return {
|
|
21
|
+
inputName: target.name,
|
|
22
|
+
inputValue: target.value,
|
|
23
|
+
inputKeyCode: e.keyCode,
|
|
24
|
+
target: target,
|
|
25
|
+
preventDefault: function () { return e.preventDefault(); },
|
|
26
|
+
};
|
|
27
|
+
}, []);
|
|
28
|
+
var IconWrapper = React.useCallback(function (_a) {
|
|
29
|
+
var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onPress = _a.onPress;
|
|
30
|
+
return (React.createElement(CreateIconWrapper, { className: className, name: name, color: color, closeIconSearch: closeIconSearch, onClick: function (e) {
|
|
31
|
+
onPress && onPress();
|
|
32
|
+
if (onIconClick) {
|
|
33
|
+
onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value_1, target: e.target });
|
|
34
|
+
}
|
|
35
|
+
}, type: type, _value: _value_1, onClickCloseIconSearch: function () { return setValue_1(''); } }));
|
|
36
|
+
}, [_value_1, onIconClick, type]);
|
|
37
|
+
var handleKeyUp = React.useCallback(function (e) { return onKeyUp && onKeyUp(onPressKey_1(e)); }, [onKeyUp]);
|
|
38
|
+
var handleMouseEnter = React.useCallback(function (e) { return onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e); }, [onMouseEnter]);
|
|
39
|
+
var handleMouseLeave = React.useCallback(function (e) { return onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e); }, [onMouseLeave]);
|
|
40
|
+
var handleKeyPress = React.useCallback(function (e) { return onKeyPress && onKeyPress(onPressKey_1(e)); }, [onKeyPress]);
|
|
41
|
+
var handleClick = React.useCallback(function (e) {
|
|
42
|
+
var target = e.target;
|
|
43
|
+
if (onClick) {
|
|
44
|
+
onClick({
|
|
45
|
+
inputName: target.name,
|
|
46
|
+
inputValue: target.value,
|
|
47
|
+
target: target,
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
}, [onClick]);
|
|
51
|
+
var handleChange = React.useCallback(function (e) {
|
|
52
|
+
// --- solution to prevent cursor jump ---
|
|
53
|
+
if (inputType_1 !== InputType.DATE &&
|
|
54
|
+
inputType_1 !== InputType.DATETIME_LOCAL &&
|
|
55
|
+
inputType_1 !== InputType.NUMBER &&
|
|
56
|
+
inputType_1 !== InputType.EMAIL) {
|
|
57
|
+
var caret_1 = e.target.selectionStart;
|
|
58
|
+
var element_1 = e.target;
|
|
59
|
+
window.requestAnimationFrame(function () {
|
|
60
|
+
element_1.selectionStart = caret_1;
|
|
61
|
+
element_1.selectionEnd = caret_1;
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
if (!forceControl)
|
|
65
|
+
setValue_1(e.target.value);
|
|
66
|
+
if (onChange) {
|
|
67
|
+
onChange({
|
|
68
|
+
inputName: e.target.name,
|
|
69
|
+
inputValue: e.target.value,
|
|
70
|
+
inputSelectionStart: e.target.selectionStart,
|
|
71
|
+
target: e.target,
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
}, [forceControl, onChange, inputType_1]);
|
|
75
|
+
var handleFocus = React.useCallback(function (e) {
|
|
76
|
+
onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
|
|
77
|
+
setIsFocused_1(true);
|
|
78
|
+
}, [onFocus]);
|
|
79
|
+
var handleBlur = React.useCallback(function (e) {
|
|
80
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
81
|
+
setIsFocused_1(false);
|
|
82
|
+
}, [onBlur]);
|
|
83
|
+
var handlePressIconPwd = React.useCallback(function () {
|
|
84
|
+
if (inputType_1 === 'password') {
|
|
85
|
+
setInputType_1('text');
|
|
86
|
+
setIsShowPwd_1(true);
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
setInputType_1('password');
|
|
90
|
+
setIsShowPwd_1(false);
|
|
91
|
+
}
|
|
92
|
+
}, [inputType_1]);
|
|
93
|
+
React.useEffect(function () {
|
|
94
|
+
var _a;
|
|
95
|
+
setValue_1((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '');
|
|
96
|
+
}, [value, defaultValue]);
|
|
97
|
+
React.useEffect(function () {
|
|
98
|
+
setIsFocused_1(focused !== null && focused !== void 0 ? focused : false);
|
|
99
|
+
}, [focused]);
|
|
100
|
+
React.useEffect(function () {
|
|
101
|
+
if (isFocused_1)
|
|
102
|
+
setIsDirty_1(true);
|
|
103
|
+
else if (isDirty_1)
|
|
104
|
+
setIsTouched_1(true);
|
|
105
|
+
}, [isFocused_1, isDirty_1]);
|
|
106
|
+
React.useEffect(function () {
|
|
107
|
+
if (!validator || !isTouched_1)
|
|
108
|
+
return;
|
|
109
|
+
setLocalStatus_1(validator(_value_1));
|
|
110
|
+
}, [isFocused_1, isTouched_1, validator]);
|
|
111
|
+
React.useEffect(function () {
|
|
112
|
+
setLocalStatus_1(status || InputStatus.DEFAULT);
|
|
113
|
+
}, [status]);
|
|
114
|
+
React.useEffect(function () {
|
|
115
|
+
if (onStatusChange)
|
|
116
|
+
onStatusChange(localStatus_1);
|
|
117
|
+
}, [localStatus_1, onStatusChange]);
|
|
118
|
+
return {
|
|
119
|
+
localStatus: localStatus_1,
|
|
120
|
+
inputType: inputType_1,
|
|
121
|
+
_value: _value_1,
|
|
122
|
+
isShowPwd: isShowPwd,
|
|
123
|
+
handleBlur: handleBlur,
|
|
124
|
+
handleChange: handleChange,
|
|
125
|
+
handleClick: handleClick,
|
|
126
|
+
handleFocus: handleFocus,
|
|
127
|
+
handleKeyPress: handleKeyPress,
|
|
128
|
+
handleKeyUp: handleKeyUp,
|
|
129
|
+
handleMouseEnter: handleMouseEnter,
|
|
130
|
+
handleMouseLeave: handleMouseLeave,
|
|
131
|
+
IconWrapper: IconWrapper,
|
|
132
|
+
handlePressIconPwd: handlePressIconPwd,
|
|
133
|
+
};
|
|
134
|
+
}
|
|
135
|
+
catch (_j) {
|
|
136
|
+
return {
|
|
137
|
+
localStatus: status || InputStatus.DEFAULT,
|
|
138
|
+
inputType: type,
|
|
139
|
+
_value: defaultValue !== null && defaultValue !== void 0 ? defaultValue : undefined,
|
|
140
|
+
isShowPwd: false,
|
|
141
|
+
IconWrapper: CreateIconWrapper,
|
|
142
|
+
};
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
var CreateIconWrapper = function (_a) {
|
|
146
|
+
var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onClick = _a.onClick, type = _a.type, _value = _a._value, onClickCloseIconSearch = _a.onClickCloseIconSearch;
|
|
147
|
+
return (React.createElement("div", __assign({}, (type === 'password' && { 'data-show-pwd': true }), { onClick: onClick }),
|
|
148
|
+
React.createElement(Icon, { className: className, name: name, size: IconSize.SMALL, color: color }),
|
|
149
|
+
_value && _value.length > 0 && closeIconSearch && (React.createElement(Icon, { onClick: onClickCloseIconSearch, className: hashClass(clsx(is('justified-self'))), name: IconName.TIMES_CIRCLE, size: IconSize.SMALL }))));
|
|
150
|
+
};
|
|
151
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2hvb2svdXNlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVELE9BQU8sRUFBRSxXQUFXLEVBQXFCLFNBQVMsRUFBbUIsTUFBTSw4QkFBOEIsQ0FBQTtBQU16RyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBa0N4QyxNQUFNLENBQUMsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQWtCZjtRQWpCUixZQUFZLGtCQUFBLEVBQ1osT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsY0FBYyxvQkFBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQSxFQUNaLE9BQU8sYUFBQSxFQUNQLFlBQVksa0JBQUEsRUFDWixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixXQUFXLGlCQUFBO0lBRVgsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUFxQixLQUFLLENBQUMsUUFBUSxDQUFTLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQTlELFFBQU0sUUFBQSxFQUFFLFVBQVEsUUFBOEMsQ0FBQTtRQUMvRCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxPQUFPLGFBQVAsT0FBTyxjQUFQ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
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import Input from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
1
|
+
import Input from '../../components/input/Input';
|
|
2
|
+
export * from '../../components/input/InputEnum';
|
|
3
|
+
export * from '../../components/input/InputProps';
|
|
4
4
|
export { Input };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import Input from '
|
|
2
|
-
export * from '
|
|
3
|
-
export * from '
|
|
1
|
+
import Input from '../../components/input/Input';
|
|
2
|
+
export * from '../../components/input/InputEnum';
|
|
3
|
+
export * from '../../components/input/InputProps';
|
|
4
4
|
export { Input };
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLDBCQUEwQixDQUFBO0FBRTVDLGNBQWMsOEJBQThCLENBQUE7QUFDNUMsY0FBYywrQkFBK0IsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==
|