@webiny/ui 5.33.5-beta.0 → 5.34.0-beta.0

package/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"names":["Typography","props","children"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Typography as RwmcTypography,\n    TypographyProps as RmwcTypographyProps\n} from \"@rmwc/typography\";\n\nexport interface TypographyProps extends RmwcTypographyProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Typography: React.FC<TypographyProps> = props => {\n    return <RwmcTypography {...props}>{props.children}</RwmcTypography>;\n};\n\nexport { Typography };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAYA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EACnD,oBAAO,6BAAC,sBAAD,EAAoBA,KAApB,EAA4BA,KAAK,CAACC,QAAlC,CAAP;AACH,CAFD"}
+{"version":3,"names":["Typography","props","children"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    Typography as RwmcTypography,\n    TypographyProps as RmwcTypographyProps\n} from \"@rmwc/typography\";\n\ninterface TypographyProps extends RmwcTypographyProps {\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Typography: React.FC<TypographyProps> = props => {\n    return <RwmcTypography {...props}>{props.children}</RwmcTypography>;\n};\n\nexport { Typography, TypographyProps };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAYA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;EACnD,oBAAO,6BAAC,sBAAD,EAAoBA,KAApB,EAA4BA,KAAK,CAACC,QAAlC,CAAP;AACH,CAFD"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.33.5-beta.0",
+	"version": "5.34.0-beta.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,13 +14,14 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.18.9",
+		"@babel/runtime": "7.19.0",
 		"@editorjs/editorjs": "2.25.0",
 		"@emotion/core": "10.3.1",
 		"@emotion/styled": "10.3.0",
 		"@rmwc/button": "7.0.3",
 		"@rmwc/checkbox": "7.0.3",
 		"@rmwc/chip": "7.0.3",
+		"@rmwc/data-table": "7.0.3",
 		"@rmwc/dialog": "7.0.3",
 		"@rmwc/drawer": "7.0.3",
 		"@rmwc/elevation": "7.0.3",
@@ -39,9 +40,10 @@
 		"@rmwc/textfield": "7.0.3",
 		"@rmwc/top-app-bar": "7.0.3",
 		"@rmwc/typography": "7.0.3",
-		"@svgr/webpack": "6.3.1",
+		"@svgr/webpack": "6.4.0",
+		"@tanstack/react-table": "8.5.22",
 		"brace": "0.11.1",
-		"classnames": "2.3.1",
+		"classnames": "2.3.2",
 		"cropperjs": "1.5.12",
 		"dot-prop-immutable": "2.1.1",
 		"downshift": "2.2.3",
@@ -58,33 +60,32 @@
 		"react-color": "2.19.3",
 		"react-columned": "1.1.3",
 		"react-custom-scrollbars": "4.2.1",
-		"react-loading-skeleton": "0.5.0",
+		"react-loading-skeleton": "3.1.0",
 		"react-spinner-material": "1.1.4",
 		"react-transition-group": "4.4.5",
 		"shortid": "2.2.16"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.16.0",
-		"@babel/core": "^7.16.0",
-		"@babel/plugin-proposal-class-properties": "^7.16.0",
-		"@babel/preset-env": "^7.16.4",
-		"@babel/preset-typescript": "^7.16.0",
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.19.3",
+		"@babel/plugin-proposal-class-properties": "^7.18.6",
+		"@babel/preset-env": "^7.19.4",
+		"@babel/preset-typescript": "^7.18.6",
 		"@storybook/addon-info": "^5.2.8",
 		"@storybook/addon-knobs": "^5.0.5",
 		"@storybook/addon-links": "^5.0.5",
 		"@storybook/react": "^5.2.8",
 		"@testing-library/react": "^12.1.2",
-		"@types/classnames": "^2.2.7",
 		"@types/nprogress": "^0.2.0",
 		"@types/rc-tooltip": "^3.7.2",
 		"@types/react-custom-scrollbars": "^4.0.10",
 		"@types/react-transition-group": "^4.4.4",
 		"@types/shortid": "^0.0.29",
-		"@webiny/cli": "^5.33.5-beta.0",
-		"@webiny/form": "^5.33.5-beta.0",
-		"@webiny/project-utils": "^5.33.5-beta.0",
-		"@webiny/storybook-utils": "^5.33.5-beta.0",
-		"@webiny/validation": "^5.33.5-beta.0",
+		"@webiny/cli": "^5.34.0-beta.0",
+		"@webiny/form": "^5.34.0-beta.0",
+		"@webiny/project-utils": "^5.34.0-beta.0",
+		"@webiny/storybook-utils": "^5.34.0-beta.0",
+		"@webiny/validation": "^5.34.0-beta.0",
 		"babel-loader": "^8.0.0-beta.6",
 		"babel-plugin-emotion": "^9.2.8",
 		"execa": "^5.0.0",
@@ -102,6 +103,7 @@
 		"webpack": "^4.46.0"
 	},
 	"peerDependencies": {
+		"minimatch": "^5.1.0",
 		"react": "^17.0.2",
 		"react-dom": "^17.0.2"
 	},
