farm-react 1.0.8 → 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 +3762 -4669
- package/dist/assets/styles/style.css.map +1 -1
- package/dist/cjs/components/Button.d.ts +3 -3
- package/dist/cjs/components/Button.js +7 -4
- package/dist/cjs/components/Button.js.map +1 -1
- 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/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/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/Slider/useSlider.js +0 -1
- package/dist/cjs/components/Slider/useSlider.js.map +1 -1
- package/dist/cjs/components/TextInput.d.ts +10 -7
- package/dist/cjs/components/TextInput.js +75 -8
- package/dist/cjs/components/TextInput.js.map +1 -1
- 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/icons.d.ts +3 -0
- package/dist/cjs/constants/icons.js +3 -0
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/helpers/app.d.ts +1 -1
- package/dist/cjs/helpers/app.js.map +1 -1
- package/dist/cjs/index.d.ts +3 -0
- package/dist/cjs/index.js +7 -1
- package/dist/cjs/index.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/components/Button.d.ts +3 -3
- package/dist/esm/components/Button.js +8 -5
- package/dist/esm/components/Button.js.map +1 -1
- 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/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/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/Slider/useSlider.js +0 -1
- package/dist/esm/components/Slider/useSlider.js.map +1 -1
- package/dist/esm/components/TextInput.d.ts +10 -7
- package/dist/esm/components/TextInput.js +75 -8
- package/dist/esm/components/TextInput.js.map +1 -1
- 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/icons.d.ts +3 -0
- package/dist/esm/constants/icons.js +3 -0
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/helpers/app.d.ts +1 -1
- package/dist/esm/helpers/app.js.map +1 -1
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.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 +2 -1
- package/dist/cjs/components/Slider/Slider/SlickSlider.d.ts +0 -74
- package/dist/cjs/components/Slider/Slider/SlickSlider.js +0 -212
- package/dist/cjs/components/Slider/Slider/SlickSlider.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useCenterMode.d.ts +0 -24
- package/dist/cjs/components/Slider/Slider/useCenterMode.js +0 -40
- package/dist/cjs/components/Slider/Slider/useCenterMode.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useSlider.d.ts +0 -65
- package/dist/cjs/components/Slider/Slider/useSlider.js +0 -164
- package/dist/cjs/components/Slider/Slider/useSlider.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.d.ts +0 -33
- package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js +0 -73
- package/dist/cjs/components/Slider/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.d.ts +0 -38
- package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.js +0 -53
- package/dist/cjs/components/Slider/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useSliderDimension.d.ts +0 -41
- package/dist/cjs/components/Slider/Slider/useSliderDimension.js +0 -91
- package/dist/cjs/components/Slider/Slider/useSliderDimension.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useSliderDraggable.d.ts +0 -43
- package/dist/cjs/components/Slider/Slider/useSliderDraggable.js +0 -146
- package/dist/cjs/components/Slider/Slider/useSliderDraggable.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useSliderNavigation.d.ts +0 -41
- package/dist/cjs/components/Slider/Slider/useSliderNavigation.js +0 -136
- package/dist/cjs/components/Slider/Slider/useSliderNavigation.js.map +0 -1
- package/dist/cjs/components/Slider/Slider/useSliderTransform.d.ts +0 -17
- package/dist/cjs/components/Slider/Slider/useSliderTransform.js +0 -71
- package/dist/cjs/components/Slider/Slider/useSliderTransform.js.map +0 -1
- package/dist/cjs/strings/index.js +0 -2
- package/dist/cjs/strings/index.js.map +0 -1
- package/dist/esm/components/Slider/Slider/SlickSlider.d.ts +0 -74
- package/dist/esm/components/Slider/Slider/SlickSlider.js +0 -209
- package/dist/esm/components/Slider/Slider/SlickSlider.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useCenterMode.d.ts +0 -24
- package/dist/esm/components/Slider/Slider/useCenterMode.js +0 -38
- package/dist/esm/components/Slider/Slider/useCenterMode.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useSlider.d.ts +0 -65
- package/dist/esm/components/Slider/Slider/useSlider.js +0 -162
- package/dist/esm/components/Slider/Slider/useSlider.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useSliderAutoPlay.d.ts +0 -33
- package/dist/esm/components/Slider/Slider/useSliderAutoPlay.js +0 -71
- package/dist/esm/components/Slider/Slider/useSliderAutoPlay.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useSliderBreakpoint.d.ts +0 -38
- package/dist/esm/components/Slider/Slider/useSliderBreakpoint.js +0 -51
- package/dist/esm/components/Slider/Slider/useSliderBreakpoint.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useSliderDimension.d.ts +0 -41
- package/dist/esm/components/Slider/Slider/useSliderDimension.js +0 -89
- package/dist/esm/components/Slider/Slider/useSliderDimension.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useSliderDraggable.d.ts +0 -43
- package/dist/esm/components/Slider/Slider/useSliderDraggable.js +0 -144
- package/dist/esm/components/Slider/Slider/useSliderDraggable.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useSliderNavigation.d.ts +0 -41
- package/dist/esm/components/Slider/Slider/useSliderNavigation.js +0 -134
- package/dist/esm/components/Slider/Slider/useSliderNavigation.js.map +0 -1
- package/dist/esm/components/Slider/Slider/useSliderTransform.d.ts +0 -17
- package/dist/esm/components/Slider/Slider/useSliderTransform.js +0 -69
- package/dist/esm/components/Slider/Slider/useSliderTransform.js.map +0 -1
- package/dist/esm/strings/index.js +0 -2
- package/dist/esm/strings/index.js.map +0 -1
- /package/dist/cjs/{strings/index.d.ts → subComponent/DateRange.d.ts} +0 -0
- /package/dist/esm/{strings/index.d.ts → subComponent/DateRange.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/helpers/app.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/helpers/app.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -18,3 +18,6 @@ export { default as MultiRadio, type MultiRadioProps } from './components/MultiR
|
|
|
18
18
|
export { default as SkeletonLoader, type SkeletonLoaderProps } from './components/SkeletonLoader';
|
|
19
19
|
export { default as ThreeDotsLoader, type ThreeDotsLoaderProps } from './components/ThreeDotsLoader';
|
|
20
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,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
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;
|
|
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
5
|
var Accordion_1 = require("./components/Accordion");
|
|
6
6
|
Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return tslib_1.__importDefault(Accordion_1).default; } });
|
|
@@ -42,4 +42,10 @@ var ThreeDotsLoader_1 = require("./components/ThreeDotsLoader");
|
|
|
42
42
|
Object.defineProperty(exports, "ThreeDotsLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(ThreeDotsLoader_1).default; } });
|
|
43
43
|
var RangeSlider_1 = require("./components/RangeSlider");
|
|
44
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; } });
|
|
45
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,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"}
|
|
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"}
|
|
@@ -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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ReactElement, type ReactNode } from 'react';
|
|
1
|
+
import React, { type ReactElement, type ReactNode } from 'react';
|
|
2
2
|
interface Classnames {
|
|
3
3
|
button?: string;
|
|
4
4
|
icon?: string;
|
|
@@ -12,7 +12,7 @@ interface Attributes {
|
|
|
12
12
|
label?: object;
|
|
13
13
|
}
|
|
14
14
|
export interface ButtonProps {
|
|
15
|
-
variant?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'white' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'ghost';
|
|
15
|
+
variant?: 'primary' | 'secondary' | 'transparent' | 'success' | 'danger' | 'warning' | 'info' | 'white' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info' | 'ghost';
|
|
16
16
|
size?: 'sm' | 'lg';
|
|
17
17
|
label?: string;
|
|
18
18
|
icon?: string;
|
|
@@ -20,7 +20,7 @@ export interface ButtonProps {
|
|
|
20
20
|
disabled?: boolean;
|
|
21
21
|
loading?: boolean;
|
|
22
22
|
type?: 'button' | 'submit' | 'reset';
|
|
23
|
-
onClick?:
|
|
23
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
24
24
|
classnames?: Classnames;
|
|
25
25
|
attributes?: Attributes;
|
|
26
26
|
children?: ReactNode;
|
|
@@ -2,7 +2,7 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { Button as BSButton, Spinner } from 'react-bootstrap';
|
|
5
|
-
import { destructObj, isStrEmpty } from '../helpers/app';
|
|
5
|
+
import { destructObj, isStrEmpty, preventDefault } from '../helpers/app';
|
|
6
6
|
function Button(_a) {
|
|
7
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
8
|
// Destructure classnames safely
|
|
@@ -12,11 +12,14 @@ function Button(_a) {
|
|
|
12
12
|
// Determine if button should be disabled (either explicitly disabled or loading)
|
|
13
13
|
var isDisabled = disabled || loading;
|
|
14
14
|
var iconMargin = iconPosition === 'right' ? 'ms-1' : 'me-1';
|
|
15
|
+
var isBtnDisabled = disabled;
|
|
15
16
|
// Handle click event
|
|
16
|
-
function
|
|
17
|
-
if (
|
|
18
|
-
|
|
17
|
+
function onClickHandler(event) {
|
|
18
|
+
if (isBtnDisabled) {
|
|
19
|
+
preventDefault(event);
|
|
20
|
+
return;
|
|
19
21
|
}
|
|
22
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
20
23
|
}
|
|
21
24
|
// Render icon
|
|
22
25
|
function renderIcon() {
|
|
@@ -49,7 +52,7 @@ function Button(_a) {
|
|
|
49
52
|
renderLabel(),
|
|
50
53
|
iconPosition === 'right' && renderIcon()));
|
|
51
54
|
}
|
|
52
|
-
return (React.createElement(BSButton, __assign({ variant: variant, size: size, type: type, disabled: isDisabled, onClick:
|
|
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()));
|
|
53
56
|
}
|
|
54
57
|
export default Button;
|
|
55
58
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reusable Popover Component using React Bootstrap
|
|
3
|
+
*/
|
|
4
|
+
import React, { ReactElement, ReactNode } from 'react';
|
|
5
|
+
import type { OverlayInjectedProps } from 'react-bootstrap/esm/Overlay';
|
|
6
|
+
import type { OverlayTriggerRenderProps } from 'react-bootstrap/esm/OverlayTrigger';
|
|
7
|
+
import type { Placement } from 'react-bootstrap/types';
|
|
8
|
+
export type PopoverSize = 'sm' | 'lg' | 'xl';
|
|
9
|
+
export type PopoverTrigger = 'hover' | 'click' | 'focus';
|
|
10
|
+
interface Classnames {
|
|
11
|
+
wrapper?: string;
|
|
12
|
+
header?: string;
|
|
13
|
+
icon?: string;
|
|
14
|
+
description?: string;
|
|
15
|
+
title?: string;
|
|
16
|
+
body?: string;
|
|
17
|
+
closeBtn?: string;
|
|
18
|
+
closeBtnIcon?: string;
|
|
19
|
+
footer?: string;
|
|
20
|
+
}
|
|
21
|
+
interface Style {
|
|
22
|
+
wrapper?: object;
|
|
23
|
+
header?: object;
|
|
24
|
+
body?: object;
|
|
25
|
+
footer?: object;
|
|
26
|
+
}
|
|
27
|
+
interface Attributes {
|
|
28
|
+
wrapper?: object;
|
|
29
|
+
header?: object;
|
|
30
|
+
body?: object;
|
|
31
|
+
footer?: object;
|
|
32
|
+
description?: object;
|
|
33
|
+
}
|
|
34
|
+
export interface PopoverProps {
|
|
35
|
+
classnames?: Classnames;
|
|
36
|
+
style?: Style;
|
|
37
|
+
attributes?: Attributes;
|
|
38
|
+
trigger?: PopoverTrigger;
|
|
39
|
+
placement?: Placement;
|
|
40
|
+
title?: string;
|
|
41
|
+
description?: string;
|
|
42
|
+
children?: ReactElement | ((props: OverlayTriggerRenderProps) => ReactNode);
|
|
43
|
+
show?: boolean;
|
|
44
|
+
overlay?: ReactNode | ((injected: OverlayInjectedProps) => ReactNode);
|
|
45
|
+
closeBtn?: boolean;
|
|
46
|
+
customHeader?: ReactNode;
|
|
47
|
+
customFooter?: ReactNode;
|
|
48
|
+
rootClose?: boolean;
|
|
49
|
+
backdrop?: boolean;
|
|
50
|
+
handleBackdrop?: () => void;
|
|
51
|
+
onToggle?: (value: boolean) => void;
|
|
52
|
+
size?: PopoverSize;
|
|
53
|
+
rest?: object;
|
|
54
|
+
}
|
|
55
|
+
declare function Popover({ classnames, style, attributes, trigger, placement, title, description, children, show, overlay, closeBtn, customHeader, customFooter, rootClose, backdrop, handleBackdrop, onToggle, size, rest, }: PopoverProps): React.JSX.Element;
|
|
56
|
+
export default Popover;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reusable Popover Component using React Bootstrap
|
|
3
|
+
*/
|
|
4
|
+
import { __assign } from "tslib";
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { clsx } from 'clsx';
|
|
7
|
+
import { OverlayTrigger, Popover as BSPopover } from 'react-bootstrap';
|
|
8
|
+
import { destructObj } from '../helpers';
|
|
9
|
+
var sizeClasses = {
|
|
10
|
+
sm: 'popover-sm',
|
|
11
|
+
lg: 'popover-lg',
|
|
12
|
+
xl: 'popover-xl',
|
|
13
|
+
};
|
|
14
|
+
function Popover(_a) {
|
|
15
|
+
var classnames = _a.classnames, style = _a.style, attributes = _a.attributes, _b = _a.trigger, trigger = _b === void 0 ? 'click' : _b, _c = _a.placement, placement = _c === void 0 ? 'auto' : _c, title = _a.title, description = _a.description, children = _a.children, _d = _a.show, show = _d === void 0 ? false : _d, overlay = _a.overlay, _e = _a.closeBtn, closeBtn = _e === void 0 ? false : _e, customHeader = _a.customHeader, customFooter = _a.customFooter, _f = _a.rootClose, rootClose = _f === void 0 ? false : _f, _g = _a.backdrop, backdrop = _g === void 0 ? false : _g, handleBackdrop = _a.handleBackdrop, onToggle = _a.onToggle, _h = _a.size, size = _h === void 0 ? 'lg' : _h, rest = _a.rest;
|
|
16
|
+
var _j = destructObj(classnames), wrapper = _j.wrapper, header = _j.header, descriptionClass = _j.description, titleClass = _j.title, body = _j.body, closeBtnClass = _j.closeBtn, closeBtnIcon = _j.closeBtnIcon, footer = _j.footer;
|
|
17
|
+
var _k = destructObj(attributes), wrapperAttr = _k.wrapper, headerAttr = _k.header, bodyAttr = _k.body, footerAttr = _k.footer, descriptionAttr = _k.description;
|
|
18
|
+
var _l = destructObj(style), wrapperStyle = _l.wrapper, headerStyle = _l.header, bodyStyle = _l.body, footerStyle = _l.footer;
|
|
19
|
+
var renderPopover = function (props) { return (React.createElement(BSPopover, __assign({}, props, { className: clsx(sizeClasses[size], wrapper), style: wrapperStyle }, wrapperAttr),
|
|
20
|
+
(title || description || closeBtn || customHeader) && (React.createElement("div", __assign({ className: clsx('popover-header', header), style: headerStyle }, headerAttr), customHeader ? (customHeader) : (React.createElement(React.Fragment, null,
|
|
21
|
+
title && React.createElement("div", { className: clsx('popover-title', titleClass) }, title),
|
|
22
|
+
description && (React.createElement("div", __assign({ className: clsx('popover-description', descriptionClass) }, descriptionAttr), description)),
|
|
23
|
+
closeBtn && (React.createElement("button", { type: 'button', className: clsx('popover-close', closeBtnClass), onClick: function () { return onToggle === null || onToggle === void 0 ? void 0 : onToggle(false); } },
|
|
24
|
+
React.createElement("i", { className: clsx('bi-x', closeBtnIcon) }))))))),
|
|
25
|
+
React.createElement("div", __assign({ className: clsx('popover-body', body), style: bodyStyle }, bodyAttr), typeof overlay === 'function' ? overlay(props) : overlay),
|
|
26
|
+
customFooter && (React.createElement("div", __assign({ className: clsx('popover-footer', footer), style: footerStyle }, footerAttr), customFooter)))); };
|
|
27
|
+
return (React.createElement(React.Fragment, null,
|
|
28
|
+
backdrop && show && React.createElement("div", { className: 'popover-backdrop', onClick: handleBackdrop }),
|
|
29
|
+
React.createElement(OverlayTrigger, __assign({ trigger: trigger, placement: placement, overlay: renderPopover, show: show, rootClose: rootClose, onToggle: onToggle }, rest), children)));
|
|
30
|
+
}
|
|
31
|
+
export default Popover;
|
|
32
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* -----------------------------------------------------------------------------
|
|
3
|
+
* @component RadioButtonGroup
|
|
4
|
+
* -----------------------------------------------------------------------------
|
|
5
|
+
*
|
|
6
|
+
* @description This component is responsible for rendering group of radio buttons, radio buttons can be rendered using the radioBtns prop.
|
|
7
|
+
* The radioBtns is an array which consists of objects, each object representing a radio button with respective properties.
|
|
8
|
+
* React-Hook-Form can be bind to this component.
|
|
9
|
+
*
|
|
10
|
+
* -----------------------------------------------------------------------------
|
|
11
|
+
* Copyright © 2017-present BookingKoala. All rights reserved.
|
|
12
|
+
* -----------------------------------------------------------------------------
|
|
13
|
+
*/
|
|
14
|
+
import { type ChangeEvent, type ReactElement } from 'react';
|
|
15
|
+
import { type ToggleButtonProps } from 'react-bootstrap/ToggleButton';
|
|
16
|
+
import { type Control, type FieldValues, type UseFormReturn } from 'react-hook-form';
|
|
17
|
+
import { type TooltipProps } from 'react-bootstrap';
|
|
18
|
+
import { LabelProps } from './Label';
|
|
19
|
+
interface IconProps {
|
|
20
|
+
icon?: string;
|
|
21
|
+
position?: 'start' | 'end';
|
|
22
|
+
}
|
|
23
|
+
export interface RadioBtn extends ToggleButtonProps {
|
|
24
|
+
label?: string;
|
|
25
|
+
iconProps?: IconProps;
|
|
26
|
+
tooltip?: TooltipProps;
|
|
27
|
+
descProps?: {
|
|
28
|
+
description?: string;
|
|
29
|
+
classname?: string;
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
interface Classnames {
|
|
33
|
+
wrapper?: string;
|
|
34
|
+
btnGroup?: string;
|
|
35
|
+
button?: string;
|
|
36
|
+
icon?: string;
|
|
37
|
+
description?: string;
|
|
38
|
+
}
|
|
39
|
+
interface Attributes {
|
|
40
|
+
wrapper?: object;
|
|
41
|
+
btnGroup?: object;
|
|
42
|
+
button?: object;
|
|
43
|
+
description?: object;
|
|
44
|
+
}
|
|
45
|
+
export interface Methods extends Partial<UseFormReturn<FieldValues>> {
|
|
46
|
+
control: Control<FieldValues, unknown>;
|
|
47
|
+
}
|
|
48
|
+
export interface RadioButtonGroupProps {
|
|
49
|
+
disabled?: boolean;
|
|
50
|
+
isSpaced?: boolean;
|
|
51
|
+
vertical?: boolean;
|
|
52
|
+
description?: string;
|
|
53
|
+
gap?: string;
|
|
54
|
+
name?: string;
|
|
55
|
+
size?: 'sm' | 'lg';
|
|
56
|
+
variant?: string;
|
|
57
|
+
value?: string | number;
|
|
58
|
+
attributes?: Attributes;
|
|
59
|
+
classnames?: Classnames;
|
|
60
|
+
labelProps?: LabelProps;
|
|
61
|
+
methods?: Methods;
|
|
62
|
+
radioBtns?: RadioBtn[];
|
|
63
|
+
onChange?: (value: string | number, event?: ChangeEvent<HTMLInputElement>) => void;
|
|
64
|
+
renderOptions?: (btnContent: RadioBtn) => null | ReactElement;
|
|
65
|
+
}
|
|
66
|
+
declare function RadioButtonGroup({ disabled, isSpaced, vertical, description, gap, name, size, variant, value, attributes, classnames, labelProps, methods, radioBtns, onChange, renderOptions, }: RadioButtonGroupProps): ReactElement;
|
|
67
|
+
export default RadioButtonGroup;
|