farm-react 1.0.6 → 1.0.8

package/dist/cjs/components/Button.js

@@ -1,9 +1,57 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Button;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-function Button() {
-    return react_1.default.createElement("div", null);
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var app_1 = require("../helpers/app");
+function Button(_a) {
+    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 = tslib_1.__rest(_a, ["variant", "size", "label", "icon", "iconPosition", "disabled", "loading", "type", "onClick", "classnames", "attributes", "children"]);
+    // Destructure classnames safely
+    var _o = (0, app_1.destructObj)(classnames), buttonClass = _o.button, iconClass = _o.icon, spinnerClass = _o.spinner, labelClass = _o.label;
+    // Destructure attributes safely
+    var _p = (0, app_1.destructObj)(attributes), buttonAttr = _p.button, iconAttr = _p.icon, spinnerAttr = _p.spinner, labelAttr = _p.label;
+    // Determine if button should be disabled (either explicitly disabled or loading)
+    var isDisabled = disabled || loading;
+    var iconMargin = iconPosition === 'right' ? 'ms-1' : 'me-1';
+    // Handle click event
+    function handleClick() {
+        if (!isDisabled && onClick) {
+            onClick();
+        }
+    }
+    // Render icon
+    function renderIcon() {
+        if ((0, app_1.isStrEmpty)(icon) || loading)
+            return null;
+        return react_1.default.createElement("i", tslib_1.__assign({ className: (0, clsx_1.default)(icon, iconMargin, iconClass) }, iconAttr));
+    }
+    // Render spinner
+    function renderSpinner() {
+        if (!loading)
+            return null;
+        return (react_1.default.createElement(react_bootstrap_1.Spinner, tslib_1.__assign({ as: 'span', animation: 'border', size: 'sm', role: 'status', className: (0, clsx_1.default)('me-2', spinnerClass) }, spinnerAttr)));
+    }
+    // Render label/text
+    function renderLabel() {
+        if ((0, app_1.isStrEmpty)(label))
+            return null;
+        return (react_1.default.createElement("span", tslib_1.__assign({ className: (0, clsx_1.default)(labelClass) }, labelAttr), label));
+    }
+    // Build button content based on icon position
+    function renderContent() {
+        if (children) {
+            // If children are provided, render them with optional icon
+            return children;
+        }
+        // Render label with icon based on position
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            iconPosition === 'left' && renderIcon(),
+            loading && renderSpinner(),
+            renderLabel(),
+            iconPosition === 'right' && renderIcon()));
+    }
+    return (react_1.default.createElement(react_bootstrap_1.Button, tslib_1.__assign({ variant: variant, size: size, type: type, disabled: isDisabled, onClick: handleClick, className: (0, clsx_1.default)(buttonClass), "aria-label": label }, buttonAttr, rest), renderContent()));
 }
