@onepercentio/one-ui 0.1.5 → 0.2.0

package/cypress/support/commands.js

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -0,0 +1,2 @@
+export declare function createDoc(firestore: any, path: string, data: any): Promise<void>;
+export declare function updateDoc<T extends Object = any>(firestore: any, path: string, data: Partial<T>): Promise<void>;

package/dist/__test__/firestore.js

@@ -0,0 +1,26 @@
+"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.updateDoc = 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;
+function updateDoc(firestore, path, data) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return yield (0, firestore_1.updateDoc)((0, firestore_1.doc)(firestore, path), data);
+    });
+}
+exports.updateDoc = updateDoc;
+//# sourceMappingURL=firestore.js.map

package/dist/__test__/firestore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firestore.js","sourceRoot":"","sources":["../../src/__test__/firestore.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAA0E;AAE1E,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;AAED,SAAsB,SAAS,CAC7B,SAAc,EACd,IAAY,EACZ,IAAgB;;QAEhB,OAAO,MAAM,IAAA,qBAAU,EAAC,IAAA,eAAG,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,IAAW,CAAC,CAAC;IAC7D,CAAC;CAAA;AAND,8BAMC"}

package/dist/__test__/utils.d.ts

@@ -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, databaseToImport?: 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

@@ -1,14 +1,196 @@
 "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 [4000, 4400, 8055, 8080]) {
+            try {
+                if (window.Cypress)
+                    cy.exec(`yarn kill-port ${port}`, { failOnNonZeroExit: true });
+                else
+                    require("child_process").execSync(`kill -9 $(lsof -t -i:${port})`, {
+                        stdio: "ignore",
+                    });
+            }
+            catch (e) {
+                console.error("Error when killing port", port, e);
+            }
+        }
+    }
+    waitUntilUp() {
+        cy.wrap("Waiting the emulator to be up").then({ timeout: 60000 }, () => {
+            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://${window.location.hostname}:4000`, {
+                            mode: "no-cors",
+                        });
+                        res();
+                        clearTimeout(timeout);
+                        break;
+                    }
+                    catch (e) { }
+                    yield WaitTimeout(1000);
+                }
+            }));
+        });
+    }
+    start(fakeProjectName, databaseToImport) {
+        if (sessionStorage.getItem("last-database") === databaseToImport)
+            return;
+        this.killRelatedPorts();
+        if (window.Cypress) {
+            const command = `firebase emulators:start -P ${fakeProjectName} ${databaseToImport ? `--import ${databaseToImport}` : ""}`;
+            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: 10000, // Instant fail
+            });
+            sessionStorage.setItem("last-database", databaseToImport);
+        }
+        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

@@ -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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/__test__/utils.ts"],"names":[],"mappings":"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"}

package/dist/assets/styles/variables.scss

