farm-react 1.0.3 → 1.0.6

package/README.md

@@ -1,69 +1,4 @@
-# React + TypeScript + Vite
+# 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
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      ...tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      ...tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      ...tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
+![](https://i.ytimg.com/vi/lVze5eT5DQQ/maxresdefault.jpg)

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/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,9 @@
+"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);
+}
+//# 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;;AAJD,wDAAgD;AAEhD,SAAwB,MAAM;IAC5B,OAAO,0CAAW,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,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var react_bootstrap_1 = require("react-bootstrap");
+var 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 react_1.default.createElement("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', {
+            '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())));
+}
+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":";;;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"}

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,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+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)); })))))));
+}
+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":";;;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"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Header(): React.JSX.Element;
+export default Header;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+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 header_1 = require("../../assets/data/header");
+var react_router_1 = require("react-router");
+var react_bootstrap_1 = 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"))))))));
+}
+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,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"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function Sidebar(): React.JSX.Element;
+export default Sidebar;

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

@@ -0,0 +1,11 @@
+"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"));
+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.")));
+}
+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,wDAAyB;AACzB,gFAAiD;AAEjD,SAAS,OAAO;IACd,OAAO,CACL,8BAAC,mBAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI;QAC9D,8BAAC,mBAAS,CAAC,IAAI,4HAGE,CACP,CACb,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}

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

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

package/dist/cjs/components/TextInput.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TextInput;
+var tslib_1 = require("tslib");
+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];
+    var handleToggle = function () {
+        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 (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())));
+}
+//# 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":";;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"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type props = {
+    value?: number;
+};
+declare const MyCounter: ({ value }: props) => React.JSX.Element;
+export default MyCounter;

package/dist/cjs/components/app.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var MyCounter = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? 0 : _b;
+    var _c = (0, react_1.useState)(value), counter = _c[0], setCounter = _c[1];
+    var onMinus = function () {
+        setCounter(function (val) { return val - 1; });
+    };
+    var onPlus = function () {
+        setCounter(function (prev) { return prev + 1; });
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h1", null,
+            "Counter: ",
+            counter),
+        react_1.default.createElement("button", { onClick: onMinus }, "-"),
+        react_1.default.createElement("button", { onClick: onPlus }, "+")));
+};
+exports.default = MyCounter;
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/components/app.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;AAMvC,IAAM,SAAS,GAAG,UAAC,EAAoB;QAAlB,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA;IACtB,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE7C,IAAM,OAAO,GAAG;QACd,UAAU,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,GAAG,CAAC,EAAP,CAAO,CAAC,CAAA;IAC9B,CAAC,CAAA;IACD,IAAM,MAAM,GAAG;QACb,UAAU,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,GAAG,CAAC,EAAR,CAAQ,CAAC,CAAA;IAChC,CAAC,CAAA;IAED,OAAO,CACL;QACE;;YAAc,OAAO,CAAM;QAC3B,0CAAQ,OAAO,EAAE,OAAO,QAAY;QACpC,0CAAQ,OAAO,EAAE,MAAM,QAAY,CAC/B,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}

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;

package/dist/cjs/helpers/app.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.destructObj = destructObj;
+exports.isEmptyString = isEmptyString;
+exports.isStringNotEmpty = isStringNotEmpty;
+exports.isArrayNotEmpty = isArrayNotEmpty;
+exports.isArrayEmpty = isArrayEmpty;
+exports.getArrayLength = getArrayLength;
+exports.isArrayIncludes = isArrayIncludes;
+exports.isObjEmpty = isObjEmpty;
+exports.isObjNotEmpty = isObjNotEmpty;
+exports.isEmpty = isEmpty;
+exports.getDates = getDates;
+exports.getFormattedDate = getFormattedDate;
+exports.getCurrentUser = getCurrentUser;
+/**
+ * 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.
+ */
+function destructObj(value) {
+    return (value !== null && value !== void 0 ? value : {});
+}
+/**
+ * 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.
+ */
+function isEmptyString(value) {
+    return !(typeof value === 'string' && value.trim().length > 0);
+}
+/**
+ * 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.
+ */
+function isStringNotEmpty(value) {
+    return typeof value === 'string' && value.trim().length > 0;
+}
+/**
+ * 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.
+ */
+function isArrayNotEmpty(value) {
+    return Array.isArray(value) && value.length > 0;
+}
+/**
+ * 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.
+ */
+function isArrayEmpty(value) {
+    return Array.isArray(value) && value.length === 0;
+}
+/**
+ * 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.
+ */
+function getArrayLength(value) {
+    return Array.isArray(value) ? value.length : 0;
+}
+/**
+ * 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.
+ */
+function isArrayIncludes(array, item) {
+    return Array.isArray(array) && array.includes(item);
+}
+/**
+ * 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.
+ */
+function isObjEmpty(value) {
+    return !!value && Object.keys(value).length === 0 && value.constructor === Object;
+}
+/**
+ * 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.
+ */
+function isObjNotEmpty(value) {
+    return !!value && value.constructor === Object && Object.keys(value).length > 0;
+}
+/**
+ * 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.
+ */
+function isEmpty(value) {
+    if (value == null)
+        return true; // null or undefined
+    if (typeof value === 'string') {
+        return value.trim().length === 0;
+    }
+    if (Array.isArray(value)) {
+        return value.length === 0;
+    }
+    if (typeof value === 'object') {
+        return Object.keys(value).length === 0 && value.constructor === Object;
+    }
+    return false; // for numbers, booleans, functions, etc.
+}
+/**
+ * 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.
+ */
+function getDates(start, end) {
+    var dates = [];
+    var current = new Date(start);
+    while (current <= end) {
+        dates.push(new Date(current)); // push a copy
+        current.setDate(current.getDate() + 1); // move to next day
+    }
+    return dates;
+}
+/**
+ * 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.
+ */
+function getFormattedDate(date, format) {
+    if (format === void 0) { format = 'YYYY-MM-DD'; }
+    var pad = function (n) { return n.toString().padStart(2, '0'); };
+    var map = {
+        YYYY: date.getFullYear().toString(),
+        MM: pad(date.getMonth() + 1),
+        DD: pad(date.getDate()),
+        HH: pad(date.getHours()),
+        mm: pad(date.getMinutes()),
+        ss: pad(date.getSeconds()),
+    };
+    return format.replace(/YYYY|MM|DD|HH|mm|ss/g, function (match) { return map[match]; });
+}
+/**
+ * Returns the current logged-in user from localStorage.
+ */
+function getCurrentUser() {
+    var user = localStorage.getItem('currentUser');
+    return user ? JSON.parse(user) : null;
+}
+//# sourceMappingURL=app.js.map