@stoplight/ui-kit 3.0.0-beta.9 → 3.0.0

package/dist/FormError/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const __1 = require("../");
+const FormError = ({ errors }) => {
+    if (!errors || !errors.length)
+        return null;
+    return (React.createElement(__1.Callout, { intent: "danger", className: "mb-5", icon: null }, errors.map((err, i) => {
+        if (err.validationErrors) {
+            return err.validationErrors.map(v => {
+                return Object.values(v.constraints).map(msg => {
+                    return React.createElement("div", { key: msg }, msg);
+                });
+            });
+        }
+        else {
+            return React.createElement("div", { key: i }, err.message);
+        }
+    })));
+};
+exports.FormError = FormError;
+//# sourceMappingURL=index.js.map

package/dist/FormError/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FormError/index.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAE/B,2BAA8B;AAmB9B,MAAM,SAAS,GAA6C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzE,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAE3C,OAAO,CACL,oBAAC,WAAO,IAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,IACjD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACrB,IAAI,GAAG,CAAC,gBAAgB,EAAE;YACxB,OAAO,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAClC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBAC5C,OAAO,6BAAK,GAAG,EAAE,GAAG,IAAG,GAAG,CAAO,CAAC;gBACpC,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,OAAO,6BAAK,GAAG,EAAE,CAAC,IAAG,GAAG,CAAC,OAAO,CAAO,CAAC;SACzC;IACH,CAAC,CAAC,CACM,CACX,CAAC;AACJ,CAAC,CAAC;AAKO,8BAAS"}

package/dist/FormInput/index.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const React = tslib_1.__importStar(require("react"));
+const useValidateSchema_1 = require("../_hooks/useValidateSchema");
+const FormInput = (_a) => {
+    var { onEnter, schema, value, errors, validationTooltipProps } = _a, props = tslib_1.__rest(_a, ["onEnter", "schema", "value", "errors", "validationTooltipProps"]);
+    function handleEnter(e) {
+        if (e.key === 'Enter' && onEnter)
+            onEnter();
+    }
+    let size = 'default';
+    if (props.large) {
+        size = 'large';
+    }
+    else if (props.small) {
+        size = 'small';
+    }
+    return (React.createElement(core_1.InputGroup, Object.assign({ value: value, autoComplete: "off", onKeyPress: handleEnter, rightElement: React.createElement(FormInputValidation, { value: value, schema: schema, size: size, errors: errors, tooltipProps: validationTooltipProps }) }, props)));
+};
+exports.FormInput = FormInput;
+const iconHeight = {
+    small: '24px',
+    default: '30px',
+    large: '40px',
+};
+const FormInputValidation = ({ value, schema, size, errors = [], tooltipProps, }) => {
+    const [{ errors: validationErrors, isValidating }] = useValidateSchema_1.useValidateSchema(schema, value, { abortEarly: false });
+    const errs = [...validationErrors, ...errors];
+    if (isValidating) {
+        return (React.createElement(core_1.Tooltip, { content: "Validating...", position: core_1.Position.BOTTOM_RIGHT },
+            React.createElement("div", { tabIndex: -1, style: { height: iconHeight[size], display: 'flex', alignItems: 'center' }, className: "mr-2" },
+                React.createElement(core_1.Spinner, { size: size === 'small' ? 12 : core_1.Icon.SIZE_STANDARD, intent: errs.length ? 'danger' : 'primary' }))));
+    }
+    if (!errs.length)
+        return null;
+    return (React.createElement(core_1.Tooltip, Object.assign({ content: errs.length > 1 ? (React.createElement("ul", null, errs.map((error, index) => (React.createElement("li", { key: index },
+            "\u2022 ",
+            error))))) : (errs[0]), position: core_1.Position.BOTTOM_RIGHT, intent: "danger" }, tooltipProps),
+        React.createElement("div", { tabIndex: -1, style: { height: iconHeight[size], display: 'flex', alignItems: 'center' }, className: "mr-2" },
+            React.createElement(core_1.Icon, { icon: "issue", iconSize: size === 'small' ? 12 : core_1.Icon.SIZE_STANDARD, intent: "danger" }))));
+};
+//# sourceMappingURL=index.js.map

package/dist/FormInput/index.js.map

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

