@stoplight/ui-kit 3.0.0-beta.4 → 3.0.0-beta.40

package/TableOfContents/index.js

@@ -1,44 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const core_1 = require("@blueprintjs/core");
-const classnames_1 = require("classnames");
-const React = require("react");
-const useIsMobile_1 = require("../_hooks/useIsMobile");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const lodash_1 = require("lodash");
+const React = tslib_1.__importStar(require("react"));
+const FAIcon_1 = require("../FAIcon");
 const ScrollContainer_1 = require("../ScrollContainer");
-exports.TableOfContents = ({ contents: _contents, rowRenderer, className, padding = '10', title, isOpen = false, onClose = () => { }, enableDrawer = true, }) => {
-    const contents = _contents;
-    const [expanded, setExpanded] = React.useState({});
-    const isMobile = useIsMobile_1.useIsMobile(enableDrawer);
-    const comp = (React.createElement("div", { className: classnames_1.default('TableOfContents bg-gray-1 dark:bg-transparent flex justify-end h-full', className) },
-        React.createElement("div", { className: "w-full" },
-            React.createElement(ScrollContainer_1.ScrollContainer, null,
-                React.createElement("div", { className: classnames_1.default('TableOfContents__inner ml-auto', `py-${padding}`) }, contents.map((item, index) => {
-                    if (item.depth > 0) {
-                        const parentIndex = findParentIndex(item.depth, contents.slice(0, index));
-                        if (parentIndex > -1 && !expanded[parentIndex]) {
-                            return null;
-                        }
-                    }
-                    const isGroup = item.type === 'group';
-                    const isDivider = item.type === 'divider';
-                    const isExpanded = expanded[index];
-                    const onClick = (e) => {
-                        if (isDivider) {
-                            e.preventDefault();
-                            return;
-                        }
-                        if (!isGroup)
-                            return;
-                        e.preventDefault();
-                        setExpanded(Object.assign(Object.assign({}, expanded), { [String(index)]: !isExpanded }));
-                    };
-                    if (rowRenderer) {
-                        return rowRenderer(item, props => (React.createElement(TableOfContentsItem, Object.assign({}, props, { onClick: onClick, isExpanded: isExpanded }))));
-                    }
-                    else {
-                        return React.createElement(TableOfContentsItem, { key: index, item: item, onClick: onClick, isExpanded: isExpanded });
-                    }
-                }))))));
+let renderWithScroll = false;
+const useRenderWithScroll = () => {
+    const [, setTick] = React.useState(0);
+    return React.useEffect(() => {
+        if (!renderWithScroll) {
+            renderWithScroll = true;
+            setTick(1);
+        }
+    }, []);
+};
+function TableOfContentsInner({ className, contents, rowComponent: RowComponent = exports.DefaultRow, rowComponentExtraProps, }) {
+    const [expanded, setExpanded] = React.useState(() => {
+        const itemsToExpand = contents.filter(item => item.startExpanded);
+        return Object.fromEntries(itemsToExpand.map(item => [contents.indexOf(item), true]));
+    });
+    const toggleExpandedFunctions = React.useMemo(() => {
+        return lodash_1.range(contents.length).map(i => () => {
+            setExpanded(current => {
+                var _a;
+                let childrenToCollapse = {};
+                if (current[i]) {
+                    const item = contents[i];
+                    const children = findDescendantIndices((_a = item.depth) !== null && _a !== void 0 ? _a : 0, i, contents.slice(i + 1));
+                    childrenToCollapse = Object.fromEntries(children.map(i => [i, false]));
+                }
+                return Object.assign(Object.assign(Object.assign({}, current), { [i]: !current[i] }), childrenToCollapse);
+            });
+        });
+    }, [contents, contents.length]);
+    React.useEffect(() => {
+        const activeItems = contents.filter(item => item.isActive);
+        const itemsToExpand = lodash_1.flatMap(activeItems, item => { var _a; return findAncestorIndices((_a = item.depth) !== null && _a !== void 0 ? _a : 0, contents.slice(0, contents.indexOf(item))); });
+        setExpanded(current => (Object.assign(Object.assign({}, current), Object.fromEntries(itemsToExpand.map(index => [index, true])))));
+    }, [contents]);
+    return (React.createElement("div", { className: className }, contents.map((item, index) => {
+        const depth = item.depth || 0;
+        if (depth > 0) {
+            const parentIndex = findParentIndex(depth, contents.slice(0, index));
+            if (parentIndex > -1 && !expanded[parentIndex]) {
+                return null;
+            }
+        }
+        const isExpanded = expanded[index];
+        return (React.createElement(RowComponent, { key: index, item: isExternalLink(item) ? Object.assign(Object.assign({}, item), { isExternalLink: true }) : item, index: index, isExpanded: isExpanded, toggleExpanded: toggleExpandedFunctions[index], extra: rowComponentExtraProps }));
+    })));
+}
+function TableOfContents(_a) {
+    var { className, 'data-test': dataTest, padding = '4', title, isOpen = false, onClose = () => { }, withScroller } = _a, innerProps = tslib_1.__rest(_a, ["className", 'data-test', "padding", "title", "isOpen", "onClose", "withScroller"]);
+    useRenderWithScroll();
+    const isMobile = false;
+    const toc = React.createElement(TableOfContentsInner, Object.assign({ className: classnames_1.default(`py-${padding}`) }, innerProps));
+    const containerClassName = classnames_1.default('TableOfContents', className);
+    const comp = (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: containerClassName, "data-test": dataTest }, renderWithScroll && withScroller ? React.createElement(ScrollContainer_1.ScrollContainer, null, toc) : toc)));
     if (isMobile) {
         return (React.createElement(core_1.Drawer, { isOpen: isOpen, onClose: () => onClose(), position: "left", size: "330px" },
             React.createElement("div", { className: "flex flex-1 flex-col bg-gray-1 dark:bg-transparent" },
@@ -47,39 +69,126 @@ exports.TableOfContents = ({ contents: _contents, rowRenderer, className, paddin
                 React.createElement("div", { className: "h-full flex justify-end" }, comp))));
     }
     return comp;
-};
-const TableOfContentsItem = ({ item, isExpanded, onClick }) => {
-    const isChild = item.type !== 'group' && item.depth > 0;
+}
+exports.TableOfContents = TableOfContents;
+function DefaultRowImpl({ item, isExpanded, toggleExpanded }) {
+    var _a, _b;
     const isGroup = item.type === 'group';
+    const isGroupItem = isGroup && isTableOfContentsLink(item);
+    const isChild = item.type !== 'group' && ((_a = item.depth) !== null && _a !== void 0 ? _a : 0) > 0;
     const isDivider = item.type === 'divider';
-    const isActive = item.isActive;
-    const className = classnames_1.default('TableOfContentsItem__inner relative flex items-center border border-transparent border-r-0', {
-        'dark-hover:bg-lighten-2 hover:bg-darken-2 cursor-pointer': !isDivider,
-        'text-gray-5 dark:text-gray-5': isDivider || (isChild && !isActive),
-        'text-primary bg-white border-darken-3 dark:bg-lighten-2 dark:border-lighten-4': isActive,
-        'dark:text-white': !isDivider && !isChild && !isActive,
+    const showSkeleton = item.showSkeleton;
+    const isSelected = item.isSelected && !showSkeleton;
+    const isActive = item.isActive && !showSkeleton;
+    const isDisabled = item.isDisabled;
+    const holderCallbackRef = React.useCallback((e) => {
+        if (e && isActive) {
+            e.scrollIntoView({ block: 'center' });
+        }
+    }, []);
+    let icon = item.icon;
+    if (item.activeIcon && (isActive || isSelected)) {
+        icon = item.activeIcon;
+    }
+    const onClick = showSkeleton
+        ? undefined
+        : (e) => {
+            if (item.isDisabled) {
+                e.preventDefault();
+                return;
+            }
+            if (item.onClick) {
+                item.onClick();
+            }
+            if (isDivider) {
+                e.preventDefault();
+                return;
+            }
+            if (!isGroup || isGroupItem)
+                return;
+            e.preventDefault();
+            toggleExpanded();
+        };
+    const outerClassName = classnames_1.default('TableOfContentsItem border-transparent', item.className, {
+        'border-l': !isGroup,
+        'TableOfContentsItem--selected': isActive,
+        'TableOfContentsItem--active': isSelected,
+        'TableOfContentsItem--group': isGroup,
+        'TableOfContentsItem--divider': isDivider,
+        'TableOfContentsItem--child border-gray-3 dark:border-lighten-3': isChild,
     });
-    return (React.createElement("div", { className: classnames_1.default('TableOfContentsItem border-transparent', {
-            'border-l': !isActive && !isGroup,
-            'TableOfContentsItem--active': isActive,
-            'TableOfContentsItem--group': isGroup,
-            'TableOfContentsItem--divider': isDivider,
-            'TableOfContentsItem--child border-gray-3 dark:border-lighten-3': isChild,
-        }), style: {
-            marginLeft: item.depth * 16,
-        }, onClick: onClick },
-        React.createElement("div", { className: classnames_1.default('-ml-px', className) },
-            item.icon && React.createElement(core_1.Icon, { className: "mr-3", icon: item.icon, iconSize: 12 }),
-            React.createElement("span", { className: "TableOfContentsItem__name flex-1 truncate" }, item.name),
-            item.meta && React.createElement("span", { className: "text-sm text-left text-gray font-medium" }, item.meta),
-            isGroup && React.createElement(core_1.Icon, { className: "TableOfContentsItem__icon", icon: isExpanded ? 'chevron-down' : 'chevron-right' }))));
-};
+    const innerClassName = classnames_1.default('TableOfContentsItem__inner relative flex flex-col justify-center border-transparent border-l-4', {
+        'cursor-pointer': onClick && !isDisabled,
+        'cursor-not-allowed': isDisabled,
+        'dark-hover:bg-lighten-2 hover:bg-darken-2': !isDisabled && !isDivider && !isSelected && !isActive && !showSkeleton,
+        'dark:text-white bg-darken-2 dark:bg-lighten-2': isSelected || isActive,
+        'text-gray-7 dark:text-white': isActive,
+        'border-primary text-blue-6': isSelected,
+        'text-gray-6 dark:text-gray-6 font-semibold h-10': isDivider,
+        'text-gray-5 dark:text-gray-5 hover:text-gray-6': !isDivider && !isSelected && !isActive,
+    });
+    const loadingElem = item.isLoading ? (React.createElement(FAIcon_1.FAIcon, { icon: ['far', 'spinner-third'], className: "fa-spin text-gray-7 ml-2" })) : null;
+    const actionElem = item.action ? (React.createElement(core_1.Button, { icon: item.action.icon ? (React.createElement(FAIcon_1.FAIcon, { icon: item.action.icon, className: classnames_1.default({ 'text-gray-5': !item.action.isActive }) })) : undefined, text: item.action.name, onClick: showSkeleton ? undefined : item.action.onClick, active: item.action.isActive, intent: item.action.isActive ? 'primary' : undefined, className: "ml-2", minimal: true, small: true })) : null;
+    const iconElem = icon ? (React.createElement(FAIcon_1.FAIcon, { className: classnames_1.default('fa-fw', {
+            'mr-3': item.iconPosition !== 'right',
+            'mx-1': item.iconPosition === 'right',
+            'text-blue-6': isSelected,
+            [`text-${item.iconColor}`]: item.iconColor,
+            'bp3-skeleton': item.showSkeleton,
+        }), icon: icon })) : item.textIcon ? (React.createElement("div", { className: classnames_1.default('text-right rounded px-1 text-xs uppercase', {
+            [`text-${item.iconColor}`]: item.iconColor,
+        }) }, item.textIcon)) : null;
+    return (React.createElement("div", { onClick: onClick, className: outerClassName, style: { marginLeft: ((_b = item.depth) !== null && _b !== void 0 ? _b : 0) * 20 }, ref: holderCallbackRef },
+        React.createElement("div", { className: classnames_1.default('-ml-px', innerClassName, { 'opacity-75': isDisabled }) },
+            React.createElement("div", { className: "flex flex-row items-center" },
+                item.iconPosition !== 'right' && iconElem,
+                React.createElement("span", { className: classnames_1.default('TableOfContentsItem__name flex-1 truncate', { 'bp3-skeleton': item.showSkeleton }) }, item.name),
+                item.meta && React.createElement("span", { className: "text-sm text-left text-gray font-medium" }, item.meta),
+                loadingElem,
+                actionElem,
+                item.iconPosition === 'right' && iconElem,
+                isGroup && (React.createElement("div", { onClick: isGroupItem ? toggleExpanded : undefined, className: "px-2" },
+                    React.createElement(FAIcon_1.FAIcon, { className: "TableOfContentsItem__icon", icon: isExpanded ? 'chevron-down' : 'chevron-right' })))),
+            item.footer)));
+}
+DefaultRowImpl.displayName = 'DefaultRow';
+exports.DefaultRow = React.memo(DefaultRowImpl);
 function findParentIndex(currentDepth, contents) {
     for (let index = contents.length - 1; index >= 0; index--) {
         if (contents[index].depth === currentDepth - 1) {
-            return String(index);
+            return index;
         }
     }
     return -1;
 }
+function findAncestorIndices(currentDepth, precedingContents) {
+    var _a;
+    const parentIndex = findParentIndex(currentDepth, precedingContents);
+    if (parentIndex === -1) {
+        return [];
+    }
+    return [
+        ...findAncestorIndices((_a = precedingContents[parentIndex].depth) !== null && _a !== void 0 ? _a : 0, precedingContents.slice(0, parentIndex)),
+        parentIndex,
+    ];
+}
+function findDescendantIndices(currentDepth, currentIndex, succeedingContents) {
+    var _a;
+    const children = [];
+    for (let index = 0; index < succeedingContents.length; index++) {
+        if (((_a = succeedingContents[index].depth) !== null && _a !== void 0 ? _a : 0) <= currentDepth) {
+            break;
+        }
+        else {
+            children.push(currentIndex + index);
+        }
+    }
+    return children;
+}
+function isExternalLink(item) {
+    return isTableOfContentsLink(item) && item.to !== void 0 && /^(http|#|mailto)/.test(item.to);
+}
+function isTableOfContentsLink(item) {
+    return 'to' in item;
+}
 //# sourceMappingURL=index.js.map

package/TableOfContents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableOfContents/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableOfContents/index.tsx"],"names":[],"mappings":";;;AAAA,4CAAmD;AACnD,oEAA4B;AAC5B,mCAAwC;AACxC,qDAA+B;AAE/B,sCAA+C;AAC/C,wDAAqD;AAqFrD,IAAI,gBAAgB,GAAG,KAAK,CAAC;AAC7B,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,gBAAgB,EAAE;YACrB,gBAAgB,GAAG,IAAI,CAAC;YACxB,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,SAAS,oBAAoB,CAA8D,EACzF,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,YAAY,GAAG,kBAAU,EACvC,sBAAsB,GAC6E;IACnG,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE;QAClD,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAClE,OAAO,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACvF,CAAC,CAAC,CAAC;IAGH,MAAM,uBAAuB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjD,OAAO,cAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE;YAC1C,WAAW,CAAC,OAAO,CAAC,EAAE;;gBACpB,IAAI,kBAAkB,GAAG,EAAE,CAAC;gBAC5B,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;oBACd,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACzB,MAAM,QAAQ,GAAG,qBAAqB,OAAC,IAAI,CAAC,KAAK,mCAAI,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBAClF,kBAAkB,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;iBACxE;gBAED,qDACK,OAAO,KACV,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,KACb,kBAAkB,EACrB;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IAEL,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAGhC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3D,MAAM,aAAa,GAAG,gBAAO,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,WAChD,OAAA,mBAAmB,OAAC,IAAI,CAAC,KAAK,mCAAI,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA,EAAA,CAChF,CAAC;QACF,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,iCAClB,OAAO,GACP,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAChE,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,IACtB,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QAE9B,IAAI,KAAK,GAAG,CAAC,EAAE;YAEb,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;YACrE,IAAI,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;gBAC9C,OAAO,IAAI,CAAC;aACb;SACF;QAED,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEnC,OAAO,CAEL,oBAAC,YAAY,IACX,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,iCAAM,IAAI,KAAE,cAAc,EAAE,IAAI,IAAG,CAAC,CAAC,IAAI,EACrE,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,uBAAuB,CAAC,KAAK,CAAC,EAC9C,KAAK,EAAE,sBAAsB,GAC7B,CACH,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,SAAgB,eAAe,CAA8D,EASpE;QAToE,EAC3F,SAAS,EACT,WAAW,EAAE,QAAQ,EACrB,OAAO,GAAG,GAAG,EACb,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,OAEW,EADvB,oHAAa;IAEb,mBAAmB,EAAE,CAAC;IAEtB,MAAM,QAAQ,GAAG,KAAK,CAAC;IAEvB,MAAM,GAAG,GAAG,oBAAC,oBAAoB,kBAAC,SAAS,EAAE,oBAAE,CAAC,MAAM,OAAO,EAAE,CAAC,IAAM,UAAU,EAAI,CAAC;IAErF,MAAM,kBAAkB,GAAG,oBAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAC5D,MAAM,IAAI,GAAG,CACX;QACE,6BAAK,SAAS,EAAE,kBAAkB,eAAa,QAAQ,IACpD,gBAAgB,IAAI,YAAY,CAAC,CAAC,CAAC,oBAAC,iCAAe,QAAE,GAAG,CAAmB,CAAC,CAAC,CAAC,GAAG,CAC9E,CACL,CACJ,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,aAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO;YAC5E,6BAAK,SAAS,EAAC,oDAAoD;gBACjE,6BAAK,SAAS,EAAC,wDAAwD;oBACrE,oBAAC,aAAM,IAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAE,YAAY,EAAE,OAAO,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,IAChG,KAAK,CACC,CACL;gBACN,6BAAK,SAAS,EAAC,yBAAyB,IAAE,IAAI,CAAO,CACjD,CACC,CACV,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAzCD,0CAyCC;AAED,SAAS,cAAc,CAAgC,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAwB;;IAC/G,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;IACtC,MAAM,WAAW,GAAG,OAAO,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,OAAC,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;IAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;IACvC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC;IAChD,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;IAEnC,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAiB,EAAE,EAAE;QAChE,IAAI,CAAC,IAAI,QAAQ,EAAE;YACjB,CAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;SACvC;IAGH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;IACrB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,EAAE;QAC/C,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;KACxB;IAED,MAAM,OAAO,GAAG,YAAY;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,CAAC,CAAmB,EAAE,EAAE;YACtB,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO;aACR;YACD,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;YAED,IAAI,SAAS,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO;aACR;YAED,IAAI,CAAC,OAAO,IAAI,WAAW;gBAAE,OAAO;YAEpC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC;IAEN,MAAM,cAAc,GAAG,oBAAE,CAAC,wCAAwC,EAAE,IAAI,CAAC,SAAS,EAAE;QAClF,UAAU,EAAE,CAAC,OAAO;QACpB,+BAA+B,EAAE,QAAQ;QACzC,6BAA6B,EAAE,UAAU;QACzC,4BAA4B,EAAE,OAAO;QACrC,8BAA8B,EAAE,SAAS;QACzC,gEAAgE,EAAE,OAAO;KAC1E,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,oBAAE,CACvB,gGAAgG,EAChG;QACE,gBAAgB,EAAE,OAAO,IAAI,CAAC,UAAU;QACxC,oBAAoB,EAAE,UAAU;QAChC,2CAA2C,EACzC,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY;QACxE,+CAA+C,EAAE,UAAU,IAAI,QAAQ;QACvE,6BAA6B,EAAE,QAAQ;QACvC,4BAA4B,EAAE,UAAU;QACxC,iDAAiD,EAAE,SAAS;QAC5D,gDAAgD,EAAE,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ;KACzF,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CACnC,oBAAC,eAAM,IAAC,IAAI,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,EAAE,SAAS,EAAC,0BAA0B,GAAG,CAChF,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAC/B,oBAAC,aAAM,IACL,IAAI,EACF,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,oBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,oBAAE,CAAC,EAAE,aAAa,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,GAAI,CAC5F,CAAC,CAAC,CAAC,SAAS,EAEf,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EACvD,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAC5B,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,SAAS,EAAC,MAAM,EAChB,OAAO,QACP,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,oBAAC,eAAM,IACL,SAAS,EAAE,oBAAE,CAAC,OAAO,EAAE;YACrB,MAAM,EAAE,IAAI,CAAC,YAAY,KAAK,OAAO;YACrC,MAAM,EAAE,IAAI,CAAC,YAAY,KAAK,OAAO;YACrC,aAAa,EAAE,UAAU;YACzB,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS;YAC1C,cAAc,EAAE,IAAI,CAAC,YAAY;SAClC,CAAC,EACF,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB,6BACE,SAAS,EAAE,oBAAE,CAAC,2CAA2C,EAAE;YACzD,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,SAAS;SAC3C,CAAC,IAED,IAAI,CAAC,QAAQ,CACV,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,OAAC,IAAI,CAAC,KAAK,mCAAI,CAAC,CAAC,GAAG,EAAE,EAAE,EAC7C,GAAG,EAAE,iBAAiB;QAEtB,6BAAK,SAAS,EAAE,oBAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC;YACxE,6BAAK,SAAS,EAAC,4BAA4B;gBACxC,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,QAAQ;gBAE1C,8BAAM,SAAS,EAAE,oBAAE,CAAC,2CAA2C,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,IACpG,IAAI,CAAC,IAAI,CACL;gBAEN,IAAI,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAC,yCAAyC,IAAE,IAAI,CAAC,IAAI,CAAQ;gBACzF,WAAW;gBACX,UAAU;gBACV,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,QAAQ;gBACzC,OAAO,IAAI,CACV,6BAAK,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAC,MAAM;oBACtE,oBAAC,eAAM,IAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,GAAI,CACjG,CACP,CACG;YACL,IAAI,CAAC,MAAM,CACR,CACF,CACP,CAAC;AACJ,CAAC;AACD,cAAc,CAAC,WAAW,GAAG,YAAY,CAAC;AAE7B,QAAA,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAKrD,SAAS,eAAe,CAAC,YAAoB,EAAE,QAA+B;IAC5E,KAAK,IAAI,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;QACzD,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,YAAY,GAAG,CAAC,EAAE;YAC9C,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,CAAC,CAAC,CAAC;AACZ,CAAC;AAED,SAAS,mBAAmB,CAAC,YAAoB,EAAE,iBAAwC;;IACzF,MAAM,WAAW,GAAG,eAAe,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IACrE,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,OAAO;QACL,GAAG,mBAAmB,OAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,KAAK,mCAAI,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;QAC1G,WAAW;KACZ,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB,CAC5B,YAAoB,EACpB,YAAoB,EACpB,kBAAyC;;IAEzC,MAAM,QAAQ,GAAa,EAAE,CAAC;IAC9B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAC9D,IAAI,OAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,KAAK,mCAAI,CAAC,CAAC,IAAI,YAAY,EAAE;YAC1D,MAAM;SACP;aAAM;YACL,QAAQ,CAAC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,CAAC;SACrC;KACF;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,cAAc,CAAC,IAAyB;IAC/C,OAAO,qBAAqB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE,KAAK,KAAK,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/F,CAAC;AAED,SAAS,qBAAqB,CAAC,IAAyB;IACtD,OAAO,IAAI,IAAI,IAAI,CAAC;AACtB,CAAC"}

package/ThemeContainer/index.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const cn = require("classnames");
-const React = require("react");
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
 const ThemeContainer = props => {
     const { namespace, dark, children } = props;
     const bp_namespace = process.env.BLUEPRINT_NAMESPACE || 'bp3';
-    return React.createElement("div", { className: cn(namespace, bp_namespace, dark && `${bp_namespace}-dark`, 'h-full w-full') }, children);
+    return React.createElement("div", { className: classnames_1.default(namespace, bp_namespace, dark && `${bp_namespace}-dark`, 'h-full w-full') }, children);
 };
 exports.ThemeContainer = ThemeContainer;
 //# sourceMappingURL=index.js.map

package/ThemeContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ThemeContainer/index.tsx"],"names":[],"mappings":";;AAAA,iCAAiC;AACjC,+BAA+B;AAW/B,MAAM,cAAc,GAAkD,KAAK,CAAC,EAAE;IAC5E,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,IAAI,KAAK,CAAC;IAE9D,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,IAAI,IAAI,GAAG,YAAY,OAAO,EAAE,eAAe,CAAC,IAAG,QAAQ,CAAO,CAAC;AACxH,CAAC,CAAC;AAKO,wCAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ThemeContainer/index.tsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAC5B,qDAA+B;AAW/B,MAAM,cAAc,GAAkD,KAAK,CAAC,EAAE;IAC5E,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,IAAI,KAAK,CAAC;IAE9D,OAAO,6BAAK,SAAS,EAAE,oBAAE,CAAC,SAAS,EAAE,YAAY,EAAE,IAAI,IAAI,GAAG,YAAY,OAAO,EAAE,eAAe,CAAC,IAAG,QAAQ,CAAO,CAAC;AACxH,CAAC,CAAC;AAKO,wCAAc"}

package/_hooks/useIsMobile.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 exports.useIsMobile = (enableDrawer) => {
     const [isMobile, setIsMobile] = React.useState(exports.checkMobile(enableDrawer));
     const updateLayout = React.useCallback(() => {

package/_hooks/useIsMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMobile.js","sourceRoot":"","sources":["../../src/_hooks/useIsMobile.ts"],"names":[],"mappings":";;AAAA,+BAA+B;AAElB,QAAA,WAAW,GAAG,CAAC,YAA8B,EAAE,EAAE;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,mBAAW,CAAC,YAAY,CAAC,CAAC,CAAC;IAE1E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,mBAAW,CAAC,YAAY,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEW,QAAA,WAAW,GAAG,CAAC,YAA8B,EAAE,EAAE;IAC5D,IAAI,YAAY,KAAK,KAAK,EAAE;QAC1B,OAAO,KAAK,CAAC;KACd;IAED,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;AAClE,CAAC,CAAC"}
+{"version":3,"file":"useIsMobile.js","sourceRoot":"","sources":["../../src/_hooks/useIsMobile.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAElB,QAAA,WAAW,GAAG,CAAC,YAA8B,EAAE,EAAE;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,mBAAW,CAAC,YAAY,CAAC,CAAC,CAAC;IAE1E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,mBAAW,CAAC,YAAY,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEW,QAAA,WAAW,GAAG,CAAC,YAA8B,EAAE,EAAE;IAC5D,IAAI,YAAY,KAAK,KAAK,EAAE;QAC1B,OAAO,KAAK,CAAC;KACd;IAED,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;AAClE,CAAC,CAAC"}

package/_hooks/useValidateSchema.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 const use_debounce_1 = require("use-debounce");
 const noError = [];
 const unknownError = ['Unknown error'];

package/_hooks/useValidateSchema.js.map

@@ -1 +1 @@
-{"version":3,"file":"useValidateSchema.js","sourceRoot":"","sources":["../../src/_hooks/useValidateSchema.ts"],"names":[],"mappings":";;AAAA,+BAA+B;AAC/B,+CAA2C;AAG3C,MAAM,OAAO,GAAa,EAAE,CAAC;AAC7B,MAAM,YAAY,GAAG,CAAC,eAAe,CAAC,CAAC;AAEvC,SAAgB,iBAAiB,CAC/B,MAAsB,EACtB,KAAS,EACT,EAAE,UAAU,KAA0B,EAAE,EACxC,gBAAwB,GAAG;IAE3B,MAAM,CAAC,cAAc,CAAC,GAAG,0BAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,OAAO,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE;YACX,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,OAAO;SACR;QAED,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM;aACH,QAAQ,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,EAAE,CAAC;aAC1E,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aAC9B,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,CAAC;aAC/C,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC;AACpC,CAAC;AA1BD,8CA0BC"}
+{"version":3,"file":"useValidateSchema.js","sourceRoot":"","sources":["../../src/_hooks/useValidateSchema.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,+CAA2C;AAG3C,MAAM,OAAO,GAAa,EAAE,CAAC;AAC7B,MAAM,YAAY,GAAG,CAAC,eAAe,CAAC,CAAC;AAEvC,SAAgB,iBAAiB,CAC/B,MAAsB,EACtB,KAAS,EACT,EAAE,UAAU,KAA0B,EAAE,EACxC,gBAAwB,GAAG;IAE3B,MAAM,CAAC,cAAc,CAAC,GAAG,0BAAW,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,OAAO,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE;YACX,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,OAAO;SACR;QAED,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,MAAM;aACH,QAAQ,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,EAAE,CAAC;aAC1E,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;aAC9B,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,CAAC;aAC/C,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC;AACpC,CAAC;AA1BD,8CA0BC"}

package/classes.d.ts

@@ -1,6 +1,7 @@
 export declare const Classes: {
     NS: string;
     CODE_EDITOR: string;
+    CODE_VIEWER: string;
     SIMPLE_TAB: string;
     SIMPLE_TAB_LIST: string;
     SIMPLE_TAB_PANEL: string;
@@ -8,7 +9,7 @@ export declare const Classes: {
     SCROLL_THUMB: string;
     getClassNamespace(): string;
     alignmentClass(alignment: "center" | "left" | "right"): string;
-    elevationClass(elevation: 0 | 1 | 2 | 3 | 4): string;
+    elevationClass(elevation: 0 | 1 | 2 | 4 | 3): string;
     iconClass(iconName?: string | undefined): string;
     intentClass(intent?: "none" | "primary" | "success" | "warning" | "danger" | undefined): string;
     positionClass(position: "left" | "right" | "bottom" | "bottom-left" | "bottom-right" | "left-bottom" | "left-top" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right"): string;
@@ -107,6 +108,7 @@ export declare const Classes: {
     INPUT: string;
     INPUT_GHOST: string;
     INPUT_GROUP: string;
+    INPUT_LEFT_CONTAINER: string;
     INPUT_ACTION: string;
     CONTROL: string;
     CONTROL_INDICATOR: string;

package/classes.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@blueprintjs/core");
 const NS = process.env.BLUEPRINT_NAMESPACE || 'bp3';
-exports.Classes = Object.assign(Object.assign({}, core_1.Classes), { NS, CODE_EDITOR: 'CodeEditor', SIMPLE_TAB: `${NS}-simple-tab`, SIMPLE_TAB_LIST: `${NS}-simple-tab-list`, SIMPLE_TAB_PANEL: `${NS}-simple-tab-panel`, SCROLL_TRACK: `${NS}-scroll-track`, SCROLL_THUMB: `${NS}-scroll-thumb` });
+exports.Classes = Object.assign(Object.assign({}, core_1.Classes), { NS, CODE_EDITOR: 'CodeEditor', CODE_VIEWER: 'CodeViewer', SIMPLE_TAB: `${NS}-simple-tab`, SIMPLE_TAB_LIST: `${NS}-simple-tab-list`, SIMPLE_TAB_PANEL: `${NS}-simple-tab-panel`, SCROLL_TRACK: `${NS}-scroll-track`, SCROLL_THUMB: `${NS}-scroll-thumb` });
 //# sourceMappingURL=classes.js.map

package/classes.js.map

@@ -1 +1 @@
-{"version":3,"file":"classes.js","sourceRoot":"","sources":["../src/classes.ts"],"names":[],"mappings":";;AAGA,4CAAyD;AAEzD,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,IAAI,KAAK,CAAC;AAKvC,QAAA,OAAO,mCACf,cAAS,KACZ,EAAE,EACF,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,GAAG,EAAE,aAAa,EAC9B,eAAe,EAAE,GAAG,EAAE,kBAAkB,EACxC,gBAAgB,EAAE,GAAG,EAAE,mBAAmB,EAC1C,YAAY,EAAE,GAAG,EAAE,eAAe,EAClC,YAAY,EAAE,GAAG,EAAE,eAAe,IAClC"}
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../src/classes.ts"],"names":[],"mappings":";;AAGA,4CAAyD;AAEzD,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,mBAAmB,IAAI,KAAK,CAAC;AAKvC,QAAA,OAAO,mCACf,cAAS,KACZ,EAAE,EACF,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,YAAY,EACzB,UAAU,EAAE,GAAG,EAAE,aAAa,EAC9B,eAAe,EAAE,GAAG,EAAE,kBAAkB,EACxC,gBAAgB,EAAE,GAAG,EAAE,mBAAmB,EAC1C,YAAY,EAAE,GAAG,EAAE,eAAe,EAClC,YAAY,EAAE,GAAG,EAAE,eAAe,IAClC"}

package/index.d.ts

@@ -7,6 +7,7 @@ export * from './FormButton';
 export * from './FormError';
 export * from './FormInput';
 export * from './SecretInput';
+export * from './TableOfContents';
 export * from './ThemeContainer';
 export * from './AutoSizer';
 export * from '@blueprintjs/core';

package/index.js

@@ -10,6 +10,7 @@ tslib_1.__exportStar(require("./FormButton"), exports);
 tslib_1.__exportStar(require("./FormError"), exports);
 tslib_1.__exportStar(require("./FormInput"), exports);
 tslib_1.__exportStar(require("./SecretInput"), exports);
+tslib_1.__exportStar(require("./TableOfContents"), exports);
 tslib_1.__exportStar(require("./ThemeContainer"), exports);
 tslib_1.__exportStar(require("./AutoSizer"), exports);
 tslib_1.__exportStar(require("@blueprintjs/core"), exports);

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAWA,mDAAyB;AACzB,oDAA0B;AAK1B,uDAA6B;AAC7B,uDAA6B;AAC7B,mDAAyB;AACzB,uDAA6B;AAC7B,sDAA4B;AAC5B,sDAA4B;AAC5B,wDAA8B;AAC9B,2DAAiC;AACjC,sDAA4B;AAO5B,4DAAkC;AAYlC,6DAAoF;AAA3E,+CAAA,OAAO,CAAiB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAWA,mDAAyB;AACzB,oDAA0B;AAK1B,uDAA6B;AAC7B,uDAA6B;AAC7B,mDAAyB;AACzB,uDAA6B;AAC7B,sDAA4B;AAC5B,sDAA4B;AAC5B,wDAA8B;AAC9B,4DAAkC;AAClC,2DAAiC;AACjC,sDAA4B;AAO5B,4DAAkC;AAYlC,6DAAoF;AAA3E,+CAAA,OAAO,CAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/ui-kit",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.40",
   "description": "Foundational React components for the Stoplight ecosystem.",
   "keywords": [
     "react",
@@ -23,19 +23,21 @@
     "react-dom": ">=16.8"
   },
   "dependencies": {
-    "@blueprintjs/core": "^3.25.0",
-    "@blueprintjs/icons": "^3.15.0",
-    "@blueprintjs/select": "^3.12.1",
-    "@fortawesome/fontawesome-common-types": "^0.2.28",
+    "@blueprintjs/core": "^3.29.0",
+    "@blueprintjs/icons": "^3.19.0",
+    "@blueprintjs/select": "^3.13.4",
+    "@fortawesome/fontawesome-common-types": "^0.2.31",
     "classnames": "^2.2.6",
     "prismjs": "^1.20.0",
     "react-input-autosize": "^2.2.2",
-    "react-scrollbars-custom": "~4.0.21",
+    "react-scrollbars-custom": "~4.0.25",
     "react-simple-code-editor": "~0.11.0",
-    "react-tabs": "^3.1.0",
+    "react-tabs": "^3.1.1",
     "react-virtualized-auto-sizer": "^1.0.2",
     "react-window": "~1.8.5",
-    "use-debounce": "^3.4.1",
+    "refractor": "^3.0.0",
+    "tslib": "^1.12.0",
+    "use-debounce": "^3.4.3",
     "yup": "^0.28.3"
   },
   "typings": "index.d.ts"

package/styles/_blueprint.scss

@@ -4,13 +4,13 @@
 
 @import 'blueprint/variables';
 
-@import '~@blueprintjs/core/src/typography';
-@import '~@blueprintjs/core/src/accessibility/focus-states';
+@import './blueprint/src/typography';
+@import './blueprint/src/accessibility/focus-states';
 
-@import '~@blueprintjs/core/src/components/index';
+@import './blueprint/src/components/index';
 
 /**
   * BLUEPRINT SELECT
   */
 
-@import '~@blueprintjs/select/src/blueprint-select.scss';
+@import './blueprint/select/blueprint-select.scss';

package/styles/_components.scss

@@ -1,6 +1,9 @@
+
+
 @import './components/Code/base';
 @import './components/Dialog/base';
 @import './components/Dropdown/base';
 @import './components/ScrollContainer/base';
 @import './components/SimpleTabs/base';
 @import './components/FormGroup/base';
+@import './components/TableOfContents/base';

package/styles/blueprint/_variables.scss

@@ -1,3 +1,5 @@
+@use "sass:math";
+
 @import "colors";
 
 @import '~@blueprintjs/core/src/common/_mixins.scss';
@@ -25,7 +27,7 @@ $pt-font-size-large: get-font-size(lg);
 $pt-font-size-small: get-font-size(sm);
 
 // a little bit extra to ensure the height comes out to just over 18px (and browser rounds to 18px)
-$pt-line-height: ($pt-grid-size * 1.8) / $pt-font-size + 0.0001 !default;
+$pt-line-height: math.div($pt-grid-size * 1.8, $pt-font-size) + 0.0001 !default;
 
 // Icon variables
 

package/styles/blueprint/select/blueprint-select.scss

@@ -0,0 +1,8 @@
+/*
+
+Copyright 2017-present Palantir Technologies, Inc. All rights reserved.
+Licensed under the Apache License, Version 2.0.
+
+*/
+
+@import "./components/index";

package/styles/blueprint/select/components/_index.scss

@@ -0,0 +1,6 @@
+// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "omnibar/omnibar";
+@import "select/multi-select";
+@import "select/select";

package/styles/blueprint/select/components/omnibar/_omnibar.scss

@@ -0,0 +1,63 @@
+// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "~@blueprintjs/core/src/common/react-transition";
+@import "~@blueprintjs/core/src/common/variables";
+
+$omnibar-height: 60vh !default;
+$omnibar-width: $pt-grid-size * 50 !default;
+$omnibar-input-height: $pt-grid-size * 4;
+
+.#{$ns}-omnibar {
+  $omnibar-transition-props: (
+    filter: (blur($pt-grid-size * 2), blur(0)),
+    opacity: (0.2, 1),
+  );
+
+  @include react-transition(
+    "#{$ns}-overlay",
+    $omnibar-transition-props,
+    $duration: $pt-transition-duration * 2,
+    $easing: $pt-transition-ease,
+    $before: "&"
+  );
+  background-color: $white;
+  border-radius: $pt-border-radius;
+  box-shadow: $pt-elevation-shadow-4;
+  left: calc(50% - #{$omnibar-width * 0.5});
+  top: (100 - $omnibar-height) * 0.5;
+  width: $omnibar-width;
+  z-index: $pt-z-index-overlay + 1;
+
+  .#{$ns}-input {
+    background-color: transparent;
+    border-radius: 0;
+
+    &,
+    &:focus {
+      box-shadow: none;
+    }
+  }
+
+  .#{$ns}-menu {
+    background-color: transparent;
+    border-radius: 0;
+    box-shadow: inset 0 1px 0 $pt-divider-black;
+    max-height: calc(#{$omnibar-height} - #{$omnibar-input-height});
+    overflow: auto;
+
+    &:empty {
+      display: none;
+    }
+  }
+
+  .#{$ns}-dark &,
+  &.#{$ns}-dark {
+    background-color: $dark-gray4;
+    box-shadow: $pt-dark-elevation-shadow-4;
+  }
+}
+
+.#{$ns}-omnibar-overlay .#{$ns}-overlay-backdrop {
+  background-color: rgba($black, 0.2);
+}

package/styles/blueprint/select/components/select/_multi-select.scss

@@ -0,0 +1,17 @@
+// Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+// Licensed under the Apache License, Version 2.0.
+
+@import "~@blueprintjs/core/src/common/variables";
+@import "../select/select";
+
+.#{$ns}-multi-select {
+  min-width: $pt-grid-size * 15;
+}
+
+.#{$ns}-multi-select-popover {
+  .#{$ns}-menu {
+    max-height: $select-popover-max-height;
+    max-width: $select-popover-max-width;
+    overflow: auto;
+  }
+}