@webiny/ui 5.29.0 → 5.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.29.0",
+	"version": "5.30.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,39 +14,31 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.18.3",
+		"@babel/runtime": "7.18.6",
 		"@editorjs/editorjs": "2.25.0",
 		"@emotion/core": "10.3.1",
 		"@emotion/styled": "10.3.0",
-		"@material/base": "3.1.0",
-		"@material/textfield": "3.2.0",
-		"@rmwc/base": "file:./rmwc/base",
-		"@rmwc/button": "5.7.2",
-		"@rmwc/checkbox": "5.7.2",
-		"@rmwc/chip": "5.7.2",
-		"@rmwc/dialog": "5.7.2",
-		"@rmwc/drawer": "5.7.2",
-		"@rmwc/elevation": "5.7.2",
-		"@rmwc/fab": "5.7.2",
-		"@rmwc/floating-label": "5.7.2",
-		"@rmwc/grid": "5.7.2",
-		"@rmwc/icon": "5.7.2",
-		"@rmwc/icon-button": "5.7.2",
-		"@rmwc/line-ripple": "5.7.2",
-		"@rmwc/list": "5.7.2",
-		"@rmwc/menu": "5.7.2",
-		"@rmwc/notched-outline": "5.7.2",
-		"@rmwc/radio": "5.7.2",
-		"@rmwc/ripple": "5.7.2",
-		"@rmwc/select": "5.7.2",
-		"@rmwc/slider": "5.7.2",
-		"@rmwc/snackbar": "5.7.2",
-		"@rmwc/switch": "5.7.2",
-		"@rmwc/tabs": "5.7.2",
-		"@rmwc/textfield": "file:./rmwc/textfield",
-		"@rmwc/top-app-bar": "5.7.2",
-		"@rmwc/types": "5.6.0",
-		"@rmwc/typography": "5.7.2",
+		"@rmwc/button": "7.0.3",
+		"@rmwc/checkbox": "7.0.3",
+		"@rmwc/chip": "7.0.3",
+		"@rmwc/dialog": "7.0.3",
+		"@rmwc/drawer": "7.0.3",
+		"@rmwc/elevation": "7.0.3",
+		"@rmwc/fab": "7.0.3",
+		"@rmwc/grid": "7.0.3",
+		"@rmwc/icon-button": "7.0.3",
+		"@rmwc/list": "7.0.3",
+		"@rmwc/menu": "7.0.3",
+		"@rmwc/radio": "7.0.3",
+		"@rmwc/ripple": "7.0.3",
+		"@rmwc/select": "7.0.3",
+		"@rmwc/slider": "7.0.3",
+		"@rmwc/snackbar": "7.0.3",
+		"@rmwc/switch": "7.0.3",
+		"@rmwc/tabs": "7.0.3",
+		"@rmwc/textfield": "7.0.3",
+		"@rmwc/top-app-bar": "7.0.3",
+		"@rmwc/typography": "7.0.3",
 		"@svgr/webpack": "6.2.1",
 		"brace": "0.11.1",
 		"classnames": "2.3.1",
@@ -54,13 +46,10 @@
 		"dot-prop-immutable": "2.1.1",
 		"downshift": "2.2.3",
 		"emotion": "10.0.17",
-		"focus-trap": "5.1.0",
-		"hyperform": "0.9.23",
 		"keycode": "2.2.1",
 		"load-script": "1.0.0",
 		"lodash": "4.17.21",
-		"material-components-web": "3.2.0",
-		"mutation-observer": "1.0.3",
+		"material-components-web": "5.1.0",
 		"nprogress": "0.2.0",
 		"nuka-carousel": "4.7.1",
 		"rc-tooltip": "3.7.3",
@@ -91,11 +80,11 @@
 		"@types/react-custom-scrollbars": "^4.0.10",
 		"@types/react-transition-group": "^4.4.4",
 		"@types/shortid": "^0.0.29",
