farm-react 1.0.6 → 1.0.7

package/README.md

@@ -1,4 +1,79 @@
-# publish-packages for (React Package, Node JS, Nest JS)
-This is Demo Repo to showcase publishing packages related to Node JS, React UI & Nest JS Packages
-
-![](https://i.ytimg.com/vi/lVze5eT5DQQ/maxresdefault.jpg)
+# farm-react
+
+React UI component library for building farmer product websites and applications with ease and consistency.
+
+[![npm version](https://img.shields.io/npm/v/farm-react.svg)](https://www.npmjs.com/package/farm-react)
+
+## Overview
+
+**farm-react** provides a set of reusable, accessible, and customizable React components specifically designed for farm product e-shops, dashboards, and supply chain UIs. It streamlines frontend development for agriculture and farm supply product interfaces.
+
+---
+
+## Features
+- Accessible and flexible components (Accordion, Button, Label, RatingDisplay, TextInput, Layouts)
+- TypeScript support with full typings
+- Customizable through classnames and attributes
+- Built on top of React and React-Bootstrap for rapid integration
+- Easy theming with SCSS support
+
+---
+
+## Installation
+
+Install from npm:
+
+```bash
+npm install farm-react
+# or
+yarn add farm-react
+```
+
+**Peer dependencies:** Ensure your project has React (v18+) installed.
+
+---
+
+## Usage Example
+
+```tsx
+import { Accordion, Button, Label, RatingDisplay, TextInput } from 'farm-react';
+
+function App() {
+  return (
+    <div>
+      <Accordion data={[{ title: 'Demo Section', desc: 'Accordion Content' }]} />
+      <Button />
+      <Label label="This is a label" />
+      <RatingDisplay value={4} activeIcons={4} totalCount={5} />
+      <TextInput placeholder="Enter something..." />
+    </div>
+  );
+}
+```
+
+---
+
+## Components
+
+- **Accordion**: Expandable/collapsible sections with custom headers and bodies.
+- **Button**: Simple button placeholder for customization.
+- **Label**: Label with optional icon and tooltip features.
+- **RatingDisplay**: Flexible star (or icon) rating component, custom icons/labels.
+- **TextInput**: Text input with optional label and password toggle.
+- **Layout/Header/Footer/Sidebar**: Basic prebuilt layout scaffolding.
+
+---
+
+## Theming & Customization
+- Customize appearance using the provided `classnames` and `attributes` props.
+- Use your preferred SCSS, CSS, or a CSS-in-JS solution. Comes with some default SCSS styles.
+
+---
+
+## License
+
+ISC
+
+---
+
+© 2025 Nikhil Kumar. Distributed under the ISC License.

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

@@ -0,0 +1,33 @@
+import { type ReactElement, type ReactNode } from 'react';
+interface AccordionData {
+    title?: string;
+    subtitle?: string;
+    desc?: string;
+}
+interface Classnames {
+    wrapper?: string;
+    item?: string;
+    header?: string;
+    title?: string;
+    subtitle?: string;
+    body?: string;
+}
+interface Attributes {
+    wrapper?: object;
+    item?: object;
+    header?: object;
+    title?: object;
+    subtitle?: object;
+    body?: object;
+}
+export interface AccordionProps {
+    data: AccordionData[];
+    alwaysOpen?: boolean;
+    defaultActiveKey?: string;
+    classnames?: Classnames;
+    attributes?: Attributes;
+    renderBody?: (item: AccordionData) => ReactNode | ReactElement;
+    renderHeader?: (item: AccordionData) => ReactNode | ReactElement;
+}
+declare function Accordion({ data, alwaysOpen, defaultActiveKey, classnames, attributes, renderBody, renderHeader, }: AccordionProps): ReactElement;
+export default Accordion;

package/dist/cjs/components/Accordion.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Accordion_1 = tslib_1.__importDefault(require("react-bootstrap/Accordion"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var app_1 = require("../helpers/app");
+function Accordion(_a) {
+    var data = _a.data, _b = _a.alwaysOpen, alwaysOpen = _b === void 0 ? false : _b, _c = _a.defaultActiveKey, defaultActiveKey = _c === void 0 ? undefined : _c, _d = _a.classnames, classnames = _d === void 0 ? undefined : _d, _e = _a.attributes, attributes = _e === void 0 ? undefined : _e, renderBody = _a.renderBody, renderHeader = _a.renderHeader;
+    // Destruct props
+    var _f = (0, app_1.destructObj)(classnames), wrapperClass = _f.wrapper, itemClass = _f.item, headerClass = _f.header, titleClass = _f.title, subTitleClass = _f.subtitle, bodyClass = _f.body;
+    var _g = (0, app_1.destructObj)(attributes), wrapperAttr = _g.wrapper, itemAttr = _g.item, headerAttr = _g.header, titleAttr = _g.title, subTitleAttr = _g.subtitle, bodyAttr = _g.body;
+    return ((0, jsx_runtime_1.jsx)(Accordion_1.default, tslib_1.__assign({}, wrapperAttr, { alwaysOpen: alwaysOpen, defaultActiveKey: defaultActiveKey, className: (0, clsx_1.default)('farm-custom-acc', wrapperClass), children: (0, app_1.isArrayNotEmpty)(data) &&
+            (data === null || data === void 0 ? void 0 : data.map(function (item, index) { return ((0, react_1.createElement)(Accordion_1.default.Item, tslib_1.__assign({}, itemAttr, { key: index, eventKey: index.toString(), className: (0, clsx_1.default)(itemClass) }),
+                (0, jsx_runtime_1.jsx)(Accordion_1.default.Header, tslib_1.__assign({}, headerAttr, { className: (0, clsx_1.default)('farm-content-none', headerClass), children: renderHeader ? (renderHeader(item)) : ((0, jsx_runtime_1.jsxs)("div", { children: [(item === null || item === void 0 ? void 0 : item.title) && ((0, jsx_runtime_1.jsx)("p", tslib_1.__assign({}, titleAttr, { className: (0, clsx_1.default)('mb-0 fs-20', titleClass), children: item.title }))), (item === null || item === void 0 ? void 0 : item.subtitle) && ((0, jsx_runtime_1.jsx)("small", tslib_1.__assign({}, subTitleAttr, { className: (0, clsx_1.default)(subTitleClass), children: item.subtitle })))] })) })),
+                (0, jsx_runtime_1.jsx)(Accordion_1.default.Body, tslib_1.__assign({}, bodyAttr, { className: (0, clsx_1.default)(bodyClass), children: renderBody ? renderBody(item) : item.desc })))); })) })));
+}
+exports.default = Accordion;
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";;;;;AACA,gFAAmD;AACnD,sDAAuB;AACvB,sCAA6D;AAqC7D,SAAS,SAAS,CAAC,EAQF;QAPf,IAAI,UAAA,EACJ,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,wBAA4B,EAA5B,gBAAgB,mBAAG,SAAS,KAAA,EAC5B,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,iBAAiB;IACX,IAAA,KAO4B,IAAA,iBAAW,EAAC,UAAU,CAAC,EAN9C,YAAY,aAAA,EACf,SAAS,UAAA,EACP,WAAW,YAAA,EACZ,UAAU,WAAA,EACP,aAAa,cAAA,EACjB,SAAS,UACwC,CAAA;IAEnD,IAAA,KAO4B,IAAA,iBAAW,EAAC,UAAU,CAAC,EAN9C,WAAW,aAAA,EACd,QAAQ,UAAA,EACN,UAAU,YAAA,EACX,SAAS,WAAA,EACN,YAAY,cAAA,EAChB,QAAQ,UACyC,CAAA;IAEzD,OAAO,CACL,uBAAC,mBAAW,uBACN,WAAW,IACf,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAA,cAAI,EAAC,iBAAiB,EAAE,YAAY,CAAC,YAE/C,IAAA,qBAAe,EAAC,IAAI,CAAC;aACpB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,2BAAC,mBAAW,CAAC,IAAI,uBAAK,QAAQ,IAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,SAAS,CAAC;gBAChG,uBAAC,mBAAW,CAAC,MAAM,uBAAK,UAAU,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,CAAC,YAClF,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CAAC,IAAI,CAAC,CACnB,CAAC,CAAC,CAAC,CACF,4CACG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CACd,iDAAO,SAAS,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,UAAU,CAAC,YACxD,IAAI,CAAC,KAAK,IACT,CACL,EACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CACjB,qDAAW,YAAY,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,aAAa,CAAC,YACpD,IAAI,CAAC,QAAQ,IACR,CACT,IACG,CACP,IACkB;gBACrB,uBAAC,mBAAW,CAAC,IAAI,uBAAK,QAAQ,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,SAAS,CAAC,YACvD,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IACzB,CACF,CACpB,EAxB0B,CAwB1B,CAAC,CAAA,IACQ,CACf,CAAA;AACH,CAAC;AAED,kBAAe,SAAS,CAAA"}

package/dist/cjs/components/Button.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Button;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 function Button() {
-    return react_1.default.createElement("div", null);
+    return (0, jsx_runtime_1.jsx)("div", {});
 }
 //# 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":";;AAEA,yBAEC;;AAFD,SAAwB,MAAM;IAC5B,OAAO,iCAAW,CAAA;AACpB,CAAC"}

package/dist/cjs/components/Label.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
 var react_bootstrap_1 = require("react-bootstrap");
 var app_1 = require("../helpers/app");
@@ -10,14 +10,12 @@ function Label(_a) {
     // Destructure classnames safely
     var _c = (0, app_1.destructObj)(classnames), labelClass = _c.label, iconClass = _c.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 (0, jsx_runtime_1.jsx)("i", { className: (0, clsx_1.default)(icon, iconClass, { 'ms-2': tooltip }) }); };
     if (!label)
         return null;
-    return (react_1.default.createElement("label", { htmlFor: id, className: (0, clsx_1.default)(labelClass, 'form-label', {
+    return ((0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: (0, clsx_1.default)(labelClass, 'form-label', {
             'd-flex align-items-center': !!icon,
-        }) },
-        label,
-        tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: 'top', overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { className: 'bg-white rounded' }, tooltip) }, renderLabelIcon())) : (renderLabelIcon())));
+        }), children: [label, tooltip ? ((0, jsx_runtime_1.jsx)(react_bootstrap_1.OverlayTrigger, { placement: 'top', overlay: (0, jsx_runtime_1.jsx)(react_bootstrap_1.Tooltip, { className: 'bg-white rounded', children: tooltip }), children: renderLabelIcon() })) : (renderLabelIcon())] }));
 }
 exports.default = Label;
 //# sourceMappingURL=Label.js.map

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":";;;;AACA,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,8BAAG,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,mCACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,YAAY,EAAE;YACxC,2BAA2B,EAAE,CAAC,CAAC,IAAI;SACpC,CAAC,aAED,KAAK,EACL,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,gCAAc,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,uBAAC,yBAAO,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,kBAAe,KAAK,CAAA"}

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

