farm-react 1.0.7 → 1.0.9

package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js

@@ -0,0 +1,41 @@
+import { __assign, __rest } from "tslib";
+/**
+ * -----------------------------------------------------------------------------
+ * @file ToggleButton
+ * -----------------------------------------------------------------------------
+ *
+ * @description A custom radio-style toggle button built using React-Bootstrap.
+ * This component renders:
+ * - A hidden radio input (`Form.Control` with `btn-check` class)
+ * - A styled label acting as the visible button
+ * - An optional description below the button
+ * It is designed to work inside `ToggleButtonGroup` and behaves as a
+ * controlled/uncontrolled radio button depending on the props passed.
+ *
+ * @features
+ * - Uses `defaultChecked` to set initial selection state
+ * - Triggers `onChange` when selected
+ * - Applies Bootstrap button variants dynamically
+ * - Supports disabled state
+ * - Optionally renders helper/description text
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import React from 'react';
+import { clsx } from 'clsx';
+import { Form } from 'react-bootstrap';
+import FormText from 'react-bootstrap/FormText';
+import { destructObj, isStrNotEmpty } from '../../helpers';
+function ToggleButton(_a) {
+    var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.children, children = _c === void 0 ? undefined : _c, _d = _a.className, className = _d === void 0 ? undefined : _d, _e = _a.descProps, descProps = _e === void 0 ? undefined : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.id, id = _g === void 0 ? undefined : _g, _h = _a.isSpaced, isSpaced = _h === void 0 ? false : _h, _j = _a.name, name = _j === void 0 ? undefined : _j, _k = _a.onChange, onChange = _k === void 0 ? undefined : _k, value = _a.value, _l = _a.variant, variant = _l === void 0 ? 'outline-light' : _l, rest = __rest(_a, ["checked", "children", "className", "descProps", "disabled", "id", "isSpaced", "name", "onChange", "value", "variant"]);
+    // Destruct object
+    var _m = destructObj(descProps), descClass = _m.className, descContent = _m.description;
+    return (React.createElement("div", { className: clsx(!isSpaced && 'tjs-toggle-btn-group') },
+        React.createElement(Form.Control, { type: 'radio', id: id, name: name, value: value, defaultChecked: checked !== null && checked !== void 0 ? checked : false, disabled: disabled, onChange: onChange, className: 'btn-check' }),
+        React.createElement(Form.Label, __assign({ htmlFor: id, className: clsx('btn mb-0 w-100', "btn-".concat(variant), disabled && 'disabled', className) }, rest), children),
+        isStrNotEmpty(descContent) ? (React.createElement(FormText, { className: clsx('fs-12 mt-0 text-center d-block', descClass) }, descContent)) : null));
+}
+export default ToggleButton;
+//# sourceMappingURL=ToggleBtn.js.map

package/dist/esm/subComponent/toggleBtnGroup/ToggleBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleBtn.js","sourceRoot":"","sources":["../../../../src/subComponent/toggleBtnGroup/ToggleBtn.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,KAA8D,MAAM,OAAO,CAAA;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAmB1D,SAAS,YAAY,CAAC,EAaQ;IAZ5B,IAAA,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,UAAc,EAAd,EAAE,mBAAG,SAAS,KAAA,EACd,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,KAAK,WAAA,EACL,eAAyB,EAAzB,OAAO,mBAAG,eAAe,KAAA,EACtB,IAAI,cAZa,uHAarB,CADQ;IAEP,kBAAkB;IACZ,IAAA,KAAqD,WAAW,CAAC,SAAS,CAAC,EAA9D,SAAS,eAAA,EAAe,WAAW,iBAA2B,CAAA;IAEjF,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,CAAC,QAAQ,IAAI,sBAAsB,CAAC;QACvD,oBAAC,IAAI,CAAC,OAAO,IACX,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAe,EACtB,cAAc,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,EAChC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,WAAW,GACrB;QACF,oBAAC,IAAI,CAAC,KAAK,aACT,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,cAAO,OAAO,CAAE,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,CAAC,IAClF,IAAI,GAEP,QAAQ,CACE;QACZ,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAC5B,oBAAC,QAAQ,IAAC,SAAS,EAAE,IAAI,CAAC,gCAAgC,EAAE,SAAS,CAAC,IAAG,WAAW,CAAY,CACjG,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.d.ts

@@ -0,0 +1,43 @@
+/**
+ * -----------------------------------------------------------------------------
+ * @component ToggleButtonGroup
+ * -----------------------------------------------------------------------------
+ *
+ * @description
+ * A controlled wrapper component around React-Bootstrap's `ButtonGroup`
+ * that manages a group of toggle able buttons (radio-like behavior).
+ *
+ * This component automatically:
+ * - Clones its children and injects `checked`, `name`, and `onChange` props
+ * - Synchronizes the active (checked) state based on the provided `value`
+ * - Ensures only one toggle button is selected at a time
+ * - Supports both horizontal and vertical layouts
+ *
+ * It is designed to work with custom ToggleButton components that accept:
+ * `value`, `checked`, `name`, and `onChange` props.
+ *
+ * @features
+ * - Controlled component behavior via `value` prop
+ * - Automatic child prop injection using `cloneElement`
+ * - Optimized re-rendering using `useMemo`
+ * - Supports `size` variations ('sm' | 'lg')
+ * - Optional vertical layout
+ * - Fully compatible with React-Bootstrap ButtonGroup
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import { type ChangeEvent, type ReactNode, type ReactElement, type CSSProperties } from 'react';
+export interface ToggleButtonGroupProps {
+    children?: ReactNode;
+    className?: string;
+    name?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    size?: 'lg' | 'sm';
+    style?: CSSProperties;
+    value?: number | string;
+    vertical?: boolean;
+}
+declare function ToggleButtonGroup({ children, className, name, onChange, size, style, value, vertical, ...rest }: Readonly<ToggleButtonGroupProps>): ReactElement;
+export default ToggleButtonGroup;

package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js

@@ -0,0 +1,51 @@
+import { __assign, __rest } from "tslib";
+/**
+ * -----------------------------------------------------------------------------
+ * @component ToggleButtonGroup
+ * -----------------------------------------------------------------------------
+ *
+ * @description
+ * A controlled wrapper component around React-Bootstrap's `ButtonGroup`
+ * that manages a group of toggle able buttons (radio-like behavior).
+ *
+ * This component automatically:
+ * - Clones its children and injects `checked`, `name`, and `onChange` props
+ * - Synchronizes the active (checked) state based on the provided `value`
+ * - Ensures only one toggle button is selected at a time
+ * - Supports both horizontal and vertical layouts
+ *
+ * It is designed to work with custom ToggleButton components that accept:
+ * `value`, `checked`, `name`, and `onChange` props.
+ *
+ * @features
+ * - Controlled component behavior via `value` prop
+ * - Automatic child prop injection using `cloneElement`
+ * - Optimized re-rendering using `useMemo`
+ * - Supports `size` variations ('sm' | 'lg')
+ * - Optional vertical layout
+ * - Fully compatible with React-Bootstrap ButtonGroup
+ *
+ * -----------------------------------------------------------------------------
+ * Copyright © 2017-present BookingKoala. All rights reserved.
+ * -----------------------------------------------------------------------------
+ */
+import React, { Children, useMemo, cloneElement, isValidElement, } from 'react';
+import ButtonGroup from 'react-bootstrap/ButtonGroup';
+function ToggleButtonGroup(_a) {
+    var _b = _a.children, children = _b === void 0 ? undefined : _b, _c = _a.className, className = _c === void 0 ? undefined : _c, _d = _a.name, name = _d === void 0 ? undefined : _d, _e = _a.onChange, onChange = _e === void 0 ? undefined : _e, _f = _a.size, size = _f === void 0 ? undefined : _f, _g = _a.style, style = _g === void 0 ? undefined : _g, _h = _a.value, value = _h === void 0 ? '' : _h, _j = _a.vertical, vertical = _j === void 0 ? false : _j, rest = __rest(_a, ["children", "className", "name", "onChange", "size", "style", "value", "vertical"]);
+    var clonedChildren = useMemo(function () {
+        return Children === null || Children === void 0 ? void 0 : Children.map(children, function (child) {
+            if (!isValidElement(child))
+                return child;
+            var childrenProps = child === null || child === void 0 ? void 0 : child.props;
+            return cloneElement(child, {
+                checked: (childrenProps === null || childrenProps === void 0 ? void 0 : childrenProps.value) === value,
+                name: name,
+                onChange: onChange,
+            });
+        });
+    }, [children, value, name, onChange]);
+    return (React.createElement(ButtonGroup, __assign({ vertical: vertical, size: size, className: className, style: style }, rest), clonedChildren));
+}
+export default ToggleButtonGroup;
+//# sourceMappingURL=ToggleBtnGroup.js.map

