farm-react 1.0.5 → 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/assets/data/header.d.ts

@@ -0,0 +1,6 @@
+declare const headerItem: {
+    id: number;
+    label: string;
+    link: string;
+}[];
+export { headerItem };

package/dist/cjs/assets/data/header.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerItem = void 0;
+var headerItem = [
+    { id: 1, label: 'Bootstrap 5', link: 'https://getbootstrap.com/docs/5.3/getting-started/introduction/' },
+    { id: 2, label: 'React bootstrap', link: 'https://react-bootstrap.netlify.app/' },
+    { id: 4, label: 'Seed App', link: 'https://seed-app' },
+    { id: 3, label: 'Updates group', link: 'https://chat.whatsapp.com/ISQ2i9zTTvr2dGPzyvE5FV?mode=ac_t' },
+    // { id: 6, label: 'home', link: '' },
+    // { id: 7, label: 'home', link: '' },
+    // { id: 8, label: 'home', link: '' },
+    // { id: 9, label: 'home', link: '' },
+    // { id: 10, label: 'home', link: '' },
+    // { id: 11, label: 'home', link: '' },
+];
+exports.headerItem = headerItem;
+//# sourceMappingURL=header.js.map

package/dist/cjs/assets/data/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/assets/data/header.ts"],"names":[],"mappings":";;;AAAA,IAAM,UAAU,GAAG;IACjB,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,iEAAiE,EAAE;IACxG,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,sCAAsC,EAAE;IACjF,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,kBAAkB,EAAE;IACtD,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,4DAA4D,EAAE;IACrG,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,sCAAsC;IACtC,uCAAuC;IACvC,uCAAuC;CACxC,CAAA;AACQ,gCAAU"}

package/dist/cjs/assets/data/home.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=home.js.map

package/dist/cjs/assets/data/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../../../../src/assets/data/home.ts"],"names":[],"mappings":""}

package/dist/cjs/assets/data/icons.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=icons.js.map

package/dist/cjs/assets/data/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/assets/data/icons.ts"],"names":[],"mappings":""}

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.d.ts

@@ -0,0 +1,2 @@
+import { type ReactElement } from 'react';
+export default function Button(): ReactElement;

package/dist/cjs/components/Button.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Button;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function Button() {
+    return (0, jsx_runtime_1.jsx)("div", {});
+}
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,14 @@
+import { type ReactElement } from 'react';
+interface Classnames {
+    label?: string;
+    icon?: string;
+}
+export interface LabelProps {
+    id?: string;
+    label?: string;
+    icon?: string;
+    tooltip?: string | ReactElement;
+    classnames?: Classnames;
+}
+declare function Label({ id, label, icon, tooltip, classnames }: LabelProps): ReactElement | null;
+export default Label;

package/dist/cjs/components/Label.js

