@stoplight/ui-kit 0.0.0-beta-0.1

package/colors.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLORS = void 0;
+var COLORS;
+(function (COLORS) {
+    COLORS["BLACK"] = "black";
+    COLORS["WHITE"] = "white";
+    COLORS["LIGHTEN"] = "lighten";
+    COLORS["LIGHTEN1"] = "lighten-1";
+    COLORS["LIGHTEN2"] = "lighten-2";
+    COLORS["LIGHTEN3"] = "lighten-3";
+    COLORS["LIGHTEN4"] = "lighten-4";
+    COLORS["LIGHTEN5"] = "lighten-5";
+    COLORS["LIGHTEN6"] = "lighten-6";
+    COLORS["LIGHTEN7"] = "lighten-7";
+    COLORS["LIGHTEN8"] = "lighten-8";
+    COLORS["LIGHTEN9"] = "lighten-9";
+    COLORS["DARKEN"] = "darken";
+    COLORS["DARKEN1"] = "darken-1";
+    COLORS["DARKEN2"] = "darken-2";
+    COLORS["DARKEN3"] = "darken-3";
+    COLORS["DARKEN4"] = "darken-4";
+    COLORS["DARKEN5"] = "darken-5";
+    COLORS["DARKEN6"] = "darken-6";
+    COLORS["DARKEN7"] = "darken-7";
+    COLORS["DARKEN8"] = "darken-8";
+    COLORS["DARKEN9"] = "darken-9";
+    COLORS["RED"] = "red";
+    COLORS["RED1"] = "red-1";
+    COLORS["RED2"] = "red-2";
+    COLORS["RED3"] = "red-3";
+    COLORS["RED4"] = "red-4";
+    COLORS["RED5"] = "red-5";
+    COLORS["RED6"] = "red-6";
+    COLORS["RED7"] = "red-7";
+    COLORS["RED8"] = "red-8";
+    COLORS["RED9"] = "red-9";
+    COLORS["ORANGE"] = "orange";
+    COLORS["ORANGE1"] = "orange-1";
+    COLORS["ORANGE2"] = "orange-2";
+    COLORS["ORANGE3"] = "orange-3";
+    COLORS["ORANGE4"] = "orange-4";
+    COLORS["ORANGE5"] = "orange-5";
+    COLORS["ORANGE6"] = "orange-6";
+    COLORS["ORANGE7"] = "orange-7";
+    COLORS["ORANGE8"] = "orange-8";
+    COLORS["ORANGE9"] = "orange-9";
+    COLORS["GREEN"] = "green";
+    COLORS["GREEN1"] = "green-1";
+    COLORS["GREEN2"] = "green-2";
+    COLORS["GREEN3"] = "green-3";
+    COLORS["GREEN4"] = "green-4";
+    COLORS["GREEN5"] = "green-5";
+    COLORS["GREEN6"] = "green-6";
+    COLORS["GREEN7"] = "green-7";
+    COLORS["GREEN8"] = "green-8";
+    COLORS["GREEN9"] = "green-9";
+    COLORS["BLUE"] = "blue";
+    COLORS["BLUE1"] = "blue-1";
+    COLORS["BLUE2"] = "blue-2";
+    COLORS["BLUE3"] = "blue-3";
+    COLORS["BLUE4"] = "blue-4";
+    COLORS["BLUE5"] = "blue-5";
+    COLORS["BLUE6"] = "blue-6";
+    COLORS["BLUE7"] = "blue-7";
+    COLORS["BLUE8"] = "blue-8";
+    COLORS["BLUE9"] = "blue-9";
+    COLORS["PURPLE"] = "purple";
+    COLORS["PURPLE1"] = "purple-1";
+    COLORS["PURPLE2"] = "purple-2";
+    COLORS["PURPLE3"] = "purple-3";
+    COLORS["PURPLE4"] = "purple-4";
+    COLORS["PURPLE5"] = "purple-5";
+    COLORS["PURPLE6"] = "purple-6";
+    COLORS["PURPLE7"] = "purple-7";
+    COLORS["PURPLE8"] = "purple-8";
+    COLORS["PURPLE9"] = "purple-9";
+})(COLORS = exports.COLORS || (exports.COLORS = {}));
+//# sourceMappingURL=colors.js.map

