@procore/core-react 12.28.1 → 12.30.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 12.30.0
+
+### Minor Changes
+
+- 3f27bb5: SuperSelect fix for "Select All" - auto-selection
+
+### Patch Changes
+
+- ce99170: Avatar size sm and AvatarStack size sm undeprecated
+- Updated dependencies [1a41336]
+  - @procore/core-icons@12.10.1
+
+## 12.29.0
+
+### Minor Changes
+
+- 5139e79: TextEditor rollback, revert CKEditor (as-if 12.25.2). Keep coreReactJestConfig (optional). **Important Note Do Not Use Core React v12.26.0 - 12.28.1**, multiple loads may break pages.
+
 ## 12.28.1
 
 ### Patch Changes

package/README.md

@@ -83,14 +83,6 @@ We use Storybook to develop. Stories are broken into two categories, Demos for i
 yarn storybook
 ```
 
-Additional testing includes Visual Regression Testing (VRT) that is ran in CI, which compares pixel snapshots of Storybook Coverage stories.
-
-## Building
-
-```
-yarn build
-```
-
 ## Testing
 
 Testing currently consists of Jest snapshots and React Testing Library tests.
@@ -99,50 +91,12 @@ Testing currently consists of Jest snapshots and React Testing Library tests.
 yarn test
 ```
 
-## Jest Configuration
-
-To ensure your Jest tests work seamlessly with `@procore/core-react`, we provide a configuration wrapper that you can easily use in your Jest setup.
-
-### Using Jest config file
-
-`jest.config.js`
-
-```javascript
-const { coreReactJestConfig } = require('@procore/core-react/jestConfig');
-
-module.exports = coreReactJestConfig({
-  // Your existing Jest config
-});
-```
-
-### Using Hammer
-
-`hammer.config.js`
+Additional testing includes Visual Regression Testing (VRT) that is ran in CI, which compares pixel snapshots of Storybook Coverage stories.
 
-```javascript
-import { coreReactJestConfig } from '@procore/core-react/jestConfig';
+## Building
 
-export default {
-  testJest: (defaultConfig) => coreReactJestConfig({
-    ...defaultConfig,
-    // Your existing Jest config
-  })
-};
 ```
-
-### Using Core Scripts
-
-`procore.config.js`
-
-```javascript
-const { coreReactJestConfig } = require('@procore/core-react/jestConfig');
-
-module.exports = () => ({
-  jestOverride: (defaultConfig) => coreReactJestConfig({
-    ...defaultConfig,
-    // Your existing Jest config
-  }),
-});
+yarn build
 ```
 
 ## Contributing and Styleguide

package/dist/AnchorNavigation/AnchorNavigation.styles.js

@@ -5,11 +5,11 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledAnchorNavigation = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledAnchorNavigation",
-  componentId: "core-12_28_1__sc-aacdj4-0"
+  componentId: "core-12_30_0__sc-aacdj4-0"
 })(["max-width:200px;margin:0;padding-inline-start:0;"]);
 export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledAnchorSection",
-  componentId: "core-12_28_1__sc-aacdj4-1"
+  componentId: "core-12_30_0__sc-aacdj4-1"
 })(["display:flex;cursor:pointer;border-left:", "px solid ", ";background-color:", ";border-top-right-radius:4px;border-bottom-right-radius:4px;:hover{border-left:", "px solid ", ";background-color:", ";}"], spacing.xs, function (_ref) {
   var $selected = _ref.$selected;
   return $selected ? colors.gray15 : colors.gray90;
@@ -22,7 +22,7 @@ export var StyledAnchorSection = /*#__PURE__*/styled.li.withConfig({
 }, colors.gray90);
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_28_1__sc-aacdj4-2"
+  componentId: "core-12_30_0__sc-aacdj4-2"
 })(["width:100%;padding:6px ", "px;", " ", ";", " :focus-visible{box-shadow:inset 0 0 0 2px ", ";outline:none;}"], spacing.sm, getTypographyIntent('body'), function (_ref4) {
   var $selected = _ref4.$selected;
   return $selected ? css(["font-weight:600;"]) : '';

package/dist/Avatar/Avatar.styles.js

@@ -28,26 +28,26 @@ var iconSize = {
 };
 export var StyledAvatarOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarOverlay",
-  componentId: "core-12_28_1__sc-7q2ydl-0"
+  componentId: "core-12_30_0__sc-7q2ydl-0"
 })(["width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;opacity:0;"]);
 export var StyledIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIconContainer",