@@ -1,20 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var header_1 = require("../../assets/data/header");
 var react_bootstrap_1 = require("react-bootstrap");
 var app_1 = require("../../constants/app");
 function Footer() {
-    return (react_1.default.createElement("footer", null,
-        react_1.default.createElement(react_bootstrap_1.Container, null,
-            react_1.default.createElement(react_bootstrap_1.Row, null,
-                react_1.default.createElement(react_bootstrap_1.Col, { lg: 2 },
-                    react_1.default.createElement(react_bootstrap_1.Image, { src: app_1.LOGO_IMG, alt: 'farm-react logo', height: 40, width: 40 }),
-                    ' '),
-                react_1.default.createElement(react_bootstrap_1.Col, { lg: 4 }),
-                react_1.default.createElement(react_bootstrap_1.Col, { lg: 6 },
-                    react_1.default.createElement(react_bootstrap_1.Nav, { className: 'd-flex' }, header_1.headerItem.map(function (item) { return (react_1.default.createElement(react_bootstrap_1.Nav.Link, { key: item.id, href: item.link, className: 'text-dark' }, item.label)); })))))));
+    return ((0, jsx_runtime_1.jsx)("footer", { children: (0, jsx_runtime_1.jsx)(react_bootstrap_1.Container, { children: (0, jsx_runtime_1.jsxs)(react_bootstrap_1.Row, { children: [(0, jsx_runtime_1.jsxs)(react_bootstrap_1.Col, { lg: 2, children: [(0, jsx_runtime_1.jsx)(react_bootstrap_1.Image, { src: app_1.LOGO_IMG, alt: 'farm-react logo', height: 40, width: 40 }), ' '] }), (0, jsx_runtime_1.jsx)(react_bootstrap_1.Col, { lg: 4 }), (0, jsx_runtime_1.jsx)(react_bootstrap_1.Col, { lg: 6, children: (0, jsx_runtime_1.jsx)(react_bootstrap_1.Nav, { className: 'd-flex', children: header_1.headerItem.map(function (item) { return ((0, jsx_runtime_1.jsx)(react_bootstrap_1.Nav.Link, { href: item.link, className: 'text-dark', children: item.label }, item.id)); }) }) })] }) }) }));
 }
 exports.default = Footer;
 //# sourceMappingURL=Footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,mDAAqD;AACrD,mDAAiE;AACjE,2CAA8C;AAE9C,SAAS,MAAM;IACb,OAAO,CACL;QACE,8BAAC,2BAAS;YACR,8BAAC,qBAAG;gBACF,8BAAC,qBAAG,IAAC,EAAE,EAAE,CAAC;oBACR,8BAAC,uBAAK,IAAC,GAAG,EAAE,cAAQ,EAAE,GAAG,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;oBAAC,GAAG,CACrE;gBACN,8BAAC,qBAAG,IAAC,EAAE,EAAE,CAAC,GAAI;gBACd,8BAAC,qBAAG,IAAC,EAAE,EAAE,CAAC;oBACR,8BAAC,qBAAG,IAAC,SAAS,EAAC,QAAQ,IACpB,mBAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,8BAAC,qBAAG,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,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":";;;AACA,mDAAqD;AACrD,mDAAiE;AACjE,2CAA8C;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,6CACE,uBAAC,2BAAS,cACR,wBAAC,qBAAG,eACF,wBAAC,qBAAG,IAAC,EAAE,EAAE,CAAC,aACR,uBAAC,uBAAK,IAAC,GAAG,EAAE,cAAQ,EAAE,GAAG,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,EAAC,GAAG,IACrE,EACN,uBAAC,qBAAG,IAAC,EAAE,EAAE,CAAC,GAAI,EACd,uBAAC,qBAAG,IAAC,EAAE,EAAE,CAAC,YACR,uBAAC,qBAAG,IAAC,SAAS,EAAC,QAAQ,YACpB,mBAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,uBAAC,qBAAG,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,kBAAe,MAAM,CAAA"}

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

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

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