-		"@webiny/cli": "^5.29.0",
-		"@webiny/form": "^5.29.0",
-		"@webiny/project-utils": "^5.29.0",
-		"@webiny/storybook-utils": "^5.29.0",
-		"@webiny/validation": "^5.29.0",
+		"@webiny/cli": "^5.30.0",
+		"@webiny/form": "^5.30.0",
+		"@webiny/project-utils": "^5.30.0",
+		"@webiny/storybook-utils": "^5.30.0",
+		"@webiny/validation": "^5.30.0",
 		"babel-loader": "^8.0.0-beta.6",
 		"babel-plugin-emotion": "^9.2.8",
 		"execa": "^5.0.0",
@@ -109,7 +98,7 @@
 		"sass": "^1.38.0",
 		"sass-loader": "^12.1.0",
 		"ttypescript": "^1.5.13",
-		"typescript": "4.5.5",
+		"typescript": "4.7.4",
 		"webpack": "^4.46.0"
 	},
 	"peerDependencies": {
@@ -137,10 +126,9 @@
 			"dependencies": [
 				"@svgr/webpack",
 				"material-components-web",
-				"@emotion/core",
-				"@rmwc/base"
+				"@emotion/core"
 			]
 		}
 	},
-	"gitHead": "8cf3d623d56105ad5a4bacbcb4140959e11477e6"
+	"gitHead": "3cadc5d26e565586b28772afbc18ae554ce7b782"
 }

package/styles.scss

@@ -28,7 +28,7 @@ $mdc-theme-text-secondary-on-background: $webiny-theme-light-text-secondary-on-b
 $mdc-theme-text-hint-on-dark: $webiny-theme-light-text-hint-on-dark;
 $mdc-typography-font-family: $webiny-theme-typography-font-family;
 
-@import "~material-components-web/material-components-web.scss";
+@import "material-components-web/material-components-web.scss";
 @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");
 
 /*

package/Chips/ChipIcon.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ChipIconProps as RmwcChipIconProps } from "@rmwc/chip";
-export declare type ChipIconProps = RmwcChipIconProps;
-export declare const ChipIcon: React.FC<ChipIconProps>;

package/Chips/ChipIcon.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChipIcon = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _chip = require("@rmwc/chip");
-
-var _styles = require("./styles");
-
-var ChipIcon = function ChipIcon(props) {
-  return /*#__PURE__*/_react.default.createElement(_chip.ChipIcon, Object.assign({
-    className: _styles.chipIconWrapper
-  }, props));
-};
-
-exports.ChipIcon = ChipIcon;

package/Chips/ChipIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ChipIcon","props","chipIconWrapper"],"sources":["ChipIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ChipIcon as RmwcChipIcon, ChipIconProps as RmwcChipIconProps } from \"@rmwc/chip\";\nimport { chipIconWrapper } from \"./styles\";\n\nexport type ChipIconProps = RmwcChipIconProps;\n\nexport const ChipIcon: React.FC<ChipIconProps> = props => {\n    return <RmwcChipIcon className={chipIconWrapper} {...props} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAIO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,CAAAC,KAAK,EAAI;EACtD,oBAAO,6BAAC,cAAD;IAAc,SAAS,EAAEC;EAAzB,GAA8CD,KAA9C,EAAP;AACH,CAFM"}

package/rmwc/base/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 James Friedman
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/rmwc/base/README.md

@@ -1,3 +0,0 @@
-# RMWC Base module
-
-This module contains core functionality shared between all RMWC components.

package/rmwc/base/code/component.d.ts

@@ -1,18 +0,0 @@
-/* eslint-disable */
-import * as RMWC from '@rmwc/types';
-import * as React from 'react';
-import { DeprecateT } from './utils/deprecation';
-declare type ClassNamesInputT = ((props: any) => Array<string | undefined | null | {
-    [className: string]: boolean | undefined | string | number;
-}>) | string[];
-interface ComponentFactoryOpts<Props> {
-    displayName: string;
-    classNames?: ClassNamesInputT;
-    tag?: RMWC.TagT;
-    deprecate?: DeprecateT;
-    consumeProps?: string[];
-    defaultProps?: any & Partial<RMWC.ComponentProps & Props>;
-    render?: (props: any, ref: React.Ref<any>, tag: RMWC.TagT) => React.ReactElement<any>;
-}
-export declare const componentFactory: <P extends {}>({ displayName, classNames, tag: defaultTag, deprecate, defaultProps, consumeProps, render }: ComponentFactoryOpts<P>) => React.ComponentType<RMWC.MergeInterfacesT<P, RMWC.ComponentProps>>;
-export {};