package/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":";;;AAAA,IAAY,MAgFX;AAhFD,WAAY,MAAM;IAChB,yBAAe,CAAA;IACf,yBAAe,CAAA;IAEf,6BAAmB,CAAA;IACnB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IACtB,gCAAsB,CAAA;IAEtB,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IAEpB,qBAAW,CAAA;IACX,wBAAc,CAAA;IACd,wBAAc,CAAA;IACd,wBAAc,CAAA;IACd,wBAAc,CAAA;IACd,wBAAc,CAAA;IACd,wBAAc,CAAA;IACd,wBAAc,CAAA;IACd,wBAAc,CAAA;IACd,wBAAc,CAAA;IAEd,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IAEpB,yBAAe,CAAA;IACf,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAElB,uBAAa,CAAA;IACb,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAChB,0BAAgB,CAAA;IAEhB,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;IACpB,8BAAoB,CAAA;AACtB,CAAC,EAhFW,MAAM,GAAN,cAAM,KAAN,cAAM,QAgFjB"}

package/index.d.ts

@@ -0,0 +1,12 @@
+export * from './colors';
+export * from './classes';
+export * from './CodeEditor';
+export * from './CodeViewer';
+export * from './FormButton';
+export * from './FormError';
+export * from './FormInput';
+export * from './SecretInput';
+export * from './ThemeContainer';
+export * from './AutoSizer';
+export * from '@blueprintjs/core';
+export { default as AutosizeInput, AutosizeInputProps } from 'react-input-autosize';

package/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutosizeInput = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./colors"), exports);
+tslib_1.__exportStar(require("./classes"), exports);
+tslib_1.__exportStar(require("./CodeEditor"), exports);
+tslib_1.__exportStar(require("./CodeViewer"), exports);
+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("./ThemeContainer"), exports);
+tslib_1.__exportStar(require("./AutoSizer"), exports);
+tslib_1.__exportStar(require("@blueprintjs/core"), exports);
+var react_input_autosize_1 = require("react-input-autosize");
+Object.defineProperty(exports, "AutosizeInput", { enumerable: true, get: function () { return react_input_autosize_1.default; } });
+//# sourceMappingURL=index.js.map

package/index.js.map

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

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@stoplight/ui-kit",
+  "version": "0.0.0-beta-0.1",
+  "description": "Foundational React components for the Stoplight ecosystem.",
+  "keywords": [
+    "react",
+    "ui",
+    "ui-components"
+  ],
+  "main": "index.js",
+  "sideEffects": false,
+  "files": [
+    "**/*"
+  ],
+  "author": "Stoplight <support@stoplight.io>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/stoplightio/ui-kit.git"
+  },
+  "license": "Apache-2.0",
+  "engines": {
+    "node": ">=8.3.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8",
+    "react-dom": ">=16.8"
+  },
+  "dependencies": {
+    "@blueprintjs/core": "^3.22.3",
+    "@blueprintjs/icons": "^3.13.0",
+    "@blueprintjs/select": "^3.11.2",
+    "classnames": "^2.2.6",
+    "prismjs": "^1.17.1",
+    "react-input-autosize": "^2.2.2",
+    "react-scrollbars-custom": "~4.0.21",
+    "react-simple-code-editor": "~0.10.0",
+    "react-tabs": "^3.1.0",
+    "react-virtualized-auto-sizer": "^1.0.2",
+    "react-window": "~1.8.5",
+    "refractor": "^3.0.0",
+    "yup": "^0.28.0"
+  },
+  "typings": "index.d.ts"
+}

package/styles/_ui-kit.scss

