npm - @onepercentio/one-ui - Versions diffs - 0.1.3 → 0.1.6 - Mend

@onepercentio/one-ui 0.1.3 → 0.1.6

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 (83) hide show

package/WebpackConfigs/email-templates.js CHANGED Viewed

@@ -101,7 +101,7 @@ function prerenderRequire() {
 function createConfig(
   baseConfig,
-  mainHtml,
+  mainHtml = join(__dirname, "templates", "index.html"),
   features = {
     inlineCSS: true,
   },

package/WebpackConfigs/scripts/css-inliner.ts CHANGED Viewed

@@ -1,3 +1,19 @@
+function getTextNodesIn(elem: HTMLElement): ChildNode[] {
+  var textNodes: ChildNode[] = [];
+  if (elem) {
+    for (var nodes = elem.childNodes, i = nodes.length; i--;) {
+      var node = nodes[i], nodeType = node.nodeType;
+      if (nodeType == 3) {
+          textNodes.push(node);
+      }
+      else if (nodeType == 1 || nodeType == 9 || nodeType == 11) {
+        textNodes = textNodes.concat(getTextNodesIn(node as HTMLElement));
+      }
+    }
+  }
+  return textNodes;
+}
 export default function inlineCSS() {
   if (process.env.NODE_ENV === "development") return;
   const allEls = Array.from(document.querySelectorAll("*")) as HTMLElement[];
@@ -19,6 +35,17 @@ export default function inlineCSS() {
     el.setAttribute("style", s);
   });
+  getTextNodesIn(document.body).forEach(n => {
+    n.replaceWith(...n.textContent
+      .split(/\n/g)
+      .reduce((r, txt, i, arr) =>
+        (arr.length - 1 === i )
+          ? [...r, txt]
+          : [...r, txt, document.createElement("br")],
+      [] as (Node | string)[])
+    );
+  })
   if (process.env.NODE_ENV !== "test")
     document.querySelectorAll("style").forEach((e) => e.remove());
 }

package/WebpackConfigs/templates/index.html ADDED Viewed

@@ -0,0 +1,6 @@
+<html>
+<body>
+</body>
+</html>

package/cypress/support/commands.js ADDED Viewed

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

package/cypress/support/index.js ADDED Viewed

@@ -0,0 +1,47 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+// Import commands.js using ES2015 syntax:
+import "./commands";
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+const origLog = Cypress.log;
+Cypress.log = function (opts, ...other) {
+  const isFirebaseEmulatorInitialization =
+    opts.message && opts.message.includes && opts.message.includes("firebase emulators");
+  const isExecError =
+    opts.error && opts.error.docsUrl && opts.error.docsUrl.includes("/exec");
+  const isKillCommand = opts.message && opts.message.includes && opts.message.includes("lsof -t -i");
+  const isFetch8080 = opts.url === "http://localhost:4000/";
+  const isXHRWithFirebaseEmulator =
+    opts.displayName === "xhr" &&
+    (!opts.url ||
+      [8090, 9199].some((port) =>
+        opts.url.startsWith(`http://localhost:${port}`)
+      ));
+  if (
+    isXHRWithFirebaseEmulator ||
+    isFetch8080 ||
+    isFirebaseEmulatorInitialization ||
+    isExecError ||
+    isKillCommand
+  ) {
+    return;
+  }
+  return origLog(opts, ...other);
+};

package/dist/__test__/analytics.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare function setCurrentPage(page: string): void;
+export declare function logEvent(eventType: string, eventParams: any): void;
+export declare function setUserId(userId: string): void;

package/dist/__test__/analytics.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setUserId = exports.logEvent = exports.setCurrentPage = void 0;
+function setCurrentPage(page) {
+    const message = `Analytics: Setting current page ${page}`;
+    (console.warn)(message);
+}
+exports.setCurrentPage = setCurrentPage;
+function logEvent(eventType, eventParams) {
+    const message = `Analytics: Log event ${eventType}
+${JSON.stringify(eventParams, null, 4)}`;
+    (console.warn)(message);
+}
+exports.logEvent = logEvent;
+function setUserId(userId) {
+    const message = `Analytics: Set user id ${userId}`;
+    (console.warn)(message);
+}
+exports.setUserId = setUserId;
+//# sourceMappingURL=analytics.js.map

package/dist/__test__/analytics.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../src/__test__/analytics.ts"],"names":[],"mappings":";;;AAAA,SAAgB,cAAc,CAAC,IAAY;IACzC,MAAM,OAAO,GAAG,mCAAmC,IAAI,EAAE,CAAC;IAC1D,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAHD,wCAGC;AAED,SAAgB,QAAQ,CAAC,SAAiB,EAAE,WAAgB;IAC1D,MAAM,OAAO,GAAG,wBAAwB,SAAS;EACjD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;IACvC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAJD,4BAIC;AAED,SAAgB,SAAS,CAAC,MAAc;IACtC,MAAM,OAAO,GAAG,0BAA0B,MAAM,EAAE,CAAC;IACnD,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;AAC1B,CAAC;AAHD,8BAGC"}

package/dist/__test__/firestore.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function createDoc(firestore: any, path: string, data: any): Promise<void>;

package/dist/__test__/firestore.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDoc = void 0;
+const firestore_1 = require("firebase/firestore");
+function createDoc(firestore, path, data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield (0, firestore_1.setDoc)((0, firestore_1.doc)(firestore, path), data);
+    });
+}
+exports.createDoc = createDoc;
+//# sourceMappingURL=firestore.js.map

