farm-react 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/styles/style.css +25347 -0
- package/dist/assets/styles/style.css.map +1 -0
- package/dist/cjs/Utils/index.d.ts +4 -0
- package/dist/cjs/Utils/index.js +8 -0
- package/dist/cjs/Utils/index.js.map +1 -0
- package/dist/cjs/components/Accordion.js +7 -6
- package/dist/cjs/components/Accordion.js.map +1 -1
- package/dist/cjs/components/Alert.d.ts +32 -0
- package/dist/cjs/components/Alert.js +50 -0
- package/dist/cjs/components/Alert.js.map +1 -0
- package/dist/cjs/components/Badge.d.ts +22 -0
- package/dist/cjs/components/Badge.js +36 -0
- package/dist/cjs/components/Badge.js.map +1 -0
- package/dist/cjs/components/BrokenPage.d.ts +35 -0
- package/dist/cjs/components/BrokenPage.js +59 -0
- package/dist/cjs/components/BrokenPage.js.map +1 -0
- package/dist/cjs/components/Button.d.ts +29 -2
- package/dist/cjs/components/Button.js +56 -4
- package/dist/cjs/components/Button.js.map +1 -1
- package/dist/cjs/components/Card.d.ts +77 -0
- package/dist/cjs/components/Card.js +77 -0
- package/dist/cjs/components/Card.js.map +1 -0
- package/dist/cjs/components/Checkbox.d.ts +25 -0
- package/dist/cjs/components/Checkbox.js +23 -0
- package/dist/cjs/components/Checkbox.js.map +1 -0
- package/dist/cjs/components/ConfirmPoup.d.ts +21 -0
- package/dist/cjs/components/ConfirmPoup.js +47 -0
- package/dist/cjs/components/ConfirmPoup.js.map +1 -0
- package/dist/cjs/components/Dropdown.d.ts +35 -0
- package/dist/cjs/components/Dropdown.js +54 -0
- package/dist/cjs/components/Dropdown.js.map +1 -0
- package/dist/cjs/components/Label.d.ts +1 -1
- package/dist/cjs/components/Label.js +8 -6
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Layout/Footer.js +11 -2
- package/dist/cjs/components/Layout/Footer.js.map +1 -1
- package/dist/cjs/components/Layout/Header.d.ts +2 -1
- package/dist/cjs/components/Layout/Header.js +15 -4
- package/dist/cjs/components/Layout/Header.js.map +1 -1
- package/dist/cjs/components/Layout/Sidebar.d.ts +2 -1
- package/dist/cjs/components/Layout/Sidebar.js +5 -3
- package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
- package/dist/cjs/components/MultiCheckbox.d.ts +39 -0
- package/dist/cjs/components/MultiCheckbox.js +56 -0
- package/dist/cjs/components/MultiCheckbox.js.map +1 -0
- package/dist/cjs/components/MultiRadio.d.ts +30 -0
- package/dist/cjs/components/MultiRadio.js +41 -0
- package/dist/cjs/components/MultiRadio.js.map +1 -0
- package/dist/cjs/components/NumberInput.d.ts +38 -0
- package/dist/cjs/components/NumberInput.js +34 -0
- package/dist/cjs/components/NumberInput.js.map +1 -0
- package/dist/cjs/components/Popover.d.ts +56 -0
- package/dist/cjs/components/Popover.js +34 -0
- package/dist/cjs/components/Popover.js.map +1 -0
- package/dist/cjs/components/Radio.d.ts +24 -0
- package/dist/cjs/components/Radio.js +24 -0
- package/dist/cjs/components/Radio.js.map +1 -0
- package/dist/cjs/components/RadioButtonGroup.d.ts +67 -0
- package/dist/cjs/components/RadioButtonGroup.js +141 -0
- package/dist/cjs/components/RadioButtonGroup.js.map +1 -0
- package/dist/cjs/components/RangeSlider.d.ts +30 -0
- package/dist/cjs/components/RangeSlider.js +48 -0
- package/dist/cjs/components/RangeSlider.js.map +1 -0
- package/dist/cjs/components/RatingDisplay.js +7 -4
- package/dist/cjs/components/RatingDisplay.js.map +1 -1
- package/dist/cjs/components/Search.d.ts +6 -0
- package/dist/cjs/components/Search.js +11 -0
- package/dist/cjs/components/Search.js.map +1 -0
- package/dist/cjs/components/Select.d.ts +41 -0
- package/dist/cjs/components/Select.js +48 -0
- package/dist/cjs/components/Select.js.map +1 -0
- package/dist/cjs/components/SkeletonLoader.d.ts +39 -0
- package/dist/cjs/components/SkeletonLoader.js +76 -0
- package/dist/cjs/components/SkeletonLoader.js.map +1 -0
- package/dist/cjs/components/Slider/SlickSlider.d.ts +74 -0
- package/dist/cjs/components/Slider/SlickSlider.js +211 -0
- package/dist/cjs/components/Slider/SlickSlider.js.map +1 -0
- package/dist/cjs/components/Slider/useCenterMode.d.ts +24 -0
- package/dist/cjs/components/Slider/useCenterMode.js +40 -0
- package/dist/cjs/components/Slider/useCenterMode.js.map +1 -0
- package/dist/cjs/components/Slider/useSlider.d.ts +65 -0
- package/dist/cjs/components/Slider/useSlider.js +158 -0
- package/dist/cjs/components/Slider/useSlider.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/cjs/components/Slider/useSliderAutoPlay.js +73 -0
- package/dist/cjs/components/Slider/useSliderAutoPlay.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderBreakpoint.d.ts +23 -0
- package/dist/cjs/components/Slider/useSliderBreakpoint.js +92 -0
- package/dist/cjs/components/Slider/useSliderBreakpoint.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderDimension.d.ts +41 -0
- package/dist/cjs/components/Slider/useSliderDimension.js +92 -0
- package/dist/cjs/components/Slider/useSliderDimension.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderDraggable.d.ts +43 -0
- package/dist/cjs/components/Slider/useSliderDraggable.js +146 -0
- package/dist/cjs/components/Slider/useSliderDraggable.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderNavigation.d.ts +41 -0
- package/dist/cjs/components/Slider/useSliderNavigation.js +136 -0
- package/dist/cjs/components/Slider/useSliderNavigation.js.map +1 -0
- package/dist/cjs/components/Slider/useSliderTransform.d.ts +17 -0
- package/dist/cjs/components/Slider/useSliderTransform.js +71 -0
- package/dist/cjs/components/Slider/useSliderTransform.js.map +1 -0
- package/dist/cjs/components/TextInput.d.ts +35 -4
- package/dist/cjs/components/TextInput.js +97 -11
- package/dist/cjs/components/TextInput.js.map +1 -1
- package/dist/cjs/components/ThreeDotsLoader.d.ts +24 -0
- package/dist/cjs/components/ThreeDotsLoader.js +25 -0
- package/dist/cjs/components/ThreeDotsLoader.js.map +1 -0
- package/dist/cjs/components/Tooltip.d.ts +32 -0
- package/dist/cjs/components/Tooltip.js +35 -0
- package/dist/cjs/components/Tooltip.js.map +1 -0
- package/dist/cjs/constants/app.d.ts +2 -0
- package/dist/cjs/constants/app.js +3 -1
- package/dist/cjs/constants/app.js.map +1 -1
- package/dist/cjs/constants/icons.d.ts +10 -0
- package/dist/cjs/constants/icons.js +14 -0
- package/dist/cjs/constants/icons.js.map +1 -0
- package/dist/cjs/helpers/app.d.ts +39 -2
- package/dist/cjs/helpers/app.js +83 -5
- package/dist/cjs/helpers/app.js.map +1 -1
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/helpers/index.js +3 -0
- package/dist/cjs/helpers/index.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +4 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useLocalStorage.d.ts +7 -0
- package/dist/cjs/hooks/useLocalStorage.js +57 -0
- package/dist/cjs/hooks/useLocalStorage.js.map +1 -0
- package/dist/cjs/index.d.ts +23 -5
- package/dist/cjs/index.js +47 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/strings/en.d.ts +3 -1
- package/dist/cjs/strings/en.js +5 -3
- package/dist/cjs/strings/en.js.map +1 -1
- package/dist/cjs/subComponent/DateRange.js +2 -0
- package/dist/cjs/subComponent/DateRange.js.map +1 -0
- package/dist/cjs/subComponent/ToggleButton.d.ts +9 -0
- package/dist/cjs/subComponent/ToggleButton.js +19 -0
- package/dist/cjs/subComponent/ToggleButton.js.map +1 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.d.ts +43 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js +43 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.d.ts +43 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js +53 -0
- package/dist/cjs/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -0
- package/dist/esm/Utils/index.d.ts +4 -0
- package/dist/esm/Utils/index.js +5 -0
- package/dist/esm/Utils/index.js.map +1 -0
- package/dist/esm/components/Accordion.js +7 -6
- package/dist/esm/components/Accordion.js.map +1 -1
- package/dist/esm/components/Alert.d.ts +32 -0
- package/dist/esm/components/Alert.js +48 -0
- package/dist/esm/components/Alert.js.map +1 -0
- package/dist/esm/components/Badge.d.ts +22 -0
- package/dist/esm/components/Badge.js +34 -0
- package/dist/esm/components/Badge.js.map +1 -0
- package/dist/esm/components/BrokenPage.d.ts +35 -0
- package/dist/esm/components/BrokenPage.js +57 -0
- package/dist/esm/components/BrokenPage.js.map +1 -0
- package/dist/esm/components/Button.d.ts +29 -2
- package/dist/esm/components/Button.js +56 -3
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Card.d.ts +77 -0
- package/dist/esm/components/Card.js +75 -0
- package/dist/esm/components/Card.js.map +1 -0
- package/dist/esm/components/Checkbox.d.ts +25 -0
- package/dist/esm/components/Checkbox.js +21 -0
- package/dist/esm/components/Checkbox.js.map +1 -0
- package/dist/esm/components/ConfirmPoup.d.ts +21 -0
- package/dist/esm/components/ConfirmPoup.js +45 -0
- package/dist/esm/components/ConfirmPoup.js.map +1 -0
- package/dist/esm/components/Dropdown.d.ts +35 -0
- package/dist/esm/components/Dropdown.js +52 -0
- package/dist/esm/components/Dropdown.js.map +1 -0
- package/dist/esm/components/Label.d.ts +1 -1
- package/dist/esm/components/Label.js +9 -7
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Layout/Footer.js +10 -2
- package/dist/esm/components/Layout/Footer.js.map +1 -1
- package/dist/esm/components/Layout/Header.d.ts +2 -1
- package/dist/esm/components/Layout/Header.js +14 -3
- package/dist/esm/components/Layout/Header.js.map +1 -1
- package/dist/esm/components/Layout/Sidebar.d.ts +2 -1
- package/dist/esm/components/Layout/Sidebar.js +4 -3
- package/dist/esm/components/Layout/Sidebar.js.map +1 -1
- package/dist/esm/components/MultiCheckbox.d.ts +39 -0
- package/dist/esm/components/MultiCheckbox.js +54 -0
- package/dist/esm/components/MultiCheckbox.js.map +1 -0
- package/dist/esm/components/MultiRadio.d.ts +30 -0
- package/dist/esm/components/MultiRadio.js +39 -0
- package/dist/esm/components/MultiRadio.js.map +1 -0
- package/dist/esm/components/NumberInput.d.ts +38 -0
- package/dist/esm/components/NumberInput.js +32 -0
- package/dist/esm/components/NumberInput.js.map +1 -0
- package/dist/esm/components/Popover.d.ts +56 -0
- package/dist/esm/components/Popover.js +32 -0
- package/dist/esm/components/Popover.js.map +1 -0
- package/dist/esm/components/Radio.d.ts +24 -0
- package/dist/esm/components/Radio.js +22 -0
- package/dist/esm/components/Radio.js.map +1 -0
- package/dist/esm/components/RadioButtonGroup.d.ts +67 -0
- package/dist/esm/components/RadioButtonGroup.js +139 -0
- package/dist/esm/components/RadioButtonGroup.js.map +1 -0
- package/dist/esm/components/RangeSlider.d.ts +30 -0
- package/dist/esm/components/RangeSlider.js +46 -0
- package/dist/esm/components/RangeSlider.js.map +1 -0
- package/dist/esm/components/RatingDisplay.js +7 -4
- package/dist/esm/components/RatingDisplay.js.map +1 -1
- package/dist/esm/components/Search.d.ts +6 -0
- package/dist/esm/components/Search.js +8 -0
- package/dist/esm/components/Search.js.map +1 -0
- package/dist/esm/components/Select.d.ts +41 -0
- package/dist/esm/components/Select.js +46 -0
- package/dist/esm/components/Select.js.map +1 -0
- package/dist/esm/components/SkeletonLoader.d.ts +39 -0
- package/dist/esm/components/SkeletonLoader.js +74 -0
- package/dist/esm/components/SkeletonLoader.js.map +1 -0
- package/dist/esm/components/Slider/SlickSlider.d.ts +74 -0
- package/dist/esm/components/Slider/SlickSlider.js +208 -0
- package/dist/esm/components/Slider/SlickSlider.js.map +1 -0
- package/dist/esm/components/Slider/useCenterMode.d.ts +24 -0
- package/dist/esm/components/Slider/useCenterMode.js +38 -0
- package/dist/esm/components/Slider/useCenterMode.js.map +1 -0
- package/dist/esm/components/Slider/useSlider.d.ts +65 -0
- package/dist/esm/components/Slider/useSlider.js +156 -0
- package/dist/esm/components/Slider/useSlider.js.map +1 -0
- package/dist/esm/components/Slider/useSliderAutoPlay.d.ts +33 -0
- package/dist/esm/components/Slider/useSliderAutoPlay.js +71 -0
- package/dist/esm/components/Slider/useSliderAutoPlay.js.map +1 -0
- package/dist/esm/components/Slider/useSliderBreakpoint.d.ts +23 -0
- package/dist/esm/components/Slider/useSliderBreakpoint.js +90 -0
- package/dist/esm/components/Slider/useSliderBreakpoint.js.map +1 -0
- package/dist/esm/components/Slider/useSliderDimension.d.ts +41 -0
- package/dist/esm/components/Slider/useSliderDimension.js +90 -0
- package/dist/esm/components/Slider/useSliderDimension.js.map +1 -0
- package/dist/esm/components/Slider/useSliderDraggable.d.ts +43 -0
- package/dist/esm/components/Slider/useSliderDraggable.js +144 -0
- package/dist/esm/components/Slider/useSliderDraggable.js.map +1 -0
- package/dist/esm/components/Slider/useSliderNavigation.d.ts +41 -0
- package/dist/esm/components/Slider/useSliderNavigation.js +134 -0
- package/dist/esm/components/Slider/useSliderNavigation.js.map +1 -0
- package/dist/esm/components/Slider/useSliderTransform.d.ts +17 -0
- package/dist/esm/components/Slider/useSliderTransform.js +69 -0
- package/dist/esm/components/Slider/useSliderTransform.js.map +1 -0
- package/dist/esm/components/TextInput.d.ts +35 -4
- package/dist/esm/components/TextInput.js +99 -12
- package/dist/esm/components/TextInput.js.map +1 -1
- package/dist/esm/components/ThreeDotsLoader.d.ts +24 -0
- package/dist/esm/components/ThreeDotsLoader.js +23 -0
- package/dist/esm/components/ThreeDotsLoader.js.map +1 -0
- package/dist/esm/components/Tooltip.d.ts +32 -0
- package/dist/esm/components/Tooltip.js +33 -0
- package/dist/esm/components/Tooltip.js.map +1 -0
- package/dist/esm/constants/app.d.ts +2 -0
- package/dist/esm/constants/app.js +2 -0
- package/dist/esm/constants/app.js.map +1 -1
- package/dist/esm/constants/icons.d.ts +10 -0
- package/dist/esm/constants/icons.js +12 -0
- package/dist/esm/constants/icons.js.map +1 -0
- package/dist/esm/helpers/app.d.ts +39 -2
- package/dist/esm/helpers/app.js +73 -3
- package/dist/esm/helpers/app.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -1
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useLocalStorage.d.ts +7 -0
- package/dist/esm/hooks/useLocalStorage.js +54 -0
- package/dist/esm/hooks/useLocalStorage.js.map +1 -0
- package/dist/esm/index.d.ts +23 -5
- package/dist/esm/index.js +23 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/strings/en.d.ts +3 -1
- package/dist/esm/strings/en.js +4 -2
- package/dist/esm/strings/en.js.map +1 -1
- package/dist/esm/subComponent/DateRange.js +2 -0
- package/dist/esm/subComponent/DateRange.js.map +1 -0
- package/dist/esm/subComponent/ToggleButton.d.ts +9 -0
- package/dist/esm/subComponent/ToggleButton.js +17 -0
- package/dist/esm/subComponent/ToggleButton.js.map +1 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.d.ts +43 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js +41 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js.map +1 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.d.ts +43 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js +51 -0
- package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map +1 -0
- package/dist/package.json +1 -1
- package/package.json +6 -4
- package/dist/cjs/strings/index.js +0 -2
- package/dist/cjs/strings/index.js.map +0 -1
- package/dist/esm/strings/index.js +0 -2
- package/dist/esm/strings/index.js.map +0 -1
- /package/dist/cjs/{strings/index.d.ts → subComponent/DateRange.d.ts} +0 -0
- /package/dist/esm/{strings/index.d.ts → subComponent/DateRange.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Utils/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,IAAM,UAAU,GAA6C,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import { createElement as _createElement } from "react";
|
|
2
|
+
import React from 'react';
|
|
4
3
|
import BSAccordion from 'react-bootstrap/Accordion';
|
|
5
4
|
import clsx from 'clsx';
|
|
6
5
|
import { destructObj, isArrayNotEmpty } from '../helpers/app';
|
|
@@ -9,10 +8,12 @@ function Accordion(_a) {
|
|
|
9
8
|
// Destruct props
|
|
10
9
|
var _f = destructObj(classnames), wrapperClass = _f.wrapper, itemClass = _f.item, headerClass = _f.header, titleClass = _f.title, subTitleClass = _f.subtitle, bodyClass = _f.body;
|
|
11
10
|
var _g = destructObj(attributes), wrapperAttr = _g.wrapper, itemAttr = _g.item, headerAttr = _g.header, titleAttr = _g.title, subTitleAttr = _g.subtitle, bodyAttr = _g.body;
|
|
12
|
-
return (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
return (React.createElement(BSAccordion, __assign({}, wrapperAttr, { alwaysOpen: alwaysOpen, defaultActiveKey: defaultActiveKey, className: clsx('farm-custom-acc', wrapperClass) }), isArrayNotEmpty(data) &&
|
|
12
|
+
(data === null || data === void 0 ? void 0 : data.map(function (item, index) { return (React.createElement(BSAccordion.Item, __assign({}, itemAttr, { key: index, eventKey: index.toString(), className: clsx(itemClass) }),
|
|
13
|
+
React.createElement(BSAccordion.Header, __assign({}, headerAttr, { className: clsx(headerClass), as: 'div' }), renderHeader ? (renderHeader(item)) : (React.createElement("div", null,
|
|
14
|
+
(item === null || item === void 0 ? void 0 : item.title) && (React.createElement("p", __assign({}, titleAttr, { className: clsx('mb-0 fs-20', titleClass) }), item.title)),
|
|
15
|
+
(item === null || item === void 0 ? void 0 : item.subtitle) && (React.createElement("small", __assign({}, subTitleAttr, { className: clsx(subTitleClass) }), item.subtitle))))),
|
|
16
|
+
React.createElement(BSAccordion.Body, __assign({}, bodyAttr, { className: clsx(bodyClass) }), renderBody ? renderBody(item) : item.desc))); }))));
|
|
16
17
|
}
|
|
17
18
|
export default Accordion;
|
|
18
19
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAqC7D,SAAS,SAAS,CAAC,EAQF;QAPf,IAAI,UAAA,EACJ,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,wBAA4B,EAA5B,gBAAgB,mBAAG,SAAS,KAAA,EAC5B,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,iBAAiB;IACX,IAAA,KAO4B,WAAW,CAAC,UAAU,CAAC,EAN9C,YAAY,aAAA,EACf,SAAS,UAAA,EACP,WAAW,YAAA,EACZ,UAAU,WAAA,EACP,aAAa,cAAA,EACjB,SAAS,UACwC,CAAA;IAEnD,IAAA,KAO4B,WAAW,CAAC,UAAU,CAAC,EAN9C,WAAW,aAAA,EACd,QAAQ,UAAA,EACN,UAAU,YAAA,EACX,SAAS,WAAA,EACN,YAAY,cAAA,EAChB,QAAQ,UACyC,CAAA;IAEzD,OAAO,CACL,oBAAC,WAAW,eACN,WAAW,IACf,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,KAE/C,eAAe,CAAC,IAAI,CAAC;SACpB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,oBAAC,WAAW,CAAC,IAAI,eAAK,QAAQ,IAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;YAChG,oBAAC,WAAW,CAAC,MAAM,eAAK,UAAU,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,EAAC,KAAK,KACvE,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CAAC,IAAI,CAAC,CACnB,CAAC,CAAC,CAAC,CACF;gBACG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CACd,sCAAO,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,KACxD,IAAI,CAAC,KAAK,CACT,CACL;gBACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CACjB,0CAAW,YAAY,IAAE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,KACpD,IAAI,CAAC,QAAQ,CACR,CACT,CACG,CACP,CACkB;YACrB,oBAAC,WAAW,CAAC,IAAI,eAAK,QAAQ,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,KACvD,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CACzB,CACF,CACpB,EAxB0B,CAwB1B,CAAC,CAAA,CACQ,CACf,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
interface Classnames {
|
|
3
|
+
description?: string;
|
|
4
|
+
header?: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
wrapper?: {
|
|
7
|
+
alert?: string;
|
|
8
|
+
content?: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
interface Attributes {
|
|
13
|
+
description?: object;
|
|
14
|
+
header?: object;
|
|
15
|
+
icon?: object;
|
|
16
|
+
wrapper?: object;
|
|
17
|
+
}
|
|
18
|
+
export interface AlertProps {
|
|
19
|
+
variant?: string;
|
|
20
|
+
dismissible?: boolean;
|
|
21
|
+
show?: boolean;
|
|
22
|
+
onClose?: () => void;
|
|
23
|
+
header?: string;
|
|
24
|
+
headerProps?: object;
|
|
25
|
+
description?: string;
|
|
26
|
+
icon?: string;
|
|
27
|
+
attributes?: Attributes;
|
|
28
|
+
classnames?: Classnames;
|
|
29
|
+
children?: ReactNode;
|
|
30
|
+
}
|
|
31
|
+
declare function Alert({ variant, dismissible, show, onClose, header, headerProps, description, icon, attributes, classnames, children, ...rest }: AlertProps): ReactElement | null;
|
|
32
|
+
export default Alert;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { Alert as BSAlert } from 'react-bootstrap';
|
|
5
|
+
import { destructObj, isStrEmpty } from '../helpers/app';
|
|
6
|
+
function Alert(_a) {
|
|
7
|
+
var _b = _a.variant, variant = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? false : _c, _d = _a.show, show = _d === void 0 ? true : _d, _e = _a.onClose, onClose = _e === void 0 ? function () { } : _e, _f = _a.header, header = _f === void 0 ? '' : _f, _g = _a.headerProps, headerProps = _g === void 0 ? {} : _g, _h = _a.description, description = _h === void 0 ? '' : _h, _j = _a.icon, icon = _j === void 0 ? 'bi bi-exclamation-triangle-fill' : _j, _k = _a.attributes, attributes = _k === void 0 ? {} : _k, _l = _a.classnames, classnames = _l === void 0 ? {} : _l, _m = _a.children, children = _m === void 0 ? null : _m, rest = __rest(_a, ["variant", "dismissible", "show", "onClose", "header", "headerProps", "description", "icon", "attributes", "classnames", "children"]);
|
|
8
|
+
var _o = useState(true), isVisible = _o[0], setIsVisible = _o[1];
|
|
9
|
+
// Use show prop if provided (controlled), otherwise use internal state (uncontrolled)
|
|
10
|
+
var isControlled = show !== undefined;
|
|
11
|
+
var visible = isControlled ? show : isVisible;
|
|
12
|
+
// Destructure classnames safely
|
|
13
|
+
var _p = destructObj(classnames), wrapperClassObj = _p.wrapper, iconClass = _p.icon, headerClass = _p.header, descriptionClass = _p.description;
|
|
14
|
+
var _q = destructObj(wrapperClassObj), alertClass = _q.alert, contentClass = _q.content, wrapperIconClass = _q.icon;
|
|
15
|
+
// Destructure attributes safely
|
|
16
|
+
var _r = destructObj(attributes), wrapperAttr = _r.wrapper, iconAttr = _r.icon, headerAttr = _r.header, descriptionAttr = _r.description;
|
|
17
|
+
// Handle close
|
|
18
|
+
function handleClose() {
|
|
19
|
+
if (!isControlled) {
|
|
20
|
+
setIsVisible(false);
|
|
21
|
+
}
|
|
22
|
+
if (onClose) {
|
|
23
|
+
onClose();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
if (!visible)
|
|
27
|
+
return null;
|
|
28
|
+
// Helper function to render heading
|
|
29
|
+
function renderHeader() {
|
|
30
|
+
if (isStrEmpty(header))
|
|
31
|
+
return null;
|
|
32
|
+
return (React.createElement(BSAlert.Heading, __assign({ className: clsx('mb-1', headerClass) }, headerProps, headerAttr), header));
|
|
33
|
+
}
|
|
34
|
+
// Helper function to render description
|
|
35
|
+
function renderDescription() {
|
|
36
|
+
if (isStrEmpty(description))
|
|
37
|
+
return null;
|
|
38
|
+
return (React.createElement("p", __assign({ className: clsx(descriptionClass) }, descriptionAttr), description));
|
|
39
|
+
}
|
|
40
|
+
return (React.createElement(BSAlert, __assign({ variant: variant, className: clsx(alertClass), dismissible: dismissible, onClose: dismissible ? handleClose : undefined }, wrapperAttr, rest),
|
|
41
|
+
React.createElement("div", { className: clsx('d-flex align-items-start', contentClass) },
|
|
42
|
+
React.createElement("i", __assign({ className: clsx(icon, 'me-2', 'flex-shrink-0', iconClass, wrapperIconClass) }, iconAttr)),
|
|
43
|
+
React.createElement("div", { className: 'flex-grow-1' }, children ? (children) : (React.createElement(React.Fragment, null,
|
|
44
|
+
renderHeader(),
|
|
45
|
+
renderDescription()))))));
|
|
46
|
+
}
|
|
47
|
+
export default Alert;
|
|
48
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
interface Classnames {
|
|
3
|
+
badge?: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
}
|
|
7
|
+
interface Attributes {
|
|
8
|
+
badge?: object;
|
|
9
|
+
icon?: object;
|
|
10
|
+
label?: object;
|
|
11
|
+
}
|
|
12
|
+
export interface BadgeProps {
|
|
13
|
+
variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light';
|
|
14
|
+
label?: string;
|
|
15
|
+
icon?: string;
|
|
16
|
+
pill?: boolean;
|
|
17
|
+
classnames?: Classnames;
|
|
18
|
+
attributes?: Attributes;
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
}
|
|
21
|
+
declare function Badge({ variant, label, icon, pill, classnames, attributes, children, ...rest }: BadgeProps): ReactElement;
|
|
22
|
+
export default Badge;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { Badge as BSBadge } from 'react-bootstrap';
|
|
5
|
+
import { destructObj, isStrEmpty, isStrNotEmpty } from '../helpers/app';
|
|
6
|
+
function Badge(_a) {
|
|
7
|
+
var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.label, label = _c === void 0 ? '' : _c, _d = _a.icon, icon = _d === void 0 ? '' : _d, _e = _a.pill, pill = _e === void 0 ? false : _e, _f = _a.classnames, classnames = _f === void 0 ? {} : _f, _g = _a.attributes, attributes = _g === void 0 ? {} : _g, _h = _a.children, children = _h === void 0 ? null : _h, rest = __rest(_a, ["variant", "label", "icon", "pill", "classnames", "attributes", "children"]);
|
|
8
|
+
// Destructure classnames safely
|
|
9
|
+
var _j = destructObj(classnames), badgeClass = _j.badge, iconClass = _j.icon, labelClass = _j.label;
|
|
10
|
+
// Destructure attributes safely
|
|
11
|
+
var _k = destructObj(attributes), badgeAttr = _k.badge, iconAttr = _k.icon, labelAttr = _k.label;
|
|
12
|
+
// Render icon
|
|
13
|
+
function renderIcon() {
|
|
14
|
+
if (isStrEmpty(icon))
|
|
15
|
+
return null;
|
|
16
|
+
return React.createElement("i", __assign({ className: clsx(icon, iconClass) }, iconAttr));
|
|
17
|
+
}
|
|
18
|
+
// Render label/content
|
|
19
|
+
function renderContent() {
|
|
20
|
+
if (children)
|
|
21
|
+
return children;
|
|
22
|
+
if (isStrNotEmpty(label)) {
|
|
23
|
+
return (React.createElement(React.Fragment, null,
|
|
24
|
+
renderIcon(),
|
|
25
|
+
React.createElement("span", __assign({ className: clsx(labelClass) }, labelAttr), label)));
|
|
26
|
+
}
|
|
27
|
+
if (!isStrEmpty(icon))
|
|
28
|
+
return renderIcon();
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
return (React.createElement(BSBadge, __assign({ bg: variant, pill: pill, className: clsx(badgeClass) }, badgeAttr, rest), renderContent()));
|
|
32
|
+
}
|
|
33
|
+
export default Badge;
|
|
34
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAwBvE,SAAS,KAAK,CAAC,EASF;IARX,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACZ,IAAI,cARM,4EASd,CADQ;IAEP,gCAAgC;IAC1B,IAAA,KAA4D,WAAW,CAAC,UAAU,CAAC,EAA1E,UAAU,WAAA,EAAQ,SAAS,UAAA,EAAS,UAAU,WAA4B,CAAA;IAEzF,gCAAgC;IAC1B,IAAA,KAAyD,WAAW,CAAC,UAAU,CAAC,EAAvE,SAAS,WAAA,EAAQ,QAAQ,UAAA,EAAS,SAAS,WAA4B,CAAA;IAEtF,cAAc;IACd,SAAS,UAAU;QACjB,IAAI,UAAU,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAA;QAEjC,OAAO,oCAAG,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,QAAQ,EAAI,CAAA;IAC9D,CAAC;IAED,uBAAuB;IACvB,SAAS,aAAa;QACpB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAA;QAE7B,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,CACL;gBACG,UAAU,EAAE;gBACb,uCAAM,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,IAAM,SAAS,GAC7C,KAAK,CACD,CACN,CACJ,CAAA;QACH,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;YAAE,OAAO,UAAU,EAAE,CAAA;QAE1C,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,OAAO,aAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,IAAM,SAAS,EAAM,IAAI,GACnF,aAAa,EAAE,CACR,CACX,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
interface Classnames {
|
|
3
|
+
wrapper?: string;
|
|
4
|
+
container?: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
actionBtn?: string;
|
|
9
|
+
}
|
|
10
|
+
interface Attributes {
|
|
11
|
+
wrapper?: object;
|
|
12
|
+
container?: object;
|
|
13
|
+
icon?: object;
|
|
14
|
+
title?: object;
|
|
15
|
+
description?: object;
|
|
16
|
+
actionBtn?: object;
|
|
17
|
+
}
|
|
18
|
+
export interface ActionButton {
|
|
19
|
+
label: string;
|
|
20
|
+
variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info';
|
|
21
|
+
onClick?: () => void;
|
|
22
|
+
href?: string;
|
|
23
|
+
icon?: string;
|
|
24
|
+
}
|
|
25
|
+
export interface BrokenPageProps {
|
|
26
|
+
title?: string;
|
|
27
|
+
description?: string;
|
|
28
|
+
icon?: string;
|
|
29
|
+
actionBtns?: ActionButton[];
|
|
30
|
+
classnames?: Classnames;
|
|
31
|
+
attributes?: Attributes;
|
|
32
|
+
children?: ReactNode;
|
|
33
|
+
}
|
|
34
|
+
declare function BrokenPage({ title, description, icon, actionBtns, classnames, attributes, children, ...rest }: BrokenPageProps): ReactElement;
|
|
35
|
+
export default BrokenPage;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { destructObj, getArrayLength, isStrEmpty } from '../helpers/app';
|
|
5
|
+
import Button from './Button';
|
|
6
|
+
function BrokenPage(_a) {
|
|
7
|
+
var _b = _a.title, title = _b === void 0 ? 'Something Went Wrong' : _b, _c = _a.description, description = _c === void 0 ? 'We encountered an unexpected error. Please try again or return to the homepage.' : _c, _d = _a.icon, icon = _d === void 0 ? 'bi bi-exclamation-triangle' : _d, _e = _a.actionBtns, actionBtns = _e === void 0 ? [] : _e, _f = _a.classnames, classnames = _f === void 0 ? {} : _f, _g = _a.attributes, attributes = _g === void 0 ? {} : _g, _h = _a.children, children = _h === void 0 ? null : _h, rest = __rest(_a, ["title", "description", "icon", "actionBtns", "classnames", "attributes", "children"]);
|
|
8
|
+
// Destructure classnames safely
|
|
9
|
+
var _j = destructObj(classnames), wrapperClass = _j.wrapper, containerClass = _j.container, iconClass = _j.icon, titleClass = _j.title, descriptionClass = _j.description, actionBtnClass = _j.actionBtn;
|
|
10
|
+
// Destructure attributes safely
|
|
11
|
+
var _k = destructObj(attributes), wrapperAttr = _k.wrapper, containerAttr = _k.container, iconAttr = _k.icon, titleAttr = _k.title, descriptionAttr = _k.description, actionBtnAttr = _k.actionBtn;
|
|
12
|
+
// Default actions if none provided
|
|
13
|
+
var defaultActions = [
|
|
14
|
+
{
|
|
15
|
+
label: 'Go Home',
|
|
16
|
+
variant: 'primary',
|
|
17
|
+
onClick: function () {
|
|
18
|
+
if (typeof window !== 'undefined') {
|
|
19
|
+
window.location.href = '/';
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
];
|
|
24
|
+
// Render icon
|
|
25
|
+
function renderIcon() {
|
|
26
|
+
if (isStrEmpty(icon))
|
|
27
|
+
return null;
|
|
28
|
+
return React.createElement("i", __assign({ className: clsx(icon, 'display-1 text-muted', iconClass) }, iconAttr));
|
|
29
|
+
}
|
|
30
|
+
// New helper for rendering description
|
|
31
|
+
function renderDescription() {
|
|
32
|
+
if (isStrEmpty(description))
|
|
33
|
+
return null;
|
|
34
|
+
return (React.createElement("p", __assign({ className: clsx('lead text-muted mb-4', descriptionClass) }, descriptionAttr), description));
|
|
35
|
+
}
|
|
36
|
+
// Helper for rendering the title
|
|
37
|
+
function renderTitle() {
|
|
38
|
+
if (isStrEmpty(title))
|
|
39
|
+
return null;
|
|
40
|
+
return (React.createElement("h1", __assign({ className: clsx('display-4 fw-bold mb-3', titleClass) }, titleAttr), title));
|
|
41
|
+
}
|
|
42
|
+
// Render action buttons
|
|
43
|
+
function renderActions() {
|
|
44
|
+
var actionButtons = getArrayLength(actionBtns) > 0 ? actionBtns : defaultActions;
|
|
45
|
+
return (React.createElement("div", __assign({ className: clsx('d-flex gap-3 justify-content-center flex-wrap', actionBtnClass) }, actionBtnAttr), actionButtons === null || actionButtons === void 0 ? void 0 : actionButtons.map(function (action, index) {
|
|
46
|
+
return (React.createElement(Button, { key: index, label: action.label, variant: action.variant || 'primary', icon: action.icon, onClick: action.onClick }));
|
|
47
|
+
})));
|
|
48
|
+
}
|
|
49
|
+
return (React.createElement("div", __assign({ className: clsx('d-flex align-items-center justify-content-center min-vh-100 py-5', wrapperClass) }, wrapperAttr, rest),
|
|
50
|
+
React.createElement("div", __assign({ className: clsx('text-center', containerClass) }, containerAttr),
|
|
51
|
+
renderIcon(),
|
|
52
|
+
renderTitle(),
|
|
53
|
+
renderDescription(),
|
|
54
|
+
renderActions())));
|
|
55
|
+
}
|
|
56
|
+
export default BrokenPage;
|
|
57
|
+
//# sourceMappingURL=BrokenPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BrokenPage.js","sourceRoot":"","sources":["../../../src/components/BrokenPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,29 @@
|
|
|
1
|
-
import { type ReactElement } from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
interface Classnames {
|
|
3
|
+
button?: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
spinner?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
}
|
|
8
|
+
interface Attributes {
|
|
9
|
+
button?: object;
|
|
10
|
+
icon?: object;
|
|
11
|
+
spinner?: object;
|
|
12
|
+
label?: object;
|
|
13
|
+
}
|
|
14
|
+
export interface ButtonProps {
|
|
15
|
+
variant?: 'primary' | 'secondary' | 'transparent' | 'success' | 'danger' | 'warning' | 'info' | 'white' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'ghost';
|
|
16
|
+
size?: 'sm' | 'lg';
|
|
17
|
+
label?: string;
|
|
18
|
+
icon?: string;
|
|
19
|
+
iconPosition?: 'left' | 'right';
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
loading?: boolean;
|
|
22
|
+
type?: 'button' | 'submit' | 'reset';
|
|
23
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
24
|
+
classnames?: Classnames;
|
|
25
|
+
attributes?: Attributes;
|
|
26
|
+
children?: ReactNode;
|
|
27
|
+
}
|
|
28
|
+
declare function Button({ variant, size, label, icon, iconPosition, disabled, loading, type, onClick, classnames, attributes, children, ...rest }: ButtonProps): ReactElement;
|
|
29
|
+
export default Button;
|
|
@@ -1,5 +1,58 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { Button as BSButton, Spinner } from 'react-bootstrap';
|
|
5
|
+
import { destructObj, isStrEmpty, preventDefault } from '../helpers/app';
|
|
6
|
+
function Button(_a) {
|
|
7
|
+
var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? undefined : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.icon, icon = _e === void 0 ? '' : _e, _f = _a.iconPosition, iconPosition = _f === void 0 ? 'right' : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.loading, loading = _h === void 0 ? false : _h, _j = _a.type, type = _j === void 0 ? 'button' : _j, onClick = _a.onClick, _k = _a.classnames, classnames = _k === void 0 ? {} : _k, _l = _a.attributes, attributes = _l === void 0 ? {} : _l, _m = _a.children, children = _m === void 0 ? null : _m, rest = __rest(_a, ["variant", "size", "label", "icon", "iconPosition", "disabled", "loading", "type", "onClick", "classnames", "attributes", "children"]);
|
|
8
|
+
// Destructure classnames safely
|
|
9
|
+
var _o = destructObj(classnames), buttonClass = _o.button, iconClass = _o.icon, spinnerClass = _o.spinner, labelClass = _o.label;
|
|
10
|
+
// Destructure attributes safely
|
|
11
|
+
var _p = destructObj(attributes), buttonAttr = _p.button, iconAttr = _p.icon, spinnerAttr = _p.spinner, labelAttr = _p.label;
|
|
12
|
+
// Determine if button should be disabled (either explicitly disabled or loading)
|
|
13
|
+
var isDisabled = disabled || loading;
|
|
14
|
+
var iconMargin = iconPosition === 'right' ? 'ms-1' : 'me-1';
|
|
15
|
+
var isBtnDisabled = disabled;
|
|
16
|
+
// Handle click event
|
|
17
|
+
function onClickHandler(event) {
|
|
18
|
+
if (isBtnDisabled) {
|
|
19
|
+
preventDefault(event);
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
23
|
+
}
|
|
24
|
+
// Render icon
|
|
25
|
+
function renderIcon() {
|
|
26
|
+
if (isStrEmpty(icon) || loading)
|
|
27
|
+
return null;
|
|
28
|
+
return React.createElement("i", __assign({ className: clsx(icon, iconMargin, iconClass) }, iconAttr));
|
|
29
|
+
}
|
|
30
|
+
// Render spinner
|
|
31
|
+
function renderSpinner() {
|
|
32
|
+
if (!loading)
|
|
33
|
+
return null;
|
|
34
|
+
return (React.createElement(Spinner, __assign({ as: 'span', animation: 'border', size: 'sm', role: 'status', className: clsx('me-2', spinnerClass) }, spinnerAttr)));
|
|
35
|
+
}
|
|
36
|
+
// Render label/text
|
|
37
|
+
function renderLabel() {
|
|
38
|
+
if (isStrEmpty(label))
|
|
39
|
+
return null;
|
|
40
|
+
return (React.createElement("span", __assign({ className: clsx(labelClass) }, labelAttr), label));
|
|
41
|
+
}
|
|
42
|
+
// Build button content based on icon position
|
|
43
|
+
function renderContent() {
|
|
44
|
+
if (children) {
|
|
45
|
+
// If children are provided, render them with optional icon
|
|
46
|
+
return children;
|
|
47
|
+
}
|
|
48
|
+
// Render label with icon based on position
|
|
49
|
+
return (React.createElement(React.Fragment, null,
|
|
50
|
+
iconPosition === 'left' && renderIcon(),
|
|
51
|
+
loading && renderSpinner(),
|
|
52
|
+
renderLabel(),
|
|
53
|
+
iconPosition === 'right' && renderIcon()));
|
|
54
|
+
}
|
|
55
|
+
return (React.createElement(BSButton, __assign({ variant: variant, size: size, type: type, disabled: isDisabled, onClick: onClickHandler, className: clsx(buttonClass), "aria-label": label }, buttonAttr, rest), renderContent()));
|
|
4
56
|
}
|
|
57
|
+
export default Button;
|
|
5
58
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React, { RefObject, type ReactElement } from 'react';
|
|
2
|
+
import { CardProps as BSCardProps } from 'react-bootstrap';
|
|
3
|
+
export type CardVariant = 'outlined' | 'filled' | 'elevated';
|
|
4
|
+
export type CardSize = 'small' | 'medium' | 'large';
|
|
5
|
+
export type BodySeqType = Array<'title' | 'subtitle' | 'text' | 'link' | 'button'>;
|
|
6
|
+
export interface TitleProps {
|
|
7
|
+
content: string;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
tooltipProps?: any;
|
|
10
|
+
}
|
|
11
|
+
export interface SubtitleProps {
|
|
12
|
+
content: string;
|
|
13
|
+
as?: React.ElementType;
|
|
14
|
+
}
|
|
15
|
+
export interface TextProps {
|
|
16
|
+
content: string;
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
}
|
|
19
|
+
export interface LinkProps {
|
|
20
|
+
href: string;
|
|
21
|
+
content: string;
|
|
22
|
+
target?: string;
|
|
23
|
+
as?: React.ElementType;
|
|
24
|
+
}
|
|
25
|
+
export interface ButtonProps {
|
|
26
|
+
content: string;
|
|
27
|
+
as?: React.ElementType;
|
|
28
|
+
[key: string]: any;
|
|
29
|
+
}
|
|
30
|
+
export interface CardImageProps {
|
|
31
|
+
alt: string;
|
|
32
|
+
src: string;
|
|
33
|
+
variant?: 'top' | 'bottom' | string;
|
|
34
|
+
height?: string;
|
|
35
|
+
width?: string;
|
|
36
|
+
className?: string;
|
|
37
|
+
style?: React.CSSProperties;
|
|
38
|
+
}
|
|
39
|
+
export interface CardBodyProps {
|
|
40
|
+
cardBodyProps?: React.HTMLAttributes<HTMLElement>;
|
|
41
|
+
titleProps?: TitleProps;
|
|
42
|
+
subtitleProps?: SubtitleProps;
|
|
43
|
+
textProps?: TextProps;
|
|
44
|
+
linkProps?: LinkProps;
|
|
45
|
+
btnProps?: ButtonProps;
|
|
46
|
+
}
|
|
47
|
+
export interface CardClassNames {
|
|
48
|
+
body?: string;
|
|
49
|
+
card?: string;
|
|
50
|
+
footer?: string;
|
|
51
|
+
header?: string;
|
|
52
|
+
image?: string;
|
|
53
|
+
link?: string;
|
|
54
|
+
subtitle?: string;
|
|
55
|
+
text?: string;
|
|
56
|
+
title?: string;
|
|
57
|
+
button?: string;
|
|
58
|
+
}
|
|
59
|
+
export interface CardHeaderFooterProps {
|
|
60
|
+
content: string;
|
|
61
|
+
as?: React.ElementType;
|
|
62
|
+
[key: string]: any;
|
|
63
|
+
}
|
|
64
|
+
export interface CardProps extends BSCardProps {
|
|
65
|
+
classnames?: CardClassNames;
|
|
66
|
+
headerProps?: CardHeaderFooterProps;
|
|
67
|
+
footerProps?: CardHeaderFooterProps;
|
|
68
|
+
imgProps?: CardImageProps;
|
|
69
|
+
bodyProps?: CardBodyProps;
|
|
70
|
+
bodySeq?: BodySeqType;
|
|
71
|
+
renderBody?: () => React.ReactElement | null;
|
|
72
|
+
renderHeader?: () => React.ReactElement | null;
|
|
73
|
+
renderFooter?: () => React.ReactElement | null;
|
|
74
|
+
ref?: RefObject<HTMLElement | null>;
|
|
75
|
+
}
|
|
76
|
+
declare function Card({ headerProps, footerProps, imgProps, className, bodyProps, classnames, bodySeq, children, renderBody, renderHeader, renderFooter, ref, ...rest }: CardProps): ReactElement;
|
|
77
|
+
export default Card;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Card as BSCard, CardImg } from 'react-bootstrap';
|
|
5
|
+
// ================= MAIN FUNCTION COMPONENT =================
|
|
6
|
+
function Card(_a) {
|
|
7
|
+
var headerProps = _a.headerProps, footerProps = _a.footerProps, imgProps = _a.imgProps, className = _a.className, bodyProps = _a.bodyProps, _b = _a.classnames, classnames = _b === void 0 ? {} : _b, bodySeq = _a.bodySeq, children = _a.children, renderBody = _a.renderBody, renderHeader = _a.renderHeader, renderFooter = _a.renderFooter, ref = _a.ref, rest = __rest(_a, ["headerProps", "footerProps", "imgProps", "className", "bodyProps", "classnames", "bodySeq", "children", "renderBody", "renderHeader", "renderFooter", "ref"]);
|
|
8
|
+
// Directly use classnames (defaults to {})
|
|
9
|
+
function renderBodySequence(bodyProps, seq, classnames) {
|
|
10
|
+
if (classnames === void 0) { classnames = {}; }
|
|
11
|
+
if (!bodyProps || !seq)
|
|
12
|
+
return null;
|
|
13
|
+
var linkClass = classnames.link, subtitleClass = classnames.subtitle, textClass = classnames.text, titleClass = classnames.title, buttonClass = classnames.button;
|
|
14
|
+
return seq.map(function (type, i) {
|
|
15
|
+
switch (type) {
|
|
16
|
+
case 'title':
|
|
17
|
+
return renderBodyTitle(bodyProps, titleClass, i);
|
|
18
|
+
case 'subtitle':
|
|
19
|
+
return renderBodySubtitle(bodyProps, subtitleClass, i);
|
|
20
|
+
case 'text':
|
|
21
|
+
return renderBodyText(bodyProps, textClass, i);
|
|
22
|
+
case 'link':
|
|
23
|
+
return renderBodyLinks(bodyProps, linkClass, i);
|
|
24
|
+
case 'button':
|
|
25
|
+
return renderBodyButton(bodyProps, buttonClass, i);
|
|
26
|
+
default:
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
function renderBodyLinks(bodyProps, linkClass, i) {
|
|
32
|
+
if (!(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.linkProps))
|
|
33
|
+
return null;
|
|
34
|
+
var Tag = bodyProps.linkProps.as || 'a';
|
|
35
|
+
return (React.createElement(BSCard.Link, __assign({ key: i, as: Tag, className: linkClass }, bodyProps.linkProps), bodyProps.linkProps.content));
|
|
36
|
+
}
|
|
37
|
+
function renderBodyTitle(bodyProps, titleClass, i) {
|
|
38
|
+
var _a;
|
|
39
|
+
if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.titleProps) === null || _a === void 0 ? void 0 : _a.content))
|
|
40
|
+
return null;
|
|
41
|
+
var TitleTag = bodyProps.titleProps.as || 'h5';
|
|
42
|
+
return (React.createElement(BSCard.Title, { key: i, as: TitleTag, className: titleClass }, bodyProps.titleProps.content));
|
|
43
|
+
}
|
|
44
|
+
function renderBodySubtitle(bodyProps, subtitleClass, i) {
|
|
45
|
+
var _a;
|
|
46
|
+
if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.subtitleProps) === null || _a === void 0 ? void 0 : _a.content))
|
|
47
|
+
return null;
|
|
48
|
+
var SubTag = bodyProps.subtitleProps.as || 'h6';
|
|
49
|
+
return (React.createElement(BSCard.Subtitle, { key: i, as: SubTag, className: subtitleClass }, bodyProps.subtitleProps.content));
|
|
50
|
+
}
|
|
51
|
+
function renderBodyText(bodyProps, textClass, i) {
|
|
52
|
+
if (!(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.textProps))
|
|
53
|
+
return null;
|
|
54
|
+
var Tag = bodyProps.textProps.as || 'div';
|
|
55
|
+
return (React.createElement(BSCard.Text, { key: i, as: Tag, className: textClass }, bodyProps.textProps.content));
|
|
56
|
+
}
|
|
57
|
+
function renderBodyButton(bodyProps, buttonClass, i) {
|
|
58
|
+
var _a;
|
|
59
|
+
if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.btnProps) === null || _a === void 0 ? void 0 : _a.content))
|
|
60
|
+
return null;
|
|
61
|
+
var BtnTag = bodyProps.btnProps.as || 'button';
|
|
62
|
+
return (React.createElement(BtnTag, __assign({ key: i, className: buttonClass }, bodyProps.btnProps), bodyProps.btnProps.content));
|
|
63
|
+
}
|
|
64
|
+
return (React.createElement(BSCard, __assign({ className: clsx(className, classnames.card), ref: ref }, rest),
|
|
65
|
+
renderHeader
|
|
66
|
+
? renderHeader()
|
|
67
|
+
: (headerProps === null || headerProps === void 0 ? void 0 : headerProps.content) && React.createElement(BSCard.Header, { className: classnames.header }, headerProps.content),
|
|
68
|
+
(imgProps === null || imgProps === void 0 ? void 0 : imgProps.src) && React.createElement(CardImg, __assign({}, imgProps, { className: classnames.image })),
|
|
69
|
+
React.createElement(BSCard.Body, __assign({ className: classnames.body }, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.cardBodyProps), renderBody ? renderBody() : renderBodySequence(bodyProps, bodySeq, classnames) || children),
|
|
70
|
+
renderFooter
|
|
71
|
+
? renderFooter()
|
|
72
|
+
: (footerProps === null || footerProps === void 0 ? void 0 : footerProps.content) && React.createElement(BSCard.Footer, { className: classnames.footer }, footerProps.content)));
|
|
73
|
+
}
|
|
74
|
+
export default Card;
|
|
75
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type ChangeEvent, type ReactElement } from 'react';
|
|
2
|
+
import { type LabelProps } from './Label';
|
|
3
|
+
interface Classnames {
|
|
4
|
+
wrapper?: string;
|
|
5
|
+
input?: string;
|
|
6
|
+
}
|
|
7
|
+
interface Attributes {
|
|
8
|
+
wrapper?: object;
|
|
9
|
+
input?: object;
|
|
10
|
+
}
|
|
11
|
+
export interface CheckboxProps {
|
|
12
|
+
id?: string;
|
|
13
|
+
name?: string;
|
|
14
|
+
disable?: boolean;
|
|
15
|
+
inline?: boolean;
|
|
16
|
+
classnames?: Classnames;
|
|
17
|
+
attributes?: Attributes;
|
|
18
|
+
labelProps?: LabelProps;
|
|
19
|
+
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
20
|
+
onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
isValid?: boolean;
|
|
22
|
+
isInvalid?: boolean;
|
|
23
|
+
}
|
|
24
|
+
declare function Checkbox({ id, name, disable, inline, labelProps, classnames, attributes, onChange, onBlur, isValid, isInvalid, ...rest }: CheckboxProps): ReactElement;
|
|
25
|
+
export default Checkbox;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Form } from 'react-bootstrap';
|
|
4
|
+
import { destructObj, isStrEmpty } from '../helpers/app';
|
|
5
|
+
import Label from './Label';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
function Checkbox(_a) {
|
|
8
|
+
var id = _a.id, name = _a.name, _b = _a.disable, disable = _b === void 0 ? false : _b, _c = _a.inline, inline = _c === void 0 ? false : _c, labelProps = _a.labelProps, classnames = _a.classnames, attributes = _a.attributes, onChange = _a.onChange, onBlur = _a.onBlur, isValid = _a.isValid, isInvalid = _a.isInvalid, rest = __rest(_a, ["id", "name", "disable", "inline", "labelProps", "classnames", "attributes", "onChange", "onBlur", "isValid", "isInvalid"]);
|
|
9
|
+
var _d = destructObj(classnames), inputClass = _d.input, wrapperClass = _d.wrapper;
|
|
10
|
+
var _e = destructObj(attributes), inputAttr = _e.input, wrapperAttr = _e.wrapper;
|
|
11
|
+
function renderLabel() {
|
|
12
|
+
if (isStrEmpty(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
|
|
13
|
+
return null;
|
|
14
|
+
return React.createElement(Label, __assign({ id: id }, labelProps));
|
|
15
|
+
}
|
|
16
|
+
return (React.createElement(Form.Check, __assign({ type: 'checkbox', id: id, name: name, disabled: disable, inline: inline, className: wrapperClass }, wrapperAttr, rest),
|
|
17
|
+
React.createElement(Form.Check.Input, __assign({ type: 'checkbox', isValid: isValid, isInvalid: isInvalid, className: clsx('me-2', inputClass), onChange: onChange, onBlur: onBlur }, inputAttr)),
|
|
18
|
+
renderLabel()));
|
|
19
|
+
}
|
|
20
|
+
export default Checkbox;
|
|
21
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAA0B,MAAM,SAAS,CAAA;AAChD,OAAO,IAAI,MAAM,MAAM,CAAA;AA0BvB,SAAS,QAAQ,CAAC,EAaF;IAZd,IAAA,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACN,IAAI,cAZS,2HAajB,CADQ;IAED,IAAA,KAA+C,WAAW,CAAC,UAAU,CAAC,EAA7D,UAAU,WAAA,EAAW,YAAY,aAA4B,CAAA;IACtE,IAAA,KAA6C,WAAW,CAAC,UAAU,CAAC,EAA3D,SAAS,WAAA,EAAW,WAAW,aAA4B,CAAA;IAE1E,SAAS,WAAW;QAClB,IAAI,UAAU,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,oBAAC,KAAK,aAAC,EAAE,EAAE,EAAE,IAAM,UAAU,EAAI,CAAA;IAC1C,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,CAAC,KAAK,aACT,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,YAAY,IACnB,WAAW,EACX,IAAI;QAER,oBAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,EACnC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IACV,SAAS,EACb;QACD,WAAW,EAAE,CACH,CACd,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}
|