@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/Avatar/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Avatar_1 = require("./Avatar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
+__exportStar(require("./Avatar"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}

package/dist/components/BucketFill/BucketFill.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren, ReactNode } from "react";
+/**
+ * A visual component that changes the background color of child elements as the user progresses through steps.
+ * It fills up the background from bottom to top based on a "fillTo" value, creating a progress effect.
+ */
+export default function BucketFill({ children, background, fillTo, }: {
+    children: ReactNode[];
+    fillTo: number;
+    background: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function IgnoreFill({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/BucketFill/BucketFill.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IgnoreFill = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const BucketFill_module_scss_1 = __importDefault(require("./BucketFill.module.scss"));
+/**
+ * A visual component that changes the background color of child elements as the user progresses through steps.
+ * It fills up the background from bottom to top based on a "fillTo" value, creating a progress effect.
+ */
+function BucketFill({ children, background, fillTo, }) {
+    const rootRef = (0, react_1.useRef)(null);
+    function resize() {
+        const childs = rootRef.current.children;
+        const s = rootRef.current.style;
+        const elementAtPosition = fillTo === 0 ? null : childs.item(fillTo - 1);
+        const elementOffsetAndHeight = elementAtPosition === null
+            ? 0
+            : elementAtPosition.offsetTop + elementAtPosition.clientHeight;
+        const elementRootHeight = rootRef.current.clientHeight;
+        const percentToFill = Math.min((elementOffsetAndHeight * 100) / elementRootHeight, 100);
+        s.setProperty("--fill-height", `${percentToFill}%`);
+        s.setProperty("--empty-height", `${100 - percentToFill}%`);
+        s.setProperty("--bg-offset", `${percentToFill === 100 ? -1000 : 100 / ((100 - percentToFill) / 100)}%`);
+    }
+    (0, react_1.useEffect)(() => {
+        resize();
+        window.addEventListener("resize", resize);
+        return () => window.removeEventListener("resize", resize);
+    }, [fillTo]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: rootRef, style: {
+            "--bg": background,
+        }, className: BucketFill_module_scss_1.default.root, children: children }));
+}
+exports.default = BucketFill;
+function IgnoreFill({ children }) {
+    return (0, jsx_runtime_1.jsx)("div", { className: BucketFill_module_scss_1.default.ignoreFill, children: children });
+}
+exports.IgnoreFill = IgnoreFill;
+//# sourceMappingURL=BucketFill.js.map

package/dist/components/BucketFill/BucketFill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BucketFill.js","sourceRoot":"","sources":["../../../src/components/BucketFill/BucketFill.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA+E;AAC/E,sFAA8C;AAE9C;;;GAGG;AACH,SAAwB,UAAU,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,MAAM,GAKP;IACC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,SAAS,MAAM;QACb,MAAM,MAAM,GAAG,OAAO,CAAC,OAAQ,CAAC,QAAQ,CAAC;QACzC,MAAM,CAAC,GAAG,OAAO,CAAC,OAAQ,CAAC,KAAK,CAAC;QACjC,MAAM,iBAAiB,GACrB,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAiB,CAAC;QACjE,MAAM,sBAAsB,GAC1B,iBAAiB,KAAK,IAAI;YACxB,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,iBAAiB,CAAC,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC;QACnE,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAQ,CAAC,YAAY,CAAC;QACxD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,CAAC,sBAAsB,GAAG,GAAG,CAAC,GAAG,iBAAiB,EAClD,GAAG,CACJ,CAAC;QAEF,CAAC,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,aAAa,GAAG,CAAC,CAAC;QACpD,CAAC,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,GAAG,GAAG,aAAa,GAAG,CAAC,CAAC;QAC3D,CAAC,CAAC,WAAW,CACX,aAAa,EACb,GAAG,aAAa,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,GAAG,CAAC,GAAG,CAC1E,CAAC;IACJ,CAAC;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,CAAC;QACT,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAE1C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,gCACE,GAAG,EAAE,OAAO,EACZ,KAAK,EACH;YACE,MAAM,EAAE,UAAU;SACZ,EAEV,SAAS,EAAE,gCAAM,CAAC,IAAI,YAErB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AApDD,6BAoDC;AAED,SAAgB,UAAU,CAAC,EAAE,QAAQ,EAAyB;IAC5D,OAAO,gCAAK,SAAS,EAAE,gCAAM,CAAC,UAAU,YAAG,QAAQ,GAAO,CAAC;AAC7D,CAAC;AAFD,gCAEC"}

package/dist/components/BucketFill/BucketFill.module.scss

@@ -0,0 +1,36 @@
+@use "../../assets/styles/variables.scss" as *;
+
+.root {
+  position: relative;
+  z-index: 1;
+  > :not(div) {
+    mix-blend-mode: color;
+  }
+  > div > * {
+    mix-blend-mode: color;
+  }
+  &::before,
+  &::after {
+    background: var(--bg);
+    width: 100%;
+    position: absolute;
+    content: " ";
+    z-index: -1;
+    transition: height $fast, background-size $fast;
+  }
+  &::before {
+    opacity: 0;
+    top: 0;
+    height: var(--fill-height);
+  }
+  &::after {
+    opacity: 0.6;
+    bottom: 0;
+    height: var(--empty-height);
+    background-size: 100% var(--bg-offset);
+    background-position: bottom;
+  }
+  .ignoreFill {
+    mix-blend-mode: multiply;
+  }
+}

package/dist/components/BucketFill/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./BucketFill";
+export * from "./BucketFill";

package/dist/components/BucketFill/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var BucketFill_1 = require("./BucketFill");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BucketFill_1).default; } });
+__exportStar(require("./BucketFill"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/BucketFill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BucketFill/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,+CAA6B"}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { FromOnePercentUtility } from "../../type-utils";
+type Props = {
+    variant?: FromOnePercentUtility<"UIElements.ButtonVariants">;
+};
+/**
+ * A simple button that can be customized via the provider
+ **/
+/**
+ * A clickable button component that users can interact with.
+ * It supports different styles and can be customized through configuration.
+ **/
+declare const _default: React.ForwardRefExoticComponent<Props & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default _default;

package/dist/components/Button/Button.js

@@ -0,0 +1,31 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+function Button(_a, ref) {
+    var { children, variant = "transparent", className = "" } = _a, otherProps = __rest(_a, ["children", "variant", "className"]);
+    const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.button.className", {});
+    const Component = (0, OneUIProvider_1.useOneUIConfig)("component.button.Component", "button");
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: `${className} ${classNameType[variant] || ""}`, variant: variant }, otherProps, { children: children })));
+}
+/**
+ * A simple button that can be customized via the provider
+ **/
+/**
+ * A clickable button component that users can interact with.
+ * It supports different styles and can be customized through configuration.
+ **/
+exports.default = (0, react_1.forwardRef)(Button);
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,iCAAoE;AACpE,+DAA6D;AAO7D,SAAS,MAAM,CACb,EAOC,EACD,GAAoC;QARpC,EACE,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAIf,EAHI,UAAU,cAJf,oCAKC,CADc;IAMf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,IAAA,8BAAc,EAC9B,4BAA4B,EAC5B,QAAe,CAChB,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,SAAS,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,EACzD,OAAO,EAAE,OAAO,IACZ,UAAU,cAEb,QAAQ,IACC,CACb,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ;;;IAGI;AACJ,kBAAe,IAAA,kBAAU,EAAC,MAAM,CAAC,CAAC"}

