@dxc-technology/halstack-react 0.0.0-a7fec42 → 0.0.0-a88c0fe

package/package.json

@@ -1,90 +1,103 @@
 {
   "name": "@dxc-technology/halstack-react",
-  "version": "0.0.0-a7fec42",
-  "description": "DXC Halstack React components library",
-  "repository": "dxc-technology/halstack-react",
-  "homepage": "https://developer.dxc.com/halstack",
-  "license": "Apache-2.0",
-  "author": {
-    "name": "DXC Technology",
-    "email": "DigitalInsurance@dxc.com",
-    "url": "https://developer.dxc.com"
+  "version": "0.0.0-a88c0fe",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dxc-technology/halstack-react.git"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "types": "./src/index.ts",
+    "default": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "build-storybook": "storybook build",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "prepublishOnly": "node ../../scripts/copy-readme.js",
+    "storybook": "storybook dev -p 6006",
+    "test-storybook": "vitest --project=storybook --coverage",
+    "test": "jest --env=jsdom --config=./jest.config.ts",
+    "test:accessibility": "vitest run --config=vitest.config.accessibility.ts",
+    "test:watch": "jest --env=jsdom --config=./jest.config.ts --watch",
+    "storybook:accessibility": "test-storybook",
+    "storybook:accessibility:ci": "test-storybook --maxWorkers=2"
   },
-  "main": "./main.js",
-  "types": "./main.d.ts",
   "peerDependencies": {
-    "react": "^18.x",
-    "react-dom": "^18.x",
-    "styled-components": "^5.0.1"
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "react": "^18.3.1",
+    "react-data-grid": "7.0.0-beta.44",
+    "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@date-io/dayjs": "^1.3.9",
-    "@material-ui/core": "4.11.1",
-    "@material-ui/icons": "4.4.3",
-    "@material-ui/lab": "4.0.0-alpha.17",
-    "@material-ui/pickers": "3.2.2",
-    "@material-ui/styles": "4.0.2",
-    "@radix-ui/react-popover": "0.1.6",
-    "@types/styled-components": "^5.1.24",
-    "@types/uuid": "^8.3.4",
-    "color": "^3.1.3",
-    "dayjs": "^1.11.1",
-    "prop-types": "^15.7.2",
-    "rgb-hex": "^3.0.0",
-    "slugify": "^1.6.5",
-    "uuid": "^8.3.2"
-  },
-  "scripts": {
-    "test": "jest",
-    "test:watch": "npm test -- --watch --coverage",
-    "build": "babel src --extensions .js,.jsx,.ts,.tsx --out-dir ../dist --copy-files --verbose && node ../scripts/build/copy-package.js && tsc ",
-    "build:watch": "babel src --watch --extensions .js,.jsx,.ts,.tsx --out-dir ../dist --copy-files --verbose",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "@babel/runtime": "^7.28.2",
+    "@radix-ui/react-popover": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.0",
+    "color": "^4.2.3",
+    "dayjs": "^1.11.11",
+    "react-virtuoso": "^4.12.8",
+    "slugify": "^1.6.6"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.8",
-    "@babel/core": "^7.16.7",
+    "@babel/core": "^7.28.0",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
     "@babel/plugin-proposal-optional-chaining": "^7.13.8",
     "@babel/plugin-transform-runtime": "^7.16.8",
     "@babel/preset-env": "^7.16.8",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
-    "@storybook/addon-actions": "^6.4.9",
-    "@storybook/addon-essentials": "^6.4.9",
-    "@storybook/addon-links": "^6.4.9",
-    "@storybook/react": "^6.4.9",
-    "@storybook/testing-library": "0.0.7",
-    "@testing-library/react": "^13.0.0",
-    "@testing-library/user-event": "^12.6.3",
-    "@types/react": "^18.0.18",
-    "babel-jest": "^24.8.0",
-    "babel-loader": "^8.0.6",
-    "chromatic": "^6.3.3",
-    "eslint": "^5.16.0",
-    "eslint-config-airbnb": "^17.1.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-plugin-import": "^2.17.3",
-    "eslint-plugin-jest": "^22.7.1",
-    "eslint-plugin-jsx-a11y": "^6.2.1",
-    "eslint-plugin-react": "^7.13.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-storybook": "^0.5.5",
+    "@chromatic-com/storybook": "^4.1.1",
+    "@dxc-technology/eslint-config": "*",
+    "@dxc-technology/typescript-config": "*",
+    "@emotion/babel-plugin": "^11.13.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@storybook/addon-a11y": "^9.1.10",
+    "@storybook/addon-links": "^9.1.10",
+    "@storybook/addon-vitest": "^9.1.10",
+    "@storybook/builder-vite": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^13.0.0",
+    "@types/color": "^3.0.6",
+    "@types/eslint": "^9.6.1",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.11.24",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
+    "@vitejs/plugin-react": "4.7.0",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "chromatic": "^13.3.0",
+    "esbuild-plugin-babel": "^0.2.3",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jest": "^29.0.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-security": "^3.0.0",
+    "eslint-plugin-storybook": "^9.1.10",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^25.5.4",
-    "react": "^18.x",
-    "react-dom": "^18.x",
-    "react-test-renderer": "^16.8.6",
-    "storybook-addon-pseudo-states": "^1.0.0",
-    "styled-components": "^5.0.1",
-    "typescript": "^4.5.4"
-  },
-  "jest": {
-    "moduleNameMapper": {
-      "\\.(css|less|scss|sass)$": "identity-obj-proxy",
-      "\\.(svg)$": "<rootDir>/test/mocks/svgMock.js",
-      "\\.(png)$": "<rootDir>/test/mocks/pngMock.js"
-    }
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "playwright": "^1.54.1",
+    "storybook": "^9.1.10",
+    "storybook-addon-pseudo-states": "^9.1.10",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.1.0",
+    "typescript": "^5.6.3",
+    "vitest": "^3.2.4",
+    "vitest-axe": "^0.1.0"
   }
 }

