farm-react 1.0.7 → 1.0.9

package/dist/cjs/components/Layout/Sidebar.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_bootstrap_1 = require("react-bootstrap");
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Offcanvas_1 = tslib_1.__importDefault(require("react-bootstrap/Offcanvas"));
 function Sidebar() {
-    return ((0, jsx_runtime_1.jsx)(react_bootstrap_1.Offcanvas, { show: true, className: 'top-60', backdrop: false, scroll: true, children: (0, jsx_runtime_1.jsx)(react_bootstrap_1.Offcanvas.Body, { children: "Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc." }) }));
+    return (react_1.default.createElement(Offcanvas_1.default, { show: true, className: 'top-60', backdrop: false, scroll: true },
+        react_1.default.createElement(Offcanvas_1.default.Body, null, "Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.")));
 }
 exports.default = Sidebar;
 //# sourceMappingURL=Sidebar.js.map

package/dist/cjs/components/Layout/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar.tsx"],"names":[],"mappings":";;;AAAA,mDAA2C;AAE3C,SAAS,OAAO;IACd,OAAO,CACL,uBAAC,2BAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,YAC9D,uBAAC,2BAAS,CAAC,IAAI,oIAGE,GACP,CACb,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,gFAAiD;AAEjD,SAAS,OAAO;IACd,OAAO,CACL,8BAAC,mBAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI;QAC9D,8BAAC,mBAAS,CAAC,IAAI,4HAGE,CACP,CACb,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}

package/dist/cjs/components/MultiCheckbox.d.ts

@@ -0,0 +1,39 @@
+import React, { type ReactElement } from 'react';
+import Checkbox from './Checkbox';
+import { type LabelProps } from './Label';
+export type ReturnTypeOption = 'value' | 'object';
+export interface MultiCheckboxClassnames {
+    checkboxLabel?: string;
+    description?: string;
+    errorMessage?: string;
+    wrapper?: string;
+    input?: string;
+}
+export interface MultiCheckboxAttributes {
+    wrapper?: object;
+    checkbox?: object;
+}
+export interface MultiCheckboxProps<T = any> extends Omit<React.ComponentProps<typeof Checkbox>, 'onChange'> {
+    classnames?: MultiCheckboxClassnames;
+    inline?: boolean;
+    rtl?: boolean;
+    labelProps?: LabelProps;
+    onChange?: (value: T[] | Array<string | number> | null) => void;
+    returnType?: ReturnTypeOption;
+    checkedValues?: Array<string | number>;
+    idKey?: string;
+    valueKey?: string;
+    labelKey?: string;
+    name: string;
+    data: T[];
+    description?: string;
+    keyExtractor?: (dataItem: T, index: number) => React.Key;
+    attributes?: MultiCheckboxAttributes;
+    validations?: object;
+    requiredFields?: string[];
+    stripDescHTML?: boolean;
+    disabledValues?: Array<string | number>;
+    renderLabel?: (dataItem: T, label: string | number) => string;
+}
+declare function MultiCheckbox<T = object[]>({ classnames, inline, rtl, labelProps, onChange, returnType, checkedValues, idKey, valueKey, labelKey, name, data, description, keyExtractor, attributes, validations, requiredFields, stripDescHTML, disabledValues, renderLabel, ...rest }: MultiCheckboxProps<T>): ReactElement;
+export default MultiCheckbox;

