farm-react 1.0.7 → 1.0.8

package/dist/esm/components/Checkbox.js

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Form } from 'react-bootstrap';
+import { destructObj, isStrEmpty } from '../helpers/app';
+import Label from './Label';
+import clsx from 'clsx';
+function Checkbox(_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, 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"]);
+    var _d = destructObj(classnames), inputClass = _d.input, wrapperClass = _d.wrapper;
+    var _e = destructObj(attributes), inputAttr = _e.input, wrapperAttr = _e.wrapper;
+    function renderLabel() {
+        if (isStrEmpty(labelProps === null || labelProps === void 0 ? void 0 : labelProps.label))
+            return null;
+        return React.createElement(Label, __assign({ id: id }, labelProps));
+    }
+    return (React.createElement(Form.Check, __assign({ type: 'checkbox', id: id, name: name, disabled: disable, inline: inline, className: wrapperClass }, wrapperAttr, rest),
+        React.createElement(Form.Check.Input, __assign({ type: 'checkbox', isValid: isValid, isInvalid: isInvalid, className: clsx('me-2', inputClass), onChange: onChange, onBlur: onBlur }, inputAttr)),
+        renderLabel()));
+}
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/Checkbox.js.map

@@ -0,0 +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"}

package/dist/esm/components/ConfirmPoup.d.ts

@@ -0,0 +1,21 @@
+import { type ReactElement } from 'react';
+import { type ButtonProps } from './Button';
+import { type AlertProps } from './Alert';
+export interface ConfirmPoupProps {
+    icon?: string;
+    title?: string;
+    description?: string;
+    message?: string;
+    subtitle?: string;
+    alertProps?: AlertProps;
+    callback?: (response?: boolean) => void;
+    renderBody?: () => ReactElement | null;
+    renderTitle?: () => ReactElement | null;
+    btnsProps?: {
+        submit?: ButtonProps;
+        cancel?: ButtonProps;
+    };
+    show?: boolean;
+}
+declare function ConfirmPoup({ show, title, description, subtitle, message, icon, callback, btnsProps, renderBody, renderTitle, }: ConfirmPoupProps): ReactElement | null;
+export default ConfirmPoup;

package/dist/esm/components/ConfirmPoup.js

@@ -0,0 +1,45 @@
+import { __assign } from "tslib";
+import React from 'react';
+import clsx from 'clsx';
+import Modal from 'react-bootstrap/Modal';
+import Button from './Button';
+import { destructObj, isStrNotEmpty, translate } from '../helpers';
+import Badge from './Badge';
+function ConfirmPoup(_a) {
+    var _b, _c;
+    var _d = _a.show, show = _d === void 0 ? false : _d, _e = _a.title, title = _e === void 0 ? undefined : _e, _f = _a.description, description = _f === void 0 ? undefined : _f, _g = _a.subtitle, subtitle = _g === void 0 ? undefined : _g, _h = _a.message, message = _h === void 0 ? undefined : _h, _j = _a.icon, icon = _j === void 0 ? 'bi bi-trash' : _j, callback = _a.callback, _k = _a.btnsProps, btnsProps = _k === void 0 ? undefined : _k, _l = _a.renderBody, renderBody = _l === void 0 ? undefined : _l, _m = _a.renderTitle, renderTitle = _m === void 0 ? undefined : _m;
+    // Destruct button props safely
+    var _o = destructObj(btnsProps), submit = _o.submit, cancel = _o.cancel;
+    function hidePopup() {
+        callback === null || callback === void 0 ? void 0 : callback(false);
+    }
+    function showPopup() {
+        callback === null || callback === void 0 ? void 0 : callback(true);
+    }
+    function renderPopupTitle() {
+        if (renderTitle) {
+            return renderTitle();
+        }
+        if (isStrNotEmpty(title)) {
+            return React.createElement(Modal.Title, null, title);
+        }
+        return null;
+    }
+    function renderPopupBody() {
+        return (React.createElement(Modal.Body, null,
+            renderPopupTitle(),
+            isStrNotEmpty(description) && React.createElement("p", null, description),
+            isStrNotEmpty(subtitle) && React.createElement("p", null, subtitle),
+            isStrNotEmpty(message) && React.createElement("p", null, message),
+            renderBody && renderBody()));
+    }
+    return (React.createElement(Modal, { show: show, onHide: hidePopup, className: 'farm-popup overflow-hidden' },
+        React.createElement(Modal.Header, { closeButton: true },
+            React.createElement(Badge, { icon: icon, classnames: { badge: 'p-15 rounded-3 fs-18' }, variant: 'danger' })),
+        renderPopupBody(),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Button, __assign({ variant: 'white', label: translate('cancel'), onClick: hidePopup, classnames: __assign({ button: clsx((_b = cancel === null || cancel === void 0 ? void 0 : cancel.classnames) === null || _b === void 0 ? void 0 : _b.button, 'flex-grow-1') }, cancel === null || cancel === void 0 ? void 0 : cancel.classnames) }, cancel)),
+            React.createElement(Button, __assign({ variant: 'primary', label: translate('yes'), onClick: showPopup, classnames: __assign({ button: clsx((_c = cancel === null || cancel === void 0 ? void 0 : cancel.classnames) === null || _c === void 0 ? void 0 : _c.button, 'flex-grow-1') }, cancel === null || cancel === void 0 ? void 0 : cancel.classnames) }, submit)))));
+}
+export default ConfirmPoup;
+//# sourceMappingURL=ConfirmPoup.js.map

