@servicetitan/design-system 10.7.1 → 11.1.0

package/dist/components/Sidebar/Sidebar.js

@@ -1,34 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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)
@@ -40,40 +9,35 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var debounce_1 = require("../../utilities/debounce");
-var ToggleButton_1 = require("./ToggleButton");
-var SidebarSection_1 = require("./SidebarSection");
-var Sidebar = function (_a) {
-    var _b = _a.el, Element = _b === void 0 ? 'div' : _b, className = _a.className, localStorageKey = _a.localStorageKey, children = _a.children, rest = __rest(_a, ["el", "className", "localStorageKey", "children"]);
-    var breakpoint = 992;
-    var hoverDelay = 300;
-    var hoverTimeout = (0, react_1.useRef)();
-    var sidebarRef = (0, react_1.useRef)();
-    var pointerId = (0, react_1.useRef)();
-    var getInitialOpen = function () {
-        var wasPreviouslyOpen = typeof window !== 'undefined' &&
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import classnames from 'classnames';
+import { debounce } from '../../utilities/debounce';
+import { ToggleButton } from './ToggleButton';
+import { SidebarSection } from './SidebarSection';
+export const Sidebar = (_a) => {
+    var { el: Element = 'div', className, localStorageKey, children } = _a, rest = __rest(_a, ["el", "className", "localStorageKey", "children"]);
+    const breakpoint = 992;
+    const hoverDelay = 300;
+    const hoverTimeout = useRef();
+    const sidebarRef = useRef();
+    const pointerId = useRef();
+    const getInitialOpen = () => {
+        const wasPreviouslyOpen = typeof window !== 'undefined' &&
             window.localStorage.getItem(localStorageKey);
         return {
             value: wasPreviouslyOpen ? JSON.parse(wasPreviouslyOpen) : true,
             temporary: false,
         };
     };
-    var _c = (0, react_1.useState)(false), isDisplaySmall = _c[0], setIsDisplaySmall = _c[1];
-    var _d = (0, react_1.useState)(getInitialOpen()), openOnLargeDisplay = _d[0], setOpenOnLargeDisplay = _d[1];
-    var _e = (0, react_1.useState)(false), openOnSmallDisplay = _e[0], setOpenOnSmallDisplay = _e[1];
-    var isOpen = (isDisplaySmall && openOnSmallDisplay) ||
+    const [isDisplaySmall, setIsDisplaySmall] = useState(false);
+    const [openOnLargeDisplay, setOpenOnLargeDisplay] = useState(getInitialOpen());
+    const [openOnSmallDisplay, setOpenOnSmallDisplay] = useState(false);
+    const isOpen = (isDisplaySmall && openOnSmallDisplay) ||
         (!isDisplaySmall && openOnLargeDisplay.value);
-    var isTemporary = isDisplaySmall || (!isDisplaySmall && openOnLargeDisplay.temporary);
-    var isTouchScreen = typeof window !== 'undefined' &&
+    const isTemporary = isDisplaySmall || (!isDisplaySmall && openOnLargeDisplay.temporary);
+    const isTouchScreen = typeof window !== 'undefined' &&
         window.matchMedia('(pointer:coarse)').matches;
-    var open = (0, react_1.useCallback)(function (options) {
+    const open = useCallback((options) => {
         var _a;
         clearTimeout(hoverTimeout.current);
         if (isDisplaySmall) {
@@ -86,7 +50,7 @@ var Sidebar = function (_a) {
             });
         }
     }, [isDisplaySmall]);
-    var close = (0, react_1.useCallback)(function () {
+    const close = useCallback(() => {
         clearTimeout(hoverTimeout.current);
         if (isDisplaySmall) {
             setOpenOnSmallDisplay(false);
@@ -98,15 +62,15 @@ var Sidebar = function (_a) {
             });
         }
     }, [isDisplaySmall]);
-    var handlePointerEnter = function (e) {
+    const handlePointerEnter = (e) => {
         if (e.pointerType === 'mouse') {
             clearTimeout(hoverTimeout.current);
             if (isOpen)
                 return;
-            hoverTimeout.current = setTimeout(function () { return open({ temporary: true }); }, hoverDelay);
+            hoverTimeout.current = setTimeout(() => open({ temporary: true }), hoverDelay);
         }
     };
-    var handlePointerLeave = function (e) {
+    const handlePointerLeave = (e) => {
         var _a;
         if (e.pointerType === 'mouse') {
             clearTimeout(hoverTimeout.current);
@@ -115,14 +79,14 @@ var Sidebar = function (_a) {
             if (e.relatedTarget.nodeType &&
                 ((_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)))
                 return;
-            hoverTimeout.current = setTimeout(function () { return close(); }, hoverDelay);
+            hoverTimeout.current = setTimeout(() => close(), hoverDelay);
         }
     };
-    var handlePointerDown = function (e) {
+    const handlePointerDown = (e) => {
         if (isDisplaySmall && e.pointerType === 'touch')
             pointerId.current = e.pointerId;
     };
-    var handlePointerUp = function (e) {
+    const handlePointerUp = (e) => {
         if (isDisplaySmall &&
             e.pointerType === 'touch' &&
             e.pointerId === pointerId.current) {
@@ -132,31 +96,32 @@ var Sidebar = function (_a) {
             pointerId.current = undefined;
         }
     };
-    var calcDisplaySmall = function () {
-        var windowWidth = Math.min(window.innerWidth, window.outerWidth);
+    const calcDisplaySmall = () => {
+        const windowWidth = Math.min(window.innerWidth, window.outerWidth);
         return windowWidth < breakpoint;
     };
-    var SidebarClasses = (0, classnames_1.default)('Sidebar', className, {
+    const SidebarClasses = classnames('Sidebar', className, {
         'Sidebar--collapsed': !isOpen,
         'Sidebar--temporary': isOpen && isTemporary,
         'Sidebar--touch': isTouchScreen,
     });
-    var toggleButtonClasses = (0, classnames_1.default)('Sidebar__toggle-button', {
+    const toggleButtonClasses = classnames('Sidebar__toggle-button', {
         'Sidebar__toggle-button-visible': isTemporary || isTouchScreen || !isOpen,
     });
-    (0, react_1.useEffect)(function () {
-        var handleWindowResize = function () { return setIsDisplaySmall(calcDisplaySmall()); };
-        window.addEventListener('resize', (0, debounce_1.debounce)(handleWindowResize, 150));
+    useEffect(() => {
+        const handleWindowResize = () => setIsDisplaySmall(calcDisplaySmall());
+        const handleWindowResizeDebounced = debounce(handleWindowResize, 150);
+        window.addEventListener('resize', handleWindowResizeDebounced);
         handleWindowResize();
-        return function () { return window.removeEventListener('resize', handleWindowResize); };
+        return () => window.removeEventListener('resize', handleWindowResizeDebounced);
     }, []);
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         if (!openOnLargeDisplay.temporary) {
             localStorage.setItem(localStorageKey, JSON.stringify(openOnLargeDisplay.value));
         }
     }, [openOnLargeDisplay, localStorageKey]);
-    (0, react_1.useEffect)(function () {
-        var handleTapOutside = function (e) {
+    useEffect(() => {
+        const handleTapOutside = (e) => {
             var _a;
             if (isOpen &&
                 isTemporary &&
@@ -165,17 +130,16 @@ var Sidebar = function (_a) {
             }
         };
         window.addEventListener('touchend', handleTapOutside);
-        return function () { return window.removeEventListener('touchend', handleTapOutside); };
+        return () => window.removeEventListener('touchend', handleTapOutside);
     }, [isOpen, isTemporary, close]);
-    (0, react_1.useEffect)(function () {
-        return function () { return clearTimeout(hoverTimeout.current); };
+    useEffect(() => {
+        return () => clearTimeout(hoverTimeout.current);
     }, []);
-    return (react_1.default.createElement(Element, __assign({ className: SidebarClasses, ref: sidebarRef }, rest),
-        react_1.default.createElement("div", { className: "Sidebar__wrapper" },
-            react_1.default.createElement(ToggleButton_1.ToggleButton, { className: toggleButtonClasses, isTouchScreen: isTouchScreen, isDisplaySmall: isDisplaySmall, openOnLargeDisplay: openOnLargeDisplay, openOnSmallDisplay: openOnSmallDisplay, open: open, close: close, onPointerEnter: function () { return clearTimeout(hoverTimeout.current); }, onPointerLeave: handlePointerLeave }),
-            react_1.default.createElement("div", { className: "Sidebar__content-wrapper", onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp },
-                react_1.default.createElement("div", { className: "Sidebar__content" }, children)))));
+    return (React.createElement(Element, Object.assign({ className: SidebarClasses, ref: sidebarRef }, rest),
+        React.createElement("div", { className: "Sidebar__wrapper" },
+            React.createElement(ToggleButton, { className: toggleButtonClasses, isTouchScreen: isTouchScreen, isDisplaySmall: isDisplaySmall, openOnLargeDisplay: openOnLargeDisplay, openOnSmallDisplay: openOnSmallDisplay, open: open, close: close, onPointerEnter: () => clearTimeout(hoverTimeout.current), onPointerLeave: handlePointerLeave }),
+            React.createElement("div", { className: "Sidebar__content-wrapper", onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp },
+                React.createElement("div", { className: "Sidebar__content" }, children)))));
 };
-exports.Sidebar = Sidebar;
-exports.Sidebar.Section = SidebarSection_1.SidebarSection;
+Sidebar.Section = SidebarSection;
 //# sourceMappingURL=Sidebar.js.map

package/dist/components/Sidebar/Sidebar.js.map

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

package/dist/components/Sidebar/SidebarSection.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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)
@@ -21,21 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarSection = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var SidebarSection = function (_a) {
-    var children = _a.children, className = _a.className, _b = _a.el, Element = _b === void 0 ? 'div' : _b, _c = _a.padding, padding = _c === void 0 ? true : _c, props = __rest(_a, ["children", "className", "el", "padding"]);
-    var SidebarClasses = (0, classnames_1.default)('SidebarSection', className, {
+import React from 'react';
+import classnames from 'classnames';
+export const SidebarSection = (_a) => {
+    var { children, className, el: Element = 'div', padding = true } = _a, props = __rest(_a, ["children", "className", "el", "padding"]);
+    const SidebarClasses = classnames('SidebarSection', className, {
         'SidebarSection--p-x': padding === 'x',
         'SidebarSection--p-y': padding === 'y',
         'SidebarSection--p-none': !padding,
     });
-    return (react_1.default.createElement(Element, __assign({ className: SidebarClasses }, props), children));
+    return (React.createElement(Element, Object.assign({ className: SidebarClasses }, props), children));
 };
-exports.SidebarSection = SidebarSection;
 //# sourceMappingURL=SidebarSection.js.map

package/dist/components/Sidebar/SidebarSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarSection.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAiB7B,IAAM,cAAc,GAA4B,UAAC,EAMvD;IALA,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAmB,EAAf,OAAO,mBAAG,KAAK,KAAA,EACnB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,KAAK,cAL+C,0CAMvD,CADQ;IAER,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,wBAAwB,EAAE,CAAC,OAAO;KAClC,CAAC,CAAC;IAEH,OAAO,CACN,8BAAC,OAAO,aAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB"}
+{"version":3,"file":"SidebarSection.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACvD,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAL+C,0CAMvD,CADQ;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,wBAAwB,EAAE,CAAC,OAAO;KAClC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Sidebar/ToggleButton.js

@@ -1,57 +1,33 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleButton = void 0;
-var react_1 = __importStar(require("react"));
-var Tooltip_1 = require("../Tooltip");
-var Button_1 = require("../Button");
-var ToggleButton = function (_a) {
-    var className = _a.className, isTouchScreen = _a.isTouchScreen, isDisplaySmall = _a.isDisplaySmall, openOnLargeDisplay = _a.openOnLargeDisplay, openOnSmallDisplay = _a.openOnSmallDisplay, open = _a.open, close = _a.close, onPointerEnter = _a.onPointerEnter, onPointerLeave = _a.onPointerLeave;
-    var isCollapseButton = (isDisplaySmall && openOnSmallDisplay) ||
+import React, { useRef } from 'react';
+import { Tooltip } from '../Tooltip';
+import { Button } from '../Button';
+export const ToggleButton = ({ className, isTouchScreen, isDisplaySmall, openOnLargeDisplay, openOnSmallDisplay, open, close, onPointerEnter, onPointerLeave, }) => {
+    const isCollapseButton = (isDisplaySmall && openOnSmallDisplay) ||
         (!isDisplaySmall &&
             openOnLargeDisplay.value &&
             !openOnLargeDisplay.temporary);
-    var iconName = isCollapseButton
+    const iconName = isCollapseButton
         ? 'keyboard_arrow_left'
         : 'keyboard_arrow_right';
-    var size = isTouchScreen ? 'medium' : 'small';
-    var pointerId = (0, react_1.useRef)();
-    var getTooltipText = function () {
+    const size = isTouchScreen ? 'medium' : 'small';
+    const pointerId = useRef();
+    const getTooltipText = () => {
         if (isCollapseButton)
             return 'Close sidebar';
         if (!isDisplaySmall && openOnLargeDisplay.temporary)
             return 'Keep sidebar open';
         return 'Open sidebar';
     };
-    var handlePointerDown = function (e) {
+    const handlePointerDown = (e) => {
         pointerId.current = e.pointerId;
     };
-    var handlePointerUp = function (e) {
+    const handlePointerUp = (e) => {
         if (e.pointerId === pointerId.current) {
             isCollapseButton ? close() : open({ temporary: isDisplaySmall });
             pointerId.current = undefined;
         }
     };
-    return (react_1.default.createElement(Tooltip_1.Tooltip, { hoverOnly: true, className: "Sidebar__toggle-button-wrapper", direction: "r", text: getTooltipText(), onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave },
-        react_1.default.createElement(Button_1.Button, { className: className, iconName: iconName, size: size, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave })));
+    return (React.createElement(Tooltip, { hoverOnly: true, className: "Sidebar__toggle-button-wrapper", direction: "r", text: getTooltipText(), onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave },
+        React.createElement(Button, { className: className, iconName: iconName, size: size, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave })));
 };
-exports.ToggleButton = ToggleButton;
 //# sourceMappingURL=ToggleButton.js.map

package/dist/components/Sidebar/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,sCAAqC;AACrC,oCAAmC;AAiB5B,IAAM,YAAY,GAAgC,UAAC,EAUzD;QATA,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA;IAEd,IAAM,gBAAgB,GACrB,CAAC,cAAc,IAAI,kBAAkB,CAAC;QACtC,CAAC,CAAC,cAAc;YACf,kBAAkB,CAAC,KAAK;YACxB,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACjC,IAAM,QAAQ,GAAG,gBAAgB;QAChC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,sBAAsB,CAAC;IAC1B,IAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhD,IAAM,SAAS,GAAG,IAAA,cAAM,GAAU,CAAC;IAEnC,IAAM,cAAc,GAAG;QACtB,IAAI,gBAAgB;YAAE,OAAO,eAAe,CAAC;QAC7C,IAAI,CAAC,cAAc,IAAI,kBAAkB,CAAC,SAAS;YAClD,OAAO,mBAAmB,CAAC;QAC5B,OAAO,cAAc,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,CAAqC;QAC/D,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC;IACjC,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,CAAqC;QAC7D,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,OAAO,EAAE;YACtC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;YACjE,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACF,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,iBAAO,IACP,SAAS,QACT,SAAS,EAAC,gCAAgC,EAC1C,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,cAAc,EAAE,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc;QAE9B,8BAAC,eAAM,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC7B,CACO,CACV,CAAC;AACH,CAAC,CAAC;AA7DW,QAAA,YAAY,gBA6DvB"}
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAiBnC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACzD,SAAS,EACT,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,GACd,EAAE,EAAE;IACJ,MAAM,gBAAgB,GACrB,CAAC,cAAc,IAAI,kBAAkB,CAAC;QACtC,CAAC,CAAC,cAAc;YACf,kBAAkB,CAAC,KAAK;YACxB,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,gBAAgB;QAChC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,sBAAsB,CAAC;IAC1B,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhD,MAAM,SAAS,GAAG,MAAM,EAAU,CAAC;IAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,gBAAgB;YAAE,OAAO,eAAe,CAAC;QAC7C,IAAI,CAAC,cAAc,IAAI,kBAAkB,CAAC,SAAS;YAClD,OAAO,mBAAmB,CAAC;QAC5B,OAAO,cAAc,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAqC,EAAE,EAAE;QACnE,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAqC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,OAAO,EAAE;YACtC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;YACjE,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACF,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,IACP,SAAS,QACT,SAAS,EAAC,gCAAgC,EAC1C,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,cAAc,EAAE,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc;QAE9B,oBAAC,MAAM,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC7B,CACO,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Sidebar/index.js

@@ -1,15 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Sidebar"), exports);
-__exportStar(require("./SidebarSection"), exports);
+export * from './Sidebar';
+export * from './SidebarSection';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAC1B,mDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

package/dist/components/Snackbar/Snackbar.css

@@ -43,7 +43,7 @@
   margin-right: -4px;
   margin-top: -1px;
   margin-bottom: -1px;
-  color: #9e9ea0;
+  color: #949596;
 }
 .Snackbar__close.Button .a-Icon,
 .Snackbar__close.Button .a-Icon > svg {

package/dist/components/Snackbar/Snackbar.js

@@ -1,34 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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)
@@ -40,42 +9,36 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Snackbar = void 0;
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Button_1 = require("../Button");
-var Portal_1 = require("../../internal/Portal");
-var Snackbar = function (_a) {
-    var actionName = _a.actionName, className = _a.className, _b = _a.duration, duration = _b === void 0 ? 5000 : _b, onActionClick = _a.onActionClick, onClose = _a.onClose, _c = _a.portal, portal = _c === void 0 ? true : _c, title = _a.title, props = __rest(_a, ["actionName", "className", "duration", "onActionClick", "onClose", "portal", "title"]);
-    var _d = (0, react_1.useState)(true), visible = _d[0], setVisible = _d[1];
-    var snackbarRef = (0, react_1.useRef)(null);
-    var handleClose = react_1.default.useCallback(function (e) {
+import React, { useState, useEffect, useRef } from 'react';
+import classnames from 'classnames';
+import { Button } from '../Button';
+import { Portal } from '../../internal/Portal';
+export const Snackbar = (_a) => {
+    var { actionName, className, duration = 5000, onActionClick, onClose, portal = true, title } = _a, props = __rest(_a, ["actionName", "className", "duration", "onActionClick", "onClose", "portal", "title"]);
+    const [visible, setVisible] = useState(true);
+    const snackbarRef = useRef(null);
+    const handleClose = React.useCallback((e) => {
         setVisible(false);
         if (onClose)
             onClose(e);
         if (snackbarRef.current != null)
             clearTimeout(snackbarRef.current);
     }, [onClose]);
-    (0, react_1.useEffect)(function () {
+    useEffect(() => {
         if (duration === null || duration === 0)
             return;
-        snackbarRef.current = setTimeout(function () { return handleClose(); }, duration);
-        return function () { return clearTimeout(snackbarRef.current); };
+        snackbarRef.current = setTimeout(() => handleClose(), duration);
+        return () => clearTimeout(snackbarRef.current);
     }, [duration, handleClose]);
     if (!visible)
         return null;
-    var SnackbarClasses = (0, classnames_1.default)('Snackbar', className, {
+    const SnackbarClasses = classnames('Snackbar', className, {
         'Snackbar--floating': portal,
     });
-    var snackbar = (react_1.default.createElement("div", __assign({ className: SnackbarClasses }, props),
-        title && react_1.default.createElement("div", { className: "Snackbar__title" }, title),
-        actionName && onActionClick && (react_1.default.createElement("div", { onClick: onActionClick, className: "Snackbar__action" }, actionName)),
-        onClose && (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "Snackbar__close", iconName: "clear", size: "xsmall", onClick: handleClose }))));
-    return react_1.default.createElement(Portal_1.Portal, { conditional: portal }, snackbar);
+    const snackbar = (React.createElement("div", Object.assign({ className: SnackbarClasses }, props),
+        title && React.createElement("div", { className: "Snackbar__title" }, title),
+        actionName && onActionClick && (React.createElement("div", { onClick: onActionClick, className: "Snackbar__action" }, actionName)),
+        onClose && (React.createElement(Button, { fill: "subtle", className: "Snackbar__close", iconName: "clear", size: "xsmall", onClick: handleClose }))));
+    return React.createElement(Portal, { conditional: portal }, snackbar);
 };
-exports.Snackbar = Snackbar;
 //# sourceMappingURL=Snackbar.js.map

package/dist/components/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+D;AAC/D,0DAAoC;AACpC,oCAAmC;AACnC,gDAA+C;AAgCxC,IAAM,QAAQ,GAAsB,UAAC,EAS3C;IARA,IAAA,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,KAAK,WAAA,EACF,KAAK,cARmC,sFAS3C,CADQ;IAEF,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAC;IAC7C,IAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEjC,IAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CACpC,UAAC,CAAqC;QACrC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,IAAA,iBAAS,EAAC;QACT,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,EAAjC,CAAiC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,IAAM,QAAQ,GAAG,CAChB,gDAAK,SAAS,EAAE,eAAe,IAAM,KAAK;QACxC,KAAK,IAAI,uCAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,uCAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,8BAAC,eAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,8BAAC,eAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC;AAvDW,QAAA,QAAQ,YAuDnB"}
+{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAgC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,KAAK,cARmC,sFAS3C,CADQ;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CAAK,SAAS,EAAE,eAAe,IAAM,KAAK;QACxC,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}

package/dist/components/Snackbar/Snackbar.test.js

@@ -1,49 +1,44 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var Snackbar_1 = require("./Snackbar");
-describe('Snackbar', function () {
+import React from 'react';
+import { render, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Snackbar } from './Snackbar';
+describe('Snackbar', () => {
     jest.useFakeTimers();
-    it('should call `onClose` when duration ends', function () {
-        var onClose = jest.fn();
-        (0, react_2.render)(react_1.default.createElement(Snackbar_1.Snackbar, { title: "test title", onClose: onClose }));
+    it('should call `onClose` when duration ends', () => {
+        const onClose = jest.fn();
+        render(React.createElement(Snackbar, { title: "test title", onClose: onClose }));
         expect(onClose).not.toBeCalled();
-        (0, react_2.act)(function () {
+        act(() => {
             jest.advanceTimersByTime(5000);
         });
         expect(onClose).toBeCalled();
         expect(onClose).toHaveBeenCalledTimes(1);
     });
-    it('should call `onClose` when custom duration ends', function () {
-        var onClose = jest.fn();
-        var customDuration = 1000;
-        (0, react_2.render)(react_1.default.createElement(Snackbar_1.Snackbar, { title: "test title", duration: customDuration, onClose: onClose }));
+    it('should call `onClose` when custom duration ends', () => {
+        const onClose = jest.fn();
+        const customDuration = 1000;
+        render(React.createElement(Snackbar, { title: "test title", duration: customDuration, onClose: onClose }));
         expect(onClose).not.toBeCalled();
-        (0, react_2.act)(function () {
+        act(() => {
             jest.advanceTimersByTime(customDuration);
         });
         expect(onClose).toBeCalled();
         expect(onClose).toHaveBeenCalledTimes(1);
     });
-    it('should call `onClose` when user clicks x', function () {
-        var onClose = jest.fn();
-        var getByRole = (0, react_2.render)(react_1.default.createElement(Snackbar_1.Snackbar, { title: "test title", onClose: onClose })).getByRole;
+    it('should call `onClose` when user clicks x', () => {
+        const onClose = jest.fn();
+        const { getByRole } = render(React.createElement(Snackbar, { title: "test title", onClose: onClose }));
         expect(onClose).not.toBeCalled();
-        user_event_1.default.click(getByRole('button'));
+        userEvent.click(getByRole('button'));
         expect(onClose).toBeCalled();
         expect(onClose).toHaveBeenCalledTimes(1);
     });
-    it('should call `onActionClick` when user clicks Action', function () {
-        var actionName = 'Undo';
-        var onActionClick = jest.fn();
-        var getByText = (0, react_2.render)(react_1.default.createElement(Snackbar_1.Snackbar, { title: "test title", actionName: actionName, onActionClick: onActionClick })).getByText;
+    it('should call `onActionClick` when user clicks Action', () => {
+        const actionName = 'Undo';
+        const onActionClick = jest.fn();
+        const { getByText } = render(React.createElement(Snackbar, { title: "test title", actionName: actionName, onActionClick: onActionClick }));
         expect(onActionClick).not.toBeCalled();
-        user_event_1.default.click(getByText(actionName));
+        userEvent.click(getByText(actionName));
         expect(onActionClick).toBeCalled();
         expect(onActionClick).toHaveBeenCalledTimes(1);
     });