@atlaskit/popper 7.1.7 → 7.1.9
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.
- package/CHANGELOG.md +14 -0
- package/dist/types/max-size.d.ts +23 -19
- package/dist/types-ts4.5/max-size.d.ts +10 -9
- package/package.json +10 -9
- package/popper.docs.tsx +46 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/popper
|
|
2
2
|
|
|
3
|
+
## 7.1.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e2085d35701ca`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2085d35701ca) -
|
|
8
|
+
Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
|
|
9
|
+
|
|
10
|
+
## 7.1.8
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`5db9e3f21a52f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5db9e3f21a52f) -
|
|
15
|
+
Internal refactoring
|
|
16
|
+
|
|
3
17
|
## 7.1.7
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
package/dist/types/max-size.d.ts
CHANGED
|
@@ -1,21 +1,25 @@
|
|
|
1
|
+
import type { ModifierArguments } from '@popperjs/core';
|
|
1
2
|
export declare function getMaxSizeModifiers({ viewportPadding }: {
|
|
2
3
|
viewportPadding: number;
|
|
3
|
-
}): [
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
4
|
+
}): [
|
|
5
|
+
{
|
|
6
|
+
/**
|
|
7
|
+
* Performing DOM measurements in the 'read' phase,
|
|
8
|
+
* which is the convention for popper modifiers
|
|
9
|
+
*/
|
|
10
|
+
readonly name: 'maxSizeData';
|
|
11
|
+
readonly enabled: true;
|
|
12
|
+
readonly phase: 'read';
|
|
13
|
+
readonly fn: ({ state, name }: ModifierArguments<any>) => void;
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
/**
|
|
17
|
+
* Applying max size CSS
|
|
18
|
+
*/
|
|
19
|
+
readonly name: 'maxSize';
|
|
20
|
+
readonly enabled: true;
|
|
21
|
+
readonly phase: 'beforeWrite';
|
|
22
|
+
readonly requiresIfExists: ['offset', 'preventOverflow', 'flip'];
|
|
23
|
+
readonly fn: ({ state }: ModifierArguments<any>) => void;
|
|
24
|
+
}
|
|
25
|
+
];
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { ModifierArguments } from '@popperjs/core';
|
|
1
2
|
export declare function getMaxSizeModifiers({ viewportPadding }: {
|
|
2
3
|
viewportPadding: number;
|
|
3
4
|
}): [
|
|
@@ -6,23 +7,23 @@ export declare function getMaxSizeModifiers({ viewportPadding }: {
|
|
|
6
7
|
* Performing DOM measurements in the 'read' phase,
|
|
7
8
|
* which is the convention for popper modifiers
|
|
8
9
|
*/
|
|
9
|
-
readonly name:
|
|
10
|
+
readonly name: 'maxSizeData';
|
|
10
11
|
readonly enabled: true;
|
|
11
|
-
readonly phase:
|
|
12
|
-
readonly fn: ({ state, name }:
|
|
12
|
+
readonly phase: 'read';
|
|
13
|
+
readonly fn: ({ state, name }: ModifierArguments<any>) => void;
|
|
13
14
|
},
|
|
14
15
|
{
|
|
15
16
|
/**
|
|
16
17
|
* Applying max size CSS
|
|
17
18
|
*/
|
|
18
|
-
readonly name:
|
|
19
|
+
readonly name: 'maxSize';
|
|
19
20
|
readonly enabled: true;
|
|
20
|
-
readonly phase:
|
|
21
|
+
readonly phase: 'beforeWrite';
|
|
21
22
|
readonly requiresIfExists: [
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
'offset',
|
|
24
|
+
'preventOverflow',
|
|
25
|
+
'flip'
|
|
25
26
|
];
|
|
26
|
-
readonly fn: ({ state }:
|
|
27
|
+
readonly fn: ({ state }: ModifierArguments<any>) => void;
|
|
27
28
|
}
|
|
28
29
|
];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/popper",
|
|
3
|
-
"version": "7.1.
|
|
3
|
+
"version": "7.1.9",
|
|
4
4
|
"description": "A wrapper for React Popper for situations which require a bespoke popup where other ADS components are deemed unsuitable",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -35,15 +35,16 @@
|
|
|
35
35
|
"@af/accessibility-testing": "workspace:^",
|
|
36
36
|
"@af/integration-testing": "workspace:^",
|
|
37
37
|
"@af/visual-regression": "workspace:^",
|
|
38
|
-
"@atlaskit/button": "^23.
|
|
39
|
-
"@atlaskit/docs": "^11.
|
|
40
|
-
"@atlaskit/ds-lib": "^
|
|
41
|
-
"@atlaskit/link": "^3.
|
|
42
|
-
"@atlaskit/section-message": "^8.
|
|
43
|
-
"@atlaskit/tokens": "^
|
|
38
|
+
"@atlaskit/button": "^23.10.0",
|
|
39
|
+
"@atlaskit/docs": "^11.7.0",
|
|
40
|
+
"@atlaskit/ds-lib": "^6.0.0",
|
|
41
|
+
"@atlaskit/link": "^3.3.0",
|
|
42
|
+
"@atlaskit/section-message": "^8.12.0",
|
|
43
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
44
44
|
"@atlassian/ssr-tests": "workspace:^",
|
|
45
|
-
"@
|
|
46
|
-
"@
|
|
45
|
+
"@atlassian/structured-docs-types": "workspace:^",
|
|
46
|
+
"@compiled/react": "^0.20.0",
|
|
47
|
+
"@testing-library/react": "^16.3.0",
|
|
47
48
|
"@testing-library/user-event": "^14.4.3",
|
|
48
49
|
"react-dom": "^18.2.0",
|
|
49
50
|
"react-lorem-component": "^0.13.0"
|
package/popper.docs.tsx
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import path from 'path';
|
|
2
|
+
|
|
3
|
+
import type { ComponentStructuredContentSource } from '@atlassian/structured-docs-types';
|
|
4
|
+
|
|
5
|
+
const documentation: ComponentStructuredContentSource[] = [
|
|
6
|
+
{
|
|
7
|
+
name: 'Popper',
|
|
8
|
+
description: 'A component for positioning elements relative to other elements.',
|
|
9
|
+
status: 'general-availability',
|
|
10
|
+
import: {
|
|
11
|
+
name: 'Popper',
|
|
12
|
+
package: '@atlaskit/popper',
|
|
13
|
+
type: 'named',
|
|
14
|
+
packagePath: path.resolve(__dirname),
|
|
15
|
+
packageJson: require('./package.json'),
|
|
16
|
+
},
|
|
17
|
+
usageGuidelines: [
|
|
18
|
+
'Use for positioning overlays and tooltips',
|
|
19
|
+
'Consider positioning constraints',
|
|
20
|
+
'Handle responsive positioning',
|
|
21
|
+
'Use appropriate z-index management',
|
|
22
|
+
],
|
|
23
|
+
contentGuidelines: [
|
|
24
|
+
'Ensure positioned content is accessible',
|
|
25
|
+
'Use appropriate positioning strategies',
|
|
26
|
+
'Consider content visibility and readability',
|
|
27
|
+
],
|
|
28
|
+
accessibilityGuidelines: [
|
|
29
|
+
'Ensure proper positioning and visibility',
|
|
30
|
+
'Consider screen reader accessibility',
|
|
31
|
+
'Use appropriate ARIA attributes',
|
|
32
|
+
'Handle focus management',
|
|
33
|
+
],
|
|
34
|
+
examples: [
|
|
35
|
+
{
|
|
36
|
+
name: '00 Basic Positioning',
|
|
37
|
+
description: '00 Basic Positioning example',
|
|
38
|
+
source: path.resolve(__dirname, './examples/00-basic-positioning.tsx'),
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
keywords: ['popper', 'positioning', 'tooltip', 'popup', 'overlay'],
|
|
42
|
+
categories: ['utility'],
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
|
|
46
|
+
export default documentation;
|