@preply/ds-web-lib 0.52.0 → 0.54.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/components/Button/Button.js +2 -2
- package/dist/components/FieldLayout/style/index.module.less.js +1 -1
- package/dist/components/FieldLayout/style/mixins.less +7 -5
- package/dist/components/IconButton/IconButton.js +4 -4
- package/dist/components/Link/Link.d.ts +2 -1
- package/dist/components/Link/Link.js +3 -2
- package/dist/components/ObserveIntersection/ObserveIntersection.d.ts +11 -0
- package/dist/components/ObserveIntersection/ObserveIntersection.js +31 -0
- package/dist/components/ShowOnIntersection/ShowOnIntersection.d.ts +11 -0
- package/dist/components/ShowOnIntersection/ShowOnIntersection.js +16 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +3 -1
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +3 -2
- package/dist/components/private/ButtonBase/ButtonBase.js +3 -2
- package/dist/index.js +3 -1
- package/package.json +14 -13
|
@@ -9,8 +9,8 @@ const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT,
|
|
|
9
9
|
component: BUTTON,
|
|
10
10
|
props: { variant, size, url, a11yLabel },
|
|
11
11
|
});
|
|
12
|
-
return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: false, variant: variant, size: size, url: url, a11yLabel: a11yLabel })));
|
|
12
|
+
return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: false, variant: variant, size: size, download: true, url: url, a11yLabel: a11yLabel })));
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export { Button };
|
|
16
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5jb25zdCBCVVRUT04gPSAnQnV0dG9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbic+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIHVybCxcbiAgICBhMTF5TGFiZWwsXG4gICAgLi4ucHJvcHNcbn0pID0+
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5jb25zdCBCVVRUT04gPSAnQnV0dG9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbic+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIHVybCxcbiAgICBhMTF5TGFiZWwsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogQlVUVE9OLFxuICAgICAgICBwcm9wczogeyB2YXJpYW50LCBzaXplLCB1cmwsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvbj17ZmFsc2V9XG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGRvd25sb2FkXG4gICAgICAgICAgICB1cmw9e3VybH1cbiAgICAgICAgICAgIGExMXlMYWJlbD17YTExeUxhYmVsfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQU1BLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztNQUlYLE1BQU0sR0FBYyxDQUFDLEVBQzlCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixHQUFHLEVBQ0gsU0FBUyxFQUNULEdBQUcsS0FBSyxFQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsTUFBTTtRQUNqQixLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUU7S0FDM0MsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsNkJBQUMsVUFBVSxvQkFDSCxLQUFLLElBQ1QsWUFBWSxFQUFFLEtBQUssRUFDbkIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsSUFBSSxFQUFFLElBQUksRUFDVixRQUFRLFFBQ1IsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUyxJQUN0QixFQUNKO0FBQ047Ozs7In0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._3wd25W{grid-gap:var(--1ba55a);background-color:var(--5836cb);border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--1ba55a);padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._3wd25W:hover{border-color:var(--398094)}._3wd25W input{background:none;border:none;font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:0}._3wd25W input::-webkit-input-placeholder{color:var(--
|
|
3
|
+
var css_248z = "._3wd25W{grid-gap:var(--1ba55a);background-color:var(--5836cb);background-color:var(--211bc0);border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);color:var(--41d493);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--1ba55a);padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._3wd25W:hover{border-color:var(--398094)}._3wd25W input{background:none;border:none;font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:0}._3wd25W input::-webkit-input-placeholder{color:var(--d9209f)}._3wd25W input::-moz-placeholder{color:var(--d9209f)}._3wd25W input:-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::placeholder{color:var(--d9209f)}.dR7X8n{height:var(--7c1b1c)}.dR7X8n svg{color:var(--cbc724)}._2oOvNj ._3wd25W{background-color:var(--95df5b);border-color:var(--eaf4a3)}._2oOvNj ._3wd25W input,._2oOvNj .dR7X8n svg{color:var(--7b0f41)}._3VIW2W ._3wd25W{border-color:var(--398094)}._2AzKuR ._3wd25W{background-color:var(--04daeb);border-color:transparent}._3wd25W button{margin-bottom:calc(var(--1ba55a)*-1);margin-top:calc(var(--1ba55a)*-1)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_3wd25W","FieldLayout--icon":"dR7X8n","FieldLayout--has-error":"_2oOvNj","FieldLayout--is-focused":"_3VIW2W","FieldLayout--is-disabled":"_2AzKuR"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -19,6 +19,8 @@
|
|
|
19
19
|
padding-right: @input-base-borderWidth;
|
|
20
20
|
background-color: @background-secondary;
|
|
21
21
|
border-style: solid;
|
|
22
|
+
.color('input', 'base');
|
|
23
|
+
.bg-color('input', 'base');
|
|
22
24
|
.border-color('border', 'base');
|
|
23
25
|
.border-width('input', 'base');
|
|
24
26
|
.border-radius('input', 'base');
|
|
@@ -32,7 +34,7 @@
|
|
|
32
34
|
.text-variant('m');
|
|
33
35
|
|
|
34
36
|
&::placeholder {
|
|
35
|
-
.color('
|
|
37
|
+
.color('input', 'placeholder');
|
|
36
38
|
}
|
|
37
39
|
}
|
|
38
40
|
}
|
|
@@ -41,21 +43,21 @@
|
|
|
41
43
|
height: @icon-size-s-size;
|
|
42
44
|
|
|
43
45
|
svg {
|
|
44
|
-
color
|
|
46
|
+
.color('input', 'icon');
|
|
45
47
|
}
|
|
46
48
|
}
|
|
47
49
|
|
|
48
50
|
&--has-error &--input {
|
|
49
|
-
|
|
51
|
+
.bg-color('input', 'error');
|
|
50
52
|
.border-color('border', 'error');
|
|
51
53
|
|
|
52
54
|
input {
|
|
53
|
-
.color('
|
|
55
|
+
.color('input', 'error');
|
|
54
56
|
}
|
|
55
57
|
}
|
|
56
58
|
|
|
57
59
|
&--has-error &--icon svg {
|
|
58
|
-
color: @
|
|
60
|
+
color: @input-error-color;
|
|
59
61
|
}
|
|
60
62
|
|
|
61
63
|
&--is-focused &--input {
|
|
@@ -4,14 +4,14 @@ import React__default from 'react';
|
|
|
4
4
|
import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
|
|
5
5
|
|
|
6
6
|
const ICONBUTTON = 'IconButton';
|
|
7
|
-
const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, svg: Svg, ...props }) => {
|
|
7
|
+
const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, download, url, a11yLabel, svg: Svg, ...props }) => {
|
|
8
8
|
useInstrument('render', {
|
|
9
9
|
component: ICONBUTTON,
|
|
10
|
-
props: { variant, size, url, a11yLabel },
|
|
10
|
+
props: { variant, size, url, download, a11yLabel },
|
|
11
11
|
});
|
|
12
|
-
return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: true, variant: variant, size: size, url: url, a11yLabel: a11yLabel }),
|
|
12
|
+
return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: true, variant: variant, size: size, download: true, url: url, a11yLabel: a11yLabel }),
|
|
13
13
|
React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { IconButton };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgdXNlSW5zdHJ1bWVudCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCdXR0b25CYXNlLCBCdXR0b25CYXNlUHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5cbmNvbnN0IElDT05CVVRUT04gPSAnSWNvbkJ1dHRvbic7XG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25Qcm9wcyA9IE9taXQ8XG4gICAgQnV0dG9uQmFzZVByb3BzLFxuICAgICdmdWxsV2lkdGgnIHwgJ3dyYXAnIHwgJ2lzSWNvbkJ1dHRvbicgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IEljb25CdXR0b25Qcm9wcyAmIHtcbiAgICBhc3Npc3RpdmVUZXh0OiBzdHJpbmc7XG4gICAgc3ZnOiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG59O1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbjogRkM8UHJvcHM+
|
|
17
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgdXNlSW5zdHJ1bWVudCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCdXR0b25CYXNlLCBCdXR0b25CYXNlUHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5cbmNvbnN0IElDT05CVVRUT04gPSAnSWNvbkJ1dHRvbic7XG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25Qcm9wcyA9IE9taXQ8XG4gICAgQnV0dG9uQmFzZVByb3BzLFxuICAgICdmdWxsV2lkdGgnIHwgJ3dyYXAnIHwgJ2lzSWNvbkJ1dHRvbicgfCAnY2hpbGRyZW4nXG4+O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IEljb25CdXR0b25Qcm9wcyAmIHtcbiAgICBhc3Npc3RpdmVUZXh0OiBzdHJpbmc7XG4gICAgc3ZnOiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG59O1xuXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbjogRkM8UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBkb3dubG9hZCxcbiAgICB1cmwsXG4gICAgYTExeUxhYmVsLFxuICAgIHN2ZzogU3ZnLFxuICAgIC4uLnByb3BzXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IElDT05CVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIHVybCwgZG93bmxvYWQsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvblxuICAgICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBkb3dubG9hZFxuICAgICAgICAgICAgdXJsPXt1cmx9XG4gICAgICAgICAgICBhMTF5TGFiZWw9e2ExMXlMYWJlbH1cbiAgICAgICAgPlxuICAgICAgICAgICAgPFN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgIDwvQnV0dG9uQmFzZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFNQSxNQUFNLFVBQVUsR0FBRyxZQUFZLENBQUM7TUFZbkIsVUFBVSxHQUFjLENBQUMsRUFDbEMsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLFFBQVEsRUFDUixHQUFHLEVBQ0gsU0FBUyxFQUNULEdBQUcsRUFBRSxHQUFHLEVBQ1IsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxVQUFVO1FBQ3JCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUU7S0FDckQsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsNkJBQUMsVUFBVSxvQkFDSCxLQUFLLElBQ1QsWUFBWSxRQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsUUFBUSxRQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVM7UUFFcEJBLDZCQUFDLEdBQUcsbUJBQWEsTUFBTSxFQUFDLFNBQVMsRUFBQyxPQUFPLEdBQUcsQ0FDbkMsRUFDZjtBQUNOOzs7OyJ9
|
|
@@ -2,12 +2,13 @@ import type { Dataset } from '@preply/ds-core';
|
|
|
2
2
|
import { FC, MouseEventHandler, ReactElement, ReactNode } from 'react';
|
|
3
3
|
export interface Props {
|
|
4
4
|
href?: string;
|
|
5
|
-
|
|
5
|
+
download?: boolean;
|
|
6
6
|
opensInNewTab?: boolean;
|
|
7
7
|
nofollow?: boolean;
|
|
8
8
|
assistiveText?: string;
|
|
9
9
|
onClick?: MouseEventHandler;
|
|
10
10
|
as?: ReactElement;
|
|
11
|
+
url?: string;
|
|
11
12
|
dataset?: Dataset;
|
|
12
13
|
children?: ReactNode;
|
|
13
14
|
}
|
|
@@ -3,7 +3,7 @@ import React__default, { cloneElement } from 'react';
|
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
5
5
|
const LINK = 'Link';
|
|
6
|
-
const Link = ({ href,
|
|
6
|
+
const Link = ({ href, download, opensInNewTab, nofollow, assistiveText, onClick, as, url, dataset, children, }) => {
|
|
7
7
|
useInstrument('render', {
|
|
8
8
|
component: LINK,
|
|
9
9
|
props: { url },
|
|
@@ -22,6 +22,7 @@ const Link = ({ href, url, opensInNewTab, nofollow, assistiveText, onClick, as,
|
|
|
22
22
|
: {};
|
|
23
23
|
const props = {
|
|
24
24
|
href: actualHref,
|
|
25
|
+
download,
|
|
25
26
|
'aria-label': assistiveText,
|
|
26
27
|
onClick: handleClick,
|
|
27
28
|
className: classNames.join(' '),
|
|
@@ -34,4 +35,4 @@ const Link = ({ href, url, opensInNewTab, nofollow, assistiveText, onClick, as,
|
|
|
34
35
|
};
|
|
35
36
|
|
|
36
37
|
export { Link };
|
|
37
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwge1xuICAgIEZDLFxuICAgIE1vdXNlRXZlbnQsXG4gICAgTW91c2VFdmVudEhhbmRsZXIsXG4gICAgUmVhY3RFbGVtZW50LFxuICAgIFJlYWN0Tm9kZSxcbiAgICBjbG9uZUVsZW1lbnQsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICBkb3dubG9hZD86IGJvb2xlYW47XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgbm9mb2xsb3c/OiBib29sZWFuO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyO1xuICAgIGFzPzogUmVhY3RFbGVtZW50O1xuICAgIHVybD86IHN0cmluZztcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgTElOSyA9ICdMaW5rJztcblxuZXhwb3J0IGNvbnN0IExpbms6IEZDPFByb3BzPiA9ICh7XG4gICAgaHJlZixcbiAgICBkb3dubG9hZCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIG5vZm9sbG93LFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBhcyxcbiAgICB1cmwsXG4gICAgZGF0YXNldCxcbiAgICBjaGlsZHJlbixcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogTElOSyxcbiAgICAgICAgcHJvcHM6IHsgdXJsIH0sXG4gICAgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGhvc3RuYW1lID0gdXNlSG9zdG5hbWUoKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExJTkssIFtdKTtcblxuICAgIGNvbnN0IGFjdHVhbEhyZWYgPSBocmVmIHx8IHVybDtcblxuICAgIGNvbnN0IGV4dGVybmFsVXJsUHJvcHMgPSBhY3R1YWxIcmVmXG4gICAgICAgID8gZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYiwgbm9mb2xsb3cpXG4gICAgICAgIDoge307XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgZG93bmxvYWQsXG4gICAgICAgICdhcmlhLWxhYmVsJzogYXNzaXN0aXZlVGV4dCxcbiAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2ssXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgaWYgKGFzKSB7XG4gICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoYXMgYXMgUmVhY3RFbGVtZW50LCB7IC4uLnByb3BzIH0sIGNoaWxkcmVuKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8YSB7Li4ucHJvcHN9IHsuLi5leHRlcm5hbFVybFByb3BzfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9hPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBaUNBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQzVCLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFFBQVEsRUFDUixhQUFhLEVBQ2IsT0FBTyxFQUNQLEVBQUUsRUFDRixHQUFHLEVBQ0gsT0FBTyxFQUNQLFFBQVEsR0FDWDtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLElBQUk7UUFDZixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUU7S0FDakIsQ0FBQyxDQUFDO0lBRUgsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sUUFBUSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBRS9CLE1BQU0sV0FBVyxHQUFHLENBQUMsS0FBaUI7UUFDbEMsSUFBSSxPQUFPLEVBQUU7WUFDVCxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbEI7S0FDSixDQUFDO0lBRUYsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztJQUV0RCxNQUFNLFVBQVUsR0FBRyxJQUFJLElBQUksR0FBRyxDQUFDO0lBRS9CLE1BQU0sZ0JBQWdCLEdBQUcsVUFBVTtVQUM3QixtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxRQUFRLENBQUM7VUFDbEUsRUFBRSxDQUFDO0lBRVQsTUFBTSxLQUFLLEdBQUc7UUFDVixJQUFJLEVBQUUsVUFBVTtRQUNoQixRQUFRO1FBQ1IsWUFBWSxFQUFFLGFBQWE7UUFDM0IsT0FBTyxFQUFFLFdBQVc7UUFDcEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQy9CLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztLQUM5QixDQUFDO0lBRUYsSUFBSSxFQUFFLEVBQUU7UUFDSixPQUFPLFlBQVksQ0FBQyxFQUFrQixFQUFFLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztLQUNuRTtJQUVELFFBQ0lBLG9EQUFPLEtBQUssRUFBTSxnQkFBZ0IsR0FDN0IsUUFBUSxDQUNULEVBQ047QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Dataset, LayoutTag } from '@preply/ds-core';
|
|
2
|
+
import { FC, ReactNode } from 'react';
|
|
3
|
+
export interface Props {
|
|
4
|
+
onIntersect: () => void;
|
|
5
|
+
once?: boolean;
|
|
6
|
+
threshold?: number;
|
|
7
|
+
tag?: LayoutTag;
|
|
8
|
+
dataset?: Dataset;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const ObserveIntersection: FC<Props>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { getDatasetProps } from '@preply/ds-web-core';
|
|
3
|
+
import React__default, { useRef, useEffect } from 'react';
|
|
4
|
+
|
|
5
|
+
const ObserveIntersection = ({ onIntersect, once, threshold, tag, dataset, children, }) => {
|
|
6
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
7
|
+
const ref = useRef(null);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
const callback = ([entry], obs) => {
|
|
10
|
+
if (entry.isIntersecting) {
|
|
11
|
+
onIntersect();
|
|
12
|
+
if (once && ref.current) {
|
|
13
|
+
obs.unobserve(ref.current);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const options = { threshold };
|
|
18
|
+
const observer = new IntersectionObserver(callback, options);
|
|
19
|
+
if (ref.current) {
|
|
20
|
+
observer.observe(ref.current);
|
|
21
|
+
}
|
|
22
|
+
return () => observer.disconnect();
|
|
23
|
+
}, [onIntersect, once, threshold]);
|
|
24
|
+
const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
|
|
25
|
+
const props = { ref, ...getDatasetProps(dataset) };
|
|
26
|
+
// ignore "Expression produces a union type that is too complex to represent" error
|
|
27
|
+
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export { ObserveIntersection };
|
|
31
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT2JzZXJ2ZUludGVyc2VjdGlvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT2JzZXJ2ZUludGVyc2VjdGlvbi9PYnNlcnZlSW50ZXJzZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIExheW91dFRhZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIG9uSW50ZXJzZWN0OiAoKSA9PiB2b2lkO1xuICAgIG9uY2U/OiBib29sZWFuO1xuICAgIHRocmVzaG9sZD86IG51bWJlcjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG50eXBlIFVuaW9uVG9JbnRlcnNlY3Rpb248VT4gPSAoVSBleHRlbmRzIGFueSA/IChrOiBVKSA9PiB2b2lkIDogbmV2ZXIpIGV4dGVuZHMgKGs6IGluZmVyIEkpID0+IHZvaWRcbiAgICA/IElcbiAgICA6IG5ldmVyO1xuXG5leHBvcnQgY29uc3QgT2JzZXJ2ZUludGVyc2VjdGlvbjogRkM8UHJvcHM+ID0gKHtcbiAgICBvbkludGVyc2VjdCxcbiAgICBvbmNlLFxuICAgIHRocmVzaG9sZCxcbiAgICB0YWcsXG4gICAgZGF0YXNldCxcbiAgICBjaGlsZHJlbixcbn06IFByb3BzKSA9PiB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgICBjb25zdCByZWYgPSB1c2VSZWY8VW5pb25Ub0ludGVyc2VjdGlvbjxIVE1MRWxlbWVudFRhZ05hbWVNYXBbTGF5b3V0VGFnXT4+KG51bGwpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgY2FsbGJhY2s6IEludGVyc2VjdGlvbk9ic2VydmVyQ2FsbGJhY2sgPSAoW2VudHJ5XSwgb2JzKSA9PiB7XG4gICAgICAgICAgICBpZiAoZW50cnkuaXNJbnRlcnNlY3RpbmcpIHtcbiAgICAgICAgICAgICAgICBvbkludGVyc2VjdCgpO1xuICAgICAgICAgICAgICAgIGlmIChvbmNlICYmIHJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIG9icy51bm9ic2VydmUocmVmLmN1cnJlbnQpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgb3B0aW9ucyA9IHsgdGhyZXNob2xkIH07XG4gICAgICAgIGNvbnN0IG9ic2VydmVyID0gbmV3IEludGVyc2VjdGlvbk9ic2VydmVyKGNhbGxiYWNrLCBvcHRpb25zKTtcblxuICAgICAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIG9ic2VydmVyLm9ic2VydmUocmVmLmN1cnJlbnQpO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuICgpID0+IG9ic2VydmVyLmRpc2Nvbm5lY3QoKTtcbiAgICB9LCBbb25JbnRlcnNlY3QsIG9uY2UsIHRocmVzaG9sZF0pO1xuXG4gICAgY29uc3QgVGFnID0gdGFnID8/IExBWU9VVF9UQUdfREVGQVVMVDtcbiAgICBjb25zdCBwcm9wcyA9IHsgcmVmLCAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCkgfTtcblxuICAgIC8vIGlnbm9yZSBcIkV4cHJlc3Npb24gcHJvZHVjZXMgYSB1bmlvbiB0eXBlIHRoYXQgaXMgdG9vIGNvbXBsZXggdG8gcmVwcmVzZW50XCIgZXJyb3JcbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O01BbUJhLG1CQUFtQixHQUFjLENBQUMsRUFDM0MsV0FBVyxFQUNYLElBQUksRUFDSixTQUFTLEVBQ1QsR0FBRyxFQUNILE9BQU8sRUFDUCxRQUFRLEdBQ0o7O0lBRUosTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUF3RCxJQUFJLENBQUMsQ0FBQztJQUVoRixTQUFTLENBQUM7UUFDTixNQUFNLFFBQVEsR0FBaUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLEdBQUc7WUFDeEQsSUFBSSxLQUFLLENBQUMsY0FBYyxFQUFFO2dCQUN0QixXQUFXLEVBQUUsQ0FBQztnQkFDZCxJQUFJLElBQUksSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO29CQUNyQixHQUFHLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztpQkFDOUI7YUFDSjtTQUNKLENBQUM7UUFDRixNQUFNLE9BQU8sR0FBRyxFQUFFLFNBQVMsRUFBRSxDQUFDO1FBQzlCLE1BQU0sUUFBUSxHQUFHLElBQUksb0JBQW9CLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBRTdELElBQUksR0FBRyxDQUFDLE9BQU8sRUFBRTtZQUNiLFFBQVEsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ2pDO1FBRUQsT0FBTyxNQUFNLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztLQUN0QyxFQUFFLENBQUMsV0FBVyxFQUFFLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRW5DLE1BQU0sR0FBRyxHQUFHLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLGtCQUFrQixDQUFDO0lBQ3RDLE1BQU0sS0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7O0lBR25ELE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Dataset, LayoutTag } from '@preply/ds-core';
|
|
2
|
+
import { FC, ReactNode } from 'react';
|
|
3
|
+
export interface Props {
|
|
4
|
+
onIntersect?: () => void;
|
|
5
|
+
once?: boolean;
|
|
6
|
+
threshold?: number;
|
|
7
|
+
tag?: LayoutTag;
|
|
8
|
+
dataset?: Dataset;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare const ShowOnIntersection: FC<Props>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React__default, { useState, useCallback } from 'react';
|
|
2
|
+
import { ObserveIntersection } from '../ObserveIntersection/ObserveIntersection.js';
|
|
3
|
+
|
|
4
|
+
const ShowOnIntersection = ({ onIntersect, once, threshold, tag, dataset, children, }) => {
|
|
5
|
+
const [shouldShow, setShouldShow] = useState(false);
|
|
6
|
+
const intersectionCallback = useCallback(() => {
|
|
7
|
+
if (!shouldShow) {
|
|
8
|
+
setShouldShow(true);
|
|
9
|
+
}
|
|
10
|
+
onIntersect === null || onIntersect === void 0 ? void 0 : onIntersect();
|
|
11
|
+
}, [shouldShow, onIntersect]);
|
|
12
|
+
return (React__default.createElement(ObserveIntersection, { onIntersect: intersectionCallback, once: !onIntersect ? true : once, threshold: threshold, tag: tag, dataset: dataset }, shouldShow && children));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { ShowOnIntersection };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hvd09uSW50ZXJzZWN0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaG93T25JbnRlcnNlY3Rpb24vU2hvd09uSW50ZXJzZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIExheW91dFRhZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBPYnNlcnZlSW50ZXJzZWN0aW9uIH0gZnJvbSAnLi4vT2JzZXJ2ZUludGVyc2VjdGlvbi9PYnNlcnZlSW50ZXJzZWN0aW9uJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgb25JbnRlcnNlY3Q/OiAoKSA9PiB2b2lkO1xuICAgIG9uY2U/OiBib29sZWFuO1xuICAgIHRocmVzaG9sZD86IG51bWJlcjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBTaG93T25JbnRlcnNlY3Rpb246IEZDPFByb3BzPiA9ICh7XG4gICAgb25JbnRlcnNlY3QsXG4gICAgb25jZSxcbiAgICB0aHJlc2hvbGQsXG4gICAgdGFnLFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG59OiBQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtzaG91bGRTaG93LCBzZXRTaG91bGRTaG93XSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIGNvbnN0IGludGVyc2VjdGlvbkNhbGxiYWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBpZiAoIXNob3VsZFNob3cpIHtcbiAgICAgICAgICAgIHNldFNob3VsZFNob3codHJ1ZSk7XG4gICAgICAgIH1cbiAgICAgICAgb25JbnRlcnNlY3Q/LigpO1xuICAgIH0sIFtzaG91bGRTaG93LCBvbkludGVyc2VjdF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPE9ic2VydmVJbnRlcnNlY3Rpb25cbiAgICAgICAgICAgIG9uSW50ZXJzZWN0PXtpbnRlcnNlY3Rpb25DYWxsYmFja31cbiAgICAgICAgICAgIG9uY2U9eyFvbkludGVyc2VjdCA/IHRydWUgOiBvbmNlfVxuICAgICAgICAgICAgdGhyZXNob2xkPXt0aHJlc2hvbGR9XG4gICAgICAgICAgICB0YWc9e3RhZ31cbiAgICAgICAgICAgIGRhdGFzZXQ9e2RhdGFzZXR9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtzaG91bGRTaG93ICYmIGNoaWxkcmVufVxuICAgICAgICA8L09ic2VydmVJbnRlcnNlY3Rpb24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7OztNQWNhLGtCQUFrQixHQUFjLENBQUMsRUFDMUMsV0FBVyxFQUNYLElBQUksRUFDSixTQUFTLEVBQ1QsR0FBRyxFQUNILE9BQU8sRUFDUCxRQUFRLEdBQ0o7SUFDSixNQUFNLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVwRCxNQUFNLG9CQUFvQixHQUFHLFdBQVcsQ0FBQztRQUNyQyxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2IsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3ZCO1FBQ0QsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxHQUFLO0tBQ25CLEVBQUUsQ0FBQyxVQUFVLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQztJQUU5QixRQUNJQSw2QkFBQyxtQkFBbUIsSUFDaEIsV0FBVyxFQUFFLG9CQUFvQixFQUNqQyxJQUFJLEVBQUUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxHQUFHLElBQUksRUFDaEMsU0FBUyxFQUFFLFNBQVMsRUFDcEIsR0FBRyxFQUFFLEdBQUcsRUFDUixPQUFPLEVBQUUsT0FBTyxJQUVmLFVBQVUsSUFBSSxRQUFRLENBQ0wsRUFDeEI7QUFDTjs7OzsifQ==
|
|
@@ -9,6 +9,7 @@ export { FieldLayout } from './FieldLayout/FieldLayout';
|
|
|
9
9
|
export { Heading } from './Heading/Heading';
|
|
10
10
|
export { Icon } from './Icon/Icon';
|
|
11
11
|
export { IconButton } from './IconButton/IconButton';
|
|
12
|
+
export { ObserveIntersection } from './ObserveIntersection/ObserveIntersection';
|
|
12
13
|
export { LayoutFlex } from './LayoutFlex/LayoutFlex';
|
|
13
14
|
export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem';
|
|
14
15
|
export { LayoutGrid } from './LayoutGrid/LayoutGrid';
|
|
@@ -20,6 +21,7 @@ export { PanelBody } from './Panel/private/PanelBody';
|
|
|
20
21
|
export { PanelSection } from './Panel/private/PanelSection';
|
|
21
22
|
export { PanelFooter } from './Panel/private/PanelFooter';
|
|
22
23
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo';
|
|
24
|
+
export { ShowOnIntersection } from './ShowOnIntersection/ShowOnIntersection';
|
|
23
25
|
export { Text } from './Text/Text';
|
|
24
26
|
export { TextField } from './TextField/TextField';
|
|
25
27
|
export { PasswordField } from './PasswordField/PasswordField';
|
package/dist/components/index.js
CHANGED
|
@@ -9,6 +9,7 @@ export { FieldLayout } from './FieldLayout/FieldLayout.js';
|
|
|
9
9
|
export { Heading } from './Heading/Heading.js';
|
|
10
10
|
export { Icon } from './Icon/Icon.js';
|
|
11
11
|
export { IconButton } from './IconButton/IconButton.js';
|
|
12
|
+
export { ObserveIntersection } from './ObserveIntersection/ObserveIntersection.js';
|
|
12
13
|
export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
|
|
13
14
|
export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
|
|
14
15
|
export { LayoutGrid } from './LayoutGrid/LayoutGrid.js';
|
|
@@ -20,9 +21,10 @@ export { PanelBody } from './Panel/private/PanelBody.js';
|
|
|
20
21
|
export { PanelSection } from './Panel/private/PanelSection.js';
|
|
21
22
|
export { PanelFooter } from './Panel/private/PanelFooter.js';
|
|
22
23
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
|
|
24
|
+
export { ShowOnIntersection } from './ShowOnIntersection/ShowOnIntersection.js';
|
|
23
25
|
export { Text } from './Text/Text.js';
|
|
24
26
|
export { TextField } from './TextField/TextField.js';
|
|
25
27
|
export { PasswordField } from './PasswordField/PasswordField.js';
|
|
26
28
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
27
29
|
export { TextInline } from './TextInline/TextInline.js';
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
|
@@ -6,17 +6,18 @@ export interface ButtonBaseProps {
|
|
|
6
6
|
fullWidth?: Responsive<boolean>;
|
|
7
7
|
wrap?: boolean;
|
|
8
8
|
href?: string;
|
|
9
|
-
|
|
9
|
+
download?: boolean;
|
|
10
10
|
opensInNewTab?: boolean;
|
|
11
11
|
nofollow?: boolean;
|
|
12
12
|
submitsForm?: boolean;
|
|
13
|
-
a11yLabel?: string;
|
|
14
13
|
assistiveText?: string;
|
|
15
14
|
onClick?: MouseEventHandler;
|
|
16
15
|
disabled?: boolean;
|
|
17
16
|
busy?: boolean;
|
|
18
17
|
isIconButton: boolean;
|
|
19
18
|
as?: ReactElement;
|
|
19
|
+
url?: string;
|
|
20
|
+
a11yLabel?: string;
|
|
20
21
|
dataset?: Dataset;
|
|
21
22
|
children?: ReactNode;
|
|
22
23
|
}
|
|
@@ -13,7 +13,7 @@ const renderContent = ({ children, busy }) => {
|
|
|
13
13
|
busy && (React__default.createElement("span", { className: busyClassNames.join(' ') },
|
|
14
14
|
React__default.createElement(Spinner, null)))));
|
|
15
15
|
};
|
|
16
|
-
const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href,
|
|
16
|
+
const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, download, opensInNewTab, nofollow, submitsForm, assistiveText, onClick, disabled, busy, isIconButton, as, url, a11yLabel, dataset, children, }) => {
|
|
17
17
|
useStyleExtract(styles);
|
|
18
18
|
const hostname = useHostname();
|
|
19
19
|
const ref = useRef(null);
|
|
@@ -56,6 +56,7 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
56
56
|
const actualHref = href || url;
|
|
57
57
|
const linkProps = {
|
|
58
58
|
...props,
|
|
59
|
+
download,
|
|
59
60
|
ref,
|
|
60
61
|
role: 'button',
|
|
61
62
|
tabIndex: disabled ? -1 : 0,
|
|
@@ -72,4 +73,4 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
72
73
|
};
|
|
73
74
|
|
|
74
75
|
export { ButtonBase };
|
|
75
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7XG4gICAgRkMsXG4gICAgS2V5Ym9hcmRFdmVudCxcbiAgICBNb3VzZUV2ZW50LFxuICAgIE1vdXNlRXZlbnRIYW5kbGVyLFxuICAgIFJlYWN0RWxlbWVudCxcbiAgICBSZWFjdE5vZGUsXG4gICAgY2xvbmVFbGVtZW50LFxuICAgIHVzZVJlZixcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vLi4vU3Bpbm5lci9TcGlubmVyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25CYXNlUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEJ1dHRvblNpemU+
|
|
76
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7XG4gICAgRkMsXG4gICAgS2V5Ym9hcmRFdmVudCxcbiAgICBNb3VzZUV2ZW50LFxuICAgIE1vdXNlRXZlbnRIYW5kbGVyLFxuICAgIFJlYWN0RWxlbWVudCxcbiAgICBSZWFjdE5vZGUsXG4gICAgY2xvbmVFbGVtZW50LFxuICAgIHVzZVJlZixcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vLi4vU3Bpbm5lci9TcGlubmVyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25CYXNlUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEJ1dHRvblNpemU+O1xuICAgIGZ1bGxXaWR0aD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgaHJlZj86IHN0cmluZztcbiAgICBkb3dubG9hZD86IGJvb2xlYW47XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgbm9mb2xsb3c/OiBib29sZWFuO1xuICAgIHN1Ym1pdHNGb3JtPzogYm9vbGVhbjtcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgaXNJY29uQnV0dG9uOiBib29sZWFuO1xuICAgIGFzPzogUmVhY3RFbGVtZW50O1xuICAgIHVybD86IHN0cmluZztcbiAgICBhMTF5TGFiZWw/OiBzdHJpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJVVFRPTl9CQVNFID0gJ0J1dHRvbkJhc2UnO1xuXG5jb25zdCByZW5kZXJDb250ZW50OiBGQzx7IGJ1c3k/OiBib29sZWFuIH0+ID0gKHsgY2hpbGRyZW4sIGJ1c3kgfSkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnRDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2NvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2J1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gZmFsc2UsXG4gICAgaHJlZixcbiAgICBkb3dubG9hZCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIG5vZm9sbG93LFxuICAgIHN1Ym1pdHNGb3JtLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkaXNhYmxlZCxcbiAgICBidXN5LFxuICAgIGlzSWNvbkJ1dHRvbixcbiAgICBhcyxcbiAgICB1cmwsXG4gICAgYTExeUxhYmVsLFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgaXNJY29uQnV0dG9uID8gc3RyaW5nQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24tc2l6ZScsIHNpemUpIDogW10sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKHVuZGVmaW5lZCwgJ25vLXdyYXAnLCB3cmFwKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3dpZHRoLWZ1bGwnLCAnd2lkdGgtYXV0bycsIGZ1bGxXaWR0aCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1idXN5JywgdW5kZWZpbmVkLCBidXN5KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uJywgdW5kZWZpbmVkLCBpc0ljb25CdXR0b24pLFxuICAgIF0pO1xuXG4gICAgY29uc3QgdGl0bGUgPSBpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuXG4gICAgY29uc3QgbGlua1Byb3BzID0ge1xuICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgZG93bmxvYWQsXG4gICAgICAgIHJlZixcbiAgICAgICAgcm9sZTogJ2J1dHRvbicsXG4gICAgICAgIHRhYkluZGV4OiBkaXNhYmxlZCA/IC0xIDogMCxcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgb25LZXlEb3duOiBoYW5kbGVLZXlQcmVzcyxcbiAgICB9O1xuXG4gICAgaWYgKGFjdHVhbEhyZWYpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgey4uLmxpbmtQcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYiwgbm9mb2xsb3cpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKGFzKSB7XG4gICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoXG4gICAgICAgICAgICBhcyBhcyBSZWFjdEVsZW1lbnQsXG4gICAgICAgICAgICB7IC4uLmxpbmtQcm9wcyB9LFxuICAgICAgICAgICAgcmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pLFxuICAgICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLnByb3BzfSB0eXBlPXtzdWJtaXRzRm9ybSA/ICdzdWJtaXQnIDogJ2J1dHRvbid9PlxuICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWtEQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO0lBQzdELE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlFLE1BQU0sY0FBYyxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RSxRQUNJQTtRQUNJQSx1Q0FBTSxTQUFTLEVBQUUsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBUTtRQUM5RCxJQUFJLEtBQ0RBLHVDQUFNLFNBQVMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNyQ0EsNkJBQUMsT0FBTyxPQUFHLENBQ1IsQ0FDVixDQUNGLEVBQ0w7QUFDTixDQUFDLENBQUM7TUFFVyxVQUFVLEdBQXdCLENBQUMsRUFDNUMsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLFNBQVMsR0FBRyxLQUFLLEVBQ2pCLElBQUksR0FBRyxLQUFLLEVBQ1osSUFBSSxFQUNKLFFBQVEsRUFDUixhQUFhLEVBQ2IsUUFBUSxFQUNSLFdBQVcsRUFDWCxhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsRUFD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
|
package/dist/index.js
CHANGED
|
@@ -9,6 +9,7 @@ export { FieldLayout } from './components/FieldLayout/FieldLayout.js';
|
|
|
9
9
|
export { Heading } from './components/Heading/Heading.js';
|
|
10
10
|
export { Icon } from './components/Icon/Icon.js';
|
|
11
11
|
export { IconButton } from './components/IconButton/IconButton.js';
|
|
12
|
+
export { ObserveIntersection } from './components/ObserveIntersection/ObserveIntersection.js';
|
|
12
13
|
export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
|
|
13
14
|
export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
|
|
14
15
|
export { LayoutGrid } from './components/LayoutGrid/LayoutGrid.js';
|
|
@@ -20,9 +21,10 @@ export { PanelBody } from './components/Panel/private/PanelBody.js';
|
|
|
20
21
|
export { PanelSection } from './components/Panel/private/PanelSection.js';
|
|
21
22
|
export { PanelFooter } from './components/Panel/private/PanelFooter.js';
|
|
22
23
|
export { PreplyLogo } from './components/PreplyLogo/PreplyLogo.js';
|
|
24
|
+
export { ShowOnIntersection } from './components/ShowOnIntersection/ShowOnIntersection.js';
|
|
23
25
|
export { Text } from './components/Text/Text.js';
|
|
24
26
|
export { TextField } from './components/TextField/TextField.js';
|
|
25
27
|
export { PasswordField } from './components/PasswordField/PasswordField.js';
|
|
26
28
|
export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
|
|
27
29
|
export { TextInline } from './components/TextInline/TextInline.js';
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.54.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,25 +19,26 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
23
|
-
"@preply/ds-media-icons": "0.
|
|
24
|
-
"@preply/ds-web-core": "0.
|
|
25
|
-
"@preply/ds-web-root": "0.
|
|
22
|
+
"@preply/ds-core": "0.54.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.54.0",
|
|
24
|
+
"@preply/ds-web-core": "0.54.0",
|
|
25
|
+
"@preply/ds-web-root": "0.54.0"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@preply/ds-core": "0.
|
|
29
|
-
"@preply/ds-media-icons": "0.
|
|
30
|
-
"@preply/ds-web-core": "0.
|
|
31
|
-
"@preply/ds-web-root": "0.
|
|
28
|
+
"@preply/ds-core": "0.54.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.54.0",
|
|
30
|
+
"@preply/ds-web-core": "0.54.0",
|
|
31
|
+
"@preply/ds-web-root": "0.54.0",
|
|
32
32
|
"react": "^16.8.3",
|
|
33
33
|
"react-dom": "^16.8.3"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@preply/ds-docs-toolkit": "0.
|
|
37
|
-
"@preply/ds-theme-base-ui": "0.
|
|
36
|
+
"@preply/ds-docs-toolkit": "0.54.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.54.0",
|
|
38
38
|
"@storybook/addon-docs": "6.4.18",
|
|
39
39
|
"@storybook/react": "6.4.18",
|
|
40
|
-
"@testing-library/react": "11.2.7"
|
|
40
|
+
"@testing-library/react": "11.2.7",
|
|
41
|
+
"jsdom-testing-mocks": "^1.7.0"
|
|
41
42
|
},
|
|
42
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "759f2f5c8a4e2250fe3697db6f9b66c27d0a70c4"
|
|
43
44
|
}
|