package/dist/esm/subComponent/toggleBtnGroup/ToggleBtnGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleBtnGroup.js","sourceRoot":"","sources":["../../../../src/subComponent/toggleBtnGroup/ToggleBtnGroup.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,KAAK,EAAE,EAKZ,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,cAAc,GACf,MAAM,OAAO,CAAA;AACd,OAAO,WAAW,MAAM,6BAA6B,CAAA;AAoBrD,SAAS,iBAAiB,CAAC,EAUQ;IATjC,IAAA,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,IAAI,cATkB,mFAU1B,CADQ;IAEP,IAAM,cAAc,GAAG,OAAO,CAC5B;QACE,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAC5B,IAAI,CAAC,cAAc,CAAyB,KAAK,CAAC;gBAAE,OAAO,KAAK,CAAA;YAChE,IAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAA;YAClC,OAAO,YAAY,CAAC,KAAK,EAAE;gBACzB,OAAO,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,KAAK;gBACvC,IAAI,MAAA;gBACJ,QAAQ,UAAA;aACT,CAAC,CAAA;QACJ,CAAC,CAAC;IARF,CAQE,EACJ,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAClC,CAAA;IAED,OAAO,CACL,oBAAC,WAAW,aAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI,GACtF,cAAc,CACH,CACf,CAAA;AACH,CAAC;AAED,eAAe,iBAAiB,CAAA"}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "farm-react",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "farm-react",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -8,15 +8,15 @@
   "scripts": {
     "prepare": "npm run build",
     "prepublishOnly": "npm run test && npm run prettier && npm run lint",
-    "build": "npm run build:esm && npm run build:cjs && npm run build:package-json",
+    "build": "npm run build:esm && npm run build:cjs && npm run build:package-json && npm run build:scss",
     "build:package-json": "node -e \"const fs=require('fs');const pkg=require('./package.json');const distPkg={name:pkg.name,version:pkg.version,description:pkg.description,main:'cjs/index.js',module:'esm/index.js',types:'esm/index.d.ts',peerDependencies:pkg.peerDependencies,author:pkg.author,license:pkg.license};fs.writeFileSync('dist/package.json',JSON.stringify(distPkg,null,2));\"",
     "build:esm": "tsc",
     "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "build:scss": "sass src/assets/styles/style.scss dist/assets/styles/style.css --style=expanded",
     "test": "jest --config jestconfig.json",
-    "lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\"",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
     "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
   },
-  "type": "module",
   "peerDependencies": {
     "react": ">=18"
   },
@@ -36,6 +36,7 @@
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.12",
     "@types/react": "^18.3.3",
+    "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^7.15.0",
     "@typescript-eslint/parser": "^7.15.0",
     "eslint-config-prettier": "^9.1.0",
@@ -57,6 +58,7 @@
     "clsx": "^2.1.1",
     "eslint": "^9.34.0",
     "react-bootstrap": "^2.10.10",
+    "react-hook-form": "^7.71.2",
     "react-router": "^7.8.2"
   }
 }

package/dist/cjs/strings/index.js

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

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

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

package/dist/esm/strings/index.js

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

package/dist/esm/strings/index.js.map

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