@selfcommunity/react-theme-default 0.4.5-payments.185 → 0.4.5-payments.187

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.
Files changed (12) hide show
  1. package/lib/cjs/components/SCPaymentOrderPdfButton.js +2 -2
  2. package/lib/cjs/components/SCPdfPreview.d.ts +29 -0
  3. package/lib/cjs/components/SCPdfPreview.js +31 -0
  4. package/lib/cjs/index.d.ts +28 -0
  5. package/lib/cjs/index.js +3 -1
  6. package/lib/esm/components/SCPaymentOrderPdfButton.js +2 -2
  7. package/lib/esm/components/SCPdfPreview.d.ts +29 -0
  8. package/lib/esm/components/SCPdfPreview.js +29 -0
  9. package/lib/esm/index.d.ts +28 -0
  10. package/lib/esm/index.js +3 -1
  11. package/lib/umd/react-theme-default.js +1 -1
  12. package/package.json +2 -2
package/lib/cjs/components/SCPaymentOrderPdfButton.js CHANGED
@@ -6,10 +6,10 @@ const Component = {
6
6
  paddingLeft: 4,
7
7
  paddingRight: 4,
8
8
  width: 'auto',
9
- minWidth: 30,
9
+ minWidth: 31,
10
10
  marginLeft: theme.spacing(),
11
11
  marginRight: theme.spacing(),
12
- height: 31,
12
+ height: 30
13
13
  })
14
14
  }
15
15
  };
package/lib/cjs/components/SCPdfPreview.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ display: string;
5
+ flexDirection: string;
6
+ "& .SCPdfPreview-document-pdf-wrapper": {
7
+ filter: string;
8
+ };
9
+ "& .SCPdfPreview-document-pdf-link": {
10
+ padding: number;
11
+ '&:hover': {
12
+ opacity: number;
13
+ };
14
+ };
15
+ "& .SCPdfPreview-document-pdf-page": {
16
+ display: string;
17
+ flexDirection: string;
18
+ justifyContent: string;
19
+ marginBottom: any;
20
+ pageBreakAfter: string;
21
+ '& .react-pdf__Page__textContent': {
22
+ mixBlendMode: string;
23
+ opacity: number;
24
+ };
25
+ };
26
+ };
27
+ };
28
+ };
29
+ export default Component;
package/lib/cjs/components/SCPdfPreview.js ADDED
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const Component = {
4
+ styleOverrides: {
5
+ root: ({ theme }) => ({
6
+ display: 'flex',
7
+ flexDirection: 'column',
8
+ [`& .SCPdfPreview-document-pdf-wrapper`]: {
9
+ filter: 'drop-shadow(0 0 5px #00000040)'
10
+ },
11
+ [`& .SCPdfPreview-document-pdf-link`]: {
12
+ padding: 10,
13
+ '&:hover': {
14
+ opacity: 0.5
15
+ }
16
+ },
17
+ [`& .SCPdfPreview-document-pdf-page`]: {
18
+ display: 'flex',
19
+ flexDirection: 'column',
20
+ justifyContent: 'center',
21
+ marginBottom: theme.spacing(3),
22
+ pageBreakAfter: 'always',
23
+ '& .react-pdf__Page__textContent': {
24
+ mixBlendMode: 'multiply',
25
+ opacity: 0.6
26
+ }
27
+ }
28
+ })
29
+ }
30
+ };
31
+ exports.default = Component;
package/lib/cjs/index.d.ts CHANGED
@@ -11980,6 +11980,34 @@ declare const theme: {
11980
11980
  };
11981
11981
  };
11982
11982
  };
11983
+ SCPdfPreview: {
11984
+ styleOverrides: {
11985
+ root: ({ theme }: any) => {
11986
+ display: string;
11987
+ flexDirection: string;
11988
+ "& .SCPdfPreview-document-pdf-wrapper": {
11989
+ filter: string;
11990
+ };
11991
+ "& .SCPdfPreview-document-pdf-link": {
11992
+ padding: number;
11993
+ '&:hover': {
11994
+ opacity: number;
11995
+ };
11996
+ };
11997
+ "& .SCPdfPreview-document-pdf-page": {
11998
+ display: string;
11999
+ flexDirection: string;
12000
+ justifyContent: string;
12001
+ marginBottom: any;
12002
+ pageBreakAfter: string;
12003
+ '& .react-pdf__Page__textContent': {
12004
+ mixBlendMode: string;
12005
+ opacity: number;
12006
+ };
12007
+ };
12008
+ };
12009
+ };
12010
+ };
11983
12011
  };
