@zohodesk/dot 1.7.20-exp.1 → 1.7.20-exp.2

package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState"));
 
-var _ErrorWillBeRightBack = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version3/ErrorWillBeRightBack"));
+var _ErrorWillBeRightBack = _interopRequireDefault(require("@zohodesk/svg/es/errorstate/version3/ErrorWillBeRightBack"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
 
 var _V2_ErrorStatesModule = _interopRequireDefault(require("./../V2_ErrorStates.module.css"));
 

package/lib/version2/lookup/AlertHeader/AlertHeader.js

@@ -9,7 +9,7 @@ exports["default"] = AlertHeader;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _AlertClose = _interopRequireDefault(require("../../AlertClose/AlertClose"));
 

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -17,15 +17,15 @@ var _Lookup = _interopRequireDefault(require("../../../lookup/Lookup/Lookup"));
 
 var _AlertHeader = _interopRequireDefault(require("../AlertHeader/AlertHeader"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
 
 var _Section = _interopRequireDefault(require("../../../lookup/Section/Section"));
 
 var _FormAction = _interopRequireDefault(require("../../../FormAction/FormAction"));
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _AlertLookupNewModule = _interopRequireDefault(require("./AlertLookupNew.module.css"));
 

package/lib/version2/notification/DesktopNotification/DesktopNotification.js

@@ -14,19 +14,19 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
-var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _AutoClose = _interopRequireDefault(require("../../../actions/AutoClose"));
 
-var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
+var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
 
 var _FormAction = _interopRequireDefault(require("../../../FormAction/FormAction"));
 
 var _DesktopNotificationHeader = _interopRequireDefault(require("../DesktopNotificationHeader/DesktopNotificationHeader"));
 
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
 var _DesktopNotificationModule = _interopRequireDefault(require("./DesktopNotification.module.css"));
 

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js

@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _Layout = require("@zohodesk/components/lib/Layout");
+var _Layout = require("@zohodesk/components/es/Layout");
 
 var _AlertClose = _interopRequireDefault(require("../../AlertClose/AlertClose"));
 
 var _AlertIcons = _interopRequireDefault(require("../../alertIcons/AlertIcons"));
 
-var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
 var _Typography = _interopRequireDefault(require("@zohodesk/components/es/Typography/Typography"));
 

package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css

@@ -6,6 +6,7 @@
   composes: varClass;
   min-height: var(--zd_size54) ;
   position: relative;
+  /*css:theme-validation:ignore*/
   color: var(--zdt_desktopnotification_text);
   background-color: var(--alert_lookup_bg_color);
   border-style: solid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.7.20-exp.1",
+  "version": "1.7.20-exp.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -26,22 +26,24 @@
     "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
     "rtl:watch": "react-cli rtl ./src ./es -w",
     "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "prepare": "react-cli clean assets &&  npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert ",
+    "prepare": "react-cli clean assets &&  npm run init && npm run css:build ",
     "init": "npm run clean && npm run build:variables",
     "build:variables": "react-cli clean ./assets && node ./preprocess/index",
     "lint": "react-cli lint",
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
+    "customTest": "node ./__testUtils__/runTest.js",
     "test": "react-cli test",
     "_test": "",
     "snap-update": "npm run test-clean && npm run test -- -u",
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run css:review && review:props && react-cli docs",
-    "prepublishOnly": "node prePublish.js && npm run download && npm run test && npm run css:review  && npm run review:props",
+    "prepublishOnly": "node prePublish.js && npm run downloadOnly && npm run css:review  && npm run review:props",
     "postpublish": "node postPublish.js",
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json",
-    "download": "react-cli clean ./node_modules ./package-lock.json && npm install && cd ../ && npm run download",
+    "download": "npm run downloadOnly  && cd ../ && npm run download",
+    "downloadOnly": "react-cli clean ./node_modules ./package-lock.json && npm install",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
     "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
@@ -52,7 +54,14 @@
     "theme:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation validate ./src ./.cli ./.cli/stringContains.js",
     "theme:addignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation addignore ./src ./.cli ./.cli/stringContains.js",
     "theme:removeignore": "node ./node_modules/@zohodesk-private/node-plugins/es/appearance_theme_validation removeignore ./src ./.cli",
-    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json"
+    "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js propValidationArg.json",
+    "css:layer_config_generate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/scan_css_generate_json.js ./src ./assets css_layer_config.json",
+    "css:layer_wrap_es": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
+    "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib  --rewrite=assets=assets --skip-existing-layer",
+    "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/dot_layer.module.css",
+    "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
+    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run rtl && npm run cssVariableConvert  ",
+    "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.11.9",
@@ -61,17 +70,17 @@
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.2.0",
     "@zohodesk-private/css-variable-migrator": "1.0.9",
-    "@zohodesk-private/node-plugins": "1.1.8",
+    "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
-    "@zohodesk/a11y": "2.3.7",
-    "@zohodesk/components": "1.4.9",
+    "@zohodesk/a11y": "2.3.8",
+    "@zohodesk/components": "1.4.19",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.1.0",
     "@zohodesk/layout": "^3.1.0",
     "@zohodesk/svg": "1.2.2",
-    "@zohodesk/utils": "1.3.14",
+    "@zohodesk/utils": "1.3.15",
     "@zohodesk/variables": "1.1.0",
-    "@zohodesk/virtualizer": "1.0.3",
+    "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
     "@zohodesk/dotkit": "1.0.3",
@@ -80,14 +89,14 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.1.0",
-    "@zohodesk/components": "1.4.9",
+    "@zohodesk/components": "1.4.19",
     "@zohodesk/icons": "1.1.0",
     "@zohodesk/svg": "1.2.2",
-    "@zohodesk/virtualizer": "1.0.3",
+    "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.3.7",
+    "@zohodesk/utils": "1.3.15",
+    "@zohodesk/a11y": "2.3.8",
     "@zohodesk/layout": "3.1.0"
   }
 }

package/.cli/MissedPropType_Keys.html

@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
-
-    <title>Missed PropType Key</title>
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            font-family: 'Asap Condensed', sans-serif;
-        }
-
-        table {
-            width: 100%;
-            border-collapse: collapse;
-        }
-
-        th {
-            position: sticky;
-            top: 0;
-            background-color: #001C30;
-            color: #F5F5F5;
-        }
-
-        th,
-        td {
-            border: 1px solid black;
-            padding: 8px;
-        }
-
-        tr:nth-child(even) {
-            background-color: #EDEEF7;
-        }
-
-        .table-container {
-            margin-bottom: 20px;
-        }
-    </style>
-</head>
-
-<body>
-    <div id="table-container"></div>
-    <script>
-        const jsonData = {}
-        const tableContainer = document.getElementById('table-container');
-        const table = document.createElement('table');
-        const thead = document.createElement('thead');
-        const tbody = document.createElement('tbody');
-
-        const headerRow = document.createElement('tr');
-        const headers = ['No', 'Component', 'FilePath'];
-        headers.forEach(header => {
-            const th = document.createElement('th');
-            th.textContent = header;
-            headerRow.appendChild(th);
-        });
-        thead.appendChild(headerRow);
-        table.appendChild(thead);
-        var componentCount = 1;
-        function generateRows(component, data, innerComponent = '') {
-
-            const filePath = data.filePath ? data.filePath : '';
-
-            const row = document.createElement('tr');
-            const numbers = document.createElement('td');
-            const componentCell = document.createElement('td');
-            const filePathCell = document.createElement('td');
-
-            numbers.textContent = componentCount;
-            componentCell.textContent = component;
-            filePathCell.textContent = filePath;
-
-            row.appendChild(numbers);
-            row.appendChild(componentCell);
-            row.appendChild(filePathCell);
-            tbody.appendChild(row);
-
-            if (data.innerComponent) {
-                Object.entries(data.innerComponent).forEach(([innerComp, innerData]) => {
-                    generateRows(innerComp, innerData, component);
-                });
-            }
-            componentCount++;
-        }
-
-        Object.entries(jsonData).forEach(([component, data]) => {
-            generateRows(component, data);
-        });
-
-        table.appendChild(tbody);
-        tableContainer.appendChild(table);
-
-        generateTable(jsonData);
-    </script>
-</body>
-
-</html>

package/.cli/PropLessFiles.html

@@ -1,101 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
-
-    <title>Prop Less components</title>
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            font-family: 'Asap Condensed', sans-serif;
-        }
-
-        table {
-            width: 100%;
-            border-collapse: collapse;
-        }
-
-        th {
-            position: sticky;
-            top: 0;
-            background-color: #001C30;
-            color: #F5F5F5;
-        }
-
-        th,
-        td {
-            border: 1px solid black;
-            padding: 8px;
-        }
-
-        tr:nth-child(even) {
-            background-color: #EDEEF7;
-        }
-
-        .table-container {
-            margin-bottom: 20px;
-        }
-    </style>
-</head>
-
-<body>
-    <div id="table-container"></div>
-    <script>
-        const jsonData = {"LinkContext":{"filePath":"src/Link/LinkContext.js"},"Loader":{"filePath":"src/v1/Loader/Loader.js"},"MessageNew":{"filePath":"src/v1/Message/Message.js"},"GlobalNotificationNew":{"filePath":"src/version2/GlobalNotification/GlobalNotification.js"},"DesktopNotification":{"filePath":"src/version2/notification/DesktopNotification/DesktopNotification.js"}}
-        const tableContainer = document.getElementById('table-container');
-        const table = document.createElement('table');
-        const thead = document.createElement('thead');
-        const tbody = document.createElement('tbody');
-
-        const headerRow = document.createElement('tr');
-        const headers = ['No', 'Component', 'FilePath'];
-        headers.forEach(header => {
-            const th = document.createElement('th');
-            th.textContent = header;
-            headerRow.appendChild(th);
-        });
-        thead.appendChild(headerRow);
-        table.appendChild(thead);
-        var componentCount = 1;
-        function generateRows(component, data, innerComponent = '') {
-
-            const filePath = data.filePath ? data.filePath : '';
-
-            const row = document.createElement('tr');
-            const numbers = document.createElement('td');
-            const componentCell = document.createElement('td');
-            const filePathCell = document.createElement('td');
-
-            numbers.textContent = componentCount;
-            componentCell.textContent = component;
-            filePathCell.textContent = filePath;
-
-            row.appendChild(numbers);
-            row.appendChild(componentCell);
-            row.appendChild(filePathCell);
-            tbody.appendChild(row);
-
-            if (data.innerComponent) {
-                Object.entries(data.innerComponent).forEach(([innerComp, innerData]) => {
-                    generateRows(innerComp, innerData, component);
-                });
-            }
-            componentCount++;
-        }
-
-        Object.entries(jsonData).forEach(([component, data]) => {
-            generateRows(component, data);
-        });
-
-        table.appendChild(tbody);
-        tableContainer.appendChild(table);
-
-        generateTable(jsonData);
-    </script>
-</body>
-
-</html>