farm-react 1.0.7 → 1.0.8
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 +26254 -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 +53 -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/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/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/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/Slider/SlickSlider.d.ts +74 -0
- package/dist/cjs/components/Slider/Slider/SlickSlider.js +212 -0
- package/dist/cjs/components/Slider/Slider/SlickSlider.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useCenterMode.d.ts +24 -0
- package/dist/cjs/components/Slider/Slider/useCenterMode.js +40 -0
- package/dist/cjs/components/Slider/Slider/useCenterMode.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useSlider.d.ts +65 -0
- package/dist/cjs/components/Slider/Slider/useSlider.js +164 -0
- package/dist/cjs/components/Slider/Slider/useSlider.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js +73 -0
- package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.d.ts +38 -0
- package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.js +53 -0
- package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useSliderDimension.d.ts +41 -0
- package/dist/cjs/components/Slider/Slider/useSliderDimension.js +91 -0
- package/dist/cjs/components/Slider/Slider/useSliderDimension.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useSliderDraggable.d.ts +43 -0
- package/dist/cjs/components/Slider/Slider/useSliderDraggable.js +146 -0
- package/dist/cjs/components/Slider/Slider/useSliderDraggable.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useSliderNavigation.d.ts +41 -0
- package/dist/cjs/components/Slider/Slider/useSliderNavigation.js +136 -0
- package/dist/cjs/components/Slider/Slider/useSliderNavigation.js.map +1 -0
- package/dist/cjs/components/Slider/Slider/useSliderTransform.d.ts +17 -0
- package/dist/cjs/components/Slider/Slider/useSliderTransform.js +71 -0
- package/dist/cjs/components/Slider/Slider/useSliderTransform.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 +159 -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 +31 -3
- package/dist/cjs/components/TextInput.js +31 -12
- 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/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 +7 -0
- package/dist/cjs/constants/icons.js +11 -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 +20 -5
- package/dist/cjs/index.js +41 -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/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 +53 -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/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/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/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/Slider/SlickSlider.d.ts +74 -0
- package/dist/esm/components/Slider/Slider/SlickSlider.js +209 -0
- package/dist/esm/components/Slider/Slider/SlickSlider.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useCenterMode.d.ts +24 -0
- package/dist/esm/components/Slider/Slider/useCenterMode.js +38 -0
- package/dist/esm/components/Slider/Slider/useCenterMode.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useSlider.d.ts +65 -0
- package/dist/esm/components/Slider/Slider/useSlider.js +162 -0
- package/dist/esm/components/Slider/Slider/useSlider.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/esm/components/Slider/Slider/useSliderAutoPlay.js +71 -0
- package/dist/esm/components/Slider/Slider/useSliderAutoPlay.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useSliderBreakpoint.d.ts +38 -0
- package/dist/esm/components/Slider/Slider/useSliderBreakpoint.js +51 -0
- package/dist/esm/components/Slider/Slider/useSliderBreakpoint.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useSliderDimension.d.ts +41 -0
- package/dist/esm/components/Slider/Slider/useSliderDimension.js +89 -0
- package/dist/esm/components/Slider/Slider/useSliderDimension.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useSliderDraggable.d.ts +43 -0
- package/dist/esm/components/Slider/Slider/useSliderDraggable.js +144 -0
- package/dist/esm/components/Slider/Slider/useSliderDraggable.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useSliderNavigation.d.ts +41 -0
- package/dist/esm/components/Slider/Slider/useSliderNavigation.js +134 -0
- package/dist/esm/components/Slider/Slider/useSliderNavigation.js.map +1 -0
- package/dist/esm/components/Slider/Slider/useSliderTransform.d.ts +17 -0
- package/dist/esm/components/Slider/Slider/useSliderTransform.js +69 -0
- package/dist/esm/components/Slider/Slider/useSliderTransform.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 +157 -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 +31 -3
- package/dist/esm/components/TextInput.js +33 -13
- 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/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 +7 -0
- package/dist/esm/constants/icons.js +9 -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 +20 -5
- package/dist/esm/index.js +20 -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/package.json +1 -1
- package/package.json +5 -4
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var Offcanvas_1 = tslib_1.__importDefault(require("react-bootstrap/Offcanvas"));
|
|
5
6
|
function Sidebar() {
|
|
6
|
-
return (
|
|
7
|
+
return (react_1.default.createElement(Offcanvas_1.default, { show: true, className: 'top-60', backdrop: false, scroll: true },
|
|
8
|
+
react_1.default.createElement(Offcanvas_1.default.Body, null, "Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.")));
|
|
7
9
|
}
|
|
8
10
|
exports.default = Sidebar;
|
|
9
11
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar.tsx"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,gFAAiD;AAEjD,SAAS,OAAO;IACd,OAAO,CACL,8BAAC,mBAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI;QAC9D,8BAAC,mBAAS,CAAC,IAAI,4HAGE,CACP,CACb,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { type ReactElement } from 'react';
|
|
2
|
+
import Checkbox from './Checkbox';
|
|
3
|
+
import { type LabelProps } from './Label';
|
|
4
|
+
export type ReturnTypeOption = 'value' | 'object';
|
|
5
|
+
export interface MultiCheckboxClassnames {
|
|
6
|
+
checkboxLabel?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
errorMessage?: string;
|
|
9
|
+
wrapper?: string;
|
|
10
|
+
input?: string;
|
|
11
|
+
}
|
|
12
|
+
export interface MultiCheckboxAttributes {
|
|
13
|
+
wrapper?: object;
|
|
14
|
+
checkbox?: object;
|
|
15
|
+
}
|
|
16
|
+
export interface MultiCheckboxProps<T = any> extends Omit<React.ComponentProps<typeof Checkbox>, 'onChange'> {
|
|
17
|
+
classnames?: MultiCheckboxClassnames;
|
|
18
|
+
inline?: boolean;
|
|
19
|
+
rtl?: boolean;
|
|
20
|
+
labelProps?: LabelProps;
|
|
21
|
+
onChange?: (value: T[] | Array<string | number> | null) => void;
|
|
22
|
+
returnType?: ReturnTypeOption;
|
|
23
|
+
checkedValues?: Array<string | number>;
|
|
24
|
+
idKey?: string;
|
|
25
|
+
valueKey?: string;
|
|
26
|
+
labelKey?: string;
|
|
27
|
+
name: string;
|
|
28
|
+
data: T[];
|
|
29
|
+
description?: string;
|
|
30
|
+
keyExtractor?: (dataItem: T, index: number) => React.Key;
|
|
31
|
+
attributes?: MultiCheckboxAttributes;
|
|
32
|
+
validations?: object;
|
|
33
|
+
requiredFields?: string[];
|
|
34
|
+
stripDescHTML?: boolean;
|
|
35
|
+
disabledValues?: Array<string | number>;
|
|
36
|
+
renderLabel?: (dataItem: T, label: string | number) => string;
|
|
37
|
+
}
|
|
38
|
+
declare function MultiCheckbox<T = object[]>({ classnames, inline, rtl, labelProps, onChange, returnType, checkedValues, idKey, valueKey, labelKey, name, data, description, keyExtractor, attributes, validations, requiredFields, stripDescHTML, disabledValues, renderLabel, ...rest }: MultiCheckboxProps<T>): ReactElement;
|
|
39
|
+
export default MultiCheckbox;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
+
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
6
|
+
var Checkbox_1 = tslib_1.__importDefault(require("./Checkbox"));
|
|
7
|
+
var Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
8
|
+
function MultiCheckbox(_a) {
|
|
9
|
+
var _b = _a.classnames, classnames = _b === void 0 ? {} : _b, _c = _a.inline, inline = _c === void 0 ? true : _c, _d = _a.rtl, rtl = _d === void 0 ? false : _d, labelProps = _a.labelProps, onChange = _a.onChange, _e = _a.returnType, returnType = _e === void 0 ? 'value' : _e, _f = _a.checkedValues, checkedValues = _f === void 0 ? [] : _f, _g = _a.idKey, idKey = _g === void 0 ? 'id' : _g, _h = _a.valueKey, valueKey = _h === void 0 ? 'value' : _h, _j = _a.labelKey, labelKey = _j === void 0 ? 'label' : _j, name = _a.name, data = _a.data, description = _a.description, keyExtractor = _a.keyExtractor, _k = _a.attributes, attributes = _k === void 0 ? {} : _k, validations = _a.validations, _l = _a.requiredFields, requiredFields = _l === void 0 ? [] : _l, _m = _a.stripDescHTML, stripDescHTML = _m === void 0 ? false : _m, _o = _a.disabledValues, disabledValues = _o === void 0 ? [] : _o, renderLabel = _a.renderLabel, rest = tslib_1.__rest(_a, ["classnames", "inline", "rtl", "labelProps", "onChange", "returnType", "checkedValues", "idKey", "valueKey", "labelKey", "name", "data", "description", "keyExtractor", "attributes", "validations", "requiredFields", "stripDescHTML", "disabledValues", "renderLabel"]);
|
|
10
|
+
var _p = (0, react_1.useState)(checkedValues), selected = _p[0], setSelected = _p[1];
|
|
11
|
+
/* Sync external checkedValues */
|
|
12
|
+
(0, react_1.useEffect)(function () {
|
|
13
|
+
setSelected(checkedValues);
|
|
14
|
+
}, [checkedValues]);
|
|
15
|
+
/* Handle Change */
|
|
16
|
+
function handleChange(value, checked) {
|
|
17
|
+
var updated;
|
|
18
|
+
if (checked) {
|
|
19
|
+
updated = tslib_1.__spreadArray(tslib_1.__spreadArray([], selected, true), [value], false);
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
updated = selected.filter(function (v) { return v !== value; });
|
|
23
|
+
}
|
|
24
|
+
setSelected(updated);
|
|
25
|
+
if (returnType === 'object') {
|
|
26
|
+
var selectedObjects = data.filter(function (d) { return updated.includes(d[valueKey]); });
|
|
27
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selectedObjects.length ? selectedObjects : null);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(updated.length ? updated : null);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
/* Render Description */
|
|
34
|
+
function renderDescription() {
|
|
35
|
+
if (!description)
|
|
36
|
+
return null;
|
|
37
|
+
return react_1.default.createElement("p", { className: classnames.description }, description);
|
|
38
|
+
}
|
|
39
|
+
/* Render Checkboxes */
|
|
40
|
+
function renderCheckboxes() {
|
|
41
|
+
return data.map(function (item, index) {
|
|
42
|
+
var itemId = item[idKey];
|
|
43
|
+
var itemValue = item[valueKey];
|
|
44
|
+
var label = renderLabel ? renderLabel(item, item[labelKey]) : item[labelKey];
|
|
45
|
+
var key = keyExtractor ? keyExtractor(item, index) : (itemId !== null && itemId !== void 0 ? itemId : index);
|
|
46
|
+
var isDisabled = disabledValues.includes(itemValue) || (requiredFields.length > 0 && requiredFields.includes(itemValue));
|
|
47
|
+
return (react_1.default.createElement(Checkbox_1.default, tslib_1.__assign({ id: itemId, key: key, name: name, inline: inline, disable: isDisabled, labelProps: { label: label }, classnames: { input: classnames.input }, attributes: { wrapper: attributes.checkbox }, onChange: function (e) { return handleChange(itemValue, e.target.checked); } }, rest)));
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(classnames.wrapper, { rtl: rtl }) }, attributes.wrapper),
|
|
51
|
+
labelProps && react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps)),
|
|
52
|
+
renderDescription(),
|
|
53
|
+
renderCheckboxes()));
|
|
54
|
+
}
|
|
55
|
+
exports.default = MultiCheckbox;
|
|
56
|
+
//# sourceMappingURL=MultiCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiCheckbox.js","sourceRoot":"","sources":["../../../src/components/MultiCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { type ReactElement } from 'react';
|
|
2
|
+
import { type LabelProps } from './Label';
|
|
3
|
+
export interface MultiRadioClassnames {
|
|
4
|
+
description?: string;
|
|
5
|
+
wrapper?: string;
|
|
6
|
+
input?: string;
|
|
7
|
+
radioLabel?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MultiRadioAttributes {
|
|
10
|
+
wrapper?: object;
|
|
11
|
+
radio?: object;
|
|
12
|
+
}
|
|
13
|
+
export interface MultiRadioProps<T = any> {
|
|
14
|
+
classnames?: MultiRadioClassnames;
|
|
15
|
+
inline?: boolean;
|
|
16
|
+
labelProps?: LabelProps;
|
|
17
|
+
renderLabel?: () => null | ReactElement;
|
|
18
|
+
onChange?: (value: string | number) => void;
|
|
19
|
+
checkedValue?: string | number;
|
|
20
|
+
idKey?: string;
|
|
21
|
+
valueKey?: string;
|
|
22
|
+
labelKey?: string;
|
|
23
|
+
name: string;
|
|
24
|
+
data: T[];
|
|
25
|
+
description?: string;
|
|
26
|
+
keyExtractor?: (dataItem: T, index: number) => React.Key;
|
|
27
|
+
attributes?: MultiRadioAttributes;
|
|
28
|
+
}
|
|
29
|
+
declare function MultiRadio<T = any>({ classnames, inline, labelProps, renderLabel, onChange, checkedValue, idKey, valueKey, labelKey, name, data, description, keyExtractor, attributes, ...rest }: MultiRadioProps<T>): ReactElement;
|
|
30
|
+
export default MultiRadio;
|
|
@@ -0,0 +1,41 @@
|
|
|
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 Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
7
|
+
var Radio_1 = tslib_1.__importDefault(require("./Radio"));
|
|
8
|
+
var helpers_1 = require("../helpers");
|
|
9
|
+
function MultiRadio(_a) {
|
|
10
|
+
var _b = _a.classnames, classnames = _b === void 0 ? {} : _b, _c = _a.inline, inline = _c === void 0 ? true : _c, labelProps = _a.labelProps, renderLabel = _a.renderLabel, onChange = _a.onChange, checkedValue = _a.checkedValue, _d = _a.idKey, idKey = _d === void 0 ? 'id' : _d, _e = _a.valueKey, valueKey = _e === void 0 ? 'value' : _e, _f = _a.labelKey, labelKey = _f === void 0 ? 'label' : _f, name = _a.name, data = _a.data, description = _a.description, keyExtractor = _a.keyExtractor, _g = _a.attributes, attributes = _g === void 0 ? {} : _g, rest = tslib_1.__rest(_a, ["classnames", "inline", "labelProps", "renderLabel", "onChange", "checkedValue", "idKey", "valueKey", "labelKey", "name", "data", "description", "keyExtractor", "attributes"]);
|
|
11
|
+
/* Destruct props */
|
|
12
|
+
var _h = (0, helpers_1.destructObj)(classnames), wrapperClass = _h.wrapper, inputClass = _h.input, descriptionClass = _h.description;
|
|
13
|
+
var _j = (0, helpers_1.destructObj)(attributes), wrapperAttr = _j.wrapper, radioAttr = _j.radio;
|
|
14
|
+
/* Handle Change */
|
|
15
|
+
function handleChange(value) {
|
|
16
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(value);
|
|
17
|
+
}
|
|
18
|
+
/* Render Description */
|
|
19
|
+
function renderDescription() {
|
|
20
|
+
if ((0, helpers_1.isStrEmpty)(description))
|
|
21
|
+
return null;
|
|
22
|
+
return react_1.default.createElement("div", { className: descriptionClass }, description);
|
|
23
|
+
}
|
|
24
|
+
/* Render Radios */
|
|
25
|
+
function renderRadios() {
|
|
26
|
+
return data.map(function (item, index) {
|
|
27
|
+
var itemId = item[idKey];
|
|
28
|
+
var itemValue = item[valueKey];
|
|
29
|
+
var label = item[labelKey];
|
|
30
|
+
var key = keyExtractor ? keyExtractor(item, index) : (itemId !== null && itemId !== void 0 ? itemId : index);
|
|
31
|
+
return (react_1.default.createElement(Radio_1.default, tslib_1.__assign({ key: key, id: itemId, name: name, inline: inline, checked: checkedValue === itemValue, labelProps: { label: label }, onChange: function () { return handleChange(itemValue); }, classnames: { input: inputClass }, attributes: { wrapper: radioAttr } }, rest)));
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(wrapperClass) }, wrapperAttr),
|
|
35
|
+
(0, helpers_1.isObjNotEmpty)(labelProps) && react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps)), renderLabel === null || renderLabel === void 0 ? void 0 :
|
|
36
|
+
renderLabel(),
|
|
37
|
+
renderDescription(),
|
|
38
|
+
renderRadios()));
|
|
39
|
+
}
|
|
40
|
+
exports.default = MultiRadio;
|
|
41
|
+
//# sourceMappingURL=MultiRadio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiRadio.js","sourceRoot":"","sources":["../../../src/components/MultiRadio.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,sDAAuB;AACvB,0DAAgD;AAChD,0DAA2B;AAC3B,sCAAmE;AA+BnE,SAAS,UAAU,CAAU,EAgBR;IAfnB,IAAA,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACZ,IAAI,sBAfoB,+KAgB5B,CADQ;IAEP,oBAAoB;IACd,IAAA,KAA8E,IAAA,qBAAW,EAAC,UAAU,CAAC,EAA1F,YAAY,aAAA,EAAS,UAAU,WAAA,EAAe,gBAAgB,iBAA4B,CAAA;IAErG,IAAA,KAA6C,IAAA,qBAAW,EAAC,UAAU,CAAC,EAAzD,WAAW,aAAA,EAAS,SAAS,WAA4B,CAAA;IAE1E,mBAAmB;IACnB,SAAS,YAAY,CAAC,KAAsB;QAC1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;IACnB,CAAC;IAED,wBAAwB;IACxB,SAAS,iBAAiB;QACxB,IAAI,IAAA,oBAAU,EAAC,WAAW,CAAC;YAAE,OAAO,IAAI,CAAA;QAExC,OAAO,uCAAK,SAAS,EAAE,gBAAgB,IAAG,WAAW,CAAO,CAAA;IAC9D,CAAC;IAED,mBAAmB;IACnB,SAAS,YAAY;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;YACvC,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;YAC1B,IAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;YAChC,IAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;YAE5B,IAAM,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC,CAAA;YAExE,OAAO,CACL,8BAAC,eAAK,qBACJ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,YAAY,KAAK,SAAS,EACnC,UAAU,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAC5B,QAAQ,EAAE,cAAM,OAAA,YAAY,CAAC,SAAS,CAAC,EAAvB,CAAuB,EACvC,UAAU,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EACjC,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAC9B,IAAI,EACR,CACH,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,CACL,wDAAK,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,CAAC,IAAM,WAAW;QAChD,IAAA,uBAAa,EAAC,UAAU,CAAC,IAAI,8BAAC,eAAK,uBAAK,UAAU,EAAI,EACtD,WAAW,aAAX,WAAW;QAAX,WAAW,EAAI;QACf,iBAAiB,EAAE;QACnB,YAAY,EAAE,CACX,CACP,CAAA;AACH,CAAC;AAED,kBAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React, { type ReactElement } from 'react';
|
|
2
|
+
import { type LabelProps } from './Label';
|
|
3
|
+
interface Classnames {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
input?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
}
|
|
8
|
+
interface Attributes {
|
|
9
|
+
input?: object;
|
|
10
|
+
wrapper?: object;
|
|
11
|
+
description?: object;
|
|
12
|
+
}
|
|
13
|
+
type NumberInputVariant = 'normal' | 'floating';
|
|
14
|
+
export interface NumberInputProps {
|
|
15
|
+
labelProps?: LabelProps;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
description?: string;
|
|
18
|
+
size?: 'sm' | 'lg';
|
|
19
|
+
value?: string;
|
|
20
|
+
id?: string;
|
|
21
|
+
defaultValue?: string;
|
|
22
|
+
name?: string;
|
|
23
|
+
maxLength?: number;
|
|
24
|
+
classnames?: Classnames;
|
|
25
|
+
attributes?: Attributes;
|
|
26
|
+
variant?: NumberInputVariant;
|
|
27
|
+
/** NEW PROPS */
|
|
28
|
+
min?: number;
|
|
29
|
+
max?: number;
|
|
30
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
31
|
+
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
32
|
+
onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
33
|
+
inputRef?: React.RefObject<HTMLInputElement>;
|
|
34
|
+
readonly?: boolean;
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
}
|
|
37
|
+
declare function NumberInput({ labelProps, description, placeholder, size, value, onChange, onBlur, onFocus, variant, inputRef, id, defaultValue, classnames, attributes, name, maxLength, readonly, disabled, min, max, ...rest }: NumberInputProps): ReactElement;
|
|
38
|
+
export default NumberInput;
|
|
@@ -0,0 +1,34 @@
|
|
|
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 react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
+
var Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
8
|
+
var app_1 = require("../helpers/app");
|
|
9
|
+
function NumberInput(_a) {
|
|
10
|
+
var labelProps = _a.labelProps, description = _a.description, placeholder = _a.placeholder, size = _a.size, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _b = _a.variant, variant = _b === void 0 ? 'normal' : _b, inputRef = _a.inputRef, id = _a.id, defaultValue = _a.defaultValue, classnames = _a.classnames, attributes = _a.attributes, name = _a.name, _c = _a.maxLength, maxLength = _c === void 0 ? 200 : _c, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, min = _a.min, max = _a.max, rest = tslib_1.__rest(_a, ["labelProps", "description", "placeholder", "size", "value", "onChange", "onBlur", "onFocus", "variant", "inputRef", "id", "defaultValue", "classnames", "attributes", "name", "maxLength", "readonly", "disabled", "min", "max"]);
|
|
11
|
+
var _f = (0, app_1.destructObj)(classnames), inputClass = _f.input, wrapperClass = _f.wrapper, descClass = _f.description;
|
|
12
|
+
var _g = (0, app_1.destructObj)(attributes), inputAttr = _g.input, wrapperAttr = _g.wrapper, descAttr = _g.description;
|
|
13
|
+
var isFloatingVariantEnable = variant === 'floating';
|
|
14
|
+
function renderLabel() {
|
|
15
|
+
if ((0, app_1.isObjEmpty)(labelProps))
|
|
16
|
+
return null;
|
|
17
|
+
return react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps));
|
|
18
|
+
}
|
|
19
|
+
function renderInput() {
|
|
20
|
+
return (react_1.default.createElement(react_bootstrap_1.Form.Control, tslib_1.__assign({ type: 'number', placeholder: placeholder, value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, ref: inputRef, id: id, name: name, disabled: disabled, readOnly: readonly, defaultValue: defaultValue, size: size, maxLength: maxLength, min: min, max: max, className: (0, clsx_1.default)(inputClass) }, inputAttr, rest)));
|
|
21
|
+
}
|
|
22
|
+
function renderDescription() {
|
|
23
|
+
if ((0, app_1.isStrEmpty)(description))
|
|
24
|
+
return null;
|
|
25
|
+
return (react_1.default.createElement(react_bootstrap_1.Form.Text, tslib_1.__assign({ className: (0, clsx_1.default)('text-muted', descClass) }, descAttr), description));
|
|
26
|
+
}
|
|
27
|
+
return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(wrapperClass, { 'form-floating': isFloatingVariantEnable }) }, wrapperAttr),
|
|
28
|
+
!isFloatingVariantEnable && renderLabel(),
|
|
29
|
+
renderInput(),
|
|
30
|
+
isFloatingVariantEnable && renderLabel(),
|
|
31
|
+
renderDescription()));
|
|
32
|
+
}
|
|
33
|
+
exports.default = NumberInput;
|
|
34
|
+
//# sourceMappingURL=NumberInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,sDAAuB;AACvB,mDAAsC;AACtC,0DAAgD;AAChD,sCAAoE;AAyCpE,SAAS,WAAW,CAAC,EAsBF;IArBjB,IAAA,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,GAAG,SAAA,EACH,GAAG,SAAA,EACA,IAAI,sBArBY,kOAsBpB,CADQ;IAED,IAAA,KAAuE,IAAA,iBAAW,EAAC,UAAU,CAAC,EAArF,UAAU,WAAA,EAAW,YAAY,aAAA,EAAe,SAAS,iBAA4B,CAAA;IAE9F,IAAA,KAAoE,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAlF,SAAS,WAAA,EAAW,WAAW,aAAA,EAAe,QAAQ,iBAA4B,CAAA;IAEjG,IAAM,uBAAuB,GAAY,OAAO,KAAK,UAAU,CAAA;IAE/D,SAAS,WAAW;QAClB,IAAI,IAAA,gBAAU,EAAC,UAAU,CAAC;YAAE,OAAO,IAAI,CAAA;QACvC,OAAO,8BAAC,eAAK,uBAAK,UAAU,EAAI,CAAA;IAClC,CAAC;IAED,SAAS,WAAW;QAClB,OAAO,CACL,8BAAC,sBAAI,CAAC,OAAO,qBACX,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,CAAC,IACvB,SAAS,EACT,IAAI,EACR,CACH,CAAA;IACH,CAAC;IAED,SAAS,iBAAiB;QACxB,IAAI,IAAA,gBAAU,EAAC,WAAW,CAAC;YAAE,OAAO,IAAI,CAAA;QACxC,OAAO,CACL,8BAAC,sBAAI,CAAC,IAAI,qBAAC,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,SAAS,CAAC,IAAM,QAAQ,GAC9D,WAAW,CACF,CACb,CAAA;IACH,CAAC;IAED,OAAO,CACL,wDAAK,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,EAAE,eAAe,EAAE,uBAAuB,EAAE,CAAC,IAAM,WAAW;QAC9F,CAAC,uBAAuB,IAAI,WAAW,EAAE;QACzC,WAAW,EAAE;QACb,uBAAuB,IAAI,WAAW,EAAE;QACxC,iBAAiB,EAAE,CAChB,CACP,CAAA;AACH,CAAC;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -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,24 @@
|
|
|
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 react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
+
var Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
8
|
+
var app_1 = require("../helpers/app");
|
|
9
|
+
function Radio(_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, checked = _a.checked, onChange = _a.onChange, onBlur = _a.onBlur;
|
|
11
|
+
var _d = (0, app_1.destructObj)(classnames), wrapperClass = _d.wrapper, inputClass = _d.input;
|
|
12
|
+
var _e = (0, app_1.destructObj)(attributes), wrapperAttr = _e.wrapper, inputAttr = _e.input;
|
|
13
|
+
/** Label */
|
|
14
|
+
function renderLabel() {
|
|
15
|
+
if ((0, app_1.isStrEmpty)(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
|
|
16
|
+
return null;
|
|
17
|
+
return react_1.default.createElement(Label_1.default, tslib_1.__assign({ id: id }, labelProps));
|
|
18
|
+
}
|
|
19
|
+
return (react_1.default.createElement(react_bootstrap_1.Form.Check, tslib_1.__assign({ id: id, name: name, disabled: disable, inline: inline, className: (0, clsx_1.default)(wrapperClass) }, wrapperAttr),
|
|
20
|
+
react_1.default.createElement(react_bootstrap_1.Form.Check.Input, tslib_1.__assign({ type: 'radio', checked: checked, className: (0, clsx_1.default)('me-2', inputClass), onChange: onChange, onBlur: onBlur }, inputAttr)),
|
|
21
|
+
renderLabel()));
|
|
22
|
+
}
|
|
23
|
+
exports.default = Radio;
|
|
24
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":";;;AAAA,wDAAkE;AAClE,sDAAuB;AACvB,mDAAsC;AACtC,0DAAgD;AAChD,sCAAwD;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,IAAA,iBAAW,EAAC,UAAU,CAAC,EAA3D,YAAY,aAAA,EAAS,UAAU,WAA4B,CAAA;IAEtE,IAAA,KAA6C,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAzD,WAAW,aAAA,EAAS,SAAS,WAA4B,CAAA;IAE1E,YAAY;IACZ,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,qBAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,CAAC,IAAM,WAAW;QAC/G,8BAAC,sBAAI,CAAC,KAAK,CAAC,KAAK,qBACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,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,KAAK,CAAA"}
|
|
@@ -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,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
+
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
6
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
+
var helpers_1 = require("../helpers");
|
|
8
|
+
var Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
9
|
+
function RangeSlider(_a) {
|
|
10
|
+
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;
|
|
11
|
+
var _m = (0, helpers_1.destructObj)(classnames), wrapperClass = _m.wrapper, rangeClass = _m.range, valueClass = _m.value;
|
|
12
|
+
var _o = (0, helpers_1.destructObj)(attributes), wrapperAttr = _o.wrapper, rangeAttr = _o.range, valueAttr = _o.value;
|
|
13
|
+
var isControlled = value !== undefined;
|
|
14
|
+
var _p = (0, react_1.useState)(defaultValue), internalValue = _p[0], setInternalValue = _p[1];
|
|
15
|
+
var _q = (0, react_1.useState)(false), dragging = _q[0], setDragging = _q[1];
|
|
16
|
+
var target = (0, react_1.useRef)(null);
|
|
17
|
+
var currentValue = isControlled ? value : internalValue;
|
|
18
|
+
function handleChange(e) {
|
|
19
|
+
var val = Number(e.target.value);
|
|
20
|
+
if (!isControlled)
|
|
21
|
+
setInternalValue(val);
|
|
22
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(val);
|
|
23
|
+
}
|
|
24
|
+
function handleMouseDown() {
|
|
25
|
+
setDragging(true);
|
|
26
|
+
onSlideStart === null || onSlideStart === void 0 ? void 0 : onSlideStart();
|
|
27
|
+
}
|
|
28
|
+
function handleMouseUp() {
|
|
29
|
+
setDragging(false);
|
|
30
|
+
onSlideEnd === null || onSlideEnd === void 0 ? void 0 : onSlideEnd();
|
|
31
|
+
}
|
|
32
|
+
function renderLabel() {
|
|
33
|
+
if ((0, helpers_1.isObjEmpty)(labelProps))
|
|
34
|
+
return null;
|
|
35
|
+
return react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps));
|
|
36
|
+
}
|
|
37
|
+
function renderTooltip(props) {
|
|
38
|
+
return react_1.default.createElement(react_bootstrap_1.Tooltip, tslib_1.__assign({}, props), currentValue);
|
|
39
|
+
}
|
|
40
|
+
return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)('range-slider', wrapperClass) }, wrapperAttr),
|
|
41
|
+
renderLabel(),
|
|
42
|
+
react_1.default.createElement("div", { className: 'd-flex align-items-center' },
|
|
43
|
+
react_1.default.createElement(react_bootstrap_1.Form.Range, tslib_1.__assign({ ref: target, min: min, max: max, step: step, value: currentValue, disabled: disabled, onChange: handleChange, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, role: 'slider', className: (0, clsx_1.default)(' w-100', rangeClass) }, rangeAttr)),
|
|
44
|
+
showValue && (react_1.default.createElement("p", tslib_1.__assign({ className: (0, clsx_1.default)('mb-2 ms-5', valueClass) }, valueAttr), currentValue)),
|
|
45
|
+
showTooltip && (react_1.default.createElement(react_bootstrap_1.Overlay, { target: target.current, show: dragging, placement: 'top' }, renderTooltip)))));
|
|
46
|
+
}
|
|
47
|
+
exports.default = RangeSlider;
|
|
48
|
+
//# sourceMappingURL=RangeSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../../../src/components/RangeSlider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
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 app_1 = require("../helpers/app");
|
|
7
7
|
function RatingDisplay(_a) {
|
|
@@ -30,10 +30,13 @@ function RatingDisplay(_a) {
|
|
|
30
30
|
.toString();
|
|
31
31
|
}
|
|
32
32
|
function renderLabelText() {
|
|
33
|
-
return (
|
|
33
|
+
return (react_1.default.createElement("span", tslib_1.__assign({}, labelAttr, { className: (0, clsx_1.default)(labelClass) }), getFormattedVal()));
|
|
34
34
|
}
|
|
35
|
-
return (
|
|
36
|
-
|
|
35
|
+
return (react_1.default.createElement("div", tslib_1.__assign({}, wrapperAttr, { className: (0, clsx_1.default)('d-flex align-items-center gap-2', wrapperClass) }),
|
|
36
|
+
(0, app_1.isArrayNotEmpty)(createRatingsArr()) &&
|
|
37
|
+
createRatingsArr().map(function (star) { return (react_1.default.createElement("span", { key: star, className: "d-flex align-items-center ".concat(isInteractive ? 'rating-hover' : 'disabled-rating'), onClick: function () { return (isInteractive ? onClick(star) : undefined); } },
|
|
38
|
+
react_1.default.createElement("i", tslib_1.__assign({}, iconAttr, { className: (0, clsx_1.default)(icon, iconClass, star <= activeIcons ? 'text-warning' : 'text-secondary', isInteractive ? 'cursor-pointer' : 'cursor-default pe-none') })))); }),
|
|
39
|
+
!hideLabel ? renderLabelText() : null));
|
|
37
40
|
}
|
|
38
41
|
exports.default = RatingDisplay;
|
|
39
42
|
//# 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,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,48 @@
|
|
|
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 react_bootstrap_1 = require("react-bootstrap");
|
|
7
|
+
var app_1 = require("../helpers/app");
|
|
8
|
+
var Label_1 = tslib_1.__importDefault(require("./Label"));
|
|
9
|
+
function Select(_a) {
|
|
10
|
+
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 = tslib_1.__rest(_a, ["labelProps", "classnames", "options", "description", "attributes", "size", "id", "isValid", "returnType", "name", "value", "isInvalid", "disabled", "variant", "onChange"]);
|
|
11
|
+
var _s = (0, app_1.destructObj)(classnames), wrapperClass = _s.wrapper, selectClass = _s.select, optionClass = _s.option, descClass = _s.description;
|
|
12
|
+
var _t = (0, app_1.destructObj)(attributes), wrapperAttr = _t.wrapper, selectAttr = _t.select, optionAttr = _t.option, descAttr = _t.description;
|
|
13
|
+
var isFloatingVariantEnable = variant === 'floating';
|
|
14
|
+
/** Label */
|
|
15
|
+
function renderSelectLabel() {
|
|
16
|
+
if ((0, app_1.isStrEmpty)(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
|
|
17
|
+
return null;
|
|
18
|
+
return react_1.default.createElement(Label_1.default, tslib_1.__assign({ id: id }, labelProps));
|
|
19
|
+
}
|
|
20
|
+
/** Description */
|
|
21
|
+
function renderSelectDesc() {
|
|
22
|
+
if ((0, app_1.isStrEmpty)(description))
|
|
23
|
+
return null;
|
|
24
|
+
return (react_1.default.createElement("small", tslib_1.__assign({ className: descClass }, descAttr), description));
|
|
25
|
+
}
|
|
26
|
+
function renderOptionItem(item) {
|
|
27
|
+
var _a = (0, app_1.destructObj)(item), label = _a.label, value = _a.value, disabled = _a.disabled;
|
|
28
|
+
return (react_1.default.createElement("option", tslib_1.__assign({ key: value, value: value, disabled: disabled, className: (0, clsx_1.default)(optionClass) }, optionAttr), label));
|
|
29
|
+
}
|
|
30
|
+
function handleSelectOnchange(event) {
|
|
31
|
+
var selectedValue = event.target.value;
|
|
32
|
+
var selectedOption = options.find(function (opt) { return String(opt.value) === selectedValue; }) || null;
|
|
33
|
+
if (returnType === 'object') {
|
|
34
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption);
|
|
35
|
+
}
|
|
36
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(selectedValue);
|
|
37
|
+
}
|
|
38
|
+
function renderSelect() {
|
|
39
|
+
return (react_1.default.createElement(react_bootstrap_1.Form.Select, tslib_1.__assign({ className: (0, clsx_1.default)(selectClass), size: size, isValid: isValid, id: id, disabled: disabled, value: value, isInvalid: isInvalid, name: name, onChange: handleSelectOnchange }, selectAttr, rest), (0, app_1.isArrayNotEmpty)(options) && options.map(function (option) { return renderOptionItem(option); })));
|
|
40
|
+
}
|
|
41
|
+
return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(wrapperClass, { 'form-floating': isFloatingVariantEnable }) }, wrapperAttr),
|
|
42
|
+
!isFloatingVariantEnable && renderSelectLabel(),
|
|
43
|
+
renderSelect(),
|
|
44
|
+
isFloatingVariantEnable && renderSelectLabel(),
|
|
45
|
+
renderSelectDesc()));
|
|
46
|
+
}
|
|
47
|
+
exports.default = Select;
|
|
48
|
+
//# 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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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { type ReactElement } from 'react';
|
|
2
|
+
import { type SpinnerProps } from 'react-bootstrap';
|
|
3
|
+
interface Classnames {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
text?: string;
|
|
6
|
+
circle?: string;
|
|
7
|
+
square?: string;
|
|
8
|
+
table?: string;
|
|
9
|
+
list?: string;
|
|
10
|
+
spinnerWrapper?: string;
|
|
11
|
+
textWrapper?: string;
|
|
12
|
+
}
|
|
13
|
+
interface Attributes {
|
|
14
|
+
wrapper?: object;
|
|
15
|
+
text?: object;
|
|
16
|
+
circle?: object;
|
|
17
|
+
square?: object;
|
|
18
|
+
table?: object;
|
|
19
|
+
list?: object;
|
|
20
|
+
spinnerWrapper?: object;
|
|
21
|
+
textWrapper?: object;
|
|
22
|
+
}
|
|
23
|
+
export interface SkeletonLoaderProps {
|
|
24
|
+
loading: boolean;
|
|
25
|
+
variant: 'text' | 'circle' | 'square' | 'table' | 'list' | 'spinner';
|
|
26
|
+
spinnerProps?: SpinnerProps;
|
|
27
|
+
xs?: number;
|
|
28
|
+
as?: keyof React.JSX.IntrinsicElements;
|
|
29
|
+
animation?: 'glow' | 'wave';
|
|
30
|
+
width?: number | string | null;
|
|
31
|
+
height?: number | string | null;
|
|
32
|
+
rows?: number;
|
|
33
|
+
cols?: number;
|
|
34
|
+
size?: 'xs' | 'sm' | 'lg';
|
|
35
|
+
classnames?: Classnames;
|
|
36
|
+
attributes?: Attributes;
|
|
37
|
+
}
|
|
38
|
+
declare function SkeletonLoader({ loading, variant, spinnerProps, xs, as: Component, animation, width, height, rows, cols, size, classnames, attributes, }: SkeletonLoaderProps): ReactElement | null;
|
|
39
|
+
export default SkeletonLoader;
|