@@ -1,28 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Container_1 = tslib_1.__importDefault(require("react-bootstrap/Container"));
 var Nav_1 = tslib_1.__importDefault(require("react-bootstrap/Nav"));
 var Navbar_1 = tslib_1.__importDefault(require("react-bootstrap/Navbar"));
-var NavDropdown_1 = tslib_1.__importDefault(require("react-bootstrap/NavDropdown"));
+var react_bootstrap_1 = require("react-bootstrap");
 var header_1 = require("../../assets/data/header");
 var react_router_1 = require("react-router");
-var react_bootstrap_1 = require("react-bootstrap");
+var react_bootstrap_2 = require("react-bootstrap");
 var app_1 = require("../../constants/app");
 function Header() {
-    return (react_1.default.createElement("header", { className: 'position-sticky top-0' },
-        react_1.default.createElement(Navbar_1.default, { expand: 'lg', className: 'bg-body-tertiary' },
-            react_1.default.createElement(Container_1.default, null,
-                react_1.default.createElement(Navbar_1.default.Brand, { href: '#' },
-                    react_1.default.createElement(react_bootstrap_1.Image, { src: app_1.LOGO_IMG, alt: 'logo image', height: 30, width: 30 })),
-                react_1.default.createElement(Navbar_1.default.Toggle, { "aria-controls": 'basic-navbar-nav' }),
-                react_1.default.createElement(Navbar_1.default.Collapse, { id: 'basic-navbar-nav' },
-                    react_1.default.createElement(Nav_1.default, { className: 'me-auto' },
-                        header_1.headerItem.map(function (item) { return (react_1.default.createElement(Nav_1.default.Link, { key: item.id, to: item.link, as: react_router_1.Link }, item.label)); }),
-                        react_1.default.createElement(NavDropdown_1.default, { title: 'Version', id: 'basic-nav-dropdown' },
-                            react_1.default.createElement(NavDropdown_1.default.Item, { href: '#' }, "farm-react 1.0.0"),
-                            react_1.default.createElement(NavDropdown_1.default.Item, { href: '#' }, "farm-react 2.0.0"))))))));
+    return ((0, jsx_runtime_1.jsx)("header", { className: 'position-sticky top-0', children: (0, jsx_runtime_1.jsx)(Navbar_1.default, { expand: 'lg', className: 'bg-body-tertiary', children: (0, jsx_runtime_1.jsxs)(Container_1.default, { children: [(0, jsx_runtime_1.jsx)(Navbar_1.default.Brand, { href: '#', children: (0, jsx_runtime_1.jsx)(react_bootstrap_2.Image, { src: app_1.LOGO_IMG, alt: 'logo image', height: 30, width: 30 }) }), (0, jsx_runtime_1.jsx)(Navbar_1.default.Toggle, { "aria-controls": 'basic-navbar-nav' }), (0, jsx_runtime_1.jsx)(Navbar_1.default.Collapse, { id: 'basic-navbar-nav', children: (0, jsx_runtime_1.jsxs)(Nav_1.default, { className: 'me-auto', children: [header_1.headerItem.map(function (item) { return ((0, jsx_runtime_1.jsx)(Nav_1.default.Link, { to: item.link, as: react_router_1.Link, children: item.label }, item.id)); }), (0, jsx_runtime_1.jsxs)(react_bootstrap_1.NavDropdown, { title: 'Version', id: 'basic-nav-dropdown', children: [(0, jsx_runtime_1.jsx)(react_bootstrap_1.NavDropdown.Item, { href: '#', children: "farm-react 1.0.0" }), (0, jsx_runtime_1.jsx)(react_bootstrap_1.NavDropdown.Item, { href: '#', children: "farm-react 2.0.0" })] })] }) })] }) }) }));
 }
 exports.default = Header;
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,gFAAiD;AACjD,oEAAqC;AACrC,0EAA2C;AAC3C,oFAAqD;AACrD,mDAAqD;AACrD,6CAAmC;AACnC,mDAAuC;AACvC,2CAA8C;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,0CAAQ,SAAS,EAAC,uBAAuB;QACvC,8BAAC,gBAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB;YAC9C,8BAAC,mBAAS;gBACR,8BAAC,gBAAM,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG;oBACpB,8BAAC,uBAAK,IAAC,GAAG,EAAE,cAAQ,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACnD;gBACf,8BAAC,gBAAM,CAAC,MAAM,qBAAe,kBAAkB,GAAG;gBAClD,8BAAC,gBAAM,CAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB;oBACpC,8BAAC,aAAG,IAAC,SAAS,EAAC,SAAS;wBACrB,mBAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,8BAAC,aAAG,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,mBAAI,IAC5C,IAAI,CAAC,KAAK,CACF,CACZ,EAJyB,CAIzB,CAAC;wBACF,8BAAC,qBAAW,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,oBAAoB;4BAClD,8BAAC,qBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC;4BAC9D,8BAAC,qBAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC,CAClD,CACV,CACU,CACR,CACL,CACF,CACV,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":";;;;AAAA,gFAAiD;AACjD,oEAAqC;AACrC,0EAA2C;AAC3C,mDAA6C;AAC7C,mDAAqD;AACrD,6CAAmC;AACnC,mDAAuC;AACvC,2CAA8C;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,mCAAQ,SAAS,EAAC,uBAAuB,YACvC,uBAAC,gBAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,YAC9C,wBAAC,mBAAS,eACR,uBAAC,gBAAM,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG,YACpB,uBAAC,uBAAK,IAAC,GAAG,EAAE,cAAQ,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GACnD,EACf,uBAAC,gBAAM,CAAC,MAAM,qBAAe,kBAAkB,GAAG,EAClD,uBAAC,gBAAM,CAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB,YACpC,wBAAC,aAAG,IAAC,SAAS,EAAC,SAAS,aACrB,mBAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,uBAAC,aAAG,CAAC,IAAI,IAAe,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,mBAAI,YAC5C,IAAI,CAAC,KAAK,IADE,IAAI,CAAC,EAAE,CAEX,CACZ,EAJyB,CAIzB,CAAC,EACF,wBAAC,6BAAW,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,oBAAoB,aAClD,uBAAC,6BAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,iCAAoC,EAC9D,uBAAC,6BAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,iCAAoC,IAClD,IACV,GACU,IACR,GACL,GACF,CACV,CAAA;AACH,CAAC;AAED,kBAAe,MAAM,CAAA"}

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

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

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

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var Offcanvas_1 = tslib_1.__importDefault(require("react-bootstrap/Offcanvas"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_bootstrap_1 = require("react-bootstrap");
 function Sidebar() {
-    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.")));
+    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." }) }));
 }
 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,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"}
+{"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"}

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

@@ -0,0 +1,27 @@
+import { type ReactElement } from 'react';
+interface Classnames {
+    wrapper?: string;
+    icon?: string;
+    item?: string;
+    label?: string;
+}
+interface Attributes {
+    wrapper?: object;
+    icon?: object;
+    item?: object;
+    label?: object;
+}
+interface RatingDisplayProps {
+    value?: number | string;
+    decimalCount?: number;
+    icon?: string;
+    activeIcons: number;
+    totalCount?: number;
+    hideLabel?: boolean;
+    classnames?: Classnames;
+    attributes?: Attributes;
+    onClick?: ((val: number) => void) | null;
+    disabled?: boolean;
+}
+declare function RatingDisplay({ icon, value, decimalCount, totalCount, disabled, hideLabel, activeIcons, classnames, attributes, onClick, }: RatingDisplayProps): ReactElement;
+export default RatingDisplay;

package/dist/cjs/components/RatingDisplay.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var app_1 = require("../helpers/app");
+function RatingDisplay(_a) {
+    var _b = _a.icon, icon = _b === void 0 ? 'bi bi-star-fill' : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.decimalCount, decimalCount = _d === void 0 ? 0 : _d, _e = _a.totalCount, totalCount = _e === void 0 ? 1 : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.hideLabel, hideLabel = _g === void 0 ? false : _g, activeIcons = _a.activeIcons, _h = _a.classnames, classnames = _h === void 0 ? {} : _h, _j = _a.attributes, attributes = _j === void 0 ? {} : _j, onClick = _a.onClick;
+    // condition: interactive only if onClick is provided and not disabled
+    var isInteractive = !!onClick && !disabled;
+    // Object Destructuring
+    var _k = (0, app_1.destructObj)(classnames), wrapperClass = _k.wrapper, iconClass = _k.icon, labelClass = _k.label;
+    var _l = (0, app_1.destructObj)(attributes), wrapperAttr = _l.wrapper, iconAttr = _l.icon, labelAttr = _l.label;
+    /** Function responsible for creating the ratings array on the basis of total count being passed. */
+    function createRatingsArr() {
+        return Array.from({ length: totalCount }, function (_, index) { return index + 1; });
+    }
+    /**
+     * This function format the value according to decimal count and remove the trailing zeros.
+     * In order to display numbers after decimal points, we are using the maximum limit of 5.
+     * @returns return the formatted string value.
+     */
+    function getFormattedVal() {
+        var numVal = typeof value === 'string' ? Number(value) : value;
+        var count = Math.min(decimalCount, 5);
+        return numVal
+            .toFixed(count)
+            .replace(/(\.\d*?)0+$/, '$1')
+            .replace(/\.$/, '')
+            .toString();
+    }
+    function renderLabelText() {
+        return ((0, jsx_runtime_1.jsx)("span", tslib_1.__assign({}, labelAttr, { className: (0, clsx_1.default)(labelClass), children: getFormattedVal() })));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", tslib_1.__assign({}, wrapperAttr, { className: (0, clsx_1.default)('d-flex align-items-center gap-2', wrapperClass), children: [(0, app_1.isArrayNotEmpty)(createRatingsArr()) &&
+                createRatingsArr().map(function (star) { return ((0, jsx_runtime_1.jsx)("span", { className: "d-flex align-items-center ".concat(isInteractive ? 'rating-hover' : 'disabled-rating'), onClick: function () { return (isInteractive ? onClick(star) : undefined); }, children: (0, jsx_runtime_1.jsx)("i", tslib_1.__assign({}, iconAttr, { className: (0, clsx_1.default)(icon, iconClass, star <= activeIcons ? 'text-warning' : 'text-secondary', isInteractive ? 'cursor-pointer' : 'cursor-default pe-none') })) }, star)); }), !hideLabel ? renderLabelText() : null] })));
+}
+exports.default = RatingDisplay;
+//# sourceMappingURL=RatingDisplay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RatingDisplay.js","sourceRoot":"","sources":["../../../src/components/RatingDisplay.tsx"],"names":[],"mappings":";;;;AACA,sDAAuB;AACvB,sCAA6D;AA6B7D,SAAS,aAAa,CAAC,EAWF;QAVnB,YAAwB,EAAxB,IAAI,mBAAG,iBAAiB,KAAA,EACxB,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,oBAAgB,EAAhB,YAAY,mBAAG,CAAC,KAAA,EAChB,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,WAAW,iBAAA,EACX,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,OAAO,aAAA;IAEP,sEAAsE;IACtE,IAAM,aAAa,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAA;IAE5C,uBAAuB;IACjB,IAAA,KAIgC,IAAA,iBAAW,EAAC,UAAU,CAAC,EAHlD,YAAY,aAAA,EACf,SAAS,UAAA,EACR,UAAU,WAC0C,CAAA;IAEvD,IAAA,KAIgC,IAAA,iBAAW,EAAC,UAAU,CAAC,EAHlD,WAAW,aAAA,EACd,QAAQ,UAAA,EACP,SAAS,WAC2C,CAAA;IAE7D,oGAAoG;IACpG,SAAS,gBAAgB;QACvB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAK,GAAG,CAAC,EAAT,CAAS,CAAC,CAAA;IACpE,CAAC;IAED;;;;OAIG;IACH,SAAS,eAAe;QACtB,IAAM,MAAM,GAAW,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;QACxE,IAAM,KAAK,GAAW,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,CAAA;QAC/C,OAAO,MAAM;aACV,OAAO,CAAC,KAAK,CAAC;aACd,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC;aAC5B,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;aAClB,QAAQ,EAAE,CAAA;IACf,CAAC;IAED,SAAS,eAAe;QACtB,OAAO,CACL,oDAAU,SAAS,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,CAAC,YAC7C,eAAe,EAAE,IACb,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,oDAAS,WAAW,IAAE,SAAS,EAAE,IAAA,cAAI,EAAC,iCAAiC,EAAE,YAAY,CAAC,aACnF,IAAA,qBAAe,EAAC,gBAAgB,EAAE,CAAC;gBAClC,gBAAgB,EAAE,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC/B,iCAEE,SAAS,EAAE,oCAA6B,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAE,EAC5F,OAAO,EAAE,cAAM,OAAA,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAA3C,CAA2C,YAE1D,iDACM,QAAQ,IACZ,SAAS,EAAE,IAAA,cAAI,EACb,IAAI,EACJ,SAAS,EACT,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EACvD,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,wBAAwB,CAC5D,IACD,IAZG,IAAI,CAaJ,CACR,EAhBgC,CAgBhC,CAAC,EACH,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,KAClC,CACP,CAAA;AACH,CAAC;AAED,kBAAe,aAAa,CAAA"}

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