package/dist/cjs/components/MultiCheckbox.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var Checkbox_1 = tslib_1.__importDefault(require("./Checkbox"));
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+function MultiCheckbox(_a) {
+    var _b = _a.classnames, classnames = _b === void 0 ? {} : _b, _c = _a.inline, inline = _c === void 0 ? true : _c, _d = _a.rtl, rtl = _d === void 0 ? false : _d, labelProps = _a.labelProps, onChange = _a.onChange, _e = _a.returnType, returnType = _e === void 0 ? 'value' : _e, _f = _a.checkedValues, checkedValues = _f === void 0 ? [] : _f, _g = _a.idKey, idKey = _g === void 0 ? 'id' : _g, _h = _a.valueKey, valueKey = _h === void 0 ? 'value' : _h, _j = _a.labelKey, labelKey = _j === void 0 ? 'label' : _j, name = _a.name, data = _a.data, description = _a.description, keyExtractor = _a.keyExtractor, _k = _a.attributes, attributes = _k === void 0 ? {} : _k, validations = _a.validations, _l = _a.requiredFields, requiredFields = _l === void 0 ? [] : _l, _m = _a.stripDescHTML, stripDescHTML = _m === void 0 ? false : _m, _o = _a.disabledValues, disabledValues = _o === void 0 ? [] : _o, renderLabel = _a.renderLabel, rest = tslib_1.__rest(_a, ["classnames", "inline", "rtl", "labelProps", "onChange", "returnType", "checkedValues", "idKey", "valueKey", "labelKey", "name", "data", "description", "keyExtractor", "attributes", "validations", "requiredFields", "stripDescHTML", "disabledValues", "renderLabel"]);
+    var _p = (0, react_1.useState)(checkedValues), selected = _p[0], setSelected = _p[1];
+    /* Sync external checkedValues */
+    (0, react_1.useEffect)(function () {
+        setSelected(checkedValues);
+    }, [checkedValues]);
+    /* Handle Change */
+    function handleChange(value, checked) {
+        var updated;
+        if (checked) {
+            updated = tslib_1.__spreadArray(tslib_1.__spreadArray([], selected, true), [value], false);
+        }
+        else {
+            updated = selected.filter(function (v) { return v !== value; });
+        }
+        setSelected(updated);
+        if (returnType === 'object') {
+            var selectedObjects = data.filter(function (d) { return updated.includes(d[valueKey]); });
+            onChange === null || onChange === void 0 ? void 0 : onChange(selectedObjects.length ? selectedObjects : null);
+        }
+        else {
+            onChange === null || onChange === void 0 ? void 0 : onChange(updated.length ? updated : null);
+        }
+    }
+    /* Render Description */
+    function renderDescription() {
+        if (!description)
+            return null;
+        return react_1.default.createElement("p", { className: classnames.description }, description);
+    }
+    /* Render Checkboxes */
+    function renderCheckboxes() {
+        return data.map(function (item, index) {
+            var itemId = item[idKey];
+            var itemValue = item[valueKey];
+            var label = renderLabel ? renderLabel(item, item[labelKey]) : item[labelKey];
+            var key = keyExtractor ? keyExtractor(item, index) : (itemId !== null && itemId !== void 0 ? itemId : index);
+            var isDisabled = disabledValues.includes(itemValue) || (requiredFields.length > 0 && requiredFields.includes(itemValue));
+            return (react_1.default.createElement(Checkbox_1.default, tslib_1.__assign({ id: itemId, key: key, name: name, inline: inline, disable: isDisabled, labelProps: { label: label }, classnames: { input: classnames.input }, attributes: { wrapper: attributes.checkbox }, onChange: function (e) { return handleChange(itemValue, e.target.checked); } }, rest)));
+        });
+    }
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(classnames.wrapper, { rtl: rtl }) }, attributes.wrapper),
+        labelProps && react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps)),
+        renderDescription(),
+        renderCheckboxes()));
+}
+exports.default = MultiCheckbox;
+//# sourceMappingURL=MultiCheckbox.js.map

package/dist/cjs/components/MultiCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCheckbox.js","sourceRoot":"","sources":["../../../src/components/MultiCheckbox.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/MultiRadio.d.ts

@@ -0,0 +1,30 @@
+import React, { type ReactElement } from 'react';
+import { type LabelProps } from './Label';
+export interface MultiRadioClassnames {
+    description?: string;
+    wrapper?: string;
+    input?: string;
+    radioLabel?: string;
+}
+export interface MultiRadioAttributes {
+    wrapper?: object;
+    radio?: object;
+}
+export interface MultiRadioProps<T = any> {
+    classnames?: MultiRadioClassnames;
+    inline?: boolean;
+    labelProps?: LabelProps;
+    renderLabel?: () => null | ReactElement;
+    onChange?: (value: string | number) => void;
+    checkedValue?: string | number;
+    idKey?: string;
+    valueKey?: string;
+    labelKey?: string;
+    name: string;
+    data: T[];
+    description?: string;
+    keyExtractor?: (dataItem: T, index: number) => React.Key;
+    attributes?: MultiRadioAttributes;
+}
+declare function MultiRadio<T = any>({ classnames, inline, labelProps, renderLabel, onChange, checkedValue, idKey, valueKey, labelKey, name, data, description, keyExtractor, attributes, ...rest }: MultiRadioProps<T>): ReactElement;
+export default MultiRadio;

