@trilogy-ds/react 4.0.7-SC-beta-1 → 4.0.7-beta-1
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 +6 -4
- 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 +3 -0
- 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 +10 -6
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +8 -6
- 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/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 +6 -4
- 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 +43 -17
- package/lib/components/alert/context/ToasterContext.js +2 -6
- package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.js +127 -26
- 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/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 +8 -6
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -1
- 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 +7 -5
- 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 +13 -10
- package/lib/components/badge/Badge.native.js +2 -2
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/index.d.ts +1 -2
- package/lib/components/badge/index.js +2 -3
- package/lib/components/box/Box.js +16 -8
- package/lib/components/box/content/BoxContent.js +7 -5
- package/lib/components/box/footer/BoxFooter.js +6 -4
- package/lib/components/box/header/BoxHeader.js +7 -5
- package/lib/components/box/item/BoxItem.js +6 -4
- package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.js +7 -5
- package/lib/components/breadcrumb/Breadcrumb.js +4 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +8 -6
- package/lib/components/button/Button.js +19 -7
- package/lib/components/button/list/ButtonList.js +7 -5
- package/lib/components/card/Card.d.ts +4 -1
- package/lib/components/card/Card.js +15 -8
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +13 -15
- package/lib/components/card/CardProps.d.ts +1 -3
- package/lib/components/card/content/CardContent.d.ts +1 -1
- package/lib/components/card/content/CardContent.js +6 -4
- 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 +13 -7
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +12 -12
- package/lib/components/card/index.d.ts +5 -5
- package/lib/components/card/index.js +6 -6
- package/lib/components/checkbox/Checkbox.js +26 -17
- package/lib/components/checkbox/CheckboxProps.d.ts +1 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +6 -4
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +24 -23
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +11 -7
- 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 +7 -5
- 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 +4 -2
- package/lib/components/columns/column/Column.js +4 -2
- package/lib/components/container/Container.js +4 -2
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +77 -17
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/index.d.ts +2 -2
- package/lib/components/countdown/index.js +3 -3
- package/lib/components/divider/Divider.js +5 -3
- package/lib/components/fab/Fab.d.ts +1 -1
- package/lib/components/fab/Fab.js +16 -7
- package/lib/components/fab/FabProps.d.ts +3 -5
- package/lib/components/fab/index.d.ts +1 -1
- package/lib/components/fab/index.js +2 -2
- package/lib/components/hero/Hero.js +5 -3
- package/lib/components/icon/Icon.js +8 -6
- package/lib/components/image/Image.d.ts +1 -1
- package/lib/components/image/Image.js +12 -7
- package/lib/components/image/ImageProps.d.ts +2 -3
- 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 +123 -39
- 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 +3 -2
- package/lib/components/input/gauge/InputGauge.js +15 -15
- package/lib/components/input/gauge/hook/useGauge.d.ts +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +74 -89
- package/lib/components/input/index.d.ts +3 -3
- package/lib/components/input/index.js +4 -4
- package/lib/components/link/Link.js +8 -6
- package/lib/components/list/List.js +4 -2
- package/lib/components/list/item/ListItem.js +8 -6
- package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
- package/lib/components/list/item/description/ListItemDescription.js +7 -5
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +74 -14
- package/lib/components/modal/Modal.native.js +109 -51
- package/lib/components/modal/ModalProps.d.ts +2 -3
- package/lib/components/modal/body/ModalBody.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.js +5 -3
- package/lib/components/modal/body/ModalBody.native.js +8 -13
- package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +6 -4
- package/lib/components/modal/footer/ModalFooter.native.js +10 -20
- 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 +98 -22
- 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 +66 -17
- package/lib/components/pagination/PaginationProps.d.ts +2 -3
- package/lib/components/pagination/index.d.ts +2 -2
- package/lib/components/pagination/index.js +3 -3
- package/lib/components/popover/Popover.js +7 -5
- package/lib/components/price/Price.js +13 -11
- package/lib/components/product-tour/ProductTour.js +17 -13
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +13 -11
- 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 +52 -11
- package/lib/components/progress/radial/ProgressRadial.native.js +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -5
- 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 +6 -4
- 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 +8 -6
- 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 +7 -5
- 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 +7 -5
- 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 +12 -10
- 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 +57 -15
- package/lib/components/range/RangeProps.d.ts +1 -2
- package/lib/components/range/index.d.ts +1 -1
- package/lib/components/range/index.js +2 -2
- package/lib/components/rows/Rows.js +6 -4
- package/lib/components/rows/row/Row.js +6 -4
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +13 -11
- package/lib/components/section/Section.js +7 -5
- package/lib/components/segment-control/SegmentControl.d.ts +2 -8
- package/lib/components/segment-control/SegmentControl.js +28 -16
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -6
- package/lib/components/segment-control/item/SegmentControlItem.js +18 -8
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
- 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 +2 -3
- 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 +9 -7
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -3
- 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 +131 -15
- package/lib/components/select/web/SelectNative.js +35 -15
- 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 +5 -3
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +36 -9
- package/lib/components/stepper/step/Step.d.ts +1 -1
- package/lib/components/stepper/step/Step.js +10 -8
- package/lib/components/stepper/step/index.d.ts +1 -1
- package/lib/components/stepper/step/index.js +2 -2
- package/lib/components/sticker/Sticker.d.ts +1 -1
- package/lib/components/sticker/Sticker.js +11 -9
- package/lib/components/sticker/Sticker.native.d.ts +1 -1
- package/lib/components/sticker/Sticker.native.js +7 -7
- package/lib/components/sticker/StickerProps.d.ts +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +0 -7
- package/lib/components/switch/Switch.d.ts +1 -1
- package/lib/components/switch/Switch.js +43 -11
- package/lib/components/switch/SwitchProps.d.ts +3 -2
- package/lib/components/switch/index.d.ts +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/table/Table.js +7 -5
- package/lib/components/table/body/TableBody.js +7 -5
- package/lib/components/table/head/TableHead.js +7 -5
- package/lib/components/table/td/TableTd.js +6 -4
- package/lib/components/table/th/TableTh.js +6 -4
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +9 -7
- package/lib/components/tabs/Tabs.js +18 -6
- package/lib/components/tabs/TabsProps.d.ts +1 -4
- package/lib/components/tabs/context/index.js +1 -2
- package/lib/components/tabs/tab-list/TabList.js +4 -2
- package/lib/components/tabs/tab-list/tab/Tab.js +19 -4
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +1 -3
- package/lib/components/tabs/tab-panels/TabPanels.js +4 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +6 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
- package/lib/components/tag/Tag.js +5 -3
- package/lib/components/tag/list/TagList.js +7 -5
- package/lib/components/text/Text.js +7 -5
- package/lib/components/textarea/Textarea.d.ts +1 -1
- package/lib/components/textarea/Textarea.js +27 -15
- package/lib/components/textarea/TextareaProps.d.ts +3 -4
- package/lib/components/timeline/Timeline.js +6 -4
- package/lib/components/timeline/content/TimelineContent.js +7 -5
- package/lib/components/timeline/item/TimelineItem.js +6 -4
- package/lib/components/timeline/marker/TimelineMarker.js +7 -5
- package/lib/components/title/Title.js +9 -7
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +15 -12
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +2 -3
- package/lib/context/providerStates.js +2 -3
- package/lib/context/providerTheme.js +1 -2
- package/lib/helpers/hashClassesHelpers.d.ts +3 -1
- package/lib/helpers/hashClassesHelpers.js +15 -18
- package/lib/objects/Typography/TypographyBold.js +2 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +0 -6
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +0 -14
- package/lib/components/alert/hooks/useAlert.d.ts +0 -23
- package/lib/components/alert/hooks/useAlert.js +0 -48
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +0 -40
- package/lib/components/autocomplete/hooks/useAutocomplete.js +0 -144
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +0 -9
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +0 -20
- package/lib/components/button/hooks/useButton.d.ts +0 -12
- package/lib/components/button/hooks/useButton.js +0 -16
- package/lib/components/countdown/hooks/useCountdown.d.ts +0 -16
- package/lib/components/countdown/hooks/useCountdown.js +0 -77
- package/lib/components/input/hook/useInput.d.ts +0 -68
- package/lib/components/input/hook/useInput.js +0 -151
- package/lib/components/modal/context/ModalContext.d.ts +0 -3
- package/lib/components/modal/context/ModalContext.js +0 -8
- package/lib/components/modal/context/ModalContextProps.d.ts +0 -8
- package/lib/components/modal/context/ModalContextProps.js +0 -2
- package/lib/components/modal/context/ModalContextPropsDefaults.js +0 -25
- package/lib/components/modal/context/index.d.ts +0 -2
- package/lib/components/modal/context/index.js +0 -3
- package/lib/components/modal/hooks/useModal.d.ts +0 -26
- package/lib/components/modal/hooks/useModal.js +0 -86
- package/lib/components/otp/hooks/useOtp.d.ts +0 -20
- package/lib/components/otp/hooks/useOtp.js +0 -101
- package/lib/components/pagination/hooks/usePagination.d.ts +0 -25
- package/lib/components/pagination/hooks/usePagination.js +0 -77
- package/lib/components/product-tour/hooks/useProductTour.d.ts +0 -11
- package/lib/components/product-tour/hooks/useProductTour.js +0 -22
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +0 -15
- package/lib/components/progress/radial/hooks/useProgressRadial.js +0 -57
- package/lib/components/range/hooks/useRange.d.ts +0 -30
- package/lib/components/range/hooks/useRange.js +0 -63
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +0 -14
- package/lib/components/segment-control/hooks/useSegmentControl.js +0 -31
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +0 -14
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +0 -24
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +0 -27
- package/lib/components/select/web/hooks/useSelectDynamic.js +0 -156
- package/lib/components/select/web/hooks/useSelectNative.d.ts +0 -22
- package/lib/components/select/web/hooks/useSelectNative.js +0 -38
- package/lib/components/stepper/hooks/useStepper.d.ts +0 -9
- package/lib/components/stepper/hooks/useStepper.js +0 -55
- package/lib/components/switch/hooks/useSwitch.d.ts +0 -18
- package/lib/components/switch/hooks/useSwitch.js +0 -46
- package/lib/components/tabs/hooks/useTabs.d.ts +0 -12
- package/lib/components/tabs/hooks/useTabs.js +0 -33
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +0 -17
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +0 -28
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +0 -3
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +0 -14
- package/lib/components/textarea/hooks/useTextarea.d.ts +0 -15
- package/lib/components/textarea/hooks/useTextarea.js +0 -30
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ClickEvent } from '../../../events/OnClickEvent';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IParams {
|
|
4
|
-
isDisabled?: boolean;
|
|
5
|
-
onClick?: ClickEvent;
|
|
6
|
-
}
|
|
7
|
-
export declare const useButton: ({ isDisabled, onClick }: IParams) => {
|
|
8
|
-
handleClick: (e: React.MouseEvent<HTMLInputElement | HTMLElement, MouseEvent>) => void;
|
|
9
|
-
} | {
|
|
10
|
-
handleClick?: undefined;
|
|
11
|
-
};
|
|
12
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export var useButton = function (_a) {
|
|
3
|
-
var isDisabled = _a.isDisabled, onClick = _a.onClick;
|
|
4
|
-
try {
|
|
5
|
-
var _1 = React.useState();
|
|
6
|
-
var handleClick = function (e) {
|
|
7
|
-
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
8
|
-
e.stopPropagation();
|
|
9
|
-
};
|
|
10
|
-
return { handleClick: handleClick };
|
|
11
|
-
}
|
|
12
|
-
catch (_b) {
|
|
13
|
-
return {};
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vaG9va3MvdXNlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFPekIsTUFBTSxDQUFDLElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBZ0M7UUFBOUIsVUFBVSxnQkFBQSxFQUFFLE9BQU8sYUFBQTtJQUM3QyxJQUFJO1FBQ0YsSUFBTSxFQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFBO1FBRTFCLElBQU0sV0FBVyxHQUFHLFVBQUMsQ0FBK0Q7WUFDbEYsQ0FBQyxVQUFVLEtBQUksT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBLENBQUE7WUFDM0IsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsQ0FBQTtRQUVELE9BQU8sRUFBRSxXQUFXLGFBQUEsRUFBRSxDQUFBO0tBQ3ZCO0lBQUMsV0FBTTtRQUNOLE9BQU8sRUFBRSxDQUFBO0tBQ1Y7QUFDSCxDQUFDLENBQUEifQ==
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { CountdownFormat } from '../../../components/countdown/CountdownEnum';
|
|
2
|
-
import { ClickEvent } from '../../../events/OnClickEvent';
|
|
3
|
-
interface IParams {
|
|
4
|
-
deadline: Date;
|
|
5
|
-
format?: CountdownFormat;
|
|
6
|
-
event?: ClickEvent;
|
|
7
|
-
}
|
|
8
|
-
export declare const useCountdown: ({ event, format, deadline }: IParams) => {
|
|
9
|
-
timer: {
|
|
10
|
-
days: number;
|
|
11
|
-
hours: number;
|
|
12
|
-
minutes: number;
|
|
13
|
-
seconds: number;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
export {};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { CountdownFormat } from '../../../components/countdown/CountdownEnum';
|
|
4
|
-
export var useCountdown = function (_a) {
|
|
5
|
-
var event = _a.event, format = _a.format, deadline = _a.deadline;
|
|
6
|
-
var initialTimeDifference = deadline.getTime() - new Date().getTime();
|
|
7
|
-
var initialTimer = calculateTimer(initialTimeDifference);
|
|
8
|
-
try {
|
|
9
|
-
var _b = __read(React.useState(deadline), 1), timeLeft_1 = _b[0];
|
|
10
|
-
var _c = __read(React.useState(initialTimer), 2), timer_1 = _c[0], setTimer_1 = _c[1];
|
|
11
|
-
var _d = __read(React.useState(false), 2), init_1 = _d[0], setInit_1 = _d[1];
|
|
12
|
-
React.useEffect(function () {
|
|
13
|
-
setInterval(function () {
|
|
14
|
-
var difference = timeLeft_1.getTime() - new Date().getTime();
|
|
15
|
-
if (difference > 0) {
|
|
16
|
-
switch (format) {
|
|
17
|
-
case CountdownFormat.DAY:
|
|
18
|
-
setTimer_1({
|
|
19
|
-
days: Math.ceil(difference / (1000 * 60 * 60 * 24)),
|
|
20
|
-
hours: 0,
|
|
21
|
-
minutes: 0,
|
|
22
|
-
seconds: 0,
|
|
23
|
-
});
|
|
24
|
-
break;
|
|
25
|
-
case CountdownFormat.DAY_HOUR:
|
|
26
|
-
setTimer_1({
|
|
27
|
-
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
28
|
-
hours: Math.ceil((difference / (1000 * 60 * 60)) % 24),
|
|
29
|
-
minutes: 0,
|
|
30
|
-
seconds: 0,
|
|
31
|
-
});
|
|
32
|
-
break;
|
|
33
|
-
case CountdownFormat.DAY_HOUR_MIN:
|
|
34
|
-
setTimer_1({
|
|
35
|
-
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
36
|
-
hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
|
|
37
|
-
minutes: Math.ceil((difference / 1000 / 60) % 60),
|
|
38
|
-
seconds: 0,
|
|
39
|
-
});
|
|
40
|
-
break;
|
|
41
|
-
default:
|
|
42
|
-
setTimer_1({
|
|
43
|
-
days: Math.floor(difference / (1000 * 60 * 60 * 24)),
|
|
44
|
-
hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
|
|
45
|
-
minutes: Math.floor((difference / 1000 / 60) % 60),
|
|
46
|
-
seconds: Math.floor((difference / 1000) % 60),
|
|
47
|
-
});
|
|
48
|
-
break;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
setInit_1(true);
|
|
52
|
-
}, 1000);
|
|
53
|
-
}, [timeLeft_1, format]);
|
|
54
|
-
React.useEffect(function () {
|
|
55
|
-
if (timer_1.days + timer_1.hours + timer_1.minutes + timer_1.seconds === 0 && event && init_1) {
|
|
56
|
-
event(null);
|
|
57
|
-
setInit_1(false);
|
|
58
|
-
}
|
|
59
|
-
}, [timer_1, event, init_1]);
|
|
60
|
-
return {
|
|
61
|
-
timer: timer_1,
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
catch (_e) {
|
|
65
|
-
return {
|
|
66
|
-
timer: initialTimer,
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
var calculateTimer = function (timeDifference) {
|
|
71
|
-
var seconds = Math.floor((timeDifference / 1000) % 60);
|
|
72
|
-
var minutes = Math.floor((timeDifference / 1000 / 60) % 60);
|
|
73
|
-
var hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
|
|
74
|
-
var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
|
|
75
|
-
return { days: days, hours: hours, minutes: minutes, seconds: seconds };
|
|
76
|
-
};
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vaG9va3MvdXNlQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQVN0RSxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQUFvQztRQUFsQyxLQUFLLFdBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDcEQsSUFBTSxxQkFBcUIsR0FBRyxRQUFRLENBQUMsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQTtJQUN2RSxJQUFNLFlBQVksR0FBRyxjQUFjLENBQUMscUJBQXFCLENBQUMsQ0FBQTtJQUUxRCxJQUFJO1FBQ0ksSUFBQSxLQUFBLE9BQWEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBQSxFQUFwQyxVQUFRLFFBQTRCLENBQUE7UUFDckMsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUEsRUFBL0MsT0FBSyxRQUFBLEVBQUUsVUFBUSxRQUFnQyxDQUFBO1FBQ2hELElBQUEsS0FBQSxPQUFrQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQXRDLE1BQUksUUFBQSxFQUFFLFNBQU8sUUFBeUIsQ0FBQTtRQUU3QyxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsV0FBVyxDQUFDO2dCQUNWLElBQU0sVUFBVSxHQUFHLFVBQVEsQ0FBQyxPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLE9BQU8sRUFBRSxDQUFBO2dCQUM1RCxJQUFJLFVBQVUsR0FBRyxDQUFDLEVBQUU7b0JBQ2xCLFFBQVEsTUFBTSxFQUFFO3dCQUNkLEtB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S0FBSyxFQUFFLFlBQVk7U0FDcEIsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxjQUFjLEdBQUcsVUFBQyxjQUFzQjtJQUM1QyxJQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQ3hELElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFBO0lBQzdELElBQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDbEUsSUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLEdBQUcsQ0FBQyxJQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sRUFBRSxJQUFJLE1BQUEsRUFBRSxLQUFLLE9BQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFBO0FBQzFDLENBQUMsQ0FBQSJ9
|
|
@@ -1,68 +0,0 @@
|
|
|
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 {};
|
|
@@ -1,151 +0,0 @@
|
|
|
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,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export var ModalContext = React.createContext({
|
|
3
|
-
scrollViewRef: null,
|
|
4
|
-
handleOnScroll: function () { return null; },
|
|
5
|
-
isFooter: false,
|
|
6
|
-
setIsFooter: function () { return false; },
|
|
7
|
-
});
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxDb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9tb2RhbC9jb250ZXh0L01vZGFsQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCLE1BQU0sQ0FBQyxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFvQjtJQUNqRSxhQUFhLEVBQUUsSUFBSTtJQUNuQixjQUFjLEVBQUUsY0FBTSxPQUFBLElBQUksRUFBSixDQUFJO0lBQzFCLFFBQVEsRUFBRSxLQUFLO0lBQ2YsV0FBVyxFQUFFLGNBQU0sT0FBQSxLQUFLLEVBQUwsQ0FBSztDQUN6QixDQUFDLENBQUEifQ==
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NativeScrollEvent, NativeSyntheticEvent, type ScrollView } from 'react-native';
|
|
3
|
-
export interface ModalContextProps {
|
|
4
|
-
scrollViewRef: React.Ref<ScrollView>;
|
|
5
|
-
handleOnScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
|
|
6
|
-
isFooter: boolean;
|
|
7
|
-
setIsFooter: React.Dispatch<React.SetStateAction<boolean>>;
|
|
8
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
"scrollViewRef": {
|
|
3
|
-
"type": "function",
|
|
4
|
-
"values": [
|
|
5
|
-
"null",
|
|
6
|
-
"ScrollView | null) => void",
|
|
7
|
-
"ScrollView>"
|
|
8
|
-
]
|
|
9
|
-
},
|
|
10
|
-
"handleOnScroll": {
|
|
11
|
-
"type": "string",
|
|
12
|
-
"values": []
|
|
13
|
-
},
|
|
14
|
-
"isFooter": {
|
|
15
|
-
"type": "boolean",
|
|
16
|
-
"values": [
|
|
17
|
-
"false",
|
|
18
|
-
"true"
|
|
19
|
-
]
|
|
20
|
-
},
|
|
21
|
-
"setIsFooter": {
|
|
22
|
-
"type": "string",
|
|
23
|
-
"values": []
|
|
24
|
-
}
|
|
25
|
-
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export * from './ModalContext';
|
|
2
|
-
export * from './ModalContextProps';
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQTtBQUM5QixjQUFjLHFCQUFxQixDQUFBIn0=
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { ClickEvent } from '../../../events/OnClickEvent';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IProps {
|
|
4
|
-
active?: boolean;
|
|
5
|
-
onClose?: ClickEvent;
|
|
6
|
-
}
|
|
7
|
-
export declare const useModal: ({ active, onClose }: IProps) => {
|
|
8
|
-
modal: React.RefObject<HTMLDivElement>;
|
|
9
|
-
display: boolean;
|
|
10
|
-
onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
|
|
11
|
-
handleClickModal: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
12
|
-
refModal: React.RefObject<HTMLDivElement>;
|
|
13
|
-
refBtnModal: React.MutableRefObject<any>;
|
|
14
|
-
handleCloseModal: (e: React.MouseEvent) => void;
|
|
15
|
-
buttonRef: (el: HTMLButtonElement | null) => HTMLButtonElement | null;
|
|
16
|
-
} | {
|
|
17
|
-
display: boolean;
|
|
18
|
-
modal?: undefined;
|
|
19
|
-
onKeyDown?: undefined;
|
|
20
|
-
handleClickModal?: undefined;
|
|
21
|
-
refModal?: undefined;
|
|
22
|
-
refBtnModal?: undefined;
|
|
23
|
-
handleCloseModal?: undefined;
|
|
24
|
-
buttonRef?: undefined;
|
|
25
|
-
};
|
|
26
|
-
export {};
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
export var useModal = function (_a) {
|
|
4
|
-
var active = _a.active, onClose = _a.onClose;
|
|
5
|
-
try {
|
|
6
|
-
var modal_1 = React.useRef(null);
|
|
7
|
-
var _b = __read(React.useState(active || false), 2), display_1 = _b[0], setDisplay_1 = _b[1];
|
|
8
|
-
var refsActions_1 = React.useRef([]);
|
|
9
|
-
var refBtnModal_1 = React.useRef(null);
|
|
10
|
-
var refModal_1 = React.useRef(null);
|
|
11
|
-
var _c = __read(React.useState(0), 2), setIndexFocusable_1 = _c[1];
|
|
12
|
-
var handleClose_1 = React.useCallback(function (onCloseFunc, e) {
|
|
13
|
-
setDisplay_1(false);
|
|
14
|
-
refBtnModal_1.current && refBtnModal_1.current.focus();
|
|
15
|
-
setIndexFocusable_1(0);
|
|
16
|
-
if (onCloseFunc)
|
|
17
|
-
onCloseFunc(e);
|
|
18
|
-
}, [refBtnModal_1.current]);
|
|
19
|
-
var onKeyDown = React.useCallback(function (event) {
|
|
20
|
-
if (display_1 && refsActions_1.current) {
|
|
21
|
-
var refs_1 = refsActions_1.current.filter(function (ref) { return ref; });
|
|
22
|
-
var key = event.key;
|
|
23
|
-
if (key === 'Tab') {
|
|
24
|
-
event.preventDefault();
|
|
25
|
-
setIndexFocusable_1(function (prev) {
|
|
26
|
-
var _a;
|
|
27
|
-
var nextIndex = (prev + 1) % refs_1.length;
|
|
28
|
-
refs_1[nextIndex] && ((_a = refs_1[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus());
|
|
29
|
-
return nextIndex;
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
if (key === 'Escape') {
|
|
33
|
-
event.preventDefault();
|
|
34
|
-
setDisplay_1(false);
|
|
35
|
-
refBtnModal_1.current && refBtnModal_1.current.focus();
|
|
36
|
-
setIndexFocusable_1(0);
|
|
37
|
-
onClose && onClose();
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}, [refsActions_1.current.length, display_1]);
|
|
41
|
-
var handleClickModal = React.useCallback(function (e) {
|
|
42
|
-
var _a;
|
|
43
|
-
if (!((_a = modal_1 === null || modal_1 === void 0 ? void 0 : modal_1.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
|
|
44
|
-
handleClose_1(onClose, e);
|
|
45
|
-
}
|
|
46
|
-
}, [modal_1, handleClose_1]);
|
|
47
|
-
var handleCloseModal = React.useCallback(function (e) {
|
|
48
|
-
handleClose_1(onClose, e);
|
|
49
|
-
}, [handleClose_1, onClose]);
|
|
50
|
-
var buttonRef = React.useCallback(function (el) { return el && refsActions_1 && (refsActions_1.current[0] = el); }, []);
|
|
51
|
-
React.useEffect(function () {
|
|
52
|
-
display_1 && refsActions_1.current[0] && refsActions_1.current[0].focus();
|
|
53
|
-
}, [display_1, refsActions_1 === null || refsActions_1 === void 0 ? void 0 : refsActions_1.current.length]);
|
|
54
|
-
React.useEffect(function () {
|
|
55
|
-
setDisplay_1(function (prev) {
|
|
56
|
-
if (prev) {
|
|
57
|
-
refBtnModal_1.current && refBtnModal_1.current.focus();
|
|
58
|
-
setIndexFocusable_1(0);
|
|
59
|
-
}
|
|
60
|
-
return active || false;
|
|
61
|
-
});
|
|
62
|
-
}, [active]);
|
|
63
|
-
React.useEffect(function () {
|
|
64
|
-
if (refModal_1.current) {
|
|
65
|
-
var footer = refModal_1.current.querySelector('[data-modal-footer]');
|
|
66
|
-
var getCTA = footer === null || footer === void 0 ? void 0 : footer.querySelectorAll('button');
|
|
67
|
-
if (getCTA)
|
|
68
|
-
getCTA.forEach(function (el, i) { return (refsActions_1.current[i + 1] = el); });
|
|
69
|
-
}
|
|
70
|
-
}, [refModal_1.current]);
|
|
71
|
-
return {
|
|
72
|
-
modal: modal_1,
|
|
73
|
-
display: display_1,
|
|
74
|
-
onKeyDown: onKeyDown,
|
|
75
|
-
handleClickModal: handleClickModal,
|
|
76
|
-
refModal: refModal_1,
|
|
77
|
-
refBtnModal: refBtnModal_1,
|
|
78
|
-
handleCloseModal: handleCloseModal,
|
|
79
|
-
buttonRef: buttonRef,
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
catch (_d) {
|
|
83
|
-
return { display: active || false };
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL21vZGFsL2hvb2tzL3VzZU1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBT3pCLE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTJCO1FBQXpCLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQTtJQUN4QyxJQUFJO1FBQ0YsSUFBTSxPQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUE7UUFDMUMsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFNBQU8sUUFBQSxFQUFFLFlBQVUsUUFBNEMsQ0FBQTtRQUV0RSxJQUFNLGFBQVcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFrQyxFQUFFLENBQUMsQ0FBQTtRQUNyRSxJQUFNLGFBQVcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFNLElBQUksQ0FBQyxDQUFBO1FBQzNDLElBQU0sVUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO1FBQzdDLElBQUEsS0FBQSxPQUF3QixLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRDLG1CQUFpQixRQUFxQixDQUFBO1FBRS9DLElBQU0sYUFBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ25DLFVBQUMsV0FBbUMsRUFBRSxDQUFlO1lBQ25ELFlBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNqQixhQUFXLENBQUMsT0FBTyxJQUFJLGFBQVcsQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUE7WUFDbEQsbUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDcEIsSUFBSSxXQUFXO2dCQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUNq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
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IProps {
|
|
3
|
-
value?: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
onChange?: (code?: string) => void;
|
|
6
|
-
onCompleted?: (code?: string) => void;
|
|
7
|
-
length: number;
|
|
8
|
-
}
|
|
9
|
-
export declare const useOtp: ({ value, disabled, length, onChange, onCompleted }: IProps) => {
|
|
10
|
-
codeInput: (number | null)[];
|
|
11
|
-
inputOnKeyUp: (e: React.KeyboardEvent<HTMLInputElement>) => false | void;
|
|
12
|
-
inputOnFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
13
|
-
inputOnChange: (e: React.ChangeEvent<HTMLInputElement>, idx: number) => void;
|
|
14
|
-
} | {
|
|
15
|
-
codeInput: (number | null)[];
|
|
16
|
-
inputOnKeyUp?: undefined;
|
|
17
|
-
inputOnFocus?: undefined;
|
|
18
|
-
inputOnChange?: undefined;
|
|
19
|
-
};
|
|
20
|
-
export {};
|