package/dist/__test__/firestore.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"firestore.js","sourceRoot":"","sources":["../../src/__test__/firestore.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAiD;AAEjD,SAAsB,SAAS,CAAC,SAAc,EAAE,IAAY,EAAE,IAAS;;QACrE,OAAO,MAAM,IAAA,kBAAM,EAAC,IAAA,eAAG,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;CAAA;AAFD,8BAEC"}

package/dist/__test__/utils.d.ts CHANGED Viewed

@@ -1 +1,17 @@
+import { Firestore } from "firebase/firestore";
+import { FirebaseStorage } from "firebase/storage";
+import { RulesTestEnvironment } from "@firebase/rules-unit-testing";
 export declare function WaitTimeout(ml?: number): Promise<void>;
+declare class FirebaseEmulatorInterface {
+    private process;
+    private killRelatedPorts;
+    waitUntilUp(): void;
+    start(fakeProjectName: string): Promise<void> | undefined;
+    stop(immediate?: boolean, timeoutSec?: number): Promise<unknown>;
+}
+export declare const EmulatorController: FirebaseEmulatorInterface;
+export declare function cyPromise(someAssertion: {
+    then: Function;
+}): Promise<unknown>;
+export declare function initTestFirebase(fakeProjectId: string, setupEnv?: (ctx: Firestore, storageCtx: FirebaseStorage, testEnv: RulesTestEnvironment) => Promise<void>): Promise<RulesTestEnvironment>;
+export {};

package/dist/__test__/utils.js CHANGED Viewed

@@ -1,14 +1,191 @@
 "use strict";
+// @ts-nocheck
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WaitTimeout = void 0;
+exports.initTestFirebase = exports.cyPromise = exports.EmulatorController = exports.WaitTimeout = void 0;
+const rules_unit_testing_1 = require("@firebase/rules-unit-testing");
+// import { ChildProcess, execSync, spawn, SpawnSyncReturns } from "child_process";
 function WaitTimeout(ml = 200) {
     return new Promise((r) => {
         setTimeout(() => {
             r();
         }, ml);
-        if (jest.isMockFunction(setTimeout))
+        if (window.Cypress)
+            return;
+        else if (jest.isMockFunction(setTimeout))
             jest.advanceTimersByTime(ml);
     });
 }
 exports.WaitTimeout = WaitTimeout;
