@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 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
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+ID0ge307XG5cbiAgICBhZGRTdHlsZSh7IF9faWQ6IGlkLCBfX2NzczogY3NzIH06IENTU01vZHVsZSk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0eWxlc1tpZF0gPSBjc3M7XG4gICAgfVxuXG4gICAgZ2V0U3R5bGVFbGVtZW50ID0gKCk6IFJlYWN0Tm9kZSA9PiB7XG4gICAgICAgIGNvbnN0IGh0bWwgPSBPYmplY3QudmFsdWVzKHRoaXMuc3R5bGVzKS5qb2luKCcnKTtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxzdHlsZVxuICAgICAgICAgICAgICAgIGRhdGEtaWQ9XCJAcHJlcGx5L2RzLXdlYi1jb3JlIGNyaXRpY2FsIENTU1wiXG4gICAgICAgICAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L25vLWRhbmdlclxuICAgICAgICAgICAgICAgIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7XG4gICAgICAgICAgICAgICAgICAgIF9faHRtbDogaHRtbCxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICB9O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O01BS2EsZ0JBQWdCO0lBQTdCO1FBQ0ksV0FBTSxHQUEyQixFQUFFLENBQUM7UUFNcEMsb0JBQWUsR0FBRztZQUNkLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNqRCxRQUNJLDBDQUNZLGtDQUFrQzs7Z0JBRTFDLHVCQUF1QixFQUFFO29CQUNyQixNQUFNLEVBQUUsSUFBSTtpQkFDZixHQUNILEVBQ0o7U0FDTCxDQUFDO0tBQ0w7SUFoQkcsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFhO1FBQ3hDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFDO0tBQ3pCOzs7OzsifQ==
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==
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7In0=
6
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9
@@ -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.8.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.8.0"
22
+ "@preply/ds-core": "0.9.0"
23
23
  },
24
24
  "peerDependencies": {
25
- "@preply/ds-core": "0.8.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": "13b855b27057d9b4bd5256774682d762adbbfbca"
29
+ "gitHead": "74a4ba2dc0d5c1c77751e13b5c089f73bcedfacb"
30
30
  }