@jetbrains/ring-ui 4.1.6 → 5.0.0-beta.3

package/dist/global/theme.js

@@ -1,41 +1,48 @@
 import { a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { createContext, memo, forwardRef } from 'react';
 
-const Theme = {
-  LIGHT: 'light',
-  DARK: 'dark'
-};
-const ThemeContext = /*#__PURE__*/createContext(null);
+var Theme;
+
+(function (Theme) {
+  Theme["LIGHT"] = "light";
+  Theme["DARK"] = "dark";
+})(Theme || (Theme = {}));
+
+const ThemeContext = /*#__PURE__*/createContext(null); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
 const getDisplayName = Component => {
   var _ref, _Component$name;
 
-  return typeof Component === 'string' ? Component : (_ref = (_Component$name = Component.name) !== null && _Component$name !== void 0 ? _Component$name : Component.displayName) !== null && _ref !== void 0 ? _ref : 'Component';
+  return (_ref = (_Component$name = Component.name) !== null && _Component$name !== void 0 ? _Component$name : Component.displayName) !== null && _ref !== void 0 ? _ref : 'Component';
 };
 
 const withTheme = function () {
   let defaultTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Theme.LIGHT;
   return ComposedComponent => {
-    const WithTheme = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function WithTheme(_ref2, ref) {
+    // eslint-disable-next-line react/display-name
+    const WithTheme = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((_ref2, ref) => {
       let {
         theme,
         ...restProps
       } = _ref2;
       return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, contextTheme => {
         const usedTheme = theme || contextTheme || defaultTheme;
+        const Component = ComposedComponent;
         return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
           value: usedTheme
-        }, /*#__PURE__*/React.createElement(ComposedComponent, _extends({
-          ref: ref
+        }, /*#__PURE__*/React.createElement(Component, _extends({
+          ref: ref // https://github.com/Microsoft/TypeScript/issues/28938#issuecomment-450636046
+
         }, restProps, {
           theme: usedTheme
         })));
       });
     }));
-    Object.assign(WithTheme, ComposedComponent);
-    WithTheme.propTypes = ComposedComponent.propTypes;
-    WithTheme.displayName = `withTheme(${getDisplayName(ComposedComponent)})`;
-    return WithTheme;
+    const WithThemeAndStatics = Object.assign(WithTheme, ComposedComponent, {
+      displayName: `withTheme(${getDisplayName(ComposedComponent)})`,
+      propTypes: null
+    });
+    return WithThemeAndStatics;
   };
 };
 
@@ -50,5 +57,6 @@ function applyTheme(params) {
 
   params.element.classList.add(params.currentTheme);
 }
+var Theme$1 = Theme;
 
-export { ThemeContext, applyTheme, Theme as default, withTheme };
+export { ThemeContext, applyTheme, Theme$1 as default, withTheme };

package/dist/global/trivial-template-tag.d.ts

@@ -0,0 +1 @@
+export default function trivialTemplateTag(f: (string: string) => void): (strings: TemplateStringsArray, ...interpolations: unknown[]) => void;

package/dist/global/typescript-utils.d.ts

@@ -0,0 +1,2 @@
+export declare const isArray: (arg: unknown) => arg is readonly unknown[];
+export declare const isTruthy: <T>(arg: false | "" | 0 | T | null | undefined) => arg is T;

package/dist/global/typescript-utils.js

@@ -0,0 +1,4 @@
+const isArray = arg => Array.isArray(arg);
+const isTruthy = arg => Boolean(arg);
+
+export { isArray, isTruthy };

package/dist/global/url.d.ts

