@atlaskit/editor-common 65.0.0 → 66.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/normalize-feature-flags.js +40 -4
  3. package/dist/cjs/styles/shared/link.js +2 -2
  4. package/dist/cjs/styles/shared/lists.js +1 -1
  5. package/dist/cjs/styles/shared/panel.js +7 -4
  6. package/dist/cjs/styles/shared/rule.js +5 -2
  7. package/dist/cjs/styles/shared/table.js +1 -1
  8. package/dist/cjs/ui/Expand/index.js +84 -46
  9. package/dist/cjs/ui/{IntlNextErrorBoundary → IntlErrorBoundary}/index.js +9 -9
  10. package/dist/cjs/ui/MediaSingle/index.js +13 -8
  11. package/dist/cjs/ui/MediaSingle/styled.js +23 -20
  12. package/dist/cjs/ui/Popup/index.js +15 -1
  13. package/dist/cjs/ui/UnsupportedBlock/index.js +1 -1
  14. package/dist/cjs/ui/index.js +12 -22
  15. package/dist/cjs/utils/compare-props.js +136 -0
  16. package/dist/cjs/utils/index.js +23 -1
  17. package/dist/cjs/utils/performance/hooks/use-component-render-tracking/index.js +47 -0
  18. package/dist/cjs/utils/validator.js +1 -1
  19. package/dist/cjs/version.json +1 -1
  20. package/dist/es2019/normalize-feature-flags.js +40 -4
  21. package/dist/es2019/styles/shared/link.js +1 -1
  22. package/dist/es2019/styles/shared/lists.js +2 -0
  23. package/dist/es2019/styles/shared/panel.js +15 -15
  24. package/dist/es2019/styles/shared/rule.js +3 -3
  25. package/dist/es2019/styles/shared/table.js +9 -1
  26. package/dist/es2019/ui/Expand/index.js +97 -67
  27. package/dist/es2019/ui/{IntlNextErrorBoundary → IntlErrorBoundary}/index.js +1 -1
  28. package/dist/es2019/ui/MediaSingle/index.js +13 -9
  29. package/dist/es2019/ui/MediaSingle/styled.js +13 -12
  30. package/dist/es2019/ui/Popup/index.js +16 -1
  31. package/dist/es2019/ui/UnsupportedBlock/index.js +0 -1
  32. package/dist/es2019/ui/index.js +2 -4
  33. package/dist/es2019/utils/compare-props.js +99 -0
  34. package/dist/es2019/utils/index.js +3 -1
  35. package/dist/es2019/utils/performance/hooks/use-component-render-tracking/index.js +36 -0
  36. package/dist/es2019/utils/validator.js +1 -1
  37. package/dist/es2019/version.json +1 -1
  38. package/dist/esm/normalize-feature-flags.js +39 -4
  39. package/dist/esm/styles/shared/link.js +1 -1
  40. package/dist/esm/styles/shared/lists.js +1 -1
  41. package/dist/esm/styles/shared/panel.js +6 -4
  42. package/dist/esm/styles/shared/rule.js +4 -2
  43. package/dist/esm/styles/shared/table.js +1 -1
  44. package/dist/esm/ui/Expand/index.js +79 -42
  45. package/dist/esm/ui/{IntlNextErrorBoundary → IntlErrorBoundary}/index.js +7 -7
  46. package/dist/esm/ui/MediaSingle/index.js +14 -9
  47. package/dist/esm/ui/MediaSingle/styled.js +17 -10
  48. package/dist/esm/ui/Popup/index.js +16 -1
  49. package/dist/esm/ui/UnsupportedBlock/index.js +1 -1
  50. package/dist/esm/ui/index.js +2 -4
  51. package/dist/esm/utils/compare-props.js +115 -0
  52. package/dist/esm/utils/index.js +3 -1
  53. package/dist/esm/utils/performance/hooks/use-component-render-tracking/index.js +37 -0
  54. package/dist/esm/utils/validator.js +1 -1
  55. package/dist/esm/version.json +1 -1
  56. package/dist/types/extensions/types/field-definitions.d.ts +1 -1
  57. package/dist/types/normalize-feature-flags.d.ts +6 -3
  58. package/dist/types/styles/shared/link.d.ts +1 -1
  59. package/dist/types/styles/shared/panel.d.ts +1 -1
  60. package/dist/types/styles/shared/rule.d.ts +2 -1
  61. package/dist/types/ui/Expand/index.d.ts +12 -10
  62. package/dist/types/ui/{IntlNextErrorBoundary → IntlErrorBoundary}/index.d.ts +1 -1
  63. package/dist/types/ui/MediaSingle/index.d.ts +4 -2
  64. package/dist/types/ui/MediaSingle/styled.d.ts +10 -5
  65. package/dist/types/ui/Popup/index.d.ts +3 -0
  66. package/dist/types/ui/index.d.ts +2 -4
  67. package/dist/types/utils/compare-props.d.ts +32 -0
  68. package/dist/types/utils/index.d.ts +4 -0
  69. package/dist/types/utils/performance/hooks/use-component-render-tracking/index.d.ts +19 -0
  70. package/package.json +13 -14
  71. package/dist/cjs/ui/IntlLegacyFallbackProvider/index.js +0 -60
  72. package/dist/cjs/ui/LegacyToNextIntlProvider/index.js +0 -67
  73. package/dist/es2019/ui/IntlLegacyFallbackProvider/index.js +0 -21
  74. package/dist/es2019/ui/LegacyToNextIntlProvider/index.js +0 -24
  75. package/dist/esm/ui/IntlLegacyFallbackProvider/index.js +0 -45
  76. package/dist/esm/ui/LegacyToNextIntlProvider/index.js +0 -51
  77. package/dist/types/ui/IntlLegacyFallbackProvider/index.d.ts +0 -8
  78. package/dist/types/ui/LegacyToNextIntlProvider/index.d.ts +0 -8