@@ -130,5 +132,5 @@
 			]
 		}
 	},
-	"gitHead": "2d8919d669aefd7df32749e6a4b365a50e1d7be1"
+	"gitHead": "9648454619a1bfb35040eb00f27a64ed75194e61"
 }

package/styles.scss

@@ -11,9 +11,8 @@ $webiny-theme-light-text-primary-on-background: rgba(0, 0, 0, 0.87);
 $webiny-theme-light-text-secondary-on-background: rgba(0, 0, 0, 0.54);
 $webiny-theme-light-text-hint-on-dark: rgba(255, 255, 255, 0.5);
 $webiny-theme-light-caret-down: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
-
-// webiny typography
 $webiny-theme-typography-font-family: "Source Sans Pro" !default;
+$webiny-theme-typography-subtitle2-font-weight: 600 !default;
 
 $mdc-theme-primary: $webiny-theme-light-primary;
 $mdc-theme-on-primary: $webiny-theme-light-on-primary;
@@ -29,7 +28,7 @@ $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 url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Open+Sans:300,400,600,700|Source+Code+Pro:400,700");
 
 /*
 Fix for select box appearance. For some reason browser prefix css attributes are striped away.

package/types.d.ts

@@ -1,4 +1,4 @@
-export interface FormComponentProps {
+export interface FormComponentProps<TValue = any> {
     validation?: {
         isValid: boolean;
         message: string;
@@ -7,6 +7,6 @@ export interface FormComponentProps {
         };
     };
     validate?: () => Promise<boolean | any>;
-    value?: any;
-    onChange?: (value: any) => void;
+    value?: TValue;
+    onChange?: (value: TValue) => void;
 }

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface FormComponentProps {\n    validation?: {\n        /* Is form element's value valid? */\n        isValid: boolean;\n        /* Error message if value is not valid. */\n        message: string;\n        /* Any validation result returned by the validator. */\n        results?: { [key: string]: any };\n    };\n\n    /* Provided by <Form> component to perform validation when value has changed. */\n    validate?: () => Promise<boolean | any>;\n\n    /* Form component's value. */\n    value?: any;\n\n    /* A callback that is executed each time a value is changed. */\n    onChange?: (value: any) => void;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface FormComponentProps<TValue = any> {\n    validation?: {\n        /* Is form element's value valid? */\n        isValid: boolean;\n        /* Error message if value is not valid. */\n        message: string;\n        /* Any validation result returned by the validator. */\n        results?: { [key: string]: any };\n    };\n\n    /* Provided by <Form> component to perform validation when value has changed. */\n    validate?: () => Promise<boolean | any>;\n\n    /* Form component's value. */\n    value?: TValue;\n\n    /* A callback that is executed each time a value is changed. */\n    onChange?: (value: TValue) => void;\n}\n"],"mappings":""}