@@ -0,0 +1,57 @@
+/**
+ * @description Provides a set of utilities for URL manipulation.
+ */
+/**
+ * @const {RegExp}
+ */
+export declare const ENDING_SLASH_PATTERN: RegExp;
+/**
+ * Get URI from the <base> tag
+ * @return {string|undefined} base URI
+ */
+export declare function getBaseURI(): string | undefined;
+/**
+ * Get absolute URI from the <base> tag
+ * @return {string} absolute base URI
+ */
+export declare function getAbsoluteBaseURL(): string;
+/**
+ * Get origin from the URL
+ * @param {string} url URL to extract origin from
+ * @returns {string|undefined} origin
+ */
+export declare function getOrigin(url: string): string | undefined;
+/**
+ * Get absolute URI from current page
+ * @return {string} absolute URL of current page
+ */
+export declare function getAbsoluteURL(): string;
+/**
+ * Fixes the URL
+ * If the URL is relative and the page contains a <base> TAG, the URL will be converted to absolute
+ * <base href="/">: some/path => /some/path
+ * @param {string} url URL to fix
+ * @param {Function} baseURIGetter a function that returns base URI
+ * @return {string} fixed URL
+ */
+export declare function fixUrl(url: string, baseURIGetter?: typeof getBaseURI): string;
+export declare function joinBaseURLAndPath(baseUrl: string | null | undefined, path: string): string;
+/**
+ * Parses a queryString into an object.
+ * ```
+ * parseQueryString("access_token=2YotnFZFEjr1zCsicMWpAA&state=xyz&token_type=example&expires_in=3600");
+ * // is {access_token: "2YotnFZFEjr1zCsicMWpAA", state: "xyz", token_type: "example", expires_in: "3600"}
+ * ```
+ * @param {string} queryString query parameter string to parse
+ * @return {AuthResponse} object with query parameters map
+ */
+export declare function parseQueryString(queryString: string | null | undefined): Record<string, string>;
+/**
+ * Takes a URL as input and a params object.
+ * Each property in the params is added to the URL as query string parameters
+ * @param {string} url URL to add parameters to
+ * @param {Object} params parameters to add
+ * @returns {string} encoded URL
+ */
+export declare function encodeURL(url: string, params: Record<string, unknown>): string;
+export declare function isDataURI(uri: string): boolean;

package/dist/global/url.js