package/dist/esm/components/ConfirmPoup.js.map

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

package/dist/esm/components/Dropdown.d.ts

@@ -0,0 +1,35 @@
+import { ReactElement, ReactNode, RefObject, CSSProperties } from 'react';
+import { type DropdownProps as BSDropdownProps, type DropdownToggleProps, type TooltipProps } from 'react-bootstrap';
+export interface DropdownClassNames {
+    wrapper?: string;
+    toggleBtn?: string;
+    menu?: string;
+}
+export interface DropdownAttributes {
+    wrapper?: object;
+    toggleBtn?: object;
+    menu?: object;
+}
+export interface DropdownProps {
+    renderDropdownContent?: (options?: object[]) => ReactElement[] | ReactElement | null;
+    show?: boolean;
+    onSelect?: (eventKey: string | null, event?: object) => void;
+    options?: object[];
+    toggleBtnContent?: ReactNode;
+    menuStyle?: CSSProperties;
+    onToggle?: BSDropdownProps['onToggle'];
+    tooltipProps?: TooltipProps;
+    classnames?: DropdownClassNames;
+    showMenu?: boolean;
+    menuWidth?: 'auto' | 'min-width' | 'equal';
+    preventScrollJitter?: boolean;
+    portalTarget?: HTMLElement;
+    attributes?: DropdownAttributes;
+    toggleBtnProps?: DropdownToggleProps;
+    drop?: 'up' | 'up-centered' | 'start' | 'end' | 'down' | 'down-centered';
+    ref?: RefObject<HTMLButtonElement>;
+    autoClose?: true | 'outside' | 'inside' | false;
+    variant?: 'default' | 'icon';
+}
+declare function Dropdown({ renderDropdownContent, show, onSelect, options, toggleBtnContent, menuStyle, onToggle, classnames, showMenu, menuWidth, portalTarget, attributes, toggleBtnProps, drop, autoClose, ref, }: DropdownProps): ReactElement;
+export default Dropdown;

package/dist/esm/components/Dropdown.js