+class FirebaseEmulatorInterface {
+    killRelatedPorts() {
+        for (let port of [4400, 8055]) {
+            try {
+                if (window.Cypress)
+                    cy.exec(`kill $(lsof -t -i:${port})`, { failOnNonZeroExit: false });
+                else
+                    require("child_process").execSync(`kill -9 $(lsof -t -i:${port})`, {
+                        stdio: "ignore",
+                    });
+            }
+            catch (e) { }
+        }
+    }
+    waitUntilUp() {
+        cy.wrap(null).then(() => {
+            return new Cypress.Promise((res, rej) => __awaiter(this, void 0, void 0, function* () {
+                let breakLoop = false;
+                const timeout = setTimeout(() => {
+                    breakLoop = true;
+                    rej("Could not receive ok from firebase emulator");
+                    clearTimeout(timeout);
+                }, 30000);
+                while (!breakLoop) {
+                    try {
+                        yield fetch("http://localhost:4000", {
+                            mode: "no-cors",
+                        });
+                        res();
+                        clearTimeout(timeout);
+                        break;
+                    }
+                    catch (e) { }
+                    yield WaitTimeout(1000);
+                }
+            }));
+        });
+    }
+    start(fakeProjectName) {
+        this.killRelatedPorts();
+        if (window.Cypress) {
+            const command = `firebase emulators:start -P ${fakeProjectName} &`;
+            cy.on("fail", (error) => {
+                if (error.message.includes(command))
+                    return false;
+            });
+            cy.on("uncaught:exception", (error) => {
+                if (error.message.includes(command))
+                    return false;
+            });
+            cy.exec(command, {
+                timeout: 1000, // Instant fail
+            });
+        }
+        else {
+            this.process = require("child_process").spawn("firebase", ["emulators:start", "-P", "whz-test"], {
+                stdio: "pipe",
+            });
+            return new Promise((r, rej) => {
+                let fullOutput = "";
+                const timeoutSeconds = 20;
+                const unexpectedTimeout = setTimeout(() => {
+                    rej(new Error(`Waited for 20 seconds and didn't received ok from emulator.
+Below is the full output:
+--------EMULATOR START OUTPUT--------
+${fullOutput}
+--------EMULATOR START OUTPUT--------`));
+                }, timeoutSeconds * 1000);
+                this.process.stdout.on("data", (txt) => {
+                    const output = txt.toString();
+                    fullOutput += output;
+                    if (output.includes("All emulators ready!")) {
+                        clearTimeout(unexpectedTimeout);
+                        setTimeout(() => {
+                            r();
+                        }, 2000);
+                    }
+                });
+            });
+        }
+    }
+    stop(immediate, timeoutSec) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const write = window.Cypress ? console.log : process.stdout.write;
+            const timeout = (timeoutSec || 10) * 1000;
+            const kill = (r) => {
+                if (window.Cypress)
+                    this.killRelatedPorts();
+                else
+                    this.process.kill("SIGINT");
+                setTimeout(() => {
+                    r();
+                }, 2000);
+            };
+            if (immediate) {
+                return new Promise((res) => {
+                    kill(res);
+                });
+            }
+            else {
+                const clear = (message) => {
+                    if (window.Cypress)
+                        return;
+                    write(new Array(message.length).fill("\r").join(""));
+                    write(new Array(message.length).fill(" ").join(""));
+                };
+                return new Promise((res) => {
+                    let remaining = timeout / 1000;
+                    let message;
+                    const interval = setInterval(() => {
+                        if (message)
+                            clear(message);
+                        message = `Killing emulator in ${remaining} seconds`;
+                        write(message);
+                        remaining -= 1;
+                        if (remaining === 0) {
+                            kill(res);
+                            clear(message);
+                            write("Emulator killed");
+                            clearInterval(interval);
+                        }
+                    }, 1000);
+                });
+            }
+        });
+    }
+}
+exports.EmulatorController = new FirebaseEmulatorInterface();
+function cyPromise(someAssertion) {
+    return new Promise((r) => {
+        someAssertion.then(r);
+    });
+}
+exports.cyPromise = cyPromise;
+function initTestFirebase(fakeProjectId, setupEnv) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const testEnv = yield (0, rules_unit_testing_1.initializeTestEnvironment)({
+            projectId: fakeProjectId,
+            firestore: {
+                host: "localhost",
+                port: 8080,
+            },
+            storage: {
+                host: "localhost",
+                port: 9199,
+            },
+        });
+        yield testEnv.withSecurityRulesDisabled((ctx) => __awaiter(this, void 0, void 0, function* () {
+            const firestore = ctx.firestore({
+                experimentalForceLongPolling: true,
+            });
+            const storage = ctx.storage();
+            if (setupEnv)
+                yield setupEnv(firestore, storage, testEnv);
+        }));
+        return testEnv;
+    });
+}
+exports.initTestFirebase = initTestFirebase;
 //# sourceMappingURL=utils.js.map