@@ -0,0 +1,21 @@
+"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 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;
+    // Destructure classnames safely
+    var _c = (0, app_1.destructObj)(classnames), labelClass = _c.label, iconClass = _c.icon;
+    /** Renders the label icon */
+    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 ((0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: (0, clsx_1.default)(labelClass, 'form-label', {
+            'd-flex align-items-center': !!icon,
+        }), 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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+declare function Footer(): ReactElement;
+export default Footer;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 ((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

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+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 react_bootstrap_1 = require("react-bootstrap");
+var header_1 = require("../../assets/data/header");
+var react_router_1 = require("react-router");
+var react_bootstrap_2 = require("react-bootstrap");
+var app_1 = require("../../constants/app");
+function Header() {
+    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

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

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

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

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

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

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

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

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

package/dist/cjs/components/TextInput.js

@@ -0,0 +1,21 @@
+"use strict";
+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");
+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];
+    var handleToggle = function () {
+        setShowPassword(function (prev) { return !prev; });
+    };
+    function renderInput() {
+        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 ((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

@@ -0,0 +1 @@
+{"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/constants/app.d.ts

@@ -0,0 +1 @@
+export declare const LOGO_IMG = "app/assets/images/logo.png";

package/dist/cjs/constants/app.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LOGO_IMG = void 0;
+exports.LOGO_IMG = 'app/assets/images/logo.png';
+//# sourceMappingURL=app.js.map

package/dist/cjs/constants/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/constants/app.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,4BAA4B,CAAA"}

package/dist/cjs/constants/images.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=images.js.map

package/dist/cjs/constants/images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.js","sourceRoot":"","sources":["../../../src/constants/images.ts"],"names":[],"mappings":""}

package/dist/cjs/constants/routes.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=routes.js.map

package/dist/cjs/constants/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../../src/constants/routes.ts"],"names":[],"mappings":""}

package/dist/cjs/container/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/cjs/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/container/index.tsx"],"names":[],"mappings":""}

package/dist/cjs/helpers/app.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Safely returns the provided object or an empty object as fallback.
+ * @param value - The object to check.
+ * @returns The original object if defined, otherwise an empty object of type T.
+ */
+export declare function destructObj<T extends object>(value?: T): T;
+/**
+ * Checks if the given value is an empty string (after trimming).
+ * @param value - The string to check.
+ * @returns true if the value is not a valid string or is empty after trimming, false otherwise.
+ */
+export declare function isEmptyString(value?: string | null): boolean;
+/**
+ * Checks if the given value is a non-empty string.
+ * @param value - The string to check.
+ * @returns true if the value is a string with at least one character, false otherwise.
+ */
+export declare function isStringNotEmpty(value?: string | null): boolean;
+/**
+ * Checks if the given value is a non-empty array.
+ * @param value - The array to check.
+ * @returns true if the value is an array with at least one element, false otherwise.
+ */
+export declare function isArrayNotEmpty<T>(value?: T[] | null): boolean;
+/**
+ * Checks if the given value is an empty array.
+ * @param value - The array to check.
+ * @returns true if the value is an array with no elements, false otherwise.
+ */
+export declare function isArrayEmpty<T>(value?: T[] | null): boolean;
+/**
+ * Safely returns the length of the given array.
+ * @param value - The array to check.
+ * @returns The number of elements in the array, or 0 if the array is null/undefined.
+ */
+export declare function getArrayLength<T>(value?: T[] | null): number;
+/**
+ * Safely checks if the given array includes a specific value.
+ * @param array - The array to check.
+ * @param item - The item to search for.
+ * @returns true if the array includes the item, false otherwise.
+ */
+export declare function isArrayIncludes<T>(array: T[] | null | undefined, item: T): boolean;
+/**
+ * Checks if the given value is an empty object.
+ * @param value - The object to check.
+ * @returns true if the value is an object with no own enumerable keys, false otherwise.
+ */
+export declare function isObjEmpty(value?: object | null): boolean;
+/**
+ * Checks if the given value is a non-empty plain object.
+ * @param value - The object to check.
+ * @returns true if the value is a plain object with at least one own key, false otherwise.
+ */
+export declare function isObjNotEmpty(value?: object | null): boolean;
+/**
+ * Checks if the given value is empty.
+ * Supports: string, array, object.
+ * @param value - The value to check.
+ * @returns true if the value is empty, false otherwise.
+ */
+export declare function isEmpty(value: any): boolean;
+/**
+ * Generates an array of dates between two dates (inclusive).
+ * @param start - The start date.
+ * @param end - The end date.
+ * @returns An array of Date objects from start to end.
+ */
+export declare function getDates(start: Date, end: Date): Date[];
+/**
+ * Formats a given date into a string.
+ * @param date - The date to format.
+ * @param format - The format string (default: "YYYY-MM-DD").
+ * Supported tokens: YYYY, MM, DD, HH, mm, ss
+ * @returns The formatted date string.
+ */
+export declare function getFormattedDate(date: Date, format?: string): string;
+/**
+ * Returns the current logged-in user from localStorage.
+ */
+export declare function getCurrentUser(): any | null;