package/dist/cjs/components/MultiRadio.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+var Radio_1 = tslib_1.__importDefault(require("./Radio"));
+var helpers_1 = require("../helpers");
+function MultiRadio(_a) {
+    var _b = _a.classnames, classnames = _b === void 0 ? {} : _b, _c = _a.inline, inline = _c === void 0 ? true : _c, labelProps = _a.labelProps, renderLabel = _a.renderLabel, onChange = _a.onChange, checkedValue = _a.checkedValue, _d = _a.idKey, idKey = _d === void 0 ? 'id' : _d, _e = _a.valueKey, valueKey = _e === void 0 ? 'value' : _e, _f = _a.labelKey, labelKey = _f === void 0 ? 'label' : _f, name = _a.name, data = _a.data, description = _a.description, keyExtractor = _a.keyExtractor, _g = _a.attributes, attributes = _g === void 0 ? {} : _g, rest = tslib_1.__rest(_a, ["classnames", "inline", "labelProps", "renderLabel", "onChange", "checkedValue", "idKey", "valueKey", "labelKey", "name", "data", "description", "keyExtractor", "attributes"]);
+    /* Destruct props */
+    var _h = (0, helpers_1.destructObj)(classnames), wrapperClass = _h.wrapper, inputClass = _h.input, descriptionClass = _h.description;
+    var _j = (0, helpers_1.destructObj)(attributes), wrapperAttr = _j.wrapper, radioAttr = _j.radio;
+    /* Handle Change */
+    function handleChange(value) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }
+    /* Render Description */
+    function renderDescription() {
+        if ((0, helpers_1.isStrEmpty)(description))
+            return null;
+        return react_1.default.createElement("div", { className: descriptionClass }, description);
+    }
+    /* Render Radios */
+    function renderRadios() {
+        return data.map(function (item, index) {
+            var itemId = item[idKey];
+            var itemValue = item[valueKey];
+            var label = item[labelKey];
+            var key = keyExtractor ? keyExtractor(item, index) : (itemId !== null && itemId !== void 0 ? itemId : index);
+            return (react_1.default.createElement(Radio_1.default, tslib_1.__assign({ key: key, id: itemId, name: name, inline: inline, checked: checkedValue === itemValue, labelProps: { label: label }, onChange: function () { return handleChange(itemValue); }, classnames: { input: inputClass }, attributes: { wrapper: radioAttr } }, rest)));
+        });
+    }
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(wrapperClass) }, wrapperAttr),
+        (0, helpers_1.isObjNotEmpty)(labelProps) && react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps)), renderLabel === null || renderLabel === void 0 ? void 0 :
+        renderLabel(),
+        renderDescription(),
+        renderRadios()));
+}
+exports.default = MultiRadio;
+//# sourceMappingURL=MultiRadio.js.map

package/dist/cjs/components/MultiRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiRadio.js","sourceRoot":"","sources":["../../../src/components/MultiRadio.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,sDAAuB;AACvB,0DAAgD;AAChD,0DAA2B;AAC3B,sCAAmE;AA+BnE,SAAS,UAAU,CAAU,EAgBR;IAfnB,IAAA,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACZ,IAAI,sBAfoB,+KAgB5B,CADQ;IAEP,oBAAoB;IACd,IAAA,KAA8E,IAAA,qBAAW,EAAC,UAAU,CAAC,EAA1F,YAAY,aAAA,EAAS,UAAU,WAAA,EAAe,gBAAgB,iBAA4B,CAAA;IAErG,IAAA,KAA6C,IAAA,qBAAW,EAAC,UAAU,CAAC,EAAzD,WAAW,aAAA,EAAS,SAAS,WAA4B,CAAA;IAE1E,mBAAmB;IACnB,SAAS,YAAY,CAAC,KAAsB;QAC1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAA;IACnB,CAAC;IAED,wBAAwB;IACxB,SAAS,iBAAiB;QACxB,IAAI,IAAA,oBAAU,EAAC,WAAW,CAAC;YAAE,OAAO,IAAI,CAAA;QAExC,OAAO,uCAAK,SAAS,EAAE,gBAAgB,IAAG,WAAW,CAAO,CAAA;IAC9D,CAAC;IAED,mBAAmB;IACnB,SAAS,YAAY;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;YACvC,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;YAC1B,IAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;YAChC,IAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAA;YAE5B,IAAM,GAAG,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC,CAAA;YAExE,OAAO,CACL,8BAAC,eAAK,qBACJ,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,YAAY,KAAK,SAAS,EACnC,UAAU,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAC5B,QAAQ,EAAE,cAAM,OAAA,YAAY,CAAC,SAAS,CAAC,EAAvB,CAAuB,EACvC,UAAU,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EACjC,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAC9B,IAAI,EACR,CACH,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,CACL,wDAAK,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,CAAC,IAAM,WAAW;QAChD,IAAA,uBAAa,EAAC,UAAU,CAAC,IAAI,8BAAC,eAAK,uBAAK,UAAU,EAAI,EACtD,WAAW,aAAX,WAAW;QAAX,WAAW,EAAI;QACf,iBAAiB,EAAE;QACnB,YAAY,EAAE,CACX,CACP,CAAA;AACH,CAAC;AAED,kBAAe,UAAU,CAAA"}

