iguazio.dashboard-react-controls 0.0.1

package/dist/scss/shadows.scss

@@ -0,0 +1,14 @@
+@import './colors';
+
+$jobsShadow: 0 3px 4px rgba($black, 0.18);
+$headerShadow: inset 0 -1px 0 #edecef;
+$mainHeaderShadow: 0 2px 4px -1px rgba($black, 0.2),
+  0 4px 5px 0 rgba($black, 0.14), 0 1px 10px 0 rgba($black, 0.12);
+$filterShadow: 0 4px 8px rgba($black, 0.23);
+$tooltipShadow: 0 5px 11px rgba($black, 0.18);
+$hiddenChipsBlockShadow: 1px 3px 8px rgba($black, 0.2);
+$previewBoxShadowInit: 0px 3px 10px rgba(0, 0, 0, 0.07);
+$previewBoxShadow: 0 0 16px rgba($black, 0.3);
+$projectStatisticsShadow: 0 8px 30px rgba($topaz, 0.08);
+$dropdownShadow: 0 0 30px rgba($black, 0.15);
+$tablePanelShadow: -3px 0 10px -5px rgba($black, 0.2);

package/dist/scss/variables.scss

@@ -0,0 +1,13 @@
+@import './colors';
+
+$heightRowTable: 55px;
+$leftRowOffset: 49px;
+$mainBorderRadius: 4px;
+
+$navbarWidth: 235px;
+$navbarTogglerWidth: 35px;
+
+$headerHeight: 64px;
+
+$primaryTextColor: $primary;
+$secondaryTextColor: $topaz;

package/dist/types.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POP_UP_CUSTOM_POSITION = exports.BUTTON_VARIANTS = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("./constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var BUTTON_VARIANTS = _propTypes.default.oneOf([_constants.PRIMARY_BUTTON, _constants.SECONDARY_BUTTON, _constants.TERTIARY_BUTTON, _constants.DANGER_BUTTON, _constants.LABEL_BUTTON]);
+
+exports.BUTTON_VARIANTS = BUTTON_VARIANTS;
+
+var POP_UP_CUSTOM_POSITION = _propTypes.default.shape({
+  element: _propTypes.default.shape({}),
+  position: _propTypes.default.oneOf(['top-left', 'top-right', 'bottom-left', 'bottom-right'])
+});
+
+exports.POP_UP_CUSTOM_POSITION = POP_UP_CUSTOM_POSITION;

package/dist/utils/common.util.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openPopUp = exports.isEveryObjectValueEmpty = void 0;
+
+var _reactModalPromise = require("react-modal-promise");
+
+var openPopUp = function openPopUp(element, props) {
+  return (0, _reactModalPromise.create)(element)(props);
+};
+
+exports.openPopUp = openPopUp;
+
+var isEveryObjectValueEmpty = function isEveryObjectValueEmpty(obj) {
+  return Object.values(obj).every(function (item) {
+    return !item || item.length === 0;
+  });
+};
+
+exports.isEveryObjectValueEmpty = isEveryObjectValueEmpty;

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "iguazio.dashboard-react-controls",
+  "version": "0.0.1",
+  "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:iguazio/dashboard-react-controls.git"
+  },
+  "keywords": [
+    "Iguazio",
+    "iguazio",
+    "MLRun",
+    "mlrun"
+  ],
+  "peerDependencies": {
+    "classnames": "*",
+    "lodash": "*",
+    "prop-types": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-modal-promise": "*",
+    "react-transition-group": "*"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.9",
+    "@babel/eslint-parser": "^7.17.0",
+    "@babel/plugin-transform-react-jsx": "^7.17.3",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@storybook/addon-actions": "^6.4.22",
+    "@storybook/addon-essentials": "^6.4.22",
+    "@storybook/addon-interactions": "^6.4.22",
+    "@storybook/addon-links": "^6.4.22",
+    "@storybook/builder-webpack5": "^6.4.22",
+    "@storybook/manager-webpack5": "^6.4.22",
+    "@storybook/preset-create-react-app": "^4.1.0",
+    "@storybook/react": "^6.4.22",
+    "@storybook/testing-library": "0.0.9",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/user-event": "^13.5.0",
+    "babel-loader": "^8.2.4",
+    "babel-plugin-inline-react-svg": "^2.0.1",
+    "classnames": "^2.3.1",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.8.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-config-react-app": "^7.0.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-storybook": "^0.5.10",
+    "eslint-webpack-plugin": "^3.1.1",
+    "lodash": "^4.17.21",
+    "node": "14.18.1",
+    "prettier": "^2.5.1",
+    "prop-types": "^15.8.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-modal-promise": "^1.0.2",
+    "react-scripts": "5.0.0",
+    "react-transition-group": "^4.4.2",
+    "sass": "^1.50.0",
+    "web-vitals": "^2.1.4",
+    "webpack": "^5.72.0"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "build-storybook": "build-storybook",
+    "storybook": "start-storybook -p 6006",
+    "compile": "npm rm -rf dist/* && babel src/lib --out-dir dist --copy-files --no-copy-ignored --ignore src/**/*.stories.js"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {}
+}