@@ -0,0 +1,103 @@
+/*
+ * UTILS
+ * contains theme and helper functions
+ */
+@import './common/utils';
+
+/*
+ * THEME
+ * contains theme and helper functions
+ */
+@import './common/theme';
+
+/*
+ * BLUEPRINT
+ * containe blueprint styles and icons
+ */
+@import './blueprint/variables';
+@import './blueprint/base';
+@import './blueprint/icons';
+
+/*
+ * COMPONENTS
+ * contains styles for our home grown components
+ */
+@import './components/base';
+
+/*
+ * TAILWIND
+ * contains tailwind generated classes
+ */
+@import './tailwind/base';
+
+// some extra custom styling we want to apply
+body,
+html,
+.root {
+  height: 100%;
+  font-size: get-font-size(base);
+  background-color: 0.1s cubic-bezier(0.4, 1, 0.75, 0.9);
+}
+
+a {
+  // simple reset when using link in random places like around a <Card />
+  &.reset {
+    color: inherit;
+    text-decoration: none;
+  }
+}
+
+#{ns} a {
+  color: get-color(info, 6);
+}
+
+.#{$ns}-label {
+  font-weight: get-font-weight(semibold);
+}
+
+.#{$ns}-select-popover .#{$ns}-menu {
+  max-width: 400px;
+  max-height: 300px;
+  overflow: auto;
+  padding: 10px;
+}
+
+.#{$ns}-select-popover .#{$ns}-menu .#{$ns}-menu-item-label {
+  font-size: 10px;
+}
+
+// tailwind sets fontsize on headers to base so reset to chrome defaults
+h1 {
+  font-size: 2rem;
+  font-weight: bold;
+}
+h2 {
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+h3 {
+  font-size: 1.17rem;
+  font-weight: bold;
+}
+
+h4 {
+  font-size: 1rem;
+  font-weight: bold;
+}
+
+h5 {
+  font-size: 0.83rem;
+  font-weight: bold;
+}
+
+h6 {
+  font-size: 0.67;
+  font-weight: bold;
+}
+
+.select-all {
+  -webkit-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+  user-select: all;
+}

package/styles/blueprint/_base.scss

@@ -0,0 +1,6 @@
+/*
+ * BLUEPRINT BASE
+ */
+
+@import '~@blueprintjs/core/src/blueprint.scss';
+@import '~@blueprintjs/select/src/blueprint-select.scss';

package/styles/blueprint/_icons.scss

@@ -0,0 +1,39 @@
+/*
+ * THESE CLASSES ARE AUTOMATICALLY GENERATED USING THE SYLES-BUILD SCRIPT AND SHOULD NOT BE UPDATED BY HAND
+ * TO UPDATE ONE OF THESE VALUES, UPDATE THE TAILWIND.CONFIG.JS AND RUN "YARN BUILD.BP"
+ */
+/*!
+
+Copyright 2017-present Palantir Technologies, Inc. All rights reserved.
+Licensed under the Apache License, Version 2.0.
+*/
+
+// NOTE: commented out for now because it significantly complicates build process in projects using ui-kit
+// these are mostly used by blueprint for checkboxes, most icons are svg now
+// if attempt to get fonts back, make sure app-gen3 builds
+
+// @font-face {
+//   font-family: 'Icons16';
+//   font-weight: normal;
+//   font-style: normal;
+//   src: url('../fonts/icons-16.eot?#iefix') format('embedded-opentype'), url('../fonts/icons-16.woff') format('woff'),
+//     url('../fonts/icons-16.ttf') format('truetype');
+// }
+
+// @font-face {
+//   font-family: 'Icons20';
+//   font-weight: normal;
+//   font-style: normal;
+//   src: url('../fonts/icons-20.eot?#iefix') format('embedded-opentype'), url('../fonts/icons-20.woff') format('woff'),
+//     url('../fonts/icons-20.ttf') format('truetype');
+// }
+
+/*
+ * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+ */
+/*
+ * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+ */
+/*
+ * Copyright 2017 Palantir Technologies, Inc. All rights reserved.
+ */

package/styles/blueprint/_variables.scss

@@ -0,0 +1,97 @@
+@import '../common/theme';
+
+/*
+ * THIS FILE IS A REMAPPING OF THE BLUEPRINT VARIABLES TO OUR STOPLIGHT ONES
+ * THIS FILE SHOULD NOT NEED TO UPDATED DIRECTLY
+ */
+
+/*
+ * VARS
+ * These should be kept in sync with the appropriate variables in the tailwind.config.js file!
+ */
+
+/*
+ * FONT SIZES
+ */
+$pt-font-family-monospace: get-font-family(mono);
+$pt-border-radius: get-border-radius(default);
+$pt-font-size: get-font-size(base);
+$pt-font-size-large: get-font-size(lg);
+$pt-font-size-small: get-font-size(sm);
+
+/*
+ * COLORS
+ * @import "@blueprintjs/core/lib/scss/variables";
+ */
+
+// leave whites/blacks/greys
+$black: #10161a;
+$white: #ffffff;
+
+$dark-gray1: get-color(darkgray, 1);
+$dark-gray2: get-color(darkgray, 2);
+$dark-gray3: get-color(darkgray, 3);
+$dark-gray4: get-color(darkgray, 4);
+$dark-gray5: get-color(darkgray, 5);
+
+$gray1: get-color(gray, 7);
+$gray2: get-color(gray, 6);
+$gray3: get-color(gray, 6);
+$gray4: get-color(gray, 5);
+$gray5: get-color(gray, 4);
+
+$light-gray1: get-color(lightgray, 1);
+$light-gray2: get-color(lightgray, 2);
+$light-gray3: get-color(lightgray, 3);
+$light-gray4: get-color(lightgray, 4);
+$light-gray5: get-color(lightgray, 5);
+
+$blue1: get-color(blue, 8);
+$blue2: get-color(blue, 7);
+$blue3: get-color(blue, 6);
+$blue4: get-color(blue, 5);
+$blue5: get-color(blue, 4);
+
+$green1: get-color(green, 8);
+$green2: get-color(green, 7);
+$green3: get-color(green, 6);
+$green4: get-color(green, 5);
+$green5: get-color(green, 4);
+
+$orange1: get-color(orange, 8);
+$orange2: get-color(orange, 7);
+$orange3: get-color(orange, 6);
+$orange4: get-color(orange, 5);
+$orange5: get-color(orange, 4);
+
+$red1: get-color(red, 8);
+$red2: get-color(red, 7);
+$red3: get-color(red, 6);
+$red4: get-color(red, 5);
+$red5: get-color(red, 4);
+
+$indigo1: get-color(purple, 8);
+$indigo2: get-color(purple, 7);
+$indigo3: get-color(purple, 6);
+$indigo4: get-color(purple, 5);
+$indigo5: get-color(purple, 4);
+
+/*
+ * COMPUTED VARS
+ */
+
+$pt-text-color: $dark-gray1;
+$pt-text-color-muted: $gray1;
+$pt-text-color-disabled: get-color(disabled);
+$pt-heading-color: $pt-text-color;
+$pt-link-color: $blue2;
+$pt-dark-text-color: $light-gray5;
+$pt-dark-text-color-muted: $gray5;
+$pt-dark-text-color-disabled: rgba($pt-dark-text-color-muted, 0.5);
+$pt-dark-heading-color: $pt-dark-text-color;
+$pt-dark-link-color: $blue5;
+$pt-text-selection-color: rgba($blue4, 0.6);
+
+$pt-transition-ease: cubic-bezier(0.4, 1, 0.75, 0.9);
+$pt-transition-ease-bounce: cubic-bezier(0.54, 1.12, 0.38, 1.11);
+$pt-transition-duration: 75ms;

package/styles/common/_theme.scss

@@ -0,0 +1,142 @@
+@import './variables';
+
+/*
+ * NAMESPACE
+ * if updated process.env.BLUEPRINT_NAMESPACE needs to be updated as well
+ * https://blueprintjs.com/docs/#core/classes.namespacing
+ */
+$ns: map-deep-get($sl-variables, namespace) !default;
+
+/*
+ * THEME
+ * accessible to all component scss through importing ./utils then using get-theme(colors, lighten, 1) or other helpers
+ * any value we want overwritable by the consumer needs to be an external variable defined in ./_variables $sl-defaults then referenced here
+ * this file should never be imported directly outside of ./utils
+ */
+
+$sl-theme: (
+  namespace: map-deep-get($sl-variables, namespace),
+  colors: map-deep-get($sl-variables, colors),
+  fontSize: (
+    xs: 9px,
+    sm: 11px,
+    base: 13px,
+    lg: 15px,
+    xl: 18px,
+    2xl: 22px,
+    3xl: 26px,
+    4xl: 32px,
+    5xl: 40px,
+    6xl: 50px,
+  ),
+  borderRadius: (
+    none: 0,
+    sm: 1px,
+    default: 3px,
+    lg: 5px,
+    full: 9999px,
+  ),
+  boxShadow: (
+    default: 0px 1px 2px rgba(0, 0, 0, 0.3),
+    md: 0px 4px 4px rgba(0, 0, 0, 0.5),
+    lg: 0px 5px 5px rgba(0, 0, 0, 0.6),
+    inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06),
+    outline: 0 0 0 3px rgba(66, 153, 225, 0.5),
+    none: none,
+  ),
+  fontFamily: (
+    sans: (
+      -apple-system,
+      BlinkMacSystemFont,
+      'Segoe UI',
+      Roboto,
+      'Helvetica Neue',
+      Arial,
+      'Noto Sans',
+      sans-serif,
+      'Apple Color Emoji',
+      'Segoe UI Emoji',
+      'Segoe UI Symbol',
+      'Noto Color Emoji',
+    ),
+    serif: (
+      Georgia,
+      Cambria,
+      'Times New Roman',
+      Times,
+      serif,
+    ),
+    mono: (
+      Menlo,
+      Monaco,
+      Consolas,
+      'Liberation Mono',
+      'Courier New',
+      monospace,
+    ),
+  ),
+  fontWeight: (
+    hairline: 100,
+    thin: 200,
+    light: 300,
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700,
+    extrabold: 800,
+    black: 900,
+  ),
+);
+
+// extend theme with extraneous things passed into $sl-variables
+// examples include new variables defined by the consumer
+@each $key, $value in $sl-variables {
+  @if not map-has-key($sl-theme, $key) {
+    $sl-theme: map-extend(
+      $sl-theme,
+      (
+        $key: $value,
+      )
+    );
+  }
+}
+
+/*
+ * UTILITIES
+ * some helpful functions to access the theme
+ */
+
+// returns the value at this theme path
+@function get-theme($keys...) {
+  @return map-deep-get($sl-theme, $keys...);
+}
+
+// returns color at this path from theme
+@function get-color($keys...) {
+  @return map-deep-get($sl-theme, colors, $keys...);
+}
+
+// returns fontSize at this path from theme
+@function get-font-size($keys...) {
+  @return map-deep-get($sl-theme, fontSize, $keys...);
+}
+
+// returns borderRadius at this path from theme
+@function get-border-radius($keys...) {
+  @return map-deep-get($sl-theme, borderRadius, $keys...);
+}
+
+// returns boxShadow at this path from theme
+@function get-box-shadow($keys...) {
+  @return map-deep-get($sl-theme, boxShadow, $keys...);
+}
+
+// returns fontFamily at this path from theme
+@function get-font-family($keys...) {
+  @return map-deep-get($sl-theme, fontFamily, $keys...);
+}
+
+// returns fontWeight at this path from theme
+@function get-font-weight($keys...) {
+  @return map-deep-get($sl-theme, fontWeight, $keys...);
+}