package/rmwc/base/code/component.js

@@ -1,163 +0,0 @@
-/* eslint-disable */
-"use strict";
-var __assign =
-    (this && this.__assign) ||
-    function () {
-        __assign =
-            Object.assign ||
-            function (t) {
-                for (var s, i = 1, n = arguments.length; i < n; i++) {
-                    s = arguments[i];
-                    for (var p in s) {
-                        if (Object.prototype.hasOwnProperty.call(s, p)) {
-                            t[p] = s[p];
-                        }
-                    }
-                }
-                return t;
-            };
-        return __assign.apply(this, arguments);
-    };
-var __rest =
-    (this && this.__rest) ||
-    function (s, e) {
-        var t = {};
-        for (var p in s) {
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) {
-                t[p] = s[p];
-            }
-        }
-        if (s != null && typeof Object.getOwnPropertySymbols === "function") {
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) {
-                    t[p[i]] = s[p[i]];
-                }
-            }
-        }
-        return t;
-    };
-var __read =
-    (this && this.__read) ||
-    function (o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) {
-            return o;
-        }
-        var i = m.call(o),
-            r,
-            ar = [],
-            e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
-                ar.push(r.value);
-            }
-        } catch (error) {
-            e = { error: error };
-        } finally {
-            try {
-                if (r && !r.done && (m = i["return"])) {
-                    m.call(i);
-                }
-            } finally {
-                if (e) {
-                    throw e.error;
-                }
-            }
-        }
-        return ar;
-    };
-var __spread =
-    (this && this.__spread) ||
-    function () {
-        for (var ar = [], i = 0; i < arguments.length; i++) {
-            ar = ar.concat(__read(arguments[i]));
-        }
-        return ar;
-    };
-var __importStar =
-    (this && this.__importStar) ||
-    function (mod) {
-        if (mod && mod.__esModule) {
-            return mod;
-        }
-        var result = {};
-        if (mod != null) {
-            for (var k in mod) {
-                if (Object.hasOwnProperty.call(mod, k)) {
-                    result[k] = mod[k];
-                }
-            }
-        }
-        result["default"] = mod;
-        return result;
-    };
-var __importDefault =
-    (this && this.__importDefault) ||
-    function (mod) {
-        return mod && mod.__esModule ? mod : { default: mod };
-    };
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var with_theme_1 = require("./with-theme");
-var deprecation_1 = require("./utils/deprecation");
-// ALL OF THESE FUNCTIONS MUTATE THE COPY OF PROPS
-// this is intentional and done for speed and memory
-var handleClassNames = function (props, classNames, className, theme) {
-    var finalClassNames = classnames_1.default.apply(
-        void 0,
-        __spread(
-            [className],
-            !!theme ? with_theme_1.parseThemeOptions(theme) : [],
-            typeof classNames === "function" ? classNames(props) : classNames
-        )
-    );
-    props.className = finalClassNames;
-};
-var handleTag = function (props, defaultTag, tag) {
-    // Handle the case where we are extending a component but passing
-    // a string as a tag. For instance, extending an Icon but rendering a span
-    if (typeof defaultTag !== "string") {
-        props.tag = tag;
-        return defaultTag;
-    }
-    return tag || defaultTag;
-};
-var handleConsumeProps = function (props, consumeProps) {
-    consumeProps.forEach(function (p) {
-        delete props[p];
-    });
-};
-exports.componentFactory = function (_a) {
-    var displayName = _a.displayName,
-        _b = _a.classNames,
-        classNames = _b === void 0 ? [] : _b,
-        _c = _a.tag,
-        defaultTag = _c === void 0 ? "div" : _c,
-        deprecate = _a.deprecate,
-        defaultProps = _a.defaultProps,
-        _d = _a.consumeProps,
-        consumeProps = _d === void 0 ? [] : _d,
-        render = _a.render;
-    var Component = React.forwardRef(function (props, ref) {
-        var className = props.className,
-            theme = props.theme,
-            tag = props.tag,
-            rest = __rest(props, ["className", "theme", "tag"]);
-        var newProps = rest;
-        handleClassNames(newProps, classNames, className, theme);
-        var Tag = handleTag(newProps, defaultTag, tag);
-        if (deprecate) {
-            newProps = deprecation_1.handleDeprecations(newProps, deprecate, displayName);
-        }
-        handleConsumeProps(newProps, consumeProps);
-        var finalProps = newProps;
-        // @ts-ignore
-        return render
-            ? render(finalProps, ref, Tag)
-            : React.createElement(Tag, __assign({}, finalProps, { ref: ref }));
-    });
-    Component.displayName = displayName;
-    Component.defaultProps = defaultProps;
-    return Component;
-};