@@ -0,0 +1,52 @@
+import { __assign } from "tslib";
+import React from 'react';
+import ReactDOM from 'react-dom';
+import clsx from 'clsx';
+import { Dropdown as BSDropdown, } from 'react-bootstrap';
+import { destructObj } from '../helpers';
+function Dropdown(_a) {
+    var renderDropdownContent = _a.renderDropdownContent, show = _a.show, onSelect = _a.onSelect, _b = _a.options, options = _b === void 0 ? [] : _b, toggleBtnContent = _a.toggleBtnContent, menuStyle = _a.menuStyle, onToggle = _a.onToggle, _c = _a.classnames, classnames = _c === void 0 ? {} : _c, showMenu = _a.showMenu, _d = _a.menuWidth, menuWidth = _d === void 0 ? 'auto' : _d, _e = _a.portalTarget, portalTarget = _e === void 0 ? document.body : _e, _f = _a.attributes, attributes = _f === void 0 ? {} : _f, toggleBtnProps = _a.toggleBtnProps, _g = _a.drop, drop = _g === void 0 ? 'down' : _g, _h = _a.autoClose, autoClose = _h === void 0 ? true : _h, ref = _a.ref;
+    // Desturct props
+    var _j = destructObj(classnames), wrapperClass = _j.wrapper, toggleBtnClass = _j.toggleBtn, menuClass = _j.menu;
+    var _k = destructObj(attributes), wrapperAttr = _k.wrapper, toggleBtnAttr = _k.toggleBtn, menuAttr = _k.menu;
+    /**
+     * Compute menu width style based on menuWidth prop
+     */
+    function getComputedMenuStyle() {
+        var baseStyle = __assign({}, menuStyle);
+        if (menuWidth === 'equal') {
+            return __assign(__assign({}, baseStyle), { width: '100%' });
+        }
+        if (menuWidth === 'min-width') {
+            return __assign(__assign({}, baseStyle), { minWidth: '100%' });
+        }
+        return baseStyle;
+    }
+    /**
+     * Render Dropdown Menu
+     */
+    function renderDropdownMenu() {
+        return (React.createElement(BSDropdown.Menu, __assign({ className: menuClass, style: getComputedMenuStyle(), show: showMenu }, menuAttr), renderDropdownContent === null || renderDropdownContent === void 0 ? void 0 : renderDropdownContent(options)));
+    }
+    /**
+     * Render Dropdown Toggle Button
+     */
+    function renderToggleButton() {
+        return (React.createElement(BSDropdown.Toggle, __assign({ ref: ref, className: toggleBtnClass }, toggleBtnProps, toggleBtnAttr), toggleBtnContent !== null && toggleBtnContent !== void 0 ? toggleBtnContent : 'Dropdown'));
+    }
+    /**
+     * Render Menu with optional portal
+     */
+    function renderMenuWithPortal() {
+        var menu = renderDropdownMenu();
+        if (portalTarget) {
+            return ReactDOM.createPortal(menu, portalTarget);
+        }
+        return menu;
+    }
+    return (React.createElement(BSDropdown, __assign({ show: show, onToggle: onToggle, onSelect: onSelect, drop: drop, className: clsx('farm-dropdown', wrapperClass), autoClose: autoClose }, wrapperAttr),
+        renderToggleButton(),
+        renderMenuWithPortal()));
+}
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/esm/components/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,QAAQ,MAAM,WAAW,CAAA;AAChC,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EACL,QAAQ,IAAI,UAAU,GAIvB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAoCxC,SAAS,QAAQ,CAAC,EAiBF;QAhBd,qBAAqB,2BAAA,EACrB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,QAAQ,cAAA,EACR,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,oBAA4B,EAA5B,YAAY,mBAAG,QAAQ,CAAC,IAAI,KAAA,EAC5B,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,cAAc,oBAAA,EACd,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,GAAG,SAAA;IAEH,iBAAiB;IACX,IAAA,KAAwE,WAAW,CAAC,UAAU,CAAC,EAApF,YAAY,aAAA,EAAa,cAAc,eAAA,EAAQ,SAAS,UAA4B,CAAA;IAC/F,IAAA,KAAqE,WAAW,CAAC,UAAU,CAAC,EAAjF,WAAW,aAAA,EAAa,aAAa,eAAA,EAAQ,QAAQ,UAA4B,CAAA;IAElG;;OAEG;IACH,SAAS,oBAAoB;QAC3B,IAAM,SAAS,gBAAQ,SAAS,CAAE,CAAA;QAElC,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,6BAAY,SAAS,KAAE,KAAK,EAAE,MAAM,IAAE;QACxC,CAAC;QAED,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;YAC9B,6BAAY,SAAS,KAAE,QAAQ,EAAE,MAAM,IAAE;QAC3C,CAAC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED;;OAEG;IACH,SAAS,kBAAkB;QACzB,OAAO,CACL,oBAAC,UAAU,CAAC,IAAI,aAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,EAAE,QAAQ,IAAM,QAAQ,GAC/F,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,OAAO,CAAC,CACjB,CACnB,CAAA;IACH,CAAC;IAED;;OAEG;IACH,SAAS,kBAAkB;QACzB,OAAO,CACL,oBAAC,UAAU,CAAC,MAAM,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,IAAM,cAAc,EAAM,aAAa,GAC1F,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,UAAU,CACb,CACrB,CAAA;IACH,CAAC;IAED;;OAEG;IACH,SAAS,oBAAoB;QAC3B,IAAM,IAAI,GAAG,kBAAkB,EAAE,CAAA;QAEjC,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,QAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QAClD,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,UAAU,aACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EAC9C,SAAS,EAAE,SAAS,IAChB,WAAW;QAEd,kBAAkB,EAAE;QACpB,oBAAoB,EAAE,CACZ,CACd,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/components/Label.d.ts

