@databricks/design-system 1.8.0 → 1.9.0

package/dist/test-utils/enzyme.d.ts

@@ -0,0 +1,8 @@
+import type { ReactWrapper } from 'enzyme';
+/**
+ * Open a dropdown menu by simulating a pointerDown event on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+export declare const openDropdownMenu: (dropdownButton: ReactWrapper) => void;
+//# sourceMappingURL=enzyme.d.ts.map

package/dist/test-utils/enzyme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enzyme.d.ts","sourceRoot":"","sources":["../../src/test-utils/enzyme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,mBAAoB,YAAY,SAE5D,CAAC"}

package/dist/test-utils/enzyme.js

@@ -0,0 +1,16 @@
+// eslint-disable-next-line @databricks/no-restricted-imports-regexp
+
+/**
+ * Open a dropdown menu by simulating a pointerDown event on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+const openDropdownMenu = dropdownButton => {
+  dropdownButton.hostNodes().simulate('pointerDown', {
+    button: 0,
+    ctrlKey: false
+  });
+};
+
+export { openDropdownMenu };
+//# sourceMappingURL=enzyme.js.map

package/dist/test-utils/enzyme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enzyme.js","sources":["../../src/test-utils/enzyme.ts"],"sourcesContent":["// eslint-disable-next-line @databricks/no-restricted-imports-regexp\nimport type { ReactWrapper } from 'enzyme';\n\n/**\n * Open a dropdown menu by simulating a pointerDown event on the dropdown button.\n *\n * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.\n */\nexport const openDropdownMenu = (dropdownButton: ReactWrapper) => {\n  dropdownButton.hostNodes().simulate('pointerDown', { button: 0, ctrlKey: false });\n};\n"],"names":["openDropdownMenu","dropdownButton","hostNodes","simulate","button","ctrlKey"],"mappings":"AAAA;;AAGA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAAIC,cAA4B,IAAK;EAChEA,cAAc,CAACC,SAAS,EAAE,CAACC,QAAQ,CAAC,aAAa,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,OAAO,EAAE;GAAO,CAAC;AACnF;;;;"}

package/dist/test-utils/rtl.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Opens the dropdown menu by clicking on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+export declare const openDropdownMenu: (dropdownButton: HTMLElement) => Promise<void>;
+//# sourceMappingURL=rtl.d.ts.map

package/dist/test-utils/rtl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.d.ts","sourceRoot":"","sources":["../../src/test-utils/rtl.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,mBAA0B,WAAW,kBAEjE,CAAC"}

package/dist/test-utils/rtl.js

@@ -0,0 +1,13 @@
+import userEvent from '@testing-library/user-event';
+
+/**
+ * Opens the dropdown menu by clicking on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+const openDropdownMenu = async dropdownButton => {
+  await userEvent.click(dropdownButton);
+};
+
+export { openDropdownMenu };
+//# sourceMappingURL=rtl.js.map

package/dist/test-utils/rtl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.js","sources":["../../src/test-utils/rtl.ts"],"sourcesContent":["import userEvent from '@testing-library/user-event';\n\n/**\n * Opens the dropdown menu by clicking on the dropdown button.\n *\n * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.\n */\nexport const openDropdownMenu = async (dropdownButton: HTMLElement) => {\n  await userEvent.click(dropdownButton);\n};\n"],"names":["openDropdownMenu","dropdownButton","userEvent","click"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAAG,MAAOC,cAA2B,IAAK;EACrE,MAAMC,SAAS,CAACC,KAAK,CAACF,cAAc,CAAC;AACvC;;;;"}

package/dist/test-utils/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This file is used to check that the test utilities exposed are the same for
+ * both Enzyme and RTL. Specifically, we simply compare that the export identifiers
+ * are the same between `enzyme.ts` and `rtl.ts`. Note that this does not compare
+ * the input/output types for each export because Enzyme and RTL have very different
+ * types and it would be hard to enforce consistency of the exact API types. `testUtilsEqual`
+ * is required to be `true` through the type system. so if the Enzyme and RTL APIs
+ * diverge, this file will produce a type error.
+ */
+type EnzymeTestUtils = keyof typeof import('./enzyme');
+type RTLTestUtils = keyof typeof import('./rtl');
+type Equal<U1, U2> = [U1] extends [U2] ? ([U2] extends [U1] ? true : false) : false;
+type TestUtilsEqual = Equal<EnzymeTestUtils, RTLTestUtils>;
+declare const testUtilsEqual: TestUtilsEqual;
+//# sourceMappingURL=types.d.ts.map

package/dist/test-utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/test-utils/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,KAAK,eAAe,GAAG,MAAM,cAAc,UAAU,CAAC,CAAC;AAGvD,KAAK,YAAY,GAAG,MAAM,cAAc,OAAO,CAAC,CAAC;AAEjD,KAAK,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;AACpF,KAAK,cAAc,GAAG,KAAK,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAI3D,QAAA,MAAM,cAAc,EAAE,cAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -31,7 +31,8 @@
     "build:deps": "yarn workspaces foreach -piR --topological-dev --from @databricks/design-system --exclude @databricks/design-system run build",
     "build:js:base": "databricks-pkgr build --no-clean",
     "build:js": "yarn build:js:base",
-    "build:styles": "npm-run-all --parallel build:styles-default-theme build:styles-dark-theme",
+    "build:styles": "npm-run-all --parallel build:styles-default-theme build:styles-dark-theme build:styles:mfe",
+    "build:styles:mfe": "BUILD_FOR_MFE=true npm-run-all --parallel build:styles-default-theme build:styles-dark-theme",
     "build:styles-default-theme": "rollup --configPlugin typescript -c ./src/rollup.styles.config.ts",
     "build:styles-dark-theme": "BUILD_DARK_MODE=true rollup --configPlugin typescript -c ./src/rollup.styles.config.ts",
     "watch": "yarn build:js:base -w",
@@ -85,7 +86,8 @@
     "@svgr/cli": "^5.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^14.0.0",
+    "@types/chroma-js": "^2.1.3",
+    "@types/enzyme": "^3.10.8",
     "@types/glob": "^7.2.0",
     "@types/jest": "^28.1.6",
     "@types/jscodeshift": "^0.11.2",
@@ -93,6 +95,7 @@
     "@types/node": "^16.0.0",
     "@types/react": "^17.0.50",
     "@types/react-dom": "^17.0.17",
+    "@types/react-resizable": "^3.0.3",
     "babel-loader": "^8.2.2",
     "babel-plugin-react-require": "^3.1.3",
     "cross-env": "^7.0.3",
@@ -141,12 +144,13 @@
     "@radix-ui/react-dropdown-menu": "^1.0.0",
     "@radix-ui/react-popover": "^1.0.0",
     "@rollup/plugin-node-resolve": "^13.1.1",
-    "@types/chroma-js": "^2.1.3",
-    "@types/react-resizable": "^3.0.3",
+    "@testing-library/user-event": "^14.0.0",
     "antd": "4.16.8",
     "chroma-js": "^2.4.2",
     "classnames": "^2.3.1",
+    "enzyme": "^3.11.0",
     "lodash": "^4.17.21",
+    "postcss-prefixwrap": "^1.37.0",
     "react-hook-form": "^7.36.0",
     "react-resizable": "^3.0.4",
     "tslib": "^2.4.1"