package/dist/cjs/components/NumberInput.d.ts

@@ -0,0 +1,38 @@
+import React, { type ReactElement } from 'react';
+import { type LabelProps } from './Label';
+interface Classnames {
+    wrapper?: string;
+    input?: string;
+    description?: string;
+}
+interface Attributes {
+    input?: object;
+    wrapper?: object;
+    description?: object;
+}
+type NumberInputVariant = 'normal' | 'floating';
+export interface NumberInputProps {
+    labelProps?: LabelProps;
+    placeholder?: string;
+    description?: string;
+    size?: 'sm' | 'lg';
+    value?: string;
+    id?: string;
+    defaultValue?: string;
+    name?: string;
+    maxLength?: number;
+    classnames?: Classnames;
+    attributes?: Attributes;
+    variant?: NumberInputVariant;
+    /** NEW PROPS */
+    min?: number;
+    max?: number;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    readonly?: boolean;
+    disabled?: boolean;
+}
+declare function NumberInput({ labelProps, description, placeholder, size, value, onChange, onBlur, onFocus, variant, inputRef, id, defaultValue, classnames, attributes, name, maxLength, readonly, disabled, min, max, ...rest }: NumberInputProps): ReactElement;
+export default NumberInput;

package/dist/cjs/components/NumberInput.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+var app_1 = require("../helpers/app");
+function NumberInput(_a) {
+    var labelProps = _a.labelProps, description = _a.description, placeholder = _a.placeholder, size = _a.size, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, _b = _a.variant, variant = _b === void 0 ? 'normal' : _b, inputRef = _a.inputRef, id = _a.id, defaultValue = _a.defaultValue, classnames = _a.classnames, attributes = _a.attributes, name = _a.name, _c = _a.maxLength, maxLength = _c === void 0 ? 200 : _c, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, min = _a.min, max = _a.max, rest = tslib_1.__rest(_a, ["labelProps", "description", "placeholder", "size", "value", "onChange", "onBlur", "onFocus", "variant", "inputRef", "id", "defaultValue", "classnames", "attributes", "name", "maxLength", "readonly", "disabled", "min", "max"]);
+    var _f = (0, app_1.destructObj)(classnames), inputClass = _f.input, wrapperClass = _f.wrapper, descClass = _f.description;
+    var _g = (0, app_1.destructObj)(attributes), inputAttr = _g.input, wrapperAttr = _g.wrapper, descAttr = _g.description;
+    var isFloatingVariantEnable = variant === 'floating';
+    function renderLabel() {
+        if ((0, app_1.isObjEmpty)(labelProps))
+            return null;
+        return react_1.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps));
+    }
+    function renderInput() {
+        return (react_1.default.createElement(react_bootstrap_1.Form.Control, tslib_1.__assign({ type: 'number', placeholder: placeholder, value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, ref: inputRef, id: id, name: name, disabled: disabled, readOnly: readonly, defaultValue: defaultValue, size: size, maxLength: maxLength, min: min, max: max, className: (0, clsx_1.default)(inputClass) }, inputAttr, rest)));
+    }
+    function renderDescription() {
+        if ((0, app_1.isStrEmpty)(description))
+            return null;
+        return (react_1.default.createElement(react_bootstrap_1.Form.Text, tslib_1.__assign({ className: (0, clsx_1.default)('text-muted', descClass) }, descAttr), description));
+    }
+    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.default)(wrapperClass, { 'form-floating': isFloatingVariantEnable }) }, wrapperAttr),
+        !isFloatingVariantEnable && renderLabel(),
+        renderInput(),
+        isFloatingVariantEnable && renderLabel(),
+        renderDescription()));
+}
+exports.default = NumberInput;
+//# sourceMappingURL=NumberInput.js.map