@@ -10,5 +10,5 @@ export interface LabelProps {
     tooltip?: string | ReactElement;
     classnames?: Classnames;
 }
-declare function Label({ id, label, icon, tooltip, classnames }: LabelProps): ReactElement | null;
+declare function Label({ id, label, icon, tooltip, classnames, }: LabelProps): ReactElement | null;
 export default Label;

package/dist/esm/components/Label.js

@@ -1,18 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import clsx from 'clsx';
-import { OverlayTrigger, Tooltip } from 'react-bootstrap';
+import { Form, OverlayTrigger, Tooltip } from 'react-bootstrap';
 import { destructObj } from '../helpers/app';
 function Label(_a) {
-    var id = _a.id, label = _a.label, _b = _a.icon, icon = _b === void 0 ? 'bi bi-info-circle' : _b, tooltip = _a.tooltip, classnames = _a.classnames;
+    var id = _a.id, label = _a.label, _b = _a.icon, icon = _b === void 0 ? 'bi-info-circle' : _b, tooltip = _a.tooltip, _c = _a.classnames, classnames = _c === void 0 ? undefined : _c;
     // Destructure classnames safely
-    var _c = destructObj(classnames), labelClass = _c.label, iconClass = _c.icon;
+    var _d = destructObj(classnames), labelClass = _d.label, iconClass = _d.icon;
     /** Renders the label icon */
-    var renderLabelIcon = function () { return _jsx("i", { className: clsx(icon, iconClass, { 'ms-2': tooltip }) }); };
+    var renderLabelIcon = function () { return React.createElement("i", { className: clsx(icon, iconClass, { 'ms-5': tooltip }) }); };
     if (!label)
         return null;
-    return (_jsxs("label", { htmlFor: id, className: clsx(labelClass, 'form-label', {
+    return (React.createElement(Form.Label, { htmlFor: id, className: clsx(labelClass, 'form-label', {
             'd-flex align-items-center': !!icon,
-        }), children: [label, tooltip ? (_jsx(OverlayTrigger, { placement: 'top', overlay: _jsx(Tooltip, { className: 'bg-white rounded', children: tooltip }), children: renderLabelIcon() })) : (renderLabelIcon())] }));
+        }) },
+        label,
+        tooltip ? (React.createElement(OverlayTrigger, { placement: 'top', overlay: React.createElement(Tooltip, { className: 'bg-white rounded' }, tooltip) }, renderLabelIcon())) : (renderLabelIcon())));
 }
 export default Label;
 //# sourceMappingURL=Label.js.map