@@ -1,2 +1,2 @@
1
- declare const linkSharedStyle: import("styled-components").InterpolationValue[];
1
+ declare const linkSharedStyle: import("@emotion/react").SerializedStyles;
2
2
  export { linkSharedStyle };
@@ -79,4 +79,4 @@ export declare const PanelSharedSelectors: {
79
79
  yellowWarningIcon: string;
80
80
  };
81
81
  export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
82
- export declare const panelSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ThemeProps, any>>[];
82
+ export declare const panelSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
@@ -1 +1,2 @@
1
- export declare const ruleSharedStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];
1
+ import { ThemeProps } from '@atlaskit/theme/types';
2
+ export declare const ruleSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
@@ -1,4 +1,7 @@
1
- /// <reference types="react" />
1
+ /** @jsx jsx */
2
+ import React from 'react';
3
+ import { jsx } from '@emotion/react';
4
+ import { ThemeProps } from '@atlaskit/theme/types';
2
5
  export declare const messages: {
3
6
  collapseNode: {
4
7
  id: string;
@@ -27,15 +30,14 @@ export interface StyleProps {
27
30
  'data-node-type'?: 'expand' | 'nestedExpand';
28
31
  'data-title'?: string;
29
32
  }
30
- export declare const ExpandIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
33
+ export declare const ExpandIconWrapper: ({ children, expanded, }: React.HTMLAttributes<HTMLDivElement> & {
31
34
  expanded: boolean;
32
- }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
33
- expanded: boolean;
34
- }>;
35
- export declare const ExpandLayoutWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
35
+ }) => jsx.JSX.Element;
36
+ export declare const expandLayoutWrapperStyle: import("@emotion/react").SerializedStyles;
37
+ export declare const ExpandLayoutWrapperWithRef: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<any>>;
36
38
  export declare const sharedExpandStyles: {
37
- TitleInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];
38
- TitleContainerStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<import("@atlaskit/theme").ThemeProps, any>>[];
39
- ContainerStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<StyleProps, any>>[];
40
- ContentStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<StyleProps, any>>[];
39
+ titleInputStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
40
+ titleContainerStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;
41
+ containerStyles: (styleProps: StyleProps) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
42
+ contentStyles: (styleProps: StyleProps) => (themeProps: ThemeProps) => import("@emotion/react").SerializedStyles;
41
43
  };
@@ -5,7 +5,7 @@ interface ErrorBoundaryState {
5
5
  missingIntlProviderInAncestry: boolean;
6
6
  }