package/dist/__test__/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/__test__/utils.ts"],"names":[],"mappings":"~~;;;~~AAAA,SAAgB,WAAW,CAAC,EAAE,GAAG,GAAG;IAClC,OAAO,IAAI,OAAO,CAAO,CAAC,CAAC,EAAE,EAAE;QAC7B,UAAU,CAAC,GAAG,EAAE;YACd,CAAC,EAAE,CAAC;QACN,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC;YAAE,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAC;~~IACpE~~,CAAC,CAAC,CAAC;AACL,CAAC;~~AAPD~~,~~kCAOC~~"}
1	+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/__test__/utils.ts"],"names":[],"mappings":"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"}

package/dist/assets/styles/variables.scss CHANGED Viewed

@@ -24,6 +24,8 @@ $tableRowBorderColor: var(--table-row-border-color, #bec1ca);
 $buttonMinHeight: var(--button-min-height, 62px);
 $buttonMinWidth: var(--button-min-width, 150px);
+$buttonBorderRadius: var(--button-border-radius, 8px);
+$buttonTextColor: var(--button-text-color, white);
 $tooltipBackgroudColor: var(--tooltip-background-color, $digitalBlue);

package/dist/components/AdaptiveDialog/AdaptiveDialog.js CHANGED Viewed

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const AdaptiveDialog_module_scss_1 = __importDefault(require("./AdaptiveDialog.module.scss"));
-const HeaderCloseBtn_1 = __importDefault(require("../HeaderCloseBtn"));
+const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
 /**
  * This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop
  **/
@@ -81,7 +81,7 @@ function AdaptiveDialog({ onClose, open = false, className = "", children, }) {
         react_1.default.createElement("div", { className: `${AdaptiveDialog_module_scss_1.default.container} ${className}` },
             react_1.default.createElement("div", { ref: firstAnchor, tabIndex: 0, onFocus: onFocusAnchors }),
             react_1.default.createElement("div", { ref: startOfModal, tabIndex: 0 }),
-            onClose && (react_1.default.createElement(HeaderCloseBtn_1.default, { mode: "close", hidden: false, onClick: onClose })),
+            onClose && (react_1.default.createElement(MutableHamburgerButton_1.default, { className: AdaptiveDialog_module_scss_1.default.closeBtn, onClick: onClose, state: "closed", size: 24 })),
             react_1.default.createElement("div", { className: AdaptiveDialog_module_scss_1.default.indicator, onClick: () => setExpanded((p) => !p) }),
             children,
             react_1.default.createElement("div", { ref: lastAnchor, tabIndex: 0, onFocus: onFocusAnchors })))) : null;

