@preply/ds-web-lib 0.55.2 → 0.56.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/Avatar/Avatar.js +6 -3
- package/dist/components/AvatarWithStatus/AvatarWithStatus.js +6 -3
- package/dist/components/Badge/Badge.js +3 -3
- package/dist/components/Badge/style/index.module.less.js +1 -1
- package/dist/components/Badge/style/mixins.less +1 -0
- package/dist/components/Box/Box.js +6 -3
- package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
- package/dist/components/FieldButton/FieldButton.js +8 -4
- package/dist/components/FieldLayout/FieldLayout.js +7 -6
- package/dist/components/Heading/Heading.js +6 -3
- package/dist/components/Icon/Icon.js +6 -3
- package/dist/components/Icon/style/index.module.less.js +1 -1
- package/dist/components/Icon/style/mixins.less +2 -0
- package/dist/components/LayoutFlex/LayoutFlex.js +6 -3
- package/dist/components/LayoutFlexItem/LayoutFlexItem.js +6 -3
- package/dist/components/LayoutGrid/LayoutGrid.js +5 -4
- package/dist/components/LayoutGridItem/LayoutGridItem.js +6 -3
- package/dist/components/Link/Link.js +4 -9
- package/dist/components/Panel/Panel.d.ts +1 -1
- package/dist/components/Panel/Panel.js +6 -3
- package/dist/components/PasswordField/PasswordField.d.ts +1 -1
- package/dist/components/PasswordField/PasswordField.js +4 -4
- package/dist/components/PreplyLogo/PreplyLogo.js +6 -3
- package/dist/components/Text/Text.js +6 -3
- package/dist/components/TextField/TextField.js +3 -3
- package/dist/components/TextHighlighted/TextHighlighted.js +6 -3
- package/dist/components/TextInline/TextInline.js +6 -3
- package/dist/components/private/ButtonBase/ButtonBase.js +4 -6
- package/dist/components/private/FieldLabel/FieldLabel.js +3 -3
- package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +6 -3
- package/package.json +12 -12
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -15,10 +15,13 @@ const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round, src, alt = '', dataset, })
|
|
|
15
15
|
stringClassNames('size', size),
|
|
16
16
|
booleanClassNames('round', undefined, actualRound),
|
|
17
17
|
]);
|
|
18
|
-
const props = {
|
|
18
|
+
const props = {
|
|
19
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
20
|
+
...getDatasetProps(dataset),
|
|
21
|
+
};
|
|
19
22
|
return (React__default.createElement("picture", Object.assign({}, props),
|
|
20
23
|
React__default.createElement("img", { src: src || AVATAR_SRC_DEFAULT, alt: alt })));
|
|
21
24
|
};
|
|
22
25
|
|
|
23
26
|
export { Avatar };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIERhdGFzZXQsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VJbnN0cnVtZW50LFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEF2YXRhclNpemU+O1xuICAgIHJvdW5kPzogYm9vbGVhbjtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xufVxuXG5jb25zdCBBVkFUQVIgPSAnQXZhdGFyJztcblxuZXhwb3J0IGNvbnN0IEF2YXRhcjogRkM8UHJvcHM+ID0gKHtcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICByb3VuZCxcbiAgICBzcmMsXG4gICAgYWx0ID0gJycsXG4gICAgZGF0YXNldCxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IEFWQVRBUixcbiAgICAgICAgcHJvcHM6IHsgc2l6ZSwgcm91bmQgfSxcbiAgICB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgYWN0dWFsUm91bmQgPSByb3VuZCA/PyB0cnVlO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBBVkFUQVIsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygncm91bmQnLCB1bmRlZmluZWQsIGFjdHVhbFJvdW5kKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8cGljdHVyZSB7Li4ucHJvcHN9PlxuICAgICAgICAgICAgPGltZyBzcmM9e3NyYyB8fCBBVkFUQVJfU1JDX0RFRkFVTFR9IGFsdD17YWx0fSAvPlxuICAgICAgICA8L3BpY3R1cmU+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBdUJBLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztNQUVYLE1BQU0sR0FBYyxDQUFDLEVBQzlCLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsS0FBSyxFQUNMLEdBQUcsRUFDSCxHQUFHLEdBQUcsRUFBRSxFQUNSLE9BQU8sR0FDSDtJQUNKLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE1BQU07UUFDakIsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRTtLQUN6QixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxXQUFXLEdBQUcsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksSUFBSSxDQUFDO0lBRWxDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUU7UUFDaEQsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztRQUM5QixpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsQ0FBQztLQUNyRCxDQUFDLENBQUM7SUFFSCxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztLQUM5QixDQUFDO0lBRUYsUUFDSUEsMERBQWEsS0FBSztRQUNkQSxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxJQUFJLGtCQUFrQixFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FDM0MsRUFDWjtBQUNOOzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AVATAR_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, booleanClassNames, stringClassNames, moduleLocals, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, stringClassNames, moduleLocals, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import { Avatar } from '../Avatar/Avatar.js';
|
|
5
5
|
import styles from './style/index.module.less.js';
|
|
@@ -13,7 +13,10 @@ const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset,
|
|
|
13
13
|
]);
|
|
14
14
|
const indicatorClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['indicator'])];
|
|
15
15
|
const clipClassName = [...moduleLocals(styles, AVATAR_WITH_STATUS, ['clip'])];
|
|
16
|
-
const props = {
|
|
16
|
+
const props = {
|
|
17
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
18
|
+
...getDatasetProps(dataset),
|
|
19
|
+
};
|
|
17
20
|
return (React__default.createElement("div", Object.assign({}, props),
|
|
18
21
|
React__default.createElement("span", { className: indicatorClassName.join(' ') }),
|
|
19
22
|
React__default.createElement("div", { className: clipClassName.join(' ') },
|
|
@@ -21,4 +24,4 @@ const AvatarWithStatus = ({ online = false, size = AVATAR_SIZE_DEFAULT, dataset,
|
|
|
21
24
|
};
|
|
22
25
|
|
|
23
26
|
export { AvatarWithStatus };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyV2l0aFN0YXR1cy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyV2l0aFN0YXR1cy9BdmF0YXJXaXRoU3RhdHVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBVkFUQVJfU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQXZhdGFyLCBQcm9wcyB9IGZyb20gJy4uL0F2YXRhci9BdmF0YXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBBVkFUQVJfV0lUSF9TVEFUVVMgPSAnQXZhdGFyV2l0aFN0YXR1cyc7XG5cbnR5cGUgQXZhdGFyUHJvcHMgPSBPbWl0PFByb3BzLCAncm91bmQnIHwgJ3NpemUnPjtcblxudHlwZSBBdmF0YXJXaXRoU3RhdHVzU2l6ZXMgPSAnMnhzJyB8ICd4cycgfCAnbScgfCAneGwnO1xuXG5leHBvcnQgdHlwZSBBdmF0YXJXaXRoU3RhdHVzUHJvcHMgPSBBdmF0YXJQcm9wcyAmIHtcbiAgICBvbmxpbmU6IGJvb2xlYW47XG4gICAgc2l6ZT86IEF2YXRhcldpdGhTdGF0dXNTaXplcztcbn07XG5cbmV4cG9ydCBjb25zdCBBdmF0YXJXaXRoU3RhdHVzOiBGQzxBdmF0YXJXaXRoU3RhdHVzUHJvcHM+ID0gKHtcbiAgICBvbmxpbmUgPSBmYWxzZSxcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICBkYXRhc2V0LFxuICAgIC4uLmF2YXRhclByb3BzXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnb25saW5lJywgdW5kZWZpbmVkLCBvbmxpbmUpLFxuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdzaXplJywgc2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBpbmRpY2F0b3JDbGFzc05hbWUgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQVZBVEFSX1dJVEhfU1RBVFVTLCBbJ2luZGljYXRvciddKV07XG5cbiAgICBjb25zdCBjbGlwQ2xhc3NOYW1lID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEFWQVRBUl9XSVRIX1NUQVRVUywgWydjbGlwJ10pXTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IHsuLi5wcm9wc30+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2luZGljYXRvckNsYXNzTmFtZS5qb2luKCcgJyl9IC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xpcENsYXNzTmFtZS5qb2luKCcgJyl9PlxuICAgICAgICAgICAgICAgIDxBdmF0YXIgey4uLmF2YXRhclByb3BzfSBzaXplPXtzaXplfSAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFnQkEsTUFBTSxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztNQVdqQyxnQkFBZ0IsR0FBOEIsQ0FBQyxFQUN4RCxNQUFNLEdBQUcsS0FBSyxFQUNkLElBQUksR0FBRyxtQkFBbUIsRUFDMUIsT0FBTyxFQUNQLEdBQUcsV0FBVyxFQUNqQjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7UUFDNUQsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUM7UUFDOUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUNqQyxDQUFDLENBQUM7SUFFSCxNQUFNLGtCQUFrQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRXhGLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRTlFLE1BQU0sS0FBSyxHQUFHO1FBQ1YsU0FBUyxFQUFFLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDeEQsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0tBQzlCLENBQUM7SUFFRixRQUNJQSxzREFBUyxLQUFLO1FBQ1ZBLHVDQUFNLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUk7UUFDakRBLHNDQUFLLFNBQVMsRUFBRSxhQUFhLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNuQ0EsNkJBQUMsTUFBTSxvQkFBSyxXQUFXLElBQUUsSUFBSSxFQUFFLElBQUksSUFBSSxDQUNyQyxDQUNKLEVBQ1I7QUFDTjs7OzsifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BADGE_COLOR_DEFAULT, BADGE_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -13,11 +13,11 @@ const Badge = ({ color = BADGE_COLOR_DEFAULT, inverted = false, size = BADGE_SIZ
|
|
|
13
13
|
]);
|
|
14
14
|
const props = {
|
|
15
15
|
'aria-label': assistiveText,
|
|
16
|
-
className: classNames.join(' '),
|
|
16
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
17
17
|
...getDatasetProps(dataset),
|
|
18
18
|
};
|
|
19
19
|
return React__default.createElement("span", Object.assign({}, props), children);
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
export { Badge };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEJhZGdlQ29sb3IsIEJhZGdlU2l6ZSwgRGF0YXNldCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCQURHRV9DT0xPUl9ERUZBVUxULCBCQURHRV9TSVpFX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgY29sb3I/OiBCYWRnZUNvbG9yO1xuICAgIGludmVydGVkPzogYm9vbGVhbjtcbiAgICBzaXplPzogQmFkZ2VTaXplO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJBREdFID0gJ0JhZGdlJztcblxuZXhwb3J0IGNvbnN0IEJhZGdlOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNvbG9yID0gQkFER0VfQ09MT1JfREVGQVVMVCxcbiAgICBpbnZlcnRlZCA9IGZhbHNlLFxuICAgIHNpemUgPSBCQURHRV9TSVpFX0RFRkFVTFQsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCQURHRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdjb2xvcicsIGNvbG9yKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgJ25vcm1hbCcsIGludmVydGVkKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgIF0pO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgICdhcmlhLWxhYmVsJzogYXNzaXN0aXZlVGV4dCxcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxzcGFuIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvc3Bhbj47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXVCQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7TUFFVCxLQUFLLEdBQWMsQ0FBQyxFQUM3QixLQUFLLEdBQUcsbUJBQW1CLEVBQzNCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksR0FBRyxrQkFBa0IsRUFDekIsYUFBYSxFQUNiLE9BQU8sRUFDUCxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRTtRQUMvQyxnQkFBZ0IsQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO1FBQ2hDLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxRQUFRLEVBQUUsUUFBUSxDQUFDO1FBQ2pELGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDakMsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUc7UUFDVixZQUFZLEVBQUUsYUFBYTtRQUMzQixTQUFTLEVBQUUsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN4RCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLE9BQU9BLHVEQUFVLEtBQUssR0FBRyxRQUFRLENBQVEsQ0FBQztBQUM5Qzs7OzsifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "._3h-Wzd{border-radius:var(--93d4a2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}._2eKUAk._1zS55d{background-color:var(--8f1238);color:var(--c9575b)}._2eKUAk._3bUZbF{background-color:var(--7c8c3c);color:var(--55407f)}._3gyNLf._1zS55d{background-color:var(--54ed1d);color:var(--de8a40)}._3gyNLf._3bUZbF{background-color:var(--de8a40);color:var(--54ed1d)}.rwgQdv._1zS55d{background-color:var(--1383a7);color:var(--bbfa9f)}.rwgQdv._3bUZbF{background-color:var(--bbfa9f);color:var(--1383a7)}.zb2wOT._1zS55d{background-color:var(--21906f);color:var(--e1c27c)}.zb2wOT._3bUZbF{background-color:var(--e1c27c);color:var(--21906f)}._1N-1FK._1zS55d{background-color:var(--c7d8be);color:var(--2242ed)}._1N-1FK._3bUZbF{background-color:var(--2242ed);color:var(--c7d8be)}._3a1P6I._1zS55d{background-color:var(--ecb5d5);color:var(--4e47fe)}._3a1P6I._3bUZbF{background-color:var(--4e47fe);color:var(--ecb5d5)}._3LKZfd._1zS55d{background-color:var(--1a9963);color:var(--6cbd80)}._3LKZfd._3bUZbF{background-color:var(--6cbd80);color:var(--1a9963)}._3Qg4_n{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648);padding:var(--8feee9) var(--62f094)}._1IiJgJ{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d);padding:var(--25e959) var(--796ab1)}.xlRCTE{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);padding:var(--0d8aa3) var(--3d1d33)}";
|
|
3
|
+
var css_248z = "._3h-Wzd{grid-gap:.25em;border-radius:var(--93d4a2);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:.25em}._2eKUAk._1zS55d{background-color:var(--8f1238);color:var(--c9575b)}._2eKUAk._3bUZbF{background-color:var(--7c8c3c);color:var(--55407f)}._3gyNLf._1zS55d{background-color:var(--54ed1d);color:var(--de8a40)}._3gyNLf._3bUZbF{background-color:var(--de8a40);color:var(--54ed1d)}.rwgQdv._1zS55d{background-color:var(--1383a7);color:var(--bbfa9f)}.rwgQdv._3bUZbF{background-color:var(--bbfa9f);color:var(--1383a7)}.zb2wOT._1zS55d{background-color:var(--21906f);color:var(--e1c27c)}.zb2wOT._3bUZbF{background-color:var(--e1c27c);color:var(--21906f)}._1N-1FK._1zS55d{background-color:var(--c7d8be);color:var(--2242ed)}._1N-1FK._3bUZbF{background-color:var(--2242ed);color:var(--c7d8be)}._3a1P6I._1zS55d{background-color:var(--ecb5d5);color:var(--4e47fe)}._3a1P6I._3bUZbF{background-color:var(--4e47fe);color:var(--ecb5d5)}._3LKZfd._1zS55d{background-color:var(--1a9963);color:var(--6cbd80)}._3LKZfd._3bUZbF{background-color:var(--6cbd80);color:var(--1a9963)}._3Qg4_n{font-size:var(--547b8f);font-style:var(--abe371);font-variation-settings:var(--f65ebc);font-weight:var(--86a200);letter-spacing:var(--d7a1ad);line-height:var(--e7e648);padding:var(--8feee9) var(--62f094)}._1IiJgJ{font-size:var(--28e99e);font-style:var(--e1d91f);font-variation-settings:var(--d7e46a);font-weight:var(--ca04c0);letter-spacing:var(--015e8c);line-height:var(--af784d);padding:var(--25e959) var(--796ab1)}.xlRCTE{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);padding:var(--0d8aa3) var(--3d1d33)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Badge/style/index.module.less",__css:css_248z,"Badge":"_3h-Wzd","Badge--color-gray":"_2eKUAk","Badge--normal":"_1zS55d","Badge--inverted":"_3bUZbF","Badge--color-teal":"_3gyNLf","Badge--color-green":"rwgQdv","Badge--color-blue":"zb2wOT","Badge--color-yellow":"_1N-1FK","Badge--color-red":"_3a1P6I","Badge--color-magenta":"_3LKZfd","Badge--size-xs":"_3Qg4_n","Badge--size-s":"_1IiJgJ","Badge--size-m":"xlRCTE"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BOX_RADIUS_DEFAULT, BOX_PADDING_DEFAULT, LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { withColorScheme, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames, useLayoutPaddingClassnames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { withColorScheme, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames, useLayoutPaddingClassnames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -14,10 +14,13 @@ const BoxBase = ({ children, colorSchemeClassName, background, radius = BOX_RADI
|
|
|
14
14
|
const paddingClassNames = useLayoutPaddingClassnames(padding);
|
|
15
15
|
const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
|
|
16
16
|
const allClassNames = [...globalClasses, ...classNames, ...paddingClassNames];
|
|
17
|
-
const props = {
|
|
17
|
+
const props = {
|
|
18
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
19
|
+
...getDatasetProps(dataset),
|
|
20
|
+
};
|
|
18
21
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
19
22
|
};
|
|
20
23
|
const Box = withColorScheme(BoxBase);
|
|
21
24
|
|
|
22
25
|
export { Box };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQm94UGFkZGluZyxcbiAgICBCb3hSYWRpdXMsXG4gICAgQ29sb3JOYW1lLFxuICAgIERhdGFzZXQsXG4gICAgTGF5b3V0VGFnLFxuICAgIFJlc3BvbnNpdmUsXG4gICAgU2hvcnRIYW5kLFxufSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQk9YX1BBRERJTkdfREVGQVVMVCwgQk9YX1JBRElVU19ERUZBVUxULCBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBnbG9iYWxDbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRQYWRkaW5nQ2xhc3NuYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG4gICAgd2l0aENvbG9yU2NoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJveFByb3BzIHtcbiAgICBiYWNrZ3JvdW5kPzogQ29sb3JOYW1lO1xuICAgIHJhZGl1cz86IFJlc3BvbnNpdmU8Qm94UmFkaXVzPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgcGFkZGluZz86IFJlc3BvbnNpdmU8U2hvcnRIYW5kPEJveFBhZGRpbmc+PjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQk9YID0gJ0JveCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gQm94UHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBCb3hCYXNlOiBGQzxCb3hQcm9wcyAmIFdpdGhDb2xvclNjaGVtZVByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgY29sb3JTY2hlbWVDbGFzc05hbWUsXG4gICAgYmFja2dyb3VuZCxcbiAgICByYWRpdXMgPSBCT1hfUkFESVVTX0RFRkFVTFQsXG4gICAgcGFkZGluZyA9IEJPWF9QQURESU5HX0RFRkFVTFQsXG4gICAgdGFnLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBnbG9iYWxDbGFzc2VzID0gZ2xvYmFsQ2xhc3NOYW1lcyhbY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJPWCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCdib3gtcmFkaXVzJywgcmFkaXVzKSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnYmFja2dyb3VuZCcsIGJhY2tncm91bmQpLFxuICAgIF0pO1xuICAgIGNvbnN0IHBhZGRpbmdDbGFzc05hbWVzID0gdXNlTGF5b3V0UGFkZGluZ0NsYXNzbmFtZXMocGFkZGluZyk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5nbG9iYWxDbGFzc2VzLCAuLi5jbGFzc05hbWVzLCAuLi5wYWRkaW5nQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhhbGxDbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcblxuZXhwb3J0IGNvbnN0IEJveDogRkM8UHJvcHM+ID0gd2l0aENvbG9yU2NoZW1lKEJveEJhc2UpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQW1DQSxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUM7QUFJbEIsTUFBTSxPQUFPLEdBQXdDLENBQUMsRUFDbEQsUUFBUSxFQUNSLG9CQUFvQixFQUNwQixVQUFVLEVBQ1YsTUFBTSxHQUFHLGtCQUFrQixFQUMzQixPQUFPLEdBQUcsbUJBQW1CLEVBQzdCLEdBQUcsRUFDSCxPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxhQUFhLEdBQUcsZ0JBQWdCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUM7SUFDL0QsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRTtRQUM3QyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDO1FBQ3RDLGdCQUFnQixDQUFDLFlBQVksRUFBRSxVQUFVLENBQUM7S0FDN0MsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxpQkFBaUIsR0FBRywwQkFBMEIsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUU5RCxNQUFNLEdBQUcsR0FBRyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxrQkFBa0IsQ0FBQztJQUV0QyxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsYUFBYSxFQUFFLEdBQUcsVUFBVSxFQUFFLEdBQUcsaUJBQWlCLENBQUMsQ0FBQztJQUU5RSxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQzNELEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztLQUM5QixDQUFDO0lBRUYsT0FBT0EsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLEdBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUMsQ0FBQyxDQUFDO01BRVcsR0FBRyxHQUFjLGVBQWUsQ0FBQyxPQUFPOzs7OyJ9
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, useStyleExtract, moduleClassNames, stringClassNames } from '@preply/ds-web-core';
|
|
1
|
+
import { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, useStyleExtract, moduleClassNames, stringClassNames, useVisualModeClassNames } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
@@ -8,8 +8,8 @@ const FieldAdditionalText = ({ id, variant = FIELD_ADDITIONAL_TEXT_VARIANT_DEFAU
|
|
|
8
8
|
const classNames = moduleClassNames(styles, FIELD_ADDITIONAL_TEXT, [
|
|
9
9
|
stringClassNames('variant', variant),
|
|
10
10
|
]);
|
|
11
|
-
return (React__default.createElement("p", { id: id, className: classNames.join(' ') }, children));
|
|
11
|
+
return (React__default.createElement("p", { id: id, className: useVisualModeClassNames(classNames).join(' ') }, children));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { FieldAdditionalText };
|
|
15
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRBZGRpdGlvbmFsVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRmllbGRBZGRpdGlvbmFsVGV4dC9GaWVsZEFkZGl0aW9uYWxUZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRBZGRpdGlvbmFsVGV4dFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQge1xuICAgIEZJRUxEX0FERElUSU9OQUxfVEVYVF9WQVJJQU5UX0RFRkFVTFQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0FERElUSU9OQUxfVEVYVCA9ICdGaWVsZEFkZGl0aW9uYWxUZXh0JztcblxuZXhwb3J0IGNvbnN0IEZpZWxkQWRkaXRpb25hbFRleHQ6IEZDPEZpZWxkQWRkaXRpb25hbFRleHRQcm9wcz4gPSAoe1xuICAgIGlkLFxuICAgIHZhcmlhbnQgPSBGSUVMRF9BRERJVElPTkFMX1RFWFRfVkFSSUFOVF9ERUZBVUxULFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9BRERJVElPTkFMX1RFWFQsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygndmFyaWFudCcsIHZhcmlhbnQpLFxuICAgIF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHAgaWQ9e2lkfSBjbGFzc05hbWU9e3VzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvcD5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQWNBLE1BQU0scUJBQXFCLEdBQUcscUJBQXFCLENBQUM7TUFFdkMsbUJBQW1CLEdBQWlDLENBQUMsRUFDOUQsRUFBRSxFQUNGLE9BQU8sR0FBRyxxQ0FBcUMsRUFDL0MsUUFBUSxHQUNYO0lBQ0csZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxxQkFBcUIsRUFBRTtRQUMvRCxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO0tBQ3ZDLENBQUMsQ0FBQztJQUVILFFBQ0lBLG9DQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFDOUQsUUFBUSxDQUNULEVBQ047QUFDTjs7OzsifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
1
|
+
import { useStyleExtract, moduleClassNames, getDatasetProps, useVisualModeClassNames } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
@@ -6,15 +6,19 @@ const FIELD_BUTTON = 'FieldButton';
|
|
|
6
6
|
const FieldButton = ({ svg: Svg, assistiveText, onClick, dataset, }) => {
|
|
7
7
|
useStyleExtract(styles);
|
|
8
8
|
const classNames = moduleClassNames(styles, FIELD_BUTTON);
|
|
9
|
+
const handleClick = ev => {
|
|
10
|
+
ev.stopPropagation();
|
|
11
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
12
|
+
};
|
|
9
13
|
const ownProps = {
|
|
10
14
|
...getDatasetProps(dataset),
|
|
11
|
-
className: classNames.join(' '),
|
|
15
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
12
16
|
title: assistiveText,
|
|
13
|
-
onClick,
|
|
17
|
+
onClick: handleClick,
|
|
14
18
|
};
|
|
15
19
|
return (React__default.createElement("button", Object.assign({}, ownProps, { type: "button" }),
|
|
16
20
|
React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
|
|
17
21
|
};
|
|
18
22
|
|
|
19
23
|
export { FieldButton };
|
|
20
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRCdXR0b24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkQnV0dG9uL0ZpZWxkQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEZpZWxkQnV0dG9uUHJvcHMgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX0JVVFRPTiA9ICdGaWVsZEJ1dHRvbic7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEJ1dHRvbjogRkM8RmllbGRCdXR0b25Qcm9wcz4gPSAoe1xuICAgIHN2ZzogU3ZnLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBGSUVMRF9CVVRUT04pO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBldi5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgb25DbGljaz8uKGV2KTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb3duUHJvcHMgPSB7XG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIHRpdGxlOiBhc3Npc3RpdmVUZXh0LFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGJ1dHRvbiB7Li4ub3duUHJvcHN9IHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxTdmcgYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQVdBLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQztNQUV0QixXQUFXLEdBQXlCLENBQUMsRUFDOUMsR0FBRyxFQUFFLEdBQUcsRUFDUixhQUFhLEVBQ2IsT0FBTyxFQUNQLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFFMUQsTUFBTSxXQUFXLEdBQXNCLEVBQUU7UUFDckMsRUFBRSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3JCLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxFQUFFLEVBQUU7S0FDakIsQ0FBQztJQUVGLE1BQU0sUUFBUSxHQUFHO1FBQ2IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEtBQUssRUFBRSxhQUFhO1FBQ3BCLE9BQU8sRUFBRSxXQUFXO0tBQ3ZCLENBQUM7SUFFRixRQUNJQSx5REFBWSxRQUFRLElBQUUsSUFBSSxFQUFDLFFBQVE7UUFDL0JBLDZCQUFDLEdBQUcsbUJBQWEsTUFBTSxFQUFDLFNBQVMsRUFBQyxPQUFPLEdBQUcsQ0FDdkMsRUFDWDtBQUNOOzs7OyJ9
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { useStyleExtract, moduleLocals, booleanClassNames } from '@preply/ds-web-core';
|
|
1
|
+
import { useStyleExtract, moduleLocals, booleanClassNames, useVisualModeClassNames } from '@preply/ds-web-core';
|
|
2
2
|
import React__default, { forwardRef, useImperativeHandle } from 'react';
|
|
3
3
|
import { FieldLayoutBase } from '../private/FieldLayoutBase/FieldLayoutBase.js';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
6
6
|
const FIELD_LAYOUT = 'FieldLayout';
|
|
7
|
-
const FieldLayoutLocal = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, ...props }, ref) => {
|
|
7
|
+
const FieldLayoutLocal = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, onClick, ...props }, ref) => {
|
|
8
8
|
useStyleExtract(styles);
|
|
9
9
|
useImperativeHandle(ref, () => ({
|
|
10
10
|
setFocus: () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.setFocus(),
|
|
@@ -14,13 +14,14 @@ const FieldLayoutLocal = ({ id, className, input, icon, button, disabled, isFocu
|
|
|
14
14
|
booleanClassNames('is-focused', undefined, isFocused),
|
|
15
15
|
booleanClassNames('has-error', undefined, hasError),
|
|
16
16
|
]);
|
|
17
|
-
const allClassNames = [className, ...fieldClassNames];
|
|
17
|
+
const allClassNames = className ? [className, ...fieldClassNames] : fieldClassNames;
|
|
18
18
|
const inputClassNames = moduleLocals(styles, FIELD_LAYOUT, ['input']);
|
|
19
19
|
const iconClassNames = moduleLocals(styles, FIELD_LAYOUT, ['icon']);
|
|
20
|
-
const handleClick =
|
|
20
|
+
const handleClick = ev => {
|
|
21
21
|
inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.setFocus();
|
|
22
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
22
23
|
};
|
|
23
|
-
return (React__default.createElement(FieldLayoutBase, Object.assign({ id: id, className: allClassNames.join(' '), disabled: disabled, isFocused: isFocused, hasError: hasError }, props),
|
|
24
|
+
return (React__default.createElement(FieldLayoutBase, Object.assign({ id: id, className: useVisualModeClassNames(allClassNames).join(' '), disabled: disabled, isFocused: isFocused, hasError: hasError }, props),
|
|
24
25
|
React__default.createElement("div", { className: inputClassNames.join(' '), onClick: handleClick },
|
|
25
26
|
icon && React__default.createElement("span", { className: iconClassNames.join(' ') }, icon),
|
|
26
27
|
input,
|
|
@@ -29,4 +30,4 @@ const FieldLayoutLocal = ({ id, className, input, icon, button, disabled, isFocu
|
|
|
29
30
|
const FieldLayout = forwardRef(FieldLayoutLocal);
|
|
30
31
|
|
|
31
32
|
export { FieldLayout };
|
|
32
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9uby1zdGF0aWMtZWxlbWVudC1pbnRlcmFjdGlvbnMgKi9cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L2NsaWNrLWV2ZW50cy1oYXZlLWtleS1ldmVudHMgKi9cbmltcG9ydCB0eXBlIHsgRmllbGRMYXlvdXRQcm9wcywgSW5wdXRJbXBlcmF0aXZlSGFuZGxlIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUxvY2FscyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBNb3VzZUV2ZW50SGFuZGxlciwgZm9yd2FyZFJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRMYXlvdXRCYXNlIH0gZnJvbSAnLi4vcHJpdmF0ZS9GaWVsZExheW91dEJhc2UvRmllbGRMYXlvdXRCYXNlJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFZT1VUID0gJ0ZpZWxkTGF5b3V0JztcblxuY29uc3QgRmllbGRMYXlvdXRMb2NhbDogRkM8RmllbGRMYXlvdXRQcm9wcz4gPSAoXG4gICAge1xuICAgICAgICBpZCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBpbnB1dCxcbiAgICAgICAgaWNvbixcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgaXNGb2N1c2VkLFxuICAgICAgICBoYXNFcnJvcixcbiAgICAgICAgaW5wdXRIYW5kbGUsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgICBzZXRGb2N1czogKCkgPT4gaW5wdXRIYW5kbGU/LnNldEZvY3VzKCksXG4gICAgfSkpO1xuXG4gICAgY29uc3QgZmllbGRDbGFzc05hbWVzID0gbW9kdWxlTG9jYWxzKHN0eWxlcywgRklFTERfTEFZT1VULCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1kaXNhYmxlZCcsIHVuZGVmaW5lZCwgZGlzYWJsZWQpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZm9jdXNlZCcsIHVuZGVmaW5lZCwgaXNGb2N1c2VkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hhcy1lcnJvcicsIHVuZGVmaW5lZCwgaGFzRXJyb3IpLFxuICAgIF0pO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBjbGFzc05hbWUgPyBbY2xhc3NOYW1lLCAuLi5maWVsZENsYXNzTmFtZXNdIDogZmllbGRDbGFzc05hbWVzO1xuICAgIGNvbnN0IGlucHV0Q2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBWU9VVCwgWydpbnB1dCddKTtcbiAgICBjb25zdCBpY29uQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBWU9VVCwgWydpY29uJ10pO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2s6IE1vdXNlRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBpbnB1dEhhbmRsZT8uc2V0Rm9jdXMoKTtcbiAgICAgICAgb25DbGljaz8uKGV2KTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0QmFzZVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXt1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhhbGxDbGFzc05hbWVzKS5qb2luKCcgJyl9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBpc0ZvY3VzZWQ9e2lzRm9jdXNlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2lucHV0Q2xhc3NOYW1lcy5qb2luKCcgJyl9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfT5cbiAgICAgICAgICAgICAgICB7aWNvbiAmJiA8c3BhbiBjbGFzc05hbWU9e2ljb25DbGFzc05hbWVzLmpvaW4oJyAnKX0+e2ljb259PC9zcGFuPn1cbiAgICAgICAgICAgICAgICB7aW5wdXR9XG4gICAgICAgICAgICAgICAge2J1dHRvbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0ZpZWxkTGF5b3V0QmFzZT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGF5b3V0ID0gZm9yd2FyZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGUsIEZpZWxkTGF5b3V0UHJvcHM+KEZpZWxkTGF5b3V0TG9jYWwpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQWVBLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQztBQUVuQyxNQUFNLGdCQUFnQixHQUF5QixDQUMzQyxFQUNJLEVBQUUsRUFDRixTQUFTLEVBQ1QsS0FBSyxFQUNMLElBQUksRUFDSixNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEVBQ1IsV0FBVyxFQUNYLE9BQU8sRUFDUCxHQUFHLEtBQUssRUFDWCxFQUNELEdBQUc7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsbUJBQW1CLENBQUMsR0FBRyxFQUFFLE9BQU87UUFDNUIsUUFBUSxFQUFFLE1BQU0sV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLFFBQVEsRUFBRTtLQUMxQyxDQUFDLENBQUMsQ0FBQztJQUVKLE1BQU0sZUFBZSxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsWUFBWSxFQUFFO1FBQ3ZELGlCQUFpQixDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDO1FBQ3JELGlCQUFpQixDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3RELENBQUMsQ0FBQztJQUNILE1BQU0sYUFBYSxHQUFHLFNBQVMsR0FBRyxDQUFDLFNBQVMsRUFBRSxHQUFHLGVBQWUsQ0FBQyxHQUFHLGVBQWUsQ0FBQztJQUNwRixNQUFNLGVBQWUsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFlBQVksRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDdEUsTUFBTSxjQUFjLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRXBFLE1BQU0sV0FBVyxHQUFzQixFQUFFO1FBQ3JDLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxRQUFRLEdBQUc7UUFDeEIsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLEVBQUUsRUFBRTtLQUNqQixDQUFDO0lBRUYsUUFDSUEsNkJBQUMsZUFBZSxrQkFDWixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQzNELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLFFBQVEsRUFBRSxRQUFRLElBQ2QsS0FBSztRQUVUQSxzQ0FBSyxTQUFTLEVBQUUsZUFBZSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxPQUFPLEVBQUUsV0FBVztZQUMxRCxJQUFJLElBQUlBLHVDQUFNLFNBQVMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLElBQUksQ0FBUTtZQUNoRSxLQUFLO1lBQ0wsTUFBTSxDQUNMLENBQ1EsRUFDcEI7QUFDTixDQUFDLENBQUM7TUFFVyxXQUFXLEdBQUcsVUFBVSxDQUEwQyxnQkFBZ0I7Ozs7In0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames, useTextCenteredClassnames, useColorClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
1
|
+
import { useInstrument, useStyleExtract, moduleClassNames, booleanClassNames, useTextCenteredClassnames, useColorClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
@@ -16,9 +16,12 @@ const Heading = ({ children, level, large = false, strong, tag, color, centered,
|
|
|
16
16
|
const centeredClassNames = useTextCenteredClassnames(centered);
|
|
17
17
|
const colorClassNames = useColorClassNames(color);
|
|
18
18
|
const allClassNames = [...classNames, ...centeredClassNames, ...colorClassNames];
|
|
19
|
-
const props = {
|
|
19
|
+
const props = {
|
|
20
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
21
|
+
...getDatasetProps(dataset),
|
|
22
|
+
};
|
|
20
23
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
21
24
|
};
|
|
22
25
|
|
|
23
26
|
export { Heading };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgRGF0YXNldCwgSGVhZGluZ0xldmVsLCBIZWFkaW5nVGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGxldmVsOiBIZWFkaW5nTGV2ZWw7XG4gICAgbGFyZ2U/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgdGFnPzogSGVhZGluZ1RhZztcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEhFQURJTkcgPSAnSGVhZGluZyc7XG5cbmV4cG9ydCBjb25zdCBIZWFkaW5nOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGxldmVsLFxuICAgIGxhcmdlID0gZmFsc2UsXG4gICAgc3Ryb25nLFxuICAgIHRhZyxcbiAgICBjb2xvcixcbiAgICBjZW50ZXJlZCxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBIRUFESU5HLFxuICAgICAgICBwcm9wczogeyBsZXZlbCwgc3Ryb25nIH0sXG4gICAgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IFRhZyA9ICh0YWcgfHwgbGV2ZWwpIGFzIEhlYWRpbmdUYWc7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEhFQURJTkcsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYGxldmVsLSR7bGV2ZWx9LWxhcmdlYCwgYGxldmVsLSR7bGV2ZWx9LW5vcm1hbGAsIGxhcmdlKSxcbiAgICBdKTtcbiAgICBjb25zdCBjZW50ZXJlZENsYXNzTmFtZXMgPSB1c2VUZXh0Q2VudGVyZWRDbGFzc25hbWVzKGNlbnRlcmVkKTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoY29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5jZW50ZXJlZENsYXNzTmFtZXMsIC4uLmNvbG9yQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhhbGxDbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7OztBQTBCQSxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7TUFFYixPQUFPLEdBQWMsQ0FBQyxFQUMvQixRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssR0FBRyxLQUFLLEVBQ2IsTUFBTSxFQUNOLEdBQUcsRUFDSCxLQUFLLEVBQ0wsUUFBUSxFQUNSLE9BQU8sR0FDVjtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLE9BQU87UUFDbEIsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtLQUMzQixDQUFDLENBQUM7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxHQUFHLElBQUksR0FBRyxJQUFJLEtBQUssQ0FBZSxDQUFDO0lBRXpDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUU7UUFDakQsaUJBQWlCLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFBRSxTQUFTLEtBQUssU0FBUyxFQUFFLEtBQUssQ0FBQztLQUM1RSxDQUFDLENBQUM7SUFDSCxNQUFNLGtCQUFrQixHQUFHLHlCQUF5QixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxELE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBRWpGLE1BQU0sS0FBSyxHQUFHO1FBQ1YsU0FBUyxFQUFFLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDM0QsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0tBQzlCLENBQUM7SUFFRixPQUFPQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssR0FBRyxRQUFRLENBQU8sQ0FBQztBQUM1Qzs7OzsifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ICON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -15,7 +15,10 @@ const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label, datase
|
|
|
15
15
|
const accentClassNames = useTextAccentClassnames(false, accent);
|
|
16
16
|
const colorClassNames = useColorClassNames(actualColor);
|
|
17
17
|
const allClassNames = [...classNames, ...accentClassNames, ...colorClassNames];
|
|
18
|
-
const props = {
|
|
18
|
+
const props = {
|
|
19
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
20
|
+
...getDatasetProps(dataset),
|
|
21
|
+
};
|
|
19
22
|
if (!Svg) {
|
|
20
23
|
throw new Error('Icon prop svg is mandatory');
|
|
21
24
|
}
|
|
@@ -24,4 +27,4 @@ const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label, datase
|
|
|
24
27
|
};
|
|
25
28
|
|
|
26
29
|
export { Icon };
|
|
27
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJQ09OX1NJWkVfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBib29sZWFuQ2xhc3NOYW1lcyxcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VDb2xvckNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgSUNPTiA9ICdJY29uJztcblxuZXhwb3J0IGNvbnN0IEljb246IEZDPEljb25Qcm9wcz4gPSAoe1xuICAgIHN2ZzogU3ZnLFxuICAgIHNpemUgPSBJQ09OX1NJWkVfREVGQVVMVCxcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgbGFiZWwsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IHVzZU51bWVyaWNTaXplID0gIU51bWJlci5pc05hTihOdW1iZXIoc2l6ZSkpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTnVtZXJpY1NpemUgPyB7IHdpZHRoOiBgJHtzaXplfXB4YCwgaGVpZ2h0OiBgJHtzaXplfXB4YCB9IDoge307XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIElDT04sIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoYHNpemUtJHtzaXplIGFzIHN0cmluZ31gLCB1bmRlZmluZWQsICF1c2VOdW1lcmljU2l6ZSksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IGFjY2VudENsYXNzTmFtZXMgPSB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyhmYWxzZSwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoYWN0dWFsQ29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5hY2NlbnRDbGFzc05hbWVzLCAuLi5jb2xvckNsYXNzTmFtZXNdO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIGNsYXNzTmFtZTogdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMoYWxsQ2xhc3NOYW1lcykuam9pbignICcpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgfTtcblxuICAgIGlmICghU3ZnKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignSWNvbiBwcm9wIHN2ZyBpcyBtYW5kYXRvcnknKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8c3BhbiB7Li4ucHJvcHN9IHN0eWxlPXtzdHlsZX0gYXJpYS1oaWRkZW49eyFsYWJlbH0gYXJpYS1sYWJlbD17bGFiZWx9PlxuICAgICAgICAgICAgPFN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFlQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWtCLENBQUMsRUFDaEMsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEdBQUcsaUJBQWlCLEVBQ3hCLE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxFQUNMLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDbkQsTUFBTSxLQUFLLEdBQUcsY0FBYyxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFFaEYsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxpQkFBaUIsQ0FBQyxRQUFRLElBQWMsRUFBRSxFQUFFLFNBQVMsRUFBRSxDQUFDLGNBQWMsQ0FBQztLQUMxRSxDQUFDLENBQUM7SUFFSCxNQUFNLFdBQVcsR0FBRyxNQUFNLEdBQUcsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMvQyxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNoRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUV4RCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsZ0JBQWdCLEVBQUUsR0FBRyxlQUFlLENBQUMsQ0FBQztJQUUvRSxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQzNELEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztLQUM5QixDQUFDO0lBRUYsSUFBSSxDQUFDLEdBQUcsRUFBRTtRQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsNEJBQTRCLENBQUMsQ0FBQztLQUNqRDtJQUVELFFBQ0lBLHVEQUFVLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxpQkFBZSxDQUFDLEtBQUssZ0JBQWMsS0FBSztRQUNqRUEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUN6QyxFQUNUO0FBQ047Ozs7In0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".nKoHrt{display:inline-block;vertical-align:text-top}.nKoHrt svg{fill:currentColor;display:block;max-height:100%;max-width:100%;min-width:100%;width:100%}._1HK8l-{height:var(--b21f61);width:var(--b21f61)}._2Sp9mC{height:var(--766f3b);width:var(--766f3b)}._2YELqy{height:var(--7c1b1c);width:var(--7c1b1c)}._18Hsfi{height:var(--2152b7);width:var(--2152b7)}.QeTxTN{height:var(--8f525f);width:var(--8f525f)}";
|
|
3
|
+
var css_248z = ".nKoHrt{display:inline-block;vertical-align:text-top}.nKoHrt svg{fill:currentColor;display:block;max-height:100%;max-width:100%;min-width:100%;width:100%}._1HK8l-{height:var(--b21f61);max-width:var(--b21f61);min-width:var(--b21f61);width:var(--b21f61)}._2Sp9mC{height:var(--766f3b);max-width:var(--766f3b);min-width:var(--766f3b);width:var(--766f3b)}._2YELqy{height:var(--7c1b1c);max-width:var(--7c1b1c);min-width:var(--7c1b1c);width:var(--7c1b1c)}._18Hsfi{height:var(--2152b7);max-width:var(--2152b7);min-width:var(--2152b7);width:var(--2152b7)}.QeTxTN{height:var(--8f525f);max-width:var(--8f525f);min-width:var(--8f525f);width:var(--8f525f)}";
|
|
4
4
|
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Icon/style/index.module.less",__css:css_248z,"Icon":"nKoHrt","Icon--size-2xs":"_1HK8l-","Icon--size-xs":"_2Sp9mC","Icon--size-s":"_2YELqy","Icon--size-m":"_18Hsfi","Icon--size-l":"QeTxTN"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useInstrument, useLayoutFlexClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useInstrument, useLayoutFlexClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
|
|
5
5
|
const LAYOUT_FLEX = 'LayoutFlex';
|
|
@@ -10,9 +10,12 @@ const LayoutFlex = ({ column, reverse, children, dataset, ...layoutFlexBaseProps
|
|
|
10
10
|
});
|
|
11
11
|
const classNames = useLayoutFlexClassNames('flex', { column, reverse, ...layoutFlexBaseProps });
|
|
12
12
|
const { tag: Tag = LAYOUT_TAG_DEFAULT } = layoutFlexBaseProps;
|
|
13
|
-
const props = {
|
|
13
|
+
const props = {
|
|
14
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
15
|
+
...getDatasetProps(dataset),
|
|
16
|
+
};
|
|
14
17
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
15
18
|
};
|
|
16
19
|
|
|
17
20
|
export { LayoutFlex };
|
|
18
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEZsZXhQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICB1c2VJbnN0cnVtZW50LFxuICAgIHVzZUxheW91dEZsZXhDbGFzc05hbWVzLFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IExheW91dEZsZXhQcm9wcyAmIHsgY2hpbGRyZW4/OiBSZWFjdE5vZGUgfTtcblxuY29uc3QgTEFZT1VUX0ZMRVggPSAnTGF5b3V0RmxleCc7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4OiBGQzxQcm9wcz4gPSAoe1xuICAgIGNvbHVtbixcbiAgICByZXZlcnNlLFxuICAgIGNoaWxkcmVuLFxuICAgIGRhdGFzZXQsXG4gICAgLi4ubGF5b3V0RmxleEJhc2VQcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBMQVlPVVRfRkxFWCxcbiAgICAgICAgcHJvcHM6IHsgY29sdW1uLCByZXZlcnNlIH0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gdXNlTGF5b3V0RmxleENsYXNzTmFtZXMoJ2ZsZXgnLCB7IGNvbHVtbiwgcmV2ZXJzZSwgLi4ubGF5b3V0RmxleEJhc2VQcm9wcyB9KTtcbiAgICBjb25zdCB7IHRhZzogVGFnID0gTEFZT1VUX1RBR19ERUZBVUxUIH0gPSBsYXlvdXRGbGV4QmFzZVByb3BzO1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBV0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLFVBQVUsR0FBYyxDQUFDLEVBQ2xDLE1BQU0sRUFDTixPQUFPLEVBQ1AsUUFBUSxFQUNSLE9BQU8sRUFDUCxHQUFHLG1CQUFtQixFQUN6QjtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLFdBQVc7UUFDdEIsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtLQUM3QixDQUFDLENBQUM7SUFFSCxNQUFNLFVBQVUsR0FBRyx1QkFBdUIsQ0FBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDO0lBQ2hHLE1BQU0sRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFHLGtCQUFrQixFQUFFLEdBQUcsbUJBQW1CLENBQUM7SUFDOUQsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN4RCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { moduleClassNames, booleanClassNames, useAlignSelfClassNames, useLayoutHideClassnames, useLayoutRelativeClassnames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { moduleClassNames, booleanClassNames, useAlignSelfClassNames, useLayoutHideClassnames, useLayoutRelativeClassnames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -16,9 +16,12 @@ const LayoutFlexItem = ({ children, alignSelf, stretch = false, tag, hide, relat
|
|
|
16
16
|
...relativeClassNames,
|
|
17
17
|
];
|
|
18
18
|
const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
|
|
19
|
-
const props = {
|
|
19
|
+
const props = {
|
|
20
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
21
|
+
...getDatasetProps(dataset),
|
|
22
|
+
};
|
|
20
23
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
21
24
|
};
|
|
22
25
|
|
|
23
26
|
export { LayoutFlexItem };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbiAgICB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFsaWduU2VsZj86IFJlc3BvbnNpdmU8TGF5b3V0QWxpZ25TZWxmPjtcbiAgICBzdHJldGNoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgaGlkZT86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgcmVsYXRpdmU/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBMQVlPVVRfRkxFWF9JVEVNID0gJ0xheW91dEZsZXhJdGVtJztcblxuZXhwb3J0IGNvbnN0IExheW91dEZsZXhJdGVtOiBGQzxQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGFsaWduU2VsZixcbiAgICBzdHJldGNoID0gZmFsc2UsXG4gICAgdGFnLFxuICAgIGhpZGUsXG4gICAgcmVsYXRpdmUsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhcbiAgICAgICAgc3R5bGVzLFxuICAgICAgICBMQVlPVVRfRkxFWF9JVEVNLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3RyZXRjaCcsICduby1zdHJldGNoJywgc3RyZXRjaCksXG4gICAgKTtcblxuICAgIGNvbnN0IGFsaWduU2VsZkNsYXNzTmFtZXMgPSB1c2VBbGlnblNlbGZDbGFzc05hbWVzKGFsaWduU2VsZik7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlKTtcbiAgICBjb25zdCByZWxhdGl2ZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMocmVsYXRpdmUpO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbXG4gICAgICAgIC4uLmNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmFsaWduU2VsZkNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmhpZGVDbGFzc05hbWVzLFxuICAgICAgICAuLi5yZWxhdGl2ZUNsYXNzTmFtZXMsXG4gICAgXTtcbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQThCQSxNQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO01BRTdCLGNBQWMsR0FBYyxDQUFDLEVBQ3RDLFFBQVEsRUFDUixTQUFTLEVBQ1QsT0FBTyxHQUFHLEtBQUssRUFDZixHQUFHLEVBQ0gsSUFBSSxFQUNKLFFBQVEsRUFDUixPQUFPLEdBQ1Y7SUFDRyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FDL0IsTUFBTSxFQUNOLGdCQUFnQixFQUNoQixpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUN0RCxDQUFDO0lBRUYsTUFBTSxtQkFBbUIsR0FBRyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM5RCxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNyRCxNQUFNLGtCQUFrQixHQUFHLDJCQUEyQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2pFLE1BQU0sYUFBYSxHQUFHO1FBQ2xCLEdBQUcsVUFBVTtRQUNiLEdBQUcsbUJBQW1CO1FBQ3RCLEdBQUcsY0FBYztRQUNqQixHQUFHLGtCQUFrQjtLQUN4QixDQUFDO0lBQ0YsTUFBTSxHQUFHLEdBQUcsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksa0JBQWtCLENBQUM7SUFDdEMsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMzRCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useLayoutGridClassNames, useLayoutGridResponsiveColumns, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useLayoutGridClassNames, useLayoutGridResponsiveColumns, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
|
|
5
5
|
const LayoutGrid = ({ dataset, children, ...layoutGridBaseProps }) => {
|
|
6
|
-
const classNames = useLayoutGridClassNames('grid', layoutGridBaseProps);
|
|
7
6
|
const { tag: Tag = LAYOUT_TAG_DEFAULT, columns } = layoutGridBaseProps;
|
|
7
|
+
const classNames = useLayoutGridClassNames('grid', layoutGridBaseProps);
|
|
8
8
|
const { style, classNames: columnClassNames } = useLayoutGridResponsiveColumns(columns);
|
|
9
|
+
const allClassNames = [...classNames, ...columnClassNames];
|
|
9
10
|
const props = {
|
|
10
|
-
className:
|
|
11
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
11
12
|
...getDatasetProps(dataset),
|
|
12
13
|
};
|
|
13
14
|
return (React__default.createElement(Tag, Object.assign({}, props, { style: style }), children));
|
|
14
15
|
};
|
|
15
16
|
|
|
16
17
|
export { LayoutGrid };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0R3JpZC9MYXlvdXRHcmlkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEdyaWRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRHcmlkUmVzcG9uc2l2ZUNvbHVtbnMsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gTGF5b3V0R3JpZFByb3BzICYgeyBjaGlsZHJlbj86IFJlYWN0Tm9kZSB9O1xuXG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZDogRkM8UHJvcHM+ID0gKHsgZGF0YXNldCwgY2hpbGRyZW4sIC4uLmxheW91dEdyaWRCYXNlUHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IHsgdGFnOiBUYWcgPSBMQVlPVVRfVEFHX0RFRkFVTFQsIGNvbHVtbnMgfSA9IGxheW91dEdyaWRCYXNlUHJvcHM7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gdXNlTGF5b3V0R3JpZENsYXNzTmFtZXMoJ2dyaWQnLCBsYXlvdXRHcmlkQmFzZVByb3BzKTtcbiAgICBjb25zdCB7IHN0eWxlLCBjbGFzc05hbWVzOiBjb2x1bW5DbGFzc05hbWVzIH0gPSB1c2VMYXlvdXRHcmlkUmVzcG9uc2l2ZUNvbHVtbnMoY29sdW1ucyk7XG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFsuLi5jbGFzc05hbWVzLCAuLi5jb2x1bW5DbGFzc05hbWVzXTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VGFnIHsuLi5wcm9wc30gc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UYWc+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7TUFXYSxVQUFVLEdBQWMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsR0FBRyxtQkFBbUIsRUFBRTtJQUMvRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBRyxrQkFBa0IsRUFBRSxPQUFPLEVBQUUsR0FBRyxtQkFBbUIsQ0FBQztJQUV2RSxNQUFNLFVBQVUsR0FBRyx1QkFBdUIsQ0FBQyxNQUFNLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUN4RSxNQUFNLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxHQUFHLDhCQUE4QixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hGLE1BQU0sYUFBYSxHQUFHLENBQUMsR0FBRyxVQUFVLEVBQUUsR0FBRyxnQkFBZ0IsQ0FBQyxDQUFDO0lBRTNELE1BQU0sS0FBSyxHQUFHO1FBQ1YsU0FBUyxFQUFFLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDM0QsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0tBQzlCLENBQUM7SUFFRixRQUNJQSw2QkFBQyxHQUFHLG9CQUFLLEtBQUssSUFBRSxLQUFLLEVBQUUsS0FBSyxLQUN2QixRQUFRLENBQ1AsRUFDUjtBQUNOOzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { moduleClassNames, useAlignSelfClassNames, useLayoutHideClassnames, useLayoutRelativeClassnames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { moduleClassNames, useAlignSelfClassNames, useLayoutHideClassnames, useLayoutRelativeClassnames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -16,9 +16,12 @@ const LayoutGridItem = ({ children, alignSelf, tag, hide, relative, dataset, })
|
|
|
16
16
|
...relativeClassNames,
|
|
17
17
|
];
|
|
18
18
|
const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
|
|
19
|
-
const props = {
|
|
19
|
+
const props = {
|
|
20
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
21
|
+
...getDatasetProps(dataset),
|
|
22
|
+
};
|
|
20
23
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
21
24
|
};
|
|
22
25
|
|
|
23
26
|
export { LayoutGridItem };
|
|
24
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEdyaWRJdGVtL0xheW91dEdyaWRJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERhdGFzZXQsXG4gICAgTEFZT1VUX1RBR19ERUZBVUxULFxuICAgIExheW91dEFsaWduU2VsZixcbiAgICBMYXlvdXRUYWcsXG4gICAgUmVzcG9uc2l2ZSxcbn0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyxcbiAgICB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyxcbiAgICB1c2VMYXlvdXRSZWxhdGl2ZUNsYXNzbmFtZXMsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFsaWduU2VsZj86IFJlc3BvbnNpdmU8TGF5b3V0QWxpZ25TZWxmPjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgaGlkZT86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgcmVsYXRpdmU/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuY29uc3QgTEFZT1VUX0dSSURfSVRFTSA9ICdMYXlvdXRHcmlkSXRlbSc7XG5leHBvcnQgY29uc3QgTGF5b3V0R3JpZEl0ZW06IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgYWxpZ25TZWxmLFxuICAgIHRhZyxcbiAgICBoaWRlLFxuICAgIHJlbGF0aXZlLFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBMQVlPVVRfR1JJRF9JVEVNLCBbXSk7XG5cbiAgICBjb25zdCBhbGlnblNlbGZDbGFzc05hbWVzID0gdXNlQWxpZ25TZWxmQ2xhc3NOYW1lcyhhbGlnblNlbGYpO1xuICAgIGNvbnN0IGhpZGVDbGFzc05hbWVzID0gdXNlTGF5b3V0SGlkZUNsYXNzbmFtZXMoaGlkZSk7XG4gICAgY29uc3QgcmVsYXRpdmVDbGFzc05hbWVzID0gdXNlTGF5b3V0UmVsYXRpdmVDbGFzc25hbWVzKHJlbGF0aXZlKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gW1xuICAgICAgICAuLi5jbGFzc05hbWVzLFxuICAgICAgICAuLi5hbGlnblNlbGZDbGFzc05hbWVzLFxuICAgICAgICAuLi5oaWRlQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4ucmVsYXRpdmVDbGFzc05hbWVzLFxuICAgIF07XG4gICAgY29uc3QgVGFnID0gdGFnID8/IExBWU9VVF9UQUdfREVGQVVMVDtcbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhhbGxDbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUEyQkEsTUFBTSxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztNQUM3QixjQUFjLEdBQWMsQ0FBQyxFQUN0QyxRQUFRLEVBQ1IsU0FBUyxFQUNULEdBQUcsRUFDSCxJQUFJLEVBQ0osUUFBUSxFQUNSLE9BQU8sR0FDVjtJQUNHLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxnQkFBZ0IsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVsRSxNQUFNLG1CQUFtQixHQUFHLHNCQUFzQixDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzlELE1BQU0sY0FBYyxHQUFHLHVCQUF1QixDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3JELE1BQU0sa0JBQWtCLEdBQUcsMkJBQTJCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakUsTUFBTSxhQUFhLEdBQUc7UUFDbEIsR0FBRyxVQUFVO1FBQ2IsR0FBRyxtQkFBbUI7UUFDdEIsR0FBRyxjQUFjO1FBQ2pCLEdBQUcsa0JBQWtCO0tBQ3hCLENBQUM7SUFDRixNQUFNLEdBQUcsR0FBRyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxrQkFBa0IsQ0FBQztJQUN0QyxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQzNELEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztLQUM5QixDQUFDO0lBRUYsT0FBT0EsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLEdBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUM7Ozs7In0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useInstrument, useStyleExtract, useHostname, moduleClassNames, getExternalUrlProps, getDatasetProps } from '@preply/ds-web-core';
|
|
1
|
+
import { useInstrument, useStyleExtract, useHostname, moduleClassNames, getExternalUrlProps, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
2
|
import React__default, { cloneElement } from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
@@ -10,11 +10,6 @@ const Link = ({ href, download, opensInNewTab, nofollow, assistiveText, onClick,
|
|
|
10
10
|
});
|
|
11
11
|
useStyleExtract(styles);
|
|
12
12
|
const hostname = useHostname();
|
|
13
|
-
const handleClick = (event) => {
|
|
14
|
-
if (onClick) {
|
|
15
|
-
onClick(event);
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
13
|
const classNames = moduleClassNames(styles, LINK, []);
|
|
19
14
|
const actualHref = href || url;
|
|
20
15
|
const externalUrlProps = actualHref
|
|
@@ -24,8 +19,8 @@ const Link = ({ href, download, opensInNewTab, nofollow, assistiveText, onClick,
|
|
|
24
19
|
href: actualHref,
|
|
25
20
|
download,
|
|
26
21
|
'aria-label': assistiveText,
|
|
27
|
-
onClick
|
|
28
|
-
className: classNames.join(' '),
|
|
22
|
+
onClick,
|
|
23
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
29
24
|
...getDatasetProps(dataset),
|
|
30
25
|
};
|
|
31
26
|
if (as) {
|
|
@@ -35,4 +30,4 @@ const Link = ({ href, download, opensInNewTab, nofollow, assistiveText, onClick,
|
|
|
35
30
|
};
|
|
36
31
|
|
|
37
32
|
export { Link };
|
|
38
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlLCBjbG9uZUVsZW1lbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGhyZWY/OiBzdHJpbmc7XG4gICAgZG93bmxvYWQ/OiBib29sZWFuO1xuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuO1xuICAgIG5vZm9sbG93PzogYm9vbGVhbjtcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgICBhcz86IFJlYWN0RWxlbWVudDtcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IExJTksgPSAnTGluayc7XG5cbmV4cG9ydCBjb25zdCBMaW5rOiBGQzxQcm9wcz4gPSAoe1xuICAgIGhyZWYsXG4gICAgZG93bmxvYWQsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBub2ZvbGxvdyxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIG9uQ2xpY2ssXG4gICAgYXMsXG4gICAgdXJsLFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlSW5zdHJ1bWVudCgncmVuZGVyJywge1xuICAgICAgICBjb21wb25lbnQ6IExJTkssXG4gICAgICAgIHByb3BzOiB7IHVybCB9LFxuICAgIH0pO1xuXG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIExJTkssIFtdKTtcblxuICAgIGNvbnN0IGFjdHVhbEhyZWYgPSBocmVmIHx8IHVybDtcblxuICAgIGNvbnN0IGV4dGVybmFsVXJsUHJvcHMgPSBhY3R1YWxIcmVmXG4gICAgICAgID8gZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYiwgbm9mb2xsb3cpXG4gICAgICAgIDoge307XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgZG93bmxvYWQsXG4gICAgICAgICdhcmlhLWxhYmVsJzogYXNzaXN0aXZlVGV4dCxcbiAgICAgICAgb25DbGljayxcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgaWYgKGFzKSB7XG4gICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoYXMgYXMgUmVhY3RFbGVtZW50LCB7IC4uLnByb3BzIH0sIGNoaWxkcmVuKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8YSB7Li4ucHJvcHN9IHsuLi5leHRlcm5hbFVybFByb3BzfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9hPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBMkJBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQzVCLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLFFBQVEsRUFDUixhQUFhLEVBQ2IsT0FBTyxFQUNQLEVBQUUsRUFDRixHQUFHLEVBQ0gsT0FBTyxFQUNQLFFBQVEsR0FDWDtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLElBQUk7UUFDZixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUU7S0FDakIsQ0FBQyxDQUFDO0lBRUgsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sUUFBUSxHQUFHLFdBQVcsRUFBRSxDQUFDO0lBRS9CLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFdEQsTUFBTSxVQUFVLEdBQUcsSUFBSSxJQUFJLEdBQUcsQ0FBQztJQUUvQixNQUFNLGdCQUFnQixHQUFHLFVBQVU7VUFDN0IsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxhQUFhLEVBQUUsUUFBUSxDQUFDO1VBQ2xFLEVBQUUsQ0FBQztJQUVULE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLFVBQVU7UUFDaEIsUUFBUTtRQUNSLFlBQVksRUFBRSxhQUFhO1FBQzNCLE9BQU87UUFDUCxTQUFTLEVBQUUsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN4RCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLElBQUksRUFBRSxFQUFFO1FBQ0osT0FBTyxZQUFZLENBQUMsRUFBa0IsRUFBRSxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7S0FDbkU7SUFFRCxRQUNJQSxvREFBTyxLQUFLLEVBQU0sZ0JBQWdCLEdBQzdCLFFBQVEsQ0FDVCxFQUNOO0FBQ047Ozs7In0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { Dataset, PanelPadding } from '@preply/ds-core';
|
|
2
|
-
import { ColorSchemeProps, ThemeProps } from '@preply/ds-web-core';
|
|
2
|
+
import type { ColorSchemeProps, ThemeProps } from '@preply/ds-web-core';
|
|
3
3
|
import { FC, ReactNode } from 'react';
|
|
4
4
|
export interface OwnProps {
|
|
5
5
|
padding?: PanelPadding;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { withColorScheme, withTheme, useInstrument, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
1
|
+
import { withColorScheme, withTheme, useInstrument, useStyleExtract, globalClassNames, moduleClassNames, stringClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { PANEL_PADDING_DEFAULT } from './constants.js';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
@@ -10,10 +10,13 @@ const PanelBase = ({ children, themeClassName, colorSchemeClassName, padding = P
|
|
|
10
10
|
const globalClasses = globalClassNames([themeClassName, colorSchemeClassName]);
|
|
11
11
|
const localClasses = moduleClassNames(styles, PANEL, [stringClassNames('padding', padding)]);
|
|
12
12
|
const classNames = [...globalClasses, ...localClasses];
|
|
13
|
-
const props = {
|
|
13
|
+
const props = {
|
|
14
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
15
|
+
...getDatasetProps(dataset),
|
|
16
|
+
};
|
|
14
17
|
return React__default.createElement("section", Object.assign({}, props), children);
|
|
15
18
|
};
|
|
16
19
|
const Panel = withColorScheme(withTheme(PanelBase));
|
|
17
20
|
|
|
18
21
|
export { Panel };
|
|
19
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIFBhbmVsUGFkZGluZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgdHlwZSB7XG4gICAgQ29sb3JTY2hlbWVQcm9wcyxcbiAgICBUaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhUaGVtZVByb3BzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdsb2JhbENsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxuICAgIHdpdGhDb2xvclNjaGVtZSxcbiAgICB3aXRoVGhlbWUsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFBBTkVMX1BBRERJTkdfREVGQVVMVCB9IGZyb20gJy4vY29uc3RhbnRzJztcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgT3duUHJvcHMge1xuICAgIHBhZGRpbmc/OiBQYW5lbFBhZGRpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFBBTkVMID0gJ1BhbmVsJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPd25Qcm9wcyAmIFRoZW1lUHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBQYW5lbEJhc2U6IEZDPE93blByb3BzICYgV2l0aFRoZW1lUHJvcHMgJiBXaXRoQ29sb3JTY2hlbWVQcm9wcz4gPSAoe1xuICAgIGNoaWxkcmVuLFxuICAgIHRoZW1lQ2xhc3NOYW1lLFxuICAgIGNvbG9yU2NoZW1lQ2xhc3NOYW1lLFxuICAgIHBhZGRpbmcgPSBQQU5FTF9QQURESU5HX0RFRkFVTFQsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7IGNvbXBvbmVudDogUEFORUwgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGdsb2JhbENsYXNzZXMgPSBnbG9iYWxDbGFzc05hbWVzKFt0aGVtZUNsYXNzTmFtZSwgY29sb3JTY2hlbWVDbGFzc05hbWVdKTtcbiAgICBjb25zdCBsb2NhbENsYXNzZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgUEFORUwsIFtzdHJpbmdDbGFzc05hbWVzKCdwYWRkaW5nJywgcGFkZGluZyldKTtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gWy4uLmdsb2JhbENsYXNzZXMsIC4uLmxvY2FsQ2xhc3Nlc107XG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIGNsYXNzTmFtZTogdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMoY2xhc3NOYW1lcykuam9pbignICcpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgfTtcblxuICAgIHJldHVybiA8c2VjdGlvbiB7Li4ucHJvcHN9PntjaGlsZHJlbn08L3NlY3Rpb24+O1xufTtcblxuZXhwb3J0IGNvbnN0IFBhbmVsOiBGQzxQcm9wcz4gPSB3aXRoQ29sb3JTY2hlbWUod2l0aFRoZW1lKFBhbmVsQmFzZSkpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQTZCQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7QUFJdEIsTUFBTSxTQUFTLEdBQXlELENBQUMsRUFDckUsUUFBUSxFQUNSLGNBQWMsRUFDZCxvQkFBb0IsRUFDcEIsT0FBTyxHQUFHLHFCQUFxQixFQUMvQixPQUFPLEdBQ1Y7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFFOUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sYUFBYSxHQUFHLGdCQUFnQixDQUFDLENBQUMsY0FBYyxFQUFFLG9CQUFvQixDQUFDLENBQUMsQ0FBQztJQUMvRSxNQUFNLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3RixNQUFNLFVBQVUsR0FBRyxDQUFDLEdBQUcsYUFBYSxFQUFFLEdBQUcsWUFBWSxDQUFDLENBQUM7SUFDdkQsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN4RCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLE9BQU9BLDBEQUFhLEtBQUssR0FBRyxRQUFRLENBQVcsQ0FBQztBQUNwRCxDQUFDLENBQUM7TUFFVyxLQUFLLEdBQWMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUM7Ozs7In0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { InputImperativeHandle } from '@preply/ds-web-core';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare const PasswordField: React.ForwardRefExoticComponent<import("@preply/ds-web-core").FieldCommonProps & Pick<import("@preply/ds-web-core").InputPasswordProps, "autoComplete" | "placeholder" | "maxLength" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp" | "required" | "disabled" | "hasError" | "dataset" | "onValueChange"> & {
|
|
4
4
|
id?: string | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useStyleExtract, usePasswordField, moduleClassNames } from '@preply/ds-web-core';
|
|
1
|
+
import { useStyleExtract, useForcedRef, usePasswordField, moduleClassNames, useVisualModeClassNames } from '@preply/ds-web-core';
|
|
2
2
|
import React__default, { forwardRef, useRef, useImperativeHandle, useState } from 'react';
|
|
3
3
|
import { FieldButton } from '../FieldButton/FieldButton.js';
|
|
4
4
|
import { FieldLayout } from '../FieldLayout/FieldLayout.js';
|
|
@@ -14,7 +14,7 @@ const PASSWORD_FIELD = 'PasswordField';
|
|
|
14
14
|
const PasswordFieldLocal = ({ showIcon, revealValue, id: optionalId, ...props }, ref) => {
|
|
15
15
|
useStyleExtract(styles);
|
|
16
16
|
const layoutRef = useRef(null);
|
|
17
|
-
const inputRef =
|
|
17
|
+
const inputRef = useForcedRef();
|
|
18
18
|
useImperativeHandle(ref, () => ({
|
|
19
19
|
setFocus: () => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.setFocus(); },
|
|
20
20
|
}));
|
|
@@ -32,9 +32,9 @@ const PasswordFieldLocal = ({ showIcon, revealValue, id: optionalId, ...props },
|
|
|
32
32
|
const buttonText = shouldRevealValue ? 'Conceal password' : 'Reveal password';
|
|
33
33
|
const button = revealValue ? undefined : (React__default.createElement(FieldButton, { onClick: handleButtonClick, svg: buttonSvg, assistiveText: buttonText }));
|
|
34
34
|
const classNames = moduleClassNames(styles, PASSWORD_FIELD);
|
|
35
|
-
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { icon: icon, button: button, className: classNames.join(' '), input: input, inputHandle: inputRef.current, ref: layoutRef })));
|
|
35
|
+
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { icon: icon, button: button, className: useVisualModeClassNames(classNames).join(' '), input: input, inputHandle: inputRef.current, ref: layoutRef })));
|
|
36
36
|
};
|
|
37
37
|
const PasswordField = forwardRef(PasswordFieldLocal);
|
|
38
38
|
|
|
39
39
|
export { PasswordField };
|
|
40
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFzc3dvcmRGaWVsZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUGFzc3dvcmRGaWVsZC9QYXNzd29yZEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIElucHV0SW1wZXJhdGl2ZUhhbmRsZSxcbiAgICBQYXNzd29yZEZpZWxkUHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VGb3JjZWRSZWYsXG4gICAgdXNlUGFzc3dvcmRGaWVsZCxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBmb3J3YXJkUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBGaWVsZEJ1dHRvbiB9IGZyb20gJy4uL0ZpZWxkQnV0dG9uL0ZpZWxkQnV0dG9uJztcbmltcG9ydCB7IEZpZWxkTGF5b3V0IH0gZnJvbSAnLi4vRmllbGRMYXlvdXQvRmllbGRMYXlvdXQnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uL0ljb24vSWNvbic7XG5pbXBvcnQgeyBJbnB1dFBhc3N3b3JkIH0gZnJvbSAnLi4vcHJpdmF0ZS9JbnB1dC9JbnB1dFBhc3N3b3JkJztcbmltcG9ydCB7IElucHV0VGV4dCB9IGZyb20gJy4uL3ByaXZhdGUvSW5wdXQvSW5wdXRUZXh0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcbmltcG9ydCBFeWVIaWRlU3ZnIGZyb20gJy4vc3ZnL2V5ZS1oaWRlLnN2Zyc7XG5pbXBvcnQgRXllU3ZnIGZyb20gJy4vc3ZnL2V5ZS5zdmcnO1xuaW1wb3J0IExvY2tTdmcgZnJvbSAnLi9zdmcvbG9jay5zdmcnO1xuXG5jb25zdCBQQVNTV09SRF9GSUVMRCA9ICdQYXNzd29yZEZpZWxkJztcblxuY29uc3QgUGFzc3dvcmRGaWVsZExvY2FsOiBGQzxQYXNzd29yZEZpZWxkUHJvcHM+ID0gKFxuICAgIHsgc2hvd0ljb24sIHJldmVhbFZhbHVlLCBpZDogb3B0aW9uYWxJZCwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGxheW91dFJlZiA9IHVzZVJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGU+KG51bGwpO1xuICAgIGNvbnN0IGlucHV0UmVmID0gdXNlRm9yY2VkUmVmPElucHV0SW1wZXJhdGl2ZUhhbmRsZT4oKTtcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgICBzZXRGb2N1czogKCkgPT4gaW5wdXRSZWY/LmN1cnJlbnQ/LnNldEZvY3VzKCksXG4gICAgfSkpO1xuXG4gICAgY29uc3QgcGFzc3dvcmRGaWVsZCA9IHVzZVBhc3N3b3JkRmllbGQoe1xuICAgICAgICBpZDogb3B0aW9uYWxJZCxcbiAgICAgICAgLi4ucHJvcHMsXG4gICAgfSk7XG4gICAgY29uc3QgeyBsYXlvdXRQcm9wcywgaW5wdXRQcm9wcyB9ID0gcGFzc3dvcmRGaWVsZDtcblxuICAgIGNvbnN0IFtzaG91bGRSZXZlYWxWYWx1ZSwgc2V0U2hvdWxkUmV2ZWFsVmFsdWVdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlQnV0dG9uQ2xpY2sgPSAoKSA9PiBzZXRTaG91bGRSZXZlYWxWYWx1ZSghc2hvdWxkUmV2ZWFsVmFsdWUpO1xuXG4gICAgY29uc3QgaWNvbiA9IHNob3dJY29uID8gPEljb24gc3ZnPXtMb2NrU3ZnfSAvPiA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGFjdHVhbFJldmVhbFZhbHVlID0gc2hvdWxkUmV2ZWFsVmFsdWUgfHwgcmV2ZWFsVmFsdWU7XG4gICAgY29uc3QgaW5wdXQgPSBhY3R1YWxSZXZlYWxWYWx1ZSA/IChcbiAgICAgICAgPElucHV0VGV4dCB7Li4uaW5wdXRQcm9wc30gdHlwZT1cInRleHRcIiByZWY9e2lucHV0UmVmfSAvPlxuICAgICkgOiAoXG4gICAgICAgIDxJbnB1dFBhc3N3b3JkIHsuLi5pbnB1dFByb3BzfSByZWY9e2lucHV0UmVmfSAvPlxuICAgICk7XG5cbiAgICBjb25zdCBidXR0b25TdmcgPSBzaG91bGRSZXZlYWxWYWx1ZSA/IEV5ZUhpZGVTdmcgOiBFeWVTdmc7XG4gICAgY29uc3QgYnV0dG9uVGV4dCA9IHNob3VsZFJldmVhbFZhbHVlID8gJ0NvbmNlYWwgcGFzc3dvcmQnIDogJ1JldmVhbCBwYXNzd29yZCc7XG4gICAgY29uc3QgYnV0dG9uID0gcmV2ZWFsVmFsdWUgPyB1bmRlZmluZWQgOiAoXG4gICAgICAgIDxGaWVsZEJ1dHRvbiBvbkNsaWNrPXtoYW5kbGVCdXR0b25DbGlja30gc3ZnPXtidXR0b25Tdmd9IGFzc2lzdGl2ZVRleHQ9e2J1dHRvblRleHR9IC8+XG4gICAgKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgUEFTU1dPUkRfRklFTEQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEZpZWxkTGF5b3V0XG4gICAgICAgICAgICB7Li4ubGF5b3V0UHJvcHN9XG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgYnV0dG9uPXtidXR0b259XG4gICAgICAgICAgICBjbGFzc05hbWU9e3VzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKX1cbiAgICAgICAgICAgIGlucHV0PXtpbnB1dH1cbiAgICAgICAgICAgIGlucHV0SGFuZGxlPXtpbnB1dFJlZi5jdXJyZW50fVxuICAgICAgICAgICAgcmVmPXtsYXlvdXRSZWZ9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBQYXNzd29yZEZpZWxkID0gZm9yd2FyZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGUsIFBhc3N3b3JkRmllbGRQcm9wcz4oXG4gICAgUGFzc3dvcmRGaWVsZExvY2FsLFxuKTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsIkxvY2tTdmciLCJFeWVIaWRlU3ZnIiwiRXllU3ZnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFzQkEsTUFBTSxjQUFjLEdBQUcsZUFBZSxDQUFDO0FBRXZDLE1BQU0sa0JBQWtCLEdBQTJCLENBQy9DLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLEdBQUcsS0FBSyxFQUFFLEVBQ25ELEdBQUc7SUFFSCxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUF3QixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLFFBQVEsR0FBRyxZQUFZLEVBQXlCLENBQUM7SUFFdkQsbUJBQW1CLENBQUMsR0FBRyxFQUFFLE9BQU87UUFDNUIsUUFBUSxFQUFFLDZCQUFNLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRSxPQUFPLDBDQUFFLFFBQVEsS0FBRTtLQUNoRCxDQUFDLENBQUMsQ0FBQztJQUVKLE1BQU0sYUFBYSxHQUFHLGdCQUFnQixDQUFDO1FBQ25DLEVBQUUsRUFBRSxVQUFVO1FBQ2QsR0FBRyxLQUFLO0tBQ1gsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsR0FBRyxhQUFhLENBQUM7SUFFbEQsTUFBTSxDQUFDLGlCQUFpQixFQUFFLG9CQUFvQixDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRTNFLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxvQkFBb0IsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFFekUsTUFBTSxJQUFJLEdBQUcsUUFBUSxHQUFHQSw2QkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFQyxPQUFPLEdBQUksR0FBRyxTQUFTLENBQUM7SUFFM0QsTUFBTSxpQkFBaUIsR0FBRyxpQkFBaUIsSUFBSSxXQUFXLENBQUM7SUFDM0QsTUFBTSxLQUFLLEdBQUcsaUJBQWlCLElBQzNCRCw2QkFBQyxTQUFTLG9CQUFLLFVBQVUsSUFBRSxJQUFJLEVBQUMsTUFBTSxFQUFDLEdBQUcsRUFBRSxRQUFRLElBQUksS0FFeERBLDZCQUFDLGFBQWEsb0JBQUssVUFBVSxJQUFFLEdBQUcsRUFBRSxRQUFRLElBQUksQ0FDbkQsQ0FBQztJQUVGLE1BQU0sU0FBUyxHQUFHLGlCQUFpQixHQUFHRSxVQUFVLEdBQUdDLE1BQU0sQ0FBQztJQUMxRCxNQUFNLFVBQVUsR0FBRyxpQkFBaUIsR0FBRyxrQkFBa0IsR0FBRyxpQkFBaUIsQ0FBQztJQUM5RSxNQUFNLE1BQU0sR0FBRyxXQUFXLEdBQUcsU0FBUyxJQUNsQ0gsNkJBQUMsV0FBVyxJQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxVQUFVLEdBQUksQ0FDekYsQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxjQUFjLENBQUMsQ0FBQztJQUU1RCxRQUNJQSw2QkFBQyxXQUFXLG9CQUNKLFdBQVcsSUFDZixJQUFJLEVBQUUsSUFBSSxFQUNWLE1BQU0sRUFBRSxNQUFNLEVBQ2QsU0FBUyxFQUFFLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDeEQsS0FBSyxFQUFFLEtBQUssRUFDWixXQUFXLEVBQUUsUUFBUSxDQUFDLE9BQU8sRUFDN0IsR0FBRyxFQUFFLFNBQVMsSUFDaEIsRUFDSjtBQUNOLENBQUMsQ0FBQztNQUVXLGFBQWEsR0FBRyxVQUFVLENBQ25DLGtCQUFrQjs7OzsifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PREPLY_LOGO_VARIANT_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
import SvgLogo from './svg/logo.svg.js';
|
|
@@ -16,10 +16,13 @@ const PreplyLogo = ({ variant = PREPLY_LOGO_VARIANT_DEFAULT, iconOnly = false, i
|
|
|
16
16
|
booleanClassNames('inverted', undefined, inverted),
|
|
17
17
|
]);
|
|
18
18
|
const { width, viewBox } = iconOnly ? MODES.ICON_ONLY : MODES.COMPLETE;
|
|
19
|
-
const props = {
|
|
19
|
+
const props = {
|
|
20
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
21
|
+
...getDatasetProps(dataset),
|
|
22
|
+
};
|
|
20
23
|
return (React__default.createElement("span", Object.assign({}, props),
|
|
21
24
|
React__default.createElement(SvgLogo, { role: "img", focusable: "false", "aria-label": "Preply", viewBox: viewBox, width: width })));
|
|
22
25
|
};
|
|
23
26
|
|
|
24
27
|
export { PreplyLogo };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJlcGx5TG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJlcGx5TG9nby9QcmVwbHlMb2dvLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIFByZXBseUxvZ29WYXJpYW50IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFBSRVBMWV9MT0dPX1ZBUklBTlRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcbmltcG9ydCBMb2dvU3ZnIGZyb20gJy4vc3ZnL2xvZ28uc3ZnJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgdmFyaWFudD86IFByZXBseUxvZ29WYXJpYW50O1xuICAgIGljb25Pbmx5PzogYm9vbGVhbjtcbiAgICBpbnZlcnRlZD86IGJvb2xlYW47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IFBSRVBMWV9MT0dPID0gJ1ByZXBseUxvZ28nO1xuXG5jb25zdCBNT0RFUyA9IHtcbiAgICBDT01QTEVURTogeyB3aWR0aDogMTMwLCB2aWV3Qm94OiAnMCAwIDEzMCA0MCcgfSxcbiAgICBJQ09OX09OTFk6IHsgd2lkdGg6IDIxLCB2aWV3Qm94OiAnMCAwIDIxIDQwJyB9LFxufTtcblxuZXhwb3J0IGNvbnN0IFByZXBseUxvZ286IEZDPFByb3BzPiA9ICh7XG4gICAgdmFyaWFudCA9IFBSRVBMWV9MT0dPX1ZBUklBTlRfREVGQVVMVCxcbiAgICBpY29uT25seSA9IGZhbHNlLFxuICAgIGludmVydGVkID0gZmFsc2UsXG4gICAgZGF0YXNldCxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFBSRVBMWV9MT0dPLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgdW5kZWZpbmVkLCBpbnZlcnRlZCksXG4gICAgXSk7XG5cbiAgICBjb25zdCB7IHdpZHRoLCB2aWV3Qm94IH0gPSBpY29uT25seSA/IE1PREVTLklDT05fT05MWSA6IE1PREVTLkNPTVBMRVRFO1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGNsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8c3BhbiB7Li4ucHJvcHN9PlxuICAgICAgICAgICAgPExvZ29TdmdcbiAgICAgICAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICAgICAgICBmb2N1c2FibGU9XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cIlByZXBseVwiXG4gICAgICAgICAgICAgICAgdmlld0JveD17dmlld0JveH1cbiAgICAgICAgICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgICAgICAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJMb2dvU3ZnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFzQkEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sS0FBSyxHQUFHO0lBQ1YsUUFBUSxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFO0lBQy9DLFNBQVMsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRTtDQUNqRCxDQUFDO01BRVcsVUFBVSxHQUFjLENBQUMsRUFDbEMsT0FBTyxHQUFHLDJCQUEyQixFQUNyQyxRQUFRLEdBQUcsS0FBSyxFQUNoQixRQUFRLEdBQUcsS0FBSyxFQUNoQixPQUFPLEdBQ0g7SUFDSixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO1FBQ3BDLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3JELENBQUMsQ0FBQztJQUVILE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsUUFBUSxHQUFHLEtBQUssQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQztJQUN2RSxNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztLQUM5QixDQUFDO0lBRUYsUUFDSUEsdURBQVUsS0FBSztRQUNYQSw2QkFBQ0MsT0FBTyxJQUNKLElBQUksRUFBQyxLQUFLLEVBQ1YsU0FBUyxFQUFDLE9BQU8sZ0JBQ04sUUFBUSxFQUNuQixPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsS0FBSyxHQUNkLENBQ0MsRUFDVDtBQUNOOzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TEXT_TAG_DEFAULT, TEXT_VARIANT_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextCenteredClassnames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useInstrument, useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextCenteredClassnames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -29,9 +29,12 @@ const Text = ({ children, variant, tag: Tag = TEXT_TAG_DEFAULT, size, accent, co
|
|
|
29
29
|
...colorClassNames,
|
|
30
30
|
...centeredClassNames,
|
|
31
31
|
];
|
|
32
|
-
const props = {
|
|
32
|
+
const props = {
|
|
33
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
34
|
+
...getDatasetProps(dataset),
|
|
35
|
+
};
|
|
33
36
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
34
37
|
};
|
|
35
38
|
|
|
36
39
|
export { Text };
|
|
37
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbG9yTmFtZSxcbiAgICBEYXRhc2V0LFxuICAgIFJlc3BvbnNpdmUsXG4gICAgVEVYVF9UQUdfREVGQVVMVCxcbiAgICBURVhUX1ZBUklBTlRfREVGQVVMVCxcbiAgICBUZXh0QWNjZW50LFxuICAgIFRleHRTaXplLFxuICAgIFRleHRUYWcsXG4gICAgVGV4dFZhcmlhbnQsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRBY2NlbnRDbGFzc25hbWVzLFxuICAgIHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBSZXNwb25zaXZlPFRleHRWYXJpYW50PjtcbiAgICBzaXplPzogVGV4dFNpemU7XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBzdHJvbmc/OiBib29sZWFuO1xuICAgIGNlbnRlcmVkPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB0YWc/OiBUZXh0VGFnO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBURVhUID0gJ1RleHQnO1xuXG5leHBvcnQgY29uc3QgVGV4dDogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICB2YXJpYW50LFxuICAgIHRhZzogVGFnID0gVEVYVF9UQUdfREVGQVVMVCxcbiAgICBzaXplLFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBzdHJvbmcsXG4gICAgY2VudGVyZWQsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogVEVYVCxcbiAgICAgICAgcHJvcHM6IHsgc2l6ZSwgc3Ryb25nIH0sXG4gICAgfSk7XG5cbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGFjdHVhbFZhcmlhbnQgPSB2YXJpYW50IHx8IChzaXplID8gdW5kZWZpbmVkIDogVEVYVF9WQVJJQU5UX0RFRkFVTFQpO1xuICAgIGNvbnN0IGFjdHVhbFNpemUgPSB2YXJpYW50ID8gdW5kZWZpbmVkIDogc2l6ZTtcbiAgICBjb25zdCBhY3R1YWxTdHJvbmcgPSB2YXJpYW50ID8gdW5kZWZpbmVkIDogc3Ryb25nO1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgVEVYVCwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgYWN0dWFsVmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBhY3R1YWxTaXplKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3N0cm9uZycsIHVuZGVmaW5lZCwgYWN0dWFsU3Ryb25nKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGFjdHVhbENvbG9yID0gYWNjZW50ID8gdW5kZWZpbmVkIDogY29sb3I7XG4gICAgY29uc3QgdXNlRGVmYXVsdEFjY2VudCA9ICFhY3R1YWxDb2xvcjtcbiAgICBjb25zdCBhY2NlbnRDbGFzc05hbWVzID0gdXNlVGV4dEFjY2VudENsYXNzbmFtZXModXNlRGVmYXVsdEFjY2VudCwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoYWN0dWFsQ29sb3IpO1xuICAgIGNvbnN0IGNlbnRlcmVkQ2xhc3NOYW1lcyA9IHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMoY2VudGVyZWQpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFtcbiAgICAgICAgLi4uY2xhc3NOYW1lcyxcbiAgICAgICAgLi4uYWNjZW50Q2xhc3NOYW1lcyxcbiAgICAgICAgLi4uY29sb3JDbGFzc05hbWVzLFxuICAgICAgICAuLi5jZW50ZXJlZENsYXNzTmFtZXMsXG4gICAgXTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXVDQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUM1QixRQUFRLEVBQ1IsT0FBTyxFQUNQLEdBQUcsRUFBRSxHQUFHLEdBQUcsZ0JBQWdCLEVBQzNCLElBQUksRUFDSixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDTixRQUFRLEVBQ1IsT0FBTyxHQUNWO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7S0FDMUIsQ0FBQyxDQUFDO0lBRUgsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXhCLE1BQU0sYUFBYSxHQUFHLE9BQU8sS0FBSyxJQUFJLEdBQUcsU0FBUyxHQUFHLG9CQUFvQixDQUFDLENBQUM7SUFDM0UsTUFBTSxVQUFVLEdBQUcsT0FBTyxHQUFHLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDOUMsTUFBTSxZQUFZLEdBQUcsT0FBTyxHQUFHLFNBQVMsR0FBRyxNQUFNLENBQUM7SUFDbEQsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtRQUM5QyxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsYUFBYSxDQUFDO1FBQzFDLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUM7UUFDcEMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7S0FDdkQsQ0FBQyxDQUFDO0lBRUgsTUFBTSxXQUFXLEdBQUcsTUFBTSxHQUFHLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDL0MsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLFdBQVcsQ0FBQztJQUN0QyxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLGdCQUFnQixFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzNFLE1BQU0sZUFBZSxHQUFHLGtCQUFrQixDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3hELE1BQU0sa0JBQWtCLEdBQUcseUJBQXlCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFL0QsTUFBTSxhQUFhLEdBQUc7UUFDbEIsR0FBRyxVQUFVO1FBQ2IsR0FBRyxnQkFBZ0I7UUFDbkIsR0FBRyxlQUFlO1FBQ2xCLEdBQUcsa0JBQWtCO0tBQ3hCLENBQUM7SUFFRixNQUFNLEtBQUssR0FBRztRQUNWLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQzNELEdBQUcsZUFBZSxDQUFDLE9BQU8sQ0FBQztLQUM5QixDQUFDO0lBRUYsT0FBT0EsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLEdBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUM7Ozs7In0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FIELD_TYPE_DEFAULT, useStyleExtract, useForcedRef, useTextField, moduleClassNames } from '@preply/ds-web-core';
|
|
1
|
+
import { FIELD_TYPE_DEFAULT, useStyleExtract, useForcedRef, useTextField, moduleClassNames, useVisualModeClassNames } from '@preply/ds-web-core';
|
|
2
2
|
import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
|
|
3
3
|
import { FieldLayout } from '../FieldLayout/FieldLayout.js';
|
|
4
4
|
import { InputText } from '../private/Input/InputText.js';
|
|
@@ -20,9 +20,9 @@ const TextFieldLocal = ({ id: optionalId, type = FIELD_TYPE_DEFAULT, ...props },
|
|
|
20
20
|
const { layoutProps, inputProps } = textField;
|
|
21
21
|
const classNames = moduleClassNames(styles, FIELD_TEXT);
|
|
22
22
|
const input = React__default.createElement(InputText, Object.assign({}, inputProps, { ref: inputRef }));
|
|
23
|
-
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { className: classNames.join(' '), input: input, inputHandle: inputRef.current, ref: layoutRef })));
|
|
23
|
+
return (React__default.createElement(FieldLayout, Object.assign({}, layoutProps, { className: useVisualModeClassNames(classNames).join(' '), input: input, inputHandle: inputRef.current, ref: layoutRef })));
|
|
24
24
|
};
|
|
25
25
|
const TextField = forwardRef(TextFieldLocal);
|
|
26
26
|
|
|
27
27
|
export { TextField };
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0RmllbGQvVGV4dEZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEZJRUxEX1RZUEVfREVGQVVMVCxcbiAgICBJbnB1dEltcGVyYXRpdmVIYW5kbGUsXG4gICAgVGV4dEZpZWxkUHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VGb3JjZWRSZWYsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVRleHRGaWVsZCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIGZvcndhcmRSZWYsIHVzZUltcGVyYXRpdmVIYW5kbGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRMYXlvdXQgfSBmcm9tICcuLi9GaWVsZExheW91dC9GaWVsZExheW91dCc7XG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICcuLi9wcml2YXRlL0lucHV0L0lucHV0VGV4dCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IEZJRUxEX1RFWFQgPSAnVGV4dEZpZWxkJztcblxuY29uc3QgVGV4dEZpZWxkTG9jYWw6IEZDPFRleHRGaWVsZFByb3BzPiA9IChcbiAgICB7IGlkOiBvcHRpb25hbElkLCB0eXBlID0gRklFTERfVFlQRV9ERUZBVUxULCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbikgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbGF5b3V0UmVmID0gdXNlUmVmPElucHV0SW1wZXJhdGl2ZUhhbmRsZT4obnVsbCk7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3JjZWRSZWY8SW5wdXRJbXBlcmF0aXZlSGFuZGxlPigpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICAgIHNldEZvY3VzOiAoKSA9PiBsYXlvdXRSZWY/LmN1cnJlbnQ/LnNldEZvY3VzKCksXG4gICAgfSkpO1xuXG4gICAgY29uc3QgdGV4dEZpZWxkID0gdXNlVGV4dEZpZWxkKHtcbiAgICAgICAgaWQ6IG9wdGlvbmFsSWQsXG4gICAgICAgIHR5cGUsXG4gICAgICAgIC4uLnByb3BzLFxuICAgIH0pO1xuICAgIGNvbnN0IHsgbGF5b3V0UHJvcHMsIGlucHV0UHJvcHMgfSA9IHRleHRGaWVsZDtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfVEVYVCk7XG4gICAgY29uc3QgaW5wdXQgPSA8SW5wdXRUZXh0IHsuLi5pbnB1dFByb3BzfSByZWY9e2lucHV0UmVmfSAvPjtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGaWVsZExheW91dFxuICAgICAgICAgICAgey4uLmxheW91dFByb3BzfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXt1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyl9XG4gICAgICAgICAgICBpbnB1dD17aW5wdXR9XG4gICAgICAgICAgICBpbnB1dEhhbmRsZT17aW5wdXRSZWYuY3VycmVudH1cbiAgICAgICAgICAgIHJlZj17bGF5b3V0UmVmfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgVGV4dEZpZWxkID0gZm9yd2FyZFJlZjxJbnB1dEltcGVyYXRpdmVIYW5kbGUsIFRleHRGaWVsZFByb3BzPihUZXh0RmllbGRMb2NhbCk7XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWlCQSxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUM7QUFFL0IsTUFBTSxjQUFjLEdBQXVCLENBQ3ZDLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxJQUFJLEdBQUcsa0JBQWtCLEVBQUUsR0FBRyxLQUFLLEVBQUUsRUFDdkQsR0FBRztJQUVILGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQXdCLElBQUksQ0FBQyxDQUFDO0lBQ3RELE1BQU0sUUFBUSxHQUFHLFlBQVksRUFBeUIsQ0FBQztJQUV2RCxtQkFBbUIsQ0FBQyxHQUFHLEVBQUUsT0FBTztRQUM1QixRQUFRLEVBQUUsNkJBQU0sU0FBUyxhQUFULFNBQVMsdUJBQVQsU0FBUyxDQUFFLE9BQU8sMENBQUUsUUFBUSxLQUFFO0tBQ2pELENBQUMsQ0FBQyxDQUFDO0lBRUosTUFBTSxTQUFTLEdBQUcsWUFBWSxDQUFDO1FBQzNCLEVBQUUsRUFBRSxVQUFVO1FBQ2QsSUFBSTtRQUNKLEdBQUcsS0FBSztLQUNYLENBQUMsQ0FBQztJQUNILE1BQU0sRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLEdBQUcsU0FBUyxDQUFDO0lBRTlDLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUN4RCxNQUFNLEtBQUssR0FBR0EsNkJBQUMsU0FBUyxvQkFBSyxVQUFVLElBQUUsR0FBRyxFQUFFLFFBQVEsSUFBSSxDQUFDO0lBRTNELFFBQ0lBLDZCQUFDLFdBQVcsb0JBQ0osV0FBVyxJQUNmLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQ3hELEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQzdCLEdBQUcsRUFBRSxTQUFTLElBQ2hCLEVBQ0o7QUFDTixDQUFDLENBQUM7TUFFVyxTQUFTLEdBQUcsVUFBVSxDQUF3QyxjQUFjOzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TEXT_HIGHLIGHT_DEFAULT, TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, stringClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -9,9 +9,12 @@ const TextHighlighted = ({ children, highlight = TEXT_HIGHLIGHT_DEFAULT, tag: Ta
|
|
|
9
9
|
const classNames = moduleClassNames(styles, TEXT_HIGHLIGHTED, [
|
|
10
10
|
stringClassNames('highlight', highlight),
|
|
11
11
|
]);
|
|
12
|
-
const props = {
|
|
12
|
+
const props = {
|
|
13
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
14
|
+
...getDatasetProps(dataset),
|
|
15
|
+
};
|
|
13
16
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
14
17
|
};
|
|
15
18
|
|
|
16
19
|
export { TextHighlighted };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dEhpZ2hsaWdodGVkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9UZXh0SGlnaGxpZ2h0ZWQvVGV4dEhpZ2hsaWdodGVkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIFRleHRIaWdobGlnaHQsIFRleHRJbmxpbmVUYWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVEVYVF9ISUdITElHSFRfREVGQVVMVCwgVEVYVF9JTkxJTkVfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgaGlnaGxpZ2h0PzogVGV4dEhpZ2hsaWdodDtcbiAgICB0YWc/OiBUZXh0SW5saW5lVGFnO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBURVhUX0hJR0hMSUdIVEVEID0gJ1RleHRIaWdobGlnaHRlZCc7XG5cbmV4cG9ydCBjb25zdCBUZXh0SGlnaGxpZ2h0ZWQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgaGlnaGxpZ2h0ID0gVEVYVF9ISUdITElHSFRfREVGQVVMVCxcbiAgICB0YWc6IFRhZyA9IFRFWFRfSU5MSU5FX1RBR19ERUZBVUxULFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFRFWFRfSElHSExJR0hURUQsIFtcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnaGlnaGxpZ2h0JywgaGlnaGxpZ2h0KSxcbiAgICBdKTtcbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyhjbGFzc05hbWVzKS5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFvQkEsTUFBTSxnQkFBZ0IsR0FBRyxpQkFBaUIsQ0FBQztNQUU5QixlQUFlLEdBQWMsQ0FBQyxFQUN2QyxRQUFRLEVBQ1IsU0FBUyxHQUFHLHNCQUFzQixFQUNsQyxHQUFHLEVBQUUsR0FBRyxHQUFHLHVCQUF1QixFQUNsQyxPQUFPLEdBQ1Y7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGdCQUFnQixFQUFFO1FBQzFELGdCQUFnQixDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUM7S0FDM0MsQ0FBQyxDQUFDO0lBQ0gsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUN4RCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TEXT_WEIGHT_DEFAULT, TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextWeightClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, useTextWeightClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
@@ -20,9 +20,12 @@ const TextInline = ({ children, accent, color, weight = TEXT_WEIGHT_DEFAULT, ita
|
|
|
20
20
|
...colorClassNames,
|
|
21
21
|
...weightClassNames,
|
|
22
22
|
];
|
|
23
|
-
const props = {
|
|
23
|
+
const props = {
|
|
24
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
25
|
+
...getDatasetProps(dataset),
|
|
26
|
+
};
|
|
24
27
|
return React__default.createElement(Tag, Object.assign({}, props), children);
|
|
25
28
|
};
|
|
26
29
|
|
|
27
30
|
export { TextInline };
|
|
28
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENvbG9yTmFtZSwgRGF0YXNldCwgVGV4dEFjY2VudCwgVGV4dElubGluZVRhZywgVGV4dFdlaWdodCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBURVhUX0lOTElORV9UQUdfREVGQVVMVCwgVEVYVF9XRUlHSFRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUNvbG9yQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dEFjY2VudENsYXNzbmFtZXMsXG4gICAgdXNlVGV4dFdlaWdodENsYXNzTmFtZXMsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgY29sb3I/OiBDb2xvck5hbWU7XG4gICAgd2VpZ2h0PzogVGV4dFdlaWdodDtcbiAgICBpdGFsaWM/OiBib29sZWFuO1xuICAgIHRhZz86IFRleHRJbmxpbmVUYWc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IFRFWFRfSU5MSU5FID0gJ1RleHRJbmxpbmUnO1xuXG5leHBvcnQgY29uc3QgVGV4dElubGluZTogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhY2NlbnQsXG4gICAgY29sb3IsXG4gICAgd2VpZ2h0ID0gVEVYVF9XRUlHSFRfREVGQVVMVCxcbiAgICBpdGFsaWMgPSBmYWxzZSxcbiAgICB0YWc6IFRhZyA9IFRFWFRfSU5MSU5FX1RBR19ERUZBVUxULFxuICAgIGRhdGFzZXQsXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFRFWFRfSU5MSU5FLCBbXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpdGFsaWMnLCB1bmRlZmluZWQsIGl0YWxpYyksXG4gICAgXSk7XG5cbiAgICBjb25zdCBhY3R1YWxDb2xvciA9IGFjY2VudCA/IHVuZGVmaW5lZCA6IGNvbG9yO1xuICAgIGNvbnN0IHVzZURlZmF1bHRBY2NlbnQgPSAhYWN0dWFsQ29sb3I7XG4gICAgY29uc3QgYWNjZW50Q2xhc3NOYW1lcyA9IHVzZVRleHRBY2NlbnRDbGFzc25hbWVzKHVzZURlZmF1bHRBY2NlbnQsIGFjY2VudCk7XG4gICAgY29uc3QgY29sb3JDbGFzc05hbWVzID0gdXNlQ29sb3JDbGFzc05hbWVzKGFjdHVhbENvbG9yKTtcbiAgICBjb25zdCB3ZWlnaHRDbGFzc05hbWVzID0gdXNlVGV4dFdlaWdodENsYXNzTmFtZXMod2VpZ2h0KTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbXG4gICAgICAgIC4uLmNsYXNzTmFtZXMsXG4gICAgICAgIC4uLmFjY2VudENsYXNzTmFtZXMsXG4gICAgICAgIC4uLmNvbG9yQ2xhc3NOYW1lcyxcbiAgICAgICAgLi4ud2VpZ2h0Q2xhc3NOYW1lcyxcbiAgICBdO1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPFRhZyB7Li4ucHJvcHN9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQTBCQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7TUFFcEIsVUFBVSxHQUFjLENBQUMsRUFDbEMsUUFBUSxFQUNSLE1BQU0sRUFDTixLQUFLLEVBQ0wsTUFBTSxHQUFHLG1CQUFtQixFQUM1QixNQUFNLEdBQUcsS0FBSyxFQUNkLEdBQUcsRUFBRSxHQUFHLEdBQUcsdUJBQXVCLEVBQ2xDLE9BQU8sR0FDVjtJQUNHLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFO1FBQ3JELGlCQUFpQixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDO0tBQ2pELENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLE1BQU0sR0FBRyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxXQUFXLENBQUM7SUFDdEMsTUFBTSxnQkFBZ0IsR0FBRyx1QkFBdUIsQ0FBQyxnQkFBZ0IsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUMzRSxNQUFNLGVBQWUsR0FBRyxrQkFBa0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4RCxNQUFNLGdCQUFnQixHQUFHLHVCQUF1QixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXpELE1BQU0sYUFBYSxHQUFHO1FBQ2xCLEdBQUcsVUFBVTtRQUNiLEdBQUcsZ0JBQWdCO1FBQ25CLEdBQUcsZUFBZTtRQUNsQixHQUFHLGdCQUFnQjtLQUN0QixDQUFDO0lBQ0YsTUFBTSxLQUFLLEdBQUc7UUFDVixTQUFTLEVBQUUsdUJBQXVCLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMzRCxHQUFHLGVBQWUsQ0FBQyxPQUFPLENBQUM7S0FDOUIsQ0FBQztJQUVGLE9BQU9BLDZCQUFDLEdBQUcsb0JBQUssS0FBSyxHQUFHLFFBQVEsQ0FBTyxDQUFDO0FBQzVDOzs7OyJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract, useHostname, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps, getExternalUrlProps, moduleLocals, mapEdgeKeyToStandard } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, useHostname, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps, useVisualModeClassNames, getExternalUrlProps, moduleLocals, mapEdgeKeyToStandard } from '@preply/ds-web-core';
|
|
3
3
|
import React__default, { useRef, cloneElement } from 'react';
|
|
4
4
|
import { Spinner } from '../../Spinner/Spinner.js';
|
|
5
5
|
import styles from './style/index.module.less.js';
|
|
@@ -21,9 +21,7 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
21
21
|
if (disabled || busy) {
|
|
22
22
|
event.preventDefault();
|
|
23
23
|
}
|
|
24
|
-
|
|
25
|
-
onClick(event);
|
|
26
|
-
}
|
|
24
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
27
25
|
};
|
|
28
26
|
const handleKeyPress = (event) => {
|
|
29
27
|
var _a;
|
|
@@ -46,7 +44,7 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
46
44
|
const ariaLabel = !isIconButton ? assistiveText || a11yLabel : undefined;
|
|
47
45
|
const props = {
|
|
48
46
|
...getDatasetProps(dataset),
|
|
49
|
-
className: classNames.join(' '),
|
|
47
|
+
className: useVisualModeClassNames(classNames).join(' '),
|
|
50
48
|
title,
|
|
51
49
|
'aria-label': ariaLabel,
|
|
52
50
|
onClick: handleClick,
|
|
@@ -73,4 +71,4 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
73
71
|
};
|
|
74
72
|
|
|
75
73
|
export { ButtonBase };
|
|
76
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7XG4gICAgRkMsXG4gICAgS2V5Ym9hcmRFdmVudCxcbiAgICBNb3VzZUV2ZW50LFxuICAgIE1vdXNlRXZlbnRIYW5kbGVyLFxuICAgIFJlYWN0RWxlbWVudCxcbiAgICBSZWFjdE5vZGUsXG4gICAgY2xvbmVFbGVtZW50LFxuICAgIHVzZVJlZixcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vLi4vU3Bpbm5lci9TcGlubmVyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25CYXNlUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEJ1dHRvblNpemU+O1xuICAgIGZ1bGxXaWR0aD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgaHJlZj86IHN0cmluZztcbiAgICBkb3dubG9hZD86IGJvb2xlYW47XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgbm9mb2xsb3c/OiBib29sZWFuO1xuICAgIHN1Ym1pdHNGb3JtPzogYm9vbGVhbjtcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgaXNJY29uQnV0dG9uOiBib29sZWFuO1xuICAgIGFzPzogUmVhY3RFbGVtZW50O1xuICAgIHVybD86IHN0cmluZztcbiAgICBhMTF5TGFiZWw/OiBzdHJpbmc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEJVVFRPTl9CQVNFID0gJ0J1dHRvbkJhc2UnO1xuXG5jb25zdCByZW5kZXJDb250ZW50OiBGQzx7IGJ1c3k/OiBib29sZWFuIH0+ID0gKHsgY2hpbGRyZW4sIGJ1c3kgfSkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnRDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2NvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2J1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGggPSBmYWxzZSxcbiAgICB3cmFwID0gZmFsc2UsXG4gICAgaHJlZixcbiAgICBkb3dubG9hZCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIG5vZm9sbG93LFxuICAgIHN1Ym1pdHNGb3JtLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgb25DbGljayxcbiAgICBkaXNhYmxlZCxcbiAgICBidXN5LFxuICAgIGlzSWNvbkJ1dHRvbixcbiAgICBhcyxcbiAgICB1cmwsXG4gICAgYTExeUxhYmVsLFxuICAgIGRhdGFzZXQsXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUtleVByZXNzID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGNvbnN0IGtleSA9IG1hcEVkZ2VLZXlUb1N0YW5kYXJkKGV2ZW50LmtleSk7XG4gICAgICAgIGlmIChrZXkgPT09ICcgJyB8fCBrZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICByZWYuY3VycmVudD8uY2xpY2soKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgICAgICBpc0ljb25CdXR0b24gPyBzdHJpbmdDbGFzc05hbWVzKCdpcy1pY29uLWJ1dHRvbi1zaXplJywgc2l6ZSkgOiBbXSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXModW5kZWZpbmVkLCAnbm8td3JhcCcsIHdyYXApLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnd2lkdGgtZnVsbCcsICd3aWR0aC1hdXRvJywgZnVsbFdpZHRoKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWJ1c3knLCB1bmRlZmluZWQsIGJ1c3kpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24nLCB1bmRlZmluZWQsIGlzSWNvbkJ1dHRvbiksXG4gICAgXSk7XG5cbiAgICBjb25zdCB0aXRsZSA9IGlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGFyaWFMYWJlbCA9ICFpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIGNsYXNzTmFtZTogdXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMoY2xhc3NOYW1lcykuam9pbignICcpLFxuICAgICAgICB0aXRsZSxcbiAgICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICAgIG9uQ2xpY2s6IGhhbmRsZUNsaWNrLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiBkaXNhYmxlZCB8fCBidXN5ID8gdHJ1ZSA6IHVuZGVmaW5lZCxcbiAgICB9O1xuXG4gICAgY29uc3QgYWN0dWFsSHJlZiA9IGhyZWYgfHwgdXJsO1xuXG4gICAgY29uc3QgbGlua1Byb3BzID0ge1xuICAgICAgICAuLi5wcm9wcyxcbiAgICAgICAgZG93bmxvYWQsXG4gICAgICAgIHJlZixcbiAgICAgICAgcm9sZTogJ2J1dHRvbicsXG4gICAgICAgIHRhYkluZGV4OiBkaXNhYmxlZCA/IC0xIDogMCxcbiAgICAgICAgaHJlZjogYWN0dWFsSHJlZixcbiAgICAgICAgb25LZXlEb3duOiBoYW5kbGVLZXlQcmVzcyxcbiAgICB9O1xuXG4gICAgaWYgKGFjdHVhbEhyZWYpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgey4uLmxpbmtQcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgYWN0dWFsSHJlZiwgb3BlbnNJbk5ld1RhYiwgbm9mb2xsb3cpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtyZW5kZXJDb250ZW50KHsgY2hpbGRyZW4sIGJ1c3kgfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKGFzKSB7XG4gICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoXG4gICAgICAgICAgICBhcyBhcyBSZWFjdEVsZW1lbnQsXG4gICAgICAgICAgICB7IC4uLmxpbmtQcm9wcyB9LFxuICAgICAgICAgICAgcmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5IH0pLFxuICAgICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLnByb3BzfSB0eXBlPXtzdWJtaXRzRm9ybSA/ICdzdWJtaXQnIDogJ2J1dHRvbid9PlxuICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSB9KX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQW1EQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO0lBQzdELE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzlFLE1BQU0sY0FBYyxHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN4RSxRQUNJQTtRQUNJQSx1Q0FBTSxTQUFTLEVBQUUsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBUTtRQUM5RCxJQUFJLEtBQ0RBLHVDQUFNLFNBQVMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztZQUNyQ0EsNkJBQUMsT0FBTyxPQUFHLENBQ1IsQ0FDVixDQUNGLEVBQ0w7QUFDTixDQUFDLENBQUM7TUFFVyxVQUFVLEdBQXdCLENBQUMsRUFDNUMsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLFNBQVMsR0FBRyxLQUFLLEVBQ2pCLElBQUksR0FBRyxLQUFLLEVBQ1osSUFBSSxFQUNKLFFBQVEsRUFDUixhQUFhLEVBQ2IsUUFBUSxFQUNSLFdBQVcsRUFDWCxhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsRUFDUixJQUFJLEVBQ0osWUFBWSxFQUNaLEVBQUUsRUFDRixHQUFHLEVBQ0gsU0FBUyxFQUNULE9BQU8sRUFDUCxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFDL0IsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFvQixJQUFJLENBQUMsQ0FBQztJQUU1QyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQWlCO1FBQ2xDLElBQUksUUFBUSxJQUFJLElBQUksRUFBRTtZQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDMUI7UUFDRCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsS0FBSyxFQUFFO0tBQ3BCLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQW9COztRQUN4QyxNQUFNLEdBQUcsR0FBRyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUMsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDaEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsS0FBSyxHQUFHO1NBQ3hCO0tBQ0osQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUU7UUFDckQsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLE9BQU8sQ0FBQztRQUNwQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1FBQzlCLFlBQVksR0FBRyxnQkFBZ0IsQ0FBQyxxQkFBcUIsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ2pFLGlCQUFpQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQzdDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsU0FBUyxDQUFDO1FBQ3hELGlCQUFpQixDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQzdDLGlCQUFpQixDQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7S0FDL0QsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUcsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQ3BFLE1BQU0sU0FBUyxHQUFHLENBQUMsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBRXpFLE1BQU0sS0FBSyxHQUFHO1FBQ1YsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3hELEtBQUs7UUFDTCxZQUFZLEVBQUUsU0FBUztRQUN2QixPQUFPLEVBQUUsV0FBVztRQUNwQixRQUFRO1FBQ1IsZUFBZSxFQUFFLFFBQVEsSUFBSSxJQUFJLEdBQUcsSUFBSSxHQUFHLFNBQVM7S0FDdkQsQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLElBQUksSUFBSSxHQUFHLENBQUM7SUFFL0IsTUFBTSxTQUFTLEdBQUc7UUFDZCxHQUFHLEtBQUs7UUFDUixRQUFRO1FBQ1IsR0FBRztRQUNILElBQUksRUFBRSxRQUFRO1FBQ2QsUUFBUSxFQUFFLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDO1FBQzNCLElBQUksRUFBRSxVQUFVO1FBQ2hCLFNBQVMsRUFBRSxjQUFjO0tBQzVCLENBQUM7SUFFRixJQUFJLFVBQVUsRUFBRTtRQUNaLFFBQ0lBLG9EQUNRLFNBQVMsRUFDVCxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxRQUFRLENBQUMsR0FFckUsYUFBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQ2xDLEVBQ047S0FDTDtJQUVELElBQUksRUFBRSxFQUFFO1FBQ0osT0FBTyxZQUFZLENBQ2YsRUFBa0IsRUFDbEIsRUFBRSxHQUFHLFNBQVMsRUFBRSxFQUNoQixhQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FDcEMsQ0FBQztLQUNMO0lBRUQsUUFDSUEseURBQVksS0FBSyxJQUFFLElBQUksRUFBRSxXQUFXLEdBQUcsUUFBUSxHQUFHLFFBQVEsS0FDckQsYUFBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQzdCLEVBQ1g7QUFDTjs7OzsifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useStyleExtract, moduleClassNames, booleanClassNames, moduleLocals } from '@preply/ds-web-core';
|
|
1
|
+
import { useStyleExtract, moduleClassNames, booleanClassNames, useVisualModeClassNames, moduleLocals } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
@@ -16,10 +16,10 @@ const FieldLabel = ({ id, label, hideLabel, required, requiredLabel, }) => {
|
|
|
16
16
|
const classNames = moduleClassNames(styles, FIELD_LABEL, [
|
|
17
17
|
booleanClassNames('hide', undefined, hideLabel),
|
|
18
18
|
]);
|
|
19
|
-
return (React__default.createElement("label", { htmlFor: id, className: classNames.join(' ') },
|
|
19
|
+
return (React__default.createElement("label", { htmlFor: id, className: useVisualModeClassNames(classNames).join(' ') },
|
|
20
20
|
label,
|
|
21
21
|
required && React__default.createElement(Required, { label: requiredLabel })));
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
export { FieldLabel };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYWJlbC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9GaWVsZExhYmVsL0ZpZWxkTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRMYWJlbFByb3BzLFxuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VWaXN1YWxNb2RlQ2xhc3NOYW1lcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFCRUwgPSAnRmllbGRMYWJlbCc7XG5cbmNvbnN0IEJVTExFVF9CTEFDS19TTUFMTF9DSVJDTEUgPSAnXFx1MjAyMic7XG5jb25zdCBERUZBVUxUX1JFUVVJUkVEX0xBQkVMID0gJ1JlcXVpcmVkJztcblxuY29uc3QgUmVxdWlyZWQ6IEZDPHsgbGFiZWw/OiBSZWFjdE5vZGUgfCBzdHJpbmcgfT4gPSAoeyBsYWJlbCA9IERFRkFVTFRfUkVRVUlSRURfTEFCRUwgfSkgPT4ge1xuICAgIGNvbnN0IHJlcXVpcmVkQ2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIEZJRUxEX0xBQkVMLCBbJ3JlcXVpcmVkJ10pO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17cmVxdWlyZWRDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8c3Bhbj57QlVMTEVUX0JMQUNLX1NNQUxMX0NJUkNMRX08L3NwYW4+XG4gICAgICAgICAgICA8c3Bhbj57bGFiZWx9PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsOiBGQzxGaWVsZExhYmVsUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBsYWJlbCxcbiAgICBoaWRlTGFiZWwsXG4gICAgcmVxdWlyZWQsXG4gICAgcmVxdWlyZWRMYWJlbCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgRklFTERfTEFCRUwsIFtcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hpZGUnLCB1bmRlZmluZWQsIGhpZGVMYWJlbCksXG4gICAgXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8bGFiZWwgaHRtbEZvcj17aWR9IGNsYXNzTmFtZT17dXNlVmlzdWFsTW9kZUNsYXNzTmFtZXMoY2xhc3NOYW1lcykuam9pbignICcpfT5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtyZXF1aXJlZCAmJiA8UmVxdWlyZWQgbGFiZWw9e3JlcXVpcmVkTGFiZWx9IC8+fVxuICAgICAgICA8L2xhYmVsPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7O0FBWUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0seUJBQXlCLEdBQUcsUUFBUSxDQUFDO0FBQzNDLE1BQU0sc0JBQXNCLEdBQUcsVUFBVSxDQUFDO0FBRTFDLE1BQU0sUUFBUSxHQUF1QyxDQUFDLEVBQUUsS0FBSyxHQUFHLHNCQUFzQixFQUFFO0lBQ3BGLE1BQU0sa0JBQWtCLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQzNFLFFBQ0lBLHVDQUFNLFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3pDQSwyQ0FBTyx5QkFBeUIsQ0FBUTtRQUN4Q0EsMkNBQU8sS0FBSyxDQUFRLENBQ2pCLEVBQ1Q7QUFDTixDQUFDLENBQUM7TUFFVyxVQUFVLEdBQXdCLENBQUMsRUFDNUMsRUFBRSxFQUNGLEtBQUssRUFDTCxTQUFTLEVBQ1QsUUFBUSxFQUNSLGFBQWEsR0FDaEI7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQztLQUNsRCxDQUFDLENBQUM7SUFFSCxRQUNJQSx3Q0FBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ3ZFLEtBQUs7UUFDTCxRQUFRLElBQUlBLDZCQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsYUFBYSxHQUFJLENBQzNDLEVBQ1Y7QUFDTjs7OzsifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useStyleExtract, moduleClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
1
|
+
import { useStyleExtract, moduleClassNames, useVisualModeClassNames, getDatasetProps } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { FieldAdditionalText } from '../../FieldAdditionalText/FieldAdditionalText.js';
|
|
4
4
|
import { FieldLabel } from '../FieldLabel/FieldLabel.js';
|
|
@@ -12,7 +12,10 @@ const FieldLayoutBase = ({ id, className, label, hideLabel, required, requiredLa
|
|
|
12
12
|
if (className) {
|
|
13
13
|
allClassNames.push(className);
|
|
14
14
|
}
|
|
15
|
-
const ownProps = {
|
|
15
|
+
const ownProps = {
|
|
16
|
+
className: useVisualModeClassNames(allClassNames).join(' '),
|
|
17
|
+
...getDatasetProps(dataset),
|
|
18
|
+
};
|
|
16
19
|
const labelProps = { id, label, hideLabel, required, requiredLabel };
|
|
17
20
|
const spacePreserver = !additionalText && preserveSpace ? React__default.createElement("span", null, "\u00A0") : undefined;
|
|
18
21
|
const additionalTextVariant = hasError ? 'error' : 'normal';
|
|
@@ -24,4 +27,4 @@ const FieldLayoutBase = ({ id, className, label, hideLabel, required, requiredLa
|
|
|
24
27
|
};
|
|
25
28
|
|
|
26
29
|
export { FieldLayoutBase };
|
|
27
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXRCYXNlLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9wcml2YXRlL0ZpZWxkTGF5b3V0QmFzZS9GaWVsZExheW91dEJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQsXG4gICAgRmllbGRMYXlvdXRCYXNlUHJvcHMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRBZGRpdGlvbmFsVGV4dCB9IGZyb20gJy4uLy4uL0ZpZWxkQWRkaXRpb25hbFRleHQvRmllbGRBZGRpdGlvbmFsVGV4dCc7XG5pbXBvcnQgeyBGaWVsZExhYmVsIH0gZnJvbSAnLi4vRmllbGRMYWJlbC9GaWVsZExhYmVsJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRklFTERfTEFZT1VUX0JBU0UgPSAnRmllbGRMYXlvdXRCYXNlJztcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGF5b3V0QmFzZTogRkM8RmllbGRMYXlvdXRCYXNlUHJvcHM+ID0gKHtcbiAgICBpZCxcbiAgICBjbGFzc05hbWUsXG4gICAgbGFiZWwsXG4gICAgaGlkZUxhYmVsLFxuICAgIHJlcXVpcmVkLFxuICAgIHJlcXVpcmVkTGFiZWwsXG4gICAgYWRkaXRpb25hbFRleHQsXG4gICAgcHJlc2VydmVTcGFjZSxcbiAgICBoYXNFcnJvcixcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgbG9jYWxDbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEZJRUxEX0xBWU9VVF9CQVNFKTtcblxuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBbLi4ubG9jYWxDbGFzc05hbWVzXTtcbiAgICBpZiAoY2xhc3NOYW1lKSB7XG4gICAgICAgIGFsbENsYXNzTmFtZXMucHVzaChjbGFzc05hbWUpO1xuICAgIH1cblxuICAgIGNvbnN0IG93blByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IHVzZVZpc3VhbE1vZGVDbGFzc05hbWVzKGFsbENsYXNzTmFtZXMpLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgIH07XG4gICAgY29uc3QgbGFiZWxQcm9wcyA9IHsgaWQsIGxhYmVsLCBoaWRlTGFiZWwsIHJlcXVpcmVkLCByZXF1aXJlZExhYmVsIH07XG5cbiAgICBjb25zdCBzcGFjZVByZXNlcnZlciA9ICFhZGRpdGlvbmFsVGV4dCAmJiBwcmVzZXJ2ZVNwYWNlID8gPHNwYW4+Jm5ic3A7PC9zcGFuPiA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGFkZGl0aW9uYWxUZXh0VmFyaWFudDogRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQgPSBoYXNFcnJvciA/ICdlcnJvcicgOiAnbm9ybWFsJztcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgey4uLm93blByb3BzfT5cbiAgICAgICAgICAgIDxGaWVsZExhYmVsIHsuLi5sYWJlbFByb3BzfSAvPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAge2FkZGl0aW9uYWxUZXh0ICYmIChcbiAgICAgICAgICAgICAgICA8RmllbGRBZGRpdGlvbmFsVGV4dCBpZD17YCR7aWR9LWRlc2NgfSB2YXJpYW50PXthZGRpdGlvbmFsVGV4dFZhcmlhbnR9PlxuICAgICAgICAgICAgICAgICAgICB7YWRkaXRpb25hbFRleHR9XG4gICAgICAgICAgICAgICAgPC9GaWVsZEFkZGl0aW9uYWxUZXh0PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtzcGFjZVByZXNlcnZlcn1cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWVBLE1BQU0saUJBQWlCLEdBQUcsaUJBQWlCLENBQUM7TUFFL0IsZUFBZSxHQUE2QixDQUFDLEVBQ3RELEVBQUUsRUFDRixTQUFTLEVBQ1QsS0FBSyxFQUNMLFNBQVMsRUFDVCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGNBQWMsRUFDZCxhQUFhLEVBQ2IsUUFBUSxFQUNSLE9BQU8sRUFDUCxRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLGlCQUFpQixDQUFDLENBQUM7SUFFcEUsTUFBTSxhQUFhLEdBQUcsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxDQUFDO0lBQzNDLElBQUksU0FBUyxFQUFFO1FBQ1gsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztLQUNqQztJQUVELE1BQU0sUUFBUSxHQUFHO1FBQ2IsU0FBUyxFQUFFLHVCQUF1QixDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDM0QsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO0tBQzlCLENBQUM7SUFDRixNQUFNLFVBQVUsR0FBRyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsQ0FBQztJQUVyRSxNQUFNLGNBQWMsR0FBRyxDQUFDLGNBQWMsSUFBSSxhQUFhLEdBQUdBLG9EQUFtQixHQUFHLFNBQVMsQ0FBQztJQUUxRixNQUFNLHFCQUFxQixHQUErQixRQUFRLEdBQUcsT0FBTyxHQUFHLFFBQVEsQ0FBQztJQUV4RixRQUNJQSxzREFBUyxRQUFRO1FBQ2JBLDZCQUFDLFVBQVUsb0JBQUssVUFBVSxFQUFJO1FBQzdCLFFBQVE7UUFDUixjQUFjLEtBQ1hBLDZCQUFDLG1CQUFtQixJQUFDLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsSUFDaEUsY0FBYyxDQUNHLENBQ3pCO1FBQ0EsY0FBYyxDQUNiLEVBQ1I7QUFDTjs7OzsifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.56.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,26 +19,26 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
23
|
-
"@preply/ds-media-icons": "0.
|
|
24
|
-
"@preply/ds-web-core": "0.
|
|
25
|
-
"@preply/ds-web-root": "0.
|
|
22
|
+
"@preply/ds-core": "0.56.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.56.0",
|
|
24
|
+
"@preply/ds-web-core": "0.56.0",
|
|
25
|
+
"@preply/ds-web-root": "0.56.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.56.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.56.0",
|
|
30
|
+
"@preply/ds-web-core": "0.56.0",
|
|
31
|
+
"@preply/ds-web-root": "0.56.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.56.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.56.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
|
"jsdom-testing-mocks": "^1.7.0"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "55ab838d614c253062ef24b4a20e5b863a8ce8a3"
|
|
44
44
|
}
|