7
7
  export declare const REACT_INTL_ERROR_MESSAGE = "<IntlProvider> needs to exist in the component ancestry";
8
- export declare class IntlNextErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
8
+ export declare class IntlErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
9
9
  state: {
10
10
  missingIntlProviderInAncestry: boolean;
11
11
  };
@@ -1,4 +1,6 @@
1
+ /** @jsx jsx */
1
2
  import React from 'react';
3
+ import { jsx } from '@emotion/react';
2
4
  import { RichMediaLayout as MediaSingleLayout, RichMediaLayout } from '@atlaskit/adf-schema';
3
5
  export declare const DEFAULT_IMAGE_WIDTH = 250;
4
6
  export declare const DEFAULT_IMAGE_HEIGHT = 200;
@@ -16,7 +18,7 @@ export interface Props {
16
18
  nodeType?: string;
17
19
  fullWidthMode?: boolean;
18
20
  hasFallbackContainer?: boolean;
19
- handleMediaSingleRef?: React.RefObject<HTMLElement>;
21
+ handleMediaSingleRef?: React.RefObject<HTMLDivElement>;
20
22
  }
21
23
  export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number | undefined, lineLength?: number | undefined) => boolean | 0 | undefined;
22
- export default function MediaSingle({ layout, width, height, containerWidth, isLoading, pctWidth, className, children: propsChildren, nodeType, fullWidthMode, lineLength, hasFallbackContainer, handleMediaSingleRef, }: Props): JSX.Element;
24
+ export default function MediaSingle({ layout, width, height, containerWidth, isLoading, pctWidth, className, children: propsChildren, nodeType, fullWidthMode, lineLength, hasFallbackContainer, handleMediaSingleRef, }: Props): jsx.JSX.Element;
@@ -1,4 +1,6 @@
1
- import React, { HTMLAttributes, RefObject } from 'react';
1
+ /** @jsx jsx */
2
+ import React, { RefObject } from 'react';
3
+ import { jsx } from '@emotion/react';
2
4
  import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
3
5
  /**
4
6
  * Calculates the image width for non-resized images.
@@ -22,17 +24,20 @@ export interface MediaSingleWrapperProps {
22
24
  layout: MediaSingleLayout;
23
25
  pctWidth?: number;
24
26
  width?: number;
25
- innerRef?: ((elem: HTMLElement) => void) | RefObject<HTMLElement>;
27
+ innerRef?: ((elem: HTMLDivElement) => void) | RefObject<HTMLDivElement>;
26
28
  }
27
29
  /**
28
30
  * Can't use `.attrs` to handle highly dynamic styles because we are still
29
31
  * supporting `styled-components` v1.
30
32
  */
31
- export declare const MediaSingleDimensionHelper: ({ containerWidth, fullWidthMode, isResized, layout, pctWidth, width, }: MediaSingleWrapperProps) => import("styled-components").InterpolationValue[];
33
+ export declare const MediaSingleDimensionHelper: ({ containerWidth, fullWidthMode, isResized, layout, pctWidth, width, }: MediaSingleWrapperProps) => import("@emotion/react").SerializedStyles;
32
34
  export interface MediaWrapperProps {
33
35
  paddingBottom?: string;
34
36
  height?: number;
35
37
  hasFallbackContainer?: boolean;
36
38
  }
37
- export declare const MediaWrapper: React.ComponentClass<HTMLAttributes<{}> & MediaWrapperProps>;
38
- export declare const MediaSingleWrapper: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & MediaSingleWrapperProps, any, React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & MediaSingleWrapperProps>;
39
+ export declare const mediaWrapperStyle: (props: MediaWrapperProps) => import("@emotion/react").SerializedStyles;
40
+ export declare const MediaWrapper: {
41
+ ({ children, ...rest }: React.HTMLAttributes<HTMLDivElement> & MediaWrapperProps): jsx.JSX.Element;
42
+ displayName: string;
43
+ };
@@ -1,3 +1,4 @@
1
+ /// <reference types="resize-observer-browser" />
1
2
  import React from 'react';
2
3
  import { Position } from './utils';
