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
|
@@ -1,8 +1,60 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
6
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
+
var app_1 = require("../helpers/app");
|
|
8
|
+
function Button(_a) {
|
|
9
|
+
var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? undefined : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.icon, icon = _e === void 0 ? '' : _e, _f = _a.iconPosition, iconPosition = _f === void 0 ? 'right' : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.loading, loading = _h === void 0 ? false : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, onClick = _a.onClick, _k = _a.classnames, classnames = _k === void 0 ? {} : _k, _l = _a.attributes, attributes = _l === void 0 ? {} : _l, _m = _a.children, children = _m === void 0 ? null : _m, rest = tslib_1.__rest(_a, ["variant", "size", "label", "icon", "iconPosition", "disabled", "loading", "type", "onClick", "classnames", "attributes", "children"]);
|
|
10
|
+
// Destructure classnames safely
|
|
11
|
+
var _o = (0, app_1.destructObj)(classnames), buttonClass = _o.button, iconClass = _o.icon, spinnerClass = _o.spinner, labelClass = _o.label;
|
|
12
|
+
// Destructure attributes safely
|
|
13
|
+
var _p = (0, app_1.destructObj)(attributes), buttonAttr = _p.button, iconAttr = _p.icon, spinnerAttr = _p.spinner, labelAttr = _p.label;
|
|
14
|
+
// Determine if button should be disabled (either explicitly disabled or loading)
|
|
15
|
+
var isDisabled = disabled || loading;
|
|
16
|
+
var iconMargin = iconPosition === 'right' ? 'ms-1' : 'me-1';
|
|
17
|
+
var isBtnDisabled = disabled;
|
|
18
|
+
// Handle click event
|
|
19
|
+
function onClickHandler(event) {
|
|
20
|
+
if (isBtnDisabled) {
|
|
21
|
+
(0, app_1.preventDefault)(event);
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
25
|
+
}
|
|
26
|
+
// Render icon
|
|
27
|
+
function renderIcon() {
|
|
28
|
+
if ((0, app_1.isStrEmpty)(icon) || loading)
|
|
29
|
+
return null;
|
|
30
|
+
return react_1.default.createElement("i", tslib_1.__assign({ className: (0, clsx_1.default)(icon, iconMargin, iconClass) }, iconAttr));
|
|
31
|
+
}
|
|
32
|
+
// Render spinner
|
|
33
|
+
function renderSpinner() {
|
|
34
|
+
if (!loading)
|
|
35
|
+
return null;
|
|
36
|
+
return (react_1.default.createElement(react_bootstrap_1.Spinner, tslib_1.__assign({ as: 'span', animation: 'border', size: 'sm', role: 'status', className: (0, clsx_1.default)('me-2', spinnerClass) }, spinnerAttr)));
|
|
37
|
+
}
|
|
38
|
+
// Render label/text
|
|
39
|
+
function renderLabel() {
|
|
40
|
+
if ((0, app_1.isStrEmpty)(label))
|
|
41
|
+
return null;
|
|
42
|
+
return (react_1.default.createElement("span", tslib_1.__assign({ className: (0, clsx_1.default)(labelClass) }, labelAttr), label));
|
|
43
|
+
}
|
|
44
|
+
// Build button content based on icon position
|
|
45
|
+
function renderContent() {
|
|
46
|
+
if (children) {
|
|
47
|
+
// If children are provided, render them with optional icon
|
|
48
|
+
return children;
|
|
49
|
+
}
|
|
50
|
+
// Render label with icon based on position
|
|
51
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
52
|
+
iconPosition === 'left' && renderIcon(),
|
|
53
|
+
loading && renderSpinner(),
|
|
54
|
+
renderLabel(),
|
|
55
|
+
iconPosition === 'right' && renderIcon()));
|
|
56
|
+
}
|
|
57
|
+
return (react_1.default.createElement(react_bootstrap_1.Button, tslib_1.__assign({ variant: variant, size: size, type: type, disabled: isDisabled, onClick: onClickHandler, className: (0, clsx_1.default)(buttonClass), "aria-label": label }, buttonAttr, rest), renderContent()));
|
|
7
58
|
}
|
|
59
|
+
exports.default = Button;
|
|
8
60
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;AAAA,wDAAgE;AAChE,sDAAuB;AACvB,mDAA6D;AAC7D,sCAAwE;AA8CxE,SAAS,MAAM,CAAC,EAcF;IAbZ,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,oBAAsB,EAAtB,YAAY,mBAAG,OAAO,KAAA,EACtB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACZ,IAAI,sBAbO,sIAcf,CADQ;IAEP,gCAAgC;IAC1B,IAAA,KAAqF,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAlG,WAAW,YAAA,EAAQ,SAAS,UAAA,EAAW,YAAY,aAAA,EAAS,UAAU,WAA4B,CAAA;IAElH,gCAAgC;IAC1B,IAAA,KAAiF,IAAA,iBAAW,EAAC,UAAU,CAAC,EAA9F,UAAU,YAAA,EAAQ,QAAQ,UAAA,EAAW,WAAW,aAAA,EAAS,SAAS,WAA4B,CAAA;IAE9G,iFAAiF;IACjF,IAAM,UAAU,GAAG,QAAQ,IAAI,OAAO,CAAA;IACtC,IAAM,UAAU,GAAW,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IACrE,IAAM,aAAa,GAAY,QAAQ,CAAA;IAEvC,qBAAqB;IACrB,SAAS,cAAc,CAAC,KAA0C;QAChE,IAAI,aAAa,EAAE,CAAC;YAClB,IAAA,oBAAc,EAAC,KAAK,CAAC,CAAA;YACrB,OAAM;QACR,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAA;IAClB,CAAC;IAED,cAAc;IACd,SAAS,UAAU;QACjB,IAAI,IAAA,gBAAU,EAAC,IAAI,CAAC,IAAI,OAAO;YAAE,OAAO,IAAI,CAAA;QAE5C,OAAO,sDAAG,SAAS,EAAE,IAAA,cAAI,EAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,IAAM,QAAQ,EAAI,CAAA;IAC1E,CAAC;IAED,iBAAiB;IACjB,SAAS,aAAa;QACpB,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAA;QAEzB,OAAO,CACL,8BAAC,yBAAO,qBACN,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,cAAI,EAAC,MAAM,EAAE,YAAY,CAAC,IACjC,WAAW,EACf,CACH,CAAA;IACH,CAAC;IAED,oBAAoB;IACpB,SAAS,WAAW;QAClB,IAAI,IAAA,gBAAU,EAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAElC,OAAO,CACL,yDAAM,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,CAAC,IAAM,SAAS,GAC7C,KAAK,CACD,CACR,CAAA;IACH,CAAC;IAED,8CAA8C;IAC9C,SAAS,aAAa;QACpB,IAAI,QAAQ,EAAE,CAAC;YACb,2DAA2D;YAC3D,OAAO,QAAQ,CAAA;QACjB,CAAC;QAED,2CAA2C;QAC3C,OAAO,CACL;YACG,YAAY,KAAK,MAAM,IAAI,UAAU,EAAE;YACvC,OAAO,IAAI,aAAa,EAAE;YAC1B,WAAW,EAAE;YACb,YAAY,KAAK,OAAO,IAAI,UAAU,EAAE,CACxC,CACJ,CAAA;IACH,CAAC;IACD,OAAO,CACL,8BAAC,wBAAQ,qBACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,IAAA,cAAI,EAAC,WAAW,CAAC,gBAChB,KAAK,IACb,UAAU,EACV,IAAI,GAEP,aAAa,EAAE,CACP,CACZ,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React, { RefObject, type ReactElement } from 'react';
|
|
2
|
+
import { CardProps as BSCardProps } from 'react-bootstrap';
|
|
3
|
+
export type CardVariant = 'outlined' | 'filled' | 'elevated';
|
|
4
|
+
export type CardSize = 'small' | 'medium' | 'large';
|
|
5
|
+
export type BodySeqType = Array<'title' | 'subtitle' | 'text' | 'link' | 'button'>;
|
|
6
|
+
export interface TitleProps {
|
|
7
|
+
content: string;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
tooltipProps?: any;
|
|
10
|
+
}
|
|
11
|
+
export interface SubtitleProps {
|
|
12
|
+
content: string;
|
|
13
|
+
as?: React.ElementType;
|
|
14
|
+
}
|
|
15
|
+
export interface TextProps {
|
|
16
|
+
content: string;
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
}
|
|
19
|
+
export interface LinkProps {
|
|
20
|
+
href: string;
|
|
21
|
+
content: string;
|
|
22
|
+
target?: string;
|
|
23
|
+
as?: React.ElementType;
|
|
24
|
+
}
|
|
25
|
+
export interface ButtonProps {
|
|
26
|
+
content: string;
|
|
27
|
+
as?: React.ElementType;
|
|
28
|
+
[key: string]: any;
|
|
29
|
+
}
|
|
30
|
+
export interface CardImageProps {
|
|
31
|
+
alt: string;
|
|
32
|
+
src: string;
|
|
33
|
+
variant?: 'top' | 'bottom' | string;
|
|
34
|
+
height?: string;
|
|
35
|
+
width?: string;
|
|
36
|
+
className?: string;
|
|
37
|
+
style?: React.CSSProperties;
|
|
38
|
+
}
|
|
39
|
+
export interface CardBodyProps {
|
|
40
|
+
cardBodyProps?: React.HTMLAttributes<HTMLElement>;
|
|
41
|
+
titleProps?: TitleProps;
|
|
42
|
+
subtitleProps?: SubtitleProps;
|
|
43
|
+
textProps?: TextProps;
|
|
44
|
+
linkProps?: LinkProps;
|
|
45
|
+
btnProps?: ButtonProps;
|
|
46
|
+
}
|
|
47
|
+
export interface CardClassNames {
|
|
48
|
+
body?: string;
|
|
49
|
+
card?: string;
|
|
50
|
+
footer?: string;
|
|
51
|
+
header?: string;
|
|
52
|
+
image?: string;
|
|
53
|
+
link?: string;
|
|
54
|
+
subtitle?: string;
|
|
55
|
+
text?: string;
|
|
56
|
+
title?: string;
|
|
57
|
+
button?: string;
|
|
58
|
+
}
|
|
59
|
+
export interface CardHeaderFooterProps {
|
|
60
|
+
content: string;
|
|
61
|
+
as?: React.ElementType;
|
|
62
|
+
[key: string]: any;
|
|
63
|
+
}
|
|
64
|
+
export interface CardProps extends BSCardProps {
|
|
65
|
+
classnames?: CardClassNames;
|
|
66
|
+
headerProps?: CardHeaderFooterProps;
|
|
67
|
+
footerProps?: CardHeaderFooterProps;
|
|
68
|
+
imgProps?: CardImageProps;
|
|
69
|
+
bodyProps?: CardBodyProps;
|
|
70
|
+
bodySeq?: BodySeqType;
|
|
71
|
+
renderBody?: () => React.ReactElement | null;
|
|
72
|
+
renderHeader?: () => React.ReactElement | null;
|
|
73
|
+
renderFooter?: () => React.ReactElement | null;
|
|
74
|
+
ref?: RefObject<HTMLElement | null>;
|
|
75
|
+
}
|
|
76
|
+
declare function Card({ headerProps, footerProps, imgProps, className, bodyProps, classnames, bodySeq, children, renderBody, renderHeader, renderFooter, ref, ...rest }: CardProps): ReactElement;
|
|
77
|
+
export default Card;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
5
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
+
// ================= MAIN FUNCTION COMPONENT =================
|
|
8
|
+
function Card(_a) {
|
|
9
|
+
var headerProps = _a.headerProps, footerProps = _a.footerProps, imgProps = _a.imgProps, className = _a.className, bodyProps = _a.bodyProps, _b = _a.classnames, classnames = _b === void 0 ? {} : _b, bodySeq = _a.bodySeq, children = _a.children, renderBody = _a.renderBody, renderHeader = _a.renderHeader, renderFooter = _a.renderFooter, ref = _a.ref, rest = tslib_1.__rest(_a, ["headerProps", "footerProps", "imgProps", "className", "bodyProps", "classnames", "bodySeq", "children", "renderBody", "renderHeader", "renderFooter", "ref"]);
|
|
10
|
+
// Directly use classnames (defaults to {})
|
|
11
|
+
function renderBodySequence(bodyProps, seq, classnames) {
|
|
12
|
+
if (classnames === void 0) { classnames = {}; }
|
|
13
|
+
if (!bodyProps || !seq)
|
|
14
|
+
return null;
|
|
15
|
+
var linkClass = classnames.link, subtitleClass = classnames.subtitle, textClass = classnames.text, titleClass = classnames.title, buttonClass = classnames.button;
|
|
16
|
+
return seq.map(function (type, i) {
|
|
17
|
+
switch (type) {
|
|
18
|
+
case 'title':
|
|
19
|
+
return renderBodyTitle(bodyProps, titleClass, i);
|
|
20
|
+
case 'subtitle':
|
|
21
|
+
return renderBodySubtitle(bodyProps, subtitleClass, i);
|
|
22
|
+
case 'text':
|
|
23
|
+
return renderBodyText(bodyProps, textClass, i);
|
|
24
|
+
case 'link':
|
|
25
|
+
return renderBodyLinks(bodyProps, linkClass, i);
|
|
26
|
+
case 'button':
|
|
27
|
+
return renderBodyButton(bodyProps, buttonClass, i);
|
|
28
|
+
default:
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function renderBodyLinks(bodyProps, linkClass, i) {
|
|
34
|
+
if (!(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.linkProps))
|
|
35
|
+
return null;
|
|
36
|
+
var Tag = bodyProps.linkProps.as || 'a';
|
|
37
|
+
return (react_1.default.createElement(react_bootstrap_1.Card.Link, tslib_1.__assign({ key: i, as: Tag, className: linkClass }, bodyProps.linkProps), bodyProps.linkProps.content));
|
|
38
|
+
}
|
|
39
|
+
function renderBodyTitle(bodyProps, titleClass, i) {
|
|
40
|
+
var _a;
|
|
41
|
+
if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.titleProps) === null || _a === void 0 ? void 0 : _a.content))
|
|
42
|
+
return null;
|
|
43
|
+
var TitleTag = bodyProps.titleProps.as || 'h5';
|
|
44
|
+
return (react_1.default.createElement(react_bootstrap_1.Card.Title, { key: i, as: TitleTag, className: titleClass }, bodyProps.titleProps.content));
|
|
45
|
+
}
|
|
46
|
+
function renderBodySubtitle(bodyProps, subtitleClass, i) {
|
|
47
|
+
var _a;
|
|
48
|
+
if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.subtitleProps) === null || _a === void 0 ? void 0 : _a.content))
|
|
49
|
+
return null;
|
|
50
|
+
var SubTag = bodyProps.subtitleProps.as || 'h6';
|
|
51
|
+
return (react_1.default.createElement(react_bootstrap_1.Card.Subtitle, { key: i, as: SubTag, className: subtitleClass }, bodyProps.subtitleProps.content));
|
|
52
|
+
}
|
|
53
|
+
function renderBodyText(bodyProps, textClass, i) {
|
|
54
|
+
if (!(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.textProps))
|
|
55
|
+
return null;
|
|
56
|
+
var Tag = bodyProps.textProps.as || 'div';
|
|
57
|
+
return (react_1.default.createElement(react_bootstrap_1.Card.Text, { key: i, as: Tag, className: textClass }, bodyProps.textProps.content));
|
|
58
|
+
}
|
|
59
|
+
function renderBodyButton(bodyProps, buttonClass, i) {
|
|
60
|
+
var _a;
|
|
61
|
+
if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.btnProps) === null || _a === void 0 ? void 0 : _a.content))
|
|
62
|
+
return null;
|
|
63
|
+
var BtnTag = bodyProps.btnProps.as || 'button';
|
|
64
|
+
return (react_1.default.createElement(BtnTag, tslib_1.__assign({ key: i, className: buttonClass }, bodyProps.btnProps), bodyProps.btnProps.content));
|
|
65
|
+
}
|
|
66
|
+
return (react_1.default.createElement(react_bootstrap_1.Card, tslib_1.__assign({ className: (0, clsx_1.default)(className, classnames.card), ref: ref }, rest),
|
|
67
|
+
renderHeader
|
|
68
|
+
? renderHeader()
|
|
69
|
+
: (headerProps === null || headerProps === void 0 ? void 0 : headerProps.content) && react_1.default.createElement(react_bootstrap_1.Card.Header, { className: classnames.header }, headerProps.content),
|
|
70
|
+
(imgProps === null || imgProps === void 0 ? void 0 : imgProps.src) && react_1.default.createElement(react_bootstrap_1.CardImg, tslib_1.__assign({}, imgProps, { className: classnames.image })),
|
|
71
|
+
react_1.default.createElement(react_bootstrap_1.Card.Body, tslib_1.__assign({ className: classnames.body }, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.cardBodyProps), renderBody ? renderBody() : renderBodySequence(bodyProps, bodySeq, classnames) || children),
|
|
72
|
+
renderFooter
|
|
73
|
+
? renderFooter()
|
|
74
|
+
: (footerProps === null || footerProps === void 0 ? void 0 : footerProps.content) && react_1.default.createElement(react_bootstrap_1.Card.Footer, { className: classnames.footer }, footerProps.content)));
|
|
75
|
+
}
|
|
76
|
+
exports.default = Card;
|
|
77
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
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 CheckboxProps {
|
|
12
|
+
id?: string;
|
|
13
|
+
name?: string;
|
|
14
|
+
disable?: boolean;
|
|
15
|
+
inline?: boolean;
|
|
16
|
+
classnames?: Classnames;
|
|
17
|
+
attributes?: Attributes;
|
|
18
|
+
labelProps?: LabelProps;
|
|
19
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
20
|
+
onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
isValid?: boolean;
|
|
22
|
+
isInvalid?: boolean;
|
|
23
|
+
}
|
|
24
|
+
declare function Checkbox({ id, name, disable, inline, labelProps, classnames, attributes, onChange, onBlur, isValid, isInvalid, ...rest }: CheckboxProps): ReactElement;
|
|
25
|
+
export default Checkbox;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
6
|
+
var app_1 = require("../helpers/app");
|
|
7
|
+
var Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
8
|
+
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
9
|
+
function Checkbox(_a) {
|
|
10
|
+
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, onChange = _a.onChange, onBlur = _a.onBlur, isValid = _a.isValid, isInvalid = _a.isInvalid, rest = tslib_1.__rest(_a, ["id", "name", "disable", "inline", "labelProps", "classnames", "attributes", "onChange", "onBlur", "isValid", "isInvalid"]);
|
|
11
|
+
var _d = (0, app_1.destructObj)(classnames), inputClass = _d.input, wrapperClass = _d.wrapper;
|
|
12
|
+
var _e = (0, app_1.destructObj)(attributes), inputAttr = _e.input, wrapperAttr = _e.wrapper;
|
|
13
|
+
function renderLabel() {
|
|
14
|
+
if ((0, app_1.isStrEmpty)(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
|
|
15
|
+
return null;
|
|
16
|
+
return react_1.default.createElement(Label_1.default, tslib_1.__assign({ id: id }, labelProps));
|
|
17
|
+
}
|
|
18
|
+
return (react_1.default.createElement(react_bootstrap_1.Form.Check, tslib_1.__assign({ type: 'checkbox', id: id, name: name, disabled: disable, inline: inline, className: wrapperClass }, wrapperAttr, rest),
|
|
19
|
+
react_1.default.createElement(react_bootstrap_1.Form.Check.Input, tslib_1.__assign({ type: 'checkbox', isValid: isValid, isInvalid: isInvalid, className: (0, clsx_1.default)('me-2', inputClass), onChange: onChange, onBlur: onBlur }, inputAttr)),
|
|
20
|
+
renderLabel()));
|
|
21
|
+
}
|
|
22
|
+
exports.default = Checkbox;
|
|
23
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,wDAAkE;AAClE,mDAAsC;AACtC,sCAAwD;AACxD,0DAAgD;AAChD,sDAAuB;AA0BvB,SAAS,QAAQ,CAAC,EAaF;IAZd,IAAA,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,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACN,IAAI,sBAZS,2HAajB,CADQ;IAED,IAAA,KAA+C,IAAA,iBAAW,EAAC,UAAU,CAAC,EAA7D,UAAU,WAAA,EAAW,YAAY,aAA4B,CAAA;IACtE,IAAA,KAA6C,IAAA,iBAAW,EAAC,UAAU,CAAC,EAA3D,SAAS,WAAA,EAAW,WAAW,aAA4B,CAAA;IAE1E,SAAS,WAAW;QAClB,IAAI,IAAA,gBAAU,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,8BAAC,eAAK,qBAAC,EAAE,EAAE,EAAE,IAAM,UAAU,EAAI,CAAA;IAC1C,CAAC;IAED,OAAO,CACL,8BAAC,sBAAI,CAAC,KAAK,qBACT,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,YAAY,IACnB,WAAW,EACX,IAAI;QAER,8BAAC,sBAAI,CAAC,KAAK,CAAC,KAAK,qBACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAA,cAAI,EAAC,MAAM,EAAE,UAAU,CAAC,EACnC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IACV,SAAS,EACb;QACD,WAAW,EAAE,CACH,CACd,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
import { type ButtonProps } from './Button';
|
|
3
|
+
import { type AlertProps } from './Alert';
|
|
4
|
+
export interface ConfirmPoupProps {
|
|
5
|
+
icon?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
message?: string;
|
|
9
|
+
subtitle?: string;
|
|
10
|
+
alertProps?: AlertProps;
|
|
11
|
+
callback?: (response?: boolean) => void;
|
|
12
|
+
renderBody?: () => ReactElement | null;
|
|
13
|
+
renderTitle?: () => ReactElement | null;
|
|
14
|
+
btnsProps?: {
|
|
15
|
+
submit?: ButtonProps;
|
|
16
|
+
cancel?: ButtonProps;
|
|
17
|
+
};
|
|
18
|
+
show?: boolean;
|
|
19
|
+
}
|
|
20
|
+
declare function ConfirmPoup({ show, title, description, subtitle, message, icon, callback, btnsProps, renderBody, renderTitle, }: ConfirmPoupProps): ReactElement | null;
|
|
21
|
+
export default ConfirmPoup;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
6
|
+
var Modal_1 = tslib_1.__importDefault(require("react-bootstrap/Modal"));
|
|
7
|
+
var Button_1 = tslib_1.__importDefault(require("./Button"));
|
|
8
|
+
var helpers_1 = require("../helpers");
|
|
9
|
+
var Badge_1 = tslib_1.__importDefault(require("./Badge"));
|
|
10
|
+
function ConfirmPoup(_a) {
|
|
11
|
+
var _b, _c;
|
|
12
|
+
var _d = _a.show, show = _d === void 0 ? false : _d, _e = _a.title, title = _e === void 0 ? undefined : _e, _f = _a.description, description = _f === void 0 ? undefined : _f, _g = _a.subtitle, subtitle = _g === void 0 ? undefined : _g, _h = _a.message, message = _h === void 0 ? undefined : _h, _j = _a.icon, icon = _j === void 0 ? 'bi bi-trash' : _j, callback = _a.callback, _k = _a.btnsProps, btnsProps = _k === void 0 ? undefined : _k, _l = _a.renderBody, renderBody = _l === void 0 ? undefined : _l, _m = _a.renderTitle, renderTitle = _m === void 0 ? undefined : _m;
|
|
13
|
+
// Destruct button props safely
|
|
14
|
+
var _o = (0, helpers_1.destructObj)(btnsProps), submit = _o.submit, cancel = _o.cancel;
|
|
15
|
+
function hidePopup() {
|
|
16
|
+
callback === null || callback === void 0 ? void 0 : callback(false);
|
|
17
|
+
}
|
|
18
|
+
function showPopup() {
|
|
19
|
+
callback === null || callback === void 0 ? void 0 : callback(true);
|
|
20
|
+
}
|
|
21
|
+
function renderPopupTitle() {
|
|
22
|
+
if (renderTitle) {
|
|
23
|
+
return renderTitle();
|
|
24
|
+
}
|
|
25
|
+
if ((0, helpers_1.isStrNotEmpty)(title)) {
|
|
26
|
+
return react_1.default.createElement(Modal_1.default.Title, null, title);
|
|
27
|
+
}
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
30
|
+
function renderPopupBody() {
|
|
31
|
+
return (react_1.default.createElement(Modal_1.default.Body, null,
|
|
32
|
+
renderPopupTitle(),
|
|
33
|
+
(0, helpers_1.isStrNotEmpty)(description) && react_1.default.createElement("p", null, description),
|
|
34
|
+
(0, helpers_1.isStrNotEmpty)(subtitle) && react_1.default.createElement("p", null, subtitle),
|
|
35
|
+
(0, helpers_1.isStrNotEmpty)(message) && react_1.default.createElement("p", null, message),
|
|
36
|
+
renderBody && renderBody()));
|
|
37
|
+
}
|
|
38
|
+
return (react_1.default.createElement(Modal_1.default, { show: show, onHide: hidePopup, className: 'farm-popup overflow-hidden' },
|
|
39
|
+
react_1.default.createElement(Modal_1.default.Header, { closeButton: true },
|
|
40
|
+
react_1.default.createElement(Badge_1.default, { icon: icon, classnames: { badge: 'p-15 rounded-3 fs-18' }, variant: 'danger' })),
|
|
41
|
+
renderPopupBody(),
|
|
42
|
+
react_1.default.createElement(Modal_1.default.Footer, null,
|
|
43
|
+
react_1.default.createElement(Button_1.default, tslib_1.__assign({ variant: 'white', label: (0, helpers_1.translate)('cancel'), onClick: hidePopup, classnames: tslib_1.__assign({ button: (0, clsx_1.default)((_b = cancel === null || cancel === void 0 ? void 0 : cancel.classnames) === null || _b === void 0 ? void 0 : _b.button, 'flex-grow-1') }, cancel === null || cancel === void 0 ? void 0 : cancel.classnames) }, cancel)),
|
|
44
|
+
react_1.default.createElement(Button_1.default, tslib_1.__assign({ variant: 'primary', label: (0, helpers_1.translate)('yes'), onClick: showPopup, classnames: tslib_1.__assign({ button: (0, clsx_1.default)((_c = cancel === null || cancel === void 0 ? void 0 : cancel.classnames) === null || _c === void 0 ? void 0 : _c.button, 'flex-grow-1') }, cancel === null || cancel === void 0 ? void 0 : cancel.classnames) }, submit)))));
|
|
45
|
+
}
|
|
46
|
+
exports.default = ConfirmPoup;
|
|
47
|
+
//# sourceMappingURL=ConfirmPoup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmPoup.js","sourceRoot":"","sources":["../../../src/components/ConfirmPoup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ReactElement, ReactNode, RefObject, CSSProperties } from 'react';
|
|
2
|
+
import { type DropdownProps as BSDropdownProps, type DropdownToggleProps, type TooltipProps } from 'react-bootstrap';
|
|
3
|
+
export interface DropdownClassNames {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
toggleBtn?: string;
|
|
6
|
+
menu?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface DropdownAttributes {
|
|
9
|
+
wrapper?: object;
|
|
10
|
+
toggleBtn?: object;
|
|
11
|
+
menu?: object;
|
|
12
|
+
}
|
|
13
|
+
export interface DropdownProps {
|
|
14
|
+
renderDropdownContent?: (options?: object[]) => ReactElement[] | ReactElement | null;
|
|
15
|
+
show?: boolean;
|
|
16
|
+
onSelect?: (eventKey: string | null, event?: object) => void;
|
|
17
|
+
options?: object[];
|
|
18
|
+
toggleBtnContent?: ReactNode;
|
|
19
|
+
menuStyle?: CSSProperties;
|
|
20
|
+
onToggle?: BSDropdownProps['onToggle'];
|
|
21
|
+
tooltipProps?: TooltipProps;
|
|
22
|
+
classnames?: DropdownClassNames;
|
|
23
|
+
showMenu?: boolean;
|
|
24
|
+
menuWidth?: 'auto' | 'min-width' | 'equal';
|
|
25
|
+
preventScrollJitter?: boolean;
|
|
26
|
+
portalTarget?: HTMLElement;
|
|
27
|
+
attributes?: DropdownAttributes;
|
|
28
|
+
toggleBtnProps?: DropdownToggleProps;
|
|
29
|
+
drop?: 'up' | 'up-centered' | 'start' | 'end' | 'down' | 'down-centered';
|
|
30
|
+
ref?: RefObject<HTMLButtonElement>;
|
|
31
|
+
autoClose?: true | 'outside' | 'inside' | false;
|
|
32
|
+
variant?: 'default' | 'icon';
|
|
33
|
+
}
|
|
34
|
+
declare function Dropdown({ renderDropdownContent, show, onSelect, options, toggleBtnContent, menuStyle, onToggle, classnames, showMenu, menuWidth, portalTarget, attributes, toggleBtnProps, drop, autoClose, ref, }: DropdownProps): ReactElement;
|
|
35
|
+
export default Dropdown;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
|
|
6
|
+
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
7
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
8
|
+
var helpers_1 = require("../helpers");
|
|
9
|
+
function Dropdown(_a) {
|
|
10
|
+
var renderDropdownContent = _a.renderDropdownContent, show = _a.show, onSelect = _a.onSelect, _b = _a.options, options = _b === void 0 ? [] : _b, toggleBtnContent = _a.toggleBtnContent, menuStyle = _a.menuStyle, onToggle = _a.onToggle, _c = _a.classnames, classnames = _c === void 0 ? {} : _c, showMenu = _a.showMenu, _d = _a.menuWidth, menuWidth = _d === void 0 ? 'auto' : _d, _e = _a.portalTarget, portalTarget = _e === void 0 ? document.body : _e, _f = _a.attributes, attributes = _f === void 0 ? {} : _f, toggleBtnProps = _a.toggleBtnProps, _g = _a.drop, drop = _g === void 0 ? 'down' : _g, _h = _a.autoClose, autoClose = _h === void 0 ? true : _h, ref = _a.ref;
|
|
11
|
+
// Desturct props
|
|
12
|
+
var _j = (0, helpers_1.destructObj)(classnames), wrapperClass = _j.wrapper, toggleBtnClass = _j.toggleBtn, menuClass = _j.menu;
|
|
13
|
+
var _k = (0, helpers_1.destructObj)(attributes), wrapperAttr = _k.wrapper, toggleBtnAttr = _k.toggleBtn, menuAttr = _k.menu;
|
|
14
|
+
/**
|
|
15
|
+
* Compute menu width style based on menuWidth prop
|
|
16
|
+
*/
|
|
17
|
+
function getComputedMenuStyle() {
|
|
18
|
+
var baseStyle = tslib_1.__assign({}, menuStyle);
|
|
19
|
+
if (menuWidth === 'equal') {
|
|
20
|
+
return tslib_1.__assign(tslib_1.__assign({}, baseStyle), { width: '100%' });
|
|
21
|
+
}
|
|
22
|
+
if (menuWidth === 'min-width') {
|
|
23
|
+
return tslib_1.__assign(tslib_1.__assign({}, baseStyle), { minWidth: '100%' });
|
|
24
|
+
}
|
|
25
|
+
return baseStyle;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Render Dropdown Menu
|
|
29
|
+
*/
|
|
30
|
+
function renderDropdownMenu() {
|
|
31
|
+
return (react_1.default.createElement(react_bootstrap_1.Dropdown.Menu, tslib_1.__assign({ className: menuClass, style: getComputedMenuStyle(), show: showMenu }, menuAttr), renderDropdownContent === null || renderDropdownContent === void 0 ? void 0 : renderDropdownContent(options)));
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Render Dropdown Toggle Button
|
|
35
|
+
*/
|
|
36
|
+
function renderToggleButton() {
|
|
37
|
+
return (react_1.default.createElement(react_bootstrap_1.Dropdown.Toggle, tslib_1.__assign({ ref: ref, className: toggleBtnClass }, toggleBtnProps, toggleBtnAttr), toggleBtnContent !== null && toggleBtnContent !== void 0 ? toggleBtnContent : 'Dropdown'));
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Render Menu with optional portal
|
|
41
|
+
*/
|
|
42
|
+
function renderMenuWithPortal() {
|
|
43
|
+
var menu = renderDropdownMenu();
|
|
44
|
+
if (portalTarget) {
|
|
45
|
+
return react_dom_1.default.createPortal(menu, portalTarget);
|
|
46
|
+
}
|
|
47
|
+
return menu;
|
|
48
|
+
}
|
|
49
|
+
return (react_1.default.createElement(react_bootstrap_1.Dropdown, tslib_1.__assign({ show: show, onToggle: onToggle, onSelect: onSelect, drop: drop, className: (0, clsx_1.default)('farm-dropdown', wrapperClass), autoClose: autoClose }, wrapperAttr),
|
|
50
|
+
renderToggleButton(),
|
|
51
|
+
renderMenuWithPortal()));
|
|
52
|
+
}
|
|
53
|
+
exports.default = Dropdown;
|
|
54
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":";;;AAAA,wDAAgF;AAChF,gEAAgC;AAChC,sDAAuB;AAEvB,mDAKwB;AACxB,sCAAwC;AAoCxC,SAAS,QAAQ,CAAC,EAiBF;QAhBd,qBAAqB,2BAAA,EACrB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,QAAQ,cAAA,EACR,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,oBAA4B,EAA5B,YAAY,mBAAG,QAAQ,CAAC,IAAI,KAAA,EAC5B,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,cAAc,oBAAA,EACd,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,GAAG,SAAA;IAEH,iBAAiB;IACX,IAAA,KAAwE,IAAA,qBAAW,EAAC,UAAU,CAAC,EAApF,YAAY,aAAA,EAAa,cAAc,eAAA,EAAQ,SAAS,UAA4B,CAAA;IAC/F,IAAA,KAAqE,IAAA,qBAAW,EAAC,UAAU,CAAC,EAAjF,WAAW,aAAA,EAAa,aAAa,eAAA,EAAQ,QAAQ,UAA4B,CAAA;IAElG;;OAEG;IACH,SAAS,oBAAoB;QAC3B,IAAM,SAAS,wBAAQ,SAAS,CAAE,CAAA;QAElC,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,6CAAY,SAAS,KAAE,KAAK,EAAE,MAAM,IAAE;QACxC,CAAC;QAED,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;YAC9B,6CAAY,SAAS,KAAE,QAAQ,EAAE,MAAM,IAAE;QAC3C,CAAC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED;;OAEG;IACH,SAAS,kBAAkB;QACzB,OAAO,CACL,8BAAC,0BAAU,CAAC,IAAI,qBAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,EAAE,QAAQ,IAAM,QAAQ,GAC/F,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,OAAO,CAAC,CACjB,CACnB,CAAA;IACH,CAAC;IAED;;OAEG;IACH,SAAS,kBAAkB;QACzB,OAAO,CACL,8BAAC,0BAAU,CAAC,MAAM,qBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,IAAM,cAAc,EAAM,aAAa,GAC1F,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,UAAU,CACb,CACrB,CAAA;IACH,CAAC;IAED;;OAEG;IACH,SAAS,oBAAoB;QAC3B,IAAM,IAAI,GAAG,kBAAkB,EAAE,CAAA;QAEjC,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,mBAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QAClD,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,8BAAC,0BAAU,qBACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAI,EAAC,eAAe,EAAE,YAAY,CAAC,EAC9C,SAAS,EAAE,SAAS,IAChB,WAAW;QAEd,kBAAkB,EAAE;QACpB,oBAAoB,EAAE,CACZ,CACd,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -10,5 +10,5 @@ export interface LabelProps {
|
|
|
10
10
|
tooltip?: string | ReactElement;
|
|
11
11
|
classnames?: Classnames;
|
|
12
12
|
}
|
|
13
|
-
declare function Label({ id, label, icon, tooltip, classnames }: LabelProps): ReactElement | null;
|
|
13
|
+
declare function Label({ id, label, icon, tooltip, classnames, }: LabelProps): ReactElement | null;
|
|
14
14
|
export default Label;
|
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
var
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
6
6
|
var react_bootstrap_1 = require("react-bootstrap");
|
|
7
7
|
var app_1 = require("../helpers/app");
|
|
8
8
|
function Label(_a) {
|
|
9
|
-
var id = _a.id, label = _a.label, _b = _a.icon, icon = _b === void 0 ? 'bi
|
|
9
|
+
var id = _a.id, label = _a.label, _b = _a.icon, icon = _b === void 0 ? 'bi-info-circle' : _b, tooltip = _a.tooltip, _c = _a.classnames, classnames = _c === void 0 ? undefined : _c;
|
|
10
10
|
// Destructure classnames safely
|
|
11
|
-
var
|
|
11
|
+
var _d = (0, app_1.destructObj)(classnames), labelClass = _d.label, iconClass = _d.icon;
|
|
12
12
|
/** Renders the label icon */
|
|
13
|
-
var renderLabelIcon = function () { return
|
|
13
|
+
var renderLabelIcon = function () { return react_1.default.createElement("i", { className: (0, clsx_1.default)(icon, iconClass, { 'ms-5': tooltip }) }); };
|
|
14
14
|
if (!label)
|
|
15
15
|
return null;
|
|
16
|
-
return ((
|
|
16
|
+
return (react_1.default.createElement(react_bootstrap_1.Form.Label, { htmlFor: id, className: (0, clsx_1.default)(labelClass, 'form-label', {
|
|
17
17
|
'd-flex align-items-center': !!icon,
|
|
18
|
-
})
|
|
18
|
+
}) },
|
|
19
|
+
label,
|
|
20
|
+
tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: 'top', overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { className: 'bg-white rounded' }, tooltip) }, renderLabelIcon())) : (renderLabelIcon())));
|
|
19
21
|
}
|
|
20
22
|
exports.default = Label;
|
|
21
23
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,sDAAuB;AACvB,mDAA+D;AAC/D,sCAA4C;AAe5C,SAAS,KAAK,CAAC,EAMF;QALX,EAAE,QAAA,EACF,KAAK,WAAA,EACL,YAAuB,EAAvB,IAAI,mBAAG,gBAAgB,KAAA,EACvB,OAAO,aAAA,EACP,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA;IAEtB,gCAAgC;IAC1B,IAAA,KAAyC,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAvD,UAAU,WAAA,EAAQ,SAAS,UAA4B,CAAA;IAEtE,6BAA6B;IAC7B,IAAM,eAAe,GAAG,cAAoB,OAAA,qCAAG,SAAS,EAAE,IAAA,cAAI,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAI,EAA5D,CAA4D,CAAA;IAExG,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,8BAAC,sBAAI,CAAC,KAAK,IACT,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,YAAY,EAAE;YACxC,2BAA2B,EAAE,CAAC,CAAC,IAAI;SACpC,CAAC;QAED,KAAK;QACL,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,gCAAc,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,8BAAC,yBAAO,IAAC,SAAS,EAAC,kBAAkB,IAAE,OAAO,CAAW,IAC/F,eAAe,EAAE,CACH,CAClB,CAAC,CAAC,CAAC,CACF,eAAe,EAAE,CAClB,CACU,CACd,CAAA;AACH,CAAC;AAED,kBAAe,KAAK,CAAA"}
|
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
4
5
|
var header_1 = require("../../assets/data/header");
|
|
5
6
|
var react_bootstrap_1 = require("react-bootstrap");
|
|
6
7
|
var app_1 = require("../../constants/app");
|
|
7
8
|
function Footer() {
|
|
8
|
-
return (
|
|
9
|
+
return (react_1.default.createElement("footer", null,
|
|
10
|
+
react_1.default.createElement(react_bootstrap_1.Container, null,
|
|
11
|
+
react_1.default.createElement(react_bootstrap_1.Row, null,
|
|
12
|
+
react_1.default.createElement(react_bootstrap_1.Col, { lg: 2 },
|
|
13
|
+
react_1.default.createElement(react_bootstrap_1.Image, { src: app_1.LOGO_IMG, alt: 'farm-react logo', height: 40, width: 40 }),
|
|
14
|
+
' '),
|
|
15
|
+
react_1.default.createElement(react_bootstrap_1.Col, { lg: 4 }),
|
|
16
|
+
react_1.default.createElement(react_bootstrap_1.Col, { lg: 6 },
|
|
17
|
+
react_1.default.createElement(react_bootstrap_1.Nav, { className: 'd-flex' }, header_1.headerItem.map(function (item) { return (react_1.default.createElement(react_bootstrap_1.Nav.Link, { key: item.id, href: item.link, className: 'text-dark' }, item.label)); })))))));
|
|
9
18
|
}
|
|
10
19
|
exports.default = Footer;
|
|
11
20
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,mDAAqD;AACrD,mDAAiE;AACjE,2CAA8C;AAE9C,SAAS,MAAM;IACb,OAAO,CACL;QACE,8BAAC,2BAAS;YACR,8BAAC,qBAAG;gBACF,8BAAC,qBAAG,IAAC,EAAE,EAAE,CAAC;oBACR,8BAAC,uBAAK,IAAC,GAAG,EAAE,cAAQ,EAAE,GAAG,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;oBAAC,GAAG,CACrE;gBACN,8BAAC,qBAAG,IAAC,EAAE,EAAE,CAAC,GAAI;gBACd,8BAAC,qBAAG,IAAC,EAAE,EAAE,CAAC;oBACR,8BAAC,qBAAG,IAAC,SAAS,EAAC,QAAQ,IACpB,mBAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,8BAAC,qBAAG,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,WAAW,IAC3D,IAAI,CAAC,KAAK,CACF,CACZ,EAJyB,CAIzB,CAAC,CACE,CACF,CACF,CACI,CACL,CACV,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|
|
@@ -1,17 +1,28 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
|
-
var
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
5
|
var Container_1 = tslib_1.__importDefault(require("react-bootstrap/Container"));
|
|
6
6
|
var Nav_1 = tslib_1.__importDefault(require("react-bootstrap/Nav"));
|
|
7
7
|
var Navbar_1 = tslib_1.__importDefault(require("react-bootstrap/Navbar"));
|
|
8
|
-
var
|
|
8
|
+
var NavDropdown_1 = tslib_1.__importDefault(require("react-bootstrap/NavDropdown"));
|
|
9
9
|
var header_1 = require("../../assets/data/header");
|
|
10
10
|
var react_router_1 = require("react-router");
|
|
11
|
-
var
|
|
11
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
12
12
|
var app_1 = require("../../constants/app");
|
|
13
13
|
function Header() {
|
|
14
|
-
return (
|
|
14
|
+
return (react_1.default.createElement("header", { className: 'position-sticky top-0' },
|
|
15
|
+
react_1.default.createElement(Navbar_1.default, { expand: 'lg', className: 'bg-body-tertiary' },
|
|
16
|
+
react_1.default.createElement(Container_1.default, null,
|
|
17
|
+
react_1.default.createElement(Navbar_1.default.Brand, { href: '#' },
|
|
18
|
+
react_1.default.createElement(react_bootstrap_1.Image, { src: app_1.LOGO_IMG, alt: 'logo image', height: 30, width: 30 })),
|
|
19
|
+
react_1.default.createElement(Navbar_1.default.Toggle, { "aria-controls": 'basic-navbar-nav' }),
|
|
20
|
+
react_1.default.createElement(Navbar_1.default.Collapse, { id: 'basic-navbar-nav' },
|
|
21
|
+
react_1.default.createElement(Nav_1.default, { className: 'me-auto' },
|
|
22
|
+
header_1.headerItem.map(function (item) { return (react_1.default.createElement(Nav_1.default.Link, { key: item.id, to: item.link, as: react_router_1.Link }, item.label)); }),
|
|
23
|
+
react_1.default.createElement(NavDropdown_1.default, { title: 'Version', id: 'basic-nav-dropdown' },
|
|
24
|
+
react_1.default.createElement(NavDropdown_1.default.Item, { href: '#' }, "farm-react 1.0.0"),
|
|
25
|
+
react_1.default.createElement(NavDropdown_1.default.Item, { href: '#' }, "farm-react 2.0.0"))))))));
|
|
15
26
|
}
|
|
16
27
|
exports.default = Header;
|
|
17
28
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,gFAAiD;AACjD,oEAAqC;AACrC,0EAA2C;AAC3C,oFAAqD;AACrD,mDAAqD;AACrD,6CAAmC;AACnC,mDAAuC;AACvC,2CAA8C;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,0CAAQ,SAAS,EAAC,uBAAuB;QACvC,8BAAC,gBAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB;YAC9C,8BAAC,mBAAS;gBACR,8BAAC,gBAAM,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG;oBACpB,8BAAC,uBAAK,IAAC,GAAG,EAAE,cAAQ,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACnD;gBACf,8BAAC,gBAAM,CAAC,MAAM,qBAAe,kBAAkB,GAAG;gBAClD,8BAAC,gBAAM,CAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB;oBACpC,8BAAC,aAAG,IAAC,SAAS,EAAC,SAAS;wBACrB,mBAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,8BAAC,aAAG,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,mBAAI,IAC5C,IAAI,CAAC,KAAK,CACF,CACZ,EAJyB,CAIzB,CAAC;wBACF,8BAAC,qBAAW,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,oBAAoB;4BAClD,8BAAC,qBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC;4BAC9D,8BAAC,qBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC,CAClD,CACV,CACU,CACR,CACL,CACF,CACV,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
|