package/dist/esm/components/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAe5C,SAAS,KAAK,CAAC,EAA0E;QAAxE,EAAE,QAAA,EAAE,KAAK,WAAA,EAAE,YAA0B,EAA1B,IAAI,mBAAG,mBAAmB,KAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA;IACzE,gCAAgC;IAC1B,IAAA,KAAyC,WAAW,CAAC,UAAU,CAAC,EAAvD,UAAU,WAAA,EAAQ,SAAS,UAA4B,CAAA;IAEtE,6BAA6B;IAC7B,IAAM,eAAe,GAAG,cAAoB,OAAA,YAAG,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAI,EAA5D,CAA4D,CAAA;IAExG,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,iBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE;YACxC,2BAA2B,EAAE,CAAC,CAAC,IAAI;SACpC,CAAC,aAED,KAAK,EACL,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,cAAc,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,KAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAW,YAC/F,eAAe,EAAE,GACH,CAClB,CAAC,CAAC,CAAC,CACF,eAAe,EAAE,CAClB,IACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAe5C,SAAS,KAAK,CAAC,EAMF;QALX,EAAE,QAAA,EACF,KAAK,WAAA,EACL,YAAuB,EAAvB,IAAI,mBAAG,gBAAgB,KAAA,EACvB,OAAO,aAAA,EACP,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA;IAEtB,gCAAgC;IAC1B,IAAA,KAAyC,WAAW,CAAC,UAAU,CAAC,EAAvD,UAAU,WAAA,EAAQ,SAAS,UAA4B,CAAA;IAEtE,6BAA6B;IAC7B,IAAM,eAAe,GAAG,cAAoB,OAAA,2BAAG,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAI,EAA5D,CAA4D,CAAA;IAExG,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,oBAAC,IAAI,CAAC,KAAK,IACT,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE;YACxC,2BAA2B,EAAE,CAAC,CAAC,IAAI;SACpC,CAAC;QAED,KAAK;QACL,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,cAAc,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,oBAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,IAAE,OAAO,CAAW,IAC/F,eAAe,EAAE,CACH,CAClB,CAAC,CAAC,CAAC,CACF,eAAe,EAAE,CAClB,CACU,CACd,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}

package/dist/esm/components/Layout/Footer.js

@@ -1,9 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { headerItem } from '../../assets/data/header';
 import { Col, Container, Image, Nav, Row } from 'react-bootstrap';
 import { LOGO_IMG } from '../../constants/app';
 function Footer() {
-    return (_jsx("footer", { children: _jsx(Container, { children: _jsxs(Row, { children: [_jsxs(Col, { lg: 2, children: [_jsx(Image, { src: LOGO_IMG, alt: 'farm-react logo', height: 40, width: 40 }), ' '] }), _jsx(Col, { lg: 4 }), _jsx(Col, { lg: 6, children: _jsx(Nav, { className: 'd-flex', children: headerItem.map(function (item) { return (_jsx(Nav.Link, { href: item.link, className: 'text-dark', children: item.label }, item.id)); }) }) })] }) }) }));
+    return (React.createElement("footer", null,
+        React.createElement(Container, null,
+            React.createElement(Row, null,
+                React.createElement(Col, { lg: 2 },
+                    React.createElement(Image, { src: LOGO_IMG, alt: 'farm-react logo', height: 40, width: 40 }),
+                    ' '),
+                React.createElement(Col, { lg: 4 }),
+                React.createElement(Col, { lg: 6 },
+                    React.createElement(Nav, { className: 'd-flex' }, headerItem.map(function (item) { return (React.createElement(Nav.Link, { key: item.id, href: item.link, className: 'text-dark' }, item.label)); })))))));
 }
 export default Footer;
 //# sourceMappingURL=Footer.js.map

package/dist/esm/components/Layout/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,2BACE,KAAC,SAAS,cACR,MAAC,GAAG,eACF,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACR,KAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,EAAC,GAAG,IACrE,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,GAAI,EACd,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,YACpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,KAAC,GAAG,CAAC,IAAI,IAAe,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,WAAW,YAC3D,IAAI,CAAC,KAAK,IADE,IAAI,CAAC,EAAE,CAEX,CACZ,EAJyB,CAIzB,CAAC,GACE,GACF,IACF,GACI,GACL,CACV,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,SAAS,MAAM;IACb,OAAO,CACL;QACE,oBAAC,SAAS;YACR,oBAAC,GAAG;gBACF,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;oBACR,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;oBAAC,GAAG,CACrE;gBACN,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC,GAAI;gBACd,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;oBACR,oBAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,IACpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,oBAAC,GAAG,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,WAAW,IAC3D,IAAI,CAAC,KAAK,CACF,CACZ,EAJyB,CAIzB,CAAC,CACE,CACF,CACF,CACI,CACL,CACV,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/components/Layout/Header.d.ts