package/dist/cjs/components/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,sDAAuB;AACvB,mDAAsC;AACtC,0DAAgD;AAChD,sCAAoE;AAyCpE,SAAS,WAAW,CAAC,EAsBF;IArBjB,IAAA,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAClB,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,iBAAe,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,GAAG,SAAA,EACH,GAAG,SAAA,EACA,IAAI,sBArBY,kOAsBpB,CADQ;IAED,IAAA,KAAuE,IAAA,iBAAW,EAAC,UAAU,CAAC,EAArF,UAAU,WAAA,EAAW,YAAY,aAAA,EAAe,SAAS,iBAA4B,CAAA;IAE9F,IAAA,KAAoE,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAlF,SAAS,WAAA,EAAW,WAAW,aAAA,EAAe,QAAQ,iBAA4B,CAAA;IAEjG,IAAM,uBAAuB,GAAY,OAAO,KAAK,UAAU,CAAA;IAE/D,SAAS,WAAW;QAClB,IAAI,IAAA,gBAAU,EAAC,UAAU,CAAC;YAAE,OAAO,IAAI,CAAA;QACvC,OAAO,8BAAC,eAAK,uBAAK,UAAU,EAAI,CAAA;IAClC,CAAC;IAED,SAAS,WAAW;QAClB,OAAO,CACL,8BAAC,sBAAI,CAAC,OAAO,qBACX,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,CAAC,IACvB,SAAS,EACT,IAAI,EACR,CACH,CAAA;IACH,CAAC;IAED,SAAS,iBAAiB;QACxB,IAAI,IAAA,gBAAU,EAAC,WAAW,CAAC;YAAE,OAAO,IAAI,CAAA;QACxC,OAAO,CACL,8BAAC,sBAAI,CAAC,IAAI,qBAAC,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,SAAS,CAAC,IAAM,QAAQ,GAC9D,WAAW,CACF,CACb,CAAA;IACH,CAAC;IAED,OAAO,CACL,wDAAK,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,EAAE,eAAe,EAAE,uBAAuB,EAAE,CAAC,IAAM,WAAW;QAC9F,CAAC,uBAAuB,IAAI,WAAW,EAAE;QACzC,WAAW,EAAE;QACb,uBAAuB,IAAI,WAAW,EAAE;QACxC,iBAAiB,EAAE,CAChB,CACP,CAAA;AACH,CAAC;AAED,kBAAe,WAAW,CAAA"}

package/dist/cjs/components/Popover.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Reusable Popover Component using React Bootstrap
+ */
+import React, { ReactElement, ReactNode } from 'react';
+import type { OverlayInjectedProps } from 'react-bootstrap/esm/Overlay';
+import type { OverlayTriggerRenderProps } from 'react-bootstrap/esm/OverlayTrigger';
+import type { Placement } from 'react-bootstrap/types';
+export type PopoverSize = 'sm' | 'lg' | 'xl';
+export type PopoverTrigger = 'hover' | 'click' | 'focus';
+interface Classnames {
+    wrapper?: string;
+    header?: string;
+    icon?: string;
+    description?: string;
+    title?: string;
+    body?: string;
+    closeBtn?: string;
+    closeBtnIcon?: string;
+    footer?: string;
+}
+interface Style {
+    wrapper?: object;
+    header?: object;
+    body?: object;
+    footer?: object;
+}
+interface Attributes {
+    wrapper?: object;
+    header?: object;
+    body?: object;
+    footer?: object;
+    description?: object;
+}
+export interface PopoverProps {
+    classnames?: Classnames;
+    style?: Style;
+    attributes?: Attributes;
+    trigger?: PopoverTrigger;
+    placement?: Placement;
+    title?: string;
+    description?: string;
+    children?: ReactElement | ((props: OverlayTriggerRenderProps) => ReactNode);
+    show?: boolean;
+    overlay?: ReactNode | ((injected: OverlayInjectedProps) => ReactNode);
+    closeBtn?: boolean;
+    customHeader?: ReactNode;
+    customFooter?: ReactNode;
+    rootClose?: boolean;
+    backdrop?: boolean;
+    handleBackdrop?: () => void;
+    onToggle?: (value: boolean) => void;
+    size?: PopoverSize;
+    rest?: object;
+}
+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;
+export default Popover;

