farm-react 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/styles/style.css +25347 -0
- package/dist/assets/styles/style.css.map +1 -0
- package/dist/cjs/Utils/index.d.ts +4 -0
- package/dist/cjs/Utils/index.js +8 -0
- package/dist/cjs/Utils/index.js.map +1 -0
- package/dist/cjs/components/Accordion.js +7 -6
- package/dist/cjs/components/Accordion.js.map +1 -1
- package/dist/cjs/components/Alert.d.ts +32 -0
- package/dist/cjs/components/Alert.js +50 -0
- package/dist/cjs/components/Alert.js.map +1 -0
- package/dist/cjs/components/Badge.d.ts +22 -0
- package/dist/cjs/components/Badge.js +36 -0
- package/dist/cjs/components/Badge.js.map +1 -0
- package/dist/cjs/components/BrokenPage.d.ts +35 -0
- package/dist/cjs/components/BrokenPage.js +59 -0
- package/dist/cjs/components/BrokenPage.js.map +1 -0
- package/dist/cjs/components/Button.d.ts +29 -2
- package/dist/cjs/components/Button.js +56 -4
- package/dist/cjs/components/Button.js.map +1 -1
- package/dist/cjs/components/Card.d.ts +77 -0
- package/dist/cjs/components/Card.js +77 -0
- package/dist/cjs/components/Card.js.map +1 -0
- package/dist/cjs/components/Checkbox.d.ts +25 -0
- package/dist/cjs/components/Checkbox.js +23 -0
- package/dist/cjs/components/Checkbox.js.map +1 -0
- package/dist/cjs/components/ConfirmPoup.d.ts +21 -0
- package/dist/cjs/components/ConfirmPoup.js +47 -0
- package/dist/cjs/components/ConfirmPoup.js.map +1 -0
- package/dist/cjs/components/Dropdown.d.ts +35 -0
- package/dist/cjs/components/Dropdown.js +54 -0
- package/dist/cjs/components/Dropdown.js.map +1 -0
- package/dist/cjs/components/Label.d.ts +1 -1
- package/dist/cjs/components/Label.js +8 -6
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Layout/Footer.js +11 -2
- package/dist/cjs/components/Layout/Footer.js.map +1 -1
- package/dist/cjs/components/Layout/Header.d.ts +2 -1
- package/dist/cjs/components/Layout/Header.js +15 -4
- package/dist/cjs/components/Layout/Header.js.map +1 -1
- package/dist/cjs/components/Layout/Sidebar.d.ts +2 -1
- package/dist/cjs/components/Layout/Sidebar.js +5 -3
- package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
- package/dist/cjs/components/MultiCheckbox.d.ts +39 -0
- package/dist/cjs/components/MultiCheckbox.js +56 -0
- package/dist/cjs/components/MultiCheckbox.js.map +1 -0
- package/dist/cjs/components/MultiRadio.d.ts +30 -0
- package/dist/cjs/components/MultiRadio.js +41 -0
- package/dist/cjs/components/MultiRadio.js.map +1 -0
- package/dist/cjs/components/NumberInput.d.ts +38 -0
- package/dist/cjs/components/NumberInput.js +34 -0
- package/dist/cjs/components/NumberInput.js.map +1 -0
- package/dist/cjs/components/Popover.d.ts +56 -0
- package/dist/cjs/components/Popover.js +34 -0
- package/dist/cjs/components/Popover.js.map +1 -0
- package/dist/cjs/components/Radio.d.ts +24 -0
- package/dist/cjs/components/Radio.js +24 -0
- package/dist/cjs/components/Radio.js.map +1 -0
- package/dist/cjs/components/RadioButtonGroup.d.ts +67 -0
- package/dist/cjs/components/RadioButtonGroup.js +141 -0
- package/dist/cjs/components/RadioButtonGroup.js.map +1 -0
- package/dist/cjs/components/RangeSlider.d.ts +30 -0
- package/dist/cjs/components/RangeSlider.js +48 -0
- package/dist/cjs/components/RangeSlider.js.map +1 -0
- package/dist/cjs/components/RatingDisplay.js +7 -4
- package/dist/cjs/components/RatingDisplay.js.map +1 -1
- package/dist/cjs/components/Search.d.ts +6 -0
- package/dist/cjs/components/Search.js +11 -0
- package/dist/cjs/components/Search.js.map +1 -0
- package/dist/cjs/components/Select.d.ts +41 -0
- package/dist/cjs/components/Select.js +48 -0
- package/dist/cjs/components/Select.js.map +1 -0
- package/dist/cjs/components/SkeletonLoader.d.ts +39 -0
- package/dist/cjs/components/SkeletonLoader.js +76 -0
- package/dist/cjs/components/SkeletonLoader.js.map +1 -0
- package/dist/cjs/components/Slider/SlickSlider.d.ts +74 -0
- package/dist/cjs/components/Slider/SlickSlider.js +211 -0
- package/dist/cjs/components/Slider/SlickSlider.js.map +1 -0
- package/dist/cjs/components/Slider/useCenterMode.d.ts +24 -0
- package/dist/cjs/components/Slider/useCenterMode.js +40 -0
- package/dist/cjs/components/Slider/useCenterMode.js.map +1 -0
- package/dist/cjs/components/Slider/useSlider.d.ts +65 -0
- package/dist/cjs/components/Slider/useSlider.js +158 -0
- package/dist/cjs/components/Slider/useSlider.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/cjs/components/Slider/useSliderAutoPlay.js +73 -0
- package/dist/cjs/components/Slider/useSliderAutoPlay.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderBreakpoint.d.ts +23 -0
- package/dist/cjs/components/Slider/useSliderBreakpoint.js +92 -0
- package/dist/cjs/components/Slider/useSliderBreakpoint.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderDimension.d.ts +41 -0
- package/dist/cjs/components/Slider/useSliderDimension.js +92 -0
- package/dist/cjs/components/Slider/useSliderDimension.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderDraggable.d.ts +43 -0
- package/dist/cjs/components/Slider/useSliderDraggable.js +146 -0
- package/dist/cjs/components/Slider/useSliderDraggable.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderNavigation.d.ts +41 -0
- package/dist/cjs/components/Slider/useSliderNavigation.js +136 -0
- package/dist/cjs/components/Slider/useSliderNavigation.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderTransform.d.ts +17 -0
- package/dist/cjs/components/Slider/useSliderTransform.js +71 -0
- package/dist/cjs/components/Slider/useSliderTransform.js.map +1 -0
- package/dist/cjs/components/TextInput.d.ts +35 -4
- package/dist/cjs/components/TextInput.js +97 -11
- package/dist/cjs/components/TextInput.js.map +1 -1
- package/dist/cjs/components/ThreeDotsLoader.d.ts +24 -0
- package/dist/cjs/components/ThreeDotsLoader.js +25 -0
- package/dist/cjs/components/ThreeDotsLoader.js.map +1 -0
- package/dist/cjs/components/Tooltip.d.ts +32 -0
- package/dist/cjs/components/Tooltip.js +35 -0
- package/dist/cjs/components/Tooltip.js.map +1 -0
- package/dist/cjs/constants/app.d.ts +2 -0
- package/dist/cjs/constants/app.js +3 -1
- package/dist/cjs/constants/app.js.map +1 -1
- package/dist/cjs/constants/icons.d.ts +10 -0
- package/dist/cjs/constants/icons.js +14 -0
- package/dist/cjs/constants/icons.js.map +1 -0
- package/dist/cjs/helpers/app.d.ts +39 -2
- package/dist/cjs/helpers/app.js +83 -5
- package/dist/cjs/helpers/app.js.map +1 -1
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/helpers/index.js +3 -0
- package/dist/cjs/helpers/index.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +4 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useLocalStorage.d.ts +7 -0
- package/dist/cjs/hooks/useLocalStorage.js +57 -0
- package/dist/cjs/hooks/useLocalStorage.js.map +1 -0
- package/dist/cjs/index.d.ts +23 -5
- package/dist/cjs/index.js +47 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/strings/en.d.ts +3 -1
- package/dist/cjs/strings/en.js +5 -3
- package/dist/cjs/strings/en.js.map +1 -1
- package/dist/cjs/subComponent/DateRange.js +2 -0
- package/dist/cjs/subComponent/DateRange.js.map +1 -0
- package/dist/cjs/subComponent/ToggleButton.d.ts +9 -0
- package/dist/cjs/subComponent/ToggleButton.js +19 -0
- package/dist/cjs/subComponent/ToggleButton.js.map +1 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.d.ts +43 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js +43 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.d.ts +43 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js +53 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -0
- package/dist/esm/Utils/index.d.ts +4 -0
- package/dist/esm/Utils/index.js +5 -0
- package/dist/esm/Utils/index.js.map +1 -0
- package/dist/esm/components/Accordion.js +7 -6
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Alert.d.ts +32 -0
- package/dist/esm/components/Alert.js +48 -0
- package/dist/esm/components/Alert.js.map +1 -0
- package/dist/esm/components/Badge.d.ts +22 -0
- package/dist/esm/components/Badge.js +34 -0
- package/dist/esm/components/Badge.js.map +1 -0
- package/dist/esm/components/BrokenPage.d.ts +35 -0
- package/dist/esm/components/BrokenPage.js +57 -0
- package/dist/esm/components/BrokenPage.js.map +1 -0
- package/dist/esm/components/Button.d.ts +29 -2
- package/dist/esm/components/Button.js +56 -3
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.d.ts +77 -0
- package/dist/esm/components/Card.js +75 -0
- package/dist/esm/components/Card.js.map +1 -0
- package/dist/esm/components/Checkbox.d.ts +25 -0
- package/dist/esm/components/Checkbox.js +21 -0
- package/dist/esm/components/Checkbox.js.map +1 -0
- package/dist/esm/components/ConfirmPoup.d.ts +21 -0
- package/dist/esm/components/ConfirmPoup.js +45 -0
- package/dist/esm/components/ConfirmPoup.js.map +1 -0
- package/dist/esm/components/Dropdown.d.ts +35 -0
- package/dist/esm/components/Dropdown.js +52 -0
- package/dist/esm/components/Dropdown.js.map +1 -0
- package/dist/esm/components/Label.d.ts +1 -1
- package/dist/esm/components/Label.js +9 -7
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Layout/Footer.js +10 -2
- package/dist/esm/components/Layout/Footer.js.map +1 -1
- package/dist/esm/components/Layout/Header.d.ts +2 -1
- package/dist/esm/components/Layout/Header.js +14 -3
- package/dist/esm/components/Layout/Header.js.map +1 -1
- package/dist/esm/components/Layout/Sidebar.d.ts +2 -1
- package/dist/esm/components/Layout/Sidebar.js +4 -3
- package/dist/esm/components/Layout/Sidebar.js.map +1 -1
- package/dist/esm/components/MultiCheckbox.d.ts +39 -0
- package/dist/esm/components/MultiCheckbox.js +54 -0
- package/dist/esm/components/MultiCheckbox.js.map +1 -0
- package/dist/esm/components/MultiRadio.d.ts +30 -0
- package/dist/esm/components/MultiRadio.js +39 -0
- package/dist/esm/components/MultiRadio.js.map +1 -0
- package/dist/esm/components/NumberInput.d.ts +38 -0
- package/dist/esm/components/NumberInput.js +32 -0
- package/dist/esm/components/NumberInput.js.map +1 -0
- package/dist/esm/components/Popover.d.ts +56 -0
- package/dist/esm/components/Popover.js +32 -0
- package/dist/esm/components/Popover.js.map +1 -0
- package/dist/esm/components/Radio.d.ts +24 -0
- package/dist/esm/components/Radio.js +22 -0
- package/dist/esm/components/Radio.js.map +1 -0
- package/dist/esm/components/RadioButtonGroup.d.ts +67 -0
- package/dist/esm/components/RadioButtonGroup.js +139 -0
- package/dist/esm/components/RadioButtonGroup.js.map +1 -0
- package/dist/esm/components/RangeSlider.d.ts +30 -0
- package/dist/esm/components/RangeSlider.js +46 -0
- package/dist/esm/components/RangeSlider.js.map +1 -0
- package/dist/esm/components/RatingDisplay.js +7 -4
- package/dist/esm/components/RatingDisplay.js.map +1 -1
- package/dist/esm/components/Search.d.ts +6 -0
- package/dist/esm/components/Search.js +8 -0
- package/dist/esm/components/Search.js.map +1 -0
- package/dist/esm/components/Select.d.ts +41 -0
- package/dist/esm/components/Select.js +46 -0
- package/dist/esm/components/Select.js.map +1 -0
- package/dist/esm/components/SkeletonLoader.d.ts +39 -0
- package/dist/esm/components/SkeletonLoader.js +74 -0
- package/dist/esm/components/SkeletonLoader.js.map +1 -0
- package/dist/esm/components/Slider/SlickSlider.d.ts +74 -0
- package/dist/esm/components/Slider/SlickSlider.js +208 -0
- package/dist/esm/components/Slider/SlickSlider.js.map +1 -0
- package/dist/esm/components/Slider/useCenterMode.d.ts +24 -0
- package/dist/esm/components/Slider/useCenterMode.js +38 -0
- package/dist/esm/components/Slider/useCenterMode.js.map +1 -0
- package/dist/esm/components/Slider/useSlider.d.ts +65 -0
- package/dist/esm/components/Slider/useSlider.js +156 -0
- package/dist/esm/components/Slider/useSlider.js.map +1 -0
- package/dist/esm/components/Slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/esm/components/Slider/useSliderAutoPlay.js +71 -0
- package/dist/esm/components/Slider/useSliderAutoPlay.js.map +1 -0
- package/dist/esm/components/Slider/useSliderBreakpoint.d.ts +23 -0
- package/dist/esm/components/Slider/useSliderBreakpoint.js +90 -0
- package/dist/esm/components/Slider/useSliderBreakpoint.js.map +1 -0
- package/dist/esm/components/Slider/useSliderDimension.d.ts +41 -0
- package/dist/esm/components/Slider/useSliderDimension.js +90 -0
- package/dist/esm/components/Slider/useSliderDimension.js.map +1 -0
- package/dist/esm/components/Slider/useSliderDraggable.d.ts +43 -0
- package/dist/esm/components/Slider/useSliderDraggable.js +144 -0
- package/dist/esm/components/Slider/useSliderDraggable.js.map +1 -0
- package/dist/esm/components/Slider/useSliderNavigation.d.ts +41 -0
- package/dist/esm/components/Slider/useSliderNavigation.js +134 -0
- package/dist/esm/components/Slider/useSliderNavigation.js.map +1 -0
- package/dist/esm/components/Slider/useSliderTransform.d.ts +17 -0
- package/dist/esm/components/Slider/useSliderTransform.js +69 -0
- package/dist/esm/components/Slider/useSliderTransform.js.map +1 -0
- package/dist/esm/components/TextInput.d.ts +35 -4
- package/dist/esm/components/TextInput.js +99 -12
- package/dist/esm/components/TextInput.js.map +1 -1
- package/dist/esm/components/ThreeDotsLoader.d.ts +24 -0
- package/dist/esm/components/ThreeDotsLoader.js +23 -0
- package/dist/esm/components/ThreeDotsLoader.js.map +1 -0
- package/dist/esm/components/Tooltip.d.ts +32 -0
- package/dist/esm/components/Tooltip.js +33 -0
- package/dist/esm/components/Tooltip.js.map +1 -0
- package/dist/esm/constants/app.d.ts +2 -0
- package/dist/esm/constants/app.js +2 -0
- package/dist/esm/constants/app.js.map +1 -1
- package/dist/esm/constants/icons.d.ts +10 -0
- package/dist/esm/constants/icons.js +12 -0
- package/dist/esm/constants/icons.js.map +1 -0
- package/dist/esm/helpers/app.d.ts +39 -2
- package/dist/esm/helpers/app.js +73 -3
- package/dist/esm/helpers/app.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useLocalStorage.d.ts +7 -0
- package/dist/esm/hooks/useLocalStorage.js +54 -0
- package/dist/esm/hooks/useLocalStorage.js.map +1 -0
- package/dist/esm/index.d.ts +23 -5
- package/dist/esm/index.js +23 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/strings/en.d.ts +3 -1
- package/dist/esm/strings/en.js +4 -2
- package/dist/esm/strings/en.js.map +1 -1
- package/dist/esm/subComponent/DateRange.js +2 -0
- package/dist/esm/subComponent/DateRange.js.map +1 -0
- package/dist/esm/subComponent/ToggleButton.d.ts +9 -0
- package/dist/esm/subComponent/ToggleButton.js +17 -0
- package/dist/esm/subComponent/ToggleButton.js.map +1 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.d.ts +43 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js +41 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.d.ts +43 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js +51 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -0
- package/dist/package.json +1 -1
- package/package.json +6 -4
- package/dist/cjs/strings/index.js +0 -2
- package/dist/cjs/strings/index.js.map +0 -1
- package/dist/esm/strings/index.js +0 -2
- package/dist/esm/strings/index.js.map +0 -1
- /package/dist/cjs/{strings/index.d.ts → subComponent/DateRange.d.ts} +0 -0
- /package/dist/esm/{strings/index.d.ts → subComponent/DateRange.d.ts} +0 -0
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reusable Popover Component using React Bootstrap
|
|
3
|
+
*/
|
|
4
|
+
import React, { ReactElement, ReactNode } from 'react';
|
|
5
|
+
import type { OverlayInjectedProps } from 'react-bootstrap/esm/Overlay';
|
|
6
|
+
import type { OverlayTriggerRenderProps } from 'react-bootstrap/esm/OverlayTrigger';
|
|
7
|
+
import type { Placement } from 'react-bootstrap/types';
|
|
8
|
+
export type PopoverSize = 'sm' | 'lg' | 'xl';
|
|
9
|
+
export type PopoverTrigger = 'hover' | 'click' | 'focus';
|
|
10
|
+
interface Classnames {
|
|
11
|
+
wrapper?: string;
|
|
12
|
+
header?: string;
|
|
13
|
+
icon?: string;
|
|
14
|
+
description?: string;
|
|
15
|
+
title?: string;
|
|
16
|
+
body?: string;
|
|
17
|
+
closeBtn?: string;
|
|
18
|
+
closeBtnIcon?: string;
|
|
19
|
+
footer?: string;
|
|
20
|
+
}
|
|
21
|
+
interface Style {
|
|
22
|
+
wrapper?: object;
|
|
23
|
+
header?: object;
|
|
24
|
+
body?: object;
|
|
25
|
+
footer?: object;
|
|
26
|
+
}
|
|
27
|
+
interface Attributes {
|
|
28
|
+
wrapper?: object;
|
|
29
|
+
header?: object;
|
|
30
|
+
body?: object;
|
|
31
|
+
footer?: object;
|
|
32
|
+
description?: object;
|
|
33
|
+
}
|
|
34
|
+
export interface PopoverProps {
|
|
35
|
+
classnames?: Classnames;
|
|
36
|
+
style?: Style;
|
|
37
|
+
attributes?: Attributes;
|
|
38
|
+
trigger?: PopoverTrigger;
|
|
39
|
+
placement?: Placement;
|
|
40
|
+
title?: string;
|
|
41
|
+
description?: string;
|
|
42
|
+
children?: ReactElement | ((props: OverlayTriggerRenderProps) => ReactNode);
|
|
43
|
+
show?: boolean;
|
|
44
|
+
overlay?: ReactNode | ((injected: OverlayInjectedProps) => ReactNode);
|
|
45
|
+
closeBtn?: boolean;
|
|
46
|
+
customHeader?: ReactNode;
|
|
47
|
+
customFooter?: ReactNode;
|
|
48
|
+
rootClose?: boolean;
|
|
49
|
+
backdrop?: boolean;
|
|
50
|
+
handleBackdrop?: () => void;
|
|
51
|
+
onToggle?: (value: boolean) => void;
|
|
52
|
+
size?: PopoverSize;
|
|
53
|
+
rest?: object;
|
|
54
|
+
}
|
|
55
|
+
declare function Popover({ classnames, style, attributes, trigger, placement, title, description, children, show, overlay, closeBtn, customHeader, customFooter, rootClose, backdrop, handleBackdrop, onToggle, size, rest, }: PopoverProps): React.JSX.Element;
|
|
56
|
+
export default Popover;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reusable Popover Component using React Bootstrap
|
|
3
|
+
*/
|
|
4
|
+
import { __assign } from "tslib";
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { clsx } from 'clsx';
|
|
7
|
+
import { OverlayTrigger, Popover as BSPopover } from 'react-bootstrap';
|
|
8
|
+
import { destructObj } from '../helpers';
|
|
9
|
+
var sizeClasses = {
|
|
10
|
+
sm: 'popover-sm',
|
|
11
|
+
lg: 'popover-lg',
|
|
12
|
+
xl: 'popover-xl',
|
|
13
|
+
};
|
|
14
|
+
function Popover(_a) {
|
|
15
|
+
var classnames = _a.classnames, style = _a.style, attributes = _a.attributes, _b = _a.trigger, trigger = _b === void 0 ? 'click' : _b, _c = _a.placement, placement = _c === void 0 ? 'auto' : _c, title = _a.title, description = _a.description, children = _a.children, _d = _a.show, show = _d === void 0 ? false : _d, overlay = _a.overlay, _e = _a.closeBtn, closeBtn = _e === void 0 ? false : _e, customHeader = _a.customHeader, customFooter = _a.customFooter, _f = _a.rootClose, rootClose = _f === void 0 ? false : _f, _g = _a.backdrop, backdrop = _g === void 0 ? false : _g, handleBackdrop = _a.handleBackdrop, onToggle = _a.onToggle, _h = _a.size, size = _h === void 0 ? 'lg' : _h, rest = _a.rest;
|
|
16
|
+
var _j = destructObj(classnames), wrapper = _j.wrapper, header = _j.header, descriptionClass = _j.description, titleClass = _j.title, body = _j.body, closeBtnClass = _j.closeBtn, closeBtnIcon = _j.closeBtnIcon, footer = _j.footer;
|
|
17
|
+
var _k = destructObj(attributes), wrapperAttr = _k.wrapper, headerAttr = _k.header, bodyAttr = _k.body, footerAttr = _k.footer, descriptionAttr = _k.description;
|
|
18
|
+
var _l = destructObj(style), wrapperStyle = _l.wrapper, headerStyle = _l.header, bodyStyle = _l.body, footerStyle = _l.footer;
|
|
19
|
+
var renderPopover = function (props) { return (React.createElement(BSPopover, __assign({}, props, { className: clsx(sizeClasses[size], wrapper), style: wrapperStyle }, wrapperAttr),
|
|
20
|
+
(title || description || closeBtn || customHeader) && (React.createElement("div", __assign({ className: clsx('popover-header', header), style: headerStyle }, headerAttr), customHeader ? (customHeader) : (React.createElement(React.Fragment, null,
|
|
21
|
+
title && React.createElement("div", { className: clsx('popover-title', titleClass) }, title),
|
|
22
|
+
description && (React.createElement("div", __assign({ className: clsx('popover-description', descriptionClass) }, descriptionAttr), description)),
|
|
23
|
+
closeBtn && (React.createElement("button", { type: 'button', className: clsx('popover-close', closeBtnClass), onClick: function () { return onToggle === null || onToggle === void 0 ? void 0 : onToggle(false); } },
|
|
24
|
+
React.createElement("i", { className: clsx('bi-x', closeBtnIcon) }))))))),
|
|
25
|
+
React.createElement("div", __assign({ className: clsx('popover-body', body), style: bodyStyle }, bodyAttr), typeof overlay === 'function' ? overlay(props) : overlay),
|
|
26
|
+
customFooter && (React.createElement("div", __assign({ className: clsx('popover-footer', footer), style: footerStyle }, footerAttr), customFooter)))); };
|
|
27
|
+
return (React.createElement(React.Fragment, null,
|
|
28
|
+
backdrop && show && React.createElement("div", { className: 'popover-backdrop', onClick: handleBackdrop }),
|
|
29
|
+
React.createElement(OverlayTrigger, __assign({ trigger: trigger, placement: placement, overlay: renderPopover, show: show, rootClose: rootClose, onToggle: onToggle }, rest), children)));
|
|
30
|
+
}
|
|
31
|
+
export default Popover;
|
|
32
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ChangeEvent, type ReactElement } from 'react';
|
|
2
|
+
import { type LabelProps } from './Label';
|
|
3
|
+
interface Classnames {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
input?: string;
|
|
6
|
+
}
|
|
7
|
+
interface Attributes {
|
|
8
|
+
wrapper?: object;
|
|
9
|
+
input?: object;
|
|
10
|
+
}
|
|
11
|
+
export interface RadioProps {
|
|
12
|
+
id?: string;
|
|
13
|
+
name?: string;
|
|
14
|
+
disable?: boolean;
|
|
15
|
+
inline?: boolean;
|
|
16
|
+
classnames?: Classnames;
|
|
17
|
+
attributes?: Attributes;
|
|
18
|
+
labelProps?: LabelProps;
|
|
19
|
+
checked?: boolean;
|
|
20
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
22
|
+
}
|
|
23
|
+
declare function Radio({ id, name, disable, inline, labelProps, classnames, attributes, checked, onChange, onBlur, }: RadioProps): ReactElement;
|
|
24
|
+
export default Radio;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { Form } from 'react-bootstrap';
|
|
5
|
+
import Label from './Label';
|
|
6
|
+
import { destructObj, isStrEmpty } from '../helpers/app';
|
|
7
|
+
function Radio(_a) {
|
|
8
|
+
var id = _a.id, name = _a.name, _b = _a.disable, disable = _b === void 0 ? false : _b, _c = _a.inline, inline = _c === void 0 ? false : _c, labelProps = _a.labelProps, classnames = _a.classnames, attributes = _a.attributes, checked = _a.checked, onChange = _a.onChange, onBlur = _a.onBlur;
|
|
9
|
+
var _d = destructObj(classnames), wrapperClass = _d.wrapper, inputClass = _d.input;
|
|
10
|
+
var _e = destructObj(attributes), wrapperAttr = _e.wrapper, inputAttr = _e.input;
|
|
11
|
+
/** Label */
|
|
12
|
+
function renderLabel() {
|
|
13
|
+
if (isStrEmpty(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
|
|
14
|
+
return null;
|
|
15
|
+
return React.createElement(Label, __assign({ id: id }, labelProps));
|
|
16
|
+
}
|
|
17
|
+
return (React.createElement(Form.Check, __assign({ id: id, name: name, disabled: disable, inline: inline, className: clsx(wrapperClass) }, wrapperAttr),
|
|
18
|
+
React.createElement(Form.Check.Input, __assign({ type: 'radio', checked: checked, className: clsx('me-2', inputClass), onChange: onChange, onBlur: onBlur }, inputAttr)),
|
|
19
|
+
renderLabel()));
|
|
20
|
+
}
|
|
21
|
+
export default Radio;
|
|
22
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAClE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,KAA0B,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AA0BxD,SAAS,KAAK,CAAC,EAWF;QAVX,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA;IAEA,IAAA,KAA+C,WAAW,CAAC,UAAU,CAAC,EAA3D,YAAY,aAAA,EAAS,UAAU,WAA4B,CAAA;IAEtE,IAAA,KAA6C,WAAW,CAAC,UAAU,CAAC,EAAzD,WAAW,aAAA,EAAS,SAAS,WAA4B,CAAA;IAE1E,YAAY;IACZ,SAAS,WAAW;QAClB,IAAI,UAAU,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,oBAAC,KAAK,aAAC,EAAE,EAAE,EAAE,IAAM,UAAU,EAAI,CAAA;IAC1C,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,CAAC,KAAK,aAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAM,WAAW;QAC/G,oBAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,EACnC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IACV,SAAS,EACb;QACD,WAAW,EAAE,CACH,CACd,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @component RadioButtonGroup
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
5
|
+
*
|
|
6
|
+
* @description This component is responsible for rendering group of radio buttons, radio buttons can be rendered using the radioBtns prop.
|
|
7
|
+
* The radioBtns is an array which consists of objects, each object representing a radio button with respective properties.
|
|
8
|
+
* React-Hook-Form can be bind to this component.
|
|
9
|
+
*
|
|
10
|
+
* -----------------------------------------------------------------------------
|
|
11
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
12
|
+
* -----------------------------------------------------------------------------
|
|
13
|
+
*/
|
|
14
|
+
import { type ChangeEvent, type ReactElement } from 'react';
|
|
15
|
+
import { type ToggleButtonProps } from 'react-bootstrap/ToggleButton';
|
|
16
|
+
import { type Control, type FieldValues, type UseFormReturn } from 'react-hook-form';
|
|
17
|
+
import { type TooltipProps } from 'react-bootstrap';
|
|
18
|
+
import { LabelProps } from './Label';
|
|
19
|
+
interface IconProps {
|
|
20
|
+
icon?: string;
|
|
21
|
+
position?: 'start' | 'end';
|
|
22
|
+
}
|
|
23
|
+
export interface RadioBtn extends ToggleButtonProps {
|
|
24
|
+
label?: string;
|
|
25
|
+
iconProps?: IconProps;
|
|
26
|
+
tooltip?: TooltipProps;
|
|
27
|
+
descProps?: {
|
|
28
|
+
description?: string;
|
|
29
|
+
classname?: string;
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
interface Classnames {
|
|
33
|
+
wrapper?: string;
|
|
34
|
+
btnGroup?: string;
|
|
35
|
+
button?: string;
|
|
36
|
+
icon?: string;
|
|
37
|
+
description?: string;
|
|
38
|
+
}
|
|
39
|
+
interface Attributes {
|
|
40
|
+
wrapper?: object;
|
|
41
|
+
btnGroup?: object;
|
|
42
|
+
button?: object;
|
|
43
|
+
description?: object;
|
|
44
|
+
}
|
|
45
|
+
export interface Methods extends Partial<UseFormReturn<FieldValues>> {
|
|
46
|
+
control: Control<FieldValues, unknown>;
|
|
47
|
+
}
|
|
48
|
+
export interface RadioButtonGroupProps {
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
isSpaced?: boolean;
|
|
51
|
+
vertical?: boolean;
|
|
52
|
+
description?: string;
|
|
53
|
+
gap?: string;
|
|
54
|
+
name?: string;
|
|
55
|
+
size?: 'sm' | 'lg';
|
|
56
|
+
variant?: string;
|
|
57
|
+
value?: string | number;
|
|
58
|
+
attributes?: Attributes;
|
|
59
|
+
classnames?: Classnames;
|
|
60
|
+
labelProps?: LabelProps;
|
|
61
|
+
methods?: Methods;
|
|
62
|
+
radioBtns?: RadioBtn[];
|
|
63
|
+
onChange?: (value: string | number, event?: ChangeEvent<HTMLInputElement>) => void;
|
|
64
|
+
renderOptions?: (btnContent: RadioBtn) => null | ReactElement;
|
|
65
|
+
}
|
|
66
|
+
declare function RadioButtonGroup({ disabled, isSpaced, vertical, description, gap, name, size, variant, value, attributes, classnames, labelProps, methods, radioBtns, onChange, renderOptions, }: RadioButtonGroupProps): ReactElement;
|
|
67
|
+
export default RadioButtonGroup;
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
/**
|
|
3
|
+
* -----------------------------------------------------------------------------
|
|
4
|
+
* @component RadioButtonGroup
|
|
5
|
+
* -----------------------------------------------------------------------------
|
|
6
|
+
*
|
|
7
|
+
* @description This component is responsible for rendering group of radio buttons, radio buttons can be rendered using the radioBtns prop.
|
|
8
|
+
* The radioBtns is an array which consists of objects, each object representing a radio button with respective properties.
|
|
9
|
+
* React-Hook-Form can be bind to this component.
|
|
10
|
+
*
|
|
11
|
+
* -----------------------------------------------------------------------------
|
|
12
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
13
|
+
* -----------------------------------------------------------------------------
|
|
14
|
+
*/
|
|
15
|
+
import React, { useEffect, useState, } from 'react';
|
|
16
|
+
import { clsx } from 'clsx';
|
|
17
|
+
import FormText from 'react-bootstrap/FormText';
|
|
18
|
+
import { Controller, } from 'react-hook-form';
|
|
19
|
+
import { Tooltip } from 'react-bootstrap';
|
|
20
|
+
import Label from './Label';
|
|
21
|
+
import { destructObj, getKeyString, isArrayNotEmpty, isObjectNotEmpty, isStrEmpty, isStrNotEmpty } from '../helpers';
|
|
22
|
+
import ToggleButton from '../subComponent/toggleBtnGroup/ToggleBtn';
|
|
23
|
+
import ToggleButtonGroup from '../subComponent/toggleBtnGroup/ToggleBtnGroup';
|
|
24
|
+
/** Component to add wrapper on the children based on the presence of the label and description. */
|
|
25
|
+
function Wrapper(_a) {
|
|
26
|
+
var show = _a.show, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.attributes, attributes = _c === void 0 ? {} : _c, children = _a.children;
|
|
27
|
+
return show ? (React.createElement("div", __assign({}, attributes, { className: className }), children)) : (children);
|
|
28
|
+
}
|
|
29
|
+
function RadioButtonGroup(_a) {
|
|
30
|
+
var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.isSpaced, isSpaced = _c === void 0 ? false : _c, _d = _a.vertical, vertical = _d === void 0 ? false : _d, _e = _a.description, description = _e === void 0 ? '' : _e, _f = _a.gap, gap = _f === void 0 ? '1rem' : _f, _g = _a.name, name = _g === void 0 ? 'radio-btn' : _g, _h = _a.size, size = _h === void 0 ? undefined : _h, _j = _a.variant, variant = _j === void 0 ? 'outline-light' : _j, _k = _a.value, value = _k === void 0 ? '' : _k, _l = _a.attributes, attributes = _l === void 0 ? undefined : _l, _m = _a.classnames, classnames = _m === void 0 ? undefined : _m, _o = _a.labelProps, labelProps = _o === void 0 ? {} : _o, _p = _a.methods, methods = _p === void 0 ? undefined : _p, _q = _a.radioBtns, radioBtns = _q === void 0 ? [] : _q, _r = _a.onChange, onChange = _r === void 0 ? undefined : _r, _s = _a.renderOptions, renderOptions = _s === void 0 ? undefined : _s;
|
|
31
|
+
var control = destructObj(methods).control;
|
|
32
|
+
// Stateless variables.
|
|
33
|
+
var hasDesc = isStrNotEmpty(description);
|
|
34
|
+
var hasLabel = isStrNotEmpty(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label);
|
|
35
|
+
var hasRadioBtns = isArrayNotEmpty(radioBtns);
|
|
36
|
+
var hasHookFormBind = isObjectNotEmpty(methods);
|
|
37
|
+
// Destruct classes and attributes.
|
|
38
|
+
var _t = destructObj(classnames), wrapperClass = _t.wrapper, btnGroupClass = _t.btnGroup, btnClass = _t.button, iconClass = _t.icon, descClass = _t.description;
|
|
39
|
+
var _u = destructObj(attributes), wrapperAttr = _u.wrapper, btnGroupAttr = _u.btnGroup, btnAttr = _u.button, descAttr = _u.description;
|
|
40
|
+
// This state variable 'radioBtnVal' is used to manage the selected radio button value internally.
|
|
41
|
+
var _v = useState(value), radioBtnVal = _v[0], setRadioBtnVal = _v[1];
|
|
42
|
+
/** Lifecycle method to update the value incase user has changed the value programmatically(dynamically). */
|
|
43
|
+
useEffect(function () {
|
|
44
|
+
if (!hasHookFormBind) {
|
|
45
|
+
setRadioBtnVal(value);
|
|
46
|
+
}
|
|
47
|
+
}, [value]);
|
|
48
|
+
function isWrapperPresent() {
|
|
49
|
+
return hasLabel || hasDesc;
|
|
50
|
+
}
|
|
51
|
+
function renderLabel() {
|
|
52
|
+
return hasLabel ? React.createElement(Label, __assign({}, labelProps)) : null;
|
|
53
|
+
}
|
|
54
|
+
function getToggleBtnGrpCommonProps() {
|
|
55
|
+
var toggleBtnGrpCommonProps = __assign(__assign(__assign({}, btnGroupAttr), { vertical: vertical, name: name, size: size, type: 'radio', className: clsx(isSpaced ? 'spaced-btn-group flex-wrap' : 'd-flex', btnGroupClass) }), (isSpaced ? { style: { '--radio-btns-gap': gap } } : {}));
|
|
56
|
+
return toggleBtnGrpCommonProps;
|
|
57
|
+
}
|
|
58
|
+
function getIcon(isLabelPresent, iconProps, tooltip) {
|
|
59
|
+
var _a;
|
|
60
|
+
var _b = destructObj(iconProps), icon = _b.icon, position = _b.position;
|
|
61
|
+
var iconMargin = position === 'start' ? 'me-5' : 'ms-5';
|
|
62
|
+
var iconElement = React.createElement("i", { className: clsx(icon, (_a = {}, _a[iconMargin] = isLabelPresent, _a), iconClass) });
|
|
63
|
+
return isSpaced ? React.createElement(Tooltip, __assign({}, tooltip), iconElement) : iconElement;
|
|
64
|
+
}
|
|
65
|
+
function getRadioBtnContent(radioBtnContentProps) {
|
|
66
|
+
var _a = destructObj(radioBtnContentProps), iconProps = _a.iconProps, label = _a.label, className = _a.className, tooltip = _a.tooltip;
|
|
67
|
+
var isLabelPresent = isStrNotEmpty(label);
|
|
68
|
+
var isIconPresent = isStrNotEmpty(iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon);
|
|
69
|
+
var isIconPositionStart = (iconProps === null || iconProps === void 0 ? void 0 : iconProps.position) === 'start';
|
|
70
|
+
var iconElement = getIcon(isLabelPresent, iconProps, tooltip);
|
|
71
|
+
// Note - Adding button classes to button's content wrapper to fix tooltip issue.
|
|
72
|
+
return (React.createElement("div", { className: clsx(className, 'p-10 px-20') },
|
|
73
|
+
isIconPresent && isIconPositionStart ? iconElement : null,
|
|
74
|
+
isLabelPresent ? label : null,
|
|
75
|
+
isIconPresent && !isIconPositionStart ? iconElement : null));
|
|
76
|
+
}
|
|
77
|
+
function handleOnChange(event) {
|
|
78
|
+
var _a;
|
|
79
|
+
var selectedVal = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
|
|
80
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selectedVal, event);
|
|
81
|
+
setRadioBtnVal(selectedVal);
|
|
82
|
+
}
|
|
83
|
+
function renderBtnContent(_a) {
|
|
84
|
+
var radioBtn = _a.radioBtn, isTooltipPresent = _a.isTooltipPresent, tooltip = _a.tooltip, btnContent = _a.btnContent;
|
|
85
|
+
if (renderOptions) {
|
|
86
|
+
return renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions(radioBtn);
|
|
87
|
+
}
|
|
88
|
+
if (isTooltipPresent && !isSpaced) {
|
|
89
|
+
return React.createElement(Tooltip, __assign({}, tooltip), btnContent);
|
|
90
|
+
}
|
|
91
|
+
return btnContent;
|
|
92
|
+
}
|
|
93
|
+
function renderRadioBtns() {
|
|
94
|
+
return radioBtns.map(function (radioBtn, index) {
|
|
95
|
+
var _a = destructObj(radioBtn), radioBtnDescProps = _a.descProps, label = _a.label, _b = _a.value, btnVal = _b === void 0 ? '' : _b, iconProps = _a.iconProps, className = _a.className, tooltip = _a.tooltip, disabledBtn = _a.disabled, restRadioBtnProps = __rest(_a, ["descProps", "label", "value", "iconProps", "className", "tooltip", "disabled"]);
|
|
96
|
+
if (isStrEmpty(label) && isStrEmpty(iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon))
|
|
97
|
+
return null;
|
|
98
|
+
var isTooltipPresent = isStrNotEmpty(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content);
|
|
99
|
+
var btnContent = getRadioBtnContent({ label: label, iconProps: iconProps, className: className, tooltip: tooltip });
|
|
100
|
+
var isBtnDisabled = disabled || disabledBtn;
|
|
101
|
+
var toggleBtnProps = __assign(__assign(__assign(__assign({ isSpaced: isSpaced, descProps: radioBtnDescProps, name: name }, btnAttr), { disabled: isBtnDisabled }), restRadioBtnProps), { type: 'radio', variant: variant, value: btnVal, 'aria-label': label, className: clsx(btnClass, 'p-0') });
|
|
102
|
+
return (React.createElement(ToggleButton, __assign({ key: getKeyString(btnVal.toString(), index) }, toggleBtnProps, { children: renderBtnContent({ radioBtn: radioBtn, isTooltipPresent: isTooltipPresent, tooltip: tooltip, btnContent: btnContent }) })));
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
function handleRHFChange(fieldOnChange) {
|
|
106
|
+
return function (event) {
|
|
107
|
+
var value = event.target.value;
|
|
108
|
+
fieldOnChange(value);
|
|
109
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
function renderToggleBtnGroup(_a) {
|
|
113
|
+
var _b = _a.field, controllerOnChange = _b.onChange, fieldVal = _b.value;
|
|
114
|
+
return (React.createElement(ToggleButtonGroup, __assign({}, getToggleBtnGrpCommonProps(), { value: fieldVal, onChange: handleRHFChange(controllerOnChange) }), renderRadioBtns()));
|
|
115
|
+
}
|
|
116
|
+
function renderRadioBtnGrpWithRhf() {
|
|
117
|
+
return React.createElement(Controller, { name: name, control: control, defaultValue: value, render: renderToggleBtnGroup });
|
|
118
|
+
}
|
|
119
|
+
function renderRadioBtnGrpWithoutRfh() {
|
|
120
|
+
return (React.createElement(ToggleButtonGroup, __assign({}, getToggleBtnGrpCommonProps(), { value: radioBtnVal, onChange: handleOnChange }), renderRadioBtns()));
|
|
121
|
+
}
|
|
122
|
+
/** This function determines whether radio button group should be rendered with or without react-hook-form. */
|
|
123
|
+
function renderRadioBtnGrp() {
|
|
124
|
+
if (!hasRadioBtns) {
|
|
125
|
+
return null;
|
|
126
|
+
}
|
|
127
|
+
return hasHookFormBind ? renderRadioBtnGrpWithRhf() : renderRadioBtnGrpWithoutRfh();
|
|
128
|
+
}
|
|
129
|
+
function renderDesc() {
|
|
130
|
+
return hasDesc ? (React.createElement(FormText, __assign({}, descAttr, { className: clsx(descClass, 'fs-12') }), description)) : null;
|
|
131
|
+
}
|
|
132
|
+
return (React.createElement(Wrapper, { attributes: wrapperAttr, className: clsx(wrapperClass, isSpaced && 'd-flex flex-column'), show: isWrapperPresent() },
|
|
133
|
+
React.createElement(React.Fragment, null,
|
|
134
|
+
renderLabel(),
|
|
135
|
+
renderRadioBtnGrp(),
|
|
136
|
+
renderDesc())));
|
|
137
|
+
}
|
|
138
|
+
export default RadioButtonGroup;
|
|
139
|
+
//# sourceMappingURL=RadioButtonGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type LabelProps } from './Label';
|
|
3
|
+
interface Classnames {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
range?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
}
|
|
8
|
+
interface Attributes {
|
|
9
|
+
wrapper?: object;
|
|
10
|
+
range?: object;
|
|
11
|
+
value?: object;
|
|
12
|
+
}
|
|
13
|
+
export interface RangeSliderProps {
|
|
14
|
+
min?: number;
|
|
15
|
+
max?: number;
|
|
16
|
+
step?: number;
|
|
17
|
+
value?: number;
|
|
18
|
+
defaultValue?: number;
|
|
19
|
+
classnames?: Classnames;
|
|
20
|
+
attributes?: Attributes;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
showValue?: boolean;
|
|
23
|
+
showTooltip?: boolean;
|
|
24
|
+
labelProps?: LabelProps;
|
|
25
|
+
onChange?: (value: number) => void;
|
|
26
|
+
onSlideStart?: () => void;
|
|
27
|
+
onSlideEnd?: () => void;
|
|
28
|
+
}
|
|
29
|
+
declare function RangeSlider({ min, max, step, value, classnames, attributes, defaultValue, disabled, showValue, showTooltip, labelProps, onChange, onSlideStart, onSlideEnd, }: RangeSliderProps): React.JSX.Element;
|
|
30
|
+
export default RangeSlider;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React, { useState, useRef } from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { Form, Overlay, Tooltip } from 'react-bootstrap';
|
|
5
|
+
import { destructObj, isObjEmpty } from '../helpers';
|
|
6
|
+
import Label from './Label';
|
|
7
|
+
function RangeSlider(_a) {
|
|
8
|
+
var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, _d = _a.step, step = _d === void 0 ? 1 : _d, value = _a.value, _e = _a.classnames, classnames = _e === void 0 ? undefined : _e, _f = _a.attributes, attributes = _f === void 0 ? undefined : _f, _g = _a.defaultValue, defaultValue = _g === void 0 ? min : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.showValue, showValue = _j === void 0 ? true : _j, _k = _a.showTooltip, showTooltip = _k === void 0 ? true : _k, _l = _a.labelProps, labelProps = _l === void 0 ? undefined : _l, onChange = _a.onChange, onSlideStart = _a.onSlideStart, onSlideEnd = _a.onSlideEnd;
|
|
9
|
+
var _m = destructObj(classnames), wrapperClass = _m.wrapper, rangeClass = _m.range, valueClass = _m.value;
|
|
10
|
+
var _o = destructObj(attributes), wrapperAttr = _o.wrapper, rangeAttr = _o.range, valueAttr = _o.value;
|
|
11
|
+
var isControlled = value !== undefined;
|
|
12
|
+
var _p = useState(defaultValue), internalValue = _p[0], setInternalValue = _p[1];
|
|
13
|
+
var _q = useState(false), dragging = _q[0], setDragging = _q[1];
|
|
14
|
+
var target = useRef(null);
|
|
15
|
+
var currentValue = isControlled ? value : internalValue;
|
|
16
|
+
function handleChange(e) {
|
|
17
|
+
var val = Number(e.target.value);
|
|
18
|
+
if (!isControlled)
|
|
19
|
+
setInternalValue(val);
|
|
20
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(val);
|
|
21
|
+
}
|
|
22
|
+
function handleMouseDown() {
|
|
23
|
+
setDragging(true);
|
|
24
|
+
onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart();
|
|
25
|
+
}
|
|
26
|
+
function handleMouseUp() {
|
|
27
|
+
setDragging(false);
|
|
28
|
+
onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd();
|
|
29
|
+
}
|
|
30
|
+
function renderLabel() {
|
|
31
|
+
if (isObjEmpty(labelProps))
|
|
32
|
+
return null;
|
|
33
|
+
return React.createElement(Label, __assign({}, labelProps));
|
|
34
|
+
}
|
|
35
|
+
function renderTooltip(props) {
|
|
36
|
+
return React.createElement(Tooltip, __assign({}, props), currentValue);
|
|
37
|
+
}
|
|
38
|
+
return (React.createElement("div", __assign({ className: clsx('range-slider', wrapperClass) }, wrapperAttr),
|
|
39
|
+
renderLabel(),
|
|
40
|
+
React.createElement("div", { className: 'd-flex align-items-center' },
|
|
41
|
+
React.createElement(Form.Range, __assign({ ref: target, min: min, max: max, step: step, value: currentValue, disabled: disabled, onChange: handleChange, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, role: 'slider', className: clsx(' w-100', rangeClass) }, rangeAttr)),
|
|
42
|
+
showValue && (React.createElement("p", __assign({ className: clsx('mb-2 ms-5', valueClass) }, valueAttr), currentValue)),
|
|
43
|
+
showTooltip && (React.createElement(Overlay, { target: target.current, show: dragging, placement: 'top' }, renderTooltip)))));
|
|
44
|
+
}
|
|
45
|
+
export default RangeSlider;
|
|
46
|
+
//# sourceMappingURL=RangeSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../src/components/RangeSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAqB,MAAM,OAAO,CAAA;AAClE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,KAA0B,MAAM,SAAS,CAAA;AA8BhD,SAAS,WAAW,CAAC,EAeF;QAdjB,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EACP,WAAS,EAAT,GAAG,mBAAG,GAAG,KAAA,EACT,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,KAAK,WAAA,EACL,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,oBAAkB,EAAlB,YAAY,mBAAG,GAAG,KAAA,EAClB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA,EAClB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,UAAU,gBAAA;IAEJ,IAAA,KAAkE,WAAW,CAAC,UAAU,CAAC,EAA9E,YAAY,aAAA,EAAS,UAAU,WAAA,EAAS,UAAU,WAA4B,CAAA;IACzF,IAAA,KAA+D,WAAW,CAAC,UAAU,CAAC,EAA3E,WAAW,aAAA,EAAS,SAAS,WAAA,EAAS,SAAS,WAA4B,CAAA;IAE5F,IAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAA;IAClC,IAAA,KAAoC,QAAQ,CAAC,YAAY,CAAC,EAAzD,aAAa,QAAA,EAAE,gBAAgB,QAA0B,CAAA;IAC1D,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAC/C,IAAM,MAAM,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAEpD,IAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,KAAM,CAAC,CAAC,CAAC,aAAa,CAAA;IAE1D,SAAS,YAAY,CAAC,CAAsC;QAC1D,IAAM,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAClC,IAAI,CAAC,YAAY;YAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;QACxC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAA;IACjB,CAAC;IAED,SAAS,eAAe;QACtB,WAAW,CAAC,IAAI,CAAC,CAAA;QACjB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAA;IAClB,CAAC;IAED,SAAS,aAAa;QACpB,WAAW,CAAC,KAAK,CAAC,CAAA;QAClB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAA;IAChB,CAAC;IAED,SAAS,WAAW;QAClB,IAAI,UAAU,CAAC,UAAU,CAAC;YAAE,OAAO,IAAI,CAAA;QACvC,OAAO,oBAAC,KAAK,eAAK,UAAU,EAAI,CAAA;IAClC,CAAC;IACD,SAAS,aAAa,CAAC,KAA2B;QAChD,OAAO,oBAAC,OAAO,eAAK,KAAK,GAAG,YAAY,CAAW,CAAA;IACrD,CAAC;IACD,OAAO,CACL,sCAAK,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,IAAM,WAAW;QAChE,WAAW,EAAE;QACd,6BAAK,SAAS,EAAC,2BAA2B;YACxC,oBAAC,IAAI,CAAC,KAAK,aACT,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,IACjC,SAAS,EACb;YACD,SAAS,IAAI,CACZ,oCAAG,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,IAAM,SAAS,GACvD,YAAY,CACX,CACL;YACA,WAAW,IAAI,CACd,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,KAAK,IAC7D,aAAa,CACN,CACX,CACG,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { destructObj, isArrayNotEmpty } from '../helpers/app';
|
|
5
5
|
function RatingDisplay(_a) {
|
|
@@ -28,10 +28,13 @@ function RatingDisplay(_a) {
|
|
|
28
28
|
.toString();
|
|
29
29
|
}
|
|
30
30
|
function renderLabelText() {
|
|
31
|
-
return (
|
|
31
|
+
return (React.createElement("span", __assign({}, labelAttr, { className: clsx(labelClass) }), getFormattedVal()));
|
|
32
32
|
}
|
|
33
|
-
return (
|
|
34
|
-
|
|
33
|
+
return (React.createElement("div", __assign({}, wrapperAttr, { className: clsx('d-flex align-items-center gap-2', wrapperClass) }),
|
|
34
|
+
isArrayNotEmpty(createRatingsArr()) &&
|
|
35
|
+
createRatingsArr().map(function (star) { return (React.createElement("span", { key: star, className: "d-flex align-items-center ".concat(isInteractive ? 'rating-hover' : 'disabled-rating'), onClick: function () { return (isInteractive ? onClick(star) : undefined); } },
|
|
36
|
+
React.createElement("i", __assign({}, iconAttr, { className: clsx(icon, iconClass, star <= activeIcons ? 'text-warning' : 'text-secondary', isInteractive ? 'cursor-pointer' : 'cursor-default pe-none') })))); }),
|
|
37
|
+
!hideLabel ? renderLabelText() : null));
|
|
35
38
|
}
|
|
36
39
|
export default RatingDisplay;
|
|
37
40
|
//# sourceMappingURL=RatingDisplay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingDisplay.js","sourceRoot":"","sources":["../../../src/components/RatingDisplay.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RatingDisplay.js","sourceRoot":"","sources":["../../../src/components/RatingDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAM3C,SAAS,MAAM,CAAC,EAAsB;QAApB,KAAK,WAAA;IACrB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAClB,OAAO,0CAAiB,CAAA;AAC1B,CAAC;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type LabelProps } from './Label';
|
|
3
|
+
type SelectVariant = 'normal' | 'floating';
|
|
4
|
+
type SelectSize = 'sm' | 'lg';
|
|
5
|
+
interface SelectOption {
|
|
6
|
+
value: string | number;
|
|
7
|
+
label: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
}
|
|
11
|
+
interface SelectClassNames {
|
|
12
|
+
wrapper?: string;
|
|
13
|
+
select?: string;
|
|
14
|
+
option?: string;
|
|
15
|
+
description: string;
|
|
16
|
+
}
|
|
17
|
+
interface Attributes {
|
|
18
|
+
wrapper?: object;
|
|
19
|
+
select?: object;
|
|
20
|
+
option?: object;
|
|
21
|
+
description: object;
|
|
22
|
+
}
|
|
23
|
+
export interface SelectProps {
|
|
24
|
+
options?: SelectOption[];
|
|
25
|
+
labelProps?: LabelProps;
|
|
26
|
+
id?: string;
|
|
27
|
+
size?: SelectSize;
|
|
28
|
+
description?: string;
|
|
29
|
+
attributes?: Attributes;
|
|
30
|
+
classnames?: SelectClassNames;
|
|
31
|
+
isValid?: boolean;
|
|
32
|
+
onChange?: (value?: string | number | SelectOption | null) => void;
|
|
33
|
+
returnType?: 'value' | 'object';
|
|
34
|
+
name?: string;
|
|
35
|
+
isInvalid?: boolean;
|
|
36
|
+
value?: string | number;
|
|
37
|
+
disabled?: boolean;
|
|
38
|
+
variant?: SelectVariant;
|
|
39
|
+
}
|
|
40
|
+
declare function Select({ labelProps, classnames, options, description, attributes, size, id, isValid, returnType, name, value, isInvalid, disabled, variant, onChange, ...rest }: SelectProps): React.JSX.Element;
|
|
41
|
+
export default Select;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { Form } from 'react-bootstrap';
|
|
5
|
+
import { destructObj, isArrayNotEmpty, isStrEmpty } from '../helpers/app';
|
|
6
|
+
import Label from './Label';
|
|
7
|
+
function Select(_a) {
|
|
8
|
+
var _b = _a.labelProps, labelProps = _b === void 0 ? undefined : _b, _c = _a.classnames, classnames = _c === void 0 ? undefined : _c, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.description, description = _e === void 0 ? undefined : _e, _f = _a.attributes, attributes = _f === void 0 ? undefined : _f, _g = _a.size, size = _g === void 0 ? undefined : _g, _h = _a.id, id = _h === void 0 ? '' : _h, _j = _a.isValid, isValid = _j === void 0 ? false : _j, _k = _a.returnType, returnType = _k === void 0 ? 'value' : _k, _l = _a.name, name = _l === void 0 ? '' : _l, _m = _a.value, value = _m === void 0 ? undefined : _m, _o = _a.isInvalid, isInvalid = _o === void 0 ? false : _o, _p = _a.disabled, disabled = _p === void 0 ? false : _p, _q = _a.variant, variant = _q === void 0 ? 'normal' : _q, _r = _a.onChange, onChange = _r === void 0 ? undefined : _r, rest = __rest(_a, ["labelProps", "classnames", "options", "description", "attributes", "size", "id", "isValid", "returnType", "name", "value", "isInvalid", "disabled", "variant", "onChange"]);
|
|
9
|
+
var _s = destructObj(classnames), wrapperClass = _s.wrapper, selectClass = _s.select, optionClass = _s.option, descClass = _s.description;
|
|
10
|
+
var _t = destructObj(attributes), wrapperAttr = _t.wrapper, selectAttr = _t.select, optionAttr = _t.option, descAttr = _t.description;
|
|
11
|
+
var isFloatingVariantEnable = variant === 'floating';
|
|
12
|
+
/** Label */
|
|
13
|
+
function renderSelectLabel() {
|
|
14
|
+
if (isStrEmpty(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
|
|
15
|
+
return null;
|
|
16
|
+
return React.createElement(Label, __assign({ id: id }, labelProps));
|
|
17
|
+
}
|
|
18
|
+
/** Description */
|
|
19
|
+
function renderSelectDesc() {
|
|
20
|
+
if (isStrEmpty(description))
|
|
21
|
+
return null;
|
|
22
|
+
return (React.createElement("small", __assign({ className: descClass }, descAttr), description));
|
|
23
|
+
}
|
|
24
|
+
function renderOptionItem(item) {
|
|
25
|
+
var _a = destructObj(item), label = _a.label, value = _a.value, disabled = _a.disabled;
|
|
26
|
+
return (React.createElement("option", __assign({ key: value, value: value, disabled: disabled, className: clsx(optionClass) }, optionAttr), label));
|
|
27
|
+
}
|
|
28
|
+
function handleSelectOnchange(event) {
|
|
29
|
+
var selectedValue = event.target.value;
|
|
30
|
+
var selectedOption = options.find(function (opt) { return String(opt.value) === selectedValue; }) || null;
|
|
31
|
+
if (returnType === 'object') {
|
|
32
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption);
|
|
33
|
+
}
|
|
34
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selectedValue);
|
|
35
|
+
}
|
|
36
|
+
function renderSelect() {
|
|
37
|
+
return (React.createElement(Form.Select, __assign({ className: clsx(selectClass), size: size, isValid: isValid, id: id, disabled: disabled, value: value, isInvalid: isInvalid, name: name, onChange: handleSelectOnchange }, selectAttr, rest), isArrayNotEmpty(options) && options.map(function (option) { return renderOptionItem(option); })));
|
|
38
|
+
}
|
|
39
|
+
return (React.createElement("div", __assign({ className: clsx(wrapperClass, { 'form-floating': isFloatingVariantEnable }) }, wrapperAttr),
|
|
40
|
+
!isFloatingVariantEnable && renderSelectLabel(),
|
|
41
|
+
renderSelect(),
|
|
42
|
+
isFloatingVariantEnable && renderSelectLabel(),
|
|
43
|
+
renderSelectDesc()));
|
|
44
|
+
}
|
|
45
|
+
export default Select;
|
|
46
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|