package/dist/components/AdaptiveDialog/AdaptiveDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,8FAAkD;AAClD,~~uEAA~~+C;AAE/C;;IAEI;AACJ,SAAwB,cAAc,CAAC,EACrC,OAAO,EACP,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,EAAE,EACd,QAAQ,GAKR;IACA,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,~~CAAA~~;~~YAC7B~~,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxC,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,eAAe,GAAG,CAAC,CAAiB,EAAE,EAAE;gBAC5C,IAAI,CAAC,CAAC,aAAa,KAAK,oCAAM,CAAC,eAAe,EAAE;oBAC9C,YAAY,CAAC,KAAK,CAAC,CAAC;oBACnB,CAAC,CAAC,MAA0B,CAAC,mBAAmB,CAC/C,cAAc,EACd,eAAe,CAChB,CAAC;iBACH;YACH,CAAC,CAAC;YACF,UAAU,CAAC,OAAQ,CAAC,gBAAgB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;YAEtE,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YACpC,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,cAAc,CAAC,CAAmC;QACzD,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,OAAQ,CAAC,kBAAkB,CAAC;YAC5D,IAAI,WAAW,YAAY,cAAc;gBAAE,WAAW,CAAC,KAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QACF,IAAI,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,OAAO,EAAE;YACpC,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CAAC,OAAO;gBAAE,UAAU,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;;gBACrE,mBAAmB,EAAE,CAAC;SAC5B;aAAM,IACL,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO;YAC/B,CAAC,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO,EACvC;YACA,mBAAmB,EAAE,CAAC;SACvB;IACH,CAAC;IACD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC,CACzB,uCACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,GAAG,oCAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,oCAAM,CAAC,IAAI,CAAC,CAAC,CAAC,oCAAM,CAAC,KAAK,IAChE,QAAQ,CAAC,CAAC,CAAC,oCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC/B,EAAE;QAEF,uCAAK,SAAS,EAAE,GAAG,oCAAM,CAAC,SAAS,IAAI,SAAS,EAAE;YAChD,uCAAK,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI;YAC/D,uCAAK,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAAI;YACtC,OAAO,IAAI,CACV,8BAAC,~~wBAAc~~,~~IAAC~~,~~IAAI~~,~~EAAC~~,~~OAAO~~,~~EAAC~~,~~MAAM~~,~~EAAE~~,~~KAAK~~,EAAE,OAAO,EAAE,~~OAAO~~,~~GAAI~~,~~CACjE~~;YACD,uCACE,SAAS,EAAE,oCAAM,CAAC,SAAS,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GACrC;YACD,QAAQ;YACT,uCAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI,CAC1D,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;~~AAjFD~~,~~iCAiFC~~"}
1	+ {"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":"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"}

package/dist/components/AdaptiveDialog/AdaptiveDialog.module.scss CHANGED Viewed

@@ -10,6 +10,8 @@
   align-items: center;
   justify-content: center;
   z-index: 1000;
