@preply/ds-web-core 0.8.0 → 0.9.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/dist/index.js +2 -1
- package/dist/ssr/classes/ServerStyleSheet.d.ts +3 -0
- package/dist/ssr/classes/ServerStyleSheet.js +7 -1
- package/dist/ssr/hooks/useClassNameExtract.d.ts +1 -0
- package/dist/ssr/hooks/useClassNameExtract.js +12 -0
- package/dist/ssr/index.d.ts +1 -0
- package/dist/ssr/index.js +2 -1
- package/dist/ssr/types.d.ts +2 -0
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export { useLayoutStyles } from './layout/hooks/useLayoutStyles.js';
|
|
|
17
17
|
export { useLayoutGridStyles } from './layout/hooks/useLayoutGridStyles.js';
|
|
18
18
|
export { ServerStyleSheet } from './ssr/classes/ServerStyleSheet.js';
|
|
19
19
|
export { StyleExtractContext, StyleExtractProvider } from './ssr/contexts/StyleExtractContext.js';
|
|
20
|
+
export { useClassNameExtract } from './ssr/hooks/useClassNameExtract.js';
|
|
20
21
|
export { useStyleExtract } from './ssr/hooks/useStyleExtract.js';
|
|
21
22
|
export { withStyleExtract } from './ssr/hocs/withStyleExtract.js';
|
|
22
23
|
export { Theme } from './theme/classes/Theme.js';
|
|
@@ -26,4 +27,4 @@ export { useTheme } from './theme/hooks/useTheme.js';
|
|
|
26
27
|
export { useThemes } from './theme/hooks/useThemes.js';
|
|
27
28
|
export { useSetTheme } from './theme/hooks/useSetTheme.js';
|
|
28
29
|
export { withTheme } from './theme/hocs/withTheme.js';
|
|
29
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
|
@@ -3,6 +3,9 @@ import type { CSSModule } from '../../css-module/types';
|
|
|
3
3
|
import type { ServerStyleSheetInterface } from '../types';
|
|
4
4
|
export declare class ServerStyleSheet implements ServerStyleSheetInterface {
|
|
5
5
|
styles: Record<string, string>;
|
|
6
|
+
className?: string;
|
|
6
7
|
addStyle({ __id: id, __css: css }: CSSModule): void;
|
|
8
|
+
setClassName(className: string): void;
|
|
7
9
|
getStyleElement: () => ReactNode;
|
|
10
|
+
getClassName(): string;
|
|
8
11
|
}
|
|
@@ -15,7 +15,13 @@ class ServerStyleSheet {
|
|
|
15
15
|
addStyle({ __id: id, __css: css }) {
|
|
16
16
|
this.styles[id] = css;
|
|
17
17
|
}
|
|
18
|
+
setClassName(className) {
|
|
19
|
+
this.className = className;
|
|
20
|
+
}
|
|
21
|
+
getClassName() {
|
|
22
|
+
return this.className || '';
|
|
23
|
+
}
|
|
18
24
|
}
|
|
19
25
|
|
|
20
26
|
export { ServerStyleSheet };
|
|
21
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VydmVyU3R5bGVTaGVldC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Nzci9jbGFzc2VzL1NlcnZlclN0eWxlU2hlZXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IFNlcnZlclN0eWxlU2hlZXRJbnRlcmZhY2UgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjbGFzcyBTZXJ2ZXJTdHlsZVNoZWV0IGltcGxlbWVudHMgU2VydmVyU3R5bGVTaGVldEludGVyZmFjZSB7XG4gICAgc3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VydmVyU3R5bGVTaGVldC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Nzci9jbGFzc2VzL1NlcnZlclN0eWxlU2hlZXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB0eXBlIHsgQ1NTTW9kdWxlIH0gZnJvbSAnLi4vLi4vY3NzLW1vZHVsZS90eXBlcyc7XG5pbXBvcnQgdHlwZSB7IFNlcnZlclN0eWxlU2hlZXRJbnRlcmZhY2UgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjbGFzcyBTZXJ2ZXJTdHlsZVNoZWV0IGltcGxlbWVudHMgU2VydmVyU3R5bGVTaGVldEludGVyZmFjZSB7XG4gICAgc3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xuXG4gICAgYWRkU3R5bGUoeyBfX2lkOiBpZCwgX19jc3M6IGNzcyB9OiBDU1NNb2R1bGUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdHlsZXNbaWRdID0gY3NzO1xuICAgIH1cblxuICAgIHNldENsYXNzTmFtZShjbGFzc05hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLmNsYXNzTmFtZSA9IGNsYXNzTmFtZTtcbiAgICB9XG5cbiAgICBnZXRTdHlsZUVsZW1lbnQgPSAoKTogUmVhY3ROb2RlID0+IHtcbiAgICAgICAgY29uc3QgaHRtbCA9IE9iamVjdC52YWx1ZXModGhpcy5zdHlsZXMpLmpvaW4oJycpO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPHN0eWxlXG4gICAgICAgICAgICAgICAgZGF0YS1pZD1cIkBwcmVwbHkvZHMtd2ViLWNvcmUgY3JpdGljYWwgQ1NTXCJcbiAgICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3Qvbm8tZGFuZ2VyXG4gICAgICAgICAgICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3tcbiAgICAgICAgICAgICAgICAgICAgX19odG1sOiBodG1sLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICApO1xuICAgIH07XG5cbiAgICBnZXRDbGFzc05hbWUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY2xhc3NOYW1lIHx8ICcnO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztNQUthLGdCQUFnQjtJQUE3QjtRQUNJLFdBQU0sR0FBMkIsRUFBRSxDQUFDO1FBV3BDLG9CQUFlLEdBQUc7WUFDZCxNQUFNLElBQUksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDakQsUUFDSSwwQ0FDWSxrQ0FBa0M7O2dCQUUxQyx1QkFBdUIsRUFBRTtvQkFDckIsTUFBTSxFQUFFLElBQUk7aUJBQ2YsR0FDSCxFQUNKO1NBQ0wsQ0FBQztLQUtMO0lBeEJHLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBYTtRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQztLQUN6QjtJQUVELFlBQVksQ0FBQyxTQUFpQjtRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztLQUM5QjtJQWVELFlBQVk7UUFDUixPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksRUFBRSxDQUFDO0tBQy9COzs7OzsifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useClassNameExtract: (className: string) => void;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { StyleExtractContext } from '../contexts/StyleExtractContext.js';
|
|
3
|
+
|
|
4
|
+
const useClassNameExtract = (className) => {
|
|
5
|
+
const stylesheet = useContext(StyleExtractContext);
|
|
6
|
+
if (stylesheet.setClassName) {
|
|
7
|
+
stylesheet.setClassName(className);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { useClassNameExtract };
|
|
12
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQ2xhc3NOYW1lRXh0cmFjdC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Nzci9ob29rcy91c2VDbGFzc05hbWVFeHRyYWN0LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFN0eWxlRXh0cmFjdENvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0cy9TdHlsZUV4dHJhY3RDb250ZXh0JztcblxuZXhwb3J0IGNvbnN0IHVzZUNsYXNzTmFtZUV4dHJhY3QgPSAoY2xhc3NOYW1lOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgICBjb25zdCBzdHlsZXNoZWV0ID0gdXNlQ29udGV4dChTdHlsZUV4dHJhY3RDb250ZXh0KTtcbiAgICBpZiAoc3R5bGVzaGVldC5zZXRDbGFzc05hbWUpIHtcbiAgICAgICAgc3R5bGVzaGVldC5zZXRDbGFzc05hbWUoY2xhc3NOYW1lKTtcbiAgICB9XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztNQUlhLG1CQUFtQixHQUFHLENBQUMsU0FBaUI7SUFDakQsTUFBTSxVQUFVLEdBQUcsVUFBVSxDQUFDLG1CQUFtQixDQUFDLENBQUM7SUFDbkQsSUFBSSxVQUFVLENBQUMsWUFBWSxFQUFFO1FBQ3pCLFVBQVUsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7S0FDdEM7QUFDTDs7OzsifQ==
|
package/dist/ssr/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type { ServerStyleSheetInterface } from './types';
|
|
2
2
|
export { ServerStyleSheet } from './classes/ServerStyleSheet';
|
|
3
3
|
export { StyleExtractContext, StyleExtractProvider } from './contexts/StyleExtractContext';
|
|
4
|
+
export { useClassNameExtract } from './hooks/useClassNameExtract';
|
|
4
5
|
export { useStyleExtract } from './hooks/useStyleExtract';
|
|
5
6
|
export { withStyleExtract } from './hocs/withStyleExtract';
|
package/dist/ssr/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { ServerStyleSheet } from './classes/ServerStyleSheet.js';
|
|
2
2
|
export { StyleExtractContext, StyleExtractProvider } from './contexts/StyleExtractContext.js';
|
|
3
|
+
export { useClassNameExtract } from './hooks/useClassNameExtract.js';
|
|
3
4
|
export { useStyleExtract } from './hooks/useStyleExtract.js';
|
|
4
5
|
export { withStyleExtract } from './hocs/withStyleExtract.js';
|
|
5
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
6
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9
|
package/dist/ssr/types.d.ts
CHANGED
|
@@ -2,5 +2,7 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { CSSModule } from '../css-module/types';
|
|
3
3
|
export interface ServerStyleSheetInterface {
|
|
4
4
|
addStyle(module: CSSModule): void;
|
|
5
|
+
setClassName(className: string): any;
|
|
5
6
|
getStyleElement: () => ReactNode;
|
|
7
|
+
getClassName: () => string;
|
|
6
8
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
22
|
+
"@preply/ds-core": "0.9.0"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@preply/ds-core": "0.
|
|
25
|
+
"@preply/ds-core": "0.9.0",
|
|
26
26
|
"react": "^16.8.3",
|
|
27
27
|
"react-dom": "^16.8.3"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "74a4ba2dc0d5c1c77751e13b5c089f73bcedfacb"
|
|
30
30
|
}
|