@@ -1,5 +1,4 @@
 import type { LabelProps } from './Label';
-import React from 'react';
 export interface TextInputProps {
     labelProps?: LabelProps;
     placeholder?: string;
@@ -7,4 +6,4 @@ export interface TextInputProps {
     variant?: string;
     id?: string;
 }
-export default function TextInput({ labelProps, placeholder, type, variant, id }: TextInputProps): React.JSX.Element;
+export default function TextInput({ labelProps, placeholder, type, variant, id }: TextInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/TextInput.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = TextInput;
 var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
 var Label_1 = tslib_1.__importDefault(require("./Label"));
 var react_1 = require("react");
 var react_bootstrap_1 = require("react-bootstrap");
-var react_2 = tslib_1.__importDefault(require("react"));
 function TextInput(_a) {
     var labelProps = _a.labelProps, placeholder = _a.placeholder, _b = _a.type, type = _b === void 0 ? 'text' : _b, _c = _a.variant, variant = _c === void 0 ? 'sm' : _c, id = _a.id;
     var _d = (0, react_1.useState)(false), showPassword = _d[0], setShowPassword = _d[1];
@@ -14,13 +14,8 @@ function TextInput(_a) {
         setShowPassword(function (prev) { return !prev; });
     };
     function renderInput() {
-        return (react_2.default.createElement(react_bootstrap_1.Form.Control, { placeholder: placeholder, id: id, type: type === 'password' && showPassword ? 'text' : type, className: (0, clsx_1.default)("form-control-".concat(variant)) }));
+        return ((0, jsx_runtime_1.jsx)(react_bootstrap_1.Form.Control, { placeholder: placeholder, id: id, type: type === 'password' && showPassword ? 'text' : type, className: (0, clsx_1.default)("form-control-".concat(variant)) }));
     }
-    return (react_2.default.createElement("div", { className: (0, clsx_1.default)('text-input-wrapper') },
-        react_2.default.createElement(Label_1.default, tslib_1.__assign({}, labelProps, { id: id })),
-        type === 'password' ? (react_2.default.createElement("div", { className: 'position-relative' },
-            renderInput(),
-            react_2.default.createElement(react_bootstrap_1.Button, { variant: 'transparent', className: 'form-control-icon text-dark', onClick: handleToggle },
-                react_2.default.createElement("i", { className: (0, clsx_1.default)(showPassword ? 'bi bi-eye bi' : 'bi-eye-slash') })))) : (renderInput())));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('text-input-wrapper'), children: [(0, jsx_runtime_1.jsx)(Label_1.default, tslib_1.__assign({}, labelProps, { id: id })), type === 'password' ? ((0, jsx_runtime_1.jsxs)("div", { className: 'position-relative', children: [renderInput(), (0, jsx_runtime_1.jsx)(react_bootstrap_1.Button, { variant: 'transparent', className: 'form-control-icon text-dark', onClick: handleToggle, children: (0, jsx_runtime_1.jsx)("i", { className: (0, clsx_1.default)(showPassword ? 'bi bi-eye bi' : 'bi-eye-slash') }) })] })) : (renderInput())] }));
 }
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":";;AAeA,4BAiCC;;AAhDD,sDAAuB;AAEvB,0DAA2B;AAC3B,+BAAmD;AACnD,mDAA8C;AAC9C,wDAAyB;AAUzB,SAAwB,SAAS,CAAC,EAA8E;QAA5E,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,EAAE,QAAA;IACtF,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IAEvD,IAAM,YAAY,GAAG;QACnB,eAAe,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,SAAS,WAAW;QAClB,OAAO,CACL,8BAAC,sBAAI,CAAC,OAAO,IACX,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,KAAK,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACzD,SAAS,EAAE,IAAA,cAAI,EAAC,uBAAgB,OAAO,CAAE,CAAC,GAC1C,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,oBAAoB,CAAC;QACxC,8BAAC,eAAK,uBAAK,UAAU,IAAE,EAAE,EAAE,EAAE,IAAI;QAChC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,uCAAK,SAAS,EAAC,mBAAmB;YAC/B,WAAW,EAAE;YACd,8BAAC,wBAAM,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,YAAY;gBACzF,qCAAG,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,GAAI,CAC/D,CACL,CACP,CAAC,CAAC,CAAC,CACF,WAAW,EAAE,CACd,CACG,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":";;AAcA,4BAiCC;;;AA/CD,sDAAuB;AAEvB,0DAA2B;AAC3B,+BAAmD;AACnD,mDAA8C;AAU9C,SAAwB,SAAS,CAAC,EAA8E;QAA5E,UAAU,gBAAA,EAAE,WAAW,iBAAA,EAAE,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,EAAE,QAAA;IACtF,IAAA,KAAkC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAA;IAEvD,IAAM,YAAY,GAAG;QACnB,eAAe,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,SAAS,WAAW;QAClB,OAAO,CACL,uBAAC,sBAAI,CAAC,OAAO,IACX,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,KAAK,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACzD,SAAS,EAAE,IAAA,cAAI,EAAC,uBAAgB,OAAO,CAAE,CAAC,GAC1C,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,oBAAoB,CAAC,aACxC,uBAAC,eAAK,uBAAK,UAAU,IAAE,EAAE,EAAE,EAAE,IAAI,EAChC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,iCAAK,SAAS,EAAC,mBAAmB,aAC/B,WAAW,EAAE,EACd,uBAAC,wBAAM,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,YAAY,YACzF,8BAAG,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,GAAI,GAC/D,IACL,CACP,CAAC,CAAC,CAAC,CACF,WAAW,EAAE,CACd,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/cjs/index.d.ts