package/dist/LICENSE

@@ -0,0 +1,190 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   Copyright 2018 Stoplight, Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/README.md

@@ -0,0 +1,146 @@
+# UI-KIT
+
+[![Maintainability](https://api.codeclimate.com/v1/badges/f0df5b38120a6471be33/maintainability)](https://codeclimate.com/repos/5bdb489c9a98842d0a00d211/maintainability)
+[![Test Coverage](https://api.codeclimate.com/v1/badges/f0df5b38120a6471be33/test_coverage)](https://codeclimate.com/repos/5bdb489c9a98842d0a00d211/test_coverage)
+
+Stoplight UI-Kit is a shared component library that contains basic components built using
+[Blueprint](https://blueprintjs.com/docs/), [Tailwind](https://next.tailwindcss.com/), and
+[SCSS](https://sass-lang.com/guide) All custom components should support overridable theming from a theme object, and
+also come with default styling from our prepackaged theme.
+
+- Explore the components: [Storybook](https://stoplightio.github.io/ui-kit/)
+- View the changelog: [Releases](https://github.com/stoplightio/ui-kit/releases)
+
+### Installation
+
+```bash
+# latest stable + required dependencies
+yarn add @stoplight/ui-kit
+```
+
+## Important Commands
+
+- `yarn storybook`: Starts the storybook playground
+- `yarn build`: Builds the package.
+- `yarn build.styles`: Builds and copies over the appropriate scss related files to dist.
+- `yarn build.tw`: Generates the tailwind scss file from the config (needs to be rerun everytime `tailwind.config` is
+  updated).
+- `yarn build.bp`: Generates the blueprint icons scss file (should not need to run often)
+
+## Important Files/Folders
+
+#### [./src/styles/blueprint](./src/styles/blueprint)
+
+- [\_base.scss](./src/styles/blueprint/_base.scss): Contains a remapping of stoplight variables to blueprint variables.
+  This file should rarely be edited directly and require minimal maintenance. Any updates to variables in here should be
+  updated through [\_variables.scss](./src/styles/common/_variables.scss)
+
+- [\_icons.scss](./src/styles/blueprint/_icons.scss): Auto generated file of blueprint icon fonts. Created with the
+  `yarn build.bp` command and should not be updated directly
+
+- [icons directory](./src/styles/blueprint/icons): Icon fonts used by \_icons.scss
+
+#### [./src/styles/tailwind](./src/styles/tailwind)
+
+- [\_base.scss](./src/styles/tailwind/_base.scss): Auto generated tailwind classnames that utilize our stoplight scss
+  variables. This file should NEVER be updated directly and is created using `yarn build.tw`
+
+- [tailwind.config.js](./src/styles/tailwind/tailwind.config.js): Tailwind config object. Note two special features. A
+  few properties, like colors, map to scss [utility function](./src/styles/common/_utils.scss) strings so that we can
+  properly convert to our scss theme variable during the compile process. And the inclusing of a `.dark` plugin that
+  adds extra dark classes so we can do things like `className="text-success dark:text-danger"`
+
+#### [./src/styles/common](./src/styles/common)
+
+- [\_variables.scss](./src/styles/common/_variables.scss): Contains three major variables used for style consistency:
+
+  - `$sl-defaults`: app wide defaults, this where we define defaults for things we might want an end consumer to
+    overwrite. This should never be used outside of this file. Notice that it extends the defaults/variables from
+    specific components like "code"
+
+  - `$sl-config`: This is an empy variable with a default value of `()`, think of it as an empty representation of what
+    a consumer might pass to ui-kit. It is needed since scss `map-merge` does not deep merge, so we cannot explicity
+    overwrite `$sl-defaults`. For more information on this see [example usage below](#example-usage). This should never
+    be used elsewhere within this repo
+
+  - `$sl-variables`: A map that equals a deep merge of consumer passed in `$sl-config` and internally defined
+    `$sl-defaults`. This is the actual variable map that our theme with be using. and should only every be used in
+    [\_theme]()./src/styles/common/\_theme.scss)
+
+- [\_theme.scss](./src/styles/common/_theme.scss): Contains our SCSS Theme `$sl-theme` and helpful theme getters!!
+  Includes any values that we think might be valuable to other components. Notice that colors uses `$sl-variables`
+  because we allow that value to be overwritten by a consumer. It's set up in such a way that that we will have complete
+  control over how these properties behave. (colors can be changed but font sizes for example cannot). The theme will
+  also include any fields from \$sl-variables that are not explicity defined in the main `$sl-theme` map. So for
+  example, although `code-editor` does not appear in `$sl-theme` directly it's still included because we extend the
+  fields \$sl-variables that are missing. If you want to access the theme in any other scss files just import
+  @stoplight/ui-kit/src/styles/common/theme
+
+- [\_utils.scss](./src/styles/common/_utils.scss): Has some helpful utils around map functions. Includes map-deep-get,
+  map-safe-get, and map-extend
+
+#### [./src/styles/ui-kit.scss](./src/styles/ui-kit.scss): This is the scss file that will be imported by the end consumer and contains everything else!
+
+## Creating a Component
+
+1. Add a folder with you component name to the `./src/components` directory
+2. Add a `{Component}.tsx` under `./src/components/{component}`
+3. Add a `__tests__` folder under `./src/components/{component}`
+4. If this component requires special styling or a unique class name create
+   `./src/components/{component}/styles/_base.scss` and `./src/components/{component}/styles/class.ts` respectively
+
+   - Rules for styling:
+     - **Class Name**: If the component does not follow under one of the blueprint class names, create one for this
+       component using the name space variable, we need to use namespacing so we keep our classes unique, the NS
+       variable will always be the same
+     ```javascript
+     const NS = process.env.BLUEPRINT_NAMESPACE || 'bp3';
+     export const CODE_EDITOR = `${NS}-code-editor`;
+     ```
+     -**SCSS**: Every component using custom scss should support both light an dark styling. Dark selectors will look
+     something like `.{$ns}-dark .{$ns}-code-editor` look at [tailwind](./src/styles/tailwind/_base.scss) for examples
+     on how this is done. If a component requires themable variables (think really just colors), they should be defined
+     in an adjacent file named `_variables.scss`. The variables should NEVER be used directly. Instead they get injected
+     back into the theme and should be used by using the `get-theme` function in your `_base.scss`. Lastly avoid created
+     separate variables for light and dark. So don't create `$sl-var: red` and `$sl-var-dark: blue`, instead be creative
+     and use different shades of the same color. So `$sl-var: red` then do something like
+     `.{$ns}-dark .{$ns}-code-editor (color: lighten($sl-var, 10%))`
+
+5. If this component requires specific types or utils include them in this component folder as well. We want to keep
+   everything really independent
+
+## Example Usage
+
+Want to use ui-kit in another repo? Simple.
+
+```bash
+# latest stable + required dependencies
+yarn add @stoplight/ui-kit
+```
+
+Then in your main `scss` file
+
+```scss
+/*main.scss*/
+@import '~@stoplight/ui-kit/src/styles/ui-kit';
+```
+
+Lastly make sure compile your scss to css during your build process. This can be done using the scss-loader in webpack,
+or even just straight node-sass if so desired.
+
+Okay its working, but you decided you're really not a fan of the theming :( well luckily its easily overwrittable to
+whatever you want! In the same file as your import include an `$sl-config` variable ABOVE the import. If its after the
+import it wont work. Compile after as you normally would as see the updates.
+
+```scss
+/*main.scss*/
+$sl-config: (
+  colors: (
+    info: rgba(10, 25, 40, 1),
+    primary: yellow,
+    secondary: #805ad5,
+  ),
+);
+
+@import '~@stoplight/ui-kit/src/styles/ui-kit';
+```

package/dist/ScrollContainer/index.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const lodash_1 = require("lodash");
+const React = tslib_1.__importStar(require("react"));
+const react_scrollbars_custom_1 = require("react-scrollbars-custom");
+const index_1 = require("../index");
+const ScrollContainer = React.forwardRef((_a, scrollbarRef) => {
+    var { id, children, shadows = true, autosize = true, scrollbarWidth = 6 } = _a, props = tslib_1.__rest(_a, ["id", "children", "shadows", "autosize", "scrollbarWidth"]);
+    const scrollbar = React.useRef(null);
+    const scrollbarCallback = React.useCallback(ref => {
+        scrollbar.current = ref;
+        if (typeof scrollbarRef === 'function') {
+            scrollbarRef(ref);
+        }
+    }, [scrollbarRef]);
+    const showTracks = React.useCallback(() => {
+        if (!scrollbar.current)
+            return;
+        scrollbar.current.trackXElement.style.opacity = 1;
+        scrollbar.current.trackYElement.style.opacity = 1;
+        scrollbar.current.trackXElement.style.transition = 'opacity 0s';
+        scrollbar.current.trackYElement.style.transition = 'opacity 0s';
+    }, [scrollbar]);
+    const hideTracks = React.useCallback(() => {
+        if (!scrollbar.current ||
+            scrollbar.current.trackXElement.classList.contains('dragging') ||
+            scrollbar.current.trackYElement.classList.contains('dragging')) {
+            return;
+        }
+        scrollbar.current.trackXElement.style.opacity = 0;
+        scrollbar.current.trackYElement.style.opacity = 0;
+        scrollbar.current.trackXElement.style.transition = 'opacity 0.8s';
+        scrollbar.current.trackYElement.style.transition = 'opacity 0.8s';
+    }, [scrollbar]);
+    const updateShadows = React.useCallback((scrollValues) => {
+        if (!scrollbar.current || !shadows)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = scrollValues;
+        const shadowTopOpacity = (1 / 20) * scrollTop;
+        const bottomScrollTop = scrollHeight - clientHeight;
+        const shadowBottomOpacity = (1 / 20) * (bottomScrollTop - Math.max(scrollTop, bottomScrollTop));
+        const darkMode = window.document.getElementsByClassName('bp3-dark').length > 0;
+        scrollbar.current.wrapperElement.style.boxShadow = `rgba(${darkMode ? `21, 21, 21` : `215, 215, 215`}, ${shadowTopOpacity}) 0px 7px 8px -7px inset, rgba(${darkMode ? `21, 21, 21` : `215, 215, 215`}, ${shadowBottomOpacity}) 0px -7px 8px -7px inset`;
+    }, [scrollbar, shadows]);
+    const thumbRenderer = React.useCallback((props) => {
+        const { elementRef, style, className } = props;
+        const styles = lodash_1.omit(style, ['background', 'borderRadius']);
+        return (React.createElement("div", { className: classnames_1.default(className, 'bg-darken-4 hover:bg-darken-6 active:bg-darken-7 dark:bg-lighten-4 dark-hover:bg-lighten-5 dark-active:bg-lighten-6'), style: styles, ref: elementRef }));
+    }, []);
+    const ScrollElem = (React.createElement(react_scrollbars_custom_1.Scrollbar, Object.assign({}, props, { wrapperProps: {
+            className: 'relative',
+            style: { position: 'absolute', top: 0, left: 0, bottom: 0, right: 0, overflow: 'hidden' },
+        }, trackYProps: {
+            style: {
+                opacity: 0,
+                cursor: 'pointer',
+                background: 'inherit',
+                width: scrollbarWidth,
+                marginRight: 0,
+                borderRadius: 0,
+                top: 0,
+                bottom: 0,
+                height: '100%',
+            },
+        }, trackXProps: {
+            style: {
+                opacity: 0,
+                cursor: 'pointer',
+                background: 'inherit',
+                height: scrollbarWidth,
+                marginBottom: 0,
+                borderRadius: 0,
+                left: 0,
+                right: 0,
+                width: '100%',
+            },
+        }, thumbXProps: {
+            renderer: thumbRenderer,
+        }, thumbYProps: {
+            renderer: thumbRenderer,
+        }, ref: scrollbarCallback, onUpdate: updateShadows, scrollDetectionThreshold: 500, onMouseOver: showTracks, onMouseOut: hideTracks }), children));
+    if (autosize) {
+        return (React.createElement(index_1.AutoSizer, { className: "relative" }, ({ height, width }) => (React.createElement("div", { style: { height: height - 1, width: width - 1 }, className: "overflow-hidden" }, ScrollElem))));
+    }
+    return ScrollElem;
+});
+exports.ScrollContainer = ScrollContainer;
+ScrollContainer.displayName = 'ScrollContainer';
+//# sourceMappingURL=index.js.map

package/dist/ScrollContainer/index.js.map

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

package/dist/ScrollList/index.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const lodash_1 = require("lodash");
+const React = tslib_1.__importStar(require("react"));
+const ReactWindow = tslib_1.__importStar(require("react-window"));
+const AutoSizer_1 = require("../AutoSizer");
+const ScrollContainer_1 = require("../ScrollContainer");
+exports.CustomScrollContainer = React.forwardRef(({ onScroll = lodash_1.noop, children, className, style, scrollbarWidth = 8 }, ref) => {
+    return (React.createElement(ScrollContainer_1.ScrollContainer, { ref: ref, onScroll: scrollValues => onScroll({ currentTarget: scrollValues }), autosize: false, scrollbarWidth: scrollbarWidth, className: className, style: style }, children));
+});
+const FixedSizeList = React.forwardRef(function FixedSizeList(props, ref) {
+    let { className, children, itemSize, itemCount, instanceRef, maxRows, style, autoSize } = props, rest = tslib_1.__rest(props, ["className", "children", "itemSize", "itemCount", "instanceRef", "maxRows", "style", "autoSize"]);
+    if (isNaN(itemCount)) {
+        itemCount = 0;
+    }
+    const listHeight = Math.min(itemCount, maxRows || Infinity) * itemSize;
+    const renderList = ({ height, width } = {}) => {
+        return (React.createElement(ReactWindow.FixedSizeList, Object.assign({}, rest, { ref: instanceRef, itemSize: itemSize, itemCount: itemCount, height: (height ? Math.min(height, listHeight) : listHeight) || 0, width: width || '100%', className: className, style: style, outerRef: ref, outerElementType: exports.CustomScrollContainer }), children));
+    };
+    if (autoSize) {
+        return React.createElement(AutoSizer_1.AutoSizer, null, renderList);
+    }
+    return renderList();
+});
+exports.FixedSizeList = FixedSizeList;
+FixedSizeList.displayName = 'FixedSizeList';
+const VariableSizeList = React.forwardRef(function VariableSizeList(props, ref) {
+    let { children, instanceRef, itemCount } = props, rest = tslib_1.__rest(props, ["children", "instanceRef", "itemCount"]);
+    if (isNaN(itemCount)) {
+        itemCount = 0;
+    }
+    return (React.createElement(AutoSizer_1.AutoSizer, null, ({ height, width }) => (React.createElement(ReactWindow.VariableSizeList, Object.assign({}, rest, { ref: instanceRef, height: height, width: width, itemCount: itemCount, outerRef: ref, outerElementType: exports.CustomScrollContainer }), children))));
+});
+exports.VariableSizeList = VariableSizeList;
+VariableSizeList.displayName = 'VariableSizeList';
+var react_window_1 = require("react-window");
+exports.areEqual = react_window_1.areEqual;
+exports.shouldComponentUpdate = react_window_1.shouldComponentUpdate;
+exports.IFixedSizeList = react_window_1.FixedSizeList;
+exports.IVariableSizeList = react_window_1.VariableSizeList;
+//# sourceMappingURL=index.js.map

package/dist/ScrollList/index.js.map

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

package/dist/SecretInput/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const core_1 = require("@blueprintjs/core");
+const React = tslib_1.__importStar(require("react"));
+exports.SecretInput = (_a) => {
+    var { selectOnFocus = false } = _a, props = tslib_1.__rest(_a, ["selectOnFocus"]);
+    const [visible, setVisible] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const onRef = React.useCallback(el => (inputRef.current = el), []);
+    const onClick = React.useCallback(() => {
+        setVisible(!visible);
+        const input = inputRef.current;
+        if (input !== null) {
+            input.focus();
+            setTimeout(() => input.select());
+        }
+    }, [visible]);
+    return (React.createElement(core_1.InputGroup, Object.assign({ inputRef: onRef, rightElement: React.createElement(core_1.Tooltip, { content: `${visible ? 'Hide' : 'Reveal'}`, disabled: props.disabled },
+            React.createElement(core_1.Button, { icon: visible ? 'eye-open' : 'eye-off', onClick: onClick, minimal: true })), type: visible ? 'text' : 'password', onFocus: e => selectOnFocus && e.target.select() }, props)));
+};
+//# sourceMappingURL=index.js.map

package/dist/SecretInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SecretInput/index.tsx"],"names":[],"mappings":";;;AAAA,4CAAkG;AAClG,qDAA+B;AAOlB,QAAA,WAAW,GAAG,CAAC,EAAqD,EAAE,EAAE;QAAzD,EAAE,aAAa,GAAG,KAAK,OAA8B,EAA5B,6CAAQ;IAC3D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE7D,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,KAAK,CAAC,KAAK,EAAE,CAAC;YAEd,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,oBAAC,iBAAU,kBACT,QAAQ,EAAE,KAAK,EACf,YAAY,EACV,oBAAC,cAAO,IAAC,OAAO,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ;YAC1E,oBAAC,aAAM,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,GAAI,CAC3E,EAEZ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,IAC5C,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/SimpleTabs/Tab.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const react_tabs_1 = require("react-tabs");
+const classes_1 = require("../classes");
+const SimpleTab = props => {
+    const { children, ref, className, selectedClassName, disabledClassName } = props, rest = tslib_1.__rest(props, ["children", "ref", "className", "selectedClassName", "disabledClassName"]);
+    return React.createElement(react_tabs_1.Tab, Object.assign({ className: classnames_1.default(classes_1.Classes.SIMPLE_TAB, className), selectedClassName: classnames_1.default(selectedClassName, 'selected-tab'), disabledClassName: classnames_1.default(disabledClassName, 'disabled-tab') }, rest), children);
+};
+exports.SimpleTab = SimpleTab;
+SimpleTab.tabsRole = 'Tab';
+//# sourceMappingURL=Tab.js.map

package/dist/SimpleTabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/SimpleTabs/Tab.tsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAC5B,qDAA+B;AAC/B,2CAA8D;AAE9D,wCAAqC;AAErC,MAAM,SAAS,GAAoE,KAAK,CAAC,EAAE;IACzF,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,KAAc,KAAK,EAAjB,wGAAiB,CAAC;IAE1F,OAAO,KAAK,CAAC,aAAa,CACxB,gBAAG,kBAED,SAAS,EAAE,oBAAE,CAAC,iBAAO,CAAC,UAAU,EAAE,SAAS,CAAC,EAC5C,iBAAiB,EAAE,oBAAE,CAAC,iBAAiB,EAAE,cAAc,CAAC,EACxD,iBAAiB,EAAE,oBAAE,CAAC,iBAAiB,EAAE,cAAc,CAAC,IACrD,IAAI,GAET,QAAQ,CACT,CAAC;AACJ,CAAC,CAAC;AAIO,8BAAS;AAFlB,SAAS,CAAC,QAAQ,GAAG,KAAK,CAAC"}

package/dist/SimpleTabs/TabList.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const react_tabs_1 = require("react-tabs");
+const classes_1 = require("../classes");
+const SimpleTabList = props => {
+    const { children, className } = props, rest = tslib_1.__rest(props, ["children", "className"]);
+    return React.createElement(react_tabs_1.TabList, Object.assign({ className: classnames_1.default(classes_1.Classes.SIMPLE_TAB_LIST, className) }, rest), children);
+};
+exports.SimpleTabList = SimpleTabList;
+SimpleTabList.tabsRole = 'TabList';
+//# sourceMappingURL=TabList.js.map

package/dist/SimpleTabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sourceRoot":"","sources":["../../src/SimpleTabs/TabList.tsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAC5B,qDAA+B;AAC/B,2CAA0F;AAE1F,wCAAqC;AAKrC,MAAM,aAAa,GAAwE,KAAK,CAAC,EAAE;IACjG,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAjB,uDAAiB,CAAC;IAC/C,OAAO,KAAK,CAAC,aAAa,CAAC,oBAAY,kBAAI,SAAS,EAAE,oBAAE,CAAC,iBAAO,CAAC,eAAe,EAAE,SAAS,CAAC,IAAK,IAAI,GAAI,QAAQ,CAAC,CAAC;AACrH,CAAC,CAAC;AAOO,sCAAa;AALtB,aAAa,CAAC,QAAQ,GAAG,SAAS,CAAC"}