@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/Chart/Chart.view.js

@@ -0,0 +1,108 @@
+"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 react_1 = require("react");
+const Chart_module_scss_1 = __importDefault(require("./Chart.module.scss"));
+const Chart_e2e_1 = require("./Chart.e2e");
+const AnchoredTooltip_1 = __importDefault(require("../AnchoredTooltip"));
+const DEFAULT_STYLE = {
+    lineColor: "#000",
+    pointColor: "#000",
+    textColor: "#fff",
+};
+function FloatingTooltip({ children, x, y, hoverOnly, height, style, }) {
+    const [ope, setOpen] = (0, react_1.useState)(() => (hoverOnly ? false : true));
+    const ref = (0, react_1.useRef)(null);
+    const circleRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const animateEl = circleRef.current.children.item(0);
+        let interval;
+        animateEl.addEventListener("beginEvent", () => {
+            interval = setInterval(() => ref.current.updatePosition(), 1000 / 24);
+        });
+        animateEl.addEventListener("endEvent", () => {
+            clearInterval(interval);
+            ref.current.updatePosition();
+        });
+    }, []);
+    const actions = (0, react_1.useMemo)(() => hoverOnly
+        ? {
+            onMouseEnter: () => setOpen(true),
+            onMouseOut: () => setOpen(false),
+        }
+        : {}, [hoverOnly]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("circle", Object.assign({ ref: circleRef, r: height * 0.01, cx: x, cy: y, style: {
+                    "--point-color": style.pointColor,
+                } }, actions, { children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "cy", values: `${height};${y}`, dur: "1s" }) })), (0, jsx_runtime_1.jsx)(AnchoredTooltip_1.default, { ref: ref, containInViewport: false, anchorRef: circleRef, open: ope, className: Chart_module_scss_1.default.tooltipContainer, style: {
+                    "--line-color": style.lineColor,
+                    "--text-color": style.textColor,
+                }, children: children })] }));
+}
+/**
+ * Displays a line chart that visualizes data over time with animated points and labels.
+ */
+function ChartView({ bounds: [[startX, endX, stepsX], [startY, endY, stepsY]], data = [], points = [], label, style: groupStyle = [], }) {
+    const [dim, setDIm] = (0, react_1.useState)();
+    const chartRef = (0, react_1.useRef)(null);
+    (0, react_1.useLayoutEffect)(() => {
+        setDIm({
+            width: chartRef.current.clientWidth,
+            height: chartRef.current.clientHeight,
+        });
+    }, []);
+    const { width, height } = dim || {};
+    const howMuchStepsY = (0, react_1.useMemo)(() => (endY - startY) / stepsY + 1, [endY, startY, stepsY]);
+    const yAxis = (0, react_1.useMemo)(() => {
+        return new Array(howMuchStepsY).fill(undefined).map((_, i) => {
+            return (0, jsx_runtime_1.jsx)("span", { children: label.y(endY - i * stepsY) });
+        });
+    }, [startY, endY, stepsY, howMuchStepsY]);
+    const howMuchStepsX = (0, react_1.useMemo)(() => (endX - startX) / stepsX + 1, [endX, startX, stepsX]);
+    const xAxis = (0, react_1.useMemo)(() => {
+        return new Array(howMuchStepsX).fill(undefined).map((_, i) => {
+            return (0, jsx_runtime_1.jsx)("span", { children: label.x(startX + i * stepsX) });
+        });
+    }, [startX, endX, stepsX]);
+    const { polylines, tooltips } = (0, react_1.useMemo)(() => {
+        const calculate = (end, start, overrideScale = 100) => (point) => {
+            const max = end - start;
+            const current = point - start;
+            return (current * overrideScale) / max;
+        };
+        const calculateX = calculate(endX, startX, width);
+        const calculateY = calculate(endY, startY, height);
+        return {
+            tooltips: points.map((pointsCategory, i) => {
+                const style = groupStyle[i] || DEFAULT_STYLE;
+                return pointsCategory.map(([x, y, label, onlyOnHover = false]) => {
+                    return ((0, jsx_runtime_1.jsx)(FloatingTooltip, { x: calculateX(x), y: height - calculateY(y), height: height, style: style, hoverOnly: onlyOnHover, children: label }));
+                });
+            }),
+            polylines: data.map((lineData, i) => {
+                const style = groupStyle[i] || DEFAULT_STYLE;
+                const calculateLines = (yOverride) => {
+                    return lineData
+                        .map(([x, y]) => `${calculateX(x)},${yOverride === undefined ? height - calculateY(y) : yOverride}`)
+                        .join(" ");
+                };
+                return ((0, jsx_runtime_1.jsx)("polyline", { strokeLinejoin: "round", strokeLinecap: "round", points: calculateLines(), fill: "none", strokeWidth: 5, style: {
+                        "--line-color": style.lineColor,
+                    }, children: (0, jsx_runtime_1.jsx)("animate", { attributeName: "points", attributeType: "XML", values: [calculateLines(height), calculateLines()].join("; "), dur: "1s" }) }));
+            }),
+        };
+    }, [data, width, height]);
+    const paddingY = (0, react_1.useMemo)(() => {
+        const stepSizeY = height / (howMuchStepsY - 1);
+        return stepSizeY / 2;
+    }, [howMuchStepsY, height]);
+    const paddingX = (0, react_1.useMemo)(() => {
+        const stepSizeX = width / (howMuchStepsX - 1);
+        return stepSizeX / 2;
+    }, [howMuchStepsX, width]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: Chart_module_scss_1.default.chartRoot, children: [(0, jsx_runtime_1.jsx)("div", { className: Chart_module_scss_1.default.yAxis, "data-testid": Chart_e2e_1.ChartDataTestIds.Y_AXIS, children: yAxis }), (0, jsx_runtime_1.jsx)("div", { ref: chartRef, className: Chart_module_scss_1.default.chartContainer, children: width && ((0, jsx_runtime_1.jsxs)("svg", { className: Chart_module_scss_1.default.chart, viewBox: `${-paddingX} ${-paddingY} ${width + paddingX * 2} ${height + paddingY * 2}`, preserveAspectRatio: "none", children: [polylines, tooltips] })) }), "\u00A0", (0, jsx_runtime_1.jsx)("div", { className: Chart_module_scss_1.default.xAxis, "data-testid": Chart_e2e_1.ChartDataTestIds.X_AXIS, children: xAxis })] }));
+}
+exports.default = ChartView;
+//# sourceMappingURL=Chart.view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.view.js","sourceRoot":"","sources":["../../../src/components/Chart/Chart.view.tsx"],"names":[],"mappings":"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"}

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

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