@@ -1,4 +1,5 @@
+import Accordion from './components/Accordion';
+import Button from './components/Button';
 import TextInput from './components/TextInput';
 import Label from './components/Label';
-import Button from './components/Button';
-export { Label, Button, TextInput };
+export { Accordion, Label, Button, TextInput };

package/dist/cjs/index.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInput = exports.Button = exports.Label = void 0;
+exports.TextInput = exports.Button = exports.Label = exports.Accordion = void 0;
 var tslib_1 = require("tslib");
+var Accordion_1 = tslib_1.__importDefault(require("./components/Accordion"));
+exports.Accordion = Accordion_1.default;
+var Button_1 = tslib_1.__importDefault(require("./components/Button"));
+exports.Button = Button_1.default;
 var TextInput_1 = tslib_1.__importDefault(require("./components/TextInput"));
 exports.TextInput = TextInput_1.default;
 var Label_1 = tslib_1.__importDefault(require("./components/Label"));
 exports.Label = Label_1.default;
-var Button_1 = tslib_1.__importDefault(require("./components/Button"));
-exports.Button = Button_1.default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,6EAA8C;AAItB,oBAJjB,mBAAS,CAIiB;AAHjC,qEAAsC;AAG7B,gBAHF,eAAK,CAGE;AAFd,uEAAwC;AAExB,iBAFT,gBAAM,CAES"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,6EAA8C;AAKrC,oBALF,mBAAS,CAKE;AAJlB,uEAAwC;AAIb,iBAJpB,gBAAM,CAIoB;AAHjC,6EAA8C;AAGX,oBAH5B,mBAAS,CAG4B;AAF5C,qEAAsC;AAElB,gBAFb,eAAK,CAEa"}