11984
12012
  selfcommunity: {
11985
12013
  user: {
package/lib/cjs/index.js CHANGED
@@ -217,6 +217,7 @@ const SCCheckoutReturnDialog_1 = tslib_1.__importDefault(require("./components/S
217
217
  const SCHiddenPurchasableContent_1 = tslib_1.__importDefault(require("./components/SCHiddenPurchasableContent"));
218
218
  const SCPaywalls_1 = tslib_1.__importDefault(require("./components/SCPaywalls"));
219
219
  const SCPaywallsConfigurator_1 = tslib_1.__importDefault(require("./components/SCPaywallsConfigurator"));
220
+ const SCPdfPreview_1 = tslib_1.__importDefault(require("./components/SCPdfPreview"));
220
221
  /**
221
222
  * Style fragments - Imports - End
222
223
  */
@@ -516,7 +517,8 @@ const theme = {
516
517
  SCCheckoutReturnDialog: SCCheckoutReturnDialog_1.default,
517
518
  SCHiddenPurchasableContent: SCHiddenPurchasableContent_1.default,
518
519
  SCPaywalls: SCPaywalls_1.default,
519
- SCPaywallsConfigurator: SCPaywallsConfigurator_1.default
520
+ SCPaywallsConfigurator: SCPaywallsConfigurator_1.default,
521
+ SCPdfPreview: SCPdfPreview_1.default
520
522
  },
521
523
  selfcommunity: {
522
524
  user: {
package/lib/esm/components/SCPaymentOrderPdfButton.js CHANGED
@@ -4,10 +4,10 @@ const Component = {
4
4
  paddingLeft: 4,
5
5
  paddingRight: 4,
6
6
  width: 'auto',
7
- minWidth: 30,
7
+ minWidth: 31,
8
8
  marginLeft: theme.spacing(),
9
9
  marginRight: theme.spacing(),
10
- height: 31,
10
+ height: 30
11
11
  })
12
12
  }
13
13
  };
package/lib/esm/components/SCPdfPreview.d.ts ADDED
@@ -0,0 +1,29 @@
1
+ declare const Component: {
2
+ styleOverrides: {
3
+ root: ({ theme }: any) => {
4
+ display: string;
5
+ flexDirection: string;
6
+ "& .SCPdfPreview-document-pdf-wrapper": {
7
+ filter: string;
8
+ };
9
+ "& .SCPdfPreview-document-pdf-link": {
10
+ padding: number;
11
+ '&:hover': {
12
+ opacity: number;
13
+ };
14
+ };
15
+ "& .SCPdfPreview-document-pdf-page": {
16
+ display: string;
17
+ flexDirection: string;
18
+ justifyContent: string;
19
+ marginBottom: any;
20
+ pageBreakAfter: string;
21
+ '& .react-pdf__Page__textContent': {
22
+ mixBlendMode: string;
23
+ opacity: number;
24
+ };
25
+ };
26
+ };
27
+ };
28
+ };
29
+ export default Component;
package/lib/esm/components/SCPdfPreview.js ADDED
@@ -0,0 +1,29 @@
1
+ const Component = {
2
+ styleOverrides: {
3
+ root: ({ theme }) => ({
4
+ display: 'flex',
5
+ flexDirection: 'column',
6
+ [`& .SCPdfPreview-document-pdf-wrapper`]: {
7
+ filter: 'drop-shadow(0 0 5px #00000040)'
8
+ },
9
+ [`& .SCPdfPreview-document-pdf-link`]: {
10
+ padding: 10,
11
+ '&:hover': {
12
+ opacity: 0.5
13
+ }
14
+ },
15
+ [`& .SCPdfPreview-document-pdf-page`]: {
16
+ display: 'flex',
17
+ flexDirection: 'column',
18
+ justifyContent: 'center',
19
+ marginBottom: theme.spacing(3),
20
+ pageBreakAfter: 'always',
21
+ '& .react-pdf__Page__textContent': {
22
+ mixBlendMode: 'multiply',
23
+ opacity: 0.6
24
+ }
25
+ }
26
+ })
27
+ }
28
+ };
29
+ export default Component;
package/lib/esm/index.d.ts CHANGED
@@ -11980,6 +11980,34 @@ declare const theme: {
11980
11980
  };
11981
11981
  };
11982
11982
  };
11983
+ SCPdfPreview: {
11984
+ styleOverrides: {
11985
+ root: ({ theme }: any) => {
11986
+ display: string;
11987
+ flexDirection: string;
11988
+ "& .SCPdfPreview-document-pdf-wrapper": {
11989
+ filter: string;
11990
+ };
11991
+ "& .SCPdfPreview-document-pdf-link": {
11992
+ padding: number;
11993
+ '&:hover': {
11994
+ opacity: number;
11995
+ };
11996
+ };
11997
+ "& .SCPdfPreview-document-pdf-page": {
11998
+ display: string;
11999
+ flexDirection: string;
12000
+ justifyContent: string;
12001
+ marginBottom: any;
12002
+ pageBreakAfter: string;
12003
+ '& .react-pdf__Page__textContent': {
12004
+ mixBlendMode: string;
12005
+ opacity: number;
12006
+ };
12007
+ };
12008
+ };
12009
+ };
12010
+ };
11983
12011
  };
11984
12012
  selfcommunity: {
11985
12013
  user: {
package/lib/esm/index.js CHANGED
@@ -213,6 +213,7 @@ import SCCheckoutReturnDialog from './components/SCCheckoutReturnDialog';
213
213
  import SCHiddenPurchasableContent from './components/SCHiddenPurchasableContent';
214
214
  import SCPaywalls from './components/SCPaywalls';
215
215
  import SCPaywallsConfigurator from './components/SCPaywallsConfigurator';
216
+ import SCPdfPreview from './components/SCPdfPreview';
216
217
  /**
217
218
  * Style fragments - Imports - End
218
219
  */
@@ -504,7 +505,8 @@ const theme = {
504
505
  SCCheckoutReturnDialog,
505
506
  SCHiddenPurchasableContent,
506
507
  SCPaywalls,
507
- SCPaywallsConfigurator
508
+ SCPaywallsConfigurator,
509
+ SCPdfPreview
508
510
  },
509
511
  selfcommunity: {
510
512
  user: {