styled-components 5.3.3 → 6.0.0-alpha.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/LICENSE +21 -0
- package/README.md +187 -0
- package/dist/styled-components-macro.cjs.js +1 -1
- package/dist/styled-components-macro.cjs.js.map +1 -1
- package/dist/styled-components-macro.esm.js +1 -1
- package/dist/styled-components-macro.esm.js.map +1 -1
- package/dist/styled-components.browser.cjs.js +1 -1
- package/dist/styled-components.browser.cjs.js.map +1 -1
- package/dist/styled-components.browser.esm.js +1 -1
- package/dist/styled-components.browser.esm.js.map +1 -1
- package/dist/styled-components.cjs.js +1 -1
- package/dist/styled-components.cjs.js.map +1 -1
- package/dist/styled-components.esm.js +1 -1
- package/dist/styled-components.esm.js.map +1 -1
- package/dist/styled-components.js +1 -1
- package/dist/styled-components.js.map +1 -1
- package/dist/styled-components.min.js +1 -1
- package/dist/styled-components.min.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/native/dist/styled-components.native.cjs.js +1157 -6115
- package/native/dist/styled-components.native.cjs.js.map +1 -1
- package/native/dist/styled-components.native.esm.js +1153 -6115
- package/native/dist/styled-components.native.esm.js.map +1 -1
- package/package.json +72 -44
- package/primitives/dist/styled-components-primitives.cjs.js +1107 -6115
- package/primitives/dist/styled-components-primitives.cjs.js.map +1 -1
- package/primitives/dist/styled-components-primitives.esm.js +1101 -6114
- package/primitives/dist/styled-components-primitives.esm.js.map +1 -1
- package/test-utils/{index.js → index.ts} +10 -13
- package/test-utils/{setupTestFramework.js → setupTestFramework.ts} +2 -5
- package/scripts/generateErrorMap.js +0 -22
|
@@ -1,41 +1,38 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactWrapper } from "enzyme";
|
|
2
|
+
import { IStyledComponent } from "../src/types";
|
|
2
3
|
|
|
3
|
-
function assertElement(element) {
|
|
4
|
+
function assertElement(element: any) {
|
|
4
5
|
if (!(element instanceof HTMLElement)) {
|
|
5
6
|
throw new Error('Must pass a DOM element to find/findAll(element, styledComponent)"');
|
|
6
7
|
}
|
|
7
8
|
}
|
|
8
9
|
|
|
9
|
-
function assertStyledComponent(styledComponent) {
|
|
10
|
+
function assertStyledComponent(styledComponent: any) {
|
|
10
11
|
if (
|
|
11
12
|
!(styledComponent.styledComponentId && typeof styledComponent.styledComponentId === 'string')
|
|
12
13
|
) {
|
|
13
14
|
throw new Error(
|
|
14
|
-
`${
|
|
15
|
-
styledComponent.name ||
|
|
16
|
-
|
|
15
|
+
`${
|
|
16
|
+
styledComponent.displayName || styledComponent.name || 'Component'
|
|
17
|
+
} is not a styled component.`
|
|
17
18
|
);
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
21
|
|
|
21
|
-
function enzymeFind(wrapper
|
|
22
|
+
export function enzymeFind(wrapper: ReactWrapper, styledComponent: IStyledComponent) {
|
|
22
23
|
assertStyledComponent(styledComponent);
|
|
23
24
|
|
|
24
25
|
return wrapper.find(`.${styledComponent.styledComponentId}`);
|
|
25
26
|
}
|
|
26
27
|
|
|
27
|
-
function find(element
|
|
28
|
+
export function find(element: Element, styledComponent: IStyledComponent) {
|
|
28
29
|
assertElement(element);
|
|
29
30
|
assertStyledComponent(styledComponent);
|
|
30
31
|
return element.querySelector(`.${styledComponent.styledComponentId}`);
|
|
31
32
|
}
|
|
32
33
|
|
|
33
|
-
function findAll(element
|
|
34
|
+
export function findAll(element: Element, styledComponent: IStyledComponent) {
|
|
34
35
|
assertElement(element);
|
|
35
36
|
assertStyledComponent(styledComponent);
|
|
36
37
|
return element.querySelectorAll(`.${styledComponent.styledComponentId}`);
|
|
37
38
|
}
|
|
38
|
-
|
|
39
|
-
exports.enzymeFind = enzymeFind;
|
|
40
|
-
exports.find = find;
|
|
41
|
-
exports.findAll = findAll;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
// @flow
|
|
2
1
|
const consoleError = console.error;
|
|
3
2
|
|
|
4
3
|
const suppressedErrors = [
|
|
@@ -9,8 +8,7 @@ const suppressedErrors = [
|
|
|
9
8
|
beforeEach(() => {
|
|
10
9
|
// Suppress errors from JSDOM CSS parser
|
|
11
10
|
// See: https://github.com/jsdom/jsdom/issues/2177
|
|
12
|
-
|
|
13
|
-
(console: any).error = message => {
|
|
11
|
+
console.error = (message: any) => {
|
|
14
12
|
if (!suppressedErrors.some(suppressedError => message.includes(suppressedError))) {
|
|
15
13
|
consoleError(message);
|
|
16
14
|
}
|
|
@@ -18,6 +16,5 @@ beforeEach(() => {
|
|
|
18
16
|
});
|
|
19
17
|
|
|
20
18
|
afterEach(() => {
|
|
21
|
-
|
|
22
|
-
(console: any).error = consoleError;
|
|
19
|
+
console.error = consoleError;
|
|
23
20
|
});
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
const fs = require('fs');
|
|
2
|
-
const path = require('path');
|
|
3
|
-
|
|
4
|
-
const md = fs.readFileSync(path.join(__dirname, '../src/utils/errors.md'), 'utf8');
|
|
5
|
-
|
|
6
|
-
const errorMap = md
|
|
7
|
-
.split(/^#/gm)
|
|
8
|
-
.slice(1)
|
|
9
|
-
.reduce((errors, str) => {
|
|
10
|
-
const [, code, message] = str.split(/^.*?(\d+)\s*\n/);
|
|
11
|
-
|
|
12
|
-
// eslint-disable-next-line no-param-reassign
|
|
13
|
-
errors[code] = message;
|
|
14
|
-
|
|
15
|
-
return errors;
|
|
16
|
-
}, {});
|
|
17
|
-
|
|
18
|
-
fs.writeFileSync(
|
|
19
|
-
path.join(__dirname, '../src/utils/errors.js'),
|
|
20
|
-
`export default ${JSON.stringify(errorMap)};`,
|
|
21
|
-
'utf8'
|
|
22
|
-
);
|