package/dist/cjs/strings/en.d.ts

@@ -1,3 +1,4 @@
 export declare const String: {
     name: string;
+    save: string;
 };

package/dist/cjs/strings/en.js

@@ -4,5 +4,6 @@ exports.String = void 0;
 // this string file use for creating a custom string
 exports.String = {
     name: 'Farm React',
+    save: 'save',
 };
 //# sourceMappingURL=en.js.map

package/dist/cjs/strings/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":";;;AAAA,oDAAoD;AACvC,QAAA,MAAM,GAAG;IACpB,IAAI,EAAE,YAAY;CACnB,CAAA"}
+{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":";;;AAAA,oDAAoD;AACvC,QAAA,MAAM,GAAG;IACpB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,MAAM;CACb,CAAA"}

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

@@ -0,0 +1,33 @@
+import { type ReactElement, type ReactNode } from 'react';
+interface AccordionData {
+    title?: string;
+    subtitle?: string;
+    desc?: string;
+}
+interface Classnames {
+    wrapper?: string;
+    item?: string;
+    header?: string;
+    title?: string;
+    subtitle?: string;
+    body?: string;
+}
+interface Attributes {
+    wrapper?: object;
+    item?: object;
+    header?: object;
+    title?: object;
+    subtitle?: object;
+    body?: object;
+}
+export interface AccordionProps {
+    data: AccordionData[];
+    alwaysOpen?: boolean;
+    defaultActiveKey?: string;
+    classnames?: Classnames;
+    attributes?: Attributes;
+    renderBody?: (item: AccordionData) => ReactNode | ReactElement;
+    renderHeader?: (item: AccordionData) => ReactNode | ReactElement;
+}
+declare function Accordion({ data, alwaysOpen, defaultActiveKey, classnames, attributes, renderBody, renderHeader, }: AccordionProps): ReactElement;
+export default Accordion;

package/dist/esm/components/Accordion.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import BSAccordion from 'react-bootstrap/Accordion';
+import clsx from 'clsx';
+import { destructObj, isArrayNotEmpty } from '../helpers/app';
+function Accordion(_a) {
+    var data = _a.data, _b = _a.alwaysOpen, alwaysOpen = _b === void 0 ? false : _b, _c = _a.defaultActiveKey, defaultActiveKey = _c === void 0 ? undefined : _c, _d = _a.classnames, classnames = _d === void 0 ? undefined : _d, _e = _a.attributes, attributes = _e === void 0 ? undefined : _e, renderBody = _a.renderBody, renderHeader = _a.renderHeader;
+    // Destruct props
+    var _f = destructObj(classnames), wrapperClass = _f.wrapper, itemClass = _f.item, headerClass = _f.header, titleClass = _f.title, subTitleClass = _f.subtitle, bodyClass = _f.body;
+    var _g = destructObj(attributes), wrapperAttr = _g.wrapper, itemAttr = _g.item, headerAttr = _g.header, titleAttr = _g.title, subTitleAttr = _g.subtitle, bodyAttr = _g.body;
+    return (_jsx(BSAccordion, __assign({}, wrapperAttr, { alwaysOpen: alwaysOpen, defaultActiveKey: defaultActiveKey, className: clsx('farm-custom-acc', wrapperClass), children: isArrayNotEmpty(data) &&
+            (data === null || data === void 0 ? void 0 : data.map(function (item, index) { return (_createElement(BSAccordion.Item, __assign({}, itemAttr, { key: index, eventKey: index.toString(), className: clsx(itemClass) }),
+                _jsx(BSAccordion.Header, __assign({}, headerAttr, { className: clsx('farm-content-none', headerClass), children: renderHeader ? (renderHeader(item)) : (_jsxs("div", { children: [(item === null || item === void 0 ? void 0 : item.title) && (_jsx("p", __assign({}, titleAttr, { className: clsx('mb-0 fs-20', titleClass), children: item.title }))), (item === null || item === void 0 ? void 0 : item.subtitle) && (_jsx("small", __assign({}, subTitleAttr, { className: clsx(subTitleClass), children: item.subtitle })))] })) })),
+                _jsx(BSAccordion.Body, __assign({}, bodyAttr, { className: clsx(bodyClass), children: renderBody ? renderBody(item) : item.desc })))); })) })));
+}
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";;;AACA,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAqC7D,SAAS,SAAS,CAAC,EAQF;QAPf,IAAI,UAAA,EACJ,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,wBAA4B,EAA5B,gBAAgB,mBAAG,SAAS,KAAA,EAC5B,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA;IAEZ,iBAAiB;IACX,IAAA,KAO4B,WAAW,CAAC,UAAU,CAAC,EAN9C,YAAY,aAAA,EACf,SAAS,UAAA,EACP,WAAW,YAAA,EACZ,UAAU,WAAA,EACP,aAAa,cAAA,EACjB,SAAS,UACwC,CAAA;IAEnD,IAAA,KAO4B,WAAW,CAAC,UAAU,CAAC,EAN9C,WAAW,aAAA,EACd,QAAQ,UAAA,EACN,UAAU,YAAA,EACX,SAAS,WAAA,EACN,YAAY,cAAA,EAChB,QAAQ,UACyC,CAAA;IAEzD,OAAO,CACL,KAAC,WAAW,eACN,WAAW,IACf,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,YAE/C,eAAe,CAAC,IAAI,CAAC;aACpB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACzB,eAAC,WAAW,CAAC,IAAI,eAAK,QAAQ,IAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;gBAChG,KAAC,WAAW,CAAC,MAAM,eAAK,UAAU,IAAE,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,YAClF,YAAY,CAAC,CAAC,CAAC,CACd,YAAY,CAAC,IAAI,CAAC,CACnB,CAAC,CAAC,CAAC,CACF,0BACG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CACd,uBAAO,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,YACxD,IAAI,CAAC,KAAK,IACT,CACL,EACA,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,CACjB,2BAAW,YAAY,IAAE,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,YACpD,IAAI,CAAC,QAAQ,IACR,CACT,IACG,CACP,IACkB;gBACrB,KAAC,WAAW,CAAC,IAAI,eAAK,QAAQ,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,YACvD,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IACzB,CACF,CACpB,EAxB0B,CAwB1B,CAAC,CAAA,IACQ,CACf,CAAA;AACH,CAAC;AAED,eAAe,SAAS,CAAA"}

