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
package/dist/cjs/helpers/app.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.translate = translate;
|
|
3
4
|
exports.destructObj = destructObj;
|
|
4
|
-
exports.
|
|
5
|
-
exports.
|
|
5
|
+
exports.isStrEmpty = isStrEmpty;
|
|
6
|
+
exports.isStrNotEmpty = isStrNotEmpty;
|
|
6
7
|
exports.isArrayNotEmpty = isArrayNotEmpty;
|
|
7
8
|
exports.isArrayEmpty = isArrayEmpty;
|
|
8
9
|
exports.getArrayLength = getArrayLength;
|
|
@@ -13,6 +14,19 @@ exports.isEmpty = isEmpty;
|
|
|
13
14
|
exports.getDates = getDates;
|
|
14
15
|
exports.getFormattedDate = getFormattedDate;
|
|
15
16
|
exports.getCurrentUser = getCurrentUser;
|
|
17
|
+
exports.isNullOrUndefined = isNullOrUndefined;
|
|
18
|
+
exports.preventDefault = preventDefault;
|
|
19
|
+
exports.deepCompareObjects = deepCompareObjects;
|
|
20
|
+
exports.isObjectEmpty = isObjectEmpty;
|
|
21
|
+
exports.isObjectNotEmpty = isObjectNotEmpty;
|
|
22
|
+
exports.createDynamicArray = createDynamicArray;
|
|
23
|
+
exports.getKeyString = getKeyString;
|
|
24
|
+
var en_1 = require("../strings/en");
|
|
25
|
+
function translate(key) {
|
|
26
|
+
if (isStrEmpty(key))
|
|
27
|
+
return '';
|
|
28
|
+
return en_1.en[key];
|
|
29
|
+
}
|
|
16
30
|
/**
|
|
17
31
|
* Safely returns the provided object or an empty object as fallback.
|
|
18
32
|
* @param value - The object to check.
|
|
@@ -26,7 +40,7 @@ function destructObj(value) {
|
|
|
26
40
|
* @param value - The string to check.
|
|
27
41
|
* @returns true if the value is not a valid string or is empty after trimming, false otherwise.
|
|
28
42
|
*/
|
|
29
|
-
function
|
|
43
|
+
function isStrEmpty(value) {
|
|
30
44
|
return !(typeof value === 'string' && value.trim().length > 0);
|
|
31
45
|
}
|
|
32
46
|
/**
|
|
@@ -34,8 +48,8 @@ function isEmptyString(value) {
|
|
|
34
48
|
* @param value - The string to check.
|
|
35
49
|
* @returns true if the value is a string with at least one character, false otherwise.
|
|
36
50
|
*/
|
|
37
|
-
function
|
|
38
|
-
return
|
|
51
|
+
function isStrNotEmpty(value) {
|
|
52
|
+
return !isStrEmpty(value);
|
|
39
53
|
}
|
|
40
54
|
/**
|
|
41
55
|
* Checks if the given value is a non-empty array.
|
|
@@ -148,4 +162,68 @@ function getCurrentUser() {
|
|
|
148
162
|
var user = localStorage.getItem('currentUser');
|
|
149
163
|
return user ? JSON.parse(user) : null;
|
|
150
164
|
}
|
|
165
|
+
/**
|
|
166
|
+
* Checks if a value is null or undefined.
|
|
167
|
+
*/
|
|
168
|
+
function isNullOrUndefined(value) {
|
|
169
|
+
return value === null || value === undefined;
|
|
170
|
+
}
|
|
171
|
+
/**
|
|
172
|
+
* Prevents default behavior of an event.
|
|
173
|
+
*/
|
|
174
|
+
function preventDefault(event) {
|
|
175
|
+
event.preventDefault();
|
|
176
|
+
}
|
|
177
|
+
/**
|
|
178
|
+
* Deep compares two objects.
|
|
179
|
+
*/
|
|
180
|
+
function deepCompareObjects(obj1, obj2) {
|
|
181
|
+
if (obj1 === obj2)
|
|
182
|
+
return true;
|
|
183
|
+
if (obj1 == null || obj2 == null)
|
|
184
|
+
return false;
|
|
185
|
+
if (typeof obj1 !== 'object' || typeof obj2 !== 'object')
|
|
186
|
+
return false;
|
|
187
|
+
var keys1 = Object.keys(obj1);
|
|
188
|
+
var keys2 = Object.keys(obj2);
|
|
189
|
+
if (keys1.length !== keys2.length)
|
|
190
|
+
return false;
|
|
191
|
+
for (var _i = 0, keys1_1 = keys1; _i < keys1_1.length; _i++) {
|
|
192
|
+
var key = keys1_1[_i];
|
|
193
|
+
if (!keys2.includes(key))
|
|
194
|
+
return false;
|
|
195
|
+
if (typeof obj1[key] === 'object' && typeof obj2[key] === 'object') {
|
|
196
|
+
if (!deepCompareObjects(obj1[key], obj2[key]))
|
|
197
|
+
return false;
|
|
198
|
+
}
|
|
199
|
+
else if (obj1[key] !== obj2[key]) {
|
|
200
|
+
return false;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
return true;
|
|
204
|
+
}
|
|
205
|
+
/**
|
|
206
|
+
* Checks if an object is empty (no own enumerable properties).
|
|
207
|
+
*/
|
|
208
|
+
function isObjectEmpty(value) {
|
|
209
|
+
return !value || Object.keys(value).length === 0;
|
|
210
|
+
}
|
|
211
|
+
/**
|
|
212
|
+
* Checks if an object is not empty (has own enumerable properties).
|
|
213
|
+
*/
|
|
214
|
+
function isObjectNotEmpty(value) {
|
|
215
|
+
return !!value && Object.keys(value).length > 0;
|
|
216
|
+
}
|
|
217
|
+
/**
|
|
218
|
+
* Creates a dynamic array of a given length.
|
|
219
|
+
*/
|
|
220
|
+
function createDynamicArray(length) {
|
|
221
|
+
return Array.from({ length: length }, function (_, i) { return i; });
|
|
222
|
+
}
|
|
223
|
+
/**
|
|
224
|
+
* Generates a key string with prefix and index.
|
|
225
|
+
*/
|
|
226
|
+
function getKeyString(prefix, index) {
|
|
227
|
+
return "".concat(prefix, "-").concat(index);
|
|
228
|
+
}
|
|
151
229
|
//# sourceMappingURL=app.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/helpers/app.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/helpers/app.ts"],"names":[],"mappings":";;AASA,8BAGC;AAOD,kCAEC;AAOD,gCAEC;AAOD,sCAEC;AAOD,0CAEC;AAOD,oCAEC;AAOD,wCAEC;AAQD,0CAEC;AAOD,gCAEC;AAOD,sCAEC;AAQD,0BAgBC;AAQD,4BAUC;AASD,4CAaC;AAKD,wCAGC;AAKD,8CAEC;AAKD,wCAEC;AAKD,gDAoBC;AAKD,sCAEC;AAKD,4CAEC;AAKD,gDAEC;AAKD,oCAEC;AAzOD,oCAAkC;AASlC,SAAgB,SAAS,CAAC,GAAmB;IAC3C,IAAI,UAAU,CAAC,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IAC9B,OAAO,OAAE,CAAC,GAAG,CAAC,CAAA;AAChB,CAAC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CAAmB,KAAS;IACrD,OAAO,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAM,CAAA;AAC3B,CAAC;AAED;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAqB;IAC9C,OAAO,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AAChE,CAAC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAqB;IACjD,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;AAC3B,CAAC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAAI,KAAkB;IACnD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;AACjD,CAAC;AAED;;;;GAIG;AACH,SAAgB,YAAY,CAAI,KAAkB;IAChD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAA;AACnD,CAAC;AAED;;;;GAIG;AACH,SAAgB,cAAc,CAAI,KAAkB;IAClD,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;AAChD,CAAC;AAED;;;;;GAKG;AACH,SAAgB,eAAe,CAAI,KAA6B,EAAE,IAAO;IACvE,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;AACrD,CAAC;AAED;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAqB;IAC9C,OAAO,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,CAAA;AACnF,CAAC;AAED;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAqB;IACjD,OAAO,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;AACjF,CAAC;AAED;;;;;GAKG;AACH,SAAgB,OAAO,CAAC,KAAU;IAChC,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,IAAI,CAAA,CAAC,oBAAoB;IAEnD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAA;IAClC,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,CAAA;IAC3B,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,CAAA;IACxE,CAAC;IAED,OAAO,KAAK,CAAA,CAAC,yCAAyC;AACxD,CAAC;AAED;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,KAAW,EAAE,GAAS;IAC7C,IAAM,KAAK,GAAW,EAAE,CAAA;IACxB,IAAM,OAAO,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;IAE/B,OAAO,OAAO,IAAI,GAAG,EAAE,CAAC;QACtB,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA,CAAC,cAAc;QAC5C,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA,CAAC,mBAAmB;IAC5D,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,gBAAgB,CAAC,IAAU,EAAE,MAAqB;IAArB,uBAAA,EAAA,qBAAqB;IAChE,IAAM,GAAG,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAA7B,CAA6B,CAAA;IAExD,IAAM,GAAG,GAA2B;QAClC,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE;QACnC,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC5B,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;QACvB,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACxB,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1B,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;KAC3B,CAAA;IAED,OAAO,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAAE,UAAC,KAAK,IAAK,OAAA,GAAG,CAAC,KAAK,CAAC,EAAV,CAAU,CAAC,CAAA;AACtE,CAAC;AAED;;GAEG;AACH,SAAgB,cAAc;IAC5B,IAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;IAChD,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AACvC,CAAC;AAED;;GAEG;AACH,SAAgB,iBAAiB,CAAC,KAAU;IAC1C,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAA;AAC9C,CAAC;AAED;;GAEG;AACH,SAAgB,cAAc,CAAC,KAAmC;IAChE,KAAK,CAAC,cAAc,EAAE,CAAA;AACxB,CAAC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAAC,IAAS,EAAE,IAAS;IACrD,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IAC9B,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI;QAAE,OAAO,KAAK,CAAA;IAC9C,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAEtE,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC/B,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAE/B,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;QAAE,OAAO,KAAK,CAAA;IAE/C,KAAkB,UAAK,EAAL,eAAK,EAAL,mBAAK,EAAL,IAAK,EAAE,CAAC;QAArB,IAAM,GAAG,cAAA;QACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO,KAAK,CAAA;QACtC,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;gBAAE,OAAO,KAAK,CAAA;QAC7D,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACnC,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED;;GAEG;AACH,SAAgB,aAAa,CAAC,KAAqB;IACjD,OAAO,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,CAAA;AAClD,CAAC;AAED;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAAqB;IACpD,OAAO,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;AACjD,CAAC;AAED;;GAEG;AACH,SAAgB,kBAAkB,CAAC,MAAc;IAC/C,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,QAAA,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,CAAC,CAAA;AAC5C,CAAC;AAED;;GAEG;AACH,SAAgB,YAAY,CAAC,MAAc,EAAE,KAAa;IACxD,OAAO,UAAG,MAAM,cAAI,KAAK,CAAE,CAAA;AAC7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './app';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useLocalStorage } from './useLocalStorage';
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useLocalStorage = void 0;
|
|
4
|
+
var useLocalStorage_1 = require("./useLocalStorage");
|
|
5
|
+
Object.defineProperty(exports, "useLocalStorage", { enumerable: true, get: function () { return useLocalStorage_1.useLocalStorage; } });
|
|
2
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,qDAAmD;AAA1C,kHAAA,eAAe,OAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Custom hook for managing localStorage with React state synchronization.
|
|
3
|
+
* @param key - The localStorage key.
|
|
4
|
+
* @param initialValue - The initial value if key doesn't exist.
|
|
5
|
+
* @returns A tuple with the current value and a setter function.
|
|
6
|
+
*/
|
|
7
|
+
export declare function useLocalStorage<T>(key: string, initialValue?: T): [T | undefined, (value: T | undefined) => void];
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useLocalStorage = useLocalStorage;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
/**
|
|
6
|
+
* Custom hook for managing localStorage with React state synchronization.
|
|
7
|
+
* @param key - The localStorage key.
|
|
8
|
+
* @param initialValue - The initial value if key doesn't exist.
|
|
9
|
+
* @returns A tuple with the current value and a setter function.
|
|
10
|
+
*/
|
|
11
|
+
function useLocalStorage(key, initialValue) {
|
|
12
|
+
var _a = (0, react_1.useState)(function () {
|
|
13
|
+
if (typeof window === 'undefined') {
|
|
14
|
+
return initialValue;
|
|
15
|
+
}
|
|
16
|
+
try {
|
|
17
|
+
var item = window.localStorage.getItem(key);
|
|
18
|
+
return item ? JSON.parse(item) : initialValue;
|
|
19
|
+
}
|
|
20
|
+
catch (error) {
|
|
21
|
+
console.error("Error reading localStorage key \"".concat(key, "\":"), error);
|
|
22
|
+
return initialValue;
|
|
23
|
+
}
|
|
24
|
+
}), storedValue = _a[0], setStoredValue = _a[1];
|
|
25
|
+
var setValue = function (value) {
|
|
26
|
+
try {
|
|
27
|
+
setStoredValue(value);
|
|
28
|
+
if (typeof window !== 'undefined') {
|
|
29
|
+
if (value === undefined) {
|
|
30
|
+
window.localStorage.removeItem(key);
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
window.localStorage.setItem(key, JSON.stringify(value));
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
catch (error) {
|
|
38
|
+
console.error("Error setting localStorage key \"".concat(key, "\":"), error);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
(0, react_1.useEffect)(function () {
|
|
42
|
+
var handleStorageChange = function (e) {
|
|
43
|
+
if (e.key === key && e.newValue !== null) {
|
|
44
|
+
try {
|
|
45
|
+
setStoredValue(JSON.parse(e.newValue));
|
|
46
|
+
}
|
|
47
|
+
catch (error) {
|
|
48
|
+
console.error("Error parsing localStorage value for key \"".concat(key, "\":"), error);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
window.addEventListener('storage', handleStorageChange);
|
|
53
|
+
return function () { return window.removeEventListener('storage', handleStorageChange); };
|
|
54
|
+
}, [key]);
|
|
55
|
+
return [storedValue, setValue];
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=useLocalStorage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":";;AAQA,0CA6CC;AArDD,+BAA2C;AAE3C;;;;;GAKG;AACH,SAAgB,eAAe,CAAI,GAAW,EAAE,YAAgB;IACxD,IAAA,KAAgC,IAAA,gBAAQ,EAAgB;QAC5D,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,OAAO,YAAY,CAAA;QACrB,CAAC;QACD,IAAI,CAAC;YACH,IAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YAC7C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAA;QAC/C,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2CAAmC,GAAG,QAAI,EAAE,KAAK,CAAC,CAAA;YAChE,OAAO,YAAY,CAAA;QACrB,CAAC;IACH,CAAC,CAAC,EAXK,WAAW,QAAA,EAAE,cAAc,QAWhC,CAAA;IAEF,IAAM,QAAQ,GAAG,UAAC,KAAoB;QACpC,IAAI,CAAC;YACH,cAAc,CAAC,KAAK,CAAC,CAAA;YACrB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;gBACrC,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;gBACzD,CAAC;YACH,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2CAAmC,GAAG,QAAI,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAM,mBAAmB,GAAG,UAAC,CAAe;YAC1C,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;gBACzC,IAAI,CAAC;oBACH,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;gBACxC,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,OAAO,CAAC,KAAK,CAAC,qDAA6C,GAAG,QAAI,EAAE,KAAK,CAAC,CAAA;gBAC5E,CAAC;YACH,CAAC;QACH,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAA;QACvD,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,CAAC,EAA1D,CAA0D,CAAA;IACzE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAChC,CAAC"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export {
|
|
1
|
+
export { default as Accordion, type AccordionProps } from './components/Accordion';
|
|
2
|
+
export { default as Alert, type AlertProps } from './components/Alert';
|
|
3
|
+
export { default as Badge, type BadgeProps } from './components/Badge';
|
|
4
|
+
export { default as BrokenPage, type BrokenPageProps, type ActionButton } from './components/BrokenPage';
|
|
5
|
+
export { default as Button, type ButtonProps } from './components/Button';
|
|
6
|
+
export { default as Label, type LabelProps } from './components/Label';
|
|
7
|
+
export { default as Card, type CardProps } from './components/Card';
|
|
8
|
+
export { default as ConfirmPoup, type ConfirmPoupProps } from './components/ConfirmPoup';
|
|
9
|
+
export { default as Select, type SelectProps } from './components/Select';
|
|
10
|
+
export { default as Checkbox, type CheckboxProps } from './components/Checkbox';
|
|
11
|
+
export { default as Radio, type RadioProps } from './components/Radio';
|
|
12
|
+
export { default as TextInput, type TextInputProps } from './components/TextInput';
|
|
13
|
+
export { default as NumberInput, type NumberInputProps } from './components/NumberInput';
|
|
14
|
+
export { default as Dropdown, type DropdownProps } from './components/Dropdown';
|
|
15
|
+
export { default as MultiCheckbox, type MultiCheckboxProps } from './components/MultiCheckbox';
|
|
16
|
+
export { default as SlickSlider, type SlickSliderProps, type SlickSliderDataProps, } from './components/Slider/SlickSlider';
|
|
17
|
+
export { default as MultiRadio, type MultiRadioProps } from './components/MultiRadio';
|
|
18
|
+
export { default as SkeletonLoader, type SkeletonLoaderProps } from './components/SkeletonLoader';
|
|
19
|
+
export { default as ThreeDotsLoader, type ThreeDotsLoaderProps } from './components/ThreeDotsLoader';
|
|
20
|
+
export { default as RangeSlider, type RangeSliderProps } from './components/RangeSlider';
|
|
21
|
+
export { default as RadioButtonGroup, type RadioButtonGroupProps } from './components/RadioButtonGroup';
|
|
22
|
+
export { default as Tooltip, type TooltipProps } from './components/Tooltip';
|
|
23
|
+
export { default as Search, type SearchProps } from './components/Search';
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,13 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextInput = exports.
|
|
3
|
+
exports.Search = exports.Tooltip = exports.RadioButtonGroup = exports.RangeSlider = exports.ThreeDotsLoader = exports.SkeletonLoader = exports.MultiRadio = exports.SlickSlider = exports.MultiCheckbox = exports.Dropdown = exports.NumberInput = exports.TextInput = exports.Radio = exports.Checkbox = exports.Select = exports.ConfirmPoup = exports.Card = exports.Label = exports.Button = exports.BrokenPage = exports.Badge = exports.Alert = exports.Accordion = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var Accordion_1 =
|
|
6
|
-
exports
|
|
7
|
-
var
|
|
8
|
-
exports
|
|
9
|
-
var
|
|
10
|
-
exports
|
|
11
|
-
var
|
|
12
|
-
exports
|
|
5
|
+
var Accordion_1 = require("./components/Accordion");
|
|
6
|
+
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return tslib_1.__importDefault(Accordion_1).default; } });
|
|
7
|
+
var Alert_1 = require("./components/Alert");
|
|
8
|
+
Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return tslib_1.__importDefault(Alert_1).default; } });
|
|
9
|
+
var Badge_1 = require("./components/Badge");
|
|
10
|
+
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return tslib_1.__importDefault(Badge_1).default; } });
|
|
11
|
+
var BrokenPage_1 = require("./components/BrokenPage");
|
|
12
|
+
Object.defineProperty(exports, "BrokenPage", { enumerable: true, get: function () { return tslib_1.__importDefault(BrokenPage_1).default; } });
|
|
13
|
+
var Button_1 = require("./components/Button");
|
|
14
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return tslib_1.__importDefault(Button_1).default; } });
|
|
15
|
+
var Label_1 = require("./components/Label");
|
|
16
|
+
Object.defineProperty(exports, "Label", { enumerable: true, get: function () { return tslib_1.__importDefault(Label_1).default; } });
|
|
17
|
+
var Card_1 = require("./components/Card");
|
|
18
|
+
Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return tslib_1.__importDefault(Card_1).default; } });
|
|
19
|
+
var ConfirmPoup_1 = require("./components/ConfirmPoup");
|
|
20
|
+
Object.defineProperty(exports, "ConfirmPoup", { enumerable: true, get: function () { return tslib_1.__importDefault(ConfirmPoup_1).default; } });
|
|
21
|
+
var Select_1 = require("./components/Select");
|
|
22
|
+
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return tslib_1.__importDefault(Select_1).default; } });
|
|
23
|
+
var Checkbox_1 = require("./components/Checkbox");
|
|
24
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return tslib_1.__importDefault(Checkbox_1).default; } });
|
|
25
|
+
var Radio_1 = require("./components/Radio");
|
|
26
|
+
Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return tslib_1.__importDefault(Radio_1).default; } });
|
|
27
|
+
var TextInput_1 = require("./components/TextInput");
|
|
28
|
+
Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return tslib_1.__importDefault(TextInput_1).default; } });
|
|
29
|
+
var NumberInput_1 = require("./components/NumberInput");
|
|
30
|
+
Object.defineProperty(exports, "NumberInput", { enumerable: true, get: function () { return tslib_1.__importDefault(NumberInput_1).default; } });
|
|
31
|
+
var Dropdown_1 = require("./components/Dropdown");
|
|
32
|
+
Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(Dropdown_1).default; } });
|
|
33
|
+
var MultiCheckbox_1 = require("./components/MultiCheckbox");
|
|
34
|
+
Object.defineProperty(exports, "MultiCheckbox", { enumerable: true, get: function () { return tslib_1.__importDefault(MultiCheckbox_1).default; } });
|
|
35
|
+
var SlickSlider_1 = require("./components/Slider/SlickSlider");
|
|
36
|
+
Object.defineProperty(exports, "SlickSlider", { enumerable: true, get: function () { return tslib_1.__importDefault(SlickSlider_1).default; } });
|
|
37
|
+
var MultiRadio_1 = require("./components/MultiRadio");
|
|
38
|
+
Object.defineProperty(exports, "MultiRadio", { enumerable: true, get: function () { return tslib_1.__importDefault(MultiRadio_1).default; } });
|
|
39
|
+
var SkeletonLoader_1 = require("./components/SkeletonLoader");
|
|
40
|
+
Object.defineProperty(exports, "SkeletonLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(SkeletonLoader_1).default; } });
|
|
41
|
+
var ThreeDotsLoader_1 = require("./components/ThreeDotsLoader");
|
|
42
|
+
Object.defineProperty(exports, "ThreeDotsLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(ThreeDotsLoader_1).default; } });
|
|
43
|
+
var RangeSlider_1 = require("./components/RangeSlider");
|
|
44
|
+
Object.defineProperty(exports, "RangeSlider", { enumerable: true, get: function () { return tslib_1.__importDefault(RangeSlider_1).default; } });
|
|
45
|
+
var RadioButtonGroup_1 = require("./components/RadioButtonGroup");
|
|
46
|
+
Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return tslib_1.__importDefault(RadioButtonGroup_1).default; } });
|
|
47
|
+
var Tooltip_1 = require("./components/Tooltip");
|
|
48
|
+
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tslib_1.__importDefault(Tooltip_1).default; } });
|
|
49
|
+
var Search_1 = require("./components/Search");
|
|
50
|
+
Object.defineProperty(exports, "Search", { enumerable: true, get: function () { return tslib_1.__importDefault(Search_1).default; } });
|
|
13
51
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,oDAAkF;AAAzE,+HAAA,OAAO,OAAa;AAC7B,4CAAsE;AAA7D,uHAAA,OAAO,OAAS;AACzB,4CAAsE;AAA7D,uHAAA,OAAO,OAAS;AACzB,sDAAwG;AAA/F,iIAAA,OAAO,OAAc;AAC9B,8CAAyE;AAAhE,yHAAA,OAAO,OAAU;AAC1B,4CAAsE;AAA7D,uHAAA,OAAO,OAAS;AACzB,0CAAmE;AAA1D,qHAAA,OAAO,OAAQ;AACxB,wDAAwF;AAA/E,mIAAA,OAAO,OAAe;AAC/B,8CAAyE;AAAhE,yHAAA,OAAO,OAAU;AAC1B,kDAA+E;AAAtE,6HAAA,OAAO,OAAY;AAC5B,4CAAsE;AAA7D,uHAAA,OAAO,OAAS;AACzB,oDAAkF;AAAzE,+HAAA,OAAO,OAAa;AAC7B,wDAAwF;AAA/E,mIAAA,OAAO,OAAe;AAC/B,kDAA+E;AAAtE,6HAAA,OAAO,OAAY;AAC5B,4DAA8F;AAArF,uIAAA,OAAO,OAAiB;AACjC,+DAIwC;AAHtC,mIAAA,OAAO,OAAe;AAIxB,sDAAqF;AAA5E,iIAAA,OAAO,OAAc;AAC9B,8DAAiG;AAAxF,yIAAA,OAAO,OAAkB;AAClC,gEAAoG;AAA3F,2IAAA,OAAO,OAAmB;AACnC,wDAAwF;AAA/E,mIAAA,OAAO,OAAe;AAC/B,kEAAuG;AAA9F,6IAAA,OAAO,OAAoB;AACpC,gDAA4E;AAAnE,2HAAA,OAAO,OAAW;AAC3B,8CAAyE;AAAhE,yHAAA,OAAO,OAAU"}
|
package/dist/cjs/strings/en.d.ts
CHANGED
package/dist/cjs/strings/en.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.en = void 0;
|
|
4
4
|
// this string file use for creating a custom string
|
|
5
|
-
exports.
|
|
5
|
+
exports.en = {
|
|
6
6
|
name: 'Farm React',
|
|
7
|
-
save: '
|
|
7
|
+
save: 'Save',
|
|
8
|
+
yes: 'Yes',
|
|
9
|
+
cancel: 'Cancel',
|
|
8
10
|
};
|
|
9
11
|
//# sourceMappingURL=en.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":";;;AAAA,oDAAoD;AACvC,QAAA,
|
|
1
|
+
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":";;;AAAA,oDAAoD;AACvC,QAAA,EAAE,GAAG;IAChB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;CACjB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/subComponent/DateRange.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
import { ButtonProps } from '../components/Button';
|
|
3
|
+
export interface ToggleButtonProps extends ButtonProps {
|
|
4
|
+
ariaLabel?: string;
|
|
5
|
+
show?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function ToggleButton({ classnames, onClick, show, ariaLabel, icon, ...rest }: ToggleButtonProps): ReactElement;
|
|
8
|
+
declare const _default: React.MemoExoticComponent<typeof ToggleButton>;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// ToggleButton component where user can use click event to toggle button
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
var clsx_1 = require("clsx");
|
|
7
|
+
var icons_1 = tslib_1.__importDefault(require("../constants/icons"));
|
|
8
|
+
var Button_1 = tslib_1.__importDefault(require("../components/Button"));
|
|
9
|
+
var helpers_1 = require("../helpers");
|
|
10
|
+
// Destruct ICONS object
|
|
11
|
+
var preview = icons_1.default.preview, previewOff = icons_1.default.previewOff;
|
|
12
|
+
function ToggleButton(_a) {
|
|
13
|
+
var _b = _a.classnames, classnames = _b === void 0 ? {} : _b, _c = _a.onClick, onClick = _c === void 0 ? undefined : _c, _d = _a.show, show = _d === void 0 ? false : _d, _e = _a.ariaLabel, ariaLabel = _e === void 0 ? '' : _e, _f = _a.icon, icon = _f === void 0 ? '' : _f, rest = tslib_1.__rest(_a, ["classnames", "onClick", "show", "ariaLabel", "icon"]);
|
|
14
|
+
// Destructuring.
|
|
15
|
+
var btnClass = (0, helpers_1.destructObj)(classnames).button;
|
|
16
|
+
return (react_1.default.createElement(Button_1.default, tslib_1.__assign({}, rest, { variant: 'transparent', classnames: { button: (0, clsx_1.clsx)(btnClass, 'form-control-icon text-dark'), icon: 'fs-16' }, "aria-label": ariaLabel, onClick: onClick, icon: icon || (show ? preview : previewOff) })));
|
|
17
|
+
}
|
|
18
|
+
exports.default = (0, react_1.memo)(ToggleButton);
|
|
19
|
+
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/subComponent/ToggleButton.tsx"],"names":[],"mappings":";AAAA,yEAAyE;;;AAEzE,qDAAiD;AACjD,6BAA2B;AAC3B,qEAAsC;AACtC,wEAA0D;AAC1D,sCAAwC;AAOxC,wBAAwB;AAChB,IAAA,OAAO,GAAiB,eAAK,QAAtB,EAAE,UAAU,GAAK,eAAK,WAAV,CAAU;AAErC,SAAS,YAAY,CAAC,EAOF;IANlB,IAAA,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACN,IAAI,sBANa,sDAOrB,CADQ;IAEP,iBAAiB;IACT,IAAQ,QAAQ,GAAK,IAAA,qBAAW,EAAC,UAAU,CAAC,OAA5B,CAA4B;IACpD,OAAO,CACL,8BAAC,gBAAM,uBACD,IAAI,IACR,OAAO,EAAC,aAAa,EACrB,UAAU,EAAE,EAAE,MAAM,EAAE,IAAA,WAAI,EAAC,QAAQ,EAAE,6BAA6B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,gBACxE,SAAS,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,IAC3C,CACH,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,YAAI,EAAC,YAAY,CAAC,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @file ToggleButton
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
5
|
+
*
|
|
6
|
+
* @description A custom radio-style toggle button built using React-Bootstrap.
|
|
7
|
+
* This component renders:
|
|
8
|
+
* - A hidden radio input (`Form.Control` with `btn-check` class)
|
|
9
|
+
* - A styled label acting as the visible button
|
|
10
|
+
* - An optional description below the button
|
|
11
|
+
* It is designed to work inside `ToggleButtonGroup` and behaves as a
|
|
12
|
+
* controlled/uncontrolled radio button depending on the props passed.
|
|
13
|
+
*
|
|
14
|
+
* @features
|
|
15
|
+
* - Uses `defaultChecked` to set initial selection state
|
|
16
|
+
* - Triggers `onChange` when selected
|
|
17
|
+
* - Applies Bootstrap button variants dynamically
|
|
18
|
+
* - Supports disabled state
|
|
19
|
+
* - Optionally renders helper/description text
|
|
20
|
+
*
|
|
21
|
+
* -----------------------------------------------------------------------------
|
|
22
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
23
|
+
* -----------------------------------------------------------------------------
|
|
24
|
+
*/
|
|
25
|
+
import { type ChangeEvent, type ReactElement, type ReactNode } from 'react';
|
|
26
|
+
export interface ToggleButtonProps {
|
|
27
|
+
checked?: boolean;
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
className?: string;
|
|
30
|
+
descProps?: {
|
|
31
|
+
className?: string;
|
|
32
|
+
description?: string;
|
|
33
|
+
};
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
id?: string;
|
|
36
|
+
isSpaced?: boolean;
|
|
37
|
+
name?: string;
|
|
38
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
39
|
+
value: number | ReadonlyArray<string> | string;
|
|
40
|
+
variant?: string;
|
|
41
|
+
}
|
|
42
|
+
declare function ToggleButton({ checked, children, className, descProps, disabled, id, isSpaced, name, onChange, value, variant, ...rest }: Readonly<ToggleButtonProps>): ReactElement;
|
|
43
|
+
export default ToggleButton;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
/**
|
|
5
|
+
* -----------------------------------------------------------------------------
|
|
6
|
+
* @file ToggleButton
|
|
7
|
+
* -----------------------------------------------------------------------------
|
|
8
|
+
*
|
|
9
|
+
* @description A custom radio-style toggle button built using React-Bootstrap.
|
|
10
|
+
* This component renders:
|
|
11
|
+
* - A hidden radio input (`Form.Control` with `btn-check` class)
|
|
12
|
+
* - A styled label acting as the visible button
|
|
13
|
+
* - An optional description below the button
|
|
14
|
+
* It is designed to work inside `ToggleButtonGroup` and behaves as a
|
|
15
|
+
* controlled/uncontrolled radio button depending on the props passed.
|
|
16
|
+
*
|
|
17
|
+
* @features
|
|
18
|
+
* - Uses `defaultChecked` to set initial selection state
|
|
19
|
+
* - Triggers `onChange` when selected
|
|
20
|
+
* - Applies Bootstrap button variants dynamically
|
|
21
|
+
* - Supports disabled state
|
|
22
|
+
* - Optionally renders helper/description text
|
|
23
|
+
*
|
|
24
|
+
* -----------------------------------------------------------------------------
|
|
25
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
26
|
+
* -----------------------------------------------------------------------------
|
|
27
|
+
*/
|
|
28
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
29
|
+
var clsx_1 = require("clsx");
|
|
30
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
31
|
+
var FormText_1 = tslib_1.__importDefault(require("react-bootstrap/FormText"));
|
|
32
|
+
var helpers_1 = require("../../helpers");
|
|
33
|
+
function ToggleButton(_a) {
|
|
34
|
+
var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.children, children = _c === void 0 ? undefined : _c, _d = _a.className, className = _d === void 0 ? undefined : _d, _e = _a.descProps, descProps = _e === void 0 ? undefined : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.id, id = _g === void 0 ? undefined : _g, _h = _a.isSpaced, isSpaced = _h === void 0 ? false : _h, _j = _a.name, name = _j === void 0 ? undefined : _j, _k = _a.onChange, onChange = _k === void 0 ? undefined : _k, value = _a.value, _l = _a.variant, variant = _l === void 0 ? 'outline-light' : _l, rest = tslib_1.__rest(_a, ["checked", "children", "className", "descProps", "disabled", "id", "isSpaced", "name", "onChange", "value", "variant"]);
|
|
35
|
+
// Destruct object
|
|
36
|
+
var _m = (0, helpers_1.destructObj)(descProps), descClass = _m.className, descContent = _m.description;
|
|
37
|
+
return (react_1.default.createElement("div", { className: (0, clsx_1.clsx)(!isSpaced && 'tjs-toggle-btn-group') },
|
|
38
|
+
react_1.default.createElement(react_bootstrap_1.Form.Control, { type: 'radio', id: id, name: name, value: value, defaultChecked: checked !== null && checked !== void 0 ? checked : false, disabled: disabled, onChange: onChange, className: 'btn-check' }),
|
|
39
|
+
react_1.default.createElement(react_bootstrap_1.Form.Label, tslib_1.__assign({ htmlFor: id, className: (0, clsx_1.clsx)('btn mb-0 w-100', "btn-".concat(variant), disabled && 'disabled', className) }, rest), children),
|
|
40
|
+
(0, helpers_1.isStrNotEmpty)(descContent) ? (react_1.default.createElement(FormText_1.default, { className: (0, clsx_1.clsx)('fs-12 mt-0 text-center d-block', descClass) }, descContent)) : null));
|
|
41
|
+
}
|
|
42
|
+
exports.default = ToggleButton;
|
|
43
|
+
//# sourceMappingURL=ToggleBtn.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleBtn.js","sourceRoot":"","sources":["../../../../src/subComponent/toggleBtnGroup/ToggleBtn.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wDAAkF;AAClF,6BAA2B;AAC3B,mDAAsC;AACtC,8EAA+C;AAC/C,yCAA0D;AAmB1D,SAAS,YAAY,CAAC,EAaQ;IAZ5B,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,UAAc,EAAd,EAAE,mBAAG,SAAS,KAAA,EACd,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,KAAK,WAAA,EACL,eAAyB,EAAzB,OAAO,mBAAG,eAAe,KAAA,EACtB,IAAI,sBAZa,uHAarB,CADQ;IAEP,kBAAkB;IACZ,IAAA,KAAqD,IAAA,qBAAW,EAAC,SAAS,CAAC,EAA9D,SAAS,eAAA,EAAe,WAAW,iBAA2B,CAAA;IAEjF,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,WAAI,EAAC,CAAC,QAAQ,IAAI,sBAAsB,CAAC;QACvD,8BAAC,sBAAI,CAAC,OAAO,IACX,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAe,EACtB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,WAAW,GACrB;QACF,8BAAC,sBAAI,CAAC,KAAK,qBACT,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAA,WAAI,EAAC,gBAAgB,EAAE,cAAO,OAAO,CAAE,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,CAAC,IAClF,IAAI,GAEP,QAAQ,CACE;QACZ,IAAA,uBAAa,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC5B,8BAAC,kBAAQ,IAAC,SAAS,EAAE,IAAA,WAAI,EAAC,gCAAgC,EAAE,SAAS,CAAC,IAAG,WAAW,CAAY,CACjG,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC;AAED,kBAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @component ToggleButtonGroup
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
5
|
+
*
|
|
6
|
+
* @description
|
|
7
|
+
* A controlled wrapper component around React-Bootstrap's `ButtonGroup`
|
|
8
|
+
* that manages a group of toggle able buttons (radio-like behavior).
|
|
9
|
+
*
|
|
10
|
+
* This component automatically:
|
|
11
|
+
* - Clones its children and injects `checked`, `name`, and `onChange` props
|
|
12
|
+
* - Synchronizes the active (checked) state based on the provided `value`
|
|
13
|
+
* - Ensures only one toggle button is selected at a time
|
|
14
|
+
* - Supports both horizontal and vertical layouts
|
|
15
|
+
*
|
|
16
|
+
* It is designed to work with custom ToggleButton components that accept:
|
|
17
|
+
* `value`, `checked`, `name`, and `onChange` props.
|
|
18
|
+
*
|
|
19
|
+
* @features
|
|
20
|
+
* - Controlled component behavior via `value` prop
|
|
21
|
+
* - Automatic child prop injection using `cloneElement`
|
|
22
|
+
* - Optimized re-rendering using `useMemo`
|
|
23
|
+
* - Supports `size` variations ('sm' | 'lg')
|
|
24
|
+
* - Optional vertical layout
|
|
25
|
+
* - Fully compatible with React-Bootstrap ButtonGroup
|
|
26
|
+
*
|
|
27
|
+
* -----------------------------------------------------------------------------
|
|
28
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
29
|
+
* -----------------------------------------------------------------------------
|
|
30
|
+
*/
|
|
31
|
+
import { type ChangeEvent, type ReactNode, type ReactElement, type CSSProperties } from 'react';
|
|
32
|
+
export interface ToggleButtonGroupProps {
|
|
33
|
+
children?: ReactNode;
|
|
34
|
+
className?: string;
|
|
35
|
+
name?: string;
|
|
36
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
37
|
+
size?: 'lg' | 'sm';
|
|
38
|
+
style?: CSSProperties;
|
|
39
|
+
value?: number | string;
|
|
40
|
+
vertical?: boolean;
|
|
41
|
+
}
|
|
42
|
+
declare function ToggleButtonGroup({ children, className, name, onChange, size, style, value, vertical, ...rest }: Readonly<ToggleButtonGroupProps>): ReactElement;
|
|
43
|
+
export default ToggleButtonGroup;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
/**
|
|
5
|
+
* -----------------------------------------------------------------------------
|
|
6
|
+
* @component ToggleButtonGroup
|
|
7
|
+
* -----------------------------------------------------------------------------
|
|
8
|
+
*
|
|
9
|
+
* @description
|
|
10
|
+
* A controlled wrapper component around React-Bootstrap's `ButtonGroup`
|
|
11
|
+
* that manages a group of toggle able buttons (radio-like behavior).
|
|
12
|
+
*
|
|
13
|
+
* This component automatically:
|
|
14
|
+
* - Clones its children and injects `checked`, `name`, and `onChange` props
|
|
15
|
+
* - Synchronizes the active (checked) state based on the provided `value`
|
|
16
|
+
* - Ensures only one toggle button is selected at a time
|
|
17
|
+
* - Supports both horizontal and vertical layouts
|
|
18
|
+
*
|
|
19
|
+
* It is designed to work with custom ToggleButton components that accept:
|
|
20
|
+
* `value`, `checked`, `name`, and `onChange` props.
|
|
21
|
+
*
|
|
22
|
+
* @features
|
|
23
|
+
* - Controlled component behavior via `value` prop
|
|
24
|
+
* - Automatic child prop injection using `cloneElement`
|
|
25
|
+
* - Optimized re-rendering using `useMemo`
|
|
26
|
+
* - Supports `size` variations ('sm' | 'lg')
|
|
27
|
+
* - Optional vertical layout
|
|
28
|
+
* - Fully compatible with React-Bootstrap ButtonGroup
|
|
29
|
+
*
|
|
30
|
+
* -----------------------------------------------------------------------------
|
|
31
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
32
|
+
* -----------------------------------------------------------------------------
|
|
33
|
+
*/
|
|
34
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
35
|
+
var ButtonGroup_1 = tslib_1.__importDefault(require("react-bootstrap/ButtonGroup"));
|
|
36
|
+
function ToggleButtonGroup(_a) {
|
|
37
|
+
var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? undefined : _c, _d = _a.name, name = _d === void 0 ? undefined : _d, _e = _a.onChange, onChange = _e === void 0 ? undefined : _e, _f = _a.size, size = _f === void 0 ? undefined : _f, _g = _a.style, style = _g === void 0 ? undefined : _g, _h = _a.value, value = _h === void 0 ? '' : _h, _j = _a.vertical, vertical = _j === void 0 ? false : _j, rest = tslib_1.__rest(_a, ["children", "className", "name", "onChange", "size", "style", "value", "vertical"]);
|
|
38
|
+
var clonedChildren = (0, react_1.useMemo)(function () {
|
|
39
|
+
return react_1.Children === null || react_1.Children === void 0 ? void 0 : react_1.Children.map(children, function (child) {
|
|
40
|
+
if (!(0, react_1.isValidElement)(child))
|
|
41
|
+
return child;
|
|
42
|
+
var childrenProps = child === null || child === void 0 ? void 0 : child.props;
|
|
43
|
+
return (0, react_1.cloneElement)(child, {
|
|
44
|
+
checked: (childrenProps === null || childrenProps === void 0 ? void 0 : childrenProps.value) === value,
|
|
45
|
+
name: name,
|
|
46
|
+
onChange: onChange,
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
}, [children, value, name, onChange]);
|
|
50
|
+
return (react_1.default.createElement(ButtonGroup_1.default, tslib_1.__assign({ vertical: vertical, size: size, className: className, style: style }, rest), clonedChildren));
|
|
51
|
+
}
|
|
52
|
+
exports.default = ToggleButtonGroup;
|
|
53
|
+
//# sourceMappingURL=ToggleBtnGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleBtnGroup.js","sourceRoot":"","sources":["../../../../src/subComponent/toggleBtnGroup/ToggleBtnGroup.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qDASc;AACd,oFAAqD;AAoBrD,SAAS,iBAAiB,CAAC,EAUQ;IATjC,IAAA,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,IAAI,sBATkB,mFAU1B,CADQ;IAEP,IAAM,cAAc,GAAG,IAAA,eAAO,EAC5B;QACE,OAAA,gBAAQ,aAAR,gBAAQ,uBAAR,gBAAQ,CAAE,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAC5B,IAAI,CAAC,IAAA,sBAAc,EAAyB,KAAK,CAAC;gBAAE,OAAO,KAAK,CAAA;YAChE,IAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;YAClC,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE;gBACzB,OAAO,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,KAAK;gBACvC,IAAI,MAAA;gBACJ,QAAQ,UAAA;aACT,CAAC,CAAA;QACJ,CAAC,CAAC;IARF,CAQE,EACJ,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,CACL,8BAAC,qBAAW,qBAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI,GACtF,cAAc,CACH,CACf,CAAA;AACH,CAAC;AAED,kBAAe,iBAAiB,CAAA"}
|