-  componentId: "core-12_28_1__sc-7q2ydl-1"
+  componentId: "core-12_30_0__sc-7q2ydl-1"
 })(["display:inline-flex;"]);
 export var StyledLabelContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabelContainer",
-  componentId: "core-12_28_1__sc-7q2ydl-2"
+  componentId: "core-12_30_0__sc-7q2ydl-2"
 })(["text-transform:uppercase;"]);
 export var StyledPortraitContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPortraitContainer",
-  componentId: "core-12_28_1__sc-7q2ydl-3"
+  componentId: "core-12_30_0__sc-7q2ydl-3"
 })(["background-color:", ";background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;", ""], colors.white, function (_ref) {
   var $imageUrl = _ref.$imageUrl;
   return css(["background-image:url(", ");"], $imageUrl);
 });
 export var StyledAvatarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAvatarContainer",
-  componentId: "core-12_28_1__sc-7q2ydl-4"
+  componentId: "core-12_30_0__sc-7q2ydl-4"
 })(["display:inline-flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden;position:relative;cursor:default;color:", ";background-color:", ";text-decoration:none;a:has(> &){text-decoration:none;}&:focus{", "}a:focus:has(> &){", " border-radius:100%;}", " ", ";"], colors.white, colors.gray30, getGapOutlineFocus, getGapOutlineFocus, function (_ref2) {
   var _ref2$$size = _ref2.$size,
     $size = _ref2$$size === void 0 ? 'md' : _ref2$$size;

package/dist/Avatar/Avatar.types.d.ts

@@ -34,7 +34,7 @@ export interface BaseAvatarProps extends Props {
      *
      * @deprecated
      *
-     * Size "xl" and "sm" have been deprecated and will be removed in a future version.
+     * Size "xl" been deprecated and will be removed in a future version.
      * Please use "lg" instead of "xl".
      *
      * **Before**

package/dist/Avatar/Avatar.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.js","names":[],"sources":["../../src/Avatar/Avatar.types.ts"],"sourcesContent":["import type { AriaButtonProps } from '@react-aria/button'\nimport type React from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props, Size } from '../_utils/types'\n\nexport type AvatarSize = Extract<Size, 'sm' | 'md' | 'lg' | 'xl'>\n\nexport type AvatarRoleType = 'link' | 'button' | 'img'\n\nexport interface AvatarPolyMap\n  extends Record<AvatarRoleType, React.ElementType> {\n  button: 'div'\n  img: 'div'\n  link: 'a'\n}\n\n// Add undefined for aria-hidden\nexport type AvatarRoles = AvatarRoleType | undefined\n\nexport type AvatarRef<Role extends AvatarRoles = undefined> =\n  Role extends AvatarRoleType\n    ? Polymorphic.Ref<AvatarPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseAvatarProps extends Props {\n  /**\n   * Sets the Avatar's clickable UI state. For accessibility, see `role`\n   * @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.\n   * @defaultValue false\n   * @deprecated Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.\n   * @deprecatedSince TBD\n   * @since 10.19.0\n   */\n  clickable?: boolean\n  /**\n   * Sets the Avatar's disabled state\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * Sets the Avatar's size\n   *\n   * @defaultValue md\n   *\n   * @deprecated\n   *\n   * Size \"xl\" and \"sm\" have been deprecated and will be removed in a future version.\n   * Please use \"lg\" instead of \"xl\".\n   *\n   * **Before**\n   *\n   * `<Avatar size=\"xl\" />`\n   *\n   * **After**\n   *\n   * `<Avatar size=\"lg\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  size?: AvatarSize\n}\n\ntype DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {\n  'aria-hidden': true\n  role?: Role\n} & BaseAvatarProps\n\nexport type AvatarProps<Role extends AvatarRoles = undefined> =\n  Role extends 'link'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'link',\n        'href',\n        AriaLabelled<BaseAvatarProps>\n      >\n    : Role extends 'button'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'button',\n        never,\n        AriaLabelled<{ onPress: AriaButtonProps['onPress'] } & BaseAvatarProps>\n      >\n    : Role extends 'img'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'img',\n        never,\n        AriaLabelled<BaseAvatarProps>\n      >\n    : DecorativeAvatarProps & { ref?: AvatarRef<undefined> }\n\nexport interface AvatarIconProps extends Props {\n  /**\n   * The icon to display\n   *\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface AvatarPortraitProps extends Props {\n  /**\n   * The Avatar rich media url\n   * @since 10.19.0\n   */\n  imageUrl: string\n}\n\nexport interface AvatarLabelProps extends Props {}\n"],"mappings":""}
+{"version":3,"file":"Avatar.types.js","names":[],"sources":["../../src/Avatar/Avatar.types.ts"],"sourcesContent":["import type { AriaButtonProps } from '@react-aria/button'\nimport type React from 'react'\nimport type { Polymorphic } from '../_utils/polymorphic'\nimport type { AriaLabelled, Props, Size } from '../_utils/types'\n\nexport type AvatarSize = Extract<Size, 'sm' | 'md' | 'lg' | 'xl'>\n\nexport type AvatarRoleType = 'link' | 'button' | 'img'\n\nexport interface AvatarPolyMap\n  extends Record<AvatarRoleType, React.ElementType> {\n  button: 'div'\n  img: 'div'\n  link: 'a'\n}\n\n// Add undefined for aria-hidden\nexport type AvatarRoles = AvatarRoleType | undefined\n\nexport type AvatarRef<Role extends AvatarRoles = undefined> =\n  Role extends AvatarRoleType\n    ? Polymorphic.Ref<AvatarPolyMap, Role>\n    : React.ComponentPropsWithRef<'div'>['ref']\n\nexport interface BaseAvatarProps extends Props {\n  /**\n   * Sets the Avatar's clickable UI state. For accessibility, see `role`\n   * @ally This prop is around UI and has 0 UX or JS for interaction, try `role` instead.\n   * @defaultValue false\n   * @deprecated Reviewing for removal from system, prefer accessible `role=\"link\"` or `role=\"button\"` for interactive UI.\n   * @deprecatedSince TBD\n   * @since 10.19.0\n   */\n  clickable?: boolean\n  /**\n   * Sets the Avatar's disabled state\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * Sets the Avatar's size\n   *\n   * @defaultValue md\n   *\n   * @deprecated\n   *\n   * Size \"xl\" been deprecated and will be removed in a future version.\n   * Please use \"lg\" instead of \"xl\".\n   *\n   * **Before**\n   *\n   * `<Avatar size=\"xl\" />`\n   *\n   * **After**\n   *\n   * `<Avatar size=\"lg\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  size?: AvatarSize\n}\n\ntype DecorativeAvatarProps<Role extends AvatarRoles = undefined> = {\n  'aria-hidden': true\n  role?: Role\n} & BaseAvatarProps\n\nexport type AvatarProps<Role extends AvatarRoles = undefined> =\n  Role extends 'link'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'link',\n        'href',\n        AriaLabelled<BaseAvatarProps>\n      >\n    : Role extends 'button'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'button',\n        never,\n        AriaLabelled<{ onPress: AriaButtonProps['onPress'] } & BaseAvatarProps>\n      >\n    : Role extends 'img'\n    ? Polymorphic.ComponentPropsWithRef<\n        AvatarPolyMap,\n        'img',\n        never,\n        AriaLabelled<BaseAvatarProps>\n      >\n    : DecorativeAvatarProps & { ref?: AvatarRef<undefined> }\n\nexport interface AvatarIconProps extends Props {\n  /**\n   * The icon to display\n   *\n   * @since 10.19.0\n   */\n  icon: React.ReactNode\n}\n\nexport interface AvatarPortraitProps extends Props {\n  /**\n   * The Avatar rich media url\n   * @since 10.19.0\n   */\n  imageUrl: string\n}\n\nexport interface AvatarLabelProps extends Props {}\n"],"mappings":""}