@toptal/picasso 12.2.0 → 12.3.1
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/Autocomplete/index.d.ts +1 -1
- package/FormError/FormError.js +1 -1
- package/FormError/FormError.js.map +1 -1
- package/FormError/styles.d.ts +1 -2
- package/FormError/styles.js +1 -3
- package/FormError/styles.js.map +1 -1
- package/FormHint/FormHint.js +1 -1
- package/FormHint/FormHint.js.map +1 -1
- package/FormHint/styles.d.ts +1 -1
- package/FormHint/styles.js +0 -3
- package/FormHint/styles.js.map +1 -1
- package/NativeSelect/NativeSelect.js +1 -1
- package/NativeSelect/NativeSelect.js.map +1 -1
- package/NativeSelectOptions/NativeSelectOptions.d.ts +6 -5
- package/NativeSelectOptions/NativeSelectOptions.js +14 -6
- package/NativeSelectOptions/NativeSelectOptions.js.map +1 -1
- package/NonNativeSelect/NonNativeSelect.js +1 -1
- package/NonNativeSelect/NonNativeSelect.js.map +1 -1
- package/NonNativeSelectOption/NonNativeSelectOption.d.ts +3 -6
- package/NonNativeSelectOption/NonNativeSelectOption.js +14 -2
- package/NonNativeSelectOption/NonNativeSelectOption.js.map +1 -1
- package/NonNativeSelectOptions/NonNativeSelectOptions.js +58 -26
- package/NonNativeSelectOptions/NonNativeSelectOptions.js.map +1 -1
- package/Notification/Notification.js +1 -1
- package/Notification/Notification.js.map +1 -1
- package/README.md +0 -2
- package/ScrollMenu/ScrollMenu.d.ts +1 -0
- package/ScrollMenu/ScrollMenu.js +2 -2
- package/ScrollMenu/ScrollMenu.js.map +1 -1
- package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js +1 -1
- package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js.map +1 -1
- package/Select/hooks/use-select-props/use-select-props.js +0 -3
- package/Select/hooks/use-select-props/use-select-props.js.map +1 -1
- package/Select/types.d.ts +0 -2
- package/Typography/Typography.d.ts +1 -1
- package/Typography/Typography.js.map +1 -1
- package/Typography/styles.d.ts +1 -1
- package/Typography/styles.js +6 -0
- package/Typography/styles.js.map +1 -1
- package/Typography/utils/to-mui-variant/to-mui-variant.d.ts +5 -1
- package/Typography/utils/to-mui-variant/to-mui-variant.js +2 -0
- package/Typography/utils/to-mui-variant/to-mui-variant.js.map +1 -1
- package/package.json +2 -2
package/Autocomplete/index.d.ts
CHANGED
|
@@ -2,6 +2,6 @@ import { OmitInternalProps } from '@toptal/picasso-shared';
|
|
|
2
2
|
import { Props as OuterProps } from './Autocomplete';
|
|
3
3
|
export { default } from './Autocomplete';
|
|
4
4
|
export * from './types';
|
|
5
|
-
export declare type AutocompleteProps = OmitInternalProps<OuterProps
|
|
5
|
+
export declare type AutocompleteProps = OmitInternalProps<OuterProps>;
|
|
6
6
|
/** @deprecated Use AutocompleteProps instead */
|
|
7
7
|
export declare type Props = AutocompleteProps;
|
package/FormError/FormError.js
CHANGED
|
@@ -19,7 +19,7 @@ export const FormError = forwardRef(function FormError(props, ref) {
|
|
|
19
19
|
const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
|
|
20
20
|
const classes = useStyles();
|
|
21
21
|
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style }),
|
|
22
|
-
React.createElement(Typography, { className: classes.error }, children)));
|
|
22
|
+
React.createElement(Typography, { color: 'red', size: 'xsmall', className: classes.error }, children)));
|
|
23
23
|
});
|
|
24
24
|
FormError.displayName = 'FormError';
|
|
25
25
|
export default FormError;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../src/FormError/FormError.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../src/FormError/FormError.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AAOtC,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAwB,SAAS,SAAS,CAC3E,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAC3D,QAAQ,CACE,CACT,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
package/FormError/styles.d.ts
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "error" | "root">;
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "error" | "root">;
|
|
3
2
|
export default _default;
|
package/FormError/styles.js
CHANGED
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
export default (
|
|
2
|
+
export default () => createStyles({
|
|
3
3
|
root: {
|
|
4
4
|
marginTop: '0.25em'
|
|
5
5
|
},
|
|
6
6
|
error: {
|
|
7
|
-
color: palette.red.main,
|
|
8
|
-
fontSize: '0.6875em',
|
|
9
7
|
cursor: 'default'
|
|
10
8
|
}
|
|
11
9
|
});
|
package/FormError/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormError/styles.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormError/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAA"}
|
package/FormHint/FormHint.js
CHANGED
|
@@ -19,7 +19,7 @@ export const FormHint = forwardRef(function FormHint(props, ref) {
|
|
|
19
19
|
const { children, className, style } = props, rest = __rest(props, ["children", "className", "style"]);
|
|
20
20
|
const classes = useStyles();
|
|
21
21
|
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style }),
|
|
22
|
-
React.createElement(Typography, {
|
|
22
|
+
React.createElement(Typography, { size: 'xsmall' }, children)));
|
|
23
23
|
});
|
|
24
24
|
FormHint.defaultProps = {};
|
|
25
25
|
FormHint.displayName = 'FormHint';
|
package/FormHint/FormHint.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormHint.js","sourceRoot":"","sources":["../../src/FormHint/FormHint.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,
|
|
1
|
+
{"version":3,"file":"FormHint.js","sourceRoot":"","sources":["../../src/FormHint/FormHint.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAO7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA/C,kCAAuC,CAAQ,CAAA;IAErD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK;QAEZ,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IAAE,QAAQ,CAAc,CAC7C,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
package/FormHint/styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root"
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root">;
|
|
2
2
|
export default _default;
|
package/FormHint/styles.js
CHANGED
package/FormHint/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormHint/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormHint/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAA"}
|
|
@@ -65,7 +65,7 @@ export const NativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
65
65
|
})
|
|
66
66
|
} }),
|
|
67
67
|
React.createElement(NativeSelectPlaceholder, { emptySelectValue: emptySelectValue, disabled: !enableReset }, placeholder),
|
|
68
|
-
React.createElement(NativeSelectOptions, { options: options, renderOption: renderOption, getItemProps: getItemProps })));
|
|
68
|
+
React.createElement(NativeSelectOptions, { options: options, value: value, renderOption: renderOption, getItemProps: getItemProps })));
|
|
69
69
|
return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`], {
|
|
70
70
|
[classes.rootDisabled]: disabled
|
|
71
71
|
}), style: style, ref: inputWrapperRef }, nativeSelectComponent));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NativeSelect.js","sourceRoot":"","sources":["../../src/NativeSelect/NativeSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { Option, OptionGroups, ItemProps, ValueType } from '../Select/types';
|
|
3
|
-
export interface Props
|
|
4
|
-
options: Option
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export interface Props {
|
|
4
|
+
options: Option[] | OptionGroups;
|
|
5
|
+
value?: ValueType | ValueType[];
|
|
6
|
+
renderOption: (option: Option, index: number) => ReactNode;
|
|
7
|
+
getItemProps: (option: Option, index: number) => ItemProps;
|
|
7
8
|
}
|
|
8
9
|
declare const NativeSelectOptions: {
|
|
9
|
-
|
|
10
|
+
({ options, renderOption, getItemProps, value }: Props): JSX.Element;
|
|
10
11
|
displayName: string;
|
|
11
12
|
};
|
|
12
13
|
export default NativeSelectOptions;
|
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { isOptionsType } from '../Select';
|
|
3
|
-
const
|
|
4
|
-
const
|
|
2
|
+
import { getSelection, isOptionsType } from '../Select';
|
|
3
|
+
const renderOptions = ({ options, getItemProps, renderOption, value }) => {
|
|
4
|
+
const selection = getSelection(options, value);
|
|
5
|
+
return (React.createElement(React.Fragment, null, options.map((option, index) => {
|
|
5
6
|
var _a;
|
|
6
|
-
return (React.createElement("option", Object.assign({ key: ((_a = option === null || option === void 0 ? void 0 : option.key) !== null && _a !== void 0 ? _a : option.value).toString(), value: option.value.toString() }, getItemProps(option, index)), renderOption(option, index)));
|
|
7
|
+
return (React.createElement("option", Object.assign({ key: ((_a = option === null || option === void 0 ? void 0 : option.key) !== null && _a !== void 0 ? _a : option.value).toString(), value: option.value.toString(), "aria-selected": selection.isOptionSelected(option) }, getItemProps(option, index)), renderOption(option, index)));
|
|
7
8
|
})));
|
|
9
|
+
};
|
|
10
|
+
const NativeSelectOptions = ({ options, renderOption, getItemProps, value }) => {
|
|
8
11
|
if (isOptionsType(options)) {
|
|
9
|
-
return renderOptions(options);
|
|
12
|
+
return renderOptions({ options, getItemProps, renderOption, value });
|
|
10
13
|
}
|
|
11
|
-
return (React.createElement(React.Fragment, null, Object.keys(options).map(
|
|
14
|
+
return (React.createElement(React.Fragment, null, Object.keys(options).map(group => (React.createElement("optgroup", { key: group, label: group }, renderOptions({
|
|
15
|
+
options: options[group],
|
|
16
|
+
getItemProps,
|
|
17
|
+
renderOption,
|
|
18
|
+
value
|
|
19
|
+
}))))));
|
|
12
20
|
};
|
|
13
21
|
NativeSelectOptions.displayName = 'NativeSelectOptions';
|
|
14
22
|
export default NativeSelectOptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelectOptions.js","sourceRoot":"","sources":["../../src/NativeSelectOptions/NativeSelectOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"NativeSelectOptions.js","sourceRoot":"","sources":["../../src/NativeSelectOptions/NativeSelectOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAUvD,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EAGN,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE9C,OAAO,CACL,0CACG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;QAAC,OAAA,CAC9B,8CACE,GAAG,EAAE,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,mCAAI,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAC7C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,mBACf,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAC7C,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,GAE9B,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CACrB,CACV,CAAA;KAAA,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,EAC3B,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,EACC,EAAE,EAAE;IACV,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QAC1B,OAAO,aAAa,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAA;KACrE;IAED,OAAO,CACL,0CACG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACjC,kCAAU,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAC/B,aAAa,CAAC;QACb,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;QACvB,YAAY;QACZ,YAAY;QACZ,KAAK;KACN,CAAC,CACO,CACZ,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}
|
|
@@ -52,7 +52,7 @@ export const NonNativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
52
52
|
selectState
|
|
53
53
|
});
|
|
54
54
|
const searchInput = showSearch ? (React.createElement(MenuItem, { as: 'div', size: size, nonSelectable: true },
|
|
55
|
-
React.createElement(OutlinedInput, Object.assign({ inputRef: searchInputRef, className: classes.searchOutlinedInput, startAdornment: React.createElement(Search16, { className: classes.searchInputIcon }), placeholder: searchPlaceholder, size: size, value: filterOptionsValue }, getSearchInputProps())))) : null;
|
|
55
|
+
React.createElement(OutlinedInput, Object.assign({ inputRef: searchInputRef, className: classes.searchOutlinedInput, startAdornment: React.createElement(Search16, { className: classes.searchInputIcon }), placeholder: searchPlaceholder, size: size, value: filterOptionsValue, "aria-autocomplete": 'list' }, getSearchInputProps())))) : null;
|
|
56
56
|
const rootProps = getRootProps();
|
|
57
57
|
const [startAdornment, endAdornment] = useAdornments({
|
|
58
58
|
position: iconPosition,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
2
|
import { SizeType } from '@toptal/picasso-shared';
|
|
3
|
-
import { Option, ValueType } from '../Select';
|
|
4
|
-
export interface Props<T extends ValueType> {
|
|
3
|
+
import { ItemProps, Option, ValueType } from '../Select';
|
|
4
|
+
export interface Props<T extends ValueType> extends ItemProps {
|
|
5
5
|
children?: ReactNode;
|
|
6
6
|
description?: ReactNode;
|
|
7
|
-
onMouseDown: (event: React.MouseEvent) => void;
|
|
8
|
-
onMouseEnter: () => void;
|
|
9
7
|
selected: boolean;
|
|
10
8
|
highlighted: boolean;
|
|
11
9
|
size?: SizeType<'small' | 'medium'>;
|
|
12
|
-
onClick: (event: React.MouseEvent) => void;
|
|
13
10
|
option: Option<T>;
|
|
14
11
|
}
|
|
15
|
-
declare const NonNativeSelectOption: React.MemoExoticComponent<(<T extends ValueType>({ option, size,
|
|
12
|
+
declare const NonNativeSelectOption: React.MemoExoticComponent<(<T extends ValueType>({ option, size, selected, highlighted, description, children, ...itemProps }: Props<T>) => JSX.Element)>;
|
|
16
13
|
export default NonNativeSelectOption;
|
|
@@ -1,7 +1,19 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import React from 'react';
|
|
2
13
|
import MenuItem from '../MenuItem';
|
|
3
|
-
const NonNativeSelectOption = React.memo((
|
|
4
|
-
|
|
14
|
+
const NonNativeSelectOption = React.memo((_a) => {
|
|
15
|
+
var { option, size, selected, highlighted, description, children } = _a, itemProps = __rest(_a, ["option", "size", "selected", "highlighted", "description", "children"]);
|
|
16
|
+
return (React.createElement(MenuItem, Object.assign({ value: option.value, size: size, selected: highlighted, checkmarked: selected, titleCase: false, description: description, role: 'option', "aria-selected": selected, "data-highlighted": highlighted }, itemProps), children));
|
|
5
17
|
});
|
|
6
18
|
NonNativeSelectOption.displayName = 'NonNativeSelectOption';
|
|
7
19
|
export default NonNativeSelectOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonNativeSelectOption.js","sourceRoot":"","sources":["../../src/NonNativeSelectOption/NonNativeSelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,QAAQ,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"NonNativeSelectOption.js","sourceRoot":"","sources":["../../src/NonNativeSelectOption/NonNativeSelectOption.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAYlC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CACtC,CAAsB,EAQX,EAAE,EAAE;QARO,EACpB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,OAEC,EADN,SAAS,cAPQ,wEAQrB,CADa;IAEZ,OAAO,CACL,oBAAC,QAAQ,kBACP,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,mBACE,QAAQ,sBACL,WAAW,IACzB,SAAS,GAEZ,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}
|
|
@@ -26,46 +26,78 @@ const MenuGroup = (props) => {
|
|
|
26
26
|
React.createElement(Typography, { size: 'small', weight: 'semibold', color: 'dark-grey' }, group)),
|
|
27
27
|
children));
|
|
28
28
|
};
|
|
29
|
+
const renderOptions = ({ options, getItemProps, value, size, highlightedIndex, limit, offset = 0, renderOption }) => {
|
|
30
|
+
const limitedOptions = limit ? options.slice(0, limit) : options;
|
|
31
|
+
return limitedOptions.map((option, index) => {
|
|
32
|
+
const selection = getSelection(options, value);
|
|
33
|
+
return (React.createElement(NonNativeSelectOption, Object.assign({ key: option.key || option.value, option: option, size: size, selected: selection.isOptionSelected(option), highlighted: highlightedIndex === index + offset, description: option.description }, getItemProps(option, index + offset)), renderOption === null || renderOption === void 0 ? void 0 : renderOption(option)));
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
const renderGroups = ({ groups, getItemProps, value, size, highlightedIndex, limit, renderOption }) => {
|
|
37
|
+
let optionsCount = 0;
|
|
38
|
+
return Object.keys(groups).map(group => {
|
|
39
|
+
const menuGroups = (React.createElement(MenuGroup, { key: group, group: group }, renderOptions({
|
|
40
|
+
options: groups[group],
|
|
41
|
+
getItemProps,
|
|
42
|
+
value,
|
|
43
|
+
size,
|
|
44
|
+
highlightedIndex,
|
|
45
|
+
limit: limit - optionsCount,
|
|
46
|
+
offset: optionsCount,
|
|
47
|
+
renderOption
|
|
48
|
+
})));
|
|
49
|
+
optionsCount += groups[group].length;
|
|
50
|
+
return menuGroups;
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
const addOffsetToHighlightedIndex = (groups, highlightedIndex) => {
|
|
54
|
+
if (!highlightedIndex) {
|
|
55
|
+
return highlightedIndex;
|
|
56
|
+
}
|
|
57
|
+
let optionsCount = 0;
|
|
58
|
+
const offset = Object.values(groups).findIndex(group => {
|
|
59
|
+
optionsCount += group.length;
|
|
60
|
+
const isHighlightedOptionInGroup = highlightedIndex < optionsCount;
|
|
61
|
+
return isHighlightedOptionInGroup;
|
|
62
|
+
}) + 1;
|
|
63
|
+
return highlightedIndex + offset;
|
|
64
|
+
};
|
|
29
65
|
const NonNativeSelectOptions = ({ options, renderOption = () => null, highlightedIndex, getItemProps, onBlur, value, size, filterOptionsValue, noOptionsText, fixedHeader, limit = DEFAULT_LIMIT }) => {
|
|
30
66
|
const classes = useStyles();
|
|
31
67
|
const flatOptions = useMemo(() => flattenOptions(options), [
|
|
32
68
|
options
|
|
33
69
|
]);
|
|
34
70
|
if (!flatOptions.length && filterOptionsValue) {
|
|
35
|
-
return (React.createElement(ScrollMenu, { "data-testid": 'no-options', fixedHeader: fixedHeader },
|
|
71
|
+
return (React.createElement(ScrollMenu, { "data-testid": 'no-options', role: 'listbox', fixedHeader: fixedHeader },
|
|
36
72
|
React.createElement(MenuItem, { titleCase: false, disabled: true }, noOptionsText)));
|
|
37
73
|
}
|
|
38
|
-
const flatOptionComponents = (optionsList, limit, offset = 0) => {
|
|
39
|
-
const limitedOptions = limit ? optionsList.slice(0, limit) : optionsList;
|
|
40
|
-
return limitedOptions.map((option, currentIndex) => {
|
|
41
|
-
const { onMouseDown, onMouseEnter, onClick } = getItemProps(option, currentIndex + offset);
|
|
42
|
-
const selection = getSelection(flatOptions, value);
|
|
43
|
-
return (React.createElement(NonNativeSelectOption, { key: option.key || option.value, option: option, size: size, onMouseDown: onMouseDown, onMouseEnter: onMouseEnter, selected: selection.isOptionSelected(option), highlighted: highlightedIndex === currentIndex + offset, onClick: onClick, description: option.description }, renderOption(option)));
|
|
44
|
-
});
|
|
45
|
-
};
|
|
46
|
-
const groupedOptionComponents = (optionGroups, limit) => {
|
|
47
|
-
let cursor = 0;
|
|
48
|
-
return Object.keys(optionGroups).reduce((rendered, group) => {
|
|
49
|
-
const remainingLimit = limit - cursor;
|
|
50
|
-
cursor += 1; // for the group item itself
|
|
51
|
-
const offset = cursor;
|
|
52
|
-
if (remainingLimit > 0) {
|
|
53
|
-
rendered.push(React.createElement(MenuGroup, { key: group, group: group }, flatOptionComponents(optionGroups[group], remainingLimit, offset)));
|
|
54
|
-
cursor += optionGroups[group].length;
|
|
55
|
-
}
|
|
56
|
-
return rendered;
|
|
57
|
-
}, []);
|
|
58
|
-
};
|
|
59
|
-
const optionComponents = isOptionsType(options)
|
|
60
|
-
? flatOptionComponents(options, limit)
|
|
61
|
-
: groupedOptionComponents(options, limit);
|
|
62
74
|
const fixedFooter = limit && flatOptions.length > limit ? (React.createElement(MenuItem, { titleCase: false, className: classes.fixedFooter, disabled: true },
|
|
63
75
|
"Showing only first ",
|
|
64
76
|
limit,
|
|
65
77
|
" of ",
|
|
66
78
|
flatOptions.length,
|
|
67
79
|
" items")) : null;
|
|
68
|
-
return (React.createElement(ScrollMenu, { fixedHeader: fixedHeader, onBlur: onBlur, selectedIndex:
|
|
80
|
+
return (React.createElement(ScrollMenu, { fixedHeader: fixedHeader, onBlur: onBlur, selectedIndex: isOptionsType(options)
|
|
81
|
+
? highlightedIndex
|
|
82
|
+
: addOffsetToHighlightedIndex(options, highlightedIndex), fixedFooter: fixedFooter, role: 'listbox' }, isOptionsType(options)
|
|
83
|
+
? renderOptions({
|
|
84
|
+
options,
|
|
85
|
+
getItemProps,
|
|
86
|
+
value,
|
|
87
|
+
size,
|
|
88
|
+
highlightedIndex,
|
|
89
|
+
limit,
|
|
90
|
+
renderOption
|
|
91
|
+
})
|
|
92
|
+
: renderGroups({
|
|
93
|
+
groups: options,
|
|
94
|
+
getItemProps,
|
|
95
|
+
value,
|
|
96
|
+
size,
|
|
97
|
+
highlightedIndex,
|
|
98
|
+
limit,
|
|
99
|
+
renderOption
|
|
100
|
+
})));
|
|
69
101
|
};
|
|
70
102
|
NonNativeSelectOptions.displayName = 'NonNativeSelectOptions';
|
|
71
103
|
export default NonNativeSelectOptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonNativeSelectOptions.js","sourceRoot":"","sources":["../../src/NonNativeSelectOptions/NonNativeSelectOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAC5D,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EACL,cAAc,EACd,YAAY,EACZ,aAAa,EAMb,aAAa,EACd,MAAM,WAAW,CAAA;AAClB,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAY3C,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAApC,qBAA4B,CAAQ,CAAA;IAC1C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL;QACE,oBAAC,QAAQ,kBACP,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,EAChB,aAAa,QACb,SAAS,EAAE,OAAO,CAAC,SAAS,IACxB,IAAI;YAER,oBAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,IACzD,KAAK,CACK,CACJ;QACV,QAAQ,CACR,CACJ,CAAA;AACH,CAAC,CAAA;AAcD,MAAM,
|
|
1
|
+
{"version":3,"file":"NonNativeSelectOptions.js","sourceRoot":"","sources":["../../src/NonNativeSelectOptions/NonNativeSelectOptions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ import Button from '../Button';
|
|
|
20
20
|
import styles from './styles';
|
|
21
21
|
import Typography from '../Typography';
|
|
22
22
|
import NotificationActions from '../NotificationActions';
|
|
23
|
-
const renderNotificationCloseButton = ({ onClose, classes }) => (React.createElement(Button.Circular, { onClick: onClose, className: classes === null || classes === void 0 ? void 0 : classes.close,
|
|
23
|
+
const renderNotificationCloseButton = ({ onClose, classes }) => (React.createElement(Button.Circular, { onClick: onClose, className: classes === null || classes === void 0 ? void 0 : classes.close, icon: React.createElement(CloseMinor16, { className: classes === null || classes === void 0 ? void 0 : classes.closeIcon }) }));
|
|
24
24
|
const renderNotificationIcon = ({ icon, variant, classes }) => {
|
|
25
25
|
const iconProps = {
|
|
26
26
|
className: classes === null || classes === void 0 ? void 0 : classes.icon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIV,YAAY,EAEb,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,eAAe,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAG3D,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,mBAAmB,MAAM,wBAAwB,CAAA;AAsBxD,MAAM,6BAA6B,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAgB,EAAE,EAAE,CAAC,CAC5E,oBAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACzB,
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|
package/README.md
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
# @toptal/picasso
|
|
2
2
|
|
|
3
|
-
foo
|
|
4
|
-
|
|
5
3
|
[](https://www.npmjs.com/package/@toptal/picasso)
|
|
6
4
|
|
|
7
5
|

|
|
@@ -5,6 +5,7 @@ export interface Props extends BaseProps {
|
|
|
5
5
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
6
6
|
fixedHeader?: ReactNode;
|
|
7
7
|
fixedFooter?: ReactNode;
|
|
8
|
+
role?: 'listbox' | 'menu';
|
|
8
9
|
}
|
|
9
10
|
export declare const scrollToSelection: (menuRef: RefObject<HTMLDivElement>, selectedIndex?: number | null | undefined) => void;
|
|
10
11
|
declare const ScrollMenu: FunctionComponent<Props>;
|
package/ScrollMenu/ScrollMenu.js
CHANGED
|
@@ -38,13 +38,13 @@ export const scrollToSelection = (menuRef, selectedIndex) => {
|
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
const ScrollMenu = props => {
|
|
41
|
-
const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter"]);
|
|
41
|
+
const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter, role = 'menu' } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter", "role"]);
|
|
42
42
|
const classes = useStyles();
|
|
43
43
|
const menuRef = useRef(null);
|
|
44
44
|
useLayoutEffect(() => scrollToSelection(menuRef, selectedIndex), [
|
|
45
45
|
selectedIndex
|
|
46
46
|
]);
|
|
47
|
-
return (React.createElement(Menu, Object.assign({ className: classes.menu, style: style }, rest),
|
|
47
|
+
return (React.createElement(Menu, Object.assign({ className: classes.menu, style: style, role: role }, rest),
|
|
48
48
|
fixedHeader,
|
|
49
49
|
React.createElement("div", { ref: menuRef, className: classes.scrollView, onBlur: onBlur }, children),
|
|
50
50
|
fixedFooter));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAIZ,eAAe,EACf,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAIZ,eAAe,EACf,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAA;AAU7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,mBAAmB,GAAG,CAC1B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;;IACF,OAAA,OAAO,aAAa,KAAK,QAAQ;QAC/B,CAAC,CAAC,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,aAAa,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAA;CAAA,CAAA;AAEf,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAA;IAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAEhE,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE;QAC9B,OAAM;KACP;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACjD,MAAM,YAAY,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAA;IAEzD,IAAI,YAAY,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,CAAA;KACtD;SAAM,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;QAChD,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;KAC5D;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAA6B,KAAK,CAAC,EAAE;IACnD,MAAM,EACJ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,IAAI,GAAG,MAAM,KAEX,KAAK,EADJ,IAAI,UACL,KAAK,EATH,sFASL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,eAAe,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,EAAE;QAC/D,aAAa;KACd,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,kBACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAEN,IAAI;QAEP,WAAW;QACZ,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,IAC7D,QAAQ,CACL;QACL,WAAW,CACP,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { flattenOptions, getNextWrappingIndex } from '@toptal/picasso/Select/utils';
|
|
2
1
|
import { useCallback } from 'react';
|
|
2
|
+
import { flattenOptions, getNextWrappingIndex } from '../../../utils';
|
|
3
3
|
const useArrowsKeyDownHandler = ({ selectState: { isOpen, highlightedIndex, filteredOptions, setHighlightedIndex, open } }) => useCallback((key, event) => {
|
|
4
4
|
event.preventDefault();
|
|
5
5
|
if (isOpen) {
|
package/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-arrows-keydown-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"use-arrows-keydown-handler.js","sourceRoot":"","sources":["../../../../../src/Select/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrE,MAAM,uBAAuB,GAAG,CAG9B,EACA,WAAW,EAAE,EACX,MAAM,EACN,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,IAAI,EACL,EACoB,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,GAAW,EAAE,KAAsC,EAAE,EAAE;IACtD,KAAK,CAAC,cAAc,EAAE,CAAA;IAEtB,IAAI,MAAM,EAAE;QACV,mBAAmB,CACjB,oBAAoB,CAClB,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,gBAAgB,EAChB,cAAc,CAAC,eAAe,CAAC,CAAC,MAAM,CACvC,CACF,CAAA;KACF;SAAM;QACL,IAAI,EAAE,CAAA;KACP;AACH,CAAC,EACD,CAAC,MAAM,EAAE,gBAAgB,EAAE,eAAe,EAAE,mBAAmB,EAAE,IAAI,CAAC,CACvE,CAAA;AAEH,eAAe,uBAAuB,CAAA"}
|
|
@@ -34,8 +34,6 @@ const useSelectProps = (props) => {
|
|
|
34
34
|
handleEnterOrSpaceKeyDown,
|
|
35
35
|
handleEscapeKeyDown }));
|
|
36
36
|
const getItemProps = (item, index) => ({
|
|
37
|
-
role: 'option',
|
|
38
|
-
'aria-selected': props.selectState.highlightedIndex === index,
|
|
39
37
|
onMouseEnter: () => handleItemOnMouseEnter(index),
|
|
40
38
|
onMouseDown: handleItemOnMouseDown,
|
|
41
39
|
onClick: (event) => handleItemOnClick(event, item)
|
|
@@ -50,7 +48,6 @@ const useSelectProps = (props) => {
|
|
|
50
48
|
onResetClick: handleResetClick
|
|
51
49
|
});
|
|
52
50
|
const getSearchInputProps = () => ({
|
|
53
|
-
'aria-autocomplete': 'list',
|
|
54
51
|
onChange: handleSearchChange,
|
|
55
52
|
onKeyDown: handleSearchKeyDown,
|
|
56
53
|
onBlur: handleSearchBlur
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select-props.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/use-select-props.ts"],"names":[],"mappings":"AAOA,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,eAAe,MAAM,qBAAqB,CAAA;AACjD,OAAO,cAAc,MAAM,oBAAoB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,sBAAsB,CAAA;AACnD,OAAO,oBAAoB,MAAM,2BAA2B,CAAA;AAC5D,OAAO,uBAAuB,MAAM,8BAA8B,CAAA;AAClE,OAAO,uBAAuB,MAAM,8BAA8B,CAAA;AAClE,OAAO,uBAAuB,MAAM,8BAA8B,CAAA;AAClE,OAAO,6BAA6B,MAAM,sCAAsC,CAAA;AAChF,OAAO,uBAAuB,MAAM,8BAA8B,CAAA;AAClE,OAAO,oBAAoB,MAAM,2BAA2B,CAAA;AAC5D,OAAO,sBAAsB,MAAM,6BAA6B,CAAA;AAChE,OAAO,yBAAyB,MAAM,kCAAkC,CAAA;AACxE,OAAO,mBAAmB,MAAM,mCAAmC,CAAA;AACnE,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAExD,MAAM,cAAc,GAAG,CACrB,KAA2B,EACV,EAAE;IACnB,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAC1C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;IACxC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAC5C,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAA;IACpD,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAC1D,MAAM,yBAAyB,GAAG,6BAA6B,iCAC1D,KAAK,KACR,YAAY,IACZ,CAAA;IACF,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,KAAK,CAAC,CAAA;IAC1D,MAAM,gBAAgB,GAAG,oBAAoB,iCACxC,KAAK,KACR,YAAY,IACZ,CAAA;IACF,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAA;IACxD,MAAM,qBAAqB,GAAG,yBAAyB,EAAE,CAAA;IACzD,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,iBAAiB,GAAG,cAAc,iCAAM,KAAK,KAAE,YAAY,IAAG,CAAA;IACpE,MAAM,mBAAmB,GAAG,uBAAuB,iCAC9C,KAAK,KACR,mBAAmB;QACnB,yBAAyB;QACzB,mBAAmB,IACnB,CAAA;IACF,MAAM,mBAAmB,GAAG,uBAAuB,iCAC9C,KAAK,KACR,mBAAmB;QACnB,yBAAyB;QACzB,mBAAmB,IACnB,CAAA;IAEF,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,KAAa,EAAa,EAAE,CAAC,CAAC;QAChE,
|
|
1
|
+
{"version":3,"file":"use-select-props.js","sourceRoot":"","sources":["../../../../src/Select/hooks/use-select-props/use-select-props.ts"],"names":[],"mappings":"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"}
|
package/Select/types.d.ts
CHANGED
|
@@ -85,8 +85,6 @@ export declare type OptionGroups<T extends string | number = string | number> =
|
|
|
85
85
|
[group: string]: Option<T>[];
|
|
86
86
|
};
|
|
87
87
|
export declare type ItemProps = {
|
|
88
|
-
role: string;
|
|
89
|
-
'aria-selected': boolean;
|
|
90
88
|
onMouseEnter: () => void;
|
|
91
89
|
onMouseDown: (event: React.MouseEvent) => void;
|
|
92
90
|
onClick: (event: React.MouseEvent) => void;
|
|
@@ -11,7 +11,7 @@ export interface Props extends StandardProps, TextLabelProps, HTMLAttributes<HTM
|
|
|
11
11
|
/** Text align of the inner text */
|
|
12
12
|
align?: PropTypes.Alignment;
|
|
13
13
|
/** Size of the inner text */
|
|
14
|
-
size?: SizeType<'small' | 'medium' | 'large' | 'xlarge'> | 'inherit';
|
|
14
|
+
size?: SizeType<'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'> | 'inherit';
|
|
15
15
|
/** Font weight of the inner text */
|
|
16
16
|
weight?: 'regular' | 'semibold' | 'inherit';
|
|
17
17
|
/** Invert color */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,YAAY,CAAA;AAQ3B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,YAAY,CAAA;AAQ3B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkCtC,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,KAAK,EACL,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,MAAM,KAEJ,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,8JAiBL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,OAAO,IAAI,IAAI,EAAE,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;IAEnD,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,WAAW,GACf,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,CAAA;IAEnE,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,MAAM,SAAS,GAAG,EAAE,CAClB,OAAO,CAAC,gBAAgB,CAAC,EACzB,OAAO,CAAC,cAAc,CAAC,EACvB,WAAW,EACX,cAAc,EACd;QACE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM;QACxB,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,WAAW;KACnC,CACF,CAAA;IAED,OAAO,CACL,oBAAC,aAAa,oBACR,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,EACpC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACtC,oEAAoE;QACpE,SAAS,EAAE,EAAG,EACd,MAAM,EAAE,MAAM,KAEb,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/Typography/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette, typography }: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "lightGrey" | "darkGrey" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "regular" | "semibold" | "inheritWeight" | "lineThrough">;
|
|
2
|
+
declare const _default: ({ palette, typography }: Theme) => import("@material-ui/styles").StyleRules<{}, "inherit" | "black" | "green" | "grey" | "red" | "yellow" | "dashed" | "solid" | "invert" | "lightGrey" | "darkGrey" | "bodyXsmall" | "bodySmall" | "bodyMedium" | "bodyLarge" | "bodyInherit" | "regular" | "semibold" | "inheritWeight" | "lineThrough">;
|
|
3
3
|
export default _default;
|
package/Typography/styles.js
CHANGED
|
@@ -41,6 +41,12 @@ PicassoProvider.override(({ palette, typography }) => ({
|
|
|
41
41
|
export default ({ palette, typography }) =>
|
|
42
42
|
// All the body variants are mapped to the same MUI variant (body1) -> declaring styles via custom class names
|
|
43
43
|
createStyles({
|
|
44
|
+
bodyXsmall: {
|
|
45
|
+
color: palette.text.primary,
|
|
46
|
+
fontWeight: typography.fontWeights.regular,
|
|
47
|
+
fontSize: '11px',
|
|
48
|
+
lineHeight: '16px'
|
|
49
|
+
},
|
|
44
50
|
bodySmall: {
|
|
45
51
|
color: palette.text.primary,
|
|
46
52
|
fontWeight: typography.fontWeights.regular,
|
package/Typography/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Typography/styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Typography/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
declare const variantsMapping: {
|
|
2
2
|
heading: {
|
|
3
|
+
xsmall: undefined;
|
|
3
4
|
small: "h4";
|
|
4
5
|
medium: "h3";
|
|
5
6
|
large: "h2";
|
|
@@ -7,6 +8,7 @@ declare const variantsMapping: {
|
|
|
7
8
|
inherit: undefined;
|
|
8
9
|
};
|
|
9
10
|
body: {
|
|
11
|
+
xsmall: "body1";
|
|
10
12
|
small: "body1";
|
|
11
13
|
medium: "body1";
|
|
12
14
|
large: "body1";
|
|
@@ -14,8 +16,9 @@ declare const variantsMapping: {
|
|
|
14
16
|
inherit: "body1";
|
|
15
17
|
};
|
|
16
18
|
};
|
|
17
|
-
declare const toMuiVariant: <V extends "body" | "heading", S extends "inherit" | "medium" | "large" | "small" | "xlarge">(variant: V, size: S) => {
|
|
19
|
+
declare const toMuiVariant: <V extends "body" | "heading", S extends "inherit" | "medium" | "large" | "small" | "xsmall" | "xlarge">(variant: V, size: S) => {
|
|
18
20
|
heading: {
|
|
21
|
+
xsmall: undefined;
|
|
19
22
|
small: "h4";
|
|
20
23
|
medium: "h3";
|
|
21
24
|
large: "h2";
|
|
@@ -23,6 +26,7 @@ declare const toMuiVariant: <V extends "body" | "heading", S extends "inherit" |
|
|
|
23
26
|
inherit: undefined;
|
|
24
27
|
};
|
|
25
28
|
body: {
|
|
29
|
+
xsmall: "body1";
|
|
26
30
|
small: "body1";
|
|
27
31
|
medium: "body1";
|
|
28
32
|
large: "body1";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
const variantsMapping = {
|
|
2
2
|
heading: {
|
|
3
|
+
xsmall: undefined,
|
|
3
4
|
small: 'h4',
|
|
4
5
|
medium: 'h3',
|
|
5
6
|
large: 'h2',
|
|
@@ -7,6 +8,7 @@ const variantsMapping = {
|
|
|
7
8
|
inherit: undefined
|
|
8
9
|
},
|
|
9
10
|
body: {
|
|
11
|
+
xsmall: 'body1',
|
|
10
12
|
small: 'body1',
|
|
11
13
|
medium: 'body1',
|
|
12
14
|
large: 'body1',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"to-mui-variant.js","sourceRoot":"","sources":["../../../../src/Typography/utils/to-mui-variant/to-mui-variant.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE;QACP,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,OAAgB;QACxB,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,OAAgB;KAC1B;CACF,CAAA;AAED,MAAM,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"to-mui-variant.js","sourceRoot":"","sources":["../../../../src/Typography/utils/to-mui-variant/to-mui-variant.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE;QACP,MAAM,EAAE,SAAS;QACjB,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,KAAK,EAAE,IAAa;QACpB,MAAM,EAAE,IAAa;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,OAAgB;QACxB,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,OAAgB;QACxB,KAAK,EAAE,OAAgB;QACvB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,OAAgB;KAC1B;CACF,CAAA;AAED,MAAM,YAAY,GAAG,CAMnB,OAAU,EACV,IAAO,EACuB,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;AAEjE,eAAe,YAAY,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.3.1",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"**/styles.ts",
|
|
70
70
|
"**/styles.js"
|
|
71
71
|
],
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "a1bf5af15989fa3fad18df0b83e7070def26f9ca"
|
|
73
73
|
}
|