@webiny/ui 0.0.0-ee-vpcs.549378cf03

package/package.json

@@ -0,0 +1,136 @@
+{
+	"name": "@webiny/ui",
+	"version": "0.0.0-ee-vpcs.549378cf03",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"description": "A collection of material-design based components, for all of your UI development needs.",
+	"contributors": [
+		"Pavel Denisjuk <pavel@webiny.com>",
+		"Sven Al Hamad <sven@webiny.com>",
+		"Adrian Smijulj <adrian@webiny.com>"
+	],
+	"license": "MIT",
+	"dependencies": {
+		"@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",
+		"@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.4.0",
+		"@tanstack/react-table": "8.5.22",
+		"brace": "0.11.1",
+		"classnames": "2.3.2",
+		"cropperjs": "1.5.12",
+		"dot-prop-immutable": "2.1.1",
+		"downshift": "2.2.3",
+		"emotion": "10.0.17",
+		"keycode": "2.2.1",
+		"load-script": "1.0.0",
+		"lodash": "4.17.21",
+		"material-components-web": "5.1.0",
+		"nprogress": "0.2.0",
+		"nuka-carousel": "4.7.1",
+		"rc-tooltip": "3.7.3",
+		"react-ace": "6.6.0",
+		"react-butterfiles": "1.3.3",
+		"react-color": "2.19.3",
+		"react-columned": "1.1.3",
+		"react-custom-scrollbars": "4.2.1",
+		"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.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/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": "^0.0.0-ee-vpcs.549378cf03",
+		"@webiny/form": "^0.0.0-ee-vpcs.549378cf03",
+		"@webiny/project-utils": "^0.0.0-ee-vpcs.549378cf03",
+		"@webiny/storybook-utils": "^0.0.0-ee-vpcs.549378cf03",
+		"@webiny/validation": "^0.0.0-ee-vpcs.549378cf03",
+		"babel-loader": "^8.0.0-beta.6",
+		"babel-plugin-emotion": "^9.2.8",
+		"execa": "^5.0.0",
+		"jest-dom": "^3.0.0",
+		"ncp": "^2.0.0",
+		"raw-loader": "^0.5.1",
+		"react-docgen": "^5.0.0",
+		"react-docgen-typescript-loader": "^3.6.0",
+		"regenerator-runtime": "^0.13.2",
+		"rimraf": "^3.0.2",
+		"sass": "^1.38.0",
+		"sass-loader": "^12.1.0",
+		"ttypescript": "^1.5.13",
+		"typescript": "4.7.4",
+		"webpack": "^4.46.0"
+	},
+	"peerDependencies": {
+		"minimatch": "^5.1.0",
+		"react": "^17.0.2",
+		"react-dom": "^17.0.2"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch",
+		"storybook": "start-storybook -p 6006",
+		"build-storybook": "build-storybook -c .storybook -o ${OUT:-.out}"
+	},
+	"jest": {
+		"transform": {
+			"^.+\\.js$": "babel-jest"
+		},
+		"setupTestFrameworkScriptFile": "jest-extended"
+	},
+	"adio": {
+		"ignore": {
+			"dependencies": [
+				"@svgr/webpack",
+				"material-components-web",
+				"@emotion/core"
+			]
+		}
+	},
+	"gitHead": "549378cf03fcd27845fc3fa23d1dc6b32896f630"
+}

package/styles.scss

@@ -0,0 +1,43 @@
+// webiny light theme
+$webiny-theme-light-primary: #fa5723 !default;
+$webiny-theme-light-secondary: #00ccb0 !default;
+$webiny-theme-light-background: #f2f2f2 !default;
+$webiny-theme-light-surface: #fff !default;
+$webiny-theme-light-on-primary: #ffffff !default;
+$webiny-theme-light-on-secondary: #ffffff !default;
+$webiny-theme-light-on-surface: #000000 !default;
+$webiny-theme-light-on-background: rgba(212, 212, 212, 0.5) !default;
+$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-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;
+$mdc-theme-secondary: $webiny-theme-light-secondary;
+$mdc-theme-on-secondary: $webiny-theme-light-on-secondary;
+$mdc-theme-surface: $webiny-theme-light-surface;
+$mdc-theme-on-surface: $webiny-theme-light-on-surface;
+$mdc-theme-background: $webiny-theme-light-background;
+$mdc-theme-on-background: $webiny-theme-light-on-background;
+$mdc-theme-text-primary-on-background: $webiny-theme-light-text-primary-on-background !global;
+$mdc-theme-text-secondary-on-background: $webiny-theme-light-text-secondary-on-background;
+$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|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.
+ */
+.mdc-select__native-control {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+.mdc-select--box .mdc-select__native-control {
+  padding-top: 10px;
+}

package/types.d.ts

@@ -0,0 +1,12 @@
+export interface FormComponentProps<TValue = any> {
+    validation?: {
+        isValid: boolean;
+        message: string;
+        results?: {
+            [key: string]: any;
+        };
+    };
+    validate?: () => Promise<boolean | any>;
+    value?: TValue;
+    onChange?: (value: TValue) => void;
+}

package/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/types.js.map

@@ -0,0 +1 @@
+{"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":""}