+exports.default = Button;
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;AAEA,yBAEC;;AAJD,wDAAgD;AAEhD,SAAwB,MAAM;IAC5B,OAAO,0CAAW,CAAA;AACpB,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+import React, { RefObject, type ReactElement } from 'react';
+import { CardProps as BSCardProps } from 'react-bootstrap';
+export type CardVariant = 'outlined' | 'filled' | 'elevated';
+export type CardSize = 'small' | 'medium' | 'large';
+export type BodySeqType = Array<'title' | 'subtitle' | 'text' | 'link' | 'button'>;
+export interface TitleProps {
+    content: string;
+    as?: React.ElementType;
+    tooltipProps?: any;
+}
+export interface SubtitleProps {
+    content: string;
+    as?: React.ElementType;
+}
+export interface TextProps {
+    content: string;
+    as?: React.ElementType;
+}
+export interface LinkProps {
+    href: string;
+    content: string;
+    target?: string;
+    as?: React.ElementType;
+}
+export interface ButtonProps {
+    content: string;
+    as?: React.ElementType;
+    [key: string]: any;
+}
+export interface CardImageProps {
+    alt: string;
+    src: string;
+    variant?: 'top' | 'bottom' | string;
+    height?: string;
+    width?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface CardBodyProps {
+    cardBodyProps?: React.HTMLAttributes<HTMLElement>;
+    titleProps?: TitleProps;
+    subtitleProps?: SubtitleProps;
+    textProps?: TextProps;
+    linkProps?: LinkProps;
+    btnProps?: ButtonProps;
+}
+export interface CardClassNames {
+    body?: string;
+    card?: string;
+    footer?: string;
+    header?: string;
+    image?: string;
+    link?: string;
+    subtitle?: string;
+    text?: string;
+    title?: string;
+    button?: string;
+}
+export interface CardHeaderFooterProps {
+    content: string;
+    as?: React.ElementType;
+    [key: string]: any;
+}
+export interface CardProps extends BSCardProps {
+    classnames?: CardClassNames;
+    headerProps?: CardHeaderFooterProps;
+    footerProps?: CardHeaderFooterProps;
+    imgProps?: CardImageProps;
+    bodyProps?: CardBodyProps;
+    bodySeq?: BodySeqType;
+    renderBody?: () => React.ReactElement | null;
+    renderHeader?: () => React.ReactElement | null;
+    renderFooter?: () => React.ReactElement | null;
+    ref?: RefObject<HTMLElement | null>;
+}
+declare function Card({ headerProps, footerProps, imgProps, className, bodyProps, classnames, bodySeq, children, renderBody, renderHeader, renderFooter, ref, ...rest }: CardProps): ReactElement;
+export default Card;

package/dist/cjs/components/Card.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+// ================= MAIN FUNCTION COMPONENT =================
+function Card(_a) {
+    var headerProps = _a.headerProps, footerProps = _a.footerProps, imgProps = _a.imgProps, className = _a.className, bodyProps = _a.bodyProps, _b = _a.classnames, classnames = _b === void 0 ? {} : _b, bodySeq = _a.bodySeq, children = _a.children, renderBody = _a.renderBody, renderHeader = _a.renderHeader, renderFooter = _a.renderFooter, ref = _a.ref, rest = tslib_1.__rest(_a, ["headerProps", "footerProps", "imgProps", "className", "bodyProps", "classnames", "bodySeq", "children", "renderBody", "renderHeader", "renderFooter", "ref"]);
+    // Directly use classnames (defaults to {})
+    function renderBodySequence(bodyProps, seq, classnames) {
+        if (classnames === void 0) { classnames = {}; }
+        if (!bodyProps || !seq)
+            return null;
+        var linkClass = classnames.link, subtitleClass = classnames.subtitle, textClass = classnames.text, titleClass = classnames.title, buttonClass = classnames.button;
+        return seq.map(function (type, i) {
+            switch (type) {
+                case 'title':
+                    return renderBodyTitle(bodyProps, titleClass, i);
+                case 'subtitle':
+                    return renderBodySubtitle(bodyProps, subtitleClass, i);
+                case 'text':
+                    return renderBodyText(bodyProps, textClass, i);
+                case 'link':
+                    return renderBodyLinks(bodyProps, linkClass, i);
+                case 'button':
+                    return renderBodyButton(bodyProps, buttonClass, i);
+                default:
+                    return null;
+            }
+        });
+    }
+    function renderBodyLinks(bodyProps, linkClass, i) {
+        if (!(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.linkProps))
+            return null;
+        var Tag = bodyProps.linkProps.as || 'a';
+        return (react_1.default.createElement(react_bootstrap_1.Card.Link, tslib_1.__assign({ key: i, as: Tag, className: linkClass }, bodyProps.linkProps), bodyProps.linkProps.content));
+    }
+    function renderBodyTitle(bodyProps, titleClass, i) {
+        var _a;
+        if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.titleProps) === null || _a === void 0 ? void 0 : _a.content))
+            return null;
+        var TitleTag = bodyProps.titleProps.as || 'h5';
+        return (react_1.default.createElement(react_bootstrap_1.Card.Title, { key: i, as: TitleTag, className: titleClass }, bodyProps.titleProps.content));
+    }
+    function renderBodySubtitle(bodyProps, subtitleClass, i) {
+        var _a;
+        if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.subtitleProps) === null || _a === void 0 ? void 0 : _a.content))
+            return null;
+        var SubTag = bodyProps.subtitleProps.as || 'h6';
+        return (react_1.default.createElement(react_bootstrap_1.Card.Subtitle, { key: i, as: SubTag, className: subtitleClass }, bodyProps.subtitleProps.content));
+    }
+    function renderBodyText(bodyProps, textClass, i) {
+        if (!(bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.textProps))
+            return null;
+        var Tag = bodyProps.textProps.as || 'div';
+        return (react_1.default.createElement(react_bootstrap_1.Card.Text, { key: i, as: Tag, className: textClass }, bodyProps.textProps.content));
+    }
+    function renderBodyButton(bodyProps, buttonClass, i) {
+        var _a;
+        if (!((_a = bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.btnProps) === null || _a === void 0 ? void 0 : _a.content))
+            return null;
+        var BtnTag = bodyProps.btnProps.as || 'button';
+        return (react_1.default.createElement(BtnTag, tslib_1.__assign({ key: i, className: buttonClass }, bodyProps.btnProps), bodyProps.btnProps.content));
+    }
+    return (react_1.default.createElement(react_bootstrap_1.Card, tslib_1.__assign({ className: (0, clsx_1.default)(className, classnames.card), ref: ref }, rest),
+        renderHeader
+            ? renderHeader()
+            : (headerProps === null || headerProps === void 0 ? void 0 : headerProps.content) && react_1.default.createElement(react_bootstrap_1.Card.Header, { className: classnames.header }, headerProps.content),
+        (imgProps === null || imgProps === void 0 ? void 0 : imgProps.src) && react_1.default.createElement(react_bootstrap_1.CardImg, tslib_1.__assign({}, imgProps, { className: classnames.image })),
+        react_1.default.createElement(react_bootstrap_1.Card.Body, tslib_1.__assign({ className: classnames.body }, bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.cardBodyProps), renderBody ? renderBody() : renderBodySequence(bodyProps, bodySeq, classnames) || children),
+        renderFooter
+            ? renderFooter()
+            : (footerProps === null || footerProps === void 0 ? void 0 : footerProps.content) && react_1.default.createElement(react_bootstrap_1.Card.Footer, { className: classnames.footer }, footerProps.content)));
+}
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

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

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

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

