@procore/core-react 12.25.1 → 12.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/core-react",
-  "version": "12.25.1",
+  "version": "12.26.0",
   "description": "React library of Procore Design Guidelines",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/core-react",
@@ -12,25 +12,35 @@
   "bugs": "https://github.com/procore/core/issues",
   "license": "SEE LICENSE IN LICENSE",
   "keywords": [
-    "components",
     "javascript",
+    "components",
+    "react",
     "js",
     "jsx",
     "library",
-    "procore",
-    "react"
+    "procore"
   ],
   "publishConfig": {
     "access": "public"
   },
   "exports": {
     ".": "./dist/index.js",
+    "./jestConfig": "./jestConfig.js",
     "./dist/_typedoc/*.json": "./dist/_typedoc/*.json",
     "./dist/_typedoc/**/*.json": "./dist/_typedoc/**/*.json"
   },
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "sideEffects": [
+    "./dist/OverlayTrigger/OverlayTrigger.js",
+    "./dist/_hooks/ResizeObserver.js"
+  ],
+  "files": [
+    "dist",
+    ".jest",
+    "jestConfig.js"
+  ],
   "scripts": {
     "build": "yarn run clean && yarn run build:esm & yarn run build:types & yarn run build:typedoc",
     "build-storybook": "storybook build --webpack-stats-json",
@@ -66,11 +76,12 @@
   "dependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "1.3.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "1.2.1",
+    "@ckeditor/ckeditor5-react": "^11.0.0",
     "@floating-ui/react": "0.25.2",
     "@floating-ui/react-dom": "2.0.2",
     "@procore/cdn-translations": "0.1.13",
     "@procore/core-i18n-js": "^10.29.3",
-    "@procore/core-icons": "^12.8.0",
+    "@procore/core-icons": "^12.9.0",
     "@react-aria/button": "3.6.4",
     "@react-aria/checkbox": "3.6.0",
     "@react-aria/focus": "3.16.2",
@@ -83,6 +94,7 @@
     "@react-types/checkbox": "3.4.1",
     "@tinymce/tinymce-react": "6.1.0",
     "axios": "1.8.2",
+    "ckeditor5": "^46.0.1",
     "classnames": "2.3.2",
     "date-fns": "2.29.1",
     "date-fns-tz": "2.0.0",
@@ -99,6 +111,7 @@
     "react-virtuoso": "2.16.1",
     "react-window": "^1.8.7",
     "react-window-infinite-loader": "^1.0.9",
+    "sanitize-html": "^2.17.0",
     "ulid": "2.3.0"
   },
   "devDependencies": {
@@ -111,6 +124,8 @@
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
     "@babel/register": "7.18.9",
+    "@ckeditor/ckeditor5-dev-utils": "^43.1.0",
+    "@ckeditor/ckeditor5-dev-webpack-plugin": "^31.1.13",
     "@dotenvx/dotenvx": "1.24.0",
     "@figma/code-connect": "^1.3.1",
     "@procore/globalization-toolkit": "3.0.0",
@@ -145,6 +160,7 @@
     "@types/react-dom": "18.3.1",
     "@types/react-window": "1.8.5",
     "@types/react-window-infinite-loader": "1.0.6",
+    "@types/sanitize-html": "^2.16.0",
     "@types/testing-library__jest-dom": "5.14.5",
     "@types/yup": "0.29.14",
     "@typescript-eslint/eslint-plugin": "5.48.2",
@@ -153,7 +169,8 @@
     "babel-jest": "29.1.2",
     "babel-loader": "8.2.5",
     "babel-plugin-styled-components": "2.1.4",
-    "chromatic": "^11.20.0",
+    "chromatic": "^13.1.3",
+    "css-loader": "^7.1.2",
     "eslint": "8.31.0",
     "eslint-config-prettier": "8.6.0",
     "eslint-config-react-app": "^7.0.1",
@@ -164,11 +181,13 @@
     "jest-axe": "^7.0.1",
     "jest-styled-components": "7.2.0",
     "miragejs": "^0.1.47",
+    "postcss-loader": "^8.1.1",
     "raf-stub": "^3.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
     "storybook": "^7.5.3",
+    "style-loader": "^4.0.0",
     "styled-components": "6.1.18",
     "ts-jest": "^29.0.5",
     "ts-node": "10.9.1",
@@ -176,9 +195,5 @@
     "typescript": "4.7.4",
     "webpack": "5.96.1",
     "yup": "0.32.11"
-  },
-  "sideEffects": [
-    "./dist/OverlayTrigger/OverlayTrigger.js",
-    "./dist/_hooks/ResizeObserver.js"
-  ]
+  }
 }

package/.eslintignore

@@ -1,4 +0,0 @@
-.eslintrc.cjs
-coverage/
-dist/
-node_modules/

package/.eslintrc.cjs