package/dist/components/Button/Button.module.scss

@@ -0,0 +1,45 @@
+@use "../../assets/styles/variables.scss" as *;
+
+.button {
+  cursor: pointer;
+  display: block;
+  padding: 16px;
+  border: none;
+  transition: color $fast;
+  color: $digitalBlue;
+  border-radius: $buttonBorderRadius;
+  &:disabled {
+    cursor: initial;
+  }
+}
+
+///"transparent" | "filled" | "outline";
+
+.transparent {
+  background-color: transparent;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.filled {
+  background-color: $buttonPrimaryBackgroundColor;
+  color: $buttonTextColor;
+  border-width: 0px;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.outline {
+  border: 1px solid $digitalBlue;
+  background-color: transparent;
+  &:disabled {
+    color: $mediumGray;
+  }
+}
+
+.link {
+  padding: 0px;
+  @extend .transparent;
+}

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Button";
+export * from "./Button";

package/dist/components/Button/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+__exportStar(require("./Button"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,2CAAyB"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+/**
+ * A card layout that holds content
+ **/
+export default function Card({ children, className }: PropsWithChildren<{
+    className?: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Card.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Card_module_scss_1 = __importDefault(require("./Card.module.scss"));
+/**
+ * A card layout that holds content
+ **/
+function Card({ children, className = "" }) {
+    return (0, jsx_runtime_1.jsx)("div", { className: `${Card_module_scss_1.default.container} ${className}`, children: children });
+}
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;AACA,0EAAwC;AAExC;;IAEI;AACJ,SAAwB,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAA2C;IAChG,OAAO,gCAAK,SAAS,EAAE,GAAG,0BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,YAAG,QAAQ,GAAO,CAAC;AAC9E,CAAC;AAFD,uBAEC"}

package/dist/components/Card/Card.module.scss

@@ -0,0 +1,12 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  background: $mainBackgroundColor;
+  padding: 32px;
+  max-width: 640px;
+  width: 100%;
+  display: flex;
+  align-items: stretch;
+  flex-direction: column;
+  height: auto;
+}

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Card";
+export * from "./Card";

package/dist/components/Card/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Card_1 = require("./Card");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Card_1).default; } });
+__exportStar(require("./Card"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAAxB,gHAAA,OAAO,OAAA;AAChB,yCAAuB"}

package/dist/components/Chart/Chart.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Chart.logic";
+export * from "./Chart.logic";

package/dist/components/Chart/Chart.e2e.d.ts

@@ -0,0 +1,4 @@
+export declare enum ChartDataTestIds {
+    Y_AXIS = "y",
+    X_AXIS = "x"
+}

package/dist/components/Chart/Chart.e2e.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartDataTestIds = void 0;
+var ChartDataTestIds;
+(function (ChartDataTestIds) {
+    ChartDataTestIds["Y_AXIS"] = "y";
+    ChartDataTestIds["X_AXIS"] = "x";
+})(ChartDataTestIds || (exports.ChartDataTestIds = ChartDataTestIds = {}));
+//# sourceMappingURL=Chart.e2e.js.map

package/dist/components/Chart/Chart.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.e2e.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.e2e.ts"],"names":[],"mappings":";;;AAAA,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,gCAAY,CAAA;IACZ,gCAAY,CAAA;AACd,CAAC,EAHW,gBAAgB,gCAAhB,gBAAgB,QAG3B"}

package/dist/components/Chart/Chart.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Chart_logic_1 = require("./Chart.logic");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Chart_logic_1).default; } });
+__exportStar(require("./Chart.logic"), exports);
+//# sourceMappingURL=Chart.js.map