@@ -130,7 +130,7 @@ function parseQueryString(queryString) {
 
 function customEncodeURIComponent(str) {
   const commaRE = /%2C/g;
-  return encodeURIComponent(str).replace(commaRE, ',');
+  return encodeURIComponent(String(str)).replace(commaRE, ',');
 }
 /**
  * Takes a URL as input and a params object.

package/dist/global/variables.d.ts

@@ -0,0 +1,88 @@
+import type { Property } from 'csstype';
+export interface RingCSSProperties {
+    '--ring-unit'?: string;
+    '--ring-line-color'?: Property.BorderColor;
+    '--ring-dark-line-color'?: Property.BorderColor;
+    '--ring-borders-color'?: Property.BorderColor;
+    '--ring-dark-borders-color'?: Property.BorderColor;
+    '--ring-icon-color'?: Property.Color;
+    '--ring-icon-secondary-color'?: Property.Color;
+    '--ring-border-disabled-color'?: Property.BorderColor;
+    '--ring-icon-disabled-color'?: Property.Color;
+    '--ring-border-hover-color'?: Property.BorderColor;
+    '--ring-dark-border-hover-color'?: Property.BorderColor;
+    '--ring-icon-hover-color'?: Property.Color;
+    '--ring-main-color'?: Property.Color;
+    '--ring-main-hover-color'?: Property.Color;
+    '--ring-icon-error-color'?: Property.Color;
+    '--ring-icon-warning-color'?: Property.Color;
+    '--ring-icon-success-color'?: Property.Color;
+    '--ring-pale-control-color'?: Property.Color;
+    '--ring-popup-border-components'?: string;
+    '--ring-popup-border-color'?: Property.BorderColor;
+    '--ring-popup-shadow-color'?: Property.Color;
+    '--ring-message-shadow-color'?: Property.Color;
+    '--ring-pinned-shadow-color'?: Property.Color;
+    '--ring-search-color'?: Property.Color;
+    '--ring-hint-color'?: Property.Color;
+    '--ring-link-color'?: Property.Color;
+    '--ring-link-hover-color'?: Property.Color;
+    '--ring-error-color'?: Property.Color;
+    '--ring-warning-color'?: Property.Color;
+    '--ring-success-color'?: Property.Color;
+    '--ring-text-color'?: Property.Color;
+    '--ring-dark-text-color'?: Property.Color;
+    '--ring-heading-color'?: Property.Color;
+    '--ring-secondary-color'?: Property.Color;
+    '--ring-dark-secondary-color'?: Property.Color;
+    '--ring-disabled-color'?: Property.Color;
+    '--ring-dark-disabled-color'?: Property.Color;
+    '--ring-dark-active-color'?: Property.Color;
+    '--ring-content-background-color'?: Property.BackgroundColor;
+    '--ring-popup-background-color'?: Property.BackgroundColor;
+    '--ring-sidebar-background-color'?: Property.BackgroundColor;
+    '--ring-selected-background-color'?: Property.BackgroundColor;
+    '--ring-hover-background-color'?: Property.BackgroundColor;
+    '--ring-dark-selected-background-color'?: Property.BackgroundColor;
+    '--ring-message-background-color'?: Property.BackgroundColor;
+    '--ring-navigation-background-color'?: Property.BackgroundColor;
+    '--ring-tag-background-color'?: Property.BackgroundColor;
+    '--ring-removed-background-color'?: Property.BackgroundColor;
+    '--ring-warning-background-color'?: Property.BackgroundColor;
+    '--ring-added-background-color'?: Property.BackgroundColor;
+    '--ring-code-background-color'?: Property.BackgroundColor;
+    '--ring-code-color'?: Property.Color;
+    '--ring-code-comment-color'?: Property.Color;
+    '--ring-code-meta-color'?: Property.Color;
+    '--ring-code-keyword-color'?: Property.Color;
+    '--ring-code-tag-background-color'?: Property.BackgroundColor;
+    '--ring-code-tag-color'?: Property.Color;
+    '--ring-code-tag-font-weight'?: Property.FontWeight;
+    '--ring-code-field-color'?: Property.Color;
+    '--ring-code-attribute-color'?: Property.Color;
+    '--ring-code-number-color'?: Property.Color;
+    '--ring-code-string-color'?: Property.Color;
+    '--ring-code-addition-color'?: Property.Color;
+    '--ring-code-deletion-color'?: Property.Color;
+    '--ring-border-radius'?: Property.BorderRadius;
+    '--ring-border-radius-small'?: Property.BorderRadius;
+    '--ring-font-size-larger'?: Property.FontSize;
+    '--ring-font-size'?: Property.FontSize;
+    '--ring-font-size-smaller'?: Property.FontSize;
+    '--ring-line-height-taller'?: Property.LineHeight;
+    '--ring-line-height'?: Property.LineHeight;
+    '--ring-line-height-lower'?: Property.LineHeight;
+    '--ring-line-height-lowest'?: Property.LineHeight;
+    '--ring-ease'?: string;
+    '--ring-fast-ease'?: string;
+    '--ring-font-family'?: Property.FontFamily;
+    '--ring-font-family-monospace'?: Property.FontFamily;
+    '--ring-invisible-element-z-index'?: Property.ZIndex;
+    '--ring-fixed-z-index'?: Property.ZIndex;
+    '--ring-overlay-z-index'?: Property.ZIndex;
+    '--ring-alert-z-index'?: Property.ZIndex;
+}
+declare module 'csstype' {
+    interface Properties extends RingCSSProperties {
+    }
+}

package/dist/global/variables.js

@@ -0,0 +1 @@
+

package/dist/global/variables_dark.d.ts

@@ -0,0 +1,3 @@
+import type { RingCSSProperties } from './variables';
+declare const variables: RingCSSProperties;
+export default variables;

package/dist/global/variables_dark.js

@@ -1,4 +1,4 @@
-var variables_dark = {
+const variables = {
   '--ring-line-color': '#475159',
   '--ring-borders-color': '#406380',
   '--ring-icon-color': '#80929d',
@@ -54,4 +54,4 @@ var variables_dark = {
   '--ring-code-deletion-color': '#656e76'
 };
 
-export { variables_dark as default };
+export { variables as default };

package/dist/grid/col.d.ts

@@ -0,0 +1,31 @@
+import { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface ColProps {
+    children?: ReactNode;
+    xs?: boolean | number | null | undefined;
+    sm?: boolean | number | null | undefined;
+    md?: boolean | number | null | undefined;
+    lg?: boolean | number | null | undefined;
+    xsOffset?: number | null | undefined;
+    smOffset?: number | null | undefined;
+    mdOffset?: number | null | undefined;
+    lgOffset?: number | null | undefined;
+    reverse?: boolean | null | undefined;
+    className?: string | null | undefined;
+}
+export default class Col extends Component<ColProps> {
+    static propTypes: {
+        xs: PropTypes.Requireable<number | boolean>;
+        sm: PropTypes.Requireable<number | boolean>;
+        md: PropTypes.Requireable<number | boolean>;
+        lg: PropTypes.Requireable<number | boolean>;
+        xsOffset: PropTypes.Requireable<number>;
+        smOffset: PropTypes.Requireable<number>;
+        mdOffset: PropTypes.Requireable<number>;
+        lgOffset: PropTypes.Requireable<number>;
+        reverse: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}

package/dist/grid/col.js

@@ -22,7 +22,13 @@ const classMap = {
  */
 
 function getClassNames(props) {
-  return Object.keys(props).filter(key => classMap[key]).map(key => modules_855170c0[Number.isInteger(props[key]) ? `${classMap[key]}-${props[key]}` : classMap[key]]);
+  return Object.entries(props).filter(_ref => {
+    let [key] = _ref;
+    return classMap[key];
+  }).map(_ref2 => {
+    let [key, value] = _ref2;
+    return modules_855170c0[Number.isInteger(value) ? `${classMap[key]}-${value}` : classMap[key]];
+  });
 }
 
 class Col extends Component {

package/dist/grid/grid.d.ts

@@ -0,0 +1,14 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Grid
+ */
+export declare class Grid extends Component<HTMLAttributes<HTMLDivElement>> {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}
+export { default as Row } from './row';
+export { default as Col } from './col';

package/dist/grid/row.d.ts

@@ -0,0 +1,40 @@
+import { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+declare const ModifierType: PropTypes.Requireable<string>;
+declare type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
+export interface RowProps {
+    children?: ReactNode;
+    reverse?: boolean | null | undefined;
+    start?: ModifierType | null | undefined;
+    center?: ModifierType | null | undefined;
+    end?: ModifierType | null | undefined;
+    top?: ModifierType | null | undefined;
+    middle?: ModifierType | null | undefined;
+    baseline?: ModifierType | null | undefined;
+    bottom?: ModifierType | null | undefined;
+    around?: ModifierType | null | undefined;
+    between?: ModifierType | null | undefined;
+    first?: ModifierType | null | undefined;
+    last?: ModifierType | null | undefined;
+    className?: string | null | undefined;
+}
+export default class Row extends Component<RowProps> {
+    static propTypes: {
+        reverse: PropTypes.Requireable<boolean>;
+        start: PropTypes.Requireable<string>;
+        center: PropTypes.Requireable<string>;
+        end: PropTypes.Requireable<string>;
+        top: PropTypes.Requireable<string>;
+        middle: PropTypes.Requireable<string>;
+        baseline: PropTypes.Requireable<string>;
+        bottom: PropTypes.Requireable<string>;
+        around: PropTypes.Requireable<string>;
+        between: PropTypes.Requireable<string>;
+        first: PropTypes.Requireable<string>;
+        last: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): JSX.Element;
+}
+export {};

package/dist/grid/row.js

@@ -5,10 +5,7 @@ import classNames from 'classnames';
 import { m as modules_855170c0 } from '../_helpers/grid.js';
 
 const ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
-const modifierKeys = ['start', 'center', 'end', // text-align, justify-content
-'around', 'between', // justify-content
-'top', 'middle', 'baseline', 'bottom', // align-items
-'first', 'last' // order
+const modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'middle', 'baseline', 'bottom', 'first', 'last' // order
 ];
 /**
  * Converts xs="middle" to class "middle-xs"

package/dist/group/group.d.ts

@@ -0,0 +1,12 @@
+import { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * @name Group
+ */
+export default class Group extends Component<HTMLAttributes<HTMLSpanElement>> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): JSX.Element;
+}