@@ -1,54 +0,0 @@
-module.exports = {
-  root: true,
-  extends: [
-    // TODO change "@typescript-eslint/base" to "@typescript-eslint/recommended" in another push
-    'plugin:@typescript-eslint/base',
-    'plugin:react-hooks/recommended',
-    'plugin:jsx-a11y/recommended',
-    'plugin:prettier/recommended',
-  ],
-  parserOptions: {
-    ecmaVersion: 6,
-    jsx: true,
-    sourceType: 'module',
-    useJSXTextNode: true,
-    project: './tsconfig.json',
-    tsconfigRootDir: __dirname,
-  },
-  rules: {
-    '@typescript-eslint/consistent-type-exports': 'error',
-    '@typescript-eslint/consistent-type-imports': 'error',
-    'jsx-a11y/alt-text': 'warn',
-    'jsx-a11y/anchor-has-content': 'warn',
-    'jsx-a11y/anchor-is-valid': 'warn',
-    'jsx-a11y/aria-activedescendant-has-tabindex': 'warn',
-    'jsx-a11y/aria-props': 'warn',
-    'jsx-a11y/aria-proptypes': 'warn',
-    'jsx-a11y/aria-role': 'warn',
-    'jsx-a11y/aria-unsupported-elements': 'warn',
-    'jsx-a11y/autocomplete-valid': 'warn',
-    'jsx-a11y/click-events-have-key-events': 'warn',
-    'jsx-a11y/heading-has-content': 'warn',
-    'jsx-a11y/html-has-lang': 'warn',
-    'jsx-a11y/iframe-has-title': 'warn',
-    'jsx-a11y/img-redundant-alt': 'warn',
-    'jsx-a11y/interactive-supports-focus': 'warn',
-    'jsx-a11y/label-has-associated-control': 'warn',
-    'jsx-a11y/media-has-caption': 'warn',
-    'jsx-a11y/mouse-events-have-key-events': 'warn',
-    'jsx-a11y/no-access-key': 'warn',
-    'jsx-a11y/no-autofocus': 'warn',
-    'jsx-a11y/no-distracting-elements': 'warn',
-    'jsx-a11y/no-interactive-element-to-noninteractive-role': 'warn',
-    'jsx-a11y/no-noninteractive-element-interactions': 'warn',
-    'jsx-a11y/no-noninteractive-element-to-interactive-role': 'warn',
-    'jsx-a11y/no-noninteractive-tabindex': 'warn',
-    'jsx-a11y/no-onchange': 'warn',
-    'jsx-a11y/no-redundant-roles': 'warn',
-    'jsx-a11y/no-static-element-interactions': 'warn',
-    'jsx-a11y/role-has-required-aria-props': 'warn',
-    'jsx-a11y/role-supports-aria-props': 'warn',
-    'jsx-a11y/scope': 'warn',
-    'jsx-a11y/tabindex-no-positive': 'warn',
-  },
-}

package/__mocks__/@react-aria/utils.js

@@ -1,10 +0,0 @@
-const utils = jest.requireActual('@react-aria/utils')
-
-let prevId = 0
-
-module.exports = {
-  ...utils,
-  useId: jest.fn((id) => {
-    return id ?? `mocked-id-${prevId++}`
-  }),
-}

package/babel.config.js

@@ -1,40 +0,0 @@
-const packageJson = require('./package.json')
-const version = packageJson.version.split('.').join('_')
-const namespace = `core-${version}`
-
-if (process.env.BUNDLING) {
-  module.exports = {
-    ignore: [
-      /(.*)\.(coverage|stories|test|snap|figma)\.?(.*)?/,
-      '**/__tests__/**/*',
-    ],
-    presets: [
-      ['@babel/preset-env', { modules: false }],
-      '@babel/preset-react',
-      '@babel/preset-typescript',
-    ],
-    plugins: [
-      '@babel/plugin-proposal-object-rest-spread',
-      [
-        'babel-plugin-styled-components',
-        {
-          displayName: true,
-          fileName: false,
-          minify: true,
-          namespace,
-          pure: true,
-          transpileTemplateLiterals: true,
-        },
-      ],
-    ],
-  }
-} else {
-  module.exports = {
-    presets: [
-      '@babel/preset-env',
-      '@babel/preset-react',
-      '@babel/preset-typescript',
-    ],
-    plugins: ['@babel/plugin-proposal-object-rest-spread'],
-  }
-}

package/dist/TextEditor/TextEditor.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditor.styles.js","names":["createGlobalStyle","GlobalStyle","_ref","$zIndex"],"sources":["../../src/TextEditor/TextEditor.styles.ts"],"sourcesContent":["import { createGlobalStyle } from 'styled-components'\n\nexport const GlobalStyle = createGlobalStyle<{ $zIndex: number }>`\n  .tox.tox-tinymce-aux {\n    z-index: ${({ $zIndex }) => $zIndex};\n  }\n`\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,IAAMC,WAAW,gBAAGD,iBAAiB,0CAE7B,UAAAE,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;EAAA,OAAOA,OAAO;AAAA,EAEtC"}

package/dist/TextEditorOutput/TextEditorOutput.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextEditorOutput.styles.js","names":["styled","StyledEditor","div","withConfig","displayName","componentId"],"sources":["../../src/TextEditorOutput/TextEditorOutput.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledEditor = styled.div`\n  > .tox-tinymce {\n    border: none;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,IAAMC,YAAY,gBAAGD,MAAM,CAACE,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAIrC"}

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "esModuleInterop": true,
-    "jsx": "react",
-    "lib": ["es2016", "dom", "es2019.array"],
-    "module": "es6",
-    "moduleResolution": "node",
-    "noImplicitAny": true,
-    "outDir": "dist",
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true,
-    "stripInternal": true,
-    "target": "es5" // TODO: update to es6 and transpile node modules
-  },
-  "ts-node": {
-    "transpileOnly": true,
-    "compilerOptions": {
-      "module": "commonjs"
-    }
-  }
-}

package/tsconfig.prod.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "exclude": [
-    "typedoc.ts",
-    "dist/**/*.d.ts",
-    "src/**/*.stories.*",
-    "src/**/*.test.*",
-    "src/**/__tests__/**",
-    "src/**/*.figma.*"
-  ]
-}

package/tsconfig.test.json

@@ -1,4 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "exclude": ["dist/**/*", "**/*.stories.*", "src/**/*.figma.*"]
-}