farm-react 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +79 -4
- package/dist/cjs/components/Accordion.d.ts +33 -0
- package/dist/cjs/components/Accordion.js +20 -0
- package/dist/cjs/components/Accordion.js.map +1 -0
- package/dist/cjs/components/Button.js +2 -3
- package/dist/cjs/components/Button.js.map +1 -1
- package/dist/cjs/components/Label.js +4 -6
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Layout/Footer.js +2 -11
- package/dist/cjs/components/Layout/Footer.js.map +1 -1
- package/dist/cjs/components/Layout/Header.d.ts +1 -2
- package/dist/cjs/components/Layout/Header.js +4 -15
- package/dist/cjs/components/Layout/Header.js.map +1 -1
- package/dist/cjs/components/Layout/Sidebar.d.ts +1 -2
- package/dist/cjs/components/Layout/Sidebar.js +3 -5
- package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
- package/dist/cjs/components/RatingDisplay.d.ts +27 -0
- package/dist/cjs/components/RatingDisplay.js +39 -0
- package/dist/cjs/components/RatingDisplay.js.map +1 -0
- package/dist/cjs/components/TextInput.d.ts +1 -2
- package/dist/cjs/components/TextInput.js +3 -8
- package/dist/cjs/components/TextInput.js.map +1 -1
- package/dist/cjs/index.d.ts +3 -2
- package/dist/cjs/index.js +5 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/strings/en.d.ts +1 -0
- package/dist/cjs/strings/en.js +1 -0
- package/dist/cjs/strings/en.js.map +1 -1
- package/dist/esm/components/Accordion.d.ts +33 -0
- package/dist/esm/components/Accordion.js +18 -0
- package/dist/esm/components/Accordion.js.map +1 -0
- package/dist/esm/components/Button.js +2 -2
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/Label.js +4 -6
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Layout/Footer.js +2 -10
- package/dist/esm/components/Layout/Footer.js.map +1 -1
- package/dist/esm/components/Layout/Header.d.ts +1 -2
- package/dist/esm/components/Layout/Header.js +3 -14
- package/dist/esm/components/Layout/Header.js.map +1 -1
- package/dist/esm/components/Layout/Sidebar.d.ts +1 -2
- package/dist/esm/components/Layout/Sidebar.js +3 -4
- package/dist/esm/components/Layout/Sidebar.js.map +1 -1
- package/dist/esm/components/RatingDisplay.d.ts +27 -0
- package/dist/esm/components/RatingDisplay.js +37 -0
- package/dist/esm/components/RatingDisplay.js.map +1 -0
- package/dist/esm/components/TextInput.d.ts +1 -2
- package/dist/esm/components/TextInput.js +3 -8
- package/dist/esm/components/TextInput.js.map +1 -1
- package/dist/esm/index.d.ts +3 -2
- package/dist/esm/index.js +3 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/strings/en.d.ts +1 -0
- package/dist/esm/strings/en.js +1 -0
- package/dist/esm/strings/en.js.map +1 -1
- package/dist/package.json +13 -0
- package/package.json +62 -58
- package/dist/cjs/components/app.d.ts +0 -6
- package/dist/cjs/components/app.js +0 -22
- package/dist/cjs/components/app.js.map +0 -1
- package/dist/esm/components/Notification.d.ts +0 -1
- package/dist/esm/components/Notification.js +0 -46
- package/dist/esm/components/Notification.js.map +0 -1
- package/dist/esm/components/SwitchItem.d.ts +0 -8
- package/dist/esm/components/SwitchItem.js +0 -7
- package/dist/esm/components/SwitchItem.js.map +0 -1
- package/dist/esm/components/app.d.ts +0 -6
- package/dist/esm/components/app.js +0 -19
- package/dist/esm/components/app.js.map +0 -1
- package/dist/esm/constants/aap.d.ts +0 -1
- package/dist/esm/constants/aap.js +0 -2
- package/dist/esm/constants/aap.js.map +0 -1
|
@@ -1,17 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { headerItem } from '../../assets/data/header';
|
|
3
3
|
import { Col, Container, Image, Nav, Row } from 'react-bootstrap';
|
|
4
4
|
import { LOGO_IMG } from '../../constants/app';
|
|
5
5
|
function Footer() {
|
|
6
|
-
return (
|
|
7
|
-
React.createElement(Container, null,
|
|
8
|
-
React.createElement(Row, null,
|
|
9
|
-
React.createElement(Col, { lg: 2 },
|
|
10
|
-
React.createElement(Image, { src: LOGO_IMG, alt: 'farm-react logo', height: 40, width: 40 }),
|
|
11
|
-
' '),
|
|
12
|
-
React.createElement(Col, { lg: 4 }),
|
|
13
|
-
React.createElement(Col, { lg: 6 },
|
|
14
|
-
React.createElement(Nav, { className: 'd-flex' }, headerItem.map(function (item) { return (React.createElement(Nav.Link, { key: item.id, href: item.link, className: 'text-dark' }, item.label)); })))))));
|
|
6
|
+
return (_jsx("footer", { children: _jsx(Container, { children: _jsxs(Row, { children: [_jsxs(Col, { lg: 2, children: [_jsx(Image, { src: LOGO_IMG, alt: 'farm-react logo', height: 40, width: 40 }), ' '] }), _jsx(Col, { lg: 4 }), _jsx(Col, { lg: 6, children: _jsx(Nav, { className: 'd-flex', children: headerItem.map(function (item) { return (_jsx(Nav.Link, { href: item.link, className: 'text-dark', children: item.label }, item.id)); }) }) })] }) }) }));
|
|
15
7
|
}
|
|
16
8
|
export default Footer;
|
|
17
9
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Layout/Footer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,2BACE,KAAC,SAAS,cACR,MAAC,GAAG,eACF,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACR,KAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,EAAC,GAAG,IACrE,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,GAAI,EACd,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,YACpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,KAAC,GAAG,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,eAAe,MAAM,CAAA"}
|
|
@@ -1,25 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Container from 'react-bootstrap/Container';
|
|
3
3
|
import Nav from 'react-bootstrap/Nav';
|
|
4
4
|
import Navbar from 'react-bootstrap/Navbar';
|
|
5
|
-
import NavDropdown from 'react-bootstrap
|
|
5
|
+
import { NavDropdown } from 'react-bootstrap';
|
|
6
6
|
import { headerItem } from '../../assets/data/header';
|
|
7
7
|
import { Link } from 'react-router';
|
|
8
8
|
import { Image } from 'react-bootstrap';
|
|
9
9
|
import { LOGO_IMG } from '../../constants/app';
|
|
10
10
|
function Header() {
|
|
11
|
-
return (
|
|
12
|
-
React.createElement(Navbar, { expand: 'lg', className: 'bg-body-tertiary' },
|
|
13
|
-
React.createElement(Container, null,
|
|
14
|
-
React.createElement(Navbar.Brand, { href: '#' },
|
|
15
|
-
React.createElement(Image, { src: LOGO_IMG, alt: 'logo image', height: 30, width: 30 })),
|
|
16
|
-
React.createElement(Navbar.Toggle, { "aria-controls": 'basic-navbar-nav' }),
|
|
17
|
-
React.createElement(Navbar.Collapse, { id: 'basic-navbar-nav' },
|
|
18
|
-
React.createElement(Nav, { className: 'me-auto' },
|
|
19
|
-
headerItem.map(function (item) { return (React.createElement(Nav.Link, { key: item.id, to: item.link, as: Link }, item.label)); }),
|
|
20
|
-
React.createElement(NavDropdown, { title: 'Version', id: 'basic-nav-dropdown' },
|
|
21
|
-
React.createElement(NavDropdown.Item, { href: '#' }, "farm-react 1.0.0"),
|
|
22
|
-
React.createElement(NavDropdown.Item, { href: '#' }, "farm-react 2.0.0"))))))));
|
|
11
|
+
return (_jsx("header", { className: 'position-sticky top-0', children: _jsx(Navbar, { expand: 'lg', className: 'bg-body-tertiary', children: _jsxs(Container, { children: [_jsx(Navbar.Brand, { href: '#', children: _jsx(Image, { src: LOGO_IMG, alt: 'logo image', height: 30, width: 30 }) }), _jsx(Navbar.Toggle, { "aria-controls": 'basic-navbar-nav' }), _jsx(Navbar.Collapse, { id: 'basic-navbar-nav', children: _jsxs(Nav, { className: 'me-auto', children: [headerItem.map(function (item) { return (_jsx(Nav.Link, { to: item.link, as: Link, children: item.label }, item.id)); }), _jsxs(NavDropdown, { title: 'Version', id: 'basic-nav-dropdown', children: [_jsx(NavDropdown.Item, { href: '#', children: "farm-react 1.0.0" }), _jsx(NavDropdown.Item, { href: '#', children: "farm-react 2.0.0" })] })] }) })] }) }) }));
|
|
23
12
|
}
|
|
24
13
|
export default Header;
|
|
25
14
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/Layout/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,GAAG,MAAM,qBAAqB,CAAA;AACrC,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,SAAS,MAAM;IACb,OAAO,CACL,iBAAQ,SAAS,EAAC,uBAAuB,YACvC,KAAC,MAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB,YAC9C,MAAC,SAAS,eACR,KAAC,MAAM,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG,YACpB,KAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,GACnD,EACf,KAAC,MAAM,CAAC,MAAM,qBAAe,kBAAkB,GAAG,EAClD,KAAC,MAAM,CAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB,YACpC,MAAC,GAAG,IAAC,SAAS,EAAC,SAAS,aACrB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,KAAC,GAAG,CAAC,IAAI,IAAe,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,YAC5C,IAAI,CAAC,KAAK,IADE,IAAI,CAAC,EAAE,CAEX,CACZ,EAJyB,CAIzB,CAAC,EACF,MAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,oBAAoB,aAClD,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,iCAAoC,EAC9D,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,iCAAoC,IAClD,IACV,GACU,IACR,GACL,GACF,CACV,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import Offcanvas from 'react-bootstrap
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Offcanvas } from 'react-bootstrap';
|
|
3
3
|
function Sidebar() {
|
|
4
|
-
return (
|
|
5
|
-
React.createElement(Offcanvas.Body, null, "Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.")));
|
|
4
|
+
return (_jsx(Offcanvas, { show: true, className: 'top-60', backdrop: false, scroll: true, children: _jsx(Offcanvas.Body, { children: "Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc." }) }));
|
|
6
5
|
}
|
|
7
6
|
export default Sidebar;
|
|
8
7
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,SAAS,OAAO;IACd,OAAO,CACL,KAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,YAC9D,KAAC,SAAS,CAAC,IAAI,oIAGE,GACP,CACb,CAAA;AACH,CAAC;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type ReactElement } from 'react';
|
|
2
|
+
interface Classnames {
|
|
3
|
+
wrapper?: string;
|
|
4
|
+
icon?: string;
|
|
5
|
+
item?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
}
|
|
8
|
+
interface Attributes {
|
|
9
|
+
wrapper?: object;
|
|
10
|
+
icon?: object;
|
|
11
|
+
item?: object;
|
|
12
|
+
label?: object;
|
|
13
|
+
}
|
|
14
|
+
interface RatingDisplayProps {
|
|
15
|
+
value?: number | string;
|
|
16
|
+
decimalCount?: number;
|
|
17
|
+
icon?: string;
|
|
18
|
+
activeIcons: number;
|
|
19
|
+
totalCount?: number;
|
|
20
|
+
hideLabel?: boolean;
|
|
21
|
+
classnames?: Classnames;
|
|
22
|
+
attributes?: Attributes;
|
|
23
|
+
onClick?: ((val: number) => void) | null;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare function RatingDisplay({ icon, value, decimalCount, totalCount, disabled, hideLabel, activeIcons, classnames, attributes, onClick, }: RatingDisplayProps): ReactElement;
|
|
27
|
+
export default RatingDisplay;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { destructObj, isArrayNotEmpty } from '../helpers/app';
|
|
5
|
+
function RatingDisplay(_a) {
|
|
6
|
+
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;
|
|
7
|
+
// condition: interactive only if onClick is provided and not disabled
|
|
8
|
+
var isInteractive = !!onClick && !disabled;
|
|
9
|
+
// Object Destructuring
|
|
10
|
+
var _k = destructObj(classnames), wrapperClass = _k.wrapper, iconClass = _k.icon, labelClass = _k.label;
|
|
11
|
+
var _l = destructObj(attributes), wrapperAttr = _l.wrapper, iconAttr = _l.icon, labelAttr = _l.label;
|
|
12
|
+
/** Function responsible for creating the ratings array on the basis of total count being passed. */
|
|
13
|
+
function createRatingsArr() {
|
|
14
|
+
return Array.from({ length: totalCount }, function (_, index) { return index + 1; });
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* This function format the value according to decimal count and remove the trailing zeros.
|
|
18
|
+
* In order to display numbers after decimal points, we are using the maximum limit of 5.
|
|
19
|
+
* @returns return the formatted string value.
|
|
20
|
+
*/
|
|
21
|
+
function getFormattedVal() {
|
|
22
|
+
var numVal = typeof value === 'string' ? Number(value) : value;
|
|
23
|
+
var count = Math.min(decimalCount, 5);
|
|
24
|
+
return numVal
|
|
25
|
+
.toFixed(count)
|
|
26
|
+
.replace(/(\.\d*?)0+$/, '$1')
|
|
27
|
+
.replace(/\.$/, '')
|
|
28
|
+
.toString();
|
|
29
|
+
}
|
|
30
|
+
function renderLabelText() {
|
|
31
|
+
return (_jsx("span", __assign({}, labelAttr, { className: clsx(labelClass), children: getFormattedVal() })));
|
|
32
|
+
}
|
|
33
|
+
return (_jsxs("div", __assign({}, wrapperAttr, { className: clsx('d-flex align-items-center gap-2', wrapperClass), children: [isArrayNotEmpty(createRatingsArr()) &&
|
|
34
|
+
createRatingsArr().map(function (star) { return (_jsx("span", { className: "d-flex align-items-center ".concat(isInteractive ? 'rating-hover' : 'disabled-rating'), onClick: function () { return (isInteractive ? onClick(star) : undefined); }, children: _jsx("i", __assign({}, iconAttr, { className: clsx(icon, iconClass, star <= activeIcons ? 'text-warning' : 'text-secondary', isInteractive ? 'cursor-pointer' : 'cursor-default pe-none') })) }, star)); }), !hideLabel ? renderLabelText() : null] })));
|
|
35
|
+
}
|
|
36
|
+
export default RatingDisplay;
|
|
37
|
+
//# sourceMappingURL=RatingDisplay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingDisplay.js","sourceRoot":"","sources":["../../../src/components/RatingDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { LabelProps } from './Label';
|
|
2
|
-
import React from 'react';
|
|
3
2
|
export interface TextInputProps {
|
|
4
3
|
labelProps?: LabelProps;
|
|
5
4
|
placeholder?: string;
|
|
@@ -7,4 +6,4 @@ export interface TextInputProps {
|
|
|
7
6
|
variant?: string;
|
|
8
7
|
id?: string;
|
|
9
8
|
}
|
|
10
|
-
export default function TextInput({ labelProps, placeholder, type, variant, id }: TextInputProps):
|
|
9
|
+
export default function TextInput({ labelProps, placeholder, type, variant, id }: TextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import clsx from 'clsx';
|
|
3
4
|
import Label from './Label';
|
|
4
5
|
import { useState } from 'react';
|
|
5
6
|
import { Button, Form } from 'react-bootstrap';
|
|
6
|
-
import React from 'react';
|
|
7
7
|
export default function TextInput(_a) {
|
|
8
8
|
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;
|
|
9
9
|
var _d = useState(false), showPassword = _d[0], setShowPassword = _d[1];
|
|
@@ -11,13 +11,8 @@ export default function TextInput(_a) {
|
|
|
11
11
|
setShowPassword(function (prev) { return !prev; });
|
|
12
12
|
};
|
|
13
13
|
function renderInput() {
|
|
14
|
-
return (
|
|
14
|
+
return (_jsx(Form.Control, { placeholder: placeholder, id: id, type: type === 'password' && showPassword ? 'text' : type, className: clsx("form-control-".concat(variant)) }));
|
|
15
15
|
}
|
|
16
|
-
return (
|
|
17
|
-
React.createElement(Label, __assign({}, labelProps, { id: id })),
|
|
18
|
-
type === 'password' ? (React.createElement("div", { className: 'position-relative' },
|
|
19
|
-
renderInput(),
|
|
20
|
-
React.createElement(Button, { variant: 'transparent', className: 'form-control-icon text-dark', onClick: handleToggle },
|
|
21
|
-
React.createElement("i", { className: clsx(showPassword ? 'bi bi-eye bi' : 'bi-eye-slash') })))) : (renderInput())));
|
|
16
|
+
return (_jsxs("div", { className: clsx('text-input-wrapper'), children: [_jsx(Label, __assign({}, labelProps, { id: id })), type === 'password' ? (_jsxs("div", { className: 'position-relative', children: [renderInput(), _jsx(Button, { variant: 'transparent', className: 'form-control-icon text-dark', onClick: handleToggle, children: _jsx("i", { className: clsx(showPassword ? 'bi bi-eye bi' : 'bi-eye-slash') }) })] })) : (renderInput())] }));
|
|
22
17
|
}
|
|
23
18
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/components/TextInput.tsx"],"names":[],"mappings":";;AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,EAAE,QAAQ,EAAqB,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAU9C,MAAM,CAAC,OAAO,UAAU,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,QAAQ,CAAC,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,KAAC,IAAI,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,IAAI,CAAC,uBAAgB,OAAO,CAAE,CAAC,GAC1C,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,aACxC,KAAC,KAAK,eAAK,UAAU,IAAE,EAAE,EAAE,EAAE,IAAI,EAChC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,WAAW,EAAE,EACd,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,YAAY,YACzF,YAAG,SAAS,EAAE,IAAI,CAAC,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/esm/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import Accordion from './components/Accordion';
|
|
2
|
+
import Button from './components/Button';
|
|
1
3
|
import TextInput from './components/TextInput';
|
|
2
4
|
import Label from './components/Label';
|
|
3
|
-
|
|
4
|
-
export { Label, Button, TextInput };
|
|
5
|
+
export { Accordion, Label, Button, TextInput };
|
package/dist/esm/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import Accordion from './components/Accordion';
|
|
2
|
+
import Button from './components/Button';
|
|
1
3
|
import TextInput from './components/TextInput';
|
|
2
4
|
import Label from './components/Label';
|
|
3
|
-
|
|
4
|
-
export { Label, Button, TextInput };
|
|
5
|
+
export { Accordion, Label, Button, TextInput };
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAA"}
|
package/dist/esm/strings/en.d.ts
CHANGED
package/dist/esm/strings/en.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAI,EAAE,YAAY;
|
|
1
|
+
{"version":3,"file":"en.js","sourceRoot":"","sources":["../../../src/strings/en.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,MAAM;CACb,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,58 +1,62 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "farm-react",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "",
|
|
5
|
-
"main": "dist/cjs/index.js",
|
|
6
|
-
"module": "dist/esm/index.js",
|
|
7
|
-
"types": "dist/esm/index.d.ts",
|
|
8
|
-
"scripts": {
|
|
9
|
-
"prepare": "npm run build",
|
|
10
|
-
"prepublishOnly": "npm run test && npm run prettier && npm run lint",
|
|
11
|
-
"build": "npm run build:esm && npm run build:cjs",
|
|
12
|
-
"build:
|
|
13
|
-
"build:
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"@
|
|
37
|
-
"@
|
|
38
|
-
"@
|
|
39
|
-
"eslint": "^
|
|
40
|
-
"eslint
|
|
41
|
-
"eslint-
|
|
42
|
-
"eslint-plugin-
|
|
43
|
-
"eslint-plugin-react
|
|
44
|
-
"
|
|
45
|
-
"jest
|
|
46
|
-
"jest-
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"react
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
"
|
|
57
|
-
|
|
58
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "farm-react",
|
|
3
|
+
"version": "1.0.7",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "dist/cjs/index.js",
|
|
6
|
+
"module": "dist/esm/index.js",
|
|
7
|
+
"types": "dist/esm/index.d.ts",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"prepare": "npm run build",
|
|
10
|
+
"prepublishOnly": "npm run test && npm run prettier && npm run lint",
|
|
11
|
+
"build": "npm run build:esm && npm run build:cjs && npm run build:package-json",
|
|
12
|
+
"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));\"",
|
|
13
|
+
"build:esm": "tsc",
|
|
14
|
+
"build:cjs": "tsc --module commonjs --outDir dist/cjs",
|
|
15
|
+
"test": "jest --config jestconfig.json",
|
|
16
|
+
"lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\"",
|
|
17
|
+
"prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
|
|
18
|
+
},
|
|
19
|
+
"type": "module",
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"react": ">=18"
|
|
22
|
+
},
|
|
23
|
+
"author": "Nikhil Kumar",
|
|
24
|
+
"license": "ISC",
|
|
25
|
+
"files": [
|
|
26
|
+
"dist",
|
|
27
|
+
"LICENSE",
|
|
28
|
+
"README.md"
|
|
29
|
+
],
|
|
30
|
+
"keywords": [
|
|
31
|
+
"react",
|
|
32
|
+
"typescript",
|
|
33
|
+
"awesome-project"
|
|
34
|
+
],
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"@testing-library/react": "^16.0.0",
|
|
37
|
+
"@types/jest": "^29.5.12",
|
|
38
|
+
"@types/react": "^18.3.3",
|
|
39
|
+
"@typescript-eslint/eslint-plugin": "^7.15.0",
|
|
40
|
+
"@typescript-eslint/parser": "^7.15.0",
|
|
41
|
+
"eslint-config-prettier": "^9.1.0",
|
|
42
|
+
"eslint-plugin-prettier": "^5.1.3",
|
|
43
|
+
"eslint-plugin-react": "^7.34.3",
|
|
44
|
+
"eslint-plugin-react-hooks": "^4.6.2",
|
|
45
|
+
"jest": "^29.7.0",
|
|
46
|
+
"jest-canvas-mock": "^2.5.2",
|
|
47
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
48
|
+
"prettier": "^3.3.2",
|
|
49
|
+
"react": "^18.3.1",
|
|
50
|
+
"react-dom": "^18.3.1",
|
|
51
|
+
"sass-embedded": "^1.90.0",
|
|
52
|
+
"ts-jest": "^29.1.5",
|
|
53
|
+
"typescript": "^5.5.3"
|
|
54
|
+
},
|
|
55
|
+
"dependencies": {
|
|
56
|
+
"bootstrap-icons": "^1.13.1",
|
|
57
|
+
"clsx": "^2.1.1",
|
|
58
|
+
"eslint": "^9.34.0",
|
|
59
|
+
"react-bootstrap": "^2.10.10",
|
|
60
|
+
"react-router": "^7.8.2"
|
|
61
|
+
}
|
|
62
|
+
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
-
var MyCounter = function (_a) {
|
|
6
|
-
var _b = _a.value, value = _b === void 0 ? 0 : _b;
|
|
7
|
-
var _c = (0, react_1.useState)(value), counter = _c[0], setCounter = _c[1];
|
|
8
|
-
var onMinus = function () {
|
|
9
|
-
setCounter(function (val) { return val - 1; });
|
|
10
|
-
};
|
|
11
|
-
var onPlus = function () {
|
|
12
|
-
setCounter(function (prev) { return prev + 1; });
|
|
13
|
-
};
|
|
14
|
-
return (react_1.default.createElement("div", null,
|
|
15
|
-
react_1.default.createElement("h1", null,
|
|
16
|
-
"Counter: ",
|
|
17
|
-
counter),
|
|
18
|
-
react_1.default.createElement("button", { onClick: onMinus }, "-"),
|
|
19
|
-
react_1.default.createElement("button", { onClick: onPlus }, "+")));
|
|
20
|
-
};
|
|
21
|
-
exports.default = MyCounter;
|
|
22
|
-
//# sourceMappingURL=app.js.map
|
|
@@ -1 +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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function Parent(): import("react").JSX.Element;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { useRef, useState } from 'react';
|
|
3
|
-
import ConfirmPopup from './ConfirmPopup';
|
|
4
|
-
import SwitchItem from './SwitchItem';
|
|
5
|
-
var initialSwitches = [
|
|
6
|
-
{ id: '1', label: 'Email Notifications', enabled: true },
|
|
7
|
-
{ id: '2', label: 'SMS Alerts', enabled: false },
|
|
8
|
-
{ id: '3', label: 'Push Messages', enabled: true },
|
|
9
|
-
];
|
|
10
|
-
export default function Parent() {
|
|
11
|
-
var _a;
|
|
12
|
-
var _b = useState(initialSwitches), switches = _b[0], setSwitches = _b[1];
|
|
13
|
-
var _c = useState(false), confirmOpen = _c[0], setConfirmOpen = _c[1];
|
|
14
|
-
var activeSwitchRef = useRef(null);
|
|
15
|
-
var handleSwitchToggle = function (id, value) {
|
|
16
|
-
if (value) {
|
|
17
|
-
console.log(id, value);
|
|
18
|
-
// ✅ enable directly
|
|
19
|
-
setSwitches(function (prev) { return prev.map(function (sw) { return (sw.id === id ? __assign(__assign({}, sw), { enabled: true }) : sw); }); });
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
// ✅ before disabling → open popup
|
|
23
|
-
var target = switches.find(function (sw) { return sw.id === id; });
|
|
24
|
-
if (target) {
|
|
25
|
-
activeSwitchRef.current = target;
|
|
26
|
-
setConfirmOpen(true);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
console.log(activeSwitchRef);
|
|
30
|
-
};
|
|
31
|
-
var handleConfirm = function () {
|
|
32
|
-
if (activeSwitchRef.current) {
|
|
33
|
-
setSwitches(function (prev) { return prev.map(function (sw) { return (sw.id === activeSwitchRef.current.id ? __assign(__assign({}, sw), { enabled: false }) : sw); }); });
|
|
34
|
-
}
|
|
35
|
-
setConfirmOpen(false);
|
|
36
|
-
// activeSwitchRef.current = null;
|
|
37
|
-
};
|
|
38
|
-
var handleCancel = function () {
|
|
39
|
-
setConfirmOpen(false);
|
|
40
|
-
activeSwitchRef.current = null;
|
|
41
|
-
};
|
|
42
|
-
return (React.createElement(React.Fragment, null,
|
|
43
|
-
React.createElement("div", null, switches.map(function (sw) { return (React.createElement(SwitchItem, { key: sw.id, id: sw.id, label: sw.label, enabled: sw.enabled, onToggle: handleSwitchToggle })); })),
|
|
44
|
-
confirmOpen && (React.createElement(ConfirmPopup, { title: "Disable ".concat((_a = activeSwitchRef.current) === null || _a === void 0 ? void 0 : _a.label, "?"), onConfirm: handleConfirm, onCancel: handleCancel }))));
|
|
45
|
-
}
|
|
46
|
-
//# sourceMappingURL=Notification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/components/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export default function SwitchItem(_a) {
|
|
2
|
-
var id = _a.id, label = _a.label, enabled = _a.enabled, onToggle = _a.onToggle;
|
|
3
|
-
return (React.createElement("label", { style: { display: 'block', margin: '8px 0' } },
|
|
4
|
-
React.createElement("input", { type: 'checkbox', checked: enabled, onChange: function () { return onToggle(id, !enabled); } }),
|
|
5
|
-
label));
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=SwitchItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchItem.js","sourceRoot":"","sources":["../../../src/components/SwitchItem.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAiD;QAA/C,EAAE,QAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC/D,OAAO,CACL,+BAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE;QACjD,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,EAAtB,CAAsB,GAAI;QAClF,KAAK,CACA,CACT,CAAA;AACH,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
var MyCounter = function (_a) {
|
|
3
|
-
var _b = _a.value, value = _b === void 0 ? 0 : _b;
|
|
4
|
-
var _c = useState(value), counter = _c[0], setCounter = _c[1];
|
|
5
|
-
var onMinus = function () {
|
|
6
|
-
setCounter(function (val) { return val - 1; });
|
|
7
|
-
};
|
|
8
|
-
var onPlus = function () {
|
|
9
|
-
setCounter(function (prev) { return prev + 1; });
|
|
10
|
-
};
|
|
11
|
-
return (React.createElement("div", null,
|
|
12
|
-
React.createElement("h1", null,
|
|
13
|
-
"Counter: ",
|
|
14
|
-
counter),
|
|
15
|
-
React.createElement("button", { onClick: onMinus }, "-"),
|
|
16
|
-
React.createElement("button", { onClick: onPlus }, "+")));
|
|
17
|
-
};
|
|
18
|
-
export default MyCounter;
|
|
19
|
-
//# sourceMappingURL=app.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/components/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAMvC,IAAM,SAAS,GAAG,UAAC,EAAoB;QAAlB,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA;IACtB,IAAA,KAAwB,QAAQ,CAAC,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,gCAAQ,OAAO,EAAE,OAAO,QAAY;QACpC,gCAAQ,OAAO,EAAE,MAAM,QAAY,CAC/B,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const LOGO_IMG = "app/assets/images/logo.png";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"aap.js","sourceRoot":"","sources":["../../../src/constants/aap.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,QAAQ,GAAG,4BAA4B,CAAA"}
|