@@ -0,0 +1,25 @@
+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 CheckboxProps {
+    id?: string;
+    name?: string;
+    disable?: boolean;
+    inline?: boolean;
+    classnames?: Classnames;
+    attributes?: Attributes;
+    labelProps?: LabelProps;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    isValid?: boolean;
+    isInvalid?: boolean;
+}
+declare function Checkbox({ id, name, disable, inline, labelProps, classnames, attributes, onChange, onBlur, isValid, isInvalid, ...rest }: CheckboxProps): ReactElement;
+export default Checkbox;

package/dist/cjs/components/Checkbox.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var app_1 = require("../helpers/app");
+var Label_1 = tslib_1.__importDefault(require("./Label"));
+var clsx_1 = tslib_1.__importDefault(require("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 = tslib_1.__rest(_a, ["id", "name", "disable", "inline", "labelProps", "classnames", "attributes", "onChange", "onBlur", "isValid", "isInvalid"]);
+    var _d = (0, app_1.destructObj)(classnames), inputClass = _d.input, wrapperClass = _d.wrapper;
+    var _e = (0, app_1.destructObj)(attributes), inputAttr = _e.input, wrapperAttr = _e.wrapper;
+    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({ type: 'checkbox', id: id, name: name, disabled: disable, inline: inline, className: wrapperClass }, wrapperAttr, rest),
+        react_1.default.createElement(react_bootstrap_1.Form.Check.Input, tslib_1.__assign({ type: 'checkbox', isValid: isValid, isInvalid: isInvalid, className: (0, clsx_1.default)('me-2', inputClass), onChange: onChange, onBlur: onBlur }, inputAttr)),
+        renderLabel()));
+}
+exports.default = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,wDAAkE;AAClE,mDAAsC;AACtC,sCAAwD;AACxD,0DAAgD;AAChD,sDAAuB;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,sBAZS,2HAajB,CADQ;IAED,IAAA,KAA+C,IAAA,iBAAW,EAAC,UAAU,CAAC,EAA7D,UAAU,WAAA,EAAW,YAAY,aAA4B,CAAA;IACtE,IAAA,KAA6C,IAAA,iBAAW,EAAC,UAAU,CAAC,EAA3D,SAAS,WAAA,EAAW,WAAW,aAA4B,CAAA;IAE1E,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,qBACT,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,8BAAC,sBAAI,CAAC,KAAK,CAAC,KAAK,qBACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,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,QAAQ,CAAA"}

package/dist/cjs/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/cjs/components/ConfirmPoup.js