package/dist/esm/components/Button.js

@@ -1,5 +1,5 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function Button() {
-    return React.createElement("div", null);
+    return _jsx("div", {});
 }
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAEhD,MAAM,CAAC,OAAO,UAAU,MAAM;IAC5B,OAAO,gCAAW,CAAA;AACpB,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,MAAM;IAC5B,OAAO,eAAW,CAAA;AACpB,CAAC"}

package/dist/esm/components/Label.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 import { destructObj } from '../helpers/app';
@@ -7,14 +7,12 @@ function Label(_a) {
     // Destructure classnames safely
     var _c = destructObj(classnames), labelClass = _c.label, iconClass = _c.icon;
     /** Renders the label icon */
-    var renderLabelIcon = function () { return React.createElement("i", { className: clsx(icon, iconClass, { 'ms-2': tooltip }) }); };
+    var renderLabelIcon = function () { return _jsx("i", { className: clsx(icon, iconClass, { 'ms-2': tooltip }) }); };
     if (!label)
         return null;
-    return (React.createElement("label", { htmlFor: id, className: clsx(labelClass, 'form-label', {
+    return (_jsxs("label", { htmlFor: id, className: clsx(labelClass, 'form-label', {
             'd-flex align-items-center': !!icon,
-        }) },
-        label,
-        tooltip ? (React.createElement(OverlayTrigger, { placement: 'top', overlay: React.createElement(Tooltip, { className: 'bg-white rounded' }, tooltip) }, renderLabelIcon())) : (renderLabelIcon())));
+        }), children: [label, tooltip ? (_jsx(OverlayTrigger, { placement: 'top', overlay: _jsx(Tooltip, { className: 'bg-white rounded', children: tooltip }), children: 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":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,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,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,+BACE,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,CACK,CACT,CAAA;AACH,CAAC;AAED,eAAe,KAAK,CAAA"}
+{"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"}