@jetbrains/ring-ui-built 7.0.15 → 7.0.17

package/components/table/header.d.ts

@@ -31,4 +31,4 @@ export default class Header extends PureComponent<HeaderProps> {
     createCells(widths?: never[]): import("react/jsx-runtime").JSX.Element[];
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type HeaderAttrs = JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;
+export type HeaderAttrs = React.JSX.LibraryManagedAttributes<typeof Header, HeaderProps>;

package/components/table/row.d.ts

@@ -58,4 +58,4 @@ export default class Row<T extends SelectionItem> extends PureComponent<RowProps
     composedRowRef: import("memoize-one").MemoizedFn<(...refs: (React.Ref<HTMLElement> | undefined)[]) => (value: HTMLElement | null) => void>;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type RowAttrs<T extends SelectionItem> = JSX.LibraryManagedAttributes<typeof Row, RowProps<T>>;
+export type RowAttrs<T extends SelectionItem> = React.JSX.LibraryManagedAttributes<typeof Row, RowProps<T>>;

package/components/tabs/collapsible-more.js

@@ -29,6 +29,7 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/tabs/collapsible-tabs.js

@@ -31,6 +31,7 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/tabs/dumb-tabs.d.ts

@@ -1,4 +1,5 @@
 import { PureComponent, ReactElement } from 'react';
+import * as React from 'react';
 import { CollapsibleTabsProps } from './collapsible-tabs';
 import { CustomItem } from './custom-item';
 import { TabProps } from './tab';
@@ -17,5 +18,5 @@ declare class Tabs extends PureComponent<TabsProps> {
     getTabTitle: (child: ReactElement<TabProps>, i: number) => import("react/jsx-runtime").JSX.Element;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type TabsAttrs = JSX.LibraryManagedAttributes<typeof Tabs, TabsProps>;
+export type TabsAttrs = React.JSX.LibraryManagedAttributes<typeof Tabs, TabsProps>;
 export default Tabs;

package/components/tabs/dumb-tabs.js

@@ -34,6 +34,7 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/tabs/smart-tabs.js

@@ -33,6 +33,7 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/tabs/tabs.js

@@ -36,6 +36,7 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
 import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.string.trim.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';

package/components/tag/tag.d.ts

@@ -43,4 +43,4 @@ export default class Tag extends PureComponent<TagProps> {
     renderRemoveIcon(): import("react/jsx-runtime").JSX.Element | null;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type TagAttrs = JSX.LibraryManagedAttributes<typeof Tag, TagProps>;
+export type TagAttrs = React.JSX.LibraryManagedAttributes<typeof Tag, TagProps>;

package/components/tag/tag.js

@@ -112,7 +112,7 @@ class Tag extends PureComponent {
         iconClassName: styles.removeIcon,
         onClick: this.props.onRemove,
         style: {
-          '--ring-icon-secondary-color': this.props.textColor
+          '--ring-secondary-color': this.props.textColor
         },
         height: ControlsHeight.M
       });

package/components/tags-input/tags-input.d.ts

@@ -109,5 +109,5 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export declare const RerenderableTagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<TagsInput>>;
-export type TagsInputAttrs = JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
+export type TagsInputAttrs = React.JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
 export {};

package/components/tags-list/tags-list.d.ts

@@ -30,5 +30,5 @@ export default class TagsList<T extends TagType> extends Component<TagsListProps
     renderTag(tag: T, focusTag: boolean): import("react/jsx-runtime").JSX.Element;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type TagsListAttrs<T extends TagType = TagType> = JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
+export type TagsListAttrs<T extends TagType = TagType> = React.JSX.LibraryManagedAttributes<typeof TagsList, TagsListProps<T>>;
 export {};

package/components/toggle/toggle.d.ts

@@ -19,5 +19,5 @@ declare class Toggle extends PureComponent<ToggleProps> {
     };
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type ToggleAttrs = JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
+export type ToggleAttrs = React.JSX.LibraryManagedAttributes<typeof Toggle, ToggleProps>;
 export default Toggle;

package/components/tooltip/tooltip.d.ts

@@ -56,5 +56,5 @@ export default class Tooltip extends Component<TooltipProps> {
     onNestedTooltipHide: () => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type TooltipAttrs = JSX.LibraryManagedAttributes<typeof Tooltip, TooltipProps>;
+export type TooltipAttrs = React.JSX.LibraryManagedAttributes<typeof Tooltip, TooltipProps>;
 export {};

package/components/upload/upload.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export type UploadVariant = 'empty' | 'error' | 'success';
+interface Props {
+    className?: string;
+    onFilesSelected: (files: File[]) => void;
+    onFilesRejected?: (files: File[]) => void;
+    validate?: (file: File) => boolean;
+    multiple?: HTMLInputElement['multiple'];
+    renderIcon?: () => ReactNode;
+    accept?: HTMLInputElement['accept'];
+    disabled?: boolean;
+    variant?: UploadVariant;
+    children?: ReactNode;
+}
+export type UploadHandle = {
+    openFilePicker: () => void;
+};
+export declare const Upload: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<UploadHandle>>;
+export default Upload;

package/components/upload/upload.js

@@ -0,0 +1,88 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useState, useImperativeHandle, useCallback } from 'react';
+import classNames from 'classnames';
+import attachmentIcon from '@jetbrains/icons/attachment';
+import Icon from '../icon/icon.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import '../global/memoize.js';
+
+var styles = {"upload":"upload_rui_5064","success":"success_rui_5064","error":"error_rui_5064","dragOver":"dragOver_rui_5064","disabled":"disabled_rui_5064","invisibleFileInput":"invisibleFileInput_rui_5064","attachmentIcon":"attachmentIcon_rui_5064"};
+
+const Upload = /*#__PURE__*/forwardRef(function Upload(_ref, ref) {
+  let {
+    children,
+    className,
+    onFilesSelected,
+    onFilesRejected,
+    validate = () => true,
+    variant = 'empty',
+    multiple,
+    renderIcon = () => jsx(Icon, {
+      className: styles.attachmentIcon,
+      glyph: attachmentIcon
+    }),
+    accept,
+    disabled
+  } = _ref;
+  const fileInputRef = useRef(null);
+  const [dragOver, setDragOver] = useState(false);
+  useImperativeHandle(ref, () => ({
+    openFilePicker: () => {
+      var _fileInputRef$current;
+      return (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 ? void 0 : _fileInputRef$current.click();
+    }
+  }), []);
+  const handleSelectedFiles = useCallback(files => {
+    if (!files.length) {
+      return;
+    }
+    const rejected = files.filter(file => !validate(file));
+    if (rejected.length > 0) {
+      onFilesRejected === null || onFilesRejected === void 0 || onFilesRejected(files);
+      return;
+    }
+    onFilesSelected(files);
+  }, [onFilesRejected, onFilesSelected, validate]);
+  const onDragEnter = useCallback(() => setDragOver(true), []);
+  const onDragOver = useCallback(e => e.preventDefault(), []);
+  const onDragLeave = useCallback(() => setDragOver(false), []);
+  const onInputChange = useCallback(() => {
+    var _fileInputRef$current2;
+    setDragOver(false);
+    if ((_fileInputRef$current2 = fileInputRef.current) !== null && _fileInputRef$current2 !== void 0 && _fileInputRef$current2.files) {
+      handleSelectedFiles(Array.from(fileInputRef.current.files));
+    }
+  }, [handleSelectedFiles]);
+  return jsxs("div", {
+    className: classNames(className, styles.upload, {
+      [styles.disabled]: disabled,
+      [styles.dragOver]: dragOver,
+      [styles.success]: variant === 'success',
+      [styles.error]: variant === 'error'
+    }),
+    "data-test": "ring-upload",
+    children: [jsx("input", {
+      onDragEnter: onDragEnter,
+      onDragOver: onDragOver,
+      onDragLeave: onDragLeave,
+      disabled: disabled,
+      ref: fileInputRef,
+      "data-test": "ring-file-input",
+      multiple: multiple,
+      accept: accept,
+      onChange: onInputChange,
+      type: "file",
+      autoComplete: "off",
+      "aria-label": "file-picker",
+      className: styles.invisibleFileInput
+    }), renderIcon(), children]
+  });
+});
+
+export { Upload, Upload as default };

package/components/user-agreement/user-agreement.d.ts

@@ -38,5 +38,5 @@ export default class UserAgreement extends PureComponent<UserAgreementProps> {
     onScrollToBottom: () => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type UserAgreementAttrs = JSX.LibraryManagedAttributes<typeof UserAgreement, UserAgreementProps>;
+export type UserAgreementAttrs = React.JSX.LibraryManagedAttributes<typeof UserAgreement, UserAgreementProps>;
 export {};

package/components/user-card/card.d.ts

@@ -33,4 +33,4 @@ export default class UserCard extends PureComponent<UserCardProps> {
     copyEmail: () => void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type UserCardAttrs = JSX.LibraryManagedAttributes<typeof UserCard, UserCardProps>;
+export type UserCardAttrs = React.JSX.LibraryManagedAttributes<typeof UserCard, UserCardProps>;

package/components/user-card/tooltip.d.ts

@@ -23,5 +23,5 @@ export default class UserCardTooltip extends Component<UserCardTooltipProps> {
     };
     render(): import("react/jsx-runtime").JSX.Element;
 }
-export type UserCardTooltipAttrs = JSX.LibraryManagedAttributes<typeof UserCardTooltip, UserCardTooltipProps>;
+export type UserCardTooltipAttrs = React.JSX.LibraryManagedAttributes<typeof UserCardTooltip, UserCardTooltipProps>;
 export {};

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.15",
+  "version": "7.0.17",
   "description": "JetBrains UI library",
-  "author": "JetBrains",
+  "author": {
+    "name": "JetBrains"
+  },
   "license": "Apache-2.0",
   "packageManager": "npm@8.11.0",
   "files": [
@@ -42,6 +44,8 @@
     "screenshots-test-ci": "npm --prefix packages/screenshots run test-ci",
     "screenshots-gather": "npm --prefix packages/screenshots run gather",
     "build-stories": "storybook build --quiet -c .storybook -o storybook-dist",
+    "chromatic": "npx chromatic --build-script-name build-stories --exit-once-uploaded",
+    "chromatic-local": "dotenv -- npm run publish-stories",
     "prebuild": "rimraf components && tsc --project tsconfig-build.json && cpy './**/*' '!**/*.ts' '!**/*.tsx' '!**/__mocks__/**' ../components --parents --cwd=src/",
     "build": "./node_modules/.bin/rollup -c --bundleConfigAsCjs",
     "postbuild": "cpy './**/*.d.ts' ../dist --parents --cwd=components/",
@@ -69,7 +73,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "ssh://github.com/JetBrains/ring-ui.git"
+    "url": "git+ssh://git@github.com/JetBrains/ring-ui.git"
   },
   "readmeFilename": "README.md",
   "devDependencies": {},
@@ -113,5 +117,9 @@
   "engines": {
     "node": ">=14.0",
     "npm": ">=6.0.0"
-  }
+  },
+  "bugs": {
+    "url": "https://github.com/JetBrains/ring-ui/issues"
+  },
+  "homepage": "https://github.com/JetBrains/ring-ui#readme"
 }