@@ -0,0 +1,47 @@
+"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 Modal_1 = tslib_1.__importDefault(require("react-bootstrap/Modal"));
+var Button_1 = tslib_1.__importDefault(require("./Button"));
+var helpers_1 = require("../helpers");
+var Badge_1 = tslib_1.__importDefault(require("./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 = (0, helpers_1.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 ((0, helpers_1.isStrNotEmpty)(title)) {
+            return react_1.default.createElement(Modal_1.default.Title, null, title);
+        }
+        return null;
+    }
+    function renderPopupBody() {
+        return (react_1.default.createElement(Modal_1.default.Body, null,
+            renderPopupTitle(),
+            (0, helpers_1.isStrNotEmpty)(description) && react_1.default.createElement("p", null, description),
+            (0, helpers_1.isStrNotEmpty)(subtitle) && react_1.default.createElement("p", null, subtitle),
+            (0, helpers_1.isStrNotEmpty)(message) && react_1.default.createElement("p", null, message),
+            renderBody && renderBody()));
+    }
+    return (react_1.default.createElement(Modal_1.default, { show: show, onHide: hidePopup, className: 'farm-popup overflow-hidden' },
+        react_1.default.createElement(Modal_1.default.Header, { closeButton: true },
+            react_1.default.createElement(Badge_1.default, { icon: icon, classnames: { badge: 'p-15 rounded-3 fs-18' }, variant: 'danger' })),
+        renderPopupBody(),
+        react_1.default.createElement(Modal_1.default.Footer, null,
+            react_1.default.createElement(Button_1.default, tslib_1.__assign({ variant: 'white', label: (0, helpers_1.translate)('cancel'), onClick: hidePopup, classnames: tslib_1.__assign({ button: (0, clsx_1.default)((_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_1.default.createElement(Button_1.default, tslib_1.__assign({ variant: 'primary', label: (0, helpers_1.translate)('yes'), onClick: showPopup, classnames: tslib_1.__assign({ button: (0, clsx_1.default)((_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)))));
+}
+exports.default = ConfirmPoup;
+//# sourceMappingURL=ConfirmPoup.js.map

package/dist/cjs/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/cjs/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/cjs/components/Dropdown.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var helpers_1 = require("../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 = (0, helpers_1.destructObj)(classnames), wrapperClass = _j.wrapper, toggleBtnClass = _j.toggleBtn, menuClass = _j.menu;
+    var _k = (0, helpers_1.destructObj)(attributes), wrapperAttr = _k.wrapper, toggleBtnAttr = _k.toggleBtn, menuAttr = _k.menu;
+    /**
+     * Compute menu width style based on menuWidth prop
+     */
+    function getComputedMenuStyle() {
+        var baseStyle = tslib_1.__assign({}, menuStyle);
+        if (menuWidth === 'equal') {
+            return tslib_1.__assign(tslib_1.__assign({}, baseStyle), { width: '100%' });
+        }
+        if (menuWidth === 'min-width') {
+            return tslib_1.__assign(tslib_1.__assign({}, baseStyle), { minWidth: '100%' });
+        }
+        return baseStyle;
+    }
+    /**
+     * Render Dropdown Menu
+     */
+    function renderDropdownMenu() {
+        return (react_1.default.createElement(react_bootstrap_1.Dropdown.Menu, tslib_1.__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_1.default.createElement(react_bootstrap_1.Dropdown.Toggle, tslib_1.__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 react_dom_1.default.createPortal(menu, portalTarget);
+        }
+        return menu;
+    }
+    return (react_1.default.createElement(react_bootstrap_1.Dropdown, tslib_1.__assign({ show: show, onToggle: onToggle, onSelect: onSelect, drop: drop, className: (0, clsx_1.default)('farm-dropdown', wrapperClass), autoClose: autoClose }, wrapperAttr),
+        renderToggleButton(),
+        renderMenuWithPortal()));
+}
+exports.default = Dropdown;
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/Dropdown.tsx"],"names":[],"mappings":";;;AAAA,wDAAgF;AAChF,gEAAgC;AAChC,sDAAuB;AAEvB,mDAKwB;AACxB,sCAAwC;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,IAAA,qBAAW,EAAC,UAAU,CAAC,EAApF,YAAY,aAAA,EAAa,cAAc,eAAA,EAAQ,SAAS,UAA4B,CAAA;IAC/F,IAAA,KAAqE,IAAA,qBAAW,EAAC,UAAU,CAAC,EAAjF,WAAW,aAAA,EAAa,aAAa,eAAA,EAAQ,QAAQ,UAA4B,CAAA;IAElG;;OAEG;IACH,SAAS,oBAAoB;QAC3B,IAAM,SAAS,wBAAQ,SAAS,CAAE,CAAA;QAElC,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;YAC1B,6CAAY,SAAS,KAAE,KAAK,EAAE,MAAM,IAAE;QACxC,CAAC;QAED,IAAI,SAAS,KAAK,WAAW,EAAE,CAAC;YAC9B,6CAAY,SAAS,KAAE,QAAQ,EAAE,MAAM,IAAE;QAC3C,CAAC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED;;OAEG;IACH,SAAS,kBAAkB;QACzB,OAAO,CACL,8BAAC,0BAAU,CAAC,IAAI,qBAAC,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,8BAAC,0BAAU,CAAC,MAAM,qBAAC,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,mBAAQ,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QAClD,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,8BAAC,0BAAU,qBACT,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,cAAI,EAAC,eAAe,EAAE,YAAY,CAAC,EAC9C,SAAS,EAAE,SAAS,IAChB,WAAW;QAEd,kBAAkB,EAAE;QACpB,oBAAoB,EAAE,CACZ,CACd,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA"}

package/dist/cjs/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/cjs/components/Label.js

@@ -6,14 +6,14 @@ var clsx_1 = tslib_1.__importDefault(require("clsx"));
 var react_bootstrap_1 = require("react-bootstrap");
 var app_1 = require("../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 = (0, app_1.destructObj)(classnames), labelClass = _c.label, iconClass = _c.icon;
+    var _d = (0, app_1.destructObj)(classnames), labelClass = _d.label, iconClass = _d.icon;
     /** Renders the label icon */
-    var renderLabelIcon = function () { return react_1.default.createElement("i", { className: (0, clsx_1.default)(icon, iconClass, { 'ms-2': tooltip }) }); };
+    var renderLabelIcon = function () { return react_1.default.createElement("i", { className: (0, clsx_1.default)(icon, iconClass, { 'ms-5': tooltip }) }); };
     if (!label)
         return null;
-    return (react_1.default.createElement("label", { htmlFor: id, className: (0, clsx_1.default)(labelClass, 'form-label', {
+    return (react_1.default.createElement(react_bootstrap_1.Form.Label, { htmlFor: id, className: (0, clsx_1.default)(labelClass, 'form-label', {
             'd-flex align-items-center': !!icon,
         }) },
         label,

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,sDAAuB;AACvB,mDAAyD;AACzD,sCAA4C;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,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAvD,UAAU,WAAA,EAAQ,SAAS,UAA4B,CAAA;IAEtE,6BAA6B;IAC7B,IAAM,eAAe,GAAG,cAAoB,OAAA,qCAAG,SAAS,EAAE,IAAA,cAAI,EAAC,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,yCACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,YAAY,EAAE;YACxC,2BAA2B,EAAE,CAAC,CAAC,IAAI;SACpC,CAAC;QAED,KAAK;QACL,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,gCAAc,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,8BAAC,yBAAO,IAAC,SAAS,EAAC,kBAAkB,IAAE,OAAO,CAAW,IAC/F,eAAe,EAAE,CACH,CAClB,CAAC,CAAC,CAAC,CACF,eAAe,EAAE,CAClB,CACK,CACT,CAAA;AACH,CAAC;AAED,kBAAe,KAAK,CAAA"}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,sDAAuB;AACvB,mDAA+D;AAC/D,sCAA4C;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,IAAA,iBAAW,EAAC,UAAU,CAAC,EAAvD,UAAU,WAAA,EAAQ,SAAS,UAA4B,CAAA;IAEtE,6BAA6B;IAC7B,IAAM,eAAe,GAAG,cAAoB,OAAA,qCAAG,SAAS,EAAE,IAAA,cAAI,EAAC,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,8BAAC,sBAAI,CAAC,KAAK,IACT,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,YAAY,EAAE;YACxC,2BAA2B,EAAE,CAAC,CAAC,IAAI;SACpC,CAAC;QAED,KAAK;QACL,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,gCAAc,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,8BAAC,yBAAO,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,kBAAe,KAAK,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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"}