package/rmwc/base/code/foundation-component.d.ts

@@ -1,79 +0,0 @@
-/* eslint-disable */
-import * as RMWC from "@rmwc/types";
-import { SpecificEventListener } from "@material/base/types";
-import * as React from "react";
-export declare class FoundationElement<Props, ElementType = HTMLElement> {
-    private _classes;
-    private _events;
-    private _style;
-    private _props;
-    private _ref;
-    _onChange: (() => void) | null;
-    constructor(onChange: () => void);
-    onChange(): void;
-    destroy(): void;
-    /**************************************************
-     * Classes
-     **************************************************/
-    addClass(className: string): void;
-    removeClass(className: string): void;
-    hasClass(className: string): boolean;
-    /**************************************************
-     * Props
-     **************************************************/
-    setProp(propName: keyof Props, value: any): void;
-    getProp(propName: keyof Props): Partial<Props>[keyof Props];
-    removeProp(propName: keyof Props): void;
-    props(propsToMerge: { [key: string]: any }): any;
-    /**************************************************
-     * Styles
-     **************************************************/
-    setStyle(propertyName: string, value: number | string | null): void;
-    /**************************************************
-     * Events
-     **************************************************/
-    addEventListener(evtName: string, callback: SpecificEventListener<any>): void;
-    removeEventListener(evtName: string, callback: SpecificEventListener<any>): void;
-    /**************************************************
-     * Refs
-     **************************************************/
-    setRef(el: any): void;
-    readonly ref: ElementType | null;
-}
-declare type ExtractProps<TComponentOrTProps> = TComponentOrTProps extends React.Component<
-    infer TProps,
-    any
->
-    ? TProps
-    : TComponentOrTProps;
-export interface FoundationProps extends RMWC.ComponentProps {}
-interface FoundationState {}
-declare type FoundationPropsT<P> = RMWC.MergeInterfacesT<P, FoundationProps>;
-declare type FoundationStateT<S> = S & FoundationState;
-export declare class FoundationComponent<
-    Foundation extends any,
-    P,
-    S extends any = {}
-> extends React.Component<FoundationPropsT<P>, FoundationStateT<S>> {
-    static shouldDebounce: boolean;
-    foundation: Foundation;
-    elements: {
-        [key: string]: FoundationElement<any, any>;
-    };
-    constructor(props: any);
-    public override componentDidMount(): void;
-    componentDidUpdate(prevProps: FoundationPropsT<P>): void;
-    componentWillUnmount(): void;
-    createElement<ElementType extends HTMLElement = HTMLElement>(
-        elementName: string
-    ): FoundationElement<ExtractProps<ElementType>, ElementType>;
-    update(): void;
-    sync(props: any, prevProps?: any): void;
-    syncProp(prop: any, prevProp: any, callback: () => void): void;
-    getDefaultFoundation(): Foundation;
-    /**
-     * Fires a cross-browser-compatible custom event from the component root of the given type,
-     */
-    emit(evtType: string, evtData: any, shouldBubble?: boolean): CustomEvent<any>;
-}
-export {};