@preply/ds-web-lib 0.47.0 → 0.48.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/FieldAdditionalText/FieldAdditionalText.d.ts +3 -0
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +15 -0
- package/dist/components/FieldAdditionalText/style/index.module.less +5 -0
- package/dist/components/FieldAdditionalText/style/index.module.less.js +9 -0
- package/dist/components/FieldAdditionalText/style/mixins.less +16 -0
- package/dist/components/{private/Field/style/mixins.field-layout.less.js → FieldAdditionalText/style/mixins.less.js} +2 -2
- package/dist/components/FieldButton/FieldButton.d.ts +3 -0
- package/dist/components/FieldButton/FieldButton.js +20 -0
- package/dist/components/FieldButton/style/index.module.less +5 -0
- package/dist/components/FieldButton/style/index.module.less.js +9 -0
- package/dist/components/{private/Field/style/mixins.field-button.less → FieldButton/style/mixins.less} +0 -1
- package/dist/components/{private/Field/style/mixins.single-line-field-layout.less.js → FieldButton/style/mixins.less.js} +2 -2
- package/dist/components/FieldLayout/FieldLayout.d.ts +3 -0
- package/dist/components/FieldLayout/FieldLayout.js +25 -0
- package/dist/components/FieldLayout/style/index.module.less +5 -0
- package/dist/components/FieldLayout/style/index.module.less.js +9 -0
- package/dist/components/{private/Field/style/mixins.single-line-field-layout.less → FieldLayout/style/mixins.less} +1 -1
- package/dist/components/FieldLayout/style/mixins.less.js +8 -0
- package/dist/components/Link/Link.d.ts +1 -0
- package/dist/components/Link/Link.js +3 -3
- package/dist/components/TextField/TextField.js +4 -4
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +4 -1
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +1 -0
- package/dist/components/private/ButtonBase/ButtonBase.js +3 -3
- package/dist/components/private/ButtonBase/style/index.module.less +1 -1
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.d.ts +3 -0
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +30 -0
- package/dist/components/private/FieldLayoutBase/style/index.module.less +5 -0
- package/dist/components/private/FieldLayoutBase/style/index.module.less.js +9 -0
- package/dist/components/private/FieldLayoutBase/style/mixins.less +17 -0
- package/dist/components/private/{Field/style/mixins.field-button.less.js → FieldLayoutBase/style/mixins.less.js} +0 -0
- package/dist/components/private/Input/InputBase.d.ts +1 -4
- package/dist/components/private/Input/InputBase.js +1 -1
- package/dist/components/private/Input/InputText.d.ts +1 -2
- package/dist/components/private/Input/InputText.js +1 -1
- package/dist/index.js +4 -1
- package/package.json +12 -12
- package/dist/components/private/Field/FieldButton.d.ts +0 -4
- package/dist/components/private/Field/FieldButton.js +0 -20
- package/dist/components/private/Field/FieldLayout.d.ts +0 -4
- package/dist/components/private/Field/FieldLayout.js +0 -21
- package/dist/components/private/Field/SingleLineFieldLayout.d.ts +0 -7
- package/dist/components/private/Field/SingleLineFieldLayout.js +0 -25
- package/dist/components/private/Field/style/index.module.less +0 -15
- package/dist/components/private/Field/style/index.module.less.js +0 -9
- package/dist/components/private/Field/style/mixins.field-layout.less +0 -7
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, useStyleExtract, moduleClassNames, stringClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import styles from './style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const FIELD_ADDITIONAL_TEXT = 'FieldAdditionalText';
|
|
6
|
+
const FieldAdditionalText = ({ id, variant = FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, children, }) => {
|
|
7
|
+
useStyleExtract(styles);
|
|
8
|
+
const classNames = moduleClassNames(styles, FIELD_ADDITIONAL_TEXT, [
|
|
9
|
+
stringClassNames('variant', variant),
|
|
10
|
+
]);
|
|
11
|
+
return (React__default.createElement("p", { id: id, className: classNames.join(' ') }, children));
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
export { FieldAdditionalText };
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRBZGRpdGlvbmFsVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRmllbGRBZGRpdGlvbmFsVGV4dC9GaWVsZEFkZGl0aW9uYWxUZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRBZGRpdGlvbmFsVGV4dFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQge1xuICAgIEZJRUxEX0FERElUSU9OQUxfVEVYVF9WQVJJQU5UX0RFRkFVTFQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0FERElUSU9OQUxfVEVYVCA9ICdGaWVsZEFkZGl0aW9uYWxUZXh0JztcblxuZXhwb3J0IGNvbnN0IEZpZWxkQWRkaXRpb25hbFRleHQ6IEZDPEZpZWxkQWRkaXRpb25hbFRleHRQcm9wcz4gPSAoe1xuICAgIGlkLFxuICAgIHZhcmlhbnQgPSBGSUVMRF9BRERJVElPTkFMX1RFWFRfVkFSSUFOVF9ERUZBVUxULFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9BRERJVElPTkFMX1RFWFQsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIHZhcmlhbnQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHAgaWQ9e2lkfSBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9wPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBYUEsTUFBTSxxQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztNQUV2QyxtQkFBbUIsR0FBaUMsQ0FBQyxFQUM5RCxFQUFFLEVBQ0YsT0FBTyxHQUFHLHFDQUFxQyxFQUMvQyxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLHFCQUFxQixFQUFFO1FBQy9ELGdCQUFnQixDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7S0FDdkMsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsb0NBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFDckMsUUFBUSxDQUNULEVBQ047QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._30mmOy{font-size:var(--a7cfda);font-style:var(--b8dd4e);font-variation-settings:var(--93fedc);font-weight:var(--dc8b92);letter-spacing:var(--4d1d51);line-height:var(--c552e7);margin:0}._1AeiIo{color:var(--4c4008)}.PrNSbP{color:var(--622733)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldAdditionalText/style/index.module.less",__css:css_248z,"FieldAdditionalText":"_30mmOy","FieldAdditionalText--variant-normal":"_1AeiIo","FieldAdditionalText--variant-error":"PrNSbP"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
4
|
+
|
|
5
|
+
.field-additional-text() {
|
|
6
|
+
margin: 0;
|
|
7
|
+
.text-variant('s');
|
|
8
|
+
|
|
9
|
+
&--variant-normal {
|
|
10
|
+
.color('field', 'additionalText-normal');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&--variant-error {
|
|
14
|
+
.color('field' , 'additionalText-error');
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import styleInject from '
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
3
|
var css_248z = "";
|
|
4
4
|
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRCdXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkQnV0dG9uL0ZpZWxkQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEZpZWxkQnV0dG9uUHJvcHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IGdldERhdGFzZXRQcm9wcywgbW9kdWxlQ2xhc3NOYW1lcywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0JVVFRPTiA9ICdGaWVsZEJ1dHRvbic7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEJ1dHRvbjogRkM8RmllbGRCdXR0b25Qcm9wcz4gPSAoe1xuICAgIHN2ZzogU3ZnLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9CVVRUT04pO1xuXG4gICAgY29uc3Qgb3duUHJvcHMgPSB7XG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgdGl0bGU6IGFzc2lzdGl2ZVRleHQsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLm93blByb3BzfSB0eXBlPVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8U3ZnIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFNQSxNQUFNLFlBQVksR0FBRyxhQUFhLENBQUM7TUFFdEIsV0FBVyxHQUF5QixDQUFDLEVBQzlDLEdBQUcsRUFBRSxHQUFHLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBRTFELE1BQU0sUUFBUSxHQUFHO1FBQ2IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLLEVBQUUsYUFBYTtRQUNwQixPQUFPO0tBQ1YsQ0FBQztJQUVGLFFBQ0lBLHlEQUFZLFFBQVEsSUFBRSxJQUFJLEVBQUMsUUFBUTtRQUMvQkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN2QyxFQUNYO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._1SK7Uw{-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)}._1SK7Uw:hover{background:rgba(9,15,25,.1)}._1SK7Uw:active{background:rgba(9,15,25,.15)}._1SK7Uw._2Ia3G8{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw svg{height:var(--f02c4e);width:var(--f02c4e)}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldButton/style/index.module.less",__css:css_248z,"FieldButton":"_1SK7Uw","focus-visible":"_2Ia3G8"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
-
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
2
|
@import '@preply/ds-web-core/dist/focus/style/mixins.less';
|
|
4
3
|
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
5
4
|
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import styleInject from '
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
3
|
var css_248z = "";
|
|
4
4
|
var stylesheet="";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
|
8
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useStyleExtract, moduleLocals, booleanClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { FieldLayoutBase } from '../private/FieldLayoutBase/FieldLayoutBase.js';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const FIELD_LAYOUT = 'FieldLayout';
|
|
7
|
+
const FieldLayout = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, ...props }) => {
|
|
8
|
+
useStyleExtract(styles);
|
|
9
|
+
const fieldClassNames = moduleLocals(styles, 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, FIELD_LAYOUT, ['input']);
|
|
16
|
+
const handleClick = () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.focus();
|
|
17
|
+
return (React__default.createElement(FieldLayoutBase, 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 { FieldLayout };
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgYm9vbGVhbkNsYXNzTmFtZXMsIG1vZHVsZUxvY2FscywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZpZWxkTGF5b3V0QmFzZSB9IGZyb20gJy4uL3ByaXZhdGUvRmllbGRMYXlvdXRCYXNlL0ZpZWxkTGF5b3V0QmFzZSc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0xBWU9VVCA9ICdGaWVsZExheW91dCc7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExheW91dDogRkM8RmllbGRMYXlvdXRQcm9wcz4gPSAoe1xuICAgIGlkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBpbnB1dCxcbiAgICBpY29uLFxuICAgIGJ1dHRvbixcbiAgICBkaXNhYmxlZCxcbiAgICBpc0ZvY3VzZWQsXG4gICAgaGFzRXJyb3IsXG4gICAgaW5wdXRIYW5kbGUsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGZpZWxkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBWU9VVCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZGlzYWJsZWQnLCB1bmRlZmluZWQsIGRpc2FibGVkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWZvY3VzZWQnLCB1bmRlZmluZWQsIGlzRm9jdXNlZCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoYXMtZXJyb3InLCB1bmRlZmluZWQsIGhhc0Vycm9yKSxcbiAgICBdKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW2NsYXNzTmFtZSwgLi4uZmllbGRDbGFzc05hbWVzXTtcbiAgICBjb25zdCBpbnB1dENsYXNzTmFtZXMgPSBtb2R1bGVMb2NhbHMoc3R5bGVzLCBGSUVMRF9MQVlPVVQsIFsnaW5wdXQnXSk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9ICgpID0+IGlucHV0SGFuZGxlPy5mb2N1cygpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0QmFzZVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXthbGxDbGFzc05hbWVzLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRm9jdXNlZD17aXNGb2N1c2VkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aW5wdXRDbGFzc05hbWVzLmpvaW4oJyAnKX0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtpY29ufVxuICAgICAgICAgICAgICAgIHtpbnB1dH1cbiAgICAgICAgICAgICAgICB7YnV0dG9ufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRmllbGRMYXlvdXRCYXNlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQVVBLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQztNQUV0QixXQUFXLEdBQXlCLENBQUMsRUFDOUMsRUFBRSxFQUNGLFNBQVMsRUFDVCxLQUFLLEVBQ0wsSUFBSSxFQUNKLE1BQU0sRUFDTixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsR0FBRyxLQUFLLEVBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxlQUFlLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUU7UUFDdkQsaUJBQWlCLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7UUFDckQsaUJBQWlCLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDckQsaUJBQWlCLENBQUMsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUM7S0FDdEQsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFTLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUN0RCxNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFdEUsTUFBTSxXQUFXLEdBQUcsTUFBTSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsS0FBSyxFQUFFLENBQUM7SUFFL0MsUUFDSUEsNkJBQUMsZUFBZSxrQkFDWixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUNsQyxRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxFQUNwQixRQUFRLEVBQUUsUUFBUSxJQUNkLEtBQUs7UUFFVEEsc0NBQUssU0FBUyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsT0FBTyxFQUFFLFdBQVc7WUFDMUQsSUFBSTtZQUNKLEtBQUs7WUFDTCxNQUFNLENBQ0wsQ0FDUSxFQUNwQjtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._3wd25W{background-color:var(--5836cb);border:2px solid var(--8f1238);border-radius:var(--bf855f);display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px;padding-left:calc(var(--477fda) - 2px)}._3wd25W:hover{outline-color:var(--603ec6);outline-color:var(--902b50);outline-offset:var(--c0b12c);outline-offset:-2px;outline-style:solid;outline-width:var(--99d31f)}._3wd25W 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}._3VIW2W ._3wd25W{outline-offset:var(--c0b12c);outline-offset:-2px}._2AzKuR ._3wd25W,._3VIW2W ._3wd25W{outline-color:var(--603ec6);outline-style:solid;outline-width:var(--99d31f)}._2AzKuR ._3wd25W{background-color:var(--04daeb);outline-color:transparent;outline-offset:var(--c0b12c)}._2oOvNj ._3wd25W{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/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_3wd25W","FieldLayout--is-focused":"_3VIW2W","FieldLayout--is-disabled":"_2AzKuR","FieldLayout--has-error":"_2oOvNj"};
|
|
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
|
|
@@ -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, assistiveText, onClick, dataset, children, }) => {
|
|
6
|
+
const Link = ({ href, url, opensInNewTab, nofollow, assistiveText, onClick, dataset, children, }) => {
|
|
7
7
|
useInstrument('render', {
|
|
8
8
|
component: LINK,
|
|
9
9
|
props: { url },
|
|
@@ -18,7 +18,7 @@ const Link = ({ href, url, opensInNewTab, assistiveText, onClick, dataset, child
|
|
|
18
18
|
const classNames = moduleClassNames(styles, LINK, []);
|
|
19
19
|
const actualHref = href || url;
|
|
20
20
|
const externalUrlProps = actualHref
|
|
21
|
-
? getExternalUrlProps(hostname, actualHref, opensInNewTab)
|
|
21
|
+
? getExternalUrlProps(hostname, actualHref, opensInNewTab, nofollow)
|
|
22
22
|
: {};
|
|
23
23
|
const props = {
|
|
24
24
|
href: actualHref,
|
|
@@ -32,4 +32,4 @@ const Link = ({ href, url, opensInNewTab, assistiveText, onClick, dataset, child
|
|
|
32
32
|
};
|
|
33
33
|
|
|
34
34
|
export { Link };
|
|
35
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudCwgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICB1cmw/
|
|
35
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudCwgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaHJlZj86IHN0cmluZztcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgbm9mb2xsb3c/OiBib29sZWFuO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBMSU5LID0gJ0xpbmsnO1xuXG5leHBvcnQgY29uc3QgTGluazogRkM8UHJvcHM+ID0gKHtcbiAgICBocmVmLFxuICAgIHVybCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIG5vZm9sbG93LFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBMSU5LLFxuICAgICAgICBwcm9wczogeyB1cmwgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgaG9zdG5hbWUgPSB1c2VIb3N0bmFtZSgpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgTElOSywgW10pO1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuXG4gICAgY29uc3QgZXh0ZXJuYWxVcmxQcm9wcyA9IGFjdHVhbEhyZWZcbiAgICAgICAgPyBnZXRFeHRlcm5hbFVybFByb3BzKGhvc3RuYW1lLCBhY3R1YWxIcmVmLCBvcGVuc0luTmV3VGFiLCBub2ZvbGxvdylcbiAgICAgICAgOiB7fTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBocmVmOiBhY3R1YWxIcmVmLFxuICAgICAgICAnYXJpYS1sYWJlbCc6IGFzc2lzdGl2ZVRleHQsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBjbGFzc05hbWU6IGNsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIC4uLmV4dGVybmFsVXJsUHJvcHMsXG4gICAgfTtcblxuICAgIHJldHVybiA8YSB7Li4ucHJvcHN9PntjaGlsZHJlbn08L2E+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQXdCQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUM1QixJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFDYixRQUFRLEVBQ1IsYUFBYSxFQUNiLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxHQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRTtLQUNqQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFFL0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFpQjtRQUNsQyxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRXRELE1BQU0sVUFBVSxHQUFHLElBQUksSUFBSSxHQUFHLENBQUM7SUFFL0IsTUFBTSxnQkFBZ0IsR0FBRyxVQUFVO1VBQzdCLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFFBQVEsQ0FBQztVQUNsRSxFQUFFLENBQUM7SUFFVCxNQUFNLEtBQUssR0FBRztRQUNWLElBQUksRUFBRSxVQUFVO1FBQ2hCLFlBQVksRUFBRSxhQUFhO1FBQzNCLE9BQU8sRUFBRSxXQUFXO1FBQ3BCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7UUFDM0IsR0FBRyxnQkFBZ0I7S0FDdEIsQ0FBQztJQUVGLE9BQU9BLG9EQUFPLEtBQUssR0FBRyxRQUFRLENBQUssQ0FBQztBQUN4Qzs7OzsifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FIELD_TYPE_DEFAULT, useStyleExtract, useForcedRef, useTextField, moduleClassNames } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { FieldLayout } from '../FieldLayout/FieldLayout.js';
|
|
4
4
|
import { InputText } from '../private/Input/InputText.js';
|
|
5
5
|
import styles from './style/index.module.less.js';
|
|
6
6
|
|
|
@@ -13,11 +13,11 @@ const TextField = ({ id: optionalId, type = FIELD_TYPE_DEFAULT, ...props }) => {
|
|
|
13
13
|
type,
|
|
14
14
|
...props,
|
|
15
15
|
});
|
|
16
|
-
const {
|
|
16
|
+
const { layoutProps, inputProps } = textField;
|
|
17
17
|
const classNames = moduleClassNames(styles, FIELD_TEXT);
|
|
18
18
|
const input = React__default.createElement(InputText, Object.assign({}, inputProps, { ref: ref }));
|
|
19
|
-
return (React__default.createElement(
|
|
19
|
+
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { className: classNames.join(' '), input: input, inputHandle: ref.current })));
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
export { TextField };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQ29tYmluYWJsZUlucHV0UHJvcHMsXG4gICAgSW5wdXRJbXBlcmF0aXZlSGFuZGxlLFxuICAgIFRleHRGaWVsZFByb3BzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7XG4gICAgRklFTERfVFlQRV9ERUZBVUxULFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlRm9yY2VkUmVmLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUZXh0RmllbGQsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGaWVsZExheW91dCB9IGZyb20gJy4uL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0JztcbmltcG9ydCB0eXBlIHsgSW5wdXRUZXh0UHJvcHMgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gVGV4dEZpZWxkUHJvcHMgJiBDb21iaW5hYmxlSW5wdXRQcm9wczxJbnB1dFRleHRQcm9wcz47XG5cbmNvbnN0IEZJRUxEX1RFWFQgPSAnVGV4dEZpZWxkJztcblxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogRkM8UHJvcHM+ID0gKHsgaWQ6IG9wdGlvbmFsSWQsIHR5cGUgPSBGSUVMRF9UWVBFX0RFRkFVTFQsIC4uLnByb3BzIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHJlZiA9IHVzZUZvcmNlZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGU+KCk7XG4gICAgY29uc3QgdGV4dEZpZWxkID0gdXNlVGV4dEZpZWxkKHtcbiAgICAgICAgaWQ6IG9wdGlvbmFsSWQsXG4gICAgICAgIHR5cGUsXG4gICAgICAgIC4uLnByb3BzLFxuICAgIH0pO1xuICAgIGNvbnN0IHsgbGF5b3V0UHJvcHMsIGlucHV0UHJvcHMgfSA9IHRleHRGaWVsZDtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfVEVYVCk7XG4gICAgY29uc3QgaW5wdXQgPSA8SW5wdXRUZXh0IHsuLi5pbnB1dFByb3BzfSByZWY9e3JlZn0gLz47XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RmllbGRMYXlvdXRcbiAgICAgICAgICAgIHsuLi5sYXlvdXRQcm9wc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBpbnB1dD17aW5wdXR9XG4gICAgICAgICAgICBpbnB1dEhhbmRsZT17cmVmLmN1cnJlbnR9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQXNCQSxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUM7TUFFbEIsU0FBUyxHQUFjLENBQUMsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLElBQUksR0FBRyxrQkFBa0IsRUFBRSxHQUFHLEtBQUssRUFBRTtJQUN4RixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxHQUFHLEdBQUcsWUFBWSxFQUF5QixDQUFDO0lBQ2xELE1BQU0sU0FBUyxHQUFHLFlBQVksQ0FBQztRQUMzQixFQUFFLEVBQUUsVUFBVTtRQUNkLElBQUk7UUFDSixHQUFHLEtBQUs7S0FDWCxDQUFDLENBQUM7SUFDSCxNQUFNLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxHQUFHLFNBQVMsQ0FBQztJQUU5QyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDeEQsTUFBTSxLQUFLLEdBQUdBLDZCQUFDLFNBQVMsb0JBQUssVUFBVSxJQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQztJQUV0RCxRQUNJQSw2QkFBQyxXQUFXLG9CQUNKLFdBQVcsSUFDZixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDL0IsS0FBSyxFQUFFLEtBQUssRUFDWixXQUFXLEVBQUUsR0FBRyxDQUFDLE9BQU8sSUFDMUIsRUFDSjtBQUNOOzs7OyJ9
|
|
@@ -2,6 +2,9 @@ export { Avatar } from './Avatar/Avatar';
|
|
|
2
2
|
export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus';
|
|
3
3
|
export { Box } from './Box/Box';
|
|
4
4
|
export { Button } from './Button/Button';
|
|
5
|
+
export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText';
|
|
6
|
+
export { FieldButton } from './FieldButton/FieldButton';
|
|
7
|
+
export { FieldLayout } from './FieldLayout/FieldLayout';
|
|
5
8
|
export { Heading } from './Heading/Heading';
|
|
6
9
|
export { Icon } from './Icon/Icon';
|
|
7
10
|
export { IconButton } from './IconButton/IconButton';
|
package/dist/components/index.js
CHANGED
|
@@ -2,6 +2,9 @@ export { Avatar } from './Avatar/Avatar.js';
|
|
|
2
2
|
export { AvatarWithStatus } from './AvatarWithStatus/AvatarWithStatus.js';
|
|
3
3
|
export { Box } from './Box/Box.js';
|
|
4
4
|
export { Button } from './Button/Button.js';
|
|
5
|
+
export { FieldAdditionalText } from './FieldAdditionalText/FieldAdditionalText.js';
|
|
6
|
+
export { FieldButton } from './FieldButton/FieldButton.js';
|
|
7
|
+
export { FieldLayout } from './FieldLayout/FieldLayout.js';
|
|
5
8
|
export { Heading } from './Heading/Heading.js';
|
|
6
9
|
export { Icon } from './Icon/Icon.js';
|
|
7
10
|
export { IconButton } from './IconButton/IconButton.js';
|
|
@@ -20,4 +23,4 @@ export { Text } from './Text/Text.js';
|
|
|
20
23
|
export { TextField } from './TextField/TextField.js';
|
|
21
24
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
22
25
|
export { TextInline } from './TextInline/TextInline.js';
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
|
@@ -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 = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, dataset, }) => {
|
|
16
|
+
const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, url, opensInNewTab, nofollow, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, isIconButton, dataset, }) => {
|
|
17
17
|
useStyleExtract(styles);
|
|
18
18
|
const hostname = useHostname();
|
|
19
19
|
const ref = useRef(null);
|
|
@@ -55,10 +55,10 @@ const ButtonBase = ({ children, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_
|
|
|
55
55
|
};
|
|
56
56
|
const actualHref = href || url;
|
|
57
57
|
if (actualHref) {
|
|
58
|
-
return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(hostname, actualHref, opensInNewTab), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: actualHref, onKeyDown: handleKeyPress }), renderContent({ children, busy })));
|
|
58
|
+
return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(hostname, actualHref, opensInNewTab, nofollow), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: actualHref, onKeyDown: handleKeyPress }), renderContent({ children, busy })));
|
|
59
59
|
}
|
|
60
60
|
return (React__default.createElement("button", Object.assign({}, props, { type: submitsForm ? 'submit' : 'button' }), renderContent({ children, busy })));
|
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IFJlc3BvbnNpdmU8QnV0dG9uU2l6ZT47XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICBocmVmPzogc3RyaW5nO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBub2ZvbGxvdz86IGJvb2xlYW47XG4gICAgc3VibWl0c0Zvcm0/OiBib29sZWFuO1xuICAgIGExMXlMYWJlbD86IHN0cmluZztcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgaXNJY29uQnV0dG9uOiBib29sZWFuO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCVVRUT05fQkFTRSA9ICdCdXR0b25CYXNlJztcblxuY29uc3QgcmVuZGVyQ29udGVudDogRkM8eyBidXN5PzogYm9vbGVhbiB9PiA9ICh7IGNoaWxkcmVuLCBidXN5IH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWydjb250ZW50J10pXTtcbiAgICBjb25zdCBidXN5Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWydidXN5J10pXTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjb250ZW50Q2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L3NwYW4+XG4gICAgICAgICAgICB7YnVzeSAmJiAoXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtidXN5Q2xhc3NOYW1lcy5qb2luKCcgJyl9PlxuICAgICAgICAgICAgICAgICAgICA8U3Bpbm5lciAvPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uQmFzZTogRkM8QnV0dG9uQmFzZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCA9IEJVVFRPTl9WQVJJQU5UX0RFRkFVTFQsXG4gICAgc2l6ZSA9IEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgZnVsbFdpZHRoID0gZmFsc2UsXG4gICAgd3JhcCA9IGZhbHNlLFxuICAgIGhyZWYsXG4gICAgdXJsLFxuICAgIG9wZW5zSW5OZXdUYWIsXG4gICAgbm9mb2xsb3csXG4gICAgc3VibWl0c0Zvcm0sXG4gICAgYTExeUxhYmVsLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkaXNhYmxlZCxcbiAgICBidXN5LFxuICAgIGlzSWNvbkJ1dHRvbixcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgaG9zdG5hbWUgPSB1c2VIb3N0bmFtZSgpO1xuICAgIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQW5jaG9yRWxlbWVudD4obnVsbCk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQgfHwgYnVzeSkge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfVxuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlS2V5UHJlc3MgPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3Qga2V5ID0gbWFwRWRnZUtleVRvU3RhbmRhcmQoZXZlbnQua2V5KTtcbiAgICAgICAgaWYgKGtleSA9PT0gJyAnIHx8IGtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIHJlZi5jdXJyZW50Py5jbGljaygpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIHZhcmlhbnQpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgICAgIGlzSWNvbkJ1dHRvbiA/IHN0cmluZ0NsYXNzTmFtZXMoJ2lzLWljb24tYnV0dG9uLXNpemUnLCBzaXplKSA6IFtdLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcyh1bmRlZmluZWQsICduby13cmFwJywgd3JhcCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCd3aWR0aC1mdWxsJywgJ3dpZHRoLWF1dG8nLCBmdWxsV2lkdGgpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtYnVzeScsIHVuZGVmaW5lZCwgYnVzeSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1pY29uLWJ1dHRvbicsIHVuZGVmaW5lZCwgaXNJY29uQnV0dG9uKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHRpdGxlID0gaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gIWlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgdGl0bGUsXG4gICAgICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICdhcmlhLWRpc2FibGVkJzogZGlzYWJsZWQgfHwgYnVzeSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgfTtcblxuICAgIGNvbnN0IGFjdHVhbEhyZWYgPSBocmVmIHx8IHVybDtcbiAgICBpZiAoYWN0dWFsSHJlZikge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLmdldEV4dGVybmFsVXJsUHJvcHMoaG9zdG5hbWUsIGFjdHVhbEhyZWYsIG9wZW5zSW5OZXdUYWIsIG5vZm9sbG93KX1cbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB0YWJJbmRleD17ZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgICAgICAgICAgICAgaHJlZj17YWN0dWFsSHJlZn1cbiAgICAgICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleVByZXNzfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGJ1dHRvbiB7Li4ucHJvcHN9IHR5cGU9e3N1Ym1pdHNGb3JtID8gJ3N1Ym1pdCcgOiAnYnV0dG9uJ30+XG4gICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBdUNBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztBQUVqQyxNQUFNLGFBQWEsR0FBMkIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7SUFDN0QsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUUsTUFBTSxjQUFjLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLFFBQ0lBO1FBQ0lBLHVDQUFNLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFRO1FBQzlELElBQUksS0FDREEsdUNBQU0sU0FBUyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3JDQSw2QkFBQyxPQUFPLE9BQUcsQ0FDUixDQUNWLENBQ0YsRUFDTDtBQUNOLENBQUMsQ0FBQztNQUVXLFVBQVUsR0FBd0IsQ0FBQyxFQUM1QyxRQUFRLEVBQ1IsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLFNBQVMsR0FBRyxLQUFLLEVBQ2pCLElBQUksR0FBRyxLQUFLLEVBQ1osSUFBSSxFQUNKLEdBQUcsRUFDSCxhQUFhLEVBQ2IsUUFBUSxFQUNSLFdBQVcsRUFDWCxTQUFTLEVBQ1QsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEVBQ1IsSUFBSSxFQUNKLFlBQVksRUFDWixPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFDL0IsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFvQixJQUFJLENBQUMsQ0FBQztJQUU1QyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQWlCO1FBQ2xDLElBQUksUUFBUSxJQUFJLElBQUksRUFBRTtZQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDMUI7UUFDRCxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQW9COztRQUN4QyxNQUFNLEdBQUcsR0FBRyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUMsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDaEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsS0FBSyxHQUFHO1NBQ3hCO0tBQ0osQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7UUFDckQsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztRQUNwQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1FBQzlCLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxxQkFBcUIsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ2pFLGlCQUFpQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQzdDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsU0FBUyxDQUFDO1FBQ3hELGlCQUFpQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQzdDLGlCQUFpQixDQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7S0FDL0QsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUcsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQ3BFLE1BQU0sU0FBUyxHQUFHLENBQUMsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBRXpFLE1BQU0sS0FBSyxHQUFHO1FBQ1YsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLO1FBQ0wsWUFBWSxFQUFFLFNBQVM7UUFDdkIsT0FBTyxFQUFFLFdBQVc7UUFDcEIsUUFBUTtRQUNSLGVBQWUsRUFBRSxRQUFRLElBQUksSUFBSSxHQUFHLElBQUksR0FBRyxTQUFTO0tBQ3ZELENBQUM7SUFFRixNQUFNLFVBQVUsR0FBRyxJQUFJLElBQUksR0FBRyxDQUFDO0lBQy9CLElBQUksVUFBVSxFQUFFO1FBQ1osUUFDSUEsb0RBQ1EsS0FBSyxFQUNMLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFFBQVEsQ0FBQyxJQUN0RSxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxRQUFRLEVBQ2IsUUFBUSxFQUFFLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQzNCLElBQUksRUFBRSxVQUFVLEVBQ2hCLFNBQVMsRUFBRSxjQUFjLEtBRXhCLGFBQWEsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUNsQyxFQUNOO0tBQ0w7SUFFRCxRQUNJQSx5REFBWSxLQUFLLElBQUUsSUFBSSxFQUFFLFdBQVcsR0FBRyxRQUFRLEdBQUcsUUFBUSxLQUNyRCxhQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FDN0IsRUFDWDtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { useStyleExtract, moduleClassNames, moduleLocals, booleanClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { FieldAdditionalText } from '../../FieldAdditionalText/FieldAdditionalText.js';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const FIELD_LAYOUT_BASE = 'FieldLayoutBase';
|
|
7
|
+
const FieldLayoutBase = ({ id, className, label, hideLabel, additionalText, preserveSpace, hasError, dataset, children, }) => {
|
|
8
|
+
useStyleExtract(styles);
|
|
9
|
+
const localClassNames = moduleClassNames(styles, FIELD_LAYOUT_BASE);
|
|
10
|
+
const allClassNames = [...localClassNames];
|
|
11
|
+
if (className) {
|
|
12
|
+
allClassNames.push(className);
|
|
13
|
+
}
|
|
14
|
+
const labelClassNames = [
|
|
15
|
+
...moduleLocals(styles, FIELD_LAYOUT_BASE, [
|
|
16
|
+
booleanClassNames('hide-label', undefined, hideLabel),
|
|
17
|
+
]),
|
|
18
|
+
];
|
|
19
|
+
const ownProps = { className: allClassNames.join(' '), ...getDatasetProps(dataset) };
|
|
20
|
+
const spacePreserver = !additionalText && preserveSpace ? React__default.createElement("span", null, "\u00A0") : undefined;
|
|
21
|
+
const additionalTextVariant = hasError ? 'error' : 'normal';
|
|
22
|
+
return (React__default.createElement("div", Object.assign({}, ownProps),
|
|
23
|
+
React__default.createElement("label", { htmlFor: id, className: labelClassNames.join(' ') }, label),
|
|
24
|
+
children,
|
|
25
|
+
additionalText && (React__default.createElement(FieldAdditionalText, { id: `${id}-desc`, variant: additionalTextVariant }, additionalText)),
|
|
26
|
+
spacePreserver));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { FieldLayoutBase };
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXRCYXNlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0ZpZWxkTGF5b3V0QmFzZS9GaWVsZExheW91dEJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQsXG4gICAgRmllbGRMYXlvdXRCYXNlUHJvcHMsXG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEZpZWxkQWRkaXRpb25hbFRleHQgfSBmcm9tICcuLi8uLi9GaWVsZEFkZGl0aW9uYWxUZXh0L0ZpZWxkQWRkaXRpb25hbFRleHQnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBGSUVMRF9MQVlPVVRfQkFTRSA9ICdGaWVsZExheW91dEJhc2UnO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYXlvdXRCYXNlOiBGQzxGaWVsZExheW91dEJhc2VQcm9wcz4gPSAoe1xuICAgIGlkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBsYWJlbCxcbiAgICBoaWRlTGFiZWwsXG4gICAgYWRkaXRpb25hbFRleHQsXG4gICAgcHJlc2VydmVTcGFjZSxcbiAgICBoYXNFcnJvcixcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEZJRUxEX0xBWU9VVF9CQVNFKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4ubG9jYWxDbGFzc05hbWVzXTtcbiAgICBpZiAoY2xhc3NOYW1lKSB7XG4gICAgICAgIGFsbENsYXNzTmFtZXMucHVzaChjbGFzc05hbWUpO1xuICAgIH1cblxuICAgIGNvbnN0IGxhYmVsQ2xhc3NOYW1lcyA9IFtcbiAgICAgICAgLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgRklFTERfTEFZT1VUX0JBU0UsIFtcbiAgICAgICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoaWRlLWxhYmVsJywgdW5kZWZpbmVkLCBoaWRlTGFiZWwpLFxuICAgICAgICBdKSxcbiAgICBdO1xuXG4gICAgY29uc3Qgb3duUHJvcHMgPSB7IGNsYXNzTmFtZTogYWxsQ2xhc3NOYW1lcy5qb2luKCcgJyksIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgY29uc3Qgc3BhY2VQcmVzZXJ2ZXIgPSAhYWRkaXRpb25hbFRleHQgJiYgcHJlc2VydmVTcGFjZSA/IDxzcGFuPiZuYnNwOzwvc3Bhbj4gOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBhZGRpdGlvbmFsVGV4dFZhcmlhbnQ6IEZpZWxkQWRkaXRpb25hbFRleHRWYXJpYW50ID0gaGFzRXJyb3IgPyAnZXJyb3InIDogJ25vcm1hbCc7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IHsuLi5vd25Qcm9wc30+XG4gICAgICAgICAgICB7LyogVE9ETyBleHRyYWN0IDxsYWJlbD4gdG8gRmllbGRMYWJlbCAocHVibGljKSAqL31cbiAgICAgICAgICAgIDxsYWJlbCBodG1sRm9yPXtpZH0gY2xhc3NOYW1lPXtsYWJlbENsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAge2FkZGl0aW9uYWxUZXh0ICYmIChcbiAgICAgICAgICAgICAgICA8RmllbGRBZGRpdGlvbmFsVGV4dCBpZD17YCR7aWR9LWRlc2NgfSB2YXJpYW50PXthZGRpdGlvbmFsVGV4dFZhcmlhbnR9PlxuICAgICAgICAgICAgICAgICAgICB7YWRkaXRpb25hbFRleHR9XG4gICAgICAgICAgICAgICAgPC9GaWVsZEFkZGl0aW9uYWxUZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtzcGFjZVByZXNlcnZlcn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBZUEsTUFBTSxpQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztNQUUvQixlQUFlLEdBQTZCLENBQUMsRUFDdEQsRUFBRSxFQUNGLFNBQVMsRUFDVCxLQUFLLEVBQ0wsU0FBUyxFQUNULGNBQWMsRUFDZCxhQUFhLEVBQ2IsUUFBUSxFQUNSLE9BQU8sRUFDUCxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLENBQUM7SUFFcEUsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBQzNDLElBQUksU0FBUyxFQUFFO1FBQ1gsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztLQUNqQztJQUVELE1BQU0sZUFBZSxHQUFHO1FBQ3BCLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxpQkFBaUIsRUFBRTtZQUN2QyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQztTQUN4RCxDQUFDO0tBQ0wsQ0FBQztJQUVGLE1BQU0sUUFBUSxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUVyRixNQUFNLGNBQWMsR0FBRyxDQUFDLGNBQWMsSUFBSSxhQUFhLEdBQUdBLG9EQUFtQixHQUFHLFNBQVMsQ0FBQztJQUUxRixNQUFNLHFCQUFxQixHQUErQixRQUFRLEdBQUcsT0FBTyxHQUFHLFFBQVEsQ0FBQztJQUV4RixRQUNJQSxzREFBUyxRQUFRO1FBRWJBLHdDQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLGVBQWUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQ25ELEtBQUssQ0FDRjtRQUNQLFFBQVE7UUFDUixjQUFjLEtBQ1hBLDZCQUFDLG1CQUFtQixJQUFDLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsSUFDaEUsY0FBYyxDQUNHLENBQ3pCO1FBQ0EsY0FBYyxDQUNiLEVBQ1I7QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".K-6xQP{-webkit-box-orient:vertical;-webkit-box-direction:normal;grid-gap:var(--6947b0);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--6947b0)}._17QHY9{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.K-6xQP input{display:block;width:100%}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/FieldLayoutBase/style/index.module.less",__css:css_248z,"FieldLayoutBase":"K-6xQP","FieldLayoutBase--hide-label":"_17QHY9"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/accessibility/style/mixins.less';
|
|
3
|
+
|
|
4
|
+
.field-layout-base() {
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
gap: @root-space-3xs;
|
|
8
|
+
|
|
9
|
+
&--hide-label {
|
|
10
|
+
.sr-only();
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
input {
|
|
14
|
+
display: block;
|
|
15
|
+
width: 100%;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
File without changes
|
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import type { InputProps } from '@preply/ds-web-core';
|
|
1
|
+
import type { InputImperativeHandle, InputProps } from '@preply/ds-web-core';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare type InputBaseProps = InputProps;
|
|
4
|
-
export declare type InputImperativeHandle = {
|
|
5
|
-
focus: () => void;
|
|
6
|
-
};
|
|
7
4
|
export declare const InputBase: React.ForwardRefExoticComponent<(import("@preply/ds-web-core").InputTypeTextProps & {
|
|
8
5
|
className?: string | undefined;
|
|
9
6
|
} & React.RefAttributes<InputImperativeHandle>) | (import("@preply/ds-web-core").InputTypeSearchProps & {
|
|
@@ -56,4 +56,4 @@ const InputBaseLocal = (props, ref) => {
|
|
|
56
56
|
const InputBase = forwardRef(InputBaseLocal);
|
|
57
57
|
|
|
58
58
|
export { InputBase };
|
|
59
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRCYXNlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0lucHV0L0lucHV0QmFzZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBJbnB1dEltcGVyYXRpdmVIYW5kbGUsIElucHV0UHJvcHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IGdldEFyaWFQcm9wcywgZ2V0RGF0YXNldFByb3BzLCB1c2VGb2N1c0V2ZW50cyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBmb3J3YXJkUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7XG4gICAgZ2V0Qm91bmRlZFByb3BzLFxuICAgIGdldENoZWNrYWJsZVByb3BzLFxuICAgIGdldERhdGVUaW1lUHJvcHMsXG4gICAgZ2V0UmFkaW9Qcm9wcyxcbiAgICBnZXRTZWxlY3RQcm9wcyxcbiAgICBnZXRUZXh0UHJvcHMsXG4gICAgZ2V0VGV4dGFyZWFQcm9wcyxcbn0gZnJvbSAnLi91dGlscyc7XG5cbmNvbnN0IG5vbklucHV0VGFncyA9IHtcbiAgICB0ZXh0YXJlYTogJ3RleHRhcmVhJyxcbiAgICBzZWxlY3Q6ICdzZWxlY3QnLFxufTtcblxuY29uc3Qgbm9vcCA9ICgpID0+IHVuZGVmaW5lZDtcblxuZXhwb3J0IHR5cGUgSW5wdXRCYXNlUHJvcHMgPSBJbnB1dFByb3BzO1xuXG5jb25zdCBJbnB1dEJhc2VMb2NhbDogRkM8SW5wdXRCYXNlUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCB7XG4gICAgICAgIHR5cGUsXG4gICAgICAgIGlkLFxuICAgICAgICBuYW1lLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBvbkZvY3VzLFxuICAgICAgICBvbkJsdXIsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgICAgIG9uS2V5RG93bixcbiAgICAgICAgb25LZXlVcCxcbiAgICAgICAgcmVxdWlyZWQsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICBkYXRhc2V0LFxuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gICAgY29uc3QgZm9jdXNFdmVudEhhbmRsZXJzID0gdXNlRm9jdXNFdmVudHMoe1xuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgY2FwdHVyZUNoaWxkRXZlbnRzOiB0cnVlLFxuICAgICAgICBvbkJsdXIsXG4gICAgICAgIG9uRm9jdXMsXG4gICAgfSk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgICAgZm9jdXM6ICgpID0+IHtcbiAgICAgICAgICAgIGlucHV0UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgIH0sXG4gICAgfSkpO1xuXG4gICAgY29uc3QgVGFnID0gbm9uSW5wdXRUYWdzW3R5cGVdIHx8ICdpbnB1dCc7XG4gICAgY29uc3QgaW5wdXRUeXBlID0gVGFnID09PSB0eXBlIGluIG5vbklucHV0VGFncyA/IHVuZGVmaW5lZCA6IHR5cGU7XG5cbiAgICBjb25zdCBiYXNlUHJvcHMgPSB7XG4gICAgICAgIHJlZjogaW5wdXRSZWYsXG4gICAgICAgIHR5cGU6IGlucHV0VHlwZSxcbiAgICAgICAgaWQsXG4gICAgICAgIG5hbWUsXG4gICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgLi4uZm9jdXNFdmVudEhhbmRsZXJzLFxuICAgICAgICBvbkNoYW5nZTogb25DaGFuZ2UgfHwgbm9vcCxcbiAgICAgICAgb25DbGljayxcbiAgICAgICAgb25LZXlEb3duLFxuICAgICAgICBvbktleVVwLFxuICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgIGRhdGFzZXQsXG4gICAgfTtcblxuICAgIGNvbnN0IGFsbFByb3BzID0ge1xuICAgICAgICAuLi5iYXNlUHJvcHMsXG4gICAgICAgIC4uLmdldFRleHRQcm9wcyhwcm9wcyksXG4gICAgICAgIC4uLmdldERhdGVUaW1lUHJvcHMocHJvcHMpLFxuICAgICAgICAuLi5nZXRCb3VuZGVkUHJvcHMocHJvcHMpLFxuICAgICAgICAuLi5nZXRUZXh0YXJlYVByb3BzKHByb3BzKSxcbiAgICAgICAgLi4uZ2V0Q2hlY2thYmxlUHJvcHMocHJvcHMpLFxuICAgICAgICAuLi5nZXRSYWRpb1Byb3BzKHByb3BzKSxcbiAgICAgICAgLi4uZ2V0U2VsZWN0UHJvcHMocHJvcHMpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIC4uLmdldEFyaWFQcm9wcyhwcm9wcyksXG4gICAgfTtcblxuICAgIHJldHVybiA8VGFnIHsuLi5hbGxQcm9wc30gcmVmPXtpbnB1dFJlZn0gLz47XG59O1xuXG5leHBvcnQgY29uc3QgSW5wdXRCYXNlID0gZm9yd2FyZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGUsIElucHV0QmFzZVByb3BzPihJbnB1dEJhc2VMb2NhbCk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFjQSxNQUFNLFlBQVksR0FBRztJQUNqQixRQUFRLEVBQUUsVUFBVTtJQUNwQixNQUFNLEVBQUUsUUFBUTtDQUNuQixDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQUcsTUFBTSxTQUFTLENBQUM7QUFJN0IsTUFBTSxjQUFjLEdBQXVCLENBQUMsS0FBSyxFQUFFLEdBQUc7SUFDbEQsTUFBTSxFQUNGLElBQUksRUFDSixFQUFFLEVBQ0YsSUFBSSxFQUNKLFNBQVMsRUFDVCxRQUFRLEVBQ1IsT0FBTyxFQUNQLE1BQU0sRUFDTixPQUFPLEVBQ1AsU0FBUyxFQUNULE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLE9BQU8sR0FDVixHQUFHLEtBQUssQ0FBQztJQUVWLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7SUFFaEQsTUFBTSxrQkFBa0IsR0FBRyxjQUFjLENBQUM7UUFDdEMsUUFBUTtRQUNSLGtCQUFrQixFQUFFLElBQUk7UUFDeEIsTUFBTTtRQUNOLE9BQU87S0FDVixDQUFDLENBQUM7SUFFSCxtQkFBbUIsQ0FBQyxHQUFHLEVBQUUsT0FBTztRQUM1QixLQUFLLEVBQUU7O1lBQ0gsTUFBQSxRQUFRLENBQUMsT0FBTywwQ0FBRSxLQUFLLEdBQUc7U0FDN0I7S0FDSixDQUFDLENBQUMsQ0FBQztJQUVKLE1BQU0sR0FBRyxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxPQUFPLENBQUM7SUFDMUMsTUFBTSxTQUFTLEdBQUcsR0FBRyxLQUFLLElBQUksSUFBSSxZQUFZLEdBQUcsU0FBUyxHQUFHLElBQUksQ0FBQztJQUVsRSxNQUFNLFNBQVMsR0FBRztRQUNkLEdBQUcsRUFBRSxRQUFRO1FBQ2IsSUFBSSxFQUFFLFNBQVM7UUFDZixFQUFFO1FBQ0YsSUFBSTtRQUNKLFNBQVM7UUFDVCxHQUFHLGtCQUFrQjtRQUNyQixRQUFRLEVBQUUsUUFBUSxJQUFJLElBQUk7UUFDMUIsT0FBTztRQUNQLFNBQVM7UUFDVCxPQUFPO1FBQ1AsUUFBUTtRQUNSLFFBQVE7UUFDUixPQUFPO0tBQ1YsQ0FBQztJQUVGLE1BQU0sUUFBUSxHQUFHO1FBQ2IsR0FBRyxTQUFTO1FBQ1osR0FBRyxZQUFZLENBQUMsS0FBSyxDQUFDO1FBQ3RCLEdBQUcsZ0JBQWdCLENBQUMsS0FBSyxDQUFDO1FBQzFCLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUN6QixHQUFHLGdCQUFnQixDQUFDLEtBQUssQ0FBQztRQUMxQixHQUFHLGlCQUFpQixDQUFDLEtBQUssQ0FBQztRQUMzQixHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFDdkIsR0FBRyxjQUFjLENBQUMsS0FBSyxDQUFDO1FBQ3hCLEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUMzQixHQUFHLFlBQVksQ0FBQyxLQUFLLENBQUM7S0FDekIsQ0FBQztJQUVGLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssUUFBUSxJQUFFLEdBQUcsRUFBRSxRQUFRLElBQUksQ0FBQztBQUNoRCxDQUFDLENBQUM7TUFFVyxTQUFTLEdBQUcsVUFBVSxDQUF3QyxjQUFjOzs7OyJ9
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import type { InputTypeTextProps, SimpleTextInputType, ValueChangeEventHandler } from '@preply/ds-web-core';
|
|
1
|
+
import type { InputImperativeHandle, InputTypeTextProps, SimpleTextInputType, ValueChangeEventHandler } from '@preply/ds-web-core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { InputImperativeHandle } from './InputBase';
|
|
4
3
|
export declare type InputTextProps = Omit<InputTypeTextProps, 'type'> & {
|
|
5
4
|
type: SimpleTextInputType;
|
|
6
5
|
onValueChange?: ValueChangeEventHandler<string>;
|
|
@@ -14,4 +14,4 @@ const InputTextBase = ({ onChange, onValueChange, ...props }, ref) => {
|
|
|
14
14
|
const InputText = forwardRef(InputTextBase);
|
|
15
15
|
|
|
16
16
|
export { InputText };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRUZXh0LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0lucHV0L0lucHV0VGV4dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUge1xuICAgIElucHV0R2VuZXJpY1RleHRQcm9wcyxcbiAgICBJbnB1dEltcGVyYXRpdmVIYW5kbGUsXG4gICAgSW5wdXRUeXBlVGV4dFByb3BzLFxuICAgIFNpbXBsZVRleHRJbnB1dFR5cGUsXG4gICAgVmFsdWVDaGFuZ2VFdmVudEhhbmRsZXIsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHsgbW9kdWxlQ2xhc3NOYW1lcywgdXNlU3R5bGVFeHRyYWN0IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IElucHV0QmFzZSB9IGZyb20gJy4vSW5wdXRCYXNlJztcbmltcG9ydCB7IHVzZUNoYW5nZUhhbmRsZXIgfSBmcm9tICcuL2hvb2tzL3VzZUNoYW5nZUhhbmRsZXInO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgSU5QVVRfVEVYVCA9ICdJbnB1dFRleHQnO1xuXG5leHBvcnQgdHlwZSBJbnB1dFRleHRQcm9wcyA9IE9taXQ8SW5wdXRUeXBlVGV4dFByb3BzLCAndHlwZSc+ICYge1xuICAgIHR5cGU6IFNpbXBsZVRleHRJbnB1dFR5cGU7XG4gICAgb25WYWx1ZUNoYW5nZT86IFZhbHVlQ2hhbmdlRXZlbnRIYW5kbGVyPHN0cmluZz47XG59O1xuXG5jb25zdCBJbnB1dFRleHRCYXNlOiBGQzxJbnB1dFRleHRQcm9wcz4gPSAoeyBvbkNoYW5nZSwgb25WYWx1ZUNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgSU5QVVRfVEVYVCk7XG5cbiAgICBjb25zdCBvbkNoYW5nZUhhbmRsZXIgPSB1c2VDaGFuZ2VIYW5kbGVyKGV2ID0+IGV2LnRhcmdldC52YWx1ZSwgb25DaGFuZ2UsIG9uVmFsdWVDaGFuZ2UpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgey4uLihwcm9wcyBhcyBJbnB1dEdlbmVyaWNUZXh0UHJvcHMpfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2xvY2FsQ2xhc3Nlcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VIYW5kbGVyfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgSW5wdXRUZXh0ID0gZm9yd2FyZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGUsIElucHV0VGV4dFByb3BzPihJbnB1dFRleHRCYXNlKTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBY0EsTUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDO0FBTy9CLE1BQU0sYUFBYSxHQUF1QixDQUFDLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEtBQUssRUFBRSxFQUFFLEdBQUc7SUFDakYsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sWUFBWSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUUxRCxNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBRXpGLFFBQ0lBLDZCQUFDLFNBQVMsb0JBQ0QsS0FBK0IsSUFDcEMsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDakMsUUFBUSxFQUFFLGVBQWUsSUFDM0IsRUFDSjtBQUNOLENBQUMsQ0FBQztNQUVXLFNBQVMsR0FBRyxVQUFVLENBQXdDLGFBQWE7Ozs7In0=
|
package/dist/index.js
CHANGED
|
@@ -2,6 +2,9 @@ export { Avatar } from './components/Avatar/Avatar.js';
|
|
|
2
2
|
export { AvatarWithStatus } from './components/AvatarWithStatus/AvatarWithStatus.js';
|
|
3
3
|
export { Box } from './components/Box/Box.js';
|
|
4
4
|
export { Button } from './components/Button/Button.js';
|
|
5
|
+
export { FieldAdditionalText } from './components/FieldAdditionalText/FieldAdditionalText.js';
|
|
6
|
+
export { FieldButton } from './components/FieldButton/FieldButton.js';
|
|
7
|
+
export { FieldLayout } from './components/FieldLayout/FieldLayout.js';
|
|
5
8
|
export { Heading } from './components/Heading/Heading.js';
|
|
6
9
|
export { Icon } from './components/Icon/Icon.js';
|
|
7
10
|
export { IconButton } from './components/IconButton/IconButton.js';
|
|
@@ -20,4 +23,4 @@ export { Text } from './components/Text/Text.js';
|
|
|
20
23
|
export { TextField } from './components/TextField/TextField.js';
|
|
21
24
|
export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
|
|
22
25
|
export { TextInline } from './components/TextInline/TextInline.js';
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.48.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,25 +19,25 @@
|
|
|
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.48.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.48.0",
|
|
24
|
+
"@preply/ds-web-core": "0.48.0",
|
|
25
|
+
"@preply/ds-web-root": "0.48.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.48.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.48.0",
|
|
30
|
+
"@preply/ds-web-core": "0.48.0",
|
|
31
|
+
"@preply/ds-web-root": "0.48.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.48.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.48.0",
|
|
38
38
|
"@storybook/addon-docs": "6.4.18",
|
|
39
39
|
"@storybook/react": "6.4.18",
|
|
40
40
|
"@testing-library/react": "11.2.7"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "fbdfd8333ec527e33eb0eb6dc1b3d8b0a90fe20b"
|
|
43
43
|
}
|
|
@@ -1,20 +0,0 @@
|
|
|
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=
|
|
@@ -1,21 +0,0 @@
|
|
|
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
|
|
@@ -1,7 +0,0 @@
|
|
|
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>;
|
|
@@ -1,25 +0,0 @@
|
|
|
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
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
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
|
-
|