@justeattakeaway/pie-spinner 0.3.3 → 0.5.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.
- package/custom-elements.json +143 -0
- package/dist/react.d.ts +4 -2
- package/dist/react.js +9 -9
- package/package.json +11 -4
- package/src/defs-react.ts +3 -0
- package/src/react.ts +20 -0
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/defs-react.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": []
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
"kind": "javascript-module",
|
|
13
|
+
"path": "src/defs.js",
|
|
14
|
+
"declarations": [
|
|
15
|
+
{
|
|
16
|
+
"kind": "variable",
|
|
17
|
+
"name": "sizes",
|
|
18
|
+
"type": {
|
|
19
|
+
"text": "['xsmall', 'small', 'medium', 'large', 'xlarge']"
|
|
20
|
+
},
|
|
21
|
+
"default": "['xsmall', 'small', 'medium', 'large', 'xlarge']"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"kind": "variable",
|
|
25
|
+
"name": "variants",
|
|
26
|
+
"type": {
|
|
27
|
+
"text": "['brand', 'secondary', 'inverse']"
|
|
28
|
+
},
|
|
29
|
+
"default": "['brand', 'secondary', 'inverse']"
|
|
30
|
+
}
|
|
31
|
+
],
|
|
32
|
+
"exports": [
|
|
33
|
+
{
|
|
34
|
+
"kind": "js",
|
|
35
|
+
"name": "sizes",
|
|
36
|
+
"declaration": {
|
|
37
|
+
"name": "sizes",
|
|
38
|
+
"module": "src/defs.js"
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"kind": "js",
|
|
43
|
+
"name": "variants",
|
|
44
|
+
"declaration": {
|
|
45
|
+
"name": "variants",
|
|
46
|
+
"module": "src/defs.js"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"kind": "javascript-module",
|
|
53
|
+
"path": "src/index.js",
|
|
54
|
+
"declarations": [
|
|
55
|
+
{
|
|
56
|
+
"kind": "class",
|
|
57
|
+
"description": "",
|
|
58
|
+
"name": "PieSpinner",
|
|
59
|
+
"members": [
|
|
60
|
+
{
|
|
61
|
+
"kind": "field",
|
|
62
|
+
"name": "aria",
|
|
63
|
+
"type": {
|
|
64
|
+
"text": "AriaProps | undefined"
|
|
65
|
+
},
|
|
66
|
+
"privacy": "public",
|
|
67
|
+
"attribute": "aria"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"kind": "field",
|
|
71
|
+
"name": "size",
|
|
72
|
+
"type": {
|
|
73
|
+
"text": "SpinnerProps['size'] | undefined"
|
|
74
|
+
},
|
|
75
|
+
"privacy": "public",
|
|
76
|
+
"default": "'medium'",
|
|
77
|
+
"attribute": "size"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"kind": "field",
|
|
81
|
+
"name": "variant",
|
|
82
|
+
"type": {
|
|
83
|
+
"text": "SpinnerProps['variant'] | undefined"
|
|
84
|
+
},
|
|
85
|
+
"privacy": "public",
|
|
86
|
+
"default": "'brand'",
|
|
87
|
+
"attribute": "variant"
|
|
88
|
+
}
|
|
89
|
+
],
|
|
90
|
+
"attributes": [
|
|
91
|
+
{
|
|
92
|
+
"name": "aria",
|
|
93
|
+
"type": {
|
|
94
|
+
"text": "AriaProps | undefined"
|
|
95
|
+
},
|
|
96
|
+
"fieldName": "aria"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"name": "size",
|
|
100
|
+
"type": {
|
|
101
|
+
"text": "SpinnerProps['size'] | undefined"
|
|
102
|
+
},
|
|
103
|
+
"default": "'medium'",
|
|
104
|
+
"fieldName": "size"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "variant",
|
|
108
|
+
"type": {
|
|
109
|
+
"text": "SpinnerProps['variant'] | undefined"
|
|
110
|
+
},
|
|
111
|
+
"default": "'brand'",
|
|
112
|
+
"fieldName": "variant"
|
|
113
|
+
}
|
|
114
|
+
],
|
|
115
|
+
"superclass": {
|
|
116
|
+
"name": "LitElement",
|
|
117
|
+
"package": "lit"
|
|
118
|
+
},
|
|
119
|
+
"tagName": "pie-spinner",
|
|
120
|
+
"customElement": true
|
|
121
|
+
}
|
|
122
|
+
],
|
|
123
|
+
"exports": [
|
|
124
|
+
{
|
|
125
|
+
"kind": "js",
|
|
126
|
+
"name": "*",
|
|
127
|
+
"declaration": {
|
|
128
|
+
"name": "*",
|
|
129
|
+
"package": "./defs"
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"kind": "js",
|
|
134
|
+
"name": "PieSpinner",
|
|
135
|
+
"declaration": {
|
|
136
|
+
"name": "PieSpinner",
|
|
137
|
+
"module": "src/index.js"
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
]
|
|
141
|
+
}
|
|
142
|
+
]
|
|
143
|
+
}
|
package/dist/react.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { CSSResult } from 'lit';
|
|
2
2
|
import type { LitElement } from 'lit';
|
|
3
|
-
import
|
|
3
|
+
import * as React_2 from 'react';
|
|
4
4
|
import type { TemplateResult } from 'lit-html';
|
|
5
5
|
|
|
6
6
|
export declare type AriaProps = {
|
|
7
7
|
label?: string;
|
|
8
8
|
};
|
|
9
9
|
|
|
10
|
-
export declare const PieSpinner:
|
|
10
|
+
export declare const PieSpinner: React_2.ForwardRefExoticComponent<SpinnerProps & React_2.RefAttributes<PieSpinner_2> & ReactBaseType>;
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* @tagname pie-spinner
|
|
@@ -20,6 +20,8 @@ declare class PieSpinner_2 extends LitElement implements SpinnerProps {
|
|
|
20
20
|
static styles: CSSResult;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
+
declare type ReactBaseType = React_2.HTMLAttributes<HTMLDivElement>;
|
|
24
|
+
|
|
23
25
|
export declare const sizes: readonly ["xsmall", "small", "medium", "large", "xlarge"];
|
|
24
26
|
|
|
25
27
|
export declare interface SpinnerProps {
|
package/dist/react.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
|
-
import { createComponent as
|
|
3
|
-
import { PieSpinner as
|
|
4
|
-
import { sizes as
|
|
2
|
+
import { createComponent as i } from "@lit/react";
|
|
3
|
+
import { PieSpinner as r } from "./index.js";
|
|
4
|
+
import { sizes as S, variants as f } from "./index.js";
|
|
5
5
|
import "lit";
|
|
6
6
|
import "lit/decorators.js";
|
|
7
7
|
import "@justeattakeaway/pie-webc-core";
|
|
8
|
-
const
|
|
8
|
+
const n = i({
|
|
9
9
|
displayName: "PieSpinner",
|
|
10
|
-
elementClass:
|
|
10
|
+
elementClass: r,
|
|
11
11
|
react: e,
|
|
12
12
|
tagName: "pie-spinner",
|
|
13
13
|
events: {}
|
|
14
|
-
});
|
|
14
|
+
}), s = n;
|
|
15
15
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
s as PieSpinner,
|
|
17
|
+
S as sizes,
|
|
18
|
+
f as variants
|
|
19
19
|
};
|
package/package.json
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@justeattakeaway/pie-spinner",
|
|
3
3
|
"description": "PIE Design System Spinner built using Web Components",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.5.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
9
9
|
"files": [
|
|
10
|
+
"custom-elements.json",
|
|
10
11
|
"src",
|
|
11
12
|
"dist",
|
|
12
13
|
"**/*.d.ts"
|
|
13
14
|
],
|
|
14
15
|
"scripts": {
|
|
15
|
-
"build": "
|
|
16
|
+
"build": "run -T vite build",
|
|
17
|
+
"build:react-wrapper": "npx build-react-wrapper",
|
|
18
|
+
"create:manifest": "yarn run cem analyze --litelement",
|
|
16
19
|
"lint:scripts": "run -T eslint .",
|
|
17
20
|
"lint:scripts:fix": "yarn lint:scripts --fix",
|
|
18
21
|
"lint:style": "run -T stylelint ./src/**/*.{css,scss}",
|
|
@@ -28,14 +31,18 @@
|
|
|
28
31
|
"author": "Just Eat Takeaway.com - Design System Team",
|
|
29
32
|
"license": "Apache-2.0",
|
|
30
33
|
"devDependencies": {
|
|
31
|
-
"@
|
|
34
|
+
"@custom-elements-manifest/analyzer": "0.9.0",
|
|
35
|
+
"@justeattakeaway/pie-components-config": "0.9.0",
|
|
36
|
+
"@justeattakeaway/pie-wrapper-react": "0.13.0",
|
|
37
|
+
"cem-plugin-module-file-extensions": "0.0.5"
|
|
32
38
|
},
|
|
33
39
|
"dependencies": {
|
|
34
|
-
"@justeattakeaway/pie-webc-core": "0.
|
|
40
|
+
"@justeattakeaway/pie-webc-core": "0.17.0"
|
|
35
41
|
},
|
|
36
42
|
"volta": {
|
|
37
43
|
"extends": "../../../package.json"
|
|
38
44
|
},
|
|
45
|
+
"customElements": "custom-elements.json",
|
|
39
46
|
"sideEffects": [
|
|
40
47
|
"dist/*.js"
|
|
41
48
|
]
|
package/src/react.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { createComponent } from '@lit/react';
|
|
3
|
+
import { PieSpinner as PieSpinnerLit } from './index';
|
|
4
|
+
import { SpinnerProps } from './defs';
|
|
5
|
+
|
|
6
|
+
export * from './defs';
|
|
7
|
+
|
|
8
|
+
const PieSpinnerReact = createComponent({
|
|
9
|
+
displayName: 'PieSpinner',
|
|
10
|
+
elementClass: PieSpinnerLit,
|
|
11
|
+
react: React,
|
|
12
|
+
tagName: 'pie-spinner',
|
|
13
|
+
events: {},
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
type ReactBaseType = React.HTMLAttributes<HTMLDivElement>
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
export const PieSpinner = PieSpinnerReact as React.ForwardRefExoticComponent<React.PropsWithoutRef<SpinnerProps> & React.RefAttributes<PieSpinnerLit> & ReactBaseType>;
|