package/BackgroundColorContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-declare type BackgroundColorContext = "dark" | "light";
-declare const BackgroundColorContext: React.Context<BackgroundColorContext>;
-declare type BackgroundColorProviderPropsType = {
-    color: string;
-    children: React.ReactNode;
-};
-declare const BackgroundColorProvider: ({ color, children }: BackgroundColorProviderPropsType) => JSX.Element;
-export default BackgroundColorContext;
-export { BackgroundColorProvider };

package/BackgroundColorContext.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.BackgroundColorProvider = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _color = _interopRequireDefault(require("color"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var BackgroundColorContext = /*#__PURE__*/_react["default"].createContext(null);
-
-var getColorType = function getColorType(hexColor) {
-  try {
-    if (hexColor) {
-      var hslColor = (0, _color["default"])(hexColor).hsl();
-      var lightnessColor = hslColor.color[2];
-      return lightnessColor <= 30 ? "dark" : "light";
-    }
-  } catch (e) {
-    return "light";
-  }
-};
-
-var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
-  var color = _ref.color,
-      children = _ref.children;
-  var colorType = (0, _react.useMemo)(function () {
-    return getColorType(color);
-  }, [color]);
-  return /*#__PURE__*/_react["default"].createElement(BackgroundColorContext.Provider, {
-    value: colorType
-  }, children);
-};
-
-exports.BackgroundColorProvider = BackgroundColorProvider;
-var _default = BackgroundColorContext;
-exports["default"] = _default;

package/HalstackContext.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-declare const HalstackContext: React.Context<object>;
-declare const HalstackLanguageContext: React.Context<object>;
-declare type HalstackProviderPropsType = {
-    theme?: object;
-    advancedTheme?: object;
-    labels?: object;
-    children: React.ReactNode;
-};
-declare const HalstackProvider: ({ theme, advancedTheme, labels, children }: HalstackProviderPropsType) => JSX.Element;
-export default HalstackContext;
-export { HalstackProvider, HalstackLanguageContext };