@@ -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/AdaptiveButton/AdaptiveButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveButton.js","sourceRoot":"","sources":["../../../src/components/AdaptiveButton/AdaptiveButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAQe;AACf,uDAA+B;AAC/B,8CAAyD;AACzD,uFAA+D;AAC/D,8FAAkD;AAElD;;IAEI;AACJ,SAAwB,cAAc,CAAC,EAMN;QANM,EACrC,QAAQ,EACR,SAAS,GAAG,EAAE,OAIiB,EAH5B,WAAW,cAHuB,yBAItC,CADe;IAId,MAAM,eAAe,GACnB,IAAA,cAAM,EAA4C,IAAI,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,eAAe,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAC/D,IAAI,UAAU;YAAE,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,UAAU,CAAC,WAAW,IAAI,CAAC;QACvE,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,UAAU,GAAG,eAAe,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;YAC/D,IAAI,UAAU,EAAE;gBACd,MAAM,SAAS,GAAG,UAAU,CAAC,SAA2B,CAAC;gBACzD,IAAI,SAAS,EAAE;oBACb,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;oBAC3C,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,IAAI,CAAC;oBAC7C,SAAS,QAAQ;wBACf,UAAW,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC/B,CAAC;oBACD,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;iBACxD;aACF;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL;QACE,8BAAC,gBAAM,kBACL,SAAS,EAAE,GAAG,oCAAM,CAAC,WAAW,IAAI,SAAS,EAAE,EAC/C,GAAG,EAAE,SAAS,IACV,WAAW;YAEf,8BAAC,gCAAsB,IACrB,GAAG,EAAE,eAAe,EACpB,cAAc,EAAE,qCAAwB,CAAC,MAAM,EAC/C,mBAAmB,EAAE,KAAK,EAC1B,MAAM,EAAE;oBACN,QAAQ,EAAE;wBACR,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;oBACD,OAAO,EAAE;wBACP,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;iBACF,EACD,SAAS,EAAE,oCAAM,CAAC,YAAY,IAE7B,QAAQ,CACc,CAClB,CACR,CACJ,CAAC;AACJ,CAAC;AA1DD,iCA0DC"}
+{"version":3,"file":"AdaptiveButton.js","sourceRoot":"","sources":["../../../src/components/AdaptiveButton/AdaptiveButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,uDAA+B;AAC/B,8CAAyD;AACzD,uFAA+D;AAC/D,8FAAkD;AAElD;;IAEI;AACJ,SAAwB,cAAc,CAAC,EAMN;QANM,EACrC,QAAQ,EACR,SAAS,GAAG,EAAE,OAIiB,EAH5B,WAAW,cAHuB,yBAItC,CADe;IAId,MAAM,eAAe,GACnB,IAAA,cAAM,EAA4C,IAAI,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,eAAe,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAC/D,IAAI,UAAU;YAAE,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,UAAU,CAAC,WAAW,IAAI,CAAC;QACvE,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,UAAU,GAAG,eAAe,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;YAC/D,IAAI,UAAU,EAAE;gBACd,MAAM,SAAS,GAAG,UAAU,CAAC,SAA2B,CAAC;gBACzD,IAAI,SAAS,EAAE;oBACb,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;oBAC3C,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,YAAY,IAAI,CAAC;oBAC7C,SAAS,QAAQ;wBACf,UAAW,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC/B,CAAC;oBACD,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;iBACxD;aACF;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL;QACE,8BAAC,gBAAM,kBACL,SAAS,EAAE,GAAG,oCAAM,CAAC,WAAW,IAAI,SAAS,EAAE,EAC/C,GAAG,EAAE,SAAS,IACV,WAAW;YAEf,8BAAC,gCAAsB,IACrB,GAAG,EAAE,eAAe,EACpB,cAAc,EAAE,qCAAwB,CAAC,MAAM,EAC/C,mBAAmB,EAAE,KAAK,EAC1B,MAAM,EAAE;oBACN,QAAQ,EAAE;wBACR,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;oBACD,OAAO,EAAE;wBACP,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;iBACF,EACD,SAAS,EAAE,oCAAM,CAAC,YAAY,IAE7B,QAAQ,CACc,CAClB,CACR,CACJ,CAAC;AACJ,CAAC;AA1DD,iCA0DC"}

package/dist/components/AdaptiveDialog/AdaptiveDialog.js

@@ -28,7 +28,8 @@ 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"));
+const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
 /**
  * This component implements a generic drawer that displays it as a drawer on mobile and as a modal on desktop
  **/
@@ -38,8 +39,6 @@ function AdaptiveDialog({ onClose, open = false, className = "", children, }) {
     const [expanded, setExpanded] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         if (open) {
-            startOfModal.current.focus();
-            document.body.style.overflow = "hidden";
             setIsVisible(true);
             const toggleVisbility = (e) => {
                 if (e.animationName === AdaptiveDialog_module_scss_1.default.backdropDismiss) {
@@ -48,43 +47,14 @@ function AdaptiveDialog({ onClose, open = false, className = "", children, }) {
                 }
             };
             rootDivRef.current.addEventListener("animationend", toggleVisbility);
-            return () => {
-                document.body.style.overflow = "";
-            };
         }
     }, [open]);
-    const firstAnchor = (0, react_1.useRef)(null);
-    const lastAnchor = (0, react_1.useRef)(null);
-    const startOfModal = (0, react_1.useRef)(null);
-    function onFocusAnchors(e) {
-        const focusOnStartOfModal = () => {
-            const nextSibling = firstAnchor.current.nextElementSibling;
-            if (nextSibling instanceof HTMLDivElement)
-                nextSibling.focus();
-        };
-        if (e.target === firstAnchor.current) {
-            if (e.relatedTarget === startOfModal.current)
-                lastAnchor.current.focus();
-            else
-                focusOnStartOfModal();
-        }
-        else if (e.target === lastAnchor.current &&
-            e.relatedTarget !== firstAnchor.current) {
-            focusOnStartOfModal();
-        }
-    }
-    (0, react_1.useEffect)(() => {
-        if (open)
-            startOfModal.current.focus();
-    }, []);
     return isVisible || open ? (react_1.default.createElement("div", { ref: rootDivRef, className: `${AdaptiveDialog_module_scss_1.default.backdrop} ${open ? AdaptiveDialog_module_scss_1.default.open : AdaptiveDialog_module_scss_1.default.close} ${expanded ? AdaptiveDialog_module_scss_1.default.expanded : ""}` },
         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 })),
-            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;
+            react_1.default.createElement(ScrollAndFocusLock_1.default, { open: open },
+                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)))) : null;
 }
 exports.default = AdaptiveDialog;
 //# sourceMappingURL=AdaptiveDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AdaptiveDialog.js","sourceRoot":"","sources":["../../../src/components/AdaptiveDialog/AdaptiveDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,8FAAkD;AAClD,uFAA+D;AAC/D,yFAAiE;AAEjE;;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,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;SACvE;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,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,8BAAC,4BAAkB,IAAC,IAAI,EAAE,IAAI;gBAC3B,OAAO,IAAI,CACV,8BAAC,gCAAsB,IACrB,SAAS,EAAE,oCAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,GACR,CACH;gBACD,uCACE,SAAS,EAAE,oCAAM,CAAC,SAAS,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GACrC;gBACD,QAAQ,CACU,CACjB,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAxDD,iCAwDC"}

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

@@ -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.d.ts

