@preply/ds-web-lib 0.46.0 → 0.47.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/Box/style/index.module.less.js +2 -2
- package/dist/components/Link/Link.d.ts +3 -2
- package/dist/components/Link/Link.js +3 -2
- package/dist/components/Link/style/mixins.less +2 -4
- package/dist/components/Spinner/style/index.module.less +1 -0
- package/dist/components/Spinner/style/index.module.less.js +1 -1
- package/dist/components/TextField/TextField.d.ts +5 -0
- package/dist/components/TextField/TextField.js +23 -0
- package/dist/components/TextField/style/index.module.less +5 -0
- package/dist/components/TextField/style/index.module.less.js +9 -0
- package/dist/components/TextField/style/mixins.less +3 -0
- package/dist/components/TextField/style/mixins.less.js +8 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -1
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +2 -2
- package/dist/components/private/ButtonBase/ButtonBase.js +1 -1
- package/dist/components/private/ButtonBase/style/mixins.less +2 -4
- package/dist/components/private/Field/FieldButton.d.ts +4 -0
- package/dist/components/private/Field/FieldButton.js +20 -0
- package/dist/components/private/Field/FieldLayout.d.ts +4 -0
- package/dist/components/private/Field/FieldLayout.js +21 -0
- package/dist/components/private/Field/SingleLineFieldLayout.d.ts +7 -0
- package/dist/components/private/Field/SingleLineFieldLayout.js +25 -0
- package/dist/components/private/Field/style/index.module.less +15 -0
- package/dist/components/private/Field/style/index.module.less.js +9 -0
- package/dist/components/private/Field/style/mixins.field-button.less +35 -0
- package/dist/components/private/Field/style/mixins.field-button.less.js +8 -0
- package/dist/components/private/Field/style/mixins.field-layout.less +7 -0
- package/dist/components/private/Field/style/mixins.field-layout.less.js +8 -0
- package/dist/components/private/Field/style/mixins.single-line-field-layout.less +52 -0
- package/dist/components/private/Field/style/mixins.single-line-field-layout.less.js +8 -0
- package/dist/components/private/Input/Checkbox.d.ts +7 -0
- package/dist/components/private/Input/Checkbox.js +16 -0
- package/dist/components/private/Input/InputBase.d.ts +33 -0
- package/dist/components/private/Input/InputBase.js +59 -0
- package/dist/components/private/Input/InputDate.d.ts +7 -0
- package/dist/components/private/Input/InputDate.js +18 -0
- package/dist/components/private/Input/InputNumber.d.ts +9 -0
- package/dist/components/private/Input/InputNumber.js +16 -0
- package/dist/components/private/Input/InputPassword.d.ts +6 -0
- package/dist/components/private/Input/InputPassword.js +16 -0
- package/dist/components/private/Input/InputText.d.ts +11 -0
- package/dist/components/private/Input/InputText.js +17 -0
- package/dist/components/private/Input/InputTime.d.ts +7 -0
- package/dist/components/private/Input/InputTime.js +16 -0
- package/dist/components/private/Input/Radio.d.ts +8 -0
- package/dist/components/private/Input/Radio.js +16 -0
- package/dist/components/private/Input/Select.d.ts +6 -0
- package/dist/components/private/Input/Select.js +16 -0
- package/dist/components/private/Input/Textarea.d.ts +6 -0
- package/dist/components/private/Input/Textarea.js +16 -0
- package/dist/components/private/Input/hooks/useChangeHandler.d.ts +6 -0
- package/dist/components/private/Input/hooks/useChangeHandler.js +17 -0
- package/dist/components/private/Input/style/index.module.less +37 -0
- package/dist/components/private/Input/style/index.module.less.js +9 -0
- package/dist/components/private/Input/style/mixins.less +15 -0
- package/dist/components/private/Input/style/mixins.less.js +8 -0
- package/dist/components/private/Input/utils/date.d.ts +2 -0
- package/dist/components/private/Input/utils/date.js +10 -0
- package/dist/components/private/Input/utils.d.ts +9 -0
- package/dist/components/private/Input/utils.js +87 -0
- package/dist/index.js +2 -1
- package/package.json +12 -12
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._28AVC_{-webkit-box-flex:1;background-color:var(--786b9e);border:none;border-spacing:0;-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);color:var(--aface6);-ms-flex:1;flex:1;font-weight:inherit;list-style:none;margin:0;text-align:inherit}._1qmwET{border-radius:var(--84e079)}._2QG_l9{border-radius:var(--1c37d5)}._1IrJdo{border-radius:var(--9e57e5)}@media (min-width:400px){._1cE2va{border-radius:var(--84e079)}.XWeqbw{border-radius:var(--1c37d5)}._14CqdZ{border-radius:var(--9e57e5)}}@media (min-width:700px){._2L7IWT{border-radius:var(--84e079)}._2-nWrE{border-radius:var(--1c37d5)}._2pnTll{border-radius:var(--9e57e5)}}@media (min-width:880px){._3BlbfP{border-radius:var(--84e079)}._2e5Dhw{border-radius:var(--1c37d5)}._1mWbTs{border-radius:var(--9e57e5)}}@media (min-width:1200px){._3LsEJq{border-radius:var(--84e079)}._14CRd4{border-radius:var(--1c37d5)}._3Ms5_W{border-radius:var(--9e57e5)}}@media (min-width:1900px){._3pxYkW{border-radius:var(--84e079)}._2hl3vu{border-radius:var(--1c37d5)}._2U_Skz{border-radius:var(--9e57e5)}}._3IIy34{background-color:var(--55407f)}._3Lojo1{background-color:var(--8f1238)}.OgB_6M{background-color:var(--da403c)}._1uNrWB{background-color:var(--7c8c3c)}._3qIVzD{background-color:var(--c9575b)}._2_k8Ey{background-color:var(--2fb6f7)}.U9OjFS{background-color:var(--54ed1d)}._2Hg15h{background-color:var(--b706bf)}._1Wax5r{background-color:var(--4adefb)}._51LDD8{background-color:var(--de8a40)}._37kqC2{background-color:var(--574543)}._2sN3oI{background-color:var(--1383a7)}._1hmzgV{background-color:var(--9f1066)}._2jfUtL{background-color:var(--d4cf94)}._3bVf64{background-color:var(--bbfa9f)}._3xJnu0{background-color:var(--5f8b30)}._2hpbs4{background-color:var(--c7d8be)}._3p4Tbx{background-color:var(--17bab8)}._1GQjtV{background-color:var(--f017e5)}._3uxOUH{background-color:var(--2242ed)}._2YiKp0{background-color:var(--e40de4)}._1zHk1U{background-color:var(--ecb5d5)}._36Bojd{background-color:var(--5b5cb0)}.aesNAY{background-color:var(--d55c71)}._3MppzQ{background-color:var(--4e47fe)}._2VO_hL{background-color:var(--3e7877)}._2WHPUw{background-color:var(--21906f)}._1rcIL5{background-color:var(--5d87f3)}._3D_7V1{background-color:var(--201e14)}._112Y0Q{background-color:var(--e1c27c)}._22KIb-{background-color:var(--6a1420)}._2hbfen{background-color:var(--1a9963)}._2hKbbK{background-color:var(--b774df)}.Y8TBRy{background-color:var(--f72cdd)}._2x-3Vr{background-color:var(--6cbd80)}._6H3srp{background-color:var(--5893e7)}";
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Box/style/index.module.less",__css:css_248z,"Box":"_28AVC_","Box--box-radius-none":"_1qmwET","Box--box-radius-m":"_2QG_l9","Box--box-radius-l":"_1IrJdo","Box--narrow-l--box-radius-none":"_1cE2va","Box--narrow-l--box-radius-m":"XWeqbw","Box--narrow-l--box-radius-l":"_14CqdZ","Box--medium-s--box-radius-none":"_2L7IWT","Box--medium-s--box-radius-m":"_2-nWrE","Box--medium-s--box-radius-l":"_2pnTll","Box--medium-l--box-radius-none":"_3BlbfP","Box--medium-l--box-radius-m":"_2e5Dhw","Box--medium-l--box-radius-l":"_1mWbTs","Box--wide-s--box-radius-none":"_3LsEJq","Box--wide-s--box-radius-m":"_14CRd4","Box--wide-s--box-radius-l":"_3Ms5_W","Box--wide-l--box-radius-none":"_3pxYkW","Box--wide-l--box-radius-m":"_2hl3vu","Box--wide-l--box-radius-l":"_2U_Skz","Box--background-gray-100":"_3IIy34","Box--background-gray-200":"_3Lojo1","Box--background-gray-300":"OgB_6M","Box--background-gray-400":"_1uNrWB","Box--background-gray-500":"_3qIVzD","Box--background-gray-600":"_2_k8Ey","Box--background-teal-100":"U9OjFS","Box--background-teal-200":"_2Hg15h","Box--background-teal-300":"_1Wax5r","Box--background-teal-400":"_51LDD8","Box--background-teal-500":"_37kqC2","Box--background-green-100":"_2sN3oI","Box--background-green-200":"_1hmzgV","Box--background-green-300":"_2jfUtL","Box--background-green-400":"_3bVf64","Box--background-green-500":"_3xJnu0","Box--background-yellow-100":"_2hpbs4","Box--background-yellow-200":"_3p4Tbx","Box--background-yellow-300":"_1GQjtV","Box--background-yellow-400":"_3uxOUH","Box--background-yellow-500":"_2YiKp0","Box--background-red-100":"_1zHk1U","Box--background-red-200":"_36Bojd","Box--background-red-300":"aesNAY","Box--background-red-400":"_3MppzQ","Box--background-red-500":"_2VO_hL","Box--background-blue-100":"_2WHPUw","Box--background-blue-200":"_1rcIL5","Box--background-blue-300":"_3D_7V1","Box--background-blue-400":"_112Y0Q","Box--background-blue-500":"_22KIb-","Box--background-magenta-100":"_2hbfen","Box--background-magenta-200":"_2hKbbK","Box--background-magenta-300":"Y8TBRy","Box--background-magenta-400":"_2x-3Vr","Box--background-magenta-500":"_6H3srp"};
|
|
3
|
+
var css_248z = "._28AVC_{-webkit-box-flex:1;background-color:var(--786b9e);border:none;border-spacing:0;-webkit-box-shadow:var(--a814c9);box-shadow:var(--a814c9);color:var(--aface6);-ms-flex:1;flex:1;font-weight:inherit;list-style:none;margin:0;text-align:inherit}._1qmwET{border-radius:var(--84e079)}._2QG_l9{border-radius:var(--1c37d5)}._1IrJdo{border-radius:var(--9e57e5)}@media (min-width:400px){._1cE2va{border-radius:var(--84e079)}.XWeqbw{border-radius:var(--1c37d5)}._14CqdZ{border-radius:var(--9e57e5)}}@media (min-width:700px){._2L7IWT{border-radius:var(--84e079)}._2-nWrE{border-radius:var(--1c37d5)}._2pnTll{border-radius:var(--9e57e5)}}@media (min-width:880px){._3BlbfP{border-radius:var(--84e079)}._2e5Dhw{border-radius:var(--1c37d5)}._1mWbTs{border-radius:var(--9e57e5)}}@media (min-width:1200px){._3LsEJq{border-radius:var(--84e079)}._14CRd4{border-radius:var(--1c37d5)}._3Ms5_W{border-radius:var(--9e57e5)}}@media (min-width:1900px){._3pxYkW{border-radius:var(--84e079)}._2hl3vu{border-radius:var(--1c37d5)}._2U_Skz{border-radius:var(--9e57e5)}}._2mtDSf{background-color:var(--145676)}._3IIy34{background-color:var(--55407f)}._3Lojo1{background-color:var(--8f1238)}.OgB_6M{background-color:var(--da403c)}._1uNrWB{background-color:var(--7c8c3c)}._3qIVzD{background-color:var(--c9575b)}._2_k8Ey{background-color:var(--2fb6f7)}.U9OjFS{background-color:var(--54ed1d)}._2Hg15h{background-color:var(--b706bf)}._1Wax5r{background-color:var(--4adefb)}._51LDD8{background-color:var(--de8a40)}._37kqC2{background-color:var(--574543)}._2sN3oI{background-color:var(--1383a7)}._1hmzgV{background-color:var(--9f1066)}._2jfUtL{background-color:var(--d4cf94)}._3bVf64{background-color:var(--bbfa9f)}._3xJnu0{background-color:var(--5f8b30)}._2hpbs4{background-color:var(--c7d8be)}._3p4Tbx{background-color:var(--17bab8)}._1GQjtV{background-color:var(--f017e5)}._3uxOUH{background-color:var(--2242ed)}._2YiKp0{background-color:var(--e40de4)}._1zHk1U{background-color:var(--ecb5d5)}._36Bojd{background-color:var(--5b5cb0)}.aesNAY{background-color:var(--d55c71)}._3MppzQ{background-color:var(--4e47fe)}._2VO_hL{background-color:var(--3e7877)}._2WHPUw{background-color:var(--21906f)}._1rcIL5{background-color:var(--5d87f3)}._3D_7V1{background-color:var(--201e14)}._112Y0Q{background-color:var(--e1c27c)}._22KIb-{background-color:var(--6a1420)}._2hbfen{background-color:var(--1a9963)}._2hKbbK{background-color:var(--b774df)}.Y8TBRy{background-color:var(--f72cdd)}._2x-3Vr{background-color:var(--6cbd80)}._6H3srp{background-color:var(--5893e7)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Box/style/index.module.less",__css:css_248z,"Box":"_28AVC_","Box--box-radius-none":"_1qmwET","Box--box-radius-m":"_2QG_l9","Box--box-radius-l":"_1IrJdo","Box--narrow-l--box-radius-none":"_1cE2va","Box--narrow-l--box-radius-m":"XWeqbw","Box--narrow-l--box-radius-l":"_14CqdZ","Box--medium-s--box-radius-none":"_2L7IWT","Box--medium-s--box-radius-m":"_2-nWrE","Box--medium-s--box-radius-l":"_2pnTll","Box--medium-l--box-radius-none":"_3BlbfP","Box--medium-l--box-radius-m":"_2e5Dhw","Box--medium-l--box-radius-l":"_1mWbTs","Box--wide-s--box-radius-none":"_3LsEJq","Box--wide-s--box-radius-m":"_14CRd4","Box--wide-s--box-radius-l":"_3Ms5_W","Box--wide-l--box-radius-none":"_3pxYkW","Box--wide-l--box-radius-m":"_2hl3vu","Box--wide-l--box-radius-l":"_2U_Skz","Box--background-white":"_2mtDSf","Box--background-gray-100":"_3IIy34","Box--background-gray-200":"_3Lojo1","Box--background-gray-300":"OgB_6M","Box--background-gray-400":"_1uNrWB","Box--background-gray-500":"_3qIVzD","Box--background-gray-600":"_2_k8Ey","Box--background-teal-100":"U9OjFS","Box--background-teal-200":"_2Hg15h","Box--background-teal-300":"_1Wax5r","Box--background-teal-400":"_51LDD8","Box--background-teal-500":"_37kqC2","Box--background-green-100":"_2sN3oI","Box--background-green-200":"_1hmzgV","Box--background-green-300":"_2jfUtL","Box--background-green-400":"_3bVf64","Box--background-green-500":"_3xJnu0","Box--background-yellow-100":"_2hpbs4","Box--background-yellow-200":"_3p4Tbx","Box--background-yellow-300":"_1GQjtV","Box--background-yellow-400":"_3uxOUH","Box--background-yellow-500":"_2YiKp0","Box--background-red-100":"_1zHk1U","Box--background-red-200":"_36Bojd","Box--background-red-300":"aesNAY","Box--background-red-400":"_3MppzQ","Box--background-red-500":"_2VO_hL","Box--background-blue-100":"_2WHPUw","Box--background-blue-200":"_1rcIL5","Box--background-blue-300":"_3D_7V1","Box--background-blue-400":"_112Y0Q","Box--background-blue-500":"_22KIb-","Box--background-magenta-100":"_2hbfen","Box--background-magenta-200":"_2hKbbK","Box--background-magenta-300":"Y8TBRy","Box--background-magenta-400":"_2x-3Vr","Box--background-magenta-500":"_6H3srp"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { Dataset } from '@preply/ds-core';
|
|
2
|
-
import { FC,
|
|
2
|
+
import { FC, MouseEventHandler, ReactNode } from 'react';
|
|
3
3
|
export interface Props {
|
|
4
4
|
href?: string;
|
|
5
5
|
url?: string;
|
|
6
6
|
opensInNewTab?: boolean;
|
|
7
|
-
|
|
7
|
+
assistiveText?: string;
|
|
8
|
+
onClick?: MouseEventHandler;
|
|
8
9
|
dataset?: Dataset;
|
|
9
10
|
children?: ReactNode;
|
|
10
11
|
}
|
|
@@ -3,7 +3,7 @@ import React__default from 'react';
|
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
5
5
|
const LINK = 'Link';
|
|
6
|
-
const Link = ({ href, url, opensInNewTab, onClick, dataset, children }) => {
|
|
6
|
+
const Link = ({ href, url, opensInNewTab, assistiveText, onClick, dataset, children, }) => {
|
|
7
7
|
useInstrument('render', {
|
|
8
8
|
component: LINK,
|
|
9
9
|
props: { url },
|
|
@@ -22,6 +22,7 @@ const Link = ({ href, url, opensInNewTab, onClick, dataset, children }) => {
|
|
|
22
22
|
: {};
|
|
23
23
|
const props = {
|
|
24
24
|
href: actualHref,
|
|
25
|
+
'aria-label': assistiveText,
|
|
25
26
|
onClick: handleClick,
|
|
26
27
|
className: classNames.join(' '),
|
|
27
28
|
...getDatasetProps(dataset),
|
|
@@ -31,4 +32,4 @@ const Link = ({ href, url, opensInNewTab, onClick, dataset, children }) => {
|
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
export { Link };
|
|
34
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudCwgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IExJTksgPSAnTGluayc7XG5cbmV4cG9ydCBjb25zdCBMaW5rOiBGQzxQcm9wcz4gPSAoe1xuICAgIGhyZWYsXG4gICAgdXJsLFxuICAgIG9wZW5zSW5OZXdUYWIsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExJTkssXG4gICAgICAgIHByb3BzOiB7IHVybCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMSU5LLCBbXSk7XG5cbiAgICBjb25zdCBhY3R1YWxIcmVmID0gaHJlZiB8fCB1cmw7XG5cbiAgICBjb25zdCBleHRlcm5hbFVybFByb3BzID0gYWN0dWFsSHJlZlxuICAgICAgICA/IGdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIGFjdHVhbEhyZWYsIG9wZW5zSW5OZXdUYWIpXG4gICAgICAgIDoge307XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICAuLi5leHRlcm5hbFVybFByb3BzLFxuICAgIH07XG5cbiAgICByZXR1cm4gPGEgey4uLnByb3BzfT57Y2hpbGRyZW59PC9hPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUF1QkEsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDO01BRVAsSUFBSSxHQUFjLENBQUMsRUFDNUIsSUFBSSxFQUNKLEdBQUcsRUFDSCxhQUFhLEVBQ2IsYUFBYSxFQUNiLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxHQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRTtLQUNqQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFFL0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXRELE1BQU0sVUFBVSxHQUFHLElBQUksSUFBSSxHQUFHLENBQUM7SUFFL0IsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVO1VBQzdCLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxDQUFDO1VBQ3hELEVBQUUsQ0FBQztJQUVULE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLFVBQVU7UUFDaEIsWUFBWSxFQUFFLGFBQWE7UUFDM0IsT0FBTyxFQUFFLFdBQVc7UUFDcEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQy9CLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUMzQixHQUFHLGdCQUFnQjtLQUN0QixDQUFDO0lBRUYsT0FBT0Esb0RBQU8sS0FBSyxHQUFHLFFBQVEsQ0FBSyxDQUFDO0FBQ3hDOzs7OyJ9
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
2
3
|
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
3
4
|
|
|
4
5
|
@namespace: 'action';
|
|
@@ -20,9 +21,6 @@
|
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
&:focus-visible {
|
|
23
|
-
outline
|
|
24
|
-
.focus-outline-color(@namespace, 'base');
|
|
25
|
-
.focus-outline-width(@namespace, 'base');
|
|
26
|
-
.focus-outline-offset(@namespace, 'base');
|
|
24
|
+
.focus-outline();
|
|
27
25
|
}
|
|
28
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@-webkit-keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._2CO-wm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2CO-wm>*{width:24px}._3-RII9{display:none}._3-RII9 svg{fill:currentColor}._2OI3Pv{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;-webkit-animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._3-RII9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv{display:none}}";
|
|
3
|
+
var css_248z = "@-webkit-keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vH81in{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}._2CO-wm{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2CO-wm>*{height:24px;width:24px}._3-RII9{display:none}._3-RII9 svg{fill:currentColor}._2OI3Pv{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv svg{stroke:currentColor;stroke-linecap:round;stroke-width:2px;-webkit-animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite;animation:vH81in 1s cubic-bezier(.46,.17,.58,.87) infinite}@media (prefers-reduced-motion){._3-RII9{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2OI3Pv{display:none}}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Spinner/style/index.module.less",__css:css_248z,"Spinner":"_2CO-wm","Spinner--static":"_3-RII9","Spinner--animated":"_2OI3Pv","spin":"vH81in"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { CombinableInputProps, TextFieldProps } from '@preply/ds-web-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import type { InputTextProps } from '../private/Input/InputText';
|
|
4
|
+
export declare type Props = TextFieldProps & CombinableInputProps<InputTextProps>;
|
|
5
|
+
export declare const TextField: FC<Props>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FIELD_TYPE_DEFAULT, useStyleExtract, useForcedRef, useTextField, moduleClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { SingleLineFieldLayout } from '../private/Field/SingleLineFieldLayout.js';
|
|
4
|
+
import { InputText } from '../private/Input/InputText.js';
|
|
5
|
+
import styles from './style/index.module.less.js';
|
|
6
|
+
|
|
7
|
+
const FIELD_TEXT = 'TextField';
|
|
8
|
+
const TextField = ({ id: optionalId, type = FIELD_TYPE_DEFAULT, ...props }) => {
|
|
9
|
+
useStyleExtract(styles);
|
|
10
|
+
const ref = useForcedRef();
|
|
11
|
+
const textField = useTextField({
|
|
12
|
+
id: optionalId,
|
|
13
|
+
type,
|
|
14
|
+
...props,
|
|
15
|
+
});
|
|
16
|
+
const { fieldProps, inputProps } = textField;
|
|
17
|
+
const classNames = moduleClassNames(styles, FIELD_TEXT);
|
|
18
|
+
const input = React__default.createElement(InputText, Object.assign({}, inputProps, { ref: ref }));
|
|
19
|
+
return (React__default.createElement(SingleLineFieldLayout, Object.assign({}, fieldProps, { className: classNames.join(' '), input: input, inputHandle: ref.current })));
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export { TextField };
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbWJpbmFibGVJbnB1dFByb3BzLCBUZXh0RmllbGRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBGSUVMRF9UWVBFX0RFRkFVTFQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VGb3JjZWRSZWYsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRGaWVsZCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNpbmdsZUxpbmVGaWVsZExheW91dCB9IGZyb20gJy4uL3ByaXZhdGUvRmllbGQvU2luZ2xlTGluZUZpZWxkTGF5b3V0JztcbmltcG9ydCB7IElucHV0SW1wZXJhdGl2ZUhhbmRsZSB9IGZyb20gJy4uL3ByaXZhdGUvSW5wdXQvSW5wdXRCYXNlJztcbmltcG9ydCB0eXBlIHsgSW5wdXRUZXh0UHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gVGV4dEZpZWxkUHJvcHMgJiBDb21iaW5hYmxlSW5wdXRQcm9wczxJbnB1dFRleHRQcm9wcz47XG5cbmNvbnN0IEZJRUxEX1RFWFQgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogRkM8UHJvcHM+ID0gKHsgaWQ6IG9wdGlvbmFsSWQsIHR5cGUgPSBGSUVMRF9UWVBFX0RFRkFVTFQsIC4uLnByb3BzIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHJlZiA9IHVzZUZvcmNlZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGU+KCk7XG4gICAgY29uc3QgdGV4dEZpZWxkID0gdXNlVGV4dEZpZWxkKHtcbiAgICAgICAgaWQ6IG9wdGlvbmFsSWQsXG4gICAgICAgIHR5cGUsXG4gICAgICAgIC4uLnByb3BzLFxuICAgIH0pO1xuICAgIGNvbnN0IHsgZmllbGRQcm9wcywgaW5wdXRQcm9wcyB9ID0gdGV4dEZpZWxkO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9URVhUKTtcbiAgICBjb25zdCBpbnB1dCA9IDxJbnB1dFRleHQgey4uLmlucHV0UHJvcHN9IHJlZj17cmVmfSAvPjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxTaW5nbGVMaW5lRmllbGRMYXlvdXRcbiAgICAgICAgICAgIHsuLi5maWVsZFByb3BzfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGlucHV0SGFuZGxlPXtyZWYuY3VycmVudH1cbiAgICAgICAgLz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBbUJBLE1BQU0sVUFBVSxHQUFHLFdBQVcsQ0FBQztNQUVsQixTQUFTLEdBQWMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsSUFBSSxHQUFHLGtCQUFrQixFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQ3hGLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLEdBQUcsR0FBRyxZQUFZLEVBQXlCLENBQUM7SUFDbEQsTUFBTSxTQUFTLEdBQUcsWUFBWSxDQUFDO1FBQzNCLEVBQUUsRUFBRSxVQUFVO1FBQ2QsSUFBSTtRQUNKLEdBQUcsS0FBSztLQUNYLENBQUMsQ0FBQztJQUNILE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRTdDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4RCxNQUFNLEtBQUssR0FBR0EsNkJBQUMsU0FBUyxvQkFBSyxVQUFVLElBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDO0lBRXRELFFBQ0lBLDZCQUFDLHFCQUFxQixvQkFDZCxVQUFVLElBQ2QsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQy9CLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLEdBQUcsQ0FBQyxPQUFPLElBQzFCLEVBQ0o7QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._1gSl7K{display:-webkit-box;display:-ms-flexbox;display:flex}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/TextField/style/index.module.less",__css:css_248z,"TextField":"_1gSl7K"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -17,5 +17,6 @@ export { PanelSection } from './Panel/private/PanelSection';
|
|
|
17
17
|
export { PanelFooter } from './Panel/private/PanelFooter';
|
|
18
18
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo';
|
|
19
19
|
export { Text } from './Text/Text';
|
|
20
|
+
export { TextField } from './TextField/TextField';
|
|
20
21
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted';
|
|
21
22
|
export { TextInline } from './TextInline/TextInline';
|
package/dist/components/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export { PanelSection } from './Panel/private/PanelSection.js';
|
|
|
17
17
|
export { PanelFooter } from './Panel/private/PanelFooter.js';
|
|
18
18
|
export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
|
|
19
19
|
export { Text } from './Text/Text.js';
|
|
20
|
+
export { TextField } from './TextField/TextField.js';
|
|
20
21
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
21
22
|
export { TextInline } from './TextInline/TextInline.js';
|
|
22
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
|
|
2
|
-
import { FC,
|
|
2
|
+
import { FC, MouseEventHandler, ReactNode } from 'react';
|
|
3
3
|
export interface ButtonBaseProps {
|
|
4
4
|
variant?: ButtonVariant;
|
|
5
5
|
size?: Responsive<ButtonSize>;
|
|
@@ -11,7 +11,7 @@ export interface ButtonBaseProps {
|
|
|
11
11
|
submitsForm?: boolean;
|
|
12
12
|
a11yLabel?: string;
|
|
13
13
|
assistiveText?: string;
|
|
14
|
-
onClick?:
|
|
14
|
+
onClick?: MouseEventHandler;
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
busy?: boolean;
|
|
17
17
|
isIconButton: boolean;
|
|
@@ -61,4 +61,4 @@ const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_
|
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
export { ButtonBase };
|
|
64
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QnV0dG9uU2l6ZT47XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICBocmVmPzogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBzdWJtaXRzRm9ybT86IGJvb2xlYW47XG4gICAgYTExeUxhYmVsPzogc3RyaW5nO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBidXN5PzogYm9vbGVhbjtcbiAgICBpc0ljb25CdXR0b246IGJvb2xlYW47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJVVFRPTl9CQVNFID0gJ0J1dHRvbkJhc2UnO1xuXG5jb25zdCByZW5kZXJDb250ZW50OiBGQzx7IGJ1c3k/OiBib29sZWFuIH0+ID0gKHsgY2hpbGRyZW4sIGJ1c3kgfSkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnRDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2NvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2J1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gZmFsc2UsXG4gICAgaHJlZixcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgaXNJY29uQnV0dG9uLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgaXNJY29uQnV0dG9uID8gc3RyaW5nQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24tc2l6ZScsIHNpemUpIDogW10sXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKHVuZGVmaW5lZCwgJ25vLXdyYXAnLCB3cmFwKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3dpZHRoLWZ1bGwnLCAnd2lkdGgtYXV0bycsIGZ1bGxXaWR0aCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1idXN5JywgdW5kZWZpbmVkLCBidXN5KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uJywgdW5kZWZpbmVkLCBpc0ljb25CdXR0b24pLFxuICAgIF0pO1xuXG4gICAgY29uc3QgdGl0bGUgPSBpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSAhaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuICAgIGlmIChhY3R1YWxIcmVmKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYil9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiAwfVxuICAgICAgICAgICAgICAgIGhyZWY9e2FjdHVhbEhyZWZ9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlQcmVzc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLnByb3BzfSB0eXBlPXtzdWJtaXRzRm9ybSA/ICdzdWJtaXQnIDogJ2J1dHRvbid9PlxuICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQXNDQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO0lBQzdELE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMs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
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
2
|
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
3
4
|
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
4
5
|
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
5
6
|
|
|
@@ -57,10 +58,7 @@
|
|
|
57
58
|
}
|
|
58
59
|
|
|
59
60
|
&:focus-visible {
|
|
60
|
-
outline
|
|
61
|
-
.focus-outline-color('action', 'base');
|
|
62
|
-
.focus-outline-width('action', 'base');
|
|
63
|
-
.focus-outline-offset('action', 'base');
|
|
61
|
+
.focus-outline();
|
|
64
62
|
}
|
|
65
63
|
|
|
66
64
|
&--is-busy {
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import styles from './style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const FIELD_BUTTON = 'FieldButton';
|
|
6
|
+
const FieldButton = ({ svg: Svg, assistiveText, onClick, dataset }) => {
|
|
7
|
+
useStyleExtract(styles);
|
|
8
|
+
const classNames = moduleClassNames(styles, FIELD_BUTTON);
|
|
9
|
+
const ownProps = {
|
|
10
|
+
...getDatasetProps(dataset),
|
|
11
|
+
className: classNames.join(' '),
|
|
12
|
+
title: assistiveText,
|
|
13
|
+
onClick,
|
|
14
|
+
};
|
|
15
|
+
return (React__default.createElement("button", Object.assign({}, ownProps, { type: "button" }),
|
|
16
|
+
React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { FieldButton };
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRCdXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvRmllbGQvRmllbGRCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGRCdXR0b25Qcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzLCBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBGaWVsZEJ1dHRvblByb3BzO1xuXG5jb25zdCBGSUVMRF9CVVRUT04gPSAnRmllbGRCdXR0b24nO1xuXG5leHBvcnQgY29uc3QgRmllbGRCdXR0b246IEZDPFByb3BzPiA9ICh7IHN2ZzogU3ZnLCBhc3Npc3RpdmVUZXh0LCBvbkNsaWNrLCBkYXRhc2V0IH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfQlVUVE9OKTtcblxuICAgIGNvbnN0IG93blByb3BzID0ge1xuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIHRpdGxlOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBvbkNsaWNrLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8YnV0dG9uIHsuLi5vd25Qcm9wc30gdHlwZT1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPFN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBUUEsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDO01BRXRCLFdBQVcsR0FBYyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRTtJQUNoRixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBRTFELE1BQU0sUUFBUSxHQUFHO1FBQ2IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPO0tBQ1YsQ0FBQztJQUVGLFFBQ0lBLHlEQUFZLFFBQVEsSUFBRSxJQUFJLEVBQUMsUUFBUTtRQUMvQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN2QyxFQUNYO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import styles from './style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const FIELD_LAYOUT = 'FieldLayout';
|
|
6
|
+
const FieldLayout = ({ children, id, className, label, additionalText, errorMessage, preserveSpace, dataset, }) => {
|
|
7
|
+
useStyleExtract(styles);
|
|
8
|
+
const localClassNames = moduleClassNames(styles, FIELD_LAYOUT);
|
|
9
|
+
const allClassNames = [className, ...localClassNames];
|
|
10
|
+
const ownProps = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
|
|
11
|
+
const fieldDescription = errorMessage || additionalText;
|
|
12
|
+
const spacePreserver = !fieldDescription && preserveSpace ? React__default.createElement("span", null, "\u00A0") : undefined;
|
|
13
|
+
return (React__default.createElement("div", Object.assign({}, ownProps),
|
|
14
|
+
label && React__default.createElement("label", { htmlFor: id }, label),
|
|
15
|
+
children,
|
|
16
|
+
fieldDescription && React__default.createElement("div", { id: `${id}-desc` }, fieldDescription),
|
|
17
|
+
spacePreserver));
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export { FieldLayout };
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvRmllbGQvRmllbGRMYXlvdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzLCBtb2R1bGVDbGFzc05hbWVzLCB1c2VTdHlsZUV4dHJhY3QgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBGaWVsZExheW91dFByb3BzO1xuXG5jb25zdCBGSUVMRF9MQVlPVVQgPSAnRmllbGRMYXlvdXQnO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYXlvdXQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgaWQsXG4gICAgY2xhc3NOYW1lLFxuICAgIGxhYmVsLFxuICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBwcmVzZXJ2ZVNwYWNlLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfTEFZT1VUKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbY2xhc3NOYW1lLCAuLi5sb2NhbENsYXNzTmFtZXNdO1xuXG4gICAgY29uc3Qgb3duUHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgY29uc3QgZmllbGREZXNjcmlwdGlvbiA9IGVycm9yTWVzc2FnZSB8fCBhZGRpdGlvbmFsVGV4dDtcbiAgICBjb25zdCBzcGFjZVByZXNlcnZlciA9ICFmaWVsZERlc2NyaXB0aW9uICYmIHByZXNlcnZlU3BhY2UgPyA8c3Bhbj4mbmJzcDs8L3NwYW4+IDogdW5kZWZpbmVkO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiB7Li4ub3duUHJvcHN9PlxuICAgICAgICAgICAgey8qIFRPRE8gZXh0cmFjdCA8bGFiZWw+IHRvIEZpZWxkTGFiZWwgKHB1YmxpYykgKi99XG4gICAgICAgICAgICB7bGFiZWwgJiYgPGxhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9sYWJlbD59XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICB7ZmllbGREZXNjcmlwdGlvbiAmJiA8ZGl2IGlkPXtgJHtpZH0tZGVzY2B9PntmaWVsZERlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgICAgICAgIHtzcGFjZVByZXNlcnZlcn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFRQSxNQUFNLFlBQVksR0FBRyxhQUFhLENBQUM7TUFFdEIsV0FBVyxHQUFjLENBQUMsRUFDbkMsUUFBUSxFQUNSLEVBQUUsRUFDRixTQUFTLEVBQ1QsS0FBSyxFQUNMLGNBQWMsRUFDZCxZQUFZLEVBQ1osYUFBYSxFQUNiLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFFL0QsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUV0RCxNQUFNLFFBQVEsR0FBRyxFQUFFLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7SUFFckYsTUFBTSxnQkFBZ0IsR0FBRyxZQUFZLElBQUksY0FBYyxDQUFDO0lBQ3hELE1BQU0sY0FBYyxHQUFHLENBQUMsZ0JBQWdCLElBQUksYUFBYSxHQUFHQSxvREFBbUIsR0FBRyxTQUFTLENBQUM7SUFFNUYsUUFDSUEsc0RBQVMsUUFBUTtRQUVaLEtBQUssSUFBSUEsd0NBQU8sT0FBTyxFQUFFLEVBQUUsSUFBRyxLQUFLLENBQVM7UUFDNUMsUUFBUTtRQUNSLGdCQUFnQixJQUFJQSxzQ0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLE9BQU8sSUFBRyxnQkFBZ0IsQ0FBTztRQUNuRSxjQUFjLENBQ2IsRUFDUjtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { SingleLineFieldLayoutProps } from '@preply/ds-web-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { InputImperativeHandle } from '../Input/InputBase';
|
|
4
|
+
export declare type Props = SingleLineFieldLayoutProps & {
|
|
5
|
+
inputHandle: InputImperativeHandle | null;
|
|
6
|
+
};
|
|
7
|
+
export declare const SingleLineFieldLayout: FC<Props>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useStyleExtract, moduleLocals, booleanClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { FieldLayout } from './FieldLayout.js';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const SINGLE_LINE_FIELD_LAYOUT = 'SingleLineFieldLayout';
|
|
7
|
+
const SingleLineFieldLayout = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, ...props }) => {
|
|
8
|
+
useStyleExtract(styles);
|
|
9
|
+
const fieldClassNames = moduleLocals(styles, SINGLE_LINE_FIELD_LAYOUT, [
|
|
10
|
+
booleanClassNames('is-disabled', undefined, disabled),
|
|
11
|
+
booleanClassNames('is-focused', undefined, isFocused),
|
|
12
|
+
booleanClassNames('has-error', undefined, hasError),
|
|
13
|
+
]);
|
|
14
|
+
const allClassNames = [className, ...fieldClassNames];
|
|
15
|
+
const inputClassNames = moduleLocals(styles, SINGLE_LINE_FIELD_LAYOUT, ['input']);
|
|
16
|
+
const handleClick = () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.focus();
|
|
17
|
+
return (React__default.createElement(FieldLayout, Object.assign({ id: id, className: allClassNames.join(' '), disabled: disabled, isFocused: isFocused, hasError: hasError }, props),
|
|
18
|
+
React__default.createElement("div", { className: inputClassNames.join(' '), onClick: handleClick },
|
|
19
|
+
icon,
|
|
20
|
+
input,
|
|
21
|
+
button)));
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { SingleLineFieldLayout };
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2luZ2xlTGluZUZpZWxkTGF5b3V0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0ZpZWxkL1NpbmdsZUxpbmVGaWVsZExheW91dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvbm8tc3RhdGljLWVsZW1lbnQtaW50ZXJhY3Rpb25zICovXG4vKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9jbGljay1ldmVudHMtaGF2ZS1rZXktZXZlbnRzICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtbm8tY29tbWVudC10ZXh0bm9kZXMgKi9cbmltcG9ydCB0eXBlIHsgU2luZ2xlTGluZUZpZWxkTGF5b3V0UHJvcHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IGJvb2xlYW5DbGFzc05hbWVzLCBtb2R1bGVMb2NhbHMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEltcGVyYXRpdmVIYW5kbGUgfSBmcm9tICcuLi9JbnB1dC9JbnB1dEJhc2UnO1xuXG5pbXBvcnQgeyBGaWVsZExheW91dCB9IGZyb20gJy4vRmllbGRMYXlvdXQnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBTaW5nbGVMaW5lRmllbGRMYXlvdXRQcm9wcyAmIHsgaW5wdXRIYW5kbGU6IElucHV0SW1wZXJhdGl2ZUhhbmRsZSB8IG51bGwgfTtcblxuY29uc3QgU0lOR0xFX0xJTkVfRklFTERfTEFZT1VUID0gJ1NpbmdsZUxpbmVGaWVsZExheW91dCc7XG5cbmV4cG9ydCBjb25zdCBTaW5nbGVMaW5lRmllbGRMYXlvdXQ6IEZDPFByb3BzPiA9ICh7XG4gICAgaWQsXG4gICAgY2xhc3NOYW1lLFxuICAgIGlucHV0LFxuICAgIGljb24sXG4gICAgYnV0dG9uLFxuICAgIGRpc2FibGVkLFxuICAgIGlzRm9jdXNlZCxcbiAgICBoYXNFcnJvcixcbiAgICBpbnB1dEhhbmRsZSxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgZmllbGRDbGFzc05hbWVzID0gbW9kdWxlTG9jYWxzKHN0eWxlcywgU0lOR0xFX0xJTkVfRklFTERfTEFZT1VULCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1kaXNhYmxlZCcsIHVuZGVmaW5lZCwgZGlzYWJsZWQpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZm9jdXNlZCcsIHVuZGVmaW5lZCwgaXNGb2N1c2VkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hhcy1lcnJvcicsIHVuZGVmaW5lZCwgaGFzRXJyb3IpLFxuICAgIF0pO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbY2xhc3NOYW1lLCAuLi5maWVsZENsYXNzTmFtZXNdO1xuICAgIGNvbnN0IGlucHV0Q2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIFNJTkdMRV9MSU5FX0ZJRUxEX0xBWU9VVCwgWydpbnB1dCddKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKCkgPT4gaW5wdXRIYW5kbGU/LmZvY3VzKCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RmllbGRMYXlvdXRcbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YWxsQ2xhc3NOYW1lcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBpc0ZvY3VzZWQ9e2lzRm9jdXNlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2lucHV0Q2xhc3NOYW1lcy5qb2luKCcgJyl9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfT5cbiAgICAgICAgICAgICAgICB7aWNvbn1cbiAgICAgICAgICAgICAgICB7aW5wdXR9XG4gICAgICAgICAgICAgICAge2J1dHRvbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0ZpZWxkTGF5b3V0PlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQWNBLE1BQU0sd0JBQXdCLEdBQUcsdUJBQXVCLENBQUM7TUFFNUMscUJBQXFCLEdBQWMsQ0FBQyxFQUM3QyxFQUFFLEVBQ0YsU0FBUyxFQUNULEtBQUssRUFDTCxJQUFJLEVBQ0osTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxFQUNSLFdBQVcsRUFDWCxHQUFHLEtBQUssRUFDWDtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLHdCQUF3QixFQUFFO1FBQ25FLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3RELENBQUMsQ0FBQztJQUNILE1BQU0sYUFBYSxHQUFHLENBQUMsU0FBUyxFQUFFLEdBQUcsZUFBZSxDQUFDLENBQUM7SUFDdEQsTUFBTSxlQUFlLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSx3QkFBd0IsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFbEYsTUFBTSxXQUFXLEdBQUcsTUFBTSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsS0FBSyxFQUFFLENBQUM7SUFFL0MsUUFDSUEsNkJBQUMsV0FBVyxrQkFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNsQyxRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxJQUNkLEtBQUs7UUFFVEEsc0NBQUssU0FBUyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVc7WUFDMUQsSUFBSTtZQUNKLEtBQUs7WUFDTCxNQUFNLENBQ0wsQ0FDSSxFQUNoQjtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@import './mixins.single-line-field-layout.less';
|
|
2
|
+
@import './mixins.field-layout.less';
|
|
3
|
+
@import './mixins.field-button.less';
|
|
4
|
+
|
|
5
|
+
.FieldButton {
|
|
6
|
+
.field-button();
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.FieldLayout {
|
|
10
|
+
.field-layout();
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.SingleLineFieldLayout {
|
|
14
|
+
.single-line-field-layout();
|
|
15
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._3R_m4H{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:var(--145676);border-radius:.001px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;width:var(--53cdfb)}._3R_m4H:hover{background:rgba(9,15,25,.1)}._3R_m4H:active{background:rgba(9,15,25,.15)}._3R_m4H._3-kp6m{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._3R_m4H:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._3R_m4H svg{height:var(--f02c4e);width:var(--f02c4e)}.rQvtF5{-webkit-box-orient:vertical;-webkit-box-direction:normal;grid-gap:var(--6947b0);-ms-flex-direction:column;flex-direction:column;gap:var(--6947b0)}._2V6MO7,.rQvtF5{display:-webkit-box;display:-ms-flexbox;display:flex}._2V6MO7{background-color:var(--5836cb);border:2px solid var(--8f1238);border-radius:var(--bf855f);padding:2px;padding-left:calc(var(--477fda) - 2px)}._2V6MO7:hover{outline-color:var(--603ec6);outline-color:var(--902b50);outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}._2V6MO7 input{background:none;border:none;font-size:var(--a5b1e0);font-style:var(--b079f7);font-variation-settings:var(--6fc943);font-weight:var(--749dcd);letter-spacing:var(--2a3820);line-height:var(--76f1ec);outline:none;padding:0}.-DBnGn ._2V6MO7{outline-offset:var(--c0b12c);outline-offset:-2px}.-DBnGn ._2V6MO7,._3gptUp ._2V6MO7{outline-color:var(--603ec6);outline-style:solid;outline-width:var(--99d31f)}._3gptUp ._2V6MO7{background-color:var(--04daeb);outline-color:transparent;outline-offset:var(--c0b12c)}._2_Xp4m ._2V6MO7{background-color:#f9e1e1;outline-color:var(--603ec6);outline-color:#c21f18;outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/Field/style/index.module.less",__css:css_248z,"FieldButton":"_3R_m4H","focus-visible":"_3-kp6m","FieldLayout":"rQvtF5","SingleLineFieldLayout--input":"_2V6MO7","SingleLineFieldLayout--is-focused":"-DBnGn","SingleLineFieldLayout--is-disabled":"_3gptUp","SingleLineFieldLayout--has-error":"_2_Xp4m"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
4
|
+
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
5
|
+
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
6
|
+
|
|
7
|
+
@local-force-outline-to-be-round: 0.001px;
|
|
8
|
+
|
|
9
|
+
.field-button() {
|
|
10
|
+
display: flex;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
width: @root-size-600;
|
|
14
|
+
border: @root-palette-white; // TODO token @action-inline-bgColor
|
|
15
|
+
background: none;
|
|
16
|
+
border-radius: @local-force-outline-to-be-round;
|
|
17
|
+
cursor: pointer;
|
|
18
|
+
|
|
19
|
+
&:hover {
|
|
20
|
+
background: rgba(9, 15, 25, 0.1); // TODO token @action-inline-hover-bgColor
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&:active {
|
|
24
|
+
background: rgba(9, 15, 25, 0.15); // TODO token @action-inline-active-bgColor
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&:focus-visible {
|
|
28
|
+
.focus-outline(); // TODO problematic, doesn't align with underlying "input" border-radius: @root-radius-s; https://preply.slack.com/archives/C03EG5MS16U/p1663781844611059?thread_ts=1663779229.544659&cid=C03EG5MS16U
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
svg {
|
|
32
|
+
width: @root-size-300;
|
|
33
|
+
height: @root-size-300;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QiwyREFBK0Q7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QiwyREFBK0Q7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
4
|
+
|
|
5
|
+
.unstyled-input() {
|
|
6
|
+
border: none;
|
|
7
|
+
background: none;
|
|
8
|
+
padding: 0;
|
|
9
|
+
outline: none;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@input-stroke-width: 2px; // TODO token @input-border-width; (new type, renderer cloned from outlineWidth)
|
|
13
|
+
|
|
14
|
+
.single-line-field-layout() {
|
|
15
|
+
&--input {
|
|
16
|
+
display: flex;
|
|
17
|
+
padding: @input-stroke-width;
|
|
18
|
+
padding-left: calc(@root-space-xs - @input-stroke-width);
|
|
19
|
+
background-color: @background-secondary;
|
|
20
|
+
border: @input-stroke-width solid @root-palette-gray-200;
|
|
21
|
+
border-radius: @root-radius-s; // TODO token @input-radius;
|
|
22
|
+
|
|
23
|
+
&:hover {
|
|
24
|
+
.focus-outline();
|
|
25
|
+
outline-offset: -@input-stroke-width;
|
|
26
|
+
outline-color: @action-variant-primary-hover-bgColor;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
input {
|
|
30
|
+
.unstyled-input();
|
|
31
|
+
.text-variant('m-medium');
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&--is-focused &--input {
|
|
36
|
+
.focus-outline();
|
|
37
|
+
outline-offset: -@input-stroke-width;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&--is-disabled &--input {
|
|
41
|
+
.focus-outline();
|
|
42
|
+
background-color: @action-base-disabled-bgColor;
|
|
43
|
+
outline-color: transparent;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&--has-error &--input {
|
|
47
|
+
.focus-outline();
|
|
48
|
+
outline-offset: -@input-stroke-width;
|
|
49
|
+
background-color: #f9e1e1; // TODO @input-error-bgColor
|
|
50
|
+
outline-color: #c21f18; // TODO @input-error-borderColor
|
|
51
|
+
}
|
|
52
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QiwyREFBK0Q7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { InputTypeCheckboxProps, ValueChangeEventHandler } from '@preply/ds-web-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare type CheckboxProps = Omit<InputTypeCheckboxProps, 'type' | 'value'> & {
|
|
4
|
+
checked?: boolean;
|
|
5
|
+
onValueChange?: ValueChangeEventHandler<boolean>;
|
|
6
|
+
};
|
|
7
|
+
export declare const Checkbox: FC<CheckboxProps>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useStyleExtract, moduleClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { InputBase } from './InputBase.js';
|
|
4
|
+
import { useChangeHandler } from './hooks/useChangeHandler.js';
|
|
5
|
+
import styles from './style/index.module.less.js';
|
|
6
|
+
|
|
7
|
+
const CHECKBOX = 'Checkbox';
|
|
8
|
+
const Checkbox = ({ checked, onChange, onValueChange, ...props }) => {
|
|
9
|
+
useStyleExtract(styles);
|
|
10
|
+
const localClasses = moduleClassNames(styles, CHECKBOX);
|
|
11
|
+
const onChangeHandler = useChangeHandler(ev => ev.target.checked, onChange, onValueChange);
|
|
12
|
+
return (React__default.createElement(InputBase, Object.assign({}, props, { type: "checkbox", checked: checked, className: localClasses.join(' '), onChange: onChangeHandler })));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { Checkbox };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ByaXZhdGUvSW5wdXQvQ2hlY2tib3gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgSW5wdXRUeXBlQ2hlY2tib3hQcm9wcywgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IG1vZHVsZUNsYXNzTmFtZXMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tICcuL0lucHV0QmFzZSc7XG5pbXBvcnQgeyB1c2VDaGFuZ2VIYW5kbGVyIH0gZnJvbSAnLi9ob29rcy91c2VDaGFuZ2VIYW5kbGVyJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IENIRUNLQk9YID0gJ0NoZWNrYm94JztcblxuZXhwb3J0IHR5cGUgQ2hlY2tib3hQcm9wcyA9IE9taXQ8SW5wdXRUeXBlQ2hlY2tib3hQcm9wcywgJ3R5cGUnIHwgJ3ZhbHVlJz4gJiB7XG4gICAgY2hlY2tlZD86IGJvb2xlYW47XG4gICAgb25WYWx1ZUNoYW5nZT86IFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyPGJvb2xlYW4+O1xufTtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94OiBGQzxDaGVja2JveFByb3BzPiA9ICh7IGNoZWNrZWQsIG9uQ2hhbmdlLCBvblZhbHVlQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQ0hFQ0tCT1gpO1xuXG4gICAgY29uc3Qgb25DaGFuZ2VIYW5kbGVyID0gdXNlQ2hhbmdlSGFuZGxlcihldiA9PiBldi50YXJnZXQuY2hlY2tlZCwgb25DaGFuZ2UsIG9uVmFsdWVDaGFuZ2UpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIGNoZWNrZWQ9e2NoZWNrZWR9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2xvY2FsQ2xhc3Nlcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFRQSxNQUFNLFFBQVEsR0FBRyxVQUFVLENBQUM7TUFPZixRQUFRLEdBQXNCLENBQUMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEtBQUssRUFBRTtJQUN0RixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxZQUFZLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBRXhELE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFFM0YsUUFDSUEsNkJBQUMsU0FBUyxvQkFDRixLQUFLLElBQ1QsSUFBSSxFQUFDLFVBQVUsRUFDZixPQUFPLEVBQUUsT0FBTyxFQUNoQixTQUFTLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDakMsUUFBUSxFQUFFLGVBQWUsSUFDM0IsRUFDSjtBQUNOOzs7OyJ9
|