@onepercentio/one-ui 0.1.6 → 0.2.1

package/dist/components/AdaptiveDialog/AdaptiveDialog.stories.js

@@ -1,94 +1,94 @@
-"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 });
-exports.Improvement_LockFocusInsideModal = exports.Improvement_LockScrollWhenOpen = exports.InitialImplementation = void 0;
-const react_1 = __importStar(require("react"));
-const AdaptiveDialog_1 = __importDefault(require("./AdaptiveDialog"));
-exports.default = {
-    component: AdaptiveDialog_1.default,
-    title: "Adaptive Dialog",
-};
-const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveDialog_1.default, Object.assign({}, args),
-    react_1.default.createElement("p", null, "Some content"),
-    react_1.default.createElement("h1", null, "ANs some more"),
-    react_1.default.createElement("h1", null, "ANs some more"),
-    react_1.default.createElement("h1", null, "ANs some more"),
-    react_1.default.createElement("h1", null, "ANs some more"),
-    react_1.default.createElement("h1", null, "ANs some more"),
-    react_1.default.createElement("h1", null, "ANs some more"),
-    react_1.default.createElement("h1", null, "ANs some more")));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    open: true,
-};
-const Improvement_LockScrollWhenOpen = () => {
-    const [o, so] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => so(false) },
-            react_1.default.createElement("div", { style: {
-                    overflow: "auto",
-                } }, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("h1", null,
-                "Scrolling modal div item ",
-                i,
-                " ",
-                react_1.default.createElement("button", { onClick: () => so(false) }, "click to close modal")))))),
-        react_1.default.createElement("div", null, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("h1", null,
-                "Scrolling div item ",
-                i,
-                " ",
-                react_1.default.createElement("button", { onClick: () => so(true) }, "click to open modal")),
-            i == 24 ? (react_1.default.createElement("div", { style: { overflow: "auto", height: 40 } },
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"),
-                react_1.default.createElement("h1", null, "Nested scroll"))) : null))))));
-};
-exports.Improvement_LockScrollWhenOpen = Improvement_LockScrollWhenOpen;
-const Improvement_LockFocusInsideModal = () => {
-    const [o, oo] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h1", null, "Here we have an input"),
-        react_1.default.createElement("input", { placeholder: "This should not be focusable when I open the modal" }),
-        react_1.default.createElement("button", { onClick: () => oo(true) }, "Open modal"),
-        react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => {
-                oo(false);
-            } },
-            react_1.default.createElement("h1", null, "Try pressing tab to switch focus"),
-            react_1.default.createElement("input", { placeholder: "This should be focusable" }))));
-};
-exports.Improvement_LockFocusInsideModal = Improvement_LockFocusInsideModal;
+"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 });
+exports.Improvement_LockFocusInsideModal = exports.Improvement_LockScrollWhenOpen = exports.InitialImplementation = void 0;
+const react_1 = __importStar(require("react"));
+const AdaptiveDialog_1 = __importDefault(require("./AdaptiveDialog"));
+exports.default = {
+    component: AdaptiveDialog_1.default,
+    title: "Adaptive Dialog",
+};
+const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveDialog_1.default, Object.assign({}, args),
+    react_1.default.createElement("p", null, "Some content"),
+    react_1.default.createElement("h1", null, "ANs some more"),
+    react_1.default.createElement("h1", null, "ANs some more"),
+    react_1.default.createElement("h1", null, "ANs some more"),
+    react_1.default.createElement("h1", null, "ANs some more"),
+    react_1.default.createElement("h1", null, "ANs some more"),
+    react_1.default.createElement("h1", null, "ANs some more"),
+    react_1.default.createElement("h1", null, "ANs some more")));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {
+    open: true,
+};
+const Improvement_LockScrollWhenOpen = () => {
+    const [o, so] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => so(false) },
+            react_1.default.createElement("div", { style: {
+                    overflow: "auto",
+                } }, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("h1", null,
+                "Scrolling modal div item ",
+                i,
+                " ",
+                react_1.default.createElement("button", { onClick: () => so(false) }, "click to close modal")))))),
+        react_1.default.createElement("div", null, new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h1", null,
+                "Scrolling div item ",
+                i,
+                " ",
+                react_1.default.createElement("button", { onClick: () => so(true) }, "click to open modal")),
+            i == 24 ? (react_1.default.createElement("div", { style: { overflow: "auto", height: 40 } },
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"),
+                react_1.default.createElement("h1", null, "Nested scroll"))) : null))))));
+};
+exports.Improvement_LockScrollWhenOpen = Improvement_LockScrollWhenOpen;
+const Improvement_LockFocusInsideModal = () => {
+    const [o, oo] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h1", null, "Here we have an input"),
+        react_1.default.createElement("input", { placeholder: "This should not be focusable when I open the modal" }),
+        react_1.default.createElement("button", { onClick: () => oo(true) }, "Open modal"),
+        react_1.default.createElement(AdaptiveDialog_1.default, { open: o, onClose: () => {
+                oo(false);
+            } },
+            react_1.default.createElement("h1", null, "Try pressing tab to switch focus"),
+            react_1.default.createElement("input", { placeholder: "This should be focusable" }))));
+};
+exports.Improvement_LockFocusInsideModal = Improvement_LockFocusInsideModal;
 //# sourceMappingURL=AdaptiveDialog.stories.js.map

package/dist/components/AdaptiveDialog/AdaptiveDialog.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/AdaptiveDialog/AdaptiveDialog.test.js