package/dist/components/Chart/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAChB,gDAA8B"}

package/dist/components/Chart/Chart.logic.d.ts

@@ -0,0 +1,3 @@
+import { ChartProps } from "./Chart.types";
+/** An proprietary implementation of some chart variations */
+export default function ChartLogic(props: ChartProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/Chart.logic.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Chart_view_1 = __importDefault(require("./Chart.view"));
+/** An proprietary implementation of some chart variations */
+function ChartLogic(props) {
+    return (0, jsx_runtime_1.jsx)(Chart_view_1.default, Object.assign({}, props));
+}
+exports.default = ChartLogic;
+//# sourceMappingURL=Chart.logic.js.map

package/dist/components/Chart/Chart.logic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.logic.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.logic.tsx"],"names":[],"mappings":";;;;;;AACA,8DAAgC;AAGhC,6DAA6D;AAC7D,SAAwB,UAAU,CAAC,KAAiB;IAChD,OAAO,uBAAC,oBAAI,oBAAK,KAAK,EAAI,CAAC;AAC/B,CAAC;AAFD,6BAEC"}

package/dist/components/Chart/Chart.module.scss

@@ -0,0 +1,58 @@
+@import "../../assets/styles";
+
+.tooltipContainer {
+  > * {
+    padding: 16px;
+    border-radius: 8px;
+    background-color: var(--line-color) !important;
+    color: var(--text-color);
+  }
+
+  &::after,
+  &::before {
+    border-color: var(--line-color) !important;
+  }
+}
+
+.chartRoot {
+  display: grid;
+  height: 100%;
+  width: 100%;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: 1fr auto;
+  .chartContainer {
+    width: 100%;
+    height: 100%;
+    border-left: 2px solid $primaryColor;
+    border-bottom: 2px solid $primaryColor;
+    svg {
+      height: 100%;
+      width: 100%;
+      circle {
+        fill: var(--point-color);
+      }
+      polyline {
+        stroke: var(--line-color);
+      }
+    }
+  }
+  .yAxis,
+  .xAxis {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    > * {
+      text-align: center;
+    }
+  }
+  .xAxis {
+    border-left: 2px solid $primaryColor;
+    flex-direction: row;
+    > * {
+      flex: 1;
+    }
+  }
+  .yAxis {
+    border-bottom: 2px solid $primaryColor;
+  }
+}

package/dist/components/Chart/Chart.types.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement } from "react";
+export type ChartProps = ChartViewProps;
+export type ChartViewProps = {
+    bounds: Readonly<[
+        horizontal: Readonly<[min: number, max: number, incrementRate: number]>,
+        vertical: Readonly<[min: number, max: number, incrementRate: number]>
+    ]>;
+    style?: (Partial<{
+        lineColor: string;
+        pointColor: string;
+        textColor: string;
+    }> | undefined)[];
+    data?: Readonly<Readonly<Readonly<[x: number, y: number]>[]>[]>;
+    points?: Readonly<Readonly<Readonly<[
+        x: number,
+        y: number,
+        label: ReactElement,
+        onlyOnHover?: boolean
+    ]>[]>[]>;
+    label: {
+        x: (val: number) => ReactElement;
+        y: (val: number) => ReactElement;
+    };
+};

package/dist/components/Chart/Chart.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Chart.types.js.map

package/dist/components/Chart/Chart.types.js.map

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

package/dist/components/Chart/Chart.view.d.ts

@@ -0,0 +1,5 @@
+import { ChartViewProps } from "./Chart.types";
+/**
+ * Displays a line chart that visualizes data over time with animated points and labels.
+ */
+export default function ChartView({ bounds: [[startX, endX, stepsX], [startY, endY, stepsY]], data, points, label, style: groupStyle, }: ChartViewProps): import("react/jsx-runtime").JSX.Element;