@@ -1,2 +1,3 @@
-declare function Header(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare function Header(): React.JSX.Element;
 export default Header;

package/dist/esm/components/Layout/Header.js

@@ -1,14 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import Container from 'react-bootstrap/Container';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
-import { NavDropdown } from 'react-bootstrap';
+import NavDropdown from 'react-bootstrap/NavDropdown';
 import { headerItem } from '../../assets/data/header';
 import { Link } from 'react-router';
 import { Image } from 'react-bootstrap';
 import { LOGO_IMG } from '../../constants/app';
 function Header() {
-    return (_jsx("header", { className: 'position-sticky top-0', children: _jsx(Navbar, { expand: 'lg', className: 'bg-body-tertiary', children: _jsxs(Container, { children: [_jsx(Navbar.Brand, { href: '#', children: _jsx(Image, { src: LOGO_IMG, alt: 'logo image', height: 30, width: 30 }) }), _jsx(Navbar.Toggle, { "aria-controls": 'basic-navbar-nav' }), _jsx(Navbar.Collapse, { id: 'basic-navbar-nav', children: _jsxs(Nav, { className: 'me-auto', children: [headerItem.map(function (item) { return (_jsx(Nav.Link, { to: item.link, as: Link, children: item.label }, item.id)); }), _jsxs(NavDropdown, { title: 'Version', id: 'basic-nav-dropdown', children: [_jsx(NavDropdown.Item, { href: '#', children: "farm-react 1.0.0" }), _jsx(NavDropdown.Item, { href: '#', children: "farm-react 2.0.0" })] })] }) })] }) }) }));
+    return (React.createElement("header", { className: 'position-sticky top-0' },
+        React.createElement(Navbar, { expand: 'lg', className: 'bg-body-tertiary' },
+            React.createElement(Container, null,
+                React.createElement(Navbar.Brand, { href: '#' },
+                    React.createElement(Image, { src: LOGO_IMG, alt: 'logo image', height: 30, width: 30 })),
+                React.createElement(Navbar.Toggle, { "aria-controls": 'basic-navbar-nav' }),
+                React.createElement(Navbar.Collapse, { id: 'basic-navbar-nav' },
+                    React.createElement(Nav, { className: 'me-auto' },
+                        headerItem.map(function (item) { return (React.createElement(Nav.Link, { key: item.id, to: item.link, as: Link }, item.label)); }),
+                        React.createElement(NavDropdown, { title: 'Version', id: 'basic-nav-dropdown' },
+                            React.createElement(NavDropdown.Item, { href: '#' }, "farm-react 1.0.0"),
+                            React.createElement(NavDropdown.Item, { href: '#' }, "farm-react 2.0.0"))))))));
 }
 export default Header;
 //# sourceMappingURL=Header.js.map

package/dist/esm/components/Layout/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,GAAG,MAAM,qBAAqB,CAAA;AACrC,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,iBAAQ,SAAS,EAAC,uBAAuB,YACvC,KAAC,MAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,YAC9C,MAAC,SAAS,eACR,KAAC,MAAM,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG,YACpB,KAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GACnD,EACf,KAAC,MAAM,CAAC,MAAM,qBAAe,kBAAkB,GAAG,EAClD,KAAC,MAAM,CAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB,YACpC,MAAC,GAAG,IAAC,SAAS,EAAC,SAAS,aACrB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,KAAC,GAAG,CAAC,IAAI,IAAe,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,YAC5C,IAAI,CAAC,KAAK,IADE,IAAI,CAAC,EAAE,CAEX,CACZ,EAJyB,CAIzB,CAAC,EACF,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,oBAAoB,aAClD,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,iCAAoC,EAC9D,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,iCAAoC,IAClD,IACV,GACU,IACR,GACL,GACF,CACV,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,GAAG,MAAM,qBAAqB,CAAA;AACrC,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,gCAAQ,SAAS,EAAC,uBAAuB;QACvC,oBAAC,MAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB;YAC9C,oBAAC,SAAS;gBACR,oBAAC,MAAM,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG;oBACpB,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACnD;gBACf,oBAAC,MAAM,CAAC,MAAM,qBAAe,kBAAkB,GAAG;gBAClD,oBAAC,MAAM,CAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB;oBACpC,oBAAC,GAAG,IAAC,SAAS,EAAC,SAAS;wBACrB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,oBAAC,GAAG,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,IAC5C,IAAI,CAAC,KAAK,CACF,CACZ,EAJyB,CAIzB,CAAC;wBACF,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,oBAAoB;4BAClD,oBAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC;4BAC9D,oBAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC,CAClD,CACV,CACU,CACR,CACL,CACF,CACV,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/components/Layout/Sidebar.d.ts

@@ -1,2 +1,3 @@
-declare function Sidebar(): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare function Sidebar(): React.JSX.Element;
 export default Sidebar;

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

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Offcanvas } from 'react-bootstrap';
+import React from 'react';
+import Offcanvas from 'react-bootstrap/Offcanvas';
 function Sidebar() {
-    return (_jsx(Offcanvas, { show: true, className: 'top-60', backdrop: false, scroll: true, children: _jsx(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.createElement(Offcanvas, { show: true, className: 'top-60', backdrop: false, scroll: true },
+        React.createElement(Offcanvas.Body, null, "Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.")));
 }
 export default Sidebar;
 //# sourceMappingURL=Sidebar.js.map

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

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

package/dist/esm/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/esm/components/MultiCheckbox.js

@@ -0,0 +1,54 @@
+import { __assign, __rest, __spreadArray } from "tslib";
+import React, { useEffect, useState } from 'react';
+import clsx from 'clsx';
+import Checkbox from './Checkbox';
+import Label from './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 = __rest(_a, ["classnames", "inline", "rtl", "labelProps", "onChange", "returnType", "checkedValues", "idKey", "valueKey", "labelKey", "name", "data", "description", "keyExtractor", "attributes", "validations", "requiredFields", "stripDescHTML", "disabledValues", "renderLabel"]);
+    var _p = useState(checkedValues), selected = _p[0], setSelected = _p[1];
+    /* Sync external checkedValues */
+    useEffect(function () {
+        setSelected(checkedValues);
+    }, [checkedValues]);
+    /* Handle Change */
+    function handleChange(value, checked) {
+        var updated;
+        if (checked) {
+            updated = __spreadArray(__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.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.createElement(Checkbox, __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.createElement("div", __assign({ className: clsx(classnames.wrapper, { rtl: rtl }) }, attributes.wrapper),
+        labelProps && React.createElement(Label, __assign({}, labelProps)),
+        renderDescription(),
+        renderCheckboxes()));
+}
+export default MultiCheckbox;
+//# sourceMappingURL=MultiCheckbox.js.map

package/dist/esm/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/esm/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/esm/components/MultiRadio.js

@@ -0,0 +1,39 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import clsx from 'clsx';
+import Label from './Label';
+import Radio from './Radio';
+import { destructObj, isObjNotEmpty, isStrEmpty } from '../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 = __rest(_a, ["classnames", "inline", "labelProps", "renderLabel", "onChange", "checkedValue", "idKey", "valueKey", "labelKey", "name", "data", "description", "keyExtractor", "attributes"]);
+    /* Destruct props */
+    var _h = destructObj(classnames), wrapperClass = _h.wrapper, inputClass = _h.input, descriptionClass = _h.description;
+    var _j = 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 (isStrEmpty(description))
+            return null;
+        return React.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.createElement(Radio, __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.createElement("div", __assign({ className: clsx(wrapperClass) }, wrapperAttr),
+        isObjNotEmpty(labelProps) && React.createElement(Label, __assign({}, labelProps)), renderLabel === null || renderLabel === void 0 ? void 0 :
+        renderLabel(),
+        renderDescription(),
+        renderRadios()));
+}
+export default MultiRadio;
+//# sourceMappingURL=MultiRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiRadio.js","sourceRoot":"","sources":["../../../src/components/MultiRadio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAA0B,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;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,cAfoB,+KAgB5B,CADQ;IAEP,oBAAoB;IACd,IAAA,KAA8E,WAAW,CAAC,UAAU,CAAC,EAA1F,YAAY,aAAA,EAAS,UAAU,WAAA,EAAe,gBAAgB,iBAA4B,CAAA;IAErG,IAAA,KAA6C,WAAW,CAAC,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,UAAU,CAAC,WAAW,CAAC;YAAE,OAAO,IAAI,CAAA;QAExC,OAAO,6BAAK,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,oBAAC,KAAK,aACJ,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,sCAAK,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAM,WAAW;QAChD,aAAa,CAAC,UAAU,CAAC,IAAI,oBAAC,KAAK,eAAK,UAAU,EAAI,EACtD,WAAW,aAAX,WAAW;QAAX,WAAW,EAAI;QACf,iBAAiB,EAAE;QACnB,YAAY,EAAE,CACX,CACP,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/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/esm/components/NumberInput.js

@@ -0,0 +1,32 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import clsx from 'clsx';
+import { Form } from 'react-bootstrap';
+import Label from './Label';
+import { destructObj, isObjEmpty, isStrEmpty } from '../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 = __rest(_a, ["labelProps", "description", "placeholder", "size", "value", "onChange", "onBlur", "onFocus", "variant", "inputRef", "id", "defaultValue", "classnames", "attributes", "name", "maxLength", "readonly", "disabled", "min", "max"]);
+    var _f = destructObj(classnames), inputClass = _f.input, wrapperClass = _f.wrapper, descClass = _f.description;
+    var _g = destructObj(attributes), inputAttr = _g.input, wrapperAttr = _g.wrapper, descAttr = _g.description;
+    var isFloatingVariantEnable = variant === 'floating';
+    function renderLabel() {
+        if (isObjEmpty(labelProps))
+            return null;
+        return React.createElement(Label, __assign({}, labelProps));
+    }
+    function renderInput() {
+        return (React.createElement(Form.Control, __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: clsx(inputClass) }, inputAttr, rest)));
+    }
+    function renderDescription() {
+        if (isStrEmpty(description))
+            return null;
+        return (React.createElement(Form.Text, __assign({ className: clsx('text-muted', descClass) }, descAttr), description));
+    }
+    return (React.createElement("div", __assign({ className: clsx(wrapperClass, { 'form-floating': isFloatingVariantEnable }) }, wrapperAttr),
+        !isFloatingVariantEnable && renderLabel(),
+        renderInput(),
+        isFloatingVariantEnable && renderLabel(),
+        renderDescription()));
+}
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,KAA0B,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;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,cArBY,kOAsBpB,CADQ;IAED,IAAA,KAAuE,WAAW,CAAC,UAAU,CAAC,EAArF,UAAU,WAAA,EAAW,YAAY,aAAA,EAAe,SAAS,iBAA4B,CAAA;IAE9F,IAAA,KAAoE,WAAW,CAAC,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,UAAU,CAAC,UAAU,CAAC;YAAE,OAAO,IAAI,CAAA;QACvC,OAAO,oBAAC,KAAK,eAAK,UAAU,EAAI,CAAA;IAClC,CAAC;IAED,SAAS,WAAW;QAClB,OAAO,CACL,oBAAC,IAAI,CAAC,OAAO,aACX,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,IAAI,CAAC,UAAU,CAAC,IACvB,SAAS,EACT,IAAI,EACR,CACH,CAAA;IACH,CAAC;IAED,SAAS,iBAAiB;QACxB,IAAI,UAAU,CAAC,WAAW,CAAC;YAAE,OAAO,IAAI,CAAA;QACxC,OAAO,CACL,oBAAC,IAAI,CAAC,IAAI,aAAC,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,IAAM,QAAQ,GAC9D,WAAW,CACF,CACb,CAAA;IACH,CAAC;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,IAAI,CAAC,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,eAAe,WAAW,CAAA"}