package/dist/components/Chart/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 Chart_1 = require("./Chart");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Chart_1).default; } });
+__exportStar(require("./Chart"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iCAAkC;AAAzB,iHAAA,OAAO,OAAA;AAChB,0CAAwB"}

package/dist/components/CheckBox/CheckBox.d.ts

@@ -0,0 +1,18 @@
+import React, { PropsWithChildren } from "react";
+/**
+ * A simple checkbox with nissan guidelines
+ *
+ * This component displays a checkbox that users can click to toggle between checked and unchecked states.
+ * It shows a label next to the checkbox and supports custom sizing and grouping.
+ * When disabled, it renders muted and ignores toggles.
+ **/
+export default function CheckBox({ checked, onToggle, label, className, size, groupId, value, disabled, ...props }: PropsWithChildren<{
+    checked: boolean;
+    onToggle: (checked: boolean) => void;
+    label: React.ReactNode;
+    className?: string;
+    size?: number;
+    groupId: string;
+    value: string;
+    disabled?: boolean;
+}> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "onToggle">): import("react/jsx-runtime").JSX.Element;

package/dist/components/CheckBox/CheckBox.js

@@ -0,0 +1,38 @@
+"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;
+};
+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 OneUIProvider_1 = require("../../context/OneUIProvider");
+const CheckBox_module_scss_1 = __importDefault(require("./CheckBox.module.scss"));
+/**
+ * A simple checkbox with nissan guidelines
+ *
+ * This component displays a checkbox that users can click to toggle between checked and unchecked states.
+ * It shows a label next to the checkbox and supports custom sizing and grouping.
+ * When disabled, it renders muted and ignores toggles.
+ **/
+function CheckBox(_a) {
+    var { checked, onToggle, label, className = "", size = undefined, groupId, value, disabled = false } = _a, props = __rest(_a, ["checked", "onToggle", "label", "className", "size", "groupId", "value", "disabled"]);
+    const Checkbox = (0, OneUIProvider_1.useOneUIConfig)("component.checkbox.Component", "span");
+    return ((0, jsx_runtime_1.jsxs)("label", { className: `${CheckBox_module_scss_1.default.container} ${disabled ? CheckBox_module_scss_1.default.disabled : ""} ${className}`, style: { fontSize: size }, onClick: (e) => {
+            e.preventDefault();
+            if (disabled)
+                return;
+            onToggle(!checked);
+        }, children: [(0, jsx_runtime_1.jsx)(Checkbox, Object.assign({}, props, { className: `${checked ? CheckBox_module_scss_1.default.checked : ""} ${label ? CheckBox_module_scss_1.default.wContent : ""}` })), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", name: groupId, id: value, checked: checked, disabled: disabled, readOnly: true }), label] }));
+}
+exports.default = CheckBox;
+//# sourceMappingURL=CheckBox.js.map

package/dist/components/CheckBox/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,+DAA6D;AAC7D,kFAA4C;AAE5C;;;;;;IAMI;AACJ,SAAwB,QAAQ,CAAC,EA0B9B;QA1B8B,EAC/B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,KAAK,EACL,QAAQ,GAAG,KAAK,OAkBf,EAjBE,KAAK,cATuB,qFAUhC,CADS;IAkBR,MAAM,QAAQ,GAAG,IAAA,8BAAc,EAC7B,8BAA8B,EAC9B,MAAa,CACP,CAAC;IACT,OAAO,CACL,mCACE,SAAS,EAAE,GAAG,8BAAM,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,8BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EAChF,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,QAAQ;gBAAE,OAAO;YACrB,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC,aAED,uBAAC,QAAQ,oBACH,KAAK,IACT,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,8BAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IACzC,KAAK,CAAC,CAAC,CAAC,8BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC5B,EAAE,IACF,EACF,kCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAE,OAAO,EACb,EAAE,EAAE,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,SACR,EAED,KAAK,IACA,CACT,CAAC;AACJ,CAAC;AA3DD,2BA2DC"}

package/dist/components/CheckBox/CheckBox.module.scss

@@ -0,0 +1,36 @@
+@use "../../assets/styles/index.scss" as *;
+
+.container {
+  display: flex;
+  line-height: 1.5em;
+  vertical-align: middle;
+  input {
+    max-width: 0px;
+    max-height: 0px;
+    width: 0;
+    height: 0;
+    opacity: 0;
+  }
+
+  > span:first-child {
+    visibility: visible;
+    width: 1.5em;
+    height: 1.5em;
+    border-radius: 0.45em;
+    background-image: url("../../assets/img/svg/checkbox.svg");
+    background-color: transparent;
+    transition: background-color 250ms, border 250ms, box-shadow 250ms;
+    border: 1px solid rgb(40, 43, 53);
+    box-shadow: 0px 0px 0px -4px $digitalBlue;
+    flex-shrink: 0;
+
+    &.wContent {
+      margin-right: 0.45em;
+    }
+  }
+  > span:first-child.checked {
+    background-color: $digitalBlue;
+    border: 1px solid $digitalBlue;
+    box-shadow: 0px 0px 12px -4px $digitalBlue;
+  }
+}

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

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

package/dist/components/CheckBox/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 CheckBox_1 = require("./CheckBox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CheckBox_1).default; } });
+__exportStar(require("./CheckBox"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckBox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA;AAChB,6CAA2B"}

package/dist/components/CodeInput/CodeInput.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Allows the user to input code using monaco editor
+ **/
+export default function CodeInput({ codeSample, onChange, mode, }: {
+    codeSample?: string;
+    onChange?: (code: string) => void;
+    mode?: "dark" | "light";
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/CodeInput/CodeInput.js

@@ -0,0 +1,102 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 react_1 = require("react");
+const monaco_editor_1 = require("monaco-editor");
+const CodeInput_module_scss_1 = __importDefault(require("./CodeInput.module.scss"));
+const Loader_1 = __importDefault(require("../Loader"));
+const useModule_1 = __importDefault(require("../../hooks/utility/useModule"));
+window.MonacoEnvironment = {
+    getWorkerUrl: function (moduleId, label) {
+        if (label === "typescript" || label === "javascript")
+            return "./ts.worker.js";
+        return "./editor.worker.js";
+    },
+};
+/**
+ * Allows the user to input code using monaco editor
+ **/
+function CodeInput({ codeSample, onChange, mode, }) {
+    const divRef = (0, react_1.useRef)(null);
+    const Monaco = (0, useModule_1.default)(() => Promise.resolve().then(() => __importStar(require("monaco-editor"))));
+    const content = (0, react_1.useMemo)(() => {
+        if (!Monaco)
+            return (0, jsx_runtime_1.jsx)(Loader_1.default, {});
+        else {
+            return null;
+        }
+    }, [Monaco]);
+    const editorRef = (0, react_1.useRef)(undefined);
+    (0, react_1.useEffect)(() => {
+        if (Monaco) {
+            Monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+                noSemanticValidation: true,
+            });
+            const editor = Monaco.editor.create(divRef.current, {
+                language: "typescript",
+                scrollBeyondLastLine: false,
+                minimap: { enabled: false },
+                folding: false,
+                readOnly: !onChange,
+                theme: mode === "dark" ? "vs-dark" : undefined,
+                automaticLayout: true
+            });
+            editor.onDidContentSizeChange(() => {
+                if (!editorRef.current) {
+                    editorRef.current = editor;
+                }
+            });
+            editor.onDidChangeModelContent(() => {
+                if (onChange)
+                    onChange(editor.getModel().getValue());
+            });
+            const model = Monaco.editor.createModel(codeSample || "", "typescript", monaco_editor_1.Uri.file(`example.tsx`));
+            editor.setModel(model);
+            return () => {
+                model.dispose();
+            };
+        }
+    }, [Monaco]);
+    (0, react_1.useEffect)(() => {
+        if (!codeSample)
+            return;
+        const editor = editorRef.current;
+        if (!editor)
+            return;
+        const model = editor.getModel();
+        if (!model)
+            return;
+        const currentValue = model.getValue();
+        if (codeSample !== currentValue)
+            model.setValue(codeSample);
+    }, [codeSample]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: divRef, className: CodeInput_module_scss_1.default.root, children: content }));
+}
+exports.default = CodeInput;
+//# sourceMappingURL=CodeInput.js.map

package/dist/components/CodeInput/CodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.js","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/CodeInput/CodeInput.module.scss

@@ -0,0 +1,5 @@
+.root {
+  min-height: 150px;
+  height: 100%;
+  flex: 1;
+}

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

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

package/dist/components/CodeInput/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 CodeInput_1 = require("./CodeInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CodeInput_1).default; } });
+__exportStar(require("./CodeInput"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CodeInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA;AAChB,8CAA4B"}

package/dist/components/Collapsable/Collapsable.d.ts

@@ -0,0 +1,54 @@
+import React, { HTMLAttributes } from "react";
+import { AnchoredTooltipAlignment, AnchoredTooltipAnchor } from "../AnchoredTooltip/AnchoredTooltip";
+declare class _CollapsableInterface {
+    _id: string;
+    constructor(id: string);
+    _getElements(): {
+        header: HTMLElement | null;
+        content: HTMLElement | null;
+    };
+    open(onOpened: () => void): void;
+    getElement(type: "header" | "content"): HTMLDivElement | null;
+}
+/**
+ * A helper function for interacting with collapsables without a reference
+ */
+export declare function CollapsableInterface(id: string): _CollapsableInterface;
+/**
+ * Allows collapsing and expanding the wrapped content
+ **/
+declare const Collapsable: React.ForwardRefExoticComponent<(React.PropsWithChildren<{
+    title: React.ReactNode | ((isOpen: boolean) => React.ReactNode);
+    className?: string | undefined;
+    contentClassName?: string | undefined;
+    onToggleOpen?: ((isOpen: boolean) => void) | undefined;
+    open?: boolean | undefined;
+    id?: string | undefined;
+    "data-testid"?: string | undefined;
+    onContentClick?: HTMLAttributes<HTMLInputElement>["onClick"];
+    /**
+     * This flag indicates if the collapsable content should be kept in HTML while it's collapsed
+     *
+     * Usefull for responsive layouts where the collapsable should not "behave" as a collapsable content
+     */
+    keepUnderlayingElement?: boolean | undefined;
+    /**
+     * To detect when the user clicks out of the container
+     */
+    onClickOut?: (() => void) | undefined;
+} & ({
+    /** This will define if the content will be floating under the title or will expand all the container as one */
+    mode?: "block" | undefined;
+} | {
+    mode: "float";
+    alignTo: AnchoredTooltipAlignment;
+    anchorTo?: AnchoredTooltipAnchor | undefined;
+})> & Omit<React.HTMLAttributes<HTMLDivElement>, "title">) & React.RefAttributes<{
+    redimension: () => void;
+}>>;
+/**
+ * A component that lets users hide or show content by clicking a header.
+ * It creates a toggleable section where content can be expanded to show more
+ * information or collapsed to save space.
+ **/
+export default Collapsable;