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.
Files changed (72) hide show
  1. package/README.md +79 -4
  2. package/dist/cjs/components/Accordion.d.ts +33 -0
  3. package/dist/cjs/components/Accordion.js +20 -0
  4. package/dist/cjs/components/Accordion.js.map +1 -0
  5. package/dist/cjs/components/Button.js +2 -3
  6. package/dist/cjs/components/Button.js.map +1 -1
  7. package/dist/cjs/components/Label.js +4 -6
  8. package/dist/cjs/components/Label.js.map +1 -1
  9. package/dist/cjs/components/Layout/Footer.js +2 -11
  10. package/dist/cjs/components/Layout/Footer.js.map +1 -1
  11. package/dist/cjs/components/Layout/Header.d.ts +1 -2
  12. package/dist/cjs/components/Layout/Header.js +4 -15
  13. package/dist/cjs/components/Layout/Header.js.map +1 -1
  14. package/dist/cjs/components/Layout/Sidebar.d.ts +1 -2
  15. package/dist/cjs/components/Layout/Sidebar.js +3 -5
  16. package/dist/cjs/components/Layout/Sidebar.js.map +1 -1
  17. package/dist/cjs/components/RatingDisplay.d.ts +27 -0
  18. package/dist/cjs/components/RatingDisplay.js +39 -0
  19. package/dist/cjs/components/RatingDisplay.js.map +1 -0
  20. package/dist/cjs/components/TextInput.d.ts +1 -2
  21. package/dist/cjs/components/TextInput.js +3 -8
  22. package/dist/cjs/components/TextInput.js.map +1 -1
  23. package/dist/cjs/index.d.ts +3 -2
  24. package/dist/cjs/index.js +5 -3
  25. package/dist/cjs/index.js.map +1 -1
  26. package/dist/cjs/strings/en.d.ts +1 -0
  27. package/dist/cjs/strings/en.js +1 -0
  28. package/dist/cjs/strings/en.js.map +1 -1
  29. package/dist/esm/components/Accordion.d.ts +33 -0
  30. package/dist/esm/components/Accordion.js +18 -0
  31. package/dist/esm/components/Accordion.js.map +1 -0
  32. package/dist/esm/components/Button.js +2 -2
  33. package/dist/esm/components/Button.js.map +1 -1
  34. package/dist/esm/components/Label.js +4 -6
  35. package/dist/esm/components/Label.js.map +1 -1
  36. package/dist/esm/components/Layout/Footer.js +2 -10
  37. package/dist/esm/components/Layout/Footer.js.map +1 -1
  38. package/dist/esm/components/Layout/Header.d.ts +1 -2
  39. package/dist/esm/components/Layout/Header.js +3 -14
  40. package/dist/esm/components/Layout/Header.js.map +1 -1
  41. package/dist/esm/components/Layout/Sidebar.d.ts +1 -2
  42. package/dist/esm/components/Layout/Sidebar.js +3 -4
  43. package/dist/esm/components/Layout/Sidebar.js.map +1 -1
  44. package/dist/esm/components/RatingDisplay.d.ts +27 -0
  45. package/dist/esm/components/RatingDisplay.js +37 -0
  46. package/dist/esm/components/RatingDisplay.js.map +1 -0
  47. package/dist/esm/components/TextInput.d.ts +1 -2
  48. package/dist/esm/components/TextInput.js +3 -8
  49. package/dist/esm/components/TextInput.js.map +1 -1
  50. package/dist/esm/index.d.ts +3 -2
  51. package/dist/esm/index.js +3 -2
  52. package/dist/esm/index.js.map +1 -1
  53. package/dist/esm/strings/en.d.ts +1 -0
  54. package/dist/esm/strings/en.js +1 -0
  55. package/dist/esm/strings/en.js.map +1 -1
  56. package/dist/package.json +13 -0
  57. package/package.json +62 -58
  58. package/dist/cjs/components/app.d.ts +0 -6
  59. package/dist/cjs/components/app.js +0 -22
  60. package/dist/cjs/components/app.js.map +0 -1
  61. package/dist/esm/components/Notification.d.ts +0 -1
  62. package/dist/esm/components/Notification.js +0 -46
  63. package/dist/esm/components/Notification.js.map +0 -1
  64. package/dist/esm/components/SwitchItem.d.ts +0 -8
  65. package/dist/esm/components/SwitchItem.js +0 -7
  66. package/dist/esm/components/SwitchItem.js.map +0 -1
  67. package/dist/esm/components/app.d.ts +0 -6
  68. package/dist/esm/components/app.js +0 -19
  69. package/dist/esm/components/app.js.map +0 -1
  70. package/dist/esm/constants/aap.d.ts +0 -1
  71. package/dist/esm/constants/aap.js +0 -2
  72. package/dist/esm/constants/aap.js.map +0 -1