package/dist/cjs/components/Popover.js

@@ -0,0 +1,34 @@
+"use strict";
+/**
+ * Reusable Popover Component using React Bootstrap
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = require("clsx");
+var react_bootstrap_1 = require("react-bootstrap");
+var helpers_1 = require("../helpers");
+var sizeClasses = {
+    sm: 'popover-sm',
+    lg: 'popover-lg',
+    xl: 'popover-xl',
+};
+function Popover(_a) {
+    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;
+    var _j = (0, helpers_1.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;
+    var _k = (0, helpers_1.destructObj)(attributes), wrapperAttr = _k.wrapper, headerAttr = _k.header, bodyAttr = _k.body, footerAttr = _k.footer, descriptionAttr = _k.description;
+    var _l = (0, helpers_1.destructObj)(style), wrapperStyle = _l.wrapper, headerStyle = _l.header, bodyStyle = _l.body, footerStyle = _l.footer;
+    var renderPopover = function (props) { return (react_1.default.createElement(react_bootstrap_1.Popover, tslib_1.__assign({}, props, { className: (0, clsx_1.clsx)(sizeClasses[size], wrapper), style: wrapperStyle }, wrapperAttr),
+        (title || description || closeBtn || customHeader) && (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.clsx)('popover-header', header), style: headerStyle }, headerAttr), customHeader ? (customHeader) : (react_1.default.createElement(react_1.default.Fragment, null,
+            title && react_1.default.createElement("div", { className: (0, clsx_1.clsx)('popover-title', titleClass) }, title),
+            description && (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.clsx)('popover-description', descriptionClass) }, descriptionAttr), description)),
+            closeBtn && (react_1.default.createElement("button", { type: 'button', className: (0, clsx_1.clsx)('popover-close', closeBtnClass), onClick: function () { return onToggle === null || onToggle === void 0 ? void 0 : onToggle(false); } },
+                react_1.default.createElement("i", { className: (0, clsx_1.clsx)('bi-x', closeBtnIcon) }))))))),
+        react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.clsx)('popover-body', body), style: bodyStyle }, bodyAttr), typeof overlay === 'function' ? overlay(props) : overlay),
+        customFooter && (react_1.default.createElement("div", tslib_1.__assign({ className: (0, clsx_1.clsx)('popover-footer', footer), style: footerStyle }, footerAttr), customFooter)))); };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        backdrop && show && react_1.default.createElement("div", { className: 'popover-backdrop', onClick: handleBackdrop }),
+        react_1.default.createElement(react_bootstrap_1.OverlayTrigger, tslib_1.__assign({ trigger: trigger, placement: placement, overlay: renderPopover, show: show, rootClose: rootClose, onToggle: onToggle }, rest), children)));
+}
+exports.default = Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover.tsx"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,wDAAsD;AACtD,6BAA2B;AAC3B,mDAAsE;AAKtE,sCAAwC;AAmExC,IAAM,WAAW,GAAG;IAClB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,YAAY;CACjB,CAAA;AAED,SAAS,OAAO,CAAC,EAgCF;QA/Bb,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,UAAU,gBAAA,EAEV,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAElB,KAAK,WAAA,EACL,WAAW,iBAAA,EAEX,QAAQ,cAAA,EAER,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EAEZ,OAAO,aAAA,EAEP,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAEhB,YAAY,kBAAA,EACZ,YAAY,kBAAA,EAEZ,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAEjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,cAAc,oBAAA,EAEd,QAAQ,cAAA,EAER,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAEX,IAAI,UAAA;IAEE,IAAA,KASF,IAAA,qBAAW,EAAC,UAAU,CAAC,EARzB,OAAO,aAAA,EACP,MAAM,YAAA,EACO,gBAAgB,iBAAA,EACtB,UAAU,WAAA,EACjB,IAAI,UAAA,EACM,aAAa,cAAA,EACvB,YAAY,kBAAA,EACZ,MAAM,YACmB,CAAA;IAErB,IAAA,KAMF,IAAA,qBAAW,EAAC,UAAU,CAAC,EALhB,WAAW,aAAA,EACZ,UAAU,YAAA,EACZ,QAAQ,UAAA,EACN,UAAU,YAAA,EACL,eAAe,iBACH,CAAA;IAErB,IAAA,KAAuF,IAAA,qBAAW,EAAC,KAAK,CAAC,EAA9F,YAAY,aAAA,EAAU,WAAW,YAAA,EAAQ,SAAS,UAAA,EAAU,WAAW,YAAuB,CAAA;IAE/G,IAAM,aAAa,GAAG,UAAC,KAA2B,IAAK,OAAA,CACrD,8BAAC,yBAAS,uBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,WAAI,EAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,IAAM,WAAW;QACpG,CAAC,KAAK,IAAI,WAAW,IAAI,QAAQ,IAAI,YAAY,CAAC,IAAI,CACrD,wDAAK,SAAS,EAAE,IAAA,WAAI,EAAC,gBAAgB,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,IAAM,UAAU,GAC/E,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CACb,CAAC,CAAC,CAAC,CACF;YACG,KAAK,IAAI,uCAAK,SAAS,EAAE,IAAA,WAAI,EAAC,eAAe,EAAE,UAAU,CAAC,IAAG,KAAK,CAAO;YAEzE,WAAW,IAAI,CACd,wDAAK,SAAS,EAAE,IAAA,WAAI,EAAC,qBAAqB,EAAE,gBAAgB,CAAC,IAAM,eAAe,GAC/E,WAAW,CACR,CACP;YAEA,QAAQ,IAAI,CACX,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,WAAI,EAAC,eAAe,EAAE,aAAa,CAAC,EAC/C,OAAO,EAAE,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,EAAjB,CAAiB;gBAEhC,qCAAG,SAAS,EAAE,IAAA,WAAI,EAAC,MAAM,EAAE,YAAY,CAAC,GAAI,CACrC,CACV,CACA,CACJ,CACG,CACP;QAED,wDAAK,SAAS,EAAE,IAAA,WAAI,EAAC,cAAc,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,IAAM,QAAQ,GACvE,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CACrD;QAEL,YAAY,IAAI,CACf,wDAAK,SAAS,EAAE,IAAA,WAAI,EAAC,gBAAgB,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,WAAW,IAAM,UAAU,GAC/E,YAAY,CACT,CACP,CACS,CACb,EAxCsD,CAwCtD,CAAA;IAED,OAAO,CACL;QACG,QAAQ,IAAI,IAAI,IAAI,uCAAK,SAAS,EAAC,kBAAkB,EAAC,OAAO,EAAE,cAAc,GAAI;QAElF,8BAAC,gCAAc,qBACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IACd,IAAI,GAEP,QAAe,CACD,CAChB,CACJ,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}

package/dist/cjs/components/Radio.d.ts

@@ -0,0 +1,24 @@
+import { type ChangeEvent, type ReactElement } from 'react';
+import { type LabelProps } from './Label';
+interface Classnames {
+    wrapper?: string;
+    input?: string;
+}
+interface Attributes {
+    wrapper?: object;
+    input?: object;
+}
+export interface RadioProps {
+    id?: string;
+    name?: string;
+    disable?: boolean;
+    inline?: boolean;
+    classnames?: Classnames;
+    attributes?: Attributes;
+    labelProps?: LabelProps;
+    checked?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+declare function Radio({ id, name, disable, inline, labelProps, classnames, attributes, checked, onChange, onBlur, }: RadioProps): ReactElement;
+export default Radio;

package/dist/cjs/components/Radio.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+var app_1 = require("../helpers/app");
+function Radio(_a) {
+    var id = _a.id, name = _a.name, _b = _a.disable, disable = _b === void 0 ? false : _b, _c = _a.inline, inline = _c === void 0 ? false : _c, labelProps = _a.labelProps, classnames = _a.classnames, attributes = _a.attributes, checked = _a.checked, onChange = _a.onChange, onBlur = _a.onBlur;
+    var _d = (0, app_1.destructObj)(classnames), wrapperClass = _d.wrapper, inputClass = _d.input;
+    var _e = (0, app_1.destructObj)(attributes), wrapperAttr = _e.wrapper, inputAttr = _e.input;
+    /** Label */
+    function renderLabel() {
+        if ((0, app_1.isStrEmpty)(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
+            return null;
+        return react_1.default.createElement(Label_1.default, tslib_1.__assign({ id: id }, labelProps));
+    }
+    return (react_1.default.createElement(react_bootstrap_1.Form.Check, tslib_1.__assign({ id: id, name: name, disabled: disable, inline: inline, className: (0, clsx_1.default)(wrapperClass) }, wrapperAttr),
+        react_1.default.createElement(react_bootstrap_1.Form.Check.Input, tslib_1.__assign({ type: 'radio', checked: checked, className: (0, clsx_1.default)('me-2', inputClass), onChange: onChange, onBlur: onBlur }, inputAttr)),
+        renderLabel()));
+}
+exports.default = Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/cjs/components/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio.tsx"],"names":[],"mappings":";;;AAAA,wDAAkE;AAClE,sDAAuB;AACvB,mDAAsC;AACtC,0DAAgD;AAChD,sCAAwD;AA0BxD,SAAS,KAAK,CAAC,EAWF;QAVX,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,MAAM,YAAA;IAEA,IAAA,KAA+C,IAAA,iBAAW,EAAC,UAAU,CAAC,EAA3D,YAAY,aAAA,EAAS,UAAU,WAA4B,CAAA;IAEtE,IAAA,KAA6C,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAzD,WAAW,aAAA,EAAS,SAAS,WAA4B,CAAA;IAE1E,YAAY;IACZ,SAAS,WAAW;QAClB,IAAI,IAAA,gBAAU,EAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QAC9C,OAAO,8BAAC,eAAK,qBAAC,EAAE,EAAE,EAAE,IAAM,UAAU,EAAI,CAAA;IAC1C,CAAC;IAED,OAAO,CACL,8BAAC,sBAAI,CAAC,KAAK,qBAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,CAAC,IAAM,WAAW;QAC/G,8BAAC,sBAAI,CAAC,KAAK,CAAC,KAAK,qBACf,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,cAAI,EAAC,MAAM,EAAE,UAAU,CAAC,EACnC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,IACV,SAAS,EACb;QACD,WAAW,EAAE,CACH,CACd,CAAA;AACH,CAAC;AAED,kBAAe,KAAK,CAAA"}

package/dist/cjs/components/RadioButtonGroup.d.ts

@@ -0,0 +1,67 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @component RadioButtonGroup
+ * -----------------------------------------------------------------------------
+ *
+ * @description This component is responsible for rendering group of radio buttons, radio buttons can be rendered using the radioBtns prop.
+ * The radioBtns is an array which consists of objects, each object representing a radio button with respective properties.
+ * React-Hook-Form can be bind to this component.
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type ChangeEvent, type ReactElement } from 'react';
+import { type ToggleButtonProps } from 'react-bootstrap/ToggleButton';
+import { type Control, type FieldValues, type UseFormReturn } from 'react-hook-form';
+import { type TooltipProps } from 'react-bootstrap';
+import { LabelProps } from './Label';
+interface IconProps {
+    icon?: string;
+    position?: 'start' | 'end';
+}
+export interface RadioBtn extends ToggleButtonProps {
+    label?: string;
+    iconProps?: IconProps;
+    tooltip?: TooltipProps;
+    descProps?: {
+        description?: string;
+        classname?: string;
+    };
+}
+interface Classnames {
+    wrapper?: string;
+    btnGroup?: string;
+    button?: string;
+    icon?: string;
+    description?: string;
+}
+interface Attributes {
+    wrapper?: object;
+    btnGroup?: object;
+    button?: object;
+    description?: object;
+}
+export interface Methods extends Partial<UseFormReturn<FieldValues>> {
+    control: Control<FieldValues, unknown>;
+}
+export interface RadioButtonGroupProps {
+    disabled?: boolean;
+    isSpaced?: boolean;
+    vertical?: boolean;
+    description?: string;
+    gap?: string;
+    name?: string;
+    size?: 'sm' | 'lg';
+    variant?: string;
+    value?: string | number;
+    attributes?: Attributes;
+    classnames?: Classnames;
+    labelProps?: LabelProps;
+    methods?: Methods;
+    radioBtns?: RadioBtn[];
+    onChange?: (value: string | number, event?: ChangeEvent<HTMLInputElement>) => void;
+    renderOptions?: (btnContent: RadioBtn) => null | ReactElement;
+}
+declare function RadioButtonGroup({ disabled, isSpaced, vertical, description, gap, name, size, variant, value, attributes, classnames, labelProps, methods, radioBtns, onChange, renderOptions, }: RadioButtonGroupProps): ReactElement;
+export default RadioButtonGroup;