3
4
  export interface Props {
@@ -27,6 +28,7 @@ export interface State {
27
28
  }
28
29
  export default class Popup extends React.Component<Props, State> {
29
30
  scrollElement: undefined | false | HTMLElement;
31
+ scrollParentElement: undefined | false | HTMLElement;
30
32
  static defaultProps: {
31
33
  offset: number[];
32
34
  allowOutOfBound: boolean;
@@ -48,6 +50,7 @@ export default class Popup extends React.Component<Props, State> {
48
50
  private scheduledUpdatePosition;
49
51
  onResize: () => void;
50
52
  UNSAFE_componentWillReceiveProps(newProps: Props): void;
53
+ resizeObserver: ResizeObserver | undefined;
51
54
  componentDidMount(): void;
52
55
  componentWillUnmount(): void;
53
56
  private renderPopup;
@@ -17,10 +17,8 @@ export type { WidthConsumerContext, Breakpoints } from './WidthProvider';
17
17
  export { default as overflowShadow, shadowClassNames } from './OverflowShadow';
18
18
  export type { OverflowShadowOptions, OverflowShadowProps, OverflowShadowState, } from './OverflowShadow';
19
19
  export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
20
- export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, ExpandLayoutWrapper, } from './Expand';
20
+ export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef, } from './Expand';
21
21
  export type { StyleProps as ExpandStyleProps } from './Expand';
22
22
  export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
23
23
  export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
24
- export { IntlNextErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlNextErrorBoundary';
25
- export { IntlLegacyFallbackProvider } from './IntlLegacyFallbackProvider';
26
- export { LegacyToNextIntlProvider } from './LegacyToNextIntlProvider';
24
+ export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlErrorBoundary';
@@ -0,0 +1,32 @@
1
+ declare type ChangedData<T> = {
2
+ key: keyof T;
3
+ difference?: any;
4
+ maxDepthReached?: boolean;
5
+ newValue?: any;
6
+ oldValue?: any;
7
+ reactElementChanged?: boolean;
8
+ };
9
+ declare type Changed<T> = Array<ChangedData<T>>;
10
+ export declare type PropsDifference<T> = {
11
+ removed: Array<keyof T>;
12
+ added: Array<keyof T>;
13
+ changed: Changed<T>;
14
+ };
15
+ export declare type ShallowPropsDifference<T> = {
16
+ removed: Array<keyof T>;
17
+ added: Array<keyof T>;
18
+ changed: Array<keyof T>;
19
+ };
20
+ export declare const getKeys: <T>(obj: T) => (keyof T)[];
21
+ export declare const getKeysAddedRemovedCommon: <T>(object1: T, object2: T) => {
22
+ added: (keyof T)[];
23
+ common: (keyof T)[];
24
+ removed: (keyof T)[];
25
+ };
26
+ export declare const serializeValue: <T>(value: T[keyof T]) => string | T[keyof T] | {
27
+ type: string;
28
+ keys: string[];
29
+ } | undefined;
30
+ export declare const getPropsDifference: <T>(object1: T, object2: T, curDepth?: number, maxDepth?: number, keysToIgnore?: (keyof T)[]) => PropsDifference<T>;
31
+ export declare const getShallowPropsDifference: <T>(object1: T, object2: T) => ShallowPropsDifference<T>;
32
+ export {};
@@ -32,3 +32,7 @@ export type { UserBrowserExtensionResults } from './browser-extensions';
32
32
  export { sniffUserBrowserExtensions } from './browser-extensions';
33
33
  export { RenderCountProfiler } from './profiler/render-count';
34
34
  export { validateADFEntity, validationErrorHandler, } from './validate-using-spec';
35
+ export { getShallowPropsDifference, getPropsDifference } from './compare-props';
36
+ export type { ShallowPropsDifference, PropsDifference } from './compare-props';
37
+ export { useComponentRenderTracking } from './performance/hooks/use-component-render-tracking';
38
+ export type { UseComponentRenderTrackingArgs } from './performance/hooks/use-component-render-tracking';
@@ -0,0 +1,19 @@
1
+ import { PropsDifference, ShallowPropsDifference } from '../../../compare-props';
2
+ declare type PropsDiff<Props> = ShallowPropsDifference<Props> | PropsDifference<Props>;
3
+ declare type OnRenderCb<Props = undefined> = ({ renderCount, propsDifference, }: {
4
+ renderCount: number;
5
+ propsDifference: PropsDiff<Props> | undefined;
6
+ componentId: string;
7
+ }) => void;
8
+ export declare type UseComponentRenderTrackingArgs<Props = undefined> = {
9
+ onRender: OnRenderCb<Props>;
10
+ propsDiffingOptions?: {
11
+ enabled: boolean;
12
+ props?: Props;
13
+ propsToIgnore?: Array<keyof Props>;
14
+ useShallow?: boolean;
15
+ };
16
+ zeroBasedCount?: boolean;
17
+ };
18
+ export declare function useComponentRenderTracking<Props = undefined>({ onRender, propsDiffingOptions, zeroBasedCount, }: UseComponentRenderTrackingArgs<Props>): void;
19
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "65.0.0",
3
+ "version": "66.0.0",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -43,28 +43,28 @@
43
43
  },
44
44
  "dependencies": {
45
45
  "@atlaskit/activity-provider": "^2.3.0",
46
- "@atlaskit/adf-schema": "^22.0.0",
46
+ "@atlaskit/adf-schema": "^22.1.0",
47
47
  "@atlaskit/adf-utils": "^16.0.0",
48
48
  "@atlaskit/analytics-namespaced-context": "^6.4.0",
49
49
  "@atlaskit/analytics-next": "^8.2.0",
50
50
  "@atlaskit/code": "^14.3.0",
51
51
  "@atlaskit/editor-json-transformer": "^8.7.0",
52
52
  "@atlaskit/editor-shared-styles": "^2.0.0",
53
- "@atlaskit/emoji": "^64.2.0",
53
+ "@atlaskit/emoji": "^64.3.0",
54
54
  "@atlaskit/icon": "^21.10.0",
55
55
  "@atlaskit/in-product-testing": "^0.1.0",
56
- "@atlaskit/media-card": "^73.3.0",
57
- "@atlaskit/media-client": "^14.4.0",
58
- "@atlaskit/media-picker": "^59.1.0",
56
+ "@atlaskit/media-card": "^73.4.0",
57
+ "@atlaskit/media-client": "^15.0.0",
58
+ "@atlaskit/media-picker": "^60.0.0",
59
59
  "@atlaskit/mention": "^21.0.0",
60
- "@atlaskit/profilecard": "^16.3.0",
61
- "@atlaskit/smart-card": "^17.7.0",
60
+ "@atlaskit/profilecard": "^16.4.0",
61
+ "@atlaskit/smart-card": "^18.0.0",
62
+ "@atlaskit/smart-user-picker": "^5.0.2",
62
63
  "@atlaskit/task-decision": "^17.3.0",
63
64
  "@atlaskit/theme": "^12.1.0",
64
65
  "@atlaskit/tooltip": "^17.5.0",
65
66
  "@atlaskit/ufo": "^0.1.0",
66
- "@atlaskit/user-picker": "^8.8.0",
67
- "@atlaskit/width-detector": "^3.0.0",
67
+ "@atlaskit/width-detector": "^4.0.0",
68
68
  "@babel/runtime": "^7.0.0",
69
69
  "@emotion/react": "^11.7.1",
70
70
  "@types/prosemirror-model": "^1.11.0",
@@ -83,17 +83,16 @@
83
83
  "react-loadable": "^5.1.0"
84
84
  },
85
85
  "peerDependencies": {
86
- "@atlaskit/media-core": "^32.2.0",
86
+ "@atlaskit/media-core": "^32.3.0",
87
87
  "react": "^16.8.0",
88
88
  "react-dom": "^16.8.0",
89
- "react-intl": "^2.6.0",
90
89
  "react-intl-next": "npm:react-intl@^5.18.1",
91
90
  "styled-components": "^3.2.6"
92
91
  },
93
92
  "devDependencies": {
94
93
  "@atlaskit/editor-json-transformer": "^8.7.0",
95
- "@atlaskit/editor-test-helpers": "^16.1.0",
96
- "@atlaskit/media-core": "^32.2.0",
94
+ "@atlaskit/editor-test-helpers": "^17.0.0",
95
+ "@atlaskit/media-core": "^32.3.0",
97
96
  "@atlaskit/util-data-test": "^17.2.0",
98
97
  "@atlaskit/visual-regression": "*",
99
98
  "@atlaskit/webdriver-runner": "*",
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.IntlLegacyFallbackProvider = void 0;
9
-
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
-
20
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
21
-
22
- var _react = _interopRequireDefault(require("react"));
23
-
24
- var _reactIntl = require("react-intl");
25
-
26
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
27
-
28
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
29
-
30
- var IntlLegacyFallbackProvider = /*#__PURE__*/function (_React$Component) {
31
- (0, _inherits2.default)(IntlLegacyFallbackProvider, _React$Component);
32
-
33
- var _super = _createSuper(IntlLegacyFallbackProvider);
34
-
35
- function IntlLegacyFallbackProvider() {
36
- (0, _classCallCheck2.default)(this, IntlLegacyFallbackProvider);
37
- return _super.apply(this, arguments);
38
- }
39
-
40
- (0, _createClass2.default)(IntlLegacyFallbackProvider, [{
41
- key: "render",
42
- value: function render() {
43
- var oldIntl = this.context.intl;
44
-
45
- if (!oldIntl) {
46
- return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
47
- locale: "en"
48
- }, this.props.children);
49
- }
50
-
51
- return this.props.children;
52
- }
53
- }]);
54
- return IntlLegacyFallbackProvider;
55
- }(_react.default.Component);
56
-
57
- exports.IntlLegacyFallbackProvider = IntlLegacyFallbackProvider;
58
- (0, _defineProperty2.default)(IntlLegacyFallbackProvider, "contextTypes", {
59
- intl: _reactIntl.intlShape
60
- });
@@ -1,67 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.LegacyToNextIntlProvider = void 0;
9
-
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
-
18
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
-
20
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
21
-
22
- var _react = _interopRequireDefault(require("react"));
23
-
24
- var _reactIntl = require("react-intl");
25
-
26
- var _reactIntlNext = require("react-intl-next");
27
-
28
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
-
30
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
-
32
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
33
-
34
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
-
36
- var LegacyToNextIntlProvider = /*#__PURE__*/function (_React$Component) {
37
- (0, _inherits2.default)(LegacyToNextIntlProvider, _React$Component);
38
-
39
- var _super = _createSuper(LegacyToNextIntlProvider);
40
-
41
- function LegacyToNextIntlProvider() {
42
- (0, _classCallCheck2.default)(this, LegacyToNextIntlProvider);
43
- return _super.apply(this, arguments);
44
- }
45
-
46
- (0, _createClass2.default)(LegacyToNextIntlProvider, [{
47
- key: "render",
48
- value: function render() {
49
- var oldIntl = this.context.intl;
50
-
51
- if (oldIntl) {
52
- var nextIntl = (0, _reactIntlNext.createIntl)(_objectSpread({}, oldIntl));
53
- return /*#__PURE__*/_react.default.createElement(_reactIntlNext.RawIntlProvider, {
54
- value: nextIntl
55
- }, this.props.children);
56
- }
57
-
58
- return this.props.children;
59
- }
60
- }]);
61
- return LegacyToNextIntlProvider;
62
- }(_react.default.Component);
63
-
64
- exports.LegacyToNextIntlProvider = LegacyToNextIntlProvider;
65
- (0, _defineProperty2.default)(LegacyToNextIntlProvider, "contextTypes", {
66
- intl: _reactIntl.intlShape
67
- });
@@ -1,21 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import React from 'react';
3
- import { IntlProvider, intlShape } from 'react-intl';
4
- export class IntlLegacyFallbackProvider extends React.Component {
5
- render() {
6
- const oldIntl = this.context.intl;
7
-
8
- if (!oldIntl) {
9
- return /*#__PURE__*/React.createElement(IntlProvider, {
10
- locale: "en"
11
- }, this.props.children);
12
- }
13
-
14
- return this.props.children;
15
- }
16
-
17
- }
18
-
19
- _defineProperty(IntlLegacyFallbackProvider, "contextTypes", {
20
- intl: intlShape
21
- });
@@ -1,24 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import React from 'react';
3
- import { intlShape } from 'react-intl';
4
- import { createIntl, RawIntlProvider } from 'react-intl-next';
5
- export class LegacyToNextIntlProvider extends React.Component {
6
- render() {
7
- const oldIntl = this.context.intl;
8
-
9
- if (oldIntl) {
10
- const nextIntl = createIntl({ ...oldIntl
11
- });
12
- return /*#__PURE__*/React.createElement(RawIntlProvider, {
13
- value: nextIntl
14
- }, this.props.children);
15
- }
16
-
17
- return this.props.children;
18
- }
19
-
20
- }
21
-
22
- _defineProperty(LegacyToNextIntlProvider, "contextTypes", {
23
- intl: intlShape
24
- });
@@ -1,45 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _inherits from "@babel/runtime/helpers/inherits";
4
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
5
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
-
8
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
9
-
10
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
11
-
12
- import React from 'react';
13
- import { IntlProvider, intlShape } from 'react-intl';
14
- export var IntlLegacyFallbackProvider = /*#__PURE__*/function (_React$Component) {
15
- _inherits(IntlLegacyFallbackProvider, _React$Component);
16
-
17
- var _super = _createSuper(IntlLegacyFallbackProvider);
18
-
19
- function IntlLegacyFallbackProvider() {
20
- _classCallCheck(this, IntlLegacyFallbackProvider);
21
-
22
- return _super.apply(this, arguments);
23
- }
24
-
25
- _createClass(IntlLegacyFallbackProvider, [{
26
- key: "render",
27
- value: function render() {
28
- var oldIntl = this.context.intl;
29
-
30
- if (!oldIntl) {
31
- return /*#__PURE__*/React.createElement(IntlProvider, {
32
- locale: "en"
33
- }, this.props.children);
34
- }
35
-
36
- return this.props.children;
37
- }
38
- }]);
39
-
40
- return IntlLegacyFallbackProvider;
41
- }(React.Component);
42
-
43
- _defineProperty(IntlLegacyFallbackProvider, "contextTypes", {
44
- intl: intlShape
45
- });
@@ -1,51 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _inherits from "@babel/runtime/helpers/inherits";
4
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
5
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
-
8
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
-
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
-
12
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
13
-
14
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
15
-
16
- import React from 'react';
17
- import { intlShape } from 'react-intl';
18
- import { createIntl, RawIntlProvider } from 'react-intl-next';
19
- export var LegacyToNextIntlProvider = /*#__PURE__*/function (_React$Component) {
20
- _inherits(LegacyToNextIntlProvider, _React$Component);
21
-
22
- var _super = _createSuper(LegacyToNextIntlProvider);
23
-
24
- function LegacyToNextIntlProvider() {
25
- _classCallCheck(this, LegacyToNextIntlProvider);
26
-
27
- return _super.apply(this, arguments);
28
- }
29
-
30
- _createClass(LegacyToNextIntlProvider, [{
31
- key: "render",
32
- value: function render() {
33
- var oldIntl = this.context.intl;
34
-
35
- if (oldIntl) {
36
- var nextIntl = createIntl(_objectSpread({}, oldIntl));
37
- return /*#__PURE__*/React.createElement(RawIntlProvider, {
38
- value: nextIntl
39
- }, this.props.children);
40
- }
41
-
42
- return this.props.children;
43
- }
44
- }]);
45
-
46
- return LegacyToNextIntlProvider;
47
- }(React.Component);
48
-
49
- _defineProperty(LegacyToNextIntlProvider, "contextTypes", {
50
- intl: intlShape
51
- });
@@ -1,8 +0,0 @@
1
- /// <reference types="react-intl" />
2
- import React from 'react';
3
- export declare class IntlLegacyFallbackProvider extends React.Component {
4
- static contextTypes: {
5
- intl: ReactIntl.IntlShape;
6
- };
7
- render(): {} | null | undefined;
8
- }
@@ -1,8 +0,0 @@
1
- /// <reference types="react-intl" />
2
- import React from 'react';
3
- export declare class LegacyToNextIntlProvider extends React.Component {
4
- static contextTypes: {
5
- intl: ReactIntl.IntlShape;
6
- };
7
- render(): {} | null | undefined;
8
- }