@@ -2,6 +2,9 @@ import React, { PropsWithChildren } from "react";
 /**
  * A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
  **/
-export default function AdaptiveSidebar({ children, className, ...props }: PropsWithChildren<{
+export default function AdaptiveSidebar({ children, className, visibilityControlComponent: VisibilityControlComponent, ...props }: PropsWithChildren<{
     className?: string;
+    visibilityControlComponent: (props: {
+        open: boolean;
+    }) => React.ReactElement;
 } & React.HTMLProps<HTMLDivElement>>): JSX.Element;

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js

@@ -39,15 +39,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
+const ScrollAndFocusLock_1 = __importDefault(require("../utilitary/ScrollAndFocusLock"));
 const AdaptiveSidebar_module_scss_1 = __importDefault(require("./AdaptiveSidebar.module.scss"));
+const DefaultVisibilityControl = ({ open }) => (react_1.default.createElement(MutableHamburgerButton_1.default, { size: 48, state: open ? "closed" : "default" }));
 /**
  * A component that you can put anywhere but hides when small enough and shows the control via a fixed floating button
  **/
 function AdaptiveSidebar(_a) {
-    var { children, className = "" } = _a, props = __rest(_a, ["children", "className"]);
+    var { children, className = "", visibilityControlComponent: VisibilityControlComponent = DefaultVisibilityControl } = _a, props = __rest(_a, ["children", "className", "visibilityControlComponent"]);
     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",
@@ -55,9 +59,12 @@ function AdaptiveSidebar(_a) {
         });
     }, [open]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", Object.assign({ ref: containerRef, className: `${AdaptiveSidebar_module_scss_1.default.container} ${open ? AdaptiveSidebar_module_scss_1.default.open : AdaptiveSidebar_module_scss_1.default.closed} ${className}` }, props), children),
+        react_1.default.createElement("div", Object.assign({ ref: containerRef, className: `${AdaptiveSidebar_module_scss_1.default.container} ${DefaultVisibilityControl === VisibilityControlComponent
+                ? AdaptiveSidebar_module_scss_1.default.defaultPadding
+                : ""} ${open ? AdaptiveSidebar_module_scss_1.default.open : AdaptiveSidebar_module_scss_1.default.closed} ${className}` }, props),
+            react_1.default.createElement(ScrollAndFocusLock_1.default, { open: open }, children)),
         react_1.default.createElement("div", { className: AdaptiveSidebar_module_scss_1.default.hamburger, onClick: () => setOpen((a) => !a) },
-            react_1.default.createElement(MutableHamburgerButton_1.default, { size: 48, state: open ? "closed" : "default" }))));
+            react_1.default.createElement(VisibilityControlComponent, { open: open }))));
 }
 exports.default = AdaptiveSidebar;
 //# sourceMappingURL=AdaptiveSidebar.js.map

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

@@ -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"}
+{"version":3,"file":"AdaptiveSidebar.js","sourceRoot":"","sources":["../../../src/components/AdaptiveSidebar/AdaptiveSidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8E;AAC9E,uFAA+D;AAC/D,yFAAiE;AACjE,gGAAmD;AAEnD,MAAM,wBAAwB,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE,CAAC,CAChE,8BAAC,gCAAsB,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAI,CACzE,CAAC;AAEF;;IAEI;AACJ,SAAwB,eAAe,CAAC,EAavC;QAbuC,EACtC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,0BAA0B,EACxB,0BAA0B,GAAG,wBAAwB,OASxD,EARI,KAAK,cAL8B,uDAMvC,CADS;IASR,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,wBAAwB,KAAK,0BAA0B;gBACrD,CAAC,CAAC,qCAAM,CAAC,cAAc;gBACvB,CAAC,CAAC,EACN,IAAI,IAAI,CAAC,CAAC,CAAC,qCAAM,CAAC,IAAI,CAAC,CAAC,CAAC,qCAAM,CAAC,MAAM,IAAI,SAAS,EAAE,IACjD,KAAK;YAET,8BAAC,4BAAkB,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAsB,CAC3D;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,0BAA0B,IAAC,IAAI,EAAE,IAAI,GAAI,CACtC,CACL,CACJ,CAAC;AACJ,CAAC;AA5CD,kCA4CC"}

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss

@@ -27,11 +27,13 @@ $hamburgerOffset: 24;
 }
 
 .container {
-    box-sizing: border-box;
+  box-sizing: border-box;
   height: 100%;
 
   @media screen and (max-width: 640px) {
-    padding-top: #{$hamburgerSize + $hamburgerOffset * 2}px;
+    &.defaultPadding {
+      padding-top: #{$hamburgerSize + $hamburgerOffset * 2}px;
+    }
     position: fixed;
     width: 100%;
     overflow: auto;

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts

@@ -9,6 +9,9 @@ export declare const InitialImplementation: {
     (args: any): JSX.Element;
     args: Partial<{
         className?: string | undefined;
+        visibilityControlComponent: (props: {
+            open: boolean;
+        }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     } & React.HTMLProps<HTMLDivElement> & {
         children?: React.ReactNode;
     }>;

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

@@ -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
  **/