@@ -1,17 +1,9 @@
1
- import React from 'react';
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 (React.createElement("footer", null,
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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,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;QACE,oBAAC,SAAS;YACR,oBAAC,GAAG;gBACF,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;oBACR,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI;oBAAC,GAAG,CACrE;gBACN,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC,GAAI;gBACd,oBAAC,GAAG,IAAC,EAAE,EAAE,CAAC;oBACR,oBAAC,GAAG,IAAC,SAAS,EAAC,QAAQ,IACpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,oBAAC,GAAG,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,eAAe,MAAM,CAAA"}
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,3 +1,2 @@
1
- import React from 'react';
2
- declare function Header(): React.JSX.Element;
1
+ declare function Header(): import("react/jsx-runtime").JSX.Element;
3
2
  export default Header;
@@ -1,25 +1,14 @@
1
- import React from 'react';
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/NavDropdown';
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 (React.createElement("header", { className: 'position-sticky top-0' },
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,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,GAAG,MAAM,qBAAqB,CAAA;AACrC,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAC3C,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,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,gCAAQ,SAAS,EAAC,uBAAuB;QACvC,oBAAC,MAAM,IAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,kBAAkB;YAC9C,oBAAC,SAAS;gBACR,oBAAC,MAAM,CAAC,KAAK,IAAC,IAAI,EAAC,GAAG;oBACpB,oBAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,YAAY,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,CACnD;gBACf,oBAAC,MAAM,CAAC,MAAM,qBAAe,kBAAkB,GAAG;gBAClD,oBAAC,MAAM,CAAC,QAAQ,IAAC,EAAE,EAAC,kBAAkB;oBACpC,oBAAC,GAAG,IAAC,SAAS,EAAC,SAAS;wBACrB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACxB,oBAAC,GAAG,CAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,IAC5C,IAAI,CAAC,KAAK,CACF,CACZ,EAJyB,CAIzB,CAAC;wBACF,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,oBAAoB;4BAClD,oBAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC;4BAC9D,oBAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uBAAoC,CAClD,CACV,CACU,CACR,CACL,CACF,CACV,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}
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,3 +1,2 @@
1
- import React from 'react';
2
- declare function Sidebar(): React.JSX.Element;
1
+ declare function Sidebar(): import("react/jsx-runtime").JSX.Element;
3
2
  export default Sidebar;
@@ -1,8 +1,7 @@
1
- import React from 'react';
2
- import Offcanvas from 'react-bootstrap/Offcanvas';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Offcanvas } from 'react-bootstrap';
3
3
  function Sidebar() {
4
- return (React.createElement(Offcanvas, { show: true, className: 'top-60', backdrop: false, scroll: true },
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,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAEjD,SAAS,OAAO;IACd,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI;QAC9D,oBAAC,SAAS,CAAC,IAAI,4HAGE,CACP,CACb,CAAA;AACH,CAAC;AAED,eAAe,OAAO,CAAA"}
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): React.JSX.Element;
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 (React.createElement(Form.Control, { placeholder: placeholder, id: id, type: type === 'password' && showPassword ? 'text' : type, className: clsx("form-control-".concat(variant)) }));
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 (React.createElement("div", { className: clsx('text-input-wrapper') },
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":";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;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,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,oBAAC,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,6BAAK,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC;QACxC,oBAAC,KAAK,eAAK,UAAU,IAAE,EAAE,EAAE,EAAE,IAAI;QAChC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAC,mBAAmB;YAC/B,WAAW,EAAE;YACd,oBAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,YAAY;gBACzF,2BAAG,SAAS,EAAE,IAAI,CAAC,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"}
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"}
@@ -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
- import Button from './components/Button';
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
- import Button from './components/Button';
4
- export { Label, Button, TextInput };
5
+ export { Accordion, Label, Button, TextInput };
5
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAA"}
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"}
@@ -1,3 +1,4 @@
1
1
  export declare const String: {
2
2
  name: string;
3
+ save: string;
3
4
  };
@@ -1,5 +1,6 @@
1
1
  // this string file use for creating a custom string
2
2
  export var String = {
3
3
  name: 'Farm React',
4
+ save: 'save',
4
5
  };
5
6
  //# sourceMappingURL=en.js.map
@@ -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;CACnB,CAAA"}
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"}
@@ -0,0 +1,13 @@
1
+ {
2
+ "name": "farm-react",
3
+ "version": "1.0.7",
4
+ "description": "",
5
+ "main": "cjs/index.js",
6
+ "module": "esm/index.js",
7
+ "types": "esm/index.d.ts",
8
+ "peerDependencies": {
9
+ "react": ">=18"
10
+ },
11
+ "author": "Nikhil Kumar",
12
+ "license": "ISC"
13
+ }
package/package.json CHANGED
@@ -1,58 +1,62 @@
1
- {
2
- "name": "farm-react",
3
- "version": "1.0.6",
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:esm": "tsc",
13
- "build:cjs": "tsc --module commonjs --outDir dist/cjs",
14
- "test": "jest --config jestconfig.json",
15
- "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
16
- "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
17
- },
18
- "peerDependencies": {
19
- "react": ">=16"
20
- },
21
- "author": "",
22
- "license": "ISC",
23
- "files": [
24
- "dist",
25
- "LICENSE",
26
- "README.md"
27
- ],
28
- "keywords": [
29
- "react",
30
- "typescript",
31
- "awesome-project"
32
- ],
33
- "devDependencies": {
34
- "@testing-library/react": "^16.0.0",
35
- "@types/jest": "^29.5.12",
36
- "@types/react": "^18.3.3",
37
- "@typescript-eslint/eslint-plugin": "^7.15.0",
38
- "@typescript-eslint/parser": "^7.15.0",
39
- "eslint": "^8.57.0",
40
- "eslint-config-prettier": "^9.1.0",
41
- "eslint-plugin-prettier": "^5.1.3",
42
- "eslint-plugin-react": "^7.34.3",
43
- "eslint-plugin-react-hooks": "^4.6.2",
44
- "jest": "^29.7.0",
45
- "jest-canvas-mock": "^2.5.2",
46
- "jest-environment-jsdom": "^29.7.0",
47
- "prettier": "^3.3.2",
48
- "react": "^18.3.1",
49
- "react-dom": "^18.3.1",
50
- "ts-jest": "^29.1.5",
51
- "typescript": "^5.5.3"
52
- },
53
- "dependencies": {
54
- "clsx": "^2.1.1",
55
- "react-bootstrap": "^2.10.10",
56
- "react-router": "^7.8.2"
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,6 +0,0 @@
1
- import React from 'react';
2
- type props = {
3
- value?: number;
4
- };
5
- declare const MyCounter: ({ value }: props) => React.JSX.Element;
6
- export default MyCounter;
@@ -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,8 +0,0 @@
1
- type SwitchItemProps = {
2
- id: string;
3
- label: string;
4
- enabled: boolean;
5
- onToggle: (id: string, value: boolean) => void;
6
- };
7
- export default function SwitchItem({ id, label, enabled, onToggle }: SwitchItemProps): import("react").JSX.Element;
8
- export {};
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- type props = {
3
- value?: number;
4
- };
5
- declare const MyCounter: ({ value }: props) => React.JSX.Element;
6
- export default MyCounter;
@@ -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,2 +0,0 @@
1
- export var LOGO_IMG = 'app/assets/images/logo.png';
2
- //# sourceMappingURL=aap.js.map
@@ -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"}