@preply/ds-web-core 0.47.0 → 0.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{aria → accessibility/aria}/utils.d.ts +1 -1
- package/dist/accessibility/aria/utils.js +22 -0
- package/dist/accessibility/index.d.ts +1 -0
- package/dist/{aria → accessibility}/index.js +1 -1
- package/dist/accessibility/style/mixins.less +9 -0
- package/dist/{actions/style/action.mixins.less.js → accessibility/style/mixins.less.js} +0 -0
- package/dist/actions/style/{action.mixins.less → mixins.less} +0 -0
- package/dist/actions/style/mixins.less.js +8 -0
- package/dist/dom/props/constants.d.ts +2 -3
- package/dist/dom/props/constants.js +4 -3
- package/dist/dom/props/index.d.ts +1 -1
- package/dist/dom/props/index.js +7 -4
- package/dist/field/constants.d.ts +2 -0
- package/dist/field/constants.js +4 -3
- package/dist/field/hooks/useTextField.d.ts +3 -3
- package/dist/field/hooks/useTextField.js +5 -6
- package/dist/field/index.d.ts +1 -0
- package/dist/field/index.js +3 -2
- package/dist/field/options.d.ts +3 -0
- package/dist/field/options.js +7 -0
- package/dist/field/types.d.ts +20 -11
- package/dist/generated/breakpoints.less +1 -1
- package/dist/generated/options.less +1 -1
- package/dist/generated/tokens.less +4 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4 -3
- package/package.json +6 -6
- package/dist/aria/index.d.ts +0 -1
- package/dist/aria/utils.js +0 -22
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { InputCommonProps } from '
|
|
2
|
+
import type { InputCommonProps } from '../../input';
|
|
3
3
|
export declare const makeDescId: (id: string) => string;
|
|
4
4
|
export declare const getAriaProps: ({ "aria-describedby": ariaDescribedBy, "aria-disabled": ariaDisabled, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, required, disabled, hasError, }: InputCommonProps) => Pick<import("react").HTMLAttributes<HTMLInputElement>, "aria-describedby" | "aria-disabled" | "aria-invalid" | "aria-required">;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
const SUFIX = '-desc';
|
|
2
|
+
const removeFalsyProperties = (props) => {
|
|
3
|
+
return Object.keys(props).reduce((acc, key) => {
|
|
4
|
+
if (props[key]) {
|
|
5
|
+
acc[key] = props[key];
|
|
6
|
+
}
|
|
7
|
+
return acc;
|
|
8
|
+
}, {});
|
|
9
|
+
};
|
|
10
|
+
const makeDescId = (id) => `${id}${SUFIX}`;
|
|
11
|
+
const getAriaProps = ({ 'aria-describedby': ariaDescribedBy, 'aria-disabled': ariaDisabled, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, required, disabled, hasError, }) => {
|
|
12
|
+
const props = {
|
|
13
|
+
'aria-describedby': ariaDescribedBy || '',
|
|
14
|
+
'aria-disabled': !!ariaDisabled || !!disabled,
|
|
15
|
+
'aria-invalid': !!ariaInvalid || !!hasError,
|
|
16
|
+
'aria-required': !!ariaRequired || !!required,
|
|
17
|
+
};
|
|
18
|
+
return removeFalsyProperties(props);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { getAriaProps, makeDescId };
|
|
22
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2Nlc3NpYmlsaXR5L2FyaWEvdXRpbHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBBUklBSW5wdXRQcm9wcywgQVJJQUlucHV0UHJvcHNNYXAsIElucHV0Q29tbW9uUHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5cbmNvbnN0IFNVRklYID0gJy1kZXNjJztcblxuY29uc3QgcmVtb3ZlRmFsc3lQcm9wZXJ0aWVzID0gKHByb3BzOiBBUklBSW5wdXRQcm9wc01hcCk6IEFSSUFJbnB1dFByb3BzID0+IHtcbiAgICByZXR1cm4gT2JqZWN0LmtleXMocHJvcHMpLnJlZHVjZSgoYWNjLCBrZXkpID0+IHtcbiAgICAgICAgaWYgKHByb3BzW2tleV0pIHtcbiAgICAgICAgICAgIGFjY1trZXldID0gcHJvcHNba2V5XTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBtYWtlRGVzY0lkID0gKGlkOiBzdHJpbmcpOiBzdHJpbmcgPT4gYCR7aWR9JHtTVUZJWH1gO1xuXG5leHBvcnQgY29uc3QgZ2V0QXJpYVByb3BzID0gKHtcbiAgICAnYXJpYS1kZXNjcmliZWRieSc6IGFyaWFEZXNjcmliZWRCeSxcbiAgICAnYXJpYS1kaXNhYmxlZCc6IGFyaWFEaXNhYmxlZCxcbiAgICAnYXJpYS1pbnZhbGlkJzogYXJpYUludmFsaWQsXG4gICAgJ2FyaWEtcmVxdWlyZWQnOiBhcmlhUmVxdWlyZWQsXG4gICAgcmVxdWlyZWQsXG4gICAgZGlzYWJsZWQsXG4gICAgaGFzRXJyb3IsXG59OiBJbnB1dENvbW1vblByb3BzKTogQVJJQUlucHV0UHJvcHMgPT4ge1xuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IGFyaWFEZXNjcmliZWRCeSB8fCAnJyxcbiAgICAgICAgJ2FyaWEtZGlzYWJsZWQnOiAhIWFyaWFEaXNhYmxlZCB8fCAhIWRpc2FibGVkLFxuICAgICAgICAnYXJpYS1pbnZhbGlkJzogISFhcmlhSW52YWxpZCB8fCAhIWhhc0Vycm9yLFxuICAgICAgICAnYXJpYS1yZXF1aXJlZCc6ICEhYXJpYVJlcXVpcmVkIHx8ICEhcmVxdWlyZWQsXG4gICAgfTtcblxuICAgIHJldHVybiByZW1vdmVGYWxzeVByb3BlcnRpZXMocHJvcHMpO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7QUFFdEIsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLEtBQXdCO0lBQ25ELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsR0FBRztRQUN0QyxJQUFJLEtBQUssQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNaLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDekI7UUFDRCxPQUFPLEdBQUcsQ0FBQztLQUNkLEVBQUUsRUFBRSxDQUFDLENBQUM7QUFDWCxDQUFDLENBQUM7TUFFVyxVQUFVLEdBQUcsQ0FBQyxFQUFVLEtBQWEsR0FBRyxFQUFFLEdBQUcsS0FBSyxHQUFHO01BRXJELFlBQVksR0FBRyxDQUFDLEVBQ3pCLGtCQUFrQixFQUFFLGVBQWUsRUFDbkMsZUFBZSxFQUFFLFlBQVksRUFDN0IsY0FBYyxFQUFFLFdBQVcsRUFDM0IsZUFBZSxFQUFFLFlBQVksRUFDN0IsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEdBQ087SUFDZixNQUFNLEtBQUssR0FBRztRQUNWLGtCQUFrQixFQUFFLGVBQWUsSUFBSSxFQUFFO1FBQ3pDLGVBQWUsRUFBRSxDQUFDLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQyxRQUFRO1FBQzdDLGNBQWMsRUFBRSxDQUFDLENBQUMsV0FBVyxJQUFJLENBQUMsQ0FBQyxRQUFRO1FBQzNDLGVBQWUsRUFBRSxDQUFDLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQyxRQUFRO0tBQ2hELENBQUM7SUFFRixPQUFPLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3hDOzs7OyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { getAriaProps } from './aria/utils';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { getAriaProps } from './utils.js';
|
|
1
|
+
export { getAriaProps } from './aria/utils.js';
|
|
2
2
|
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QixxREFBeUQ7QUFDakY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
const
|
|
1
|
+
const REL_VALUES_EXTERNAL_URL = ['noreferrer', 'noopener'];
|
|
2
|
+
const REL_VALUES_NO_FOLLOW = ['nofollow'];
|
|
2
3
|
const PROPS_EXTERNAL_TARGET = { target: '_blank' };
|
|
3
4
|
|
|
4
|
-
export {
|
|
5
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
5
|
+
export { PROPS_EXTERNAL_TARGET, REL_VALUES_EXTERNAL_URL, REL_VALUES_NO_FOLLOW };
|
|
6
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZG9tL3Byb3BzL2NvbnN0YW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgUkVMX1ZBTFVFU19FWFRFUk5BTF9VUkwgPSBbJ25vcmVmZXJyZXInLCAnbm9vcGVuZXInXTtcbmV4cG9ydCBjb25zdCBSRUxfVkFMVUVTX05PX0ZPTExPVyA9IFsnbm9mb2xsb3cnXTtcbmV4cG9ydCBjb25zdCBQUk9QU19FWFRFUk5BTF9UQVJHRVQgPSB7IHRhcmdldDogJ19ibGFuaycgfTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFBYSx1QkFBdUIsR0FBRyxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUU7TUFDckQsb0JBQW9CLEdBQUcsQ0FBQyxVQUFVLEVBQUU7TUFDcEMscUJBQXFCLEdBQUcsRUFBRSxNQUFNLEVBQUUsUUFBUTs7OzsifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Dataset } from '@preply/ds-core';
|
|
2
2
|
import type { AnchorProps } from '../../types';
|
|
3
3
|
export declare const getDatasetProps: (dataset?: Dataset | undefined) => Dataset;
|
|
4
|
-
export declare const getExternalUrlProps: (hostname: string | undefined, url: string, opensInNewTab?: boolean | undefined) => AnchorProps;
|
|
4
|
+
export declare const getExternalUrlProps: (hostname: string | undefined, url: string, opensInNewTab?: boolean | undefined, nofollow?: boolean | undefined) => AnchorProps;
|
package/dist/dom/props/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { currentHostname } from '../../location/index.js';
|
|
2
2
|
import { domainOf } from '../../url/index.js';
|
|
3
|
-
import {
|
|
3
|
+
import { REL_VALUES_EXTERNAL_URL, REL_VALUES_NO_FOLLOW, PROPS_EXTERNAL_TARGET } from './constants.js';
|
|
4
4
|
|
|
5
5
|
const getDatasetProps = (dataset) => {
|
|
6
6
|
if (!dataset) {
|
|
@@ -11,15 +11,18 @@ const getDatasetProps = (dataset) => {
|
|
|
11
11
|
return acc;
|
|
12
12
|
}, {});
|
|
13
13
|
};
|
|
14
|
-
const getExternalUrlProps = (hostname, url, opensInNewTab) => {
|
|
14
|
+
const getExternalUrlProps = (hostname, url, opensInNewTab, nofollow) => {
|
|
15
15
|
const local = hostname || currentHostname();
|
|
16
16
|
const isAbsolute = /^[a-z]+:/.test(url) || url.startsWith('//');
|
|
17
17
|
const isExternal = isAbsolute && domainOf(url) !== local;
|
|
18
|
-
const
|
|
18
|
+
const relValuesNoFollow = isExternal ? REL_VALUES_EXTERNAL_URL : [];
|
|
19
|
+
const relValuesExternalUrl = nofollow ? REL_VALUES_NO_FOLLOW : [];
|
|
20
|
+
const relValues = [...relValuesNoFollow, ...relValuesExternalUrl].join(' ');
|
|
21
|
+
const propsRel = relValues ? { rel: relValues } : {};
|
|
19
22
|
const useExternalTarget = opensInNewTab === undefined ? isExternal : opensInNewTab;
|
|
20
23
|
const propsTarget = useExternalTarget ? PROPS_EXTERNAL_TARGET : {};
|
|
21
24
|
return { ...propsRel, ...propsTarget };
|
|
22
25
|
};
|
|
23
26
|
|
|
24
27
|
export { getDatasetProps, getExternalUrlProps };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kb20vcHJvcHMvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEYXRhc2V0IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcblxuaW1wb3J0IHsgY3VycmVudEhvc3RuYW1lIH0gZnJvbSAnLi4vLi4vbG9jYXRpb24nO1xuaW1wb3J0IHR5cGUgeyBBbmNob3JQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IGRvbWFpbk9mIH0gZnJvbSAnLi4vLi4vdXJsJztcblxuaW1wb3J0IHsgUFJPUFNfRVhURVJOQUxfVEFSR0VULCBSRUxfVkFMVUVTX0VYVEVSTkFMX1VSTCwgUkVMX1ZBTFVFU19OT19GT0xMT1cgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbmV4cG9ydCBjb25zdCBnZXREYXRhc2V0UHJvcHMgPSAoZGF0YXNldD86IERhdGFzZXQpOiBEYXRhc2V0ID0+IHtcbiAgICBpZiAoIWRhdGFzZXQpIHtcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIH1cbiAgICByZXR1cm4gT2JqZWN0LmtleXMoZGF0YXNldCkucmVkdWNlKChhY2MsIGtleSkgPT4ge1xuICAgICAgICBhY2NbYGRhdGEtJHtrZXl9YF0gPSBkYXRhc2V0W2tleV07XG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgfSwge30gYXMgRGF0YXNldCk7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RXh0ZXJuYWxVcmxQcm9wcyA9IChcbiAgICBob3N0bmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHVybDogc3RyaW5nLFxuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuLFxuICAgIG5vZm9sbG93PzogYm9vbGVhbixcbik6IEFuY2hvclByb3BzID0+IHtcbiAgICBjb25zdCBsb2NhbCA9IGhvc3RuYW1lIHx8IGN1cnJlbnRIb3N0bmFtZSgpO1xuICAgIGNvbnN0IGlzQWJzb2x1dGUgPSAvXlthLXpdKzovLnRlc3QodXJsKSB8fCB1cmwuc3RhcnRzV2l0aCgnLy8nKTtcbiAgICBjb25zdCBpc0V4dGVybmFsID0gaXNBYnNvbHV0ZSAmJiBkb21haW5PZih1cmwpICE9PSBsb2NhbDtcblxuICAgIGNvbnN0IHJlbFZhbHVlc05vRm9sbG93ID0gaXNFeHRlcm5hbCA/IFJFTF9WQUxVRVNfRVhURVJOQUxfVVJMIDogW107XG4gICAgY29uc3QgcmVsVmFsdWVzRXh0ZXJuYWxVcmwgPSBub2ZvbGxvdyA/IFJFTF9WQUxVRVNfTk9fRk9MTE9XIDogW107XG5cbiAgICBjb25zdCByZWxWYWx1ZXMgPSBbLi4ucmVsVmFsdWVzTm9Gb2xsb3csIC4uLnJlbFZhbHVlc0V4dGVybmFsVXJsXS5qb2luKCcgJyk7XG4gICAgY29uc3QgcHJvcHNSZWwgPSByZWxWYWx1ZXMgPyB7IHJlbDogcmVsVmFsdWVzIH0gOiB7fTtcblxuICAgIGNvbnN0IHVzZUV4dGVybmFsVGFyZ2V0ID0gb3BlbnNJbk5ld1RhYiA9PT0gdW5kZWZpbmVkID8gaXNFeHRlcm5hbCA6IG9wZW5zSW5OZXdUYWI7XG4gICAgY29uc3QgcHJvcHNUYXJnZXQgPSB1c2VFeHRlcm5hbFRhcmdldCA/IFBST1BTX0VYVEVSTkFMX1RBUkdFVCA6IHt9O1xuXG4gICAgcmV0dXJuIHsgLi4ucHJvcHNSZWwsIC4uLnByb3BzVGFyZ2V0IH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7TUFRYSxlQUFlLEdBQUcsQ0FBQyxPQUFpQjtJQUM3QyxJQUFJLENBQUMsT0FBTyxFQUFFO1FBQ1YsT0FBTyxFQUFFLENBQUM7S0FDYjtJQUNELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsR0FBRztRQUN4QyxHQUFHLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNsQyxPQUFPLEdBQUcsQ0FBQztLQUNkLEVBQUUsRUFBYSxDQUFDLENBQUM7QUFDdEIsRUFBRTtNQUVXLG1CQUFtQixHQUFHLENBQy9CLFFBQTRCLEVBQzVCLEdBQVcsRUFDWCxhQUF1QixFQUN2QixRQUFrQjtJQUVsQixNQUFNLEtBQUssR0FBRyxRQUFRLElBQUksZUFBZSxFQUFFLENBQUM7SUFDNUMsTUFBTSxVQUFVLEdBQUcsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hFLE1BQU0sVUFBVSxHQUFHLFVBQVUsSUFBSSxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssS0FBSyxDQUFDO0lBRXpELE1BQU0saUJBQWlCLEdBQUcsVUFBVSxHQUFHLHVCQUF1QixHQUFHLEVBQUUsQ0FBQztJQUNwRSxNQUFNLG9CQUFvQixHQUFHLFFBQVEsR0FBRyxvQkFBb0IsR0FBRyxFQUFFLENBQUM7SUFFbEUsTUFBTSxTQUFTLEdBQUcsQ0FBQyxHQUFHLGlCQUFpQixFQUFFLEdBQUcsb0JBQW9CLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUUsTUFBTSxRQUFRLEdBQUcsU0FBUyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQztJQUVyRCxNQUFNLGlCQUFpQixHQUFHLGFBQWEsS0FBSyxTQUFTLEdBQUcsVUFBVSxHQUFHLGFBQWEsQ0FBQztJQUNuRixNQUFNLFdBQVcsR0FBRyxpQkFBaUIsR0FBRyxxQkFBcUIsR0FBRyxFQUFFLENBQUM7SUFFbkUsT0FBTyxFQUFFLEdBQUcsUUFBUSxFQUFFLEdBQUcsV0FBVyxFQUFFLENBQUM7QUFDM0M7Ozs7In0=
|
package/dist/field/constants.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
const FIELD_TYPE_DEFAULT = 'text';
|
|
1
|
+
const FIELD_TYPE_DEFAULT = 'text';
|
|
2
|
+
const FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT = 'normal';
|
|
2
3
|
|
|
3
|
-
export { FIELD_TYPE_DEFAULT };
|
|
4
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
4
|
+
export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT };
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi9zcmMvZmllbGQvY29uc3RhbnRzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZpZWxkQWRkaXRpb25hbFRleHRWYXJpYW50IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBGSUVMRF9UWVBFX0RFRkFVTFQgPSAndGV4dCc7XG5leHBvcnQgY29uc3QgRklFTERfQURESVRJT05BTF9URVhUX1ZBUklBTlRfREVGQVVMVDogRmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQgPSAnbm9ybWFsJztcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFFYSxrQkFBa0IsR0FBRyxPQUFPO01BQzVCLHFDQUFxQyxHQUErQjs7OzsifQ==
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { SimpleTextInputTypeProps } from '../../input';
|
|
2
|
-
import {
|
|
2
|
+
import { FieldLayoutProps, TextFieldProps } from '../types';
|
|
3
3
|
declare type UseTextFieldState = {
|
|
4
|
-
|
|
4
|
+
layoutProps: Omit<FieldLayoutProps, 'input' | 'className' | 'inputHandle'>;
|
|
5
5
|
inputProps: SimpleTextInputTypeProps;
|
|
6
6
|
};
|
|
7
|
-
export declare const useTextField: (props: TextFieldProps & Pick<SimpleTextInputTypeProps, "
|
|
7
|
+
export declare const useTextField: (props: TextFieldProps & Pick<SimpleTextInputTypeProps, "required" | "disabled" | "hasError" | "dataset" | "aria-describedby" | "aria-disabled" | "aria-invalid" | "aria-required" | "type" | "autoComplete" | "placeholder" | "maxLength" | "name" | "value" | "defaultValue" | "onChange" | "onFocus" | "onBlur" | "onClick" | "onKeyDown" | "onKeyUp">) => UseTextFieldState;
|
|
8
8
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { makeTinyId } from '@preply/ds-core';
|
|
2
2
|
import { useState } from 'react';
|
|
3
|
-
import { makeDescId } from '../../aria/utils.js';
|
|
3
|
+
import { makeDescId } from '../../accessibility/aria/utils.js';
|
|
4
4
|
import { FIELD_TYPE_DEFAULT } from '../constants.js';
|
|
5
5
|
|
|
6
6
|
const useTextField = (props) => {
|
|
@@ -24,14 +24,14 @@ const useTextField = (props) => {
|
|
|
24
24
|
onChange === null || onChange === void 0 ? void 0 : onChange(ev);
|
|
25
25
|
};
|
|
26
26
|
const actualHasError = hasError || !!errorMessage;
|
|
27
|
+
const actualAdditionalText = errorMessage || additionalText;
|
|
27
28
|
const describeId = actualHasError || !!additionalText ? makeDescId(actualId) : undefined;
|
|
28
29
|
return {
|
|
29
|
-
|
|
30
|
+
layoutProps: {
|
|
30
31
|
id: actualId,
|
|
31
|
-
type: actualType,
|
|
32
32
|
label,
|
|
33
33
|
hideLabel,
|
|
34
|
-
additionalText,
|
|
34
|
+
additionalText: actualAdditionalText,
|
|
35
35
|
required,
|
|
36
36
|
disabled,
|
|
37
37
|
isFocused,
|
|
@@ -39,7 +39,6 @@ const useTextField = (props) => {
|
|
|
39
39
|
isChanged,
|
|
40
40
|
hasValue: typeof value !== undefined,
|
|
41
41
|
hasError: actualHasError,
|
|
42
|
-
errorMessage,
|
|
43
42
|
preserveSpace,
|
|
44
43
|
icon,
|
|
45
44
|
button,
|
|
@@ -63,4 +62,4 @@ const useTextField = (props) => {
|
|
|
63
62
|
};
|
|
64
63
|
|
|
65
64
|
export { useTextField };
|
|
66
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVGV4dEZpZWxkLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZmllbGQvaG9va3MvdXNlVGV4dEZpZWxkLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1ha2VUaW55SWQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRXZlbnRIYW5kbGVyLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgbWFrZURlc2NJZCB9IGZyb20gJy4uLy4uL2FjY2Vzc2liaWxpdHkvYXJpYS91dGlscyc7XG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciB9IGZyb20gJy4uLy4uL2V2ZW50cyc7XG5pbXBvcnQgeyBTaW1wbGVUZXh0SW5wdXRUeXBlUHJvcHMgfSBmcm9tICcuLi8uLi9pbnB1dCc7XG5pbXBvcnQgeyBGSUVMRF9UWVBFX0RFRkFVTFQgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgRmllbGRMYXlvdXRQcm9wcywgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbnR5cGUgVXNlVGV4dEZpZWxkU3RhdGUgPSB7XG4gICAgbGF5b3V0UHJvcHM6IE9taXQ8RmllbGRMYXlvdXRQcm9wcywgJ2lucHV0JyB8ICdjbGFzc05hbWUnIHwgJ2lucHV0SGFuZGxlJz47XG4gICAgaW5wdXRQcm9wczogU2ltcGxlVGV4dElucHV0VHlwZVByb3BzO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVRleHRGaWVsZCA9IChcbiAgICBwcm9wczogVGV4dEZpZWxkUHJvcHMgJiBPbWl0PFNpbXBsZVRleHRJbnB1dFR5cGVQcm9wcywgJ2lkJz4sXG4pOiBVc2VUZXh0RmllbGRTdGF0ZSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0eXBlLFxuICAgICAgICBpZCxcbiAgICAgICAgdmFsdWUsXG4gICAgICAgIGxhYmVsLFxuICAgICAgICBoaWRlTGFiZWwsXG4gICAgICAgIGFkZGl0aW9uYWxUZXh0LFxuICAgICAgICBwcmVzZXJ2ZVNwYWNlLFxuICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgIGhhc0Vycm9yLFxuICAgICAgICBlcnJvck1lc3NhZ2UsXG4gICAgICAgIGljb24sXG4gICAgICAgIGJ1dHRvbixcbiAgICAgICAgb25Gb2N1cyxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbkNoYW5nZSxcbiAgICAgICAgZGF0YXNldCxcbiAgICAgICAgLi4ucmVzdFxuICAgIH0gPSBwcm9wcztcblxuICAgIGNvbnN0IGFjdHVhbElkID0gaWQgfHwgbWFrZVRpbnlJZCgpO1xuICAgIGNvbnN0IGFjdHVhbFR5cGUgPSB0eXBlID8/IEZJRUxEX1RZUEVfREVGQVVMVDtcblxuICAgIGNvbnN0IFtpc0ZvY3VzZWQsIHNldElzRm9jdXNlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2lzVG91Y2hlZCwgc2V0SXNUb3VjaGVkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgICBjb25zdCBbaXNDaGFuZ2VkLCBzZXRJc0NoYW5nZWRdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gICAgY29uc3QgaGFuZGxlRm9jdXM6IEZvY3VzRXZlbnRIYW5kbGVyID0gZXYgPT4ge1xuICAgICAgICBzZXRJc0ZvY3VzZWQodHJ1ZSk7XG4gICAgICAgIHNldElzVG91Y2hlZCh0cnVlKTtcbiAgICAgICAgb25Gb2N1cz8uKGV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlQmx1cjogRm9jdXNFdmVudEhhbmRsZXIgPSBldiA9PiB7XG4gICAgICAgIHNldElzRm9jdXNlZChmYWxzZSk7XG4gICAgICAgIG9uQmx1cj8uKGV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXIgPSBldiA9PiB7XG4gICAgICAgIHNldElzQ2hhbmdlZChmYWxzZSk7XG4gICAgICAgIG9uQ2hhbmdlPy4oZXYpO1xuICAgIH07XG5cbiAgICBjb25zdCBhY3R1YWxIYXNFcnJvciA9IGhhc0Vycm9yIHx8ICEhZXJyb3JNZXNzYWdlO1xuICAgIGNvbnN0IGFjdHVhbEFkZGl0aW9uYWxUZXh0ID0gZXJyb3JNZXNzYWdlIHx8IGFkZGl0aW9uYWxUZXh0O1xuICAgIGNvbnN0IGRlc2NyaWJlSWQgPSBhY3R1YWxIYXNFcnJvciB8fCAhIWFkZGl0aW9uYWxUZXh0ID8gbWFrZURlc2NJZChhY3R1YWxJZCkgOiB1bmRlZmluZWQ7XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBsYXlvdXRQcm9wczoge1xuICAgICAgICAgICAgaWQ6IGFjdHVhbElkLFxuICAgICAgICAgICAgbGFiZWwsXG4gICAgICAgICAgICBoaWRlTGFiZWwsXG4gICAgICAgICAgICBhZGRpdGlvbmFsVGV4dDogYWN0dWFsQWRkaXRpb25hbFRleHQsXG4gICAgICAgICAgICByZXF1aXJlZCxcbiAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgaXNGb2N1c2VkLFxuICAgICAgICAgICAgaXNUb3VjaGVkLFxuICAgICAgICAgICAgaXNDaGFuZ2VkLFxuICAgICAgICAgICAgaGFzVmFsdWU6IHR5cGVvZiB2YWx1ZSAhPT0gdW5kZWZpbmVkLFxuICAgICAgICAgICAgaGFzRXJyb3I6IGFjdHVhbEhhc0Vycm9yLFxuICAgICAgICAgICAgcHJlc2VydmVTcGFjZSxcbiAgICAgICAgICAgIGljb24sXG4gICAgICAgICAgICBidXR0b24sXG4gICAgICAgICAgICBkYXRhc2V0LFxuICAgICAgICB9LFxuICAgICAgICBpbnB1dFByb3BzOiB7XG4gICAgICAgICAgICB0eXBlOiBhY3R1YWxUeXBlLFxuICAgICAgICAgICAgaWQ6IGFjdHVhbElkLFxuICAgICAgICAgICAgdmFsdWUsXG4gICAgICAgICAgICAvLyBhc3NpdGl2ZVRleHQ6IGhpZGVWaXN1YWxMYWJlbCA/PyBsYWJlbCA6IHVuZGVmaW5lZCxcbiAgICAgICAgICAgIG9uQ2hhbmdlOiBoYW5kbGVDaGFuZ2UsXG4gICAgICAgICAgICBvbkZvY3VzOiBoYW5kbGVGb2N1cyxcbiAgICAgICAgICAgIG9uQmx1cjogaGFuZGxlQmx1cixcbiAgICAgICAgICAgIHJlcXVpcmVkLFxuICAgICAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICAgICBoYXNFcnJvcjogYWN0dWFsSGFzRXJyb3IsXG4gICAgICAgICAgICAnYXJpYS1kZXNjcmliZWRieSc6IGRlc2NyaWJlSWQsXG4gICAgICAgICAgICAuLi5yZXN0LFxuICAgICAgICB9LFxuICAgIH07XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O01BY2EsWUFBWSxHQUFHLENBQ3hCLEtBQTREO0lBRTVELE1BQU0sRUFDRixJQUFJLEVBQ0osRUFBRSxFQUNGLEtBQUssRUFDTCxLQUFLLEVBQ0wsU0FBUyxFQUNULGNBQWMsRUFDZCxhQUFhLEVBQ2IsUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1IsWUFBWSxFQUNaLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE1BQU0sRUFDTixRQUFRLEVBQ1IsT0FBTyxFQUNQLEdBQUcsSUFBSSxFQUNWLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxRQUFRLEdBQUcsRUFBRSxJQUFJLFVBQVUsRUFBRSxDQUFDO0lBQ3BDLE1BQU0sVUFBVSxHQUFHLElBQUksYUFBSixJQUFJLGNBQUosSUFBSSxHQUFJLGtCQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQzNELE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRTNELE1BQU0sV0FBVyxHQUFzQixFQUFFO1FBQ3JDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbkIsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLEVBQUUsRUFBRTtLQUNqQixDQUFDO0lBRUYsTUFBTSxVQUFVLEdBQXNCLEVBQUU7UUFDcEMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BCLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRyxFQUFFLEVBQUU7S0FDaEIsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUF1QixFQUFFO1FBQ3ZDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsRUFBRSxFQUFFO0tBQ2xCLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxRQUFRLElBQUksQ0FBQyxDQUFDLFlBQVksQ0FBQztJQUNsRCxNQUFNLG9CQUFvQixHQUFHLFlBQVksSUFBSSxjQUFjLENBQUM7SUFDNUQsTUFBTSxVQUFVLEdBQUcsY0FBYyxJQUFJLENBQUMsQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLFNBQVMsQ0FBQztJQUV6RixPQUFPO1FBQ0gsV0FBVyxFQUFFO1lBQ1QsRUFBRSxFQUFFLFFBQVE7WUFDWixLQUFLO1lBQ0wsU0FBUztZQUNULGNBQWMsRUFBRSxvQkFBb0I7WUFDcEMsUUFBUTtZQUNSLFFBQVE7WUFDUixTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxRQUFRLEVBQUUsT0FBTyxLQUFLLEtBQUssU0FBUztZQUNwQyxRQUFRLEVBQUUsY0FBYztZQUN4QixhQUFhO1lBQ2IsSUFBSTtZQUNKLE1BQU07WUFDTixPQUFPO1NBQ1Y7UUFDRCxVQUFVLEVBQUU7WUFDUixJQUFJLEVBQUUsVUFBVTtZQUNoQixFQUFFLEVBQUUsUUFBUTtZQUNaLEtBQUs7O1lBRUwsUUFBUSxFQUFFLFlBQVk7WUFDdEIsT0FBTyxFQUFFLFdBQVc7WUFDcEIsTUFBTSxFQUFFLFVBQVU7WUFDbEIsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRLEVBQUUsY0FBYztZQUN4QixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLEdBQUcsSUFBSTtTQUNWO0tBQ0osQ0FBQztBQUNOOzs7OyJ9
|
package/dist/field/index.d.ts
CHANGED
package/dist/field/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export { FIELD_TYPE_DEFAULT } from './constants.js';
|
|
1
|
+
export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT } from './constants.js';
|
|
2
2
|
export { useTextField } from './hooks/useTextField.js';
|
|
3
|
-
|
|
3
|
+
export { ADDITIONAL_TEXT_VARIANT_OPTIONS } from './options.js';
|
|
4
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzsifQ==
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
const ADDITIONAL_TEXT_VARIANT_OPTIONS = [
|
|
2
|
+
{ id: 'normal' },
|
|
3
|
+
{ id: 'error' },
|
|
4
|
+
];
|
|
5
|
+
|
|
6
|
+
export { ADDITIONAL_TEXT_VARIANT_OPTIONS };
|
|
7
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZpZWxkL29wdGlvbnMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb24gfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUtdHlwZXMnO1xuXG5pbXBvcnQgdHlwZSB7IEZpZWxkQWRkaXRpb25hbFRleHRWYXJpYW50IH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBBRERJVElPTkFMX1RFWFRfVkFSSUFOVF9PUFRJT05TOiBPcHRpb248RmllbGRBZGRpdGlvbmFsVGV4dFZhcmlhbnQ+W10gPSBbXG4gICAgeyBpZDogJ25vcm1hbCcgfSxcbiAgICB7IGlkOiAnZXJyb3InIH0sXG5dO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJNQUlhLCtCQUErQixHQUF5QztJQUNqRixFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUU7SUFDaEIsRUFBRSxFQUFFLEVBQUUsT0FBTyxFQUFFOzs7OzsifQ==
|
package/dist/field/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Dataset } from '@preply/ds-core';
|
|
2
|
-
import { MouseEventHandler, SVGAttributes } from 'react';
|
|
2
|
+
import { MouseEventHandler, ReactNode, SVGAttributes } from 'react';
|
|
3
3
|
import { InputType, SimpleTextInputType, SingleLineInputType } from '../input';
|
|
4
4
|
export declare type FieldValue = string | number | boolean;
|
|
5
5
|
declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;
|
|
@@ -9,29 +9,38 @@ export interface FieldButtonProps {
|
|
|
9
9
|
onClick: MouseEventHandler;
|
|
10
10
|
dataset?: Dataset;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
12
|
+
export interface FieldLayoutBaseProps {
|
|
13
13
|
id: string;
|
|
14
|
-
className
|
|
14
|
+
className?: string;
|
|
15
15
|
label: string;
|
|
16
16
|
hideLabel?: boolean;
|
|
17
17
|
additionalText?: string;
|
|
18
18
|
preserveSpace?: boolean;
|
|
19
19
|
required?: boolean;
|
|
20
20
|
disabled?: boolean;
|
|
21
|
-
isFocused
|
|
22
|
-
isTouched
|
|
23
|
-
isChanged
|
|
24
|
-
hasValue
|
|
25
|
-
hasError
|
|
26
|
-
errorMessage?: string;
|
|
21
|
+
isFocused?: boolean;
|
|
22
|
+
isTouched?: boolean;
|
|
23
|
+
isChanged?: boolean;
|
|
24
|
+
hasValue?: boolean;
|
|
25
|
+
hasError?: boolean;
|
|
27
26
|
dataset?: Dataset;
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
}
|
|
29
|
+
export interface InputImperativeHandle {
|
|
30
|
+
focus: () => void;
|
|
28
31
|
}
|
|
29
|
-
export interface
|
|
32
|
+
export interface FieldLayoutProps extends Omit<FieldLayoutBaseProps, 'children'> {
|
|
30
33
|
input: React.ReactElement;
|
|
31
|
-
|
|
34
|
+
inputHandle: InputImperativeHandle | null;
|
|
32
35
|
icon?: ReactSVGComponentType;
|
|
33
36
|
button?: React.ReactElement<FieldButtonProps>;
|
|
34
37
|
}
|
|
38
|
+
export declare type FieldAdditionalTextVariant = 'normal' | 'error';
|
|
39
|
+
export interface FieldAdditionalTextProps {
|
|
40
|
+
variant?: FieldAdditionalTextVariant;
|
|
41
|
+
id?: string;
|
|
42
|
+
children: ReactNode;
|
|
43
|
+
}
|
|
35
44
|
interface FieldCommonProps {
|
|
36
45
|
type?: InputType;
|
|
37
46
|
id?: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Fri Dec 02 2022 15:15:51 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
|
|
4
4
|
@BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* AUTO GENERATED @
|
|
1
|
+
/* AUTO GENERATED @Fri Dec 02 2022 15:15:52 GMT+0000 (Coordinated Universal Time) */
|
|
2
2
|
|
|
3
3
|
@scheme-color: var(--aface6);
|
|
4
4
|
@scheme-bgColor: var(--786b9e);
|
|
@@ -92,6 +92,7 @@
|
|
|
92
92
|
@content-secondary-color: var(--3d280d);
|
|
93
93
|
@content-branded-color: var(--4dadf3);
|
|
94
94
|
@content-positive-color: var(--318747);
|
|
95
|
+
@content-error-color: var(--9167e9);
|
|
95
96
|
@action-base-borderRadius: var(--8d5131);
|
|
96
97
|
@action-base-disabled-color: var(--a8b89c);
|
|
97
98
|
@action-base-disabled-bgColor: var(--04daeb);
|
|
@@ -379,6 +380,8 @@
|
|
|
379
380
|
@text-weight-normal-fontWeight: var(--5ea101);
|
|
380
381
|
@text-weight-medium-fontWeight: var(--2734e9);
|
|
381
382
|
@text-weight-bold-fontWeight: var(--800787);
|
|
383
|
+
@field-additionalText-normal-color: var(--4c4008);
|
|
384
|
+
@field-additionalText-error-color: var(--622733);
|
|
382
385
|
@root-size-none: var(--c12f10);
|
|
383
386
|
@root-size-25: var(--389aa7);
|
|
384
387
|
@root-size-50: var(--8848e0);
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { getDatasetProps, getExternalUrlProps } from './dom/props/index.js';
|
|
2
2
|
export { mapEdgeKeyToStandard } from './keyboard/index.js';
|
|
3
3
|
export { currentHostname, currentHref } from './location/index.js';
|
|
4
|
-
export { getAriaProps } from './aria/utils.js';
|
|
4
|
+
export { getAriaProps } from './accessibility/aria/utils.js';
|
|
5
5
|
export { useColorClassNames } from './color/module-color/hooks/useColorClassNames.js';
|
|
6
6
|
export { colorSchemes } from './color-scheme/colorSchemes.js';
|
|
7
7
|
export { ColorScheme } from './color-scheme/classes/ColorScheme.js';
|
|
@@ -10,8 +10,9 @@ export { useColorScheme } from './color-scheme/hooks/useColorScheme.js';
|
|
|
10
10
|
export { withColorScheme } from './color-scheme/hocs/withColorScheme.js';
|
|
11
11
|
export { booleanClassNames, globalClassNames, longhandClassNames, moduleClassName, moduleClassNames, moduleLocals, stringClassNames } from './css-module/classNames.js';
|
|
12
12
|
export { useFocusEvents } from './events/hooks/useFocusEvents.js';
|
|
13
|
-
export { FIELD_TYPE_DEFAULT } from './field/constants.js';
|
|
13
|
+
export { FIELD_ADDITIONAL_TEXT_VARIANT_DEFAULT, FIELD_TYPE_DEFAULT } from './field/constants.js';
|
|
14
14
|
export { useTextField } from './field/hooks/useTextField.js';
|
|
15
|
+
export { ADDITIONAL_TEXT_VARIANT_OPTIONS } from './field/options.js';
|
|
15
16
|
export { AUTO_COMPLETE_DATE_DEFAULT, AUTO_COMPLETE_PASSWORD_DEFAULT, AUTO_COMPLETE_TEXT_DEFAULT, INPUT_TYPE_DEFAULT } from './input/constants.js';
|
|
16
17
|
export { AUTO_COMPLETE_DATE_OPTIONS, AUTO_COMPLETE_PASSWORD_OPTIONS, AUTO_COMPLETE_TEXT_OPTIONS, INPUT_TYPE_OPTIONS, INPUT_TYPE_SIMPLE_TEXT_OPTIONS } from './input/options.js';
|
|
17
18
|
export { useForcedRef } from './input/util.js';
|
|
@@ -46,4 +47,4 @@ export { withGetToken } from './token/hocs/withGetToken.js';
|
|
|
46
47
|
export { useTextAccentClassnames } from './typography/module-text-accent/hooks/useTextAccentClassnames.js';
|
|
47
48
|
export { useTextCenteredClassnames } from './typography/module-text-centered/hooks/useTextCenteredClassnames.js';
|
|
48
49
|
export { useTextWeightClassNames } from './typography/module-text-weight/hooks/useTextWeightClassNames.js';
|
|
49
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.48.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
23
|
-
"@preply/ds-core-types": "0.
|
|
22
|
+
"@preply/ds-core": "0.48.0",
|
|
23
|
+
"@preply/ds-core-types": "0.48.0"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@preply/ds-core": "0.
|
|
27
|
-
"@preply/ds-core-types": "0.
|
|
26
|
+
"@preply/ds-core": "0.48.0",
|
|
27
|
+
"@preply/ds-core-types": "0.48.0",
|
|
28
28
|
"react": "^16.8.3",
|
|
29
29
|
"react-dom": "^16.8.3"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "fbdfd8333ec527e33eb0eb6dc1b3d8b0a90fe20b"
|
|
32
32
|
}
|
package/dist/aria/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { getAriaProps } from './utils';
|
package/dist/aria/utils.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
const SUFIX = '-desc';
|
|
2
|
-
const removeFalsyProperties = (props) => {
|
|
3
|
-
return Object.keys(props).reduce((acc, key) => {
|
|
4
|
-
if (props[key]) {
|
|
5
|
-
acc[key] = props[key];
|
|
6
|
-
}
|
|
7
|
-
return acc;
|
|
8
|
-
}, {});
|
|
9
|
-
};
|
|
10
|
-
const makeDescId = (id) => `${id}${SUFIX}`;
|
|
11
|
-
const getAriaProps = ({ 'aria-describedby': ariaDescribedBy, 'aria-disabled': ariaDisabled, 'aria-invalid': ariaInvalid, 'aria-required': ariaRequired, required, disabled, hasError, }) => {
|
|
12
|
-
const props = {
|
|
13
|
-
'aria-describedby': ariaDescribedBy || '',
|
|
14
|
-
'aria-disabled': !!ariaDisabled || !!disabled,
|
|
15
|
-
'aria-invalid': !!ariaInvalid || !!hasError,
|
|
16
|
-
'aria-required': !!ariaRequired || !!required,
|
|
17
|
-
};
|
|
18
|
-
return removeFalsyProperties(props);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
export { getAriaProps, makeDescId };
|
|
22
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hcmlhL3V0aWxzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQVJJQUlucHV0UHJvcHMsIEFSSUFJbnB1dFByb3BzTWFwLCBJbnB1dENvbW1vblByb3BzIH0gZnJvbSAnLi4vaW5wdXQnO1xuXG5jb25zdCBTVUZJWCA9ICctZGVzYyc7XG5cbmNvbnN0IHJlbW92ZUZhbHN5UHJvcGVydGllcyA9IChwcm9wczogQVJJQUlucHV0UHJvcHNNYXApOiBBUklBSW5wdXRQcm9wcyA9PiB7XG4gICAgcmV0dXJuIE9iamVjdC5rZXlzKHByb3BzKS5yZWR1Y2UoKGFjYywga2V5KSA9PiB7XG4gICAgICAgIGlmIChwcm9wc1trZXldKSB7XG4gICAgICAgICAgICBhY2Nba2V5XSA9IHByb3BzW2tleV07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICB9LCB7fSk7XG59O1xuXG5leHBvcnQgY29uc3QgbWFrZURlc2NJZCA9IChpZDogc3RyaW5nKTogc3RyaW5nID0+IGAke2lkfSR7U1VGSVh9YDtcblxuZXhwb3J0IGNvbnN0IGdldEFyaWFQcm9wcyA9ICh7XG4gICAgJ2FyaWEtZGVzY3JpYmVkYnknOiBhcmlhRGVzY3JpYmVkQnksXG4gICAgJ2FyaWEtZGlzYWJsZWQnOiBhcmlhRGlzYWJsZWQsXG4gICAgJ2FyaWEtaW52YWxpZCc6IGFyaWFJbnZhbGlkLFxuICAgICdhcmlhLXJlcXVpcmVkJzogYXJpYVJlcXVpcmVkLFxuICAgIHJlcXVpcmVkLFxuICAgIGRpc2FibGVkLFxuICAgIGhhc0Vycm9yLFxufTogSW5wdXRDb21tb25Qcm9wcyk6IEFSSUFJbnB1dFByb3BzID0+IHtcbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgJ2FyaWEtZGVzY3JpYmVkYnknOiBhcmlhRGVzY3JpYmVkQnkgfHwgJycsXG4gICAgICAgICdhcmlhLWRpc2FibGVkJzogISFhcmlhRGlzYWJsZWQgfHwgISFkaXNhYmxlZCxcbiAgICAgICAgJ2FyaWEtaW52YWxpZCc6ICEhYXJpYUludmFsaWQgfHwgISFoYXNFcnJvcixcbiAgICAgICAgJ2FyaWEtcmVxdWlyZWQnOiAhIWFyaWFSZXF1aXJlZCB8fCAhIXJlcXVpcmVkLFxuICAgIH07XG5cbiAgICByZXR1cm4gcmVtb3ZlRmFsc3lQcm9wZXJ0aWVzKHByb3BzKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDO0FBRXRCLE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxLQUF3QjtJQUNuRCxPQUFPLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRyxFQUFFLEdBQUc7UUFDdEMsSUFBSSxLQUFLLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDWixHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQ3pCO1FBQ0QsT0FBTyxHQUFHLENBQUM7S0FDZCxFQUFFLEVBQUUsQ0FBQyxDQUFDO0FBQ1gsQ0FBQyxDQUFDO01BRVcsVUFBVSxHQUFHLENBQUMsRUFBVSxLQUFhLEdBQUcsRUFBRSxHQUFHLEtBQUssR0FBRztNQUVyRCxZQUFZLEdBQUcsQ0FBQyxFQUN6QixrQkFBa0IsRUFBRSxlQUFlLEVBQ25DLGVBQWUsRUFBRSxZQUFZLEVBQzdCLGNBQWMsRUFBRSxXQUFXLEVBQzNCLGVBQWUsRUFBRSxZQUFZLEVBQzdCLFFBQVEsRUFDUixRQUFRLEVBQ1IsUUFBUSxHQUNPO0lBQ2YsTUFBTSxLQUFLLEdBQUc7UUFDVixrQkFBa0IsRUFBRSxlQUFlLElBQUksRUFBRTtRQUN6QyxlQUFlLEVBQUUsQ0FBQyxDQUFDLFlBQVksSUFBSSxDQUFDLENBQUMsUUFBUTtRQUM3QyxjQUFjLEVBQUUsQ0FBQyxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUMsUUFBUTtRQUMzQyxlQUFlLEVBQUUsQ0FBQyxDQUFDLFlBQVksSUFBSSxDQUFDLENBQUMsUUFBUTtLQUNoRCxDQUFDO0lBRUYsT0FBTyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUN4Qzs7OzsifQ==
|