package/styles/common/_utils.scss

@@ -0,0 +1,58 @@
+/*
+ * HELPER FUNCTIONS
+ * some useful map functions with safe gaurds
+ * https://www.sitepoint.com/extra-map-functions-sass/
+ */
+
+// adds a safe gaurd in case map is not a map
+@function map-safe-get($map: (), $key: '""') {
+  @return if(type-of($map) == map, map-get($map, $key), '');
+}
+
+// loops through and returns the value the key list path or the default
+@function map-deep-get($map, $keys...) {
+  @each $key in $keys {
+    $map: map-safe-get($map, $key);
+  }
+
+  @return $map;
+}
+
+// like merge but is not losey and allows deep merging
+@function map-extend($map, $maps... /*, $deep */) {
+  $last: nth($maps, -1);
+  $deep: $last == true;
+  $max: if($deep, length($maps) - 1, length($maps));
+
+  // Loop through all maps in $maps...
+  @for $i from 1 through $max {
+    // Store current map
+    $current: nth($maps, $i);
+
+    // If not in deep mode, simply merge current map with map
+    @if not $deep {
+      $map: map-merge($map, $current);
+    } @else {
+      // If in deep mode, loop through all tuples in current map
+      @each $key, $value in $current {
+        @if length($value) > 0 {
+          // If value is a nested map and same key from map is a nested map as well
+          @if type-of($value) == 'map' and type-of(map-get($map, $key)) == 'map' {
+            // Recursive extend
+            $value: map-extend(map-get($map, $key), $value, true);
+          }
+
+          // Merge current tuple with map
+          $map: map-merge(
+            $map,
+            (
+              $key: $value,
+            )
+          );
+        }
+      }
+    }
+  }
+
+  @return $map;
+}