+  transition: backdrop-filter $veryFast linear;
+  backdrop-filter: var(--adaptive-dialog-backdrop-backdrop, initial);
   @media screen and (orientation: "portrait") {
     align-items: flex-end;
@@ -53,7 +55,7 @@
 }
 .container {
-  > div:first-child {
+  > .closeBtn {
     position: absolute;
     right: 16px;
     top: 16px;

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js CHANGED Viewed

@@ -48,6 +48,8 @@ function AdaptiveSidebar(_a) {
     const [open, setOpen] = (0, react_1.useState)(false);
     const containerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
+        if (process.env.NODE_ENV === "test")
+            return;
         containerRef.current.scrollTo({
             left: 0,
             behavior: "smooth",

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdaptiveSidebar.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/AdaptiveSidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,uFAA+D;AAC/D,gGAAmD;AAEnD;;IAEI;AACJ,SAAwB,eAAe,CAAC,EAMvC;QANuC,EACtC,QAAQ,EACR,SAAS,GAAG,EAAE,OAIf,EAHI,KAAK,cAH8B,yBAIvC,CADS;IAIR,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAQ,CAAC,QAAQ,CAAC;YAC7B,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,CAAC;SACP,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL;QACE,qDACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,GAAG,qCAAM,CAAC,SAAS,IAC5B,IAAI,CAAC,CAAC,CAAC,qCAAM,CAAC,IAAI,CAAC,CAAC,CAAC,qCAAM,CAAC,MAC9B,IAAI,SAAS,EAAE,IACX,KAAK,GAER,QAAQ,CACL;QACN,uCAAK,SAAS,EAAE,qCAAM,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACjE,8BAAC,gCAAsB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAI,CACpE,CACL,CACJ,CAAC;AACJ,CAAC;~~AAlCD~~,~~kCAkCC~~"}
1	+ {"version":3,"file":"AdaptiveSidebar.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/AdaptiveSidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,uFAA+D;AAC/D,gGAAmD;AAEnD;;IAEI;AACJ,SAAwB,eAAe,CAAC,EAMvC;QANuC,EACtC,QAAQ,EACR,SAAS,GAAG,EAAE,OAIf,EAHI,KAAK,cAH8B,yBAIvC,CADS;IAIR,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM;YAAE,OAAO;QAC5C,YAAY,CAAC,OAAQ,CAAC,QAAQ,CAAC;YAC7B,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,QAAQ;YAClB,GAAG,EAAE,CAAC;SACP,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL;QACE,qDACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,GAAG,qCAAM,CAAC,SAAS,IAC5B,IAAI,CAAC,CAAC,CAAC,qCAAM,CAAC,IAAI,CAAC,CAAC,CAAC,qCAAM,CAAC,MAC9B,IAAI,SAAS,EAAE,IACX,KAAK,GAER,QAAQ,CACL;QACN,uCAAK,SAAS,EAAE,qCAAM,CAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YACjE,8BAAC,gCAAsB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAI,CACpE,CACL,CACJ,CAAC;AACJ,CAAC;AAnCD,kCAmCC"}

package/dist/components/AnchoredTooltip/AnchoredTooltip.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ declare type Props = {
     open: boolean;
     className?: string;
 };
+export declare function updateTooltipPosition(tooltipRef: HTMLDivElement, anchorRef: HTMLElement, limitToViewport?: boolean): void;
 /**
  * This tooltip anchors itself to an element and handles positioning relative to the anchored element
  **/

package/dist/components/AnchoredTooltip/AnchoredTooltip.js CHANGED Viewed

@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateTooltipPosition = void 0;
 const react_1 = __importStar(require("react"));
 const FadeIn_1 = __importDefault(require("../FadeIn"));
 const AnchoredTooltip_module_scss_1 = __importDefault(require("./AnchoredTooltip.module.scss"));
@@ -33,32 +34,30 @@ function getPositionOnViewport(element) {
     return element.getBoundingClientRect();
 }
 function calculateTooltipFromAnchor(anchorRef, tooltipRef) {
-    const anchorPosition = getPositionOnViewport(anchorRef.current);
-    const shouldAnchorToBottom = tooltipRef.current.clientHeight > anchorPosition.top;
-    let top = anchorPosition.top - tooltipRef.current.clientHeight;
-    let left = anchorPosition.left +
-        anchorPosition.width / 2 -
-        tooltipRef.current.clientWidth / 2;
+    const anchorPosition = getPositionOnViewport(anchorRef);
+    const shouldAnchorToBottom = tooltipRef.clientHeight > anchorPosition.top;
+    let top = anchorPosition.top - tooltipRef.clientHeight;
+    let left = anchorPosition.left + anchorPosition.width / 2 - tooltipRef.clientWidth / 2;
     if (shouldAnchorToBottom)
-        top += tooltipRef.current.clientHeight + anchorRef.current.clientHeight;
+        top += tooltipRef.clientHeight + anchorRef.clientHeight;
     if (top < 0)
         top = 0;
-    const offset = top + tooltipRef.current.clientHeight - window.innerHeight;
+    const offset = top + tooltipRef.clientHeight - window.innerHeight;
     if (offset > 0) {
         top -= offset;
     }
-    const offsetLeft = left + tooltipRef.current.clientWidth - window.innerWidth;
+    const offsetLeft = left + tooltipRef.clientWidth - window.innerWidth;
     if (offsetLeft > 0) {
         left -= offsetLeft;
     }
     if (left < 0) {
         left = 0;
     }
-    const maxLeftOffsetIndicator = tooltipRef.current.clientWidth / 2 - 60;
-    const tooltipCenter = tooltipRef.current.clientWidth / 2 + left;
+    const maxLeftOffsetIndicator = tooltipRef.clientWidth / 2 - 60;
+    const tooltipCenter = tooltipRef.clientWidth / 2 + left;
     const anchorPositionCenter = anchorPosition.left + anchorPosition.width / 2;
     const offsetTooltip = anchorPositionCenter - tooltipCenter;
-    const minOffsetTooltip = -(tooltipRef.current.clientWidth / 2) + 60;
+    const minOffsetTooltip = -(tooltipRef.clientWidth / 2) + 60;
     const offsetIndicatorLeft = offsetLeft > 0
         ? offsetLeft > maxLeftOffsetIndicator
             ? maxLeftOffsetIndicator
@@ -76,33 +75,38 @@ function calculateTooltipFromAnchor(anchorRef, tooltipRef) {
         shouldAnchorToBottom,
     };
 }
+function updateTooltipPosition(tooltipRef, anchorRef, limitToViewport) {
+    const { top, left, shouldAnchorToBottom, offsetIndicatorLeft } = calculateTooltipFromAnchor(anchorRef, tooltipRef);
+    if (limitToViewport) {
+        const maxHeight = window.innerHeight - top;
+        tooltipRef.style.maxHeight = `${maxHeight - 32}px`;
+    }
+    tooltipRef.style.top = `${top}px`;
+    tooltipRef.style.left = `${left}px`;
+    tooltipRef.style.setProperty("--anchor-indicator-offset-left", `${offsetIndicatorLeft}px`);
+    if (shouldAnchorToBottom) {
+        tooltipRef.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredTop);
+        tooltipRef.classList.add(AnchoredTooltip_module_scss_1.default.anchoredBottom);
+    }
+    else {
+        tooltipRef.classList.add(AnchoredTooltip_module_scss_1.default.anchoredTop);
+        tooltipRef.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredBottom);
+    }
+}
+exports.updateTooltipPosition = updateTooltipPosition;
 /**
  * This tooltip anchors itself to an element and handles positioning relative to the anchored element
  **/
 function AnchoredTooltip(props) {
     const { open, children, anchorRef } = props;
     const tooltipRef = (0, react_1.useRef)(null);
-    function updateTooltipPosition() {
-        if (!anchorRef.current)
-            return;
-        const { top, left, shouldAnchorToBottom, offsetIndicatorLeft } = calculateTooltipFromAnchor(anchorRef, tooltipRef);
-        tooltipRef.current.style.top = `${top}px`;
-        tooltipRef.current.style.left = `${left}px`;
-        tooltipRef.current.style.setProperty("--anchor-indicator-offset-left", `${offsetIndicatorLeft}px`);
-        if (shouldAnchorToBottom) {
-            tooltipRef.current.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredTop);
-            tooltipRef.current.classList.add(AnchoredTooltip_module_scss_1.default.anchoredBottom);
-        }
-        else {
-            tooltipRef.current.classList.add(AnchoredTooltip_module_scss_1.default.anchoredTop);
-            tooltipRef.current.classList.remove(AnchoredTooltip_module_scss_1.default.anchoredBottom);
-        }
-    }
     (0, react_1.useEffect)(() => {
         if (open) {
-            updateTooltipPosition();
+            if (anchorRef.current && tooltipRef.current)
+                updateTooltipPosition(tooltipRef.current, anchorRef.current);
             const scrollHandler = () => {
-                updateTooltipPosition();
+                if (anchorRef.current && tooltipRef.current)
+                    updateTooltipPosition(tooltipRef.current, anchorRef.current);
             };
             window.addEventListener("scroll", scrollHandler);
             return () => {
@@ -142,12 +146,14 @@ function DebuggingHelper(props) {
         } },
         "Calculated info:",
         react_1.default.createElement("br", null),
-        Object.entries(calculateTooltipFromAnchor(props.anchorRef, props.tooltipRef)).map(([k, v]) => {
-            return (react_1.default.createElement("p", null,
-                react_1.default.createElement("b", null, k),
-                ": ",
-                typeof v !== "boolean" ? v : v ? "true" : "false"));
-        }),
+        props.anchorRef.current &&
+            props.tooltipRef.current &&
+            Object.entries(calculateTooltipFromAnchor(props.anchorRef.current, props.tooltipRef.current)).map(([k, v]) => {
+                return (react_1.default.createElement("p", null,
+                    react_1.default.createElement("b", null, k),
+                    ": ",
+                    typeof v !== "boolean" ? v : v ? "true" : "false"));
+            }),
         "Window info:",
         react_1.default.createElement("br", null),
         react_1.default.createElement("p", null,