@@ -1,15 +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 react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const AdaptiveDialog_stories_1 = require("./AdaptiveDialog.stories");
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(AdaptiveDialog_stories_1.InitialImplementation, Object.assign({}, props)));
-}
-it('Should at least render :)', () => {
-    renderScreen({});
-});
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const AdaptiveDialog_stories_1 = require("./AdaptiveDialog.stories");
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(AdaptiveDialog_stories_1.InitialImplementation, Object.assign({}, props)));
+}
+it('Should at least render :)', () => {
+    renderScreen({});
+});
 //# sourceMappingURL=AdaptiveDialog.test.js.map

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

@@ -1 +1 @@
-export { default } from './AdaptiveDialog';
+export { default } from './AdaptiveDialog';

package/dist/components/AdaptiveDialog/index.js

@@ -1,9 +1,9 @@
-"use strict";
-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 AdaptiveDialog_1 = require("./AdaptiveDialog");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveDialog_1).default; } });
+"use strict";
+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 AdaptiveDialog_1 = require("./AdaptiveDialog");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveDialog_1).default; } });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,10 @@
-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<{
-    className?: string;
-} & React.HTMLProps<HTMLDivElement>>): JSX.Element;
+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, visibilityControlComponent: VisibilityControlComponent, ...props }: PropsWithChildren<{
+    className?: string;
+    visibilityControlComponent: (props: {
+        open: boolean;
+    }) => React.ReactElement;
+} & React.HTMLProps<HTMLDivElement>>): JSX.Element;

package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js

@@ -1,65 +1,70 @@
-"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 __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 react_1 = __importStar(require("react"));
-const MutableHamburgerButton_1 = __importDefault(require("../MutableHamburgerButton"));
-const AdaptiveSidebar_module_scss_1 = __importDefault(require("./AdaptiveSidebar.module.scss"));
-/**
- * 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"]);
-    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",
-            top: 0,
-        });
-    }, [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", { className: AdaptiveSidebar_module_scss_1.default.hamburger, onClick: () => setOpen((a) => !a) },
-            react_1.default.createElement(MutableHamburgerButton_1.default, { size: 48, state: open ? "closed" : "default" }))));
-}
-exports.default = AdaptiveSidebar;
+"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 __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 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 = "", 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",
+            top: 0,
+        });
+    }, [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} ${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(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,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"}
+{"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

@@ -1,15 +1,18 @@
-import React from "react";
-import AdaptiveSidebar from "./AdaptiveSidebar";
-declare const _default: {
-    component: typeof AdaptiveSidebar;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        className?: string | undefined;
-    } & React.HTMLProps<HTMLDivElement> & {
-        children?: React.ReactNode;
-    }>;
-};
+import React from "react";
+import AdaptiveSidebar from "./AdaptiveSidebar";
+declare const _default: {
+    component: typeof AdaptiveSidebar;
+    title: string;
+};
+export default _default;
+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/AdaptiveSidebar/AdaptiveSidebar.stories.js

@@ -1,21 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const AdaptiveSidebar_1 = __importDefault(require("./AdaptiveSidebar"));
-exports.default = {
-    component: AdaptiveSidebar_1.default,
-    title: "Adaptive Sidebar",
-};
-const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveSidebar_1.default, Object.assign({}, args),
-    react_1.default.createElement("div", { style: { backgroundColor: "yellow" } },
-        react_1.default.createElement("h1", { style: { margin: 0 } }, "Um sidebar heading"),
-        new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("p", null,
-            "Op\u00E7\u00E3o ",
-            i))))));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const AdaptiveSidebar_1 = __importDefault(require("./AdaptiveSidebar"));
+exports.default = {
+    component: AdaptiveSidebar_1.default,
+    title: "Adaptive Sidebar",
+};
+const InitialImplementation = (args) => (react_1.default.createElement(AdaptiveSidebar_1.default, Object.assign({}, args),
+    react_1.default.createElement("div", { style: { backgroundColor: "yellow" } },
+        react_1.default.createElement("h1", { style: { margin: 0 } }, "Um sidebar heading"),
+        new Array(100).fill(undefined).map((_, i) => (react_1.default.createElement("p", null,
+            "Op\u00E7\u00E3o ",
+            i))))));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
 //# sourceMappingURL=AdaptiveSidebar.stories.js.map

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

@@ -1 +1 @@
-export { default } from './AdaptiveSidebar';
+export { default } from './AdaptiveSidebar';

package/dist/components/AdaptiveSidebar/index.js

@@ -1,9 +1,9 @@
-"use strict";
-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 AdaptiveSidebar_1 = require("./AdaptiveSidebar");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveSidebar_1).default; } });
+"use strict";
+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 AdaptiveSidebar_1 = require("./AdaptiveSidebar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AdaptiveSidebar_1).default; } });
 //# sourceMappingURL=index.js.map

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

@@ -1,13 +1,13 @@
-import { RefObject } from "react";
-declare type Props = {
-    children: JSX.Element;
-    anchorRef: RefObject<HTMLElement>;
-    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
- **/
-export default function AnchoredTooltip(props: Props): JSX.Element;
-export {};
+import { RefObject } from "react";
+declare type Props = {
+    children: JSX.Element;
+    anchorRef: RefObject<HTMLElement>;
+    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
+ **/
+export default function AnchoredTooltip(props: Props): JSX.Element;
+export {};