@toptal/picasso 22.4.2 → 23.0.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/AccountSelect/AccountSelect.js +3 -3
- package/AccountSelect/AccountSelect.js.map +1 -1
- package/AccountSelect/styles.d.ts +1 -1
- package/AccountSelect/styles.js +3 -0
- package/AccountSelect/styles.js.map +1 -1
- package/Autocomplete/Autocomplete.js +1 -1
- package/Autocomplete/Autocomplete.js.map +1 -1
- package/Autocomplete/NoOptionsMenuItem.js +1 -1
- package/Autocomplete/NoOptionsMenuItem.js.map +1 -1
- package/Autocomplete/OtherOptionMenuItem.js +1 -1
- package/Autocomplete/OtherOptionMenuItem.js.map +1 -1
- package/Menu/styles.d.ts +2 -1
- package/Menu/styles.js +4 -2
- package/Menu/styles.js.map +1 -1
- package/MenuItem/MenuItem.d.ts +1 -3
- package/MenuItem/MenuItem.js +2 -6
- package/MenuItem/MenuItem.js.map +1 -1
- package/MenuItem/styles.d.ts +1 -1
- package/MenuItem/styles.js +2 -12
- package/MenuItem/styles.js.map +1 -1
- package/NonNativeSelect/NonNativeSelect.js +3 -3
- package/NonNativeSelect/NonNativeSelect.js.map +1 -1
- package/NonNativeSelect/styles.d.ts +1 -1
- package/NonNativeSelect/styles.js +3 -0
- package/NonNativeSelect/styles.js.map +1 -1
- package/NonNativeSelectOption/NonNativeSelectOption.d.ts +1 -3
- package/NonNativeSelectOption/NonNativeSelectOption.js +2 -2
- package/NonNativeSelectOption/NonNativeSelectOption.js.map +1 -1
- package/NonNativeSelectOptions/NonNativeSelectOptions.d.ts +2 -2
- package/NonNativeSelectOptions/NonNativeSelectOptions.js +4 -7
- package/NonNativeSelectOptions/NonNativeSelectOptions.js.map +1 -1
- package/Sidebar/styles.js +1 -1
- package/Sidebar/styles.js.map +1 -1
- package/SidebarLogo/SidebarLogo.js +1 -1
- package/SidebarLogo/SidebarLogo.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
|
+
import cx from 'classnames';
|
|
14
15
|
import UserBadge from '../UserBadge';
|
|
15
16
|
import Typography from '../Typography';
|
|
16
17
|
import Menu from '../Menu';
|
|
@@ -24,9 +25,8 @@ const useStyles = makeStyles(styles, {
|
|
|
24
25
|
export const AccountSelect = forwardRef(function AccountSelect(props, ref) {
|
|
25
26
|
const { className, accounts, onSelect, style } = props, rest = __rest(props, ["className", "accounts", "onSelect", "style"]);
|
|
26
27
|
const classes = useStyles();
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
React.createElement(Link, { className: accountLinkClass, href: account.href, onClick: () => onSelect(account), noUnderline: true },
|
|
28
|
+
return (React.createElement(Menu, Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style }), accounts.map(account => (React.createElement(Menu.Item, { disableGutters: true, className: classes.accountItem, key: `role-${account.id}` },
|
|
29
|
+
React.createElement(Link, { className: classes.accountLink, href: account.href, onClick: () => onSelect(account), noUnderline: true },
|
|
30
30
|
React.createElement(Container, { padded: 'medium', flex: true, direction: 'row', alignItems: 'center', justifyContent: 'space-between' },
|
|
31
31
|
React.createElement(UserBadge, { name: account.name, avatar: account.avatar },
|
|
32
32
|
React.createElement(Typography, { size: 'xsmall' }, account.position)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountSelect.js","sourceRoot":"","sources":["../../src/AccountSelect/AccountSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"AccountSelect.js","sourceRoot":"","sources":["../../src/AccountSelect/AccountSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,MAAM,MAAM,UAAU,CAAA;AAwB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IAC/B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzD,8CAAiD,CAAQ,CAAA;IAC/D,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,IAAI,oBACC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE,KAAK,KAEX,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,oBAAC,IAAI,CAAC,IAAI,IACR,cAAc,QACd,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,GAAG,EAAE,QAAQ,OAAO,CAAC,EAAE,EAAE;QAEzB,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAChC,WAAW;YAEX,oBAAC,SAAS,IACR,MAAM,EAAC,QAAQ,EACf,IAAI,QACJ,SAAS,EAAC,KAAK,EACf,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe;gBAE9B,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM;oBACnD,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,IAAE,OAAO,CAAC,QAAQ,CAAc,CAC/C;gBACZ,oBAAC,cAAc,IAAC,KAAK,EAAC,WAAW,GAAG,CAC1B,CACP,CACG,CACb,CAAC,CACG,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,eAAe,aAAa,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "accountItem" | "accountLink">;
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "accountItem" | "accountLink">;
|
|
3
3
|
export default _default;
|
package/AccountSelect/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/AccountSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,WAAW,EAAE;QACX,MAAM,EAAE,MAAM;QAEd,KAAK,EAAE;YACL,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC9C;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/AccountSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,GAAG;KACb;IACD,WAAW,EAAE;QACX,MAAM,EAAE,MAAM;QAEd,KAAK,EAAE;YACL,SAAS,EAAE,aAAa,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;SAC9C;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAA"}
|
|
@@ -68,7 +68,7 @@ export const Autocomplete = forwardRef(function Autocomplete(props, ref) {
|
|
|
68
68
|
});
|
|
69
69
|
const optionsLength = options ? options.length : 0;
|
|
70
70
|
const optionsMenu = options && (React.createElement(SelectOptions, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.scrollMenu, selectedIndex: highlightedIndex }, options === null || options === void 0 ? void 0 :
|
|
71
|
-
options.map((option, index) => (React.createElement(Menu.Item, Object.assign({ "data-test-id": `${testIds === null || testIds === void 0 ? void 0 : testIds.menuItem}-${index}`,
|
|
71
|
+
options.map((option, index) => (React.createElement(Menu.Item, Object.assign({ "data-test-id": `${testIds === null || testIds === void 0 ? void 0 : testIds.menuItem}-${index}`, key: getKey(option) }, getItemProps(index, option), { titleCase: false, description: option.description, className: classes.option }), renderOption
|
|
72
72
|
? renderOption(option, index)
|
|
73
73
|
: getDisplayValue(option)))),
|
|
74
74
|
shouldShowOtherOption && (React.createElement(OtherOptionMenuItem, Object.assign({ "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.otherOption, value: value, classes: classes, renderOtherOption: renderOtherOption, otherOptionText: otherOptionText }, getOtherItemProps(optionsLength, value)))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import Menu from '../Menu';
|
|
14
14
|
const NoOptionsMenuItem = (_a) => {
|
|
15
15
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
16
|
-
return (React.createElement(Menu.Item, Object.assign({
|
|
16
|
+
return (React.createElement(Menu.Item, Object.assign({ titleCase: false, disabled: true }, rest), children));
|
|
17
17
|
};
|
|
18
18
|
NoOptionsMenuItem.displayName = 'NoOptionsMenuItem';
|
|
19
19
|
export default NoOptionsMenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoOptionsMenuItem.js","sourceRoot":"","sources":["../../src/Autocomplete/NoOptionsMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,MAAM,iBAAiB,GAAG,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,QAAQ,OAAiC,EAA5B,IAAI,cAAnB,YAAqB,CAAF;IAA6B,OAAA,CACzE,oBAAC,IAAI,CAAC,IAAI,kBAAC,
|
|
1
|
+
{"version":3,"file":"NoOptionsMenuItem.js","sourceRoot":"","sources":["../../src/Autocomplete/NoOptionsMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,MAAM,iBAAiB,GAAG,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,QAAQ,OAAiC,EAA5B,IAAI,cAAnB,YAAqB,CAAF;IAA6B,OAAA,CACzE,oBAAC,IAAI,CAAC,IAAI,kBAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,UAAK,IAAI,GAC3C,QAAQ,CACC,CACb,CAAA;CAAA,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,eAAe,iBAAiB,CAAA"}
|
|
@@ -14,7 +14,7 @@ import Menu from '../Menu';
|
|
|
14
14
|
import Typography from '../Typography';
|
|
15
15
|
const OtherOptionMenuItem = (_a) => {
|
|
16
16
|
var { value, otherOptionText, renderOtherOption, classes } = _a, rest = __rest(_a, ["value", "otherOptionText", "renderOtherOption", "classes"]);
|
|
17
|
-
return (React.createElement(Menu.Item, Object.assign({
|
|
17
|
+
return (React.createElement(Menu.Item, Object.assign({ key: 'other-option', className: `${classes.option} ${classes.otherOption}` }, rest, { titleCase: false }), renderOtherOption ? (renderOtherOption(value)) : (React.createElement("span", { className: classes.stringContent },
|
|
18
18
|
React.createElement(Typography, { as: 'span', color: 'dark-grey' }, otherOptionText),
|
|
19
19
|
value))));
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OtherOptionMenuItem.js","sourceRoot":"","sources":["../../src/Autocomplete/OtherOptionMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,mBAAmB,GAAG,CAAC,EAUjB,EAAE,EAAE;QAVa,EAC3B,KAAK,EACL,eAAe,EACf,iBAAiB,EACjB,OAAO,OAMG,EALP,IAAI,cALoB,4DAM5B,CADQ;IAMP,OAAO,CACL,oBAAC,IAAI,CAAC,IAAI,kBACR,
|
|
1
|
+
{"version":3,"file":"OtherOptionMenuItem.js","sourceRoot":"","sources":["../../src/Autocomplete/OtherOptionMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,MAAM,mBAAmB,GAAG,CAAC,EAUjB,EAAE,EAAE;QAVa,EAC3B,KAAK,EACL,eAAe,EACf,iBAAiB,EACjB,OAAO,OAMG,EALP,IAAI,cALoB,4DAM5B,CADQ;IAMP,OAAO,CACL,oBAAC,IAAI,CAAC,IAAI,kBACR,GAAG,EAAC,cAAc,EAClB,SAAS,EAAE,GAAG,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,WAAW,EAAE,IACjD,IAAI,IACR,SAAS,EAAE,KAAK,KAEf,iBAAiB,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,KAAK,CAAC,CACzB,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAE,OAAO,CAAC,aAAa;QACpC,oBAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,WAAW,IACpC,eAAe,CACL;QACZ,KAAK,CACD,CACR,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}
|
package/Menu/styles.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { Theme } from '@material-ui/core/styles';
|
|
2
|
+
declare const _default: ({ sizes }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "backButtonIcon">;
|
|
2
3
|
export default _default;
|
package/Menu/styles.js
CHANGED
|
@@ -13,9 +13,11 @@ PicassoProvider.override(({ shadows }) => ({
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
}));
|
|
16
|
-
export default () => createStyles({
|
|
16
|
+
export default ({ sizes }) => createStyles({
|
|
17
17
|
root: {
|
|
18
|
-
outline: 0
|
|
18
|
+
outline: 0,
|
|
19
|
+
padding: '0.5rem 0',
|
|
20
|
+
borderRadius: sizes.borderRadius.small
|
|
19
21
|
},
|
|
20
22
|
backButtonIcon: {
|
|
21
23
|
verticalAlign: 'middle',
|
package/Menu/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Menu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;SACtB;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;SACtB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Menu/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;SACtB;KACF;IACD,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;SACtB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE,CAClC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,UAAU;QACnB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;KACvC;IACD,cAAc,EAAE;QACd,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC;QACtB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;QACvB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;KACxB;CACF,CAAC,CAAA"}
|
package/MenuItem/MenuItem.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode, LiHTMLAttributes, HTMLAttributes, ElementType, ReactElement } from 'react';
|
|
2
|
-
import { BaseProps, ButtonOrAnchorProps, TextLabelProps,
|
|
2
|
+
import { BaseProps, ButtonOrAnchorProps, TextLabelProps, OverridableComponent } from '@toptal/picasso-shared';
|
|
3
3
|
export declare type VariantType = 'light' | 'dark';
|
|
4
4
|
export declare type MenuItemAttributes = LiHTMLAttributes<HTMLLIElement> & HTMLAttributes<HTMLDivElement> & ButtonOrAnchorProps;
|
|
5
5
|
export interface Props extends BaseProps, TextLabelProps, MenuItemAttributes {
|
|
@@ -19,8 +19,6 @@ export interface Props extends BaseProps, TextLabelProps, MenuItemAttributes {
|
|
|
19
19
|
value?: string | Readonly<string[]> | number;
|
|
20
20
|
/** Variant of colors */
|
|
21
21
|
variant?: VariantType;
|
|
22
|
-
/** Component size */
|
|
23
|
-
size?: SizeType<'small' | 'medium'>;
|
|
24
22
|
/** Disables changing colors on hover/focus */
|
|
25
23
|
nonSelectable?: boolean;
|
|
26
24
|
/** The main content of the item */
|
package/MenuItem/MenuItem.js
CHANGED
|
@@ -12,7 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { forwardRef, useRef } from 'react';
|
|
13
13
|
import cx from 'classnames';
|
|
14
14
|
import { makeStyles } from '@material-ui/core/styles';
|
|
15
|
-
import capitalize from '@material-ui/core/utils/capitalize';
|
|
16
15
|
import MUIMenuItem from '@material-ui/core/MenuItem';
|
|
17
16
|
import { useTitleCase } from '@toptal/picasso-shared';
|
|
18
17
|
import Container from '../Container';
|
|
@@ -27,7 +26,7 @@ const useStyles = makeStyles(styles, {
|
|
|
27
26
|
name: 'PicassoMenuItem'
|
|
28
27
|
});
|
|
29
28
|
export const MenuItem = forwardRef(function MenuItem(props, ref) {
|
|
30
|
-
const { as = 'li', children, description, className, disabled, disableGutters, menu, titleCase: propTitleCase, selected, checkmarked, style, value, variant = 'light',
|
|
29
|
+
const { as = 'li', children, description, className, disabled, disableGutters, menu, titleCase: propTitleCase, selected, checkmarked, style, value, variant = 'light', nonSelectable, onClick, onMouseEnter } = props, rest = __rest(props, ["as", "children", "description", "className", "disabled", "disableGutters", "menu", "titleCase", "selected", "checkmarked", "style", "value", "variant", "nonSelectable", "onClick", "onMouseEnter"]);
|
|
31
30
|
const classes = useStyles();
|
|
32
31
|
const anchorRef = useRef(null);
|
|
33
32
|
const titleCase = useTitleCase(propTitleCase);
|
|
@@ -42,9 +41,7 @@ export const MenuItem = forwardRef(function MenuItem(props, ref) {
|
|
|
42
41
|
// replace Picasso Link with Anchor to not applying Picasso
|
|
43
42
|
// Link component styles, this is the only difference between them now
|
|
44
43
|
component: isLink ? 'a' : as, classes: {
|
|
45
|
-
|
|
46
|
-
[classes[`gutters${size && capitalize(size)}`]]: size
|
|
47
|
-
}),
|
|
44
|
+
gutters: classes.gutters,
|
|
48
45
|
selected: classes.selected
|
|
49
46
|
}, className: cx(classes.root, classes[variant], className, {
|
|
50
47
|
[classes.nonSelectable]: nonSelectable,
|
|
@@ -54,7 +51,6 @@ export const MenuItem = forwardRef(function MenuItem(props, ref) {
|
|
|
54
51
|
React.createElement(Container, { flex: true, alignItems: 'center' },
|
|
55
52
|
checkmarked !== undefined && (React.createElement(Container, { className: classes.iconContainer, flex: true, inline: true, right: 'xsmall' }, checkmarked && React.createElement(CheckMinor16, null))),
|
|
56
53
|
typeof children === 'string' ? (React.createElement("span", { className: cx(classes.stringContent, {
|
|
57
|
-
[classes[`stringContent${size && capitalize(size)}`]]: size,
|
|
58
54
|
[classes.stringContentSemibold]: checkmarked
|
|
59
55
|
}), style: style }, titleCase ? toTitleCase(children) : children)) : (children),
|
|
60
56
|
menu && (React.createElement(Container, { flex: true, inline: true, left: 'xsmall' },
|
package/MenuItem/MenuItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAMV,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAMV,MAAM,EACP,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EACL,YAAY,EAKb,MAAM,wBAAwB,CAAA;AAE/B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,MAAM,MAAM,UAAU,CAAA;AAqC7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAgC,UAAU,CAI7D,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC5B,MAAM,EACJ,EAAE,GAAG,IAAI,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,WAAW,EACX,KAAK,EACL,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,aAAa,EACb,OAAO,EACP,YAAY,KAEV,KAAK,EADJ,IAAI,UACL,KAAK,EAlBH,qMAkBL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;IAC7C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC;QAC3E,IAAI;QACJ,OAAO;QACP,YAAY;KACb,CAAC,CAAA;IACF,MAAM,MAAM,GAAG,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAA;IAEvC,OAAO,CACL;QACE,oBAAC,WAAW,oBACN,IAAI,IACR,GAAG,EAAE,GAAG;YACR,2DAA2D;YAC3D,sEAAsE;YACtE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAC5B,OAAO,EAAE;gBACP,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;aAC3B,EACD,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE;gBACvD,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,aAAa;gBACtC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;aAC7B,CAAC,EACF,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IAAI,QAAQ;YAE9B,oBAAC,SAAS,IACR,GAAG,EAAE,SAAS,EACd,IAAI,QACJ,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAE,OAAO,CAAC,OAAO;gBAE1B,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;oBAChC,WAAW,KAAK,SAAS,IAAI,CAC5B,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,IAAI,QACJ,MAAM,QACN,KAAK,EAAC,QAAQ,IAEb,WAAW,IAAI,oBAAC,YAAY,OAAG,CACtB,CACb;oBACA,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,8BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE;4BACnC,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE,WAAW;yBAC7C,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CACxC,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT;oBACA,IAAI,IAAI,CACP,oBAAC,SAAS,IAAC,IAAI,QAAC,MAAM,QAAC,IAAI,EAAC,QAAQ;wBAClC,oBAAC,cAAc,OAAG,CACR,CACb,CACS;gBACX,WAAW,IAAI,CACd,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACtD,GAAG,EAAE,IAAI,IAER,WAAW,CACF,CACb,CACS,CACA;QACb,IAAI,IAAI,QAAQ,IAAI,CACnB,oBAAC,MAAM,IACL,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAC,aAAa,EACvB,IAAI,QACJ,SAAS,EAAE,KAAK,EAChB,iBAAiB,QACjB,aAAa,EAAE;gBACb,SAAS,EAAE;oBACT,MAAM,EAAE;wBACN,MAAM,EAAE,WAAW;qBACpB;iBACF;aACF;YAED,oBAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW;gBACzC,oBAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,IAAI,CAAS,CAC7B,CACb,CACV,CACA,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,EAAE,EAAE,IAAI;IACR,OAAO,EAAE,OAAO;IAChB,aAAa,EAAE,KAAK;CACrB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
package/MenuItem/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "
|
|
2
|
+
declare const _default: ({ typography, palette, shadows }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "dark" | "light" | "disabled" | "root" | "selected" | "paper" | "gutters" | "iconContainer" | "nonSelectable" | "stringContent" | "stringContentSemibold" | "description">;
|
|
3
3
|
export default _default;
|
package/MenuItem/styles.js
CHANGED
|
@@ -81,24 +81,14 @@ export default ({ typography, palette, shadows }) => createStyles({
|
|
|
81
81
|
nonSelectable: {},
|
|
82
82
|
stringContent: {
|
|
83
83
|
flex: 1,
|
|
84
|
-
fontSize: '0.8125em'
|
|
85
|
-
},
|
|
86
|
-
stringContentSmall: {
|
|
87
|
-
fontSize: '0.75rem',
|
|
88
|
-
lineHeight: '1.125rem'
|
|
89
|
-
},
|
|
90
|
-
stringContentMedium: {
|
|
91
84
|
fontSize: '0.875rem',
|
|
92
85
|
lineHeight: '1.25rem'
|
|
93
86
|
},
|
|
94
87
|
stringContentSemibold: {
|
|
95
88
|
fontWeight: typography.fontWeights.semibold
|
|
96
89
|
},
|
|
97
|
-
|
|
98
|
-
padding: '0.
|
|
99
|
-
},
|
|
100
|
-
guttersMedium: {
|
|
101
|
-
padding: '0.375rem 0.5rem'
|
|
90
|
+
gutters: {
|
|
91
|
+
padding: '0.375rem 1rem'
|
|
102
92
|
},
|
|
103
93
|
iconContainer: {
|
|
104
94
|
width: '1rem'
|
package/MenuItem/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/MenuItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,SAAS,EAAE,YAAY;YACvB,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,CAAC;YACV,8DAA8D;YAC9D,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,MAAM;YAChB,SAAS,EAAE,OAAO;YAClB,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,UAAU;YACnB,8DAA8D;YAC9D,WAAW,EAAE,UAAU;YACvB,YAAY,EAAE,UAAU;SACzB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAS,EAAE,EAAE,CACzD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,8CAA8C,EAAE;YAC9C,eAAe,EAAE,OAAO;SACzB;QAED,YAAY,EAAE;YACZ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;YACzB,aAAa,EAAE,MAAM;YACrB,OAAO,EAAE,CAAC;SACX;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAE3B,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAErC,YAAY,EAAE;gBACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;aACtC;SACF;QAED,YAAY,EAAE;YACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;SACtC;QAED,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAErC,YAAY,EAAE;gBACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;aACtC;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAExB,SAAS,EAAE;YACT,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAElC,YAAY,EAAE;gBACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACnC;SACF;QAED,YAAY,EAAE;YACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACnC;QAED,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;YAElC,YAAY,EAAE;gBACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;gBAC3B,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACnC;SACF;KACF;IACD,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,UAAU;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/MenuItem/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -54,9 +54,9 @@ export const NonNativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
54
54
|
selectProps: props,
|
|
55
55
|
selectState
|
|
56
56
|
});
|
|
57
|
-
const searchInput = showSearch ? (React.createElement(MenuItem, { as: 'div',
|
|
57
|
+
const searchInput = showSearch ? (React.createElement(MenuItem, { as: 'div', nonSelectable: true, disableGutters: true, className: classes.searchInputGutters },
|
|
58
58
|
React.createElement(OutlinedInput, Object.assign({ inputRef: searchInputRef, className: classes.searchOutlinedInput, startAdornment: React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true },
|
|
59
|
-
React.createElement(Search16, null)), placeholder: searchPlaceholder, size: size, value: filterOptionsValue, testIds: testIds, "aria-autocomplete": 'list', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.searchInput }, getSearchInputProps())))) : null;
|
|
59
|
+
React.createElement(Search16, null)), placeholder: searchPlaceholder, size: size === 'large' ? 'medium' : size, value: filterOptionsValue, testIds: testIds, "aria-autocomplete": 'list', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.searchInput }, getSearchInputProps())))) : null;
|
|
60
60
|
const rootProps = getRootProps();
|
|
61
61
|
const [startAdornment, endAdornment] = useAdornments({
|
|
62
62
|
position: iconPosition,
|
|
@@ -76,7 +76,7 @@ export const NonNativeSelect = documentable(forwardRef((props, ref) => {
|
|
|
76
76
|
React.createElement(SelectCaret, { disabled: disabled })),
|
|
77
77
|
!disabled && isOpen && (React.createElement(Popper, { ref: popperRef, autoWidth: true, width: menuWidth, placement: 'bottom-start', open: true, anchorEl: inputWrapperRef.current, container: popperContainer, disablePortal: disablePortal }, loading ? (React.createElement(NonNativeSelectLoader, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.loader })) : (React.createElement(NonNativeSelectOptions, { options: filteredOptions, renderOption: renderOption, highlightedIndex: highlightedIndex, getItemProps: getItemProps,
|
|
78
78
|
// eslint-disable-next-line react/jsx-handler-names
|
|
79
|
-
onBlur: rootProps.onBlur, selection: selection, filterOptionsValue: filterOptionsValue,
|
|
79
|
+
onBlur: rootProps.onBlur, selection: selection, filterOptionsValue: filterOptionsValue, multiple: multiple, noOptionsText: noOptionsText, fixedHeader: searchInput, fixedFooter: limit < countOptions(options) ? (React.createElement(NonNativeSelectLimitFooter, { totalCount: countOptions(options), limit: limit, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.limitFooter })) : null, testIds: {
|
|
80
80
|
noOptions: testIds === null || testIds === void 0 ? void 0 : testIds.noOptions
|
|
81
81
|
} }))))));
|
|
82
82
|
return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`], {
|
|
@@ -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":";;;;;;;;;;;AAAA,+BAA+B;AAC/B,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,IAAI,mBAAmB,EAGnC,aAAa,EACb,aAAa,EACb,wBAAwB,EACxB,YAAY,EACb,MAAM,WAAW,CAAA;AAClB,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1E,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,0BAA0B,MAAM,+BAA+B,CAAA;AACtE,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAE9C,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,CAAC,CAAA;AAE3C,MAAM,yBAAyB,GAAgB,EAAE,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CACzC,UAAU,CACR,CACE,KAAwB,EACxB,GAAuC,EACvC,EAAE;IACF,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,GAAG,MAAM,EACd,SAAS,EACT,OAAO,EACP,EAAE,EACF,IAAI,EACJ,YAAY,GAAG,OAAO,EACtB,IAAI,EACJ,aAAa,EACb,YAAY,GAAG,mBAAmB,EAClC,WAAW,EACX,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EACjD,IAAI,EACJ,WAAW,EACX,eAAe,EACf,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,eAAe,GAAG,wBAAwB,EAC1C,KAAK,GAAG,aAAa,EACrB,eAAe,GAAG,aAAa,EAC/B,OAAO,EACP,QAAQ;IACR,6DAA6D;IAC7D,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAlCH,8YAkCL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,SAAS,GAAG,eAAe,CAC/B,GAAG,EACH,MAAM,CAAmB,IAAI,CAAC,CAC/B,CAAA;IACD,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IACrD,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IACxC,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEpD,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,eAAe;QACf,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,KAAK;QACL,eAAe;QACf,KAAK;KACN,CAAC,CAAA;IACF,MAAM,EACJ,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,eAAe,EAChB,GAAG,WAAW,CAAA;IACf,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,GACtE,cAAc,CAAC;QACb,SAAS;QACT,SAAS;QACT,cAAc;QACd,WAAW,EAAE,KAAK;QAClB,WAAW;KACZ,CAAC,CAAA;IAEJ,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAC/B,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,aAAa,QACb,cAAc,QACd,SAAS,EAAE,OAAO,CAAC,kBAAkB;QAErC,oBAAC,aAAa,kBACZ,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,OAAO,CAAC,mBAAmB,EACtC,cAAc,EACZ,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,EAAC,oBAAoB;gBACnD,oBAAC,QAAQ,OAAG,CACG,EAEnB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EACxC,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAE,OAAO,uBACE,MAAM,iBACX,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,IAE7B,mBAAmB,EAAE,EACzB,CACO,CACZ,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,CAAC,cAAc,EAAE,YAAY,CAAC,GAAG,aAAa,CAAC;QACnD,QAAQ,EAAE,YAAY;QACtB,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,CACtB;QACE,6CAAS,SAAS,IAAE,SAAS,EAAE,OAAO,CAAC,YAAY;YAChD,CAAC,cAAc,IAAI,IAAI,IAAI,CAC1B,+BAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CACzD;YACD,oBAAC,aAAa;YACZ,wDAAwD;gCACpD,IAAI,IACR,QAAQ,EAAE,QAAe,EACzB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY;gBAC1B,uBAAuB;gBACvB,KAAK,EAAE,YAAY,IAEf,aAAa,EAAE,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,UAAU,EAAE;oBACV,IAAI,EAAE,CAAC,CAAC,iEAAiE;iBAC1E,EACD,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EACxC,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,KAAK,EACzD,YAAY,EACV,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,EAEvD,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACvC,OAAO,EAAE,OAAO,IAChB;YACF,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC/B;QACL,CAAC,QAAQ,IAAI,MAAM,IAAI,CACtB,oBAAC,MAAM,IACL,GAAG,EAAE,SAAS,EACd,SAAS,QACT,KAAK,EAAE,SAAS,EAChB,SAAS,EAAC,cAAc,EACxB,IAAI,QACJ,QAAQ,EAAE,eAAe,CAAC,OAAO,EACjC,SAAS,EAAE,eAAe,EAC1B,aAAa,EAAE,aAAa,IAE3B,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,qBAAqB,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,GAAI,CACxD,CAAC,CAAC,CAAC,CACF,oBAAC,sBAAsB,IACrB,OAAO,EAAE,eAAe,EACxB,YAAY,EAAE,YAAmB,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY;YAC1B,mDAAmD;YACnD,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,WAAW,EACT,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAC9B,oBAAC,0BAA0B,IACzB,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,EACjC,KAAK,EAAE,KAAK,iBACC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,GACjC,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EAAE;gBACP,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;aAC9B,GACD,CACH,CACM,CACV,CACA,CACJ,CAAA;IAED,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,SAAS,EACT,OAAO,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,EACnC;YACE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ;SACjC,CACF,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,eAAe,IAEnB,eAAe,CACZ,CACP,CAAA;AACH,CAAC,CACF,CACF,CAAA;AAED,eAAe,CAAC,YAAY,GAAG;IAC7B,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,SAAS;IACjB,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,mBAAmB;IACjC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;CAC5B,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
|
|
@@ -5,5 +5,5 @@ import '../Input/styles';
|
|
|
5
5
|
import '../Menu/styles';
|
|
6
6
|
import '../MenuItem/styles';
|
|
7
7
|
import '../Loader/styles';
|
|
8
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "select" | "root" | "placeholder" | "rootDisabled" | "rootFull" | "rootShrink" | "rootAuto" | "nativeInput" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput">;
|
|
8
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "select" | "root" | "placeholder" | "rootDisabled" | "rootFull" | "rootShrink" | "rootAuto" | "nativeInput" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput" | "searchInputGutters">;
|
|
9
9
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AAEzB,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE;QACZ,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,QAAQ;QAEjB,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,CAAC;KACX;IACD,aAAa,EAAE;QACb,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,YAAY,EAAE,UAAU;KACzB;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,MAAM;KACd;IACD,WAAW,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IACD,WAAW,EAAE;QACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AAEzB,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE;QACZ,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,QAAQ;QAEjB,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;SAC3B;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,CAAC;KACX;IACD,aAAa,EAAE;QACb,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,YAAY,EAAE,UAAU;KACzB;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,MAAM;KACd;IACD,kBAAkB,EAAE;QAClB,OAAO,EAAE,+BAA+B;KACzC;IACD,WAAW,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IACD,WAAW,EAAE;QACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import { SizeType } from '@toptal/picasso-shared';
|
|
3
2
|
import { ItemProps, Option, ValueType } from '../Select';
|
|
4
3
|
export interface Props<T extends ValueType> extends ItemProps {
|
|
5
4
|
children?: ReactNode;
|
|
6
5
|
description?: ReactNode;
|
|
7
6
|
selected: boolean;
|
|
8
7
|
highlighted: boolean;
|
|
9
|
-
size?: SizeType<'small' | 'medium'>;
|
|
10
8
|
option: Option<T>;
|
|
11
9
|
}
|
|
12
|
-
declare const NonNativeSelectOption: React.MemoExoticComponent<(<T extends ValueType>({ option,
|
|
10
|
+
declare const NonNativeSelectOption: React.MemoExoticComponent<(<T extends ValueType>({ option, selected, highlighted, description, children, ...itemProps }: Props<T>) => JSX.Element)>;
|
|
13
11
|
export default NonNativeSelectOption;
|
|
@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import MenuItem from '../MenuItem';
|
|
14
14
|
const NonNativeSelectOption = React.memo((_a) => {
|
|
15
|
-
var { option,
|
|
16
|
-
return (React.createElement(MenuItem, Object.assign({ value: option.value,
|
|
15
|
+
var { option, selected, highlighted, description, children } = _a, itemProps = __rest(_a, ["option", "selected", "highlighted", "description", "children"]);
|
|
16
|
+
return (React.createElement(MenuItem, Object.assign({ value: option.value, selected: highlighted, checkmarked: selected, titleCase: false, description: description, role: 'option', "aria-selected": selected, "data-highlighted": highlighted, disabled: option.disabled }, itemProps), children));
|
|
17
17
|
});
|
|
18
18
|
NonNativeSelectOption.displayName = 'NonNativeSelectOption';
|
|
19
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;
|
|
1
|
+
{"version":3,"file":"NonNativeSelectOption.js","sourceRoot":"","sources":["../../src/NonNativeSelectOption/NonNativeSelectOption.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAWlC,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CACtC,CAAsB,EAOX,EAAE,EAAE;QAPO,EACpB,MAAM,EACN,QAAQ,EACR,WAAW,EACX,WAAW,EACX,QAAQ,OAEC,EADN,SAAS,cANQ,gEAOrB,CADa;IAEZ,OAAO,CACL,oBAAC,QAAQ,kBACP,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAE,QAAQ,EACrB,SAAS,EAAE,KAAK,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,QAAQ,mBACE,QAAQ,sBACL,WAAW,EAC7B,QAAQ,EAAE,MAAM,CAAC,QAAQ,IACrB,SAAS,GAEZ,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,eAAe,qBAAqB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { FocusEventType, ItemProps, Option, OptionGroups, SelectProps, Selection } from '../Select';
|
|
3
|
-
export declare type Props = Pick<SelectProps, 'multiple' | '
|
|
3
|
+
export declare type Props = Pick<SelectProps, 'multiple' | 'noOptionsText' | 'renderOption'> & {
|
|
4
4
|
options: Option[] | OptionGroups;
|
|
5
5
|
highlightedIndex: number | null;
|
|
6
6
|
filterOptionsValue: string;
|
|
@@ -14,7 +14,7 @@ export declare type Props = Pick<SelectProps, 'multiple' | 'size' | 'noOptionsTe
|
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
16
|
declare const NonNativeSelectOptions: {
|
|
17
|
-
({ options, renderOption, highlightedIndex, getItemProps, onBlur, selection,
|
|
17
|
+
({ options, renderOption, highlightedIndex, getItemProps, onBlur, selection, filterOptionsValue, noOptionsText, fixedHeader, fixedFooter, testIds }: Props): JSX.Element;
|
|
18
18
|
displayName: string;
|
|
19
19
|
};
|
|
20
20
|
export default NonNativeSelectOptions;
|
|
@@ -26,19 +26,18 @@ const MenuGroup = (props) => {
|
|
|
26
26
|
React.createElement(Typography, { size: 'xsmall', weight: 'semibold', color: 'dark-grey' }, group)),
|
|
27
27
|
children));
|
|
28
28
|
};
|
|
29
|
-
const renderOptions = ({ options, getItemProps, selection,
|
|
29
|
+
const renderOptions = ({ options, getItemProps, selection, highlightedIndex, offset = 0, renderOption }) => {
|
|
30
30
|
return options.map((option, index) => {
|
|
31
|
-
return (React.createElement(NonNativeSelectOption, Object.assign({ key: option.key || option.value, option: option,
|
|
31
|
+
return (React.createElement(NonNativeSelectOption, Object.assign({ key: option.key || option.value, option: option, selected: selection.isOptionSelected(option), highlighted: highlightedIndex === index + offset, description: option.description }, getItemProps(option, index + offset)), renderOption === null || renderOption === void 0 ? void 0 : renderOption(option)));
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
|
-
const renderGroups = ({ groups, getItemProps, selection,
|
|
34
|
+
const renderGroups = ({ groups, getItemProps, selection, highlightedIndex, renderOption }) => {
|
|
35
35
|
let optionsCount = 0;
|
|
36
36
|
return Object.keys(groups).map(group => {
|
|
37
37
|
const menuGroups = (React.createElement(MenuGroup, { key: group, group: group }, renderOptions({
|
|
38
38
|
options: groups[group],
|
|
39
39
|
getItemProps,
|
|
40
40
|
selection,
|
|
41
|
-
size,
|
|
42
41
|
highlightedIndex,
|
|
43
42
|
offset: optionsCount,
|
|
44
43
|
renderOption
|
|
@@ -59,7 +58,7 @@ const addOffsetToHighlightedIndex = (groups, highlightedIndex) => {
|
|
|
59
58
|
}) + 1;
|
|
60
59
|
return highlightedIndex + offset;
|
|
61
60
|
};
|
|
62
|
-
const NonNativeSelectOptions = ({ options, renderOption = () => null, highlightedIndex, getItemProps, onBlur, selection,
|
|
61
|
+
const NonNativeSelectOptions = ({ options, renderOption = () => null, highlightedIndex, getItemProps, onBlur, selection, filterOptionsValue, noOptionsText, fixedHeader, fixedFooter, testIds }) => {
|
|
63
62
|
const flatOptions = useMemo(() => flattenOptions(options), [options]);
|
|
64
63
|
if (!flatOptions.length && filterOptionsValue) {
|
|
65
64
|
return (React.createElement(SelectOptions, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.noOptions, role: 'listbox', fixedHeader: fixedHeader },
|
|
@@ -72,7 +71,6 @@ const NonNativeSelectOptions = ({ options, renderOption = () => null, highlighte
|
|
|
72
71
|
options,
|
|
73
72
|
getItemProps,
|
|
74
73
|
selection,
|
|
75
|
-
size,
|
|
76
74
|
highlightedIndex,
|
|
77
75
|
renderOption
|
|
78
76
|
})
|
|
@@ -80,7 +78,6 @@ const NonNativeSelectOptions = ({ options, renderOption = () => null, highlighte
|
|
|
80
78
|
groups: options,
|
|
81
79
|
getItemProps,
|
|
82
80
|
selection,
|
|
83
|
-
size,
|
|
84
81
|
highlightedIndex,
|
|
85
82
|
renderOption
|
|
86
83
|
})));
|
|
@@ -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,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EACL,cAAc,EACd,aAAa,EAOd,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,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,IAC1D,KAAK,CACK,CACJ;QACV,QAAQ,CACR,CACJ,CAAA;AACH,CAAC,CAAA;AAmBD,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,
|
|
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,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EACL,cAAc,EACd,aAAa,EAOd,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,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,IAC1D,KAAK,CACK,CACJ;QACV,QAAQ,CACR,CACJ,CAAA;AACH,CAAC,CAAA;AAmBD,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,MAAM,GAAG,CAAC,EACV,YAAY,EAI4B,EAAE,EAAE;IAC5C,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,qBAAqB,kBACpB,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,KAAK,EAC/B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAC5C,WAAW,EAAE,gBAAgB,KAAK,KAAK,GAAG,MAAM,EAChD,WAAW,EAAE,MAAM,CAAC,WAAW,IAC3B,YAAY,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,CAAC,GAEvC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,MAAM,CAAC,CACD,CACzB,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,EACpB,MAAM,EACN,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,YAAY,EAIc,EAAE,EAAE;IAC9B,IAAI,YAAY,GAAG,CAAC,CAAA;IAEpB,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACrC,MAAM,UAAU,GAAG,CACjB,oBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,IAChC,aAAa,CAAC;YACb,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC;YACtB,YAAY;YACZ,SAAS;YACT,gBAAgB;YAChB,MAAM,EAAE,YAAY;YACpB,YAAY;SACb,CAAC,CACQ,CACb,CAAA;QAED,YAAY,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAA;QAEpC,OAAO,UAAU,CAAA;IACnB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,2BAA2B,GAAG,CAClC,MAAoB,EACpB,gBAA+B,EAC/B,EAAE;IACF,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,gBAAgB,CAAA;KACxB;IAED,IAAI,YAAY,GAAG,CAAC,CAAA;IAEpB,MAAM,MAAM,GACV,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;QACtC,YAAY,IAAI,KAAK,CAAC,MAAM,CAAA;QAC5B,MAAM,0BAA0B,GAAG,gBAAgB,GAAG,YAAY,CAAA;QAElE,OAAO,0BAA0B,CAAA;IACnC,CAAC,CAAC,GAAG,CAAC,CAAA;IAER,OAAO,gBAAgB,GAAG,MAAM,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAG,CAAC,EAC9B,OAAO,EACP,YAAY,GAAG,GAAG,EAAE,CAAC,IAAI,EACzB,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,WAAW,EACX,OAAO,EACD,EAAE,EAAE;IACV,MAAM,WAAW,GAAa,OAAO,CACnC,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,EAC7B,CAAC,OAAO,CAAC,CACV,CAAA;IAED,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,kBAAkB,EAAE;QAC7C,OAAO,CACL,oBAAC,aAAa,mBACC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAC/B,IAAI,EAAC,SAAS,EACd,WAAW,EAAE,WAAW;YAExB,oBAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,UACjC,aAAa,CACL,CACG,CACjB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,aAAa,EACX,aAAa,CAAC,OAAO,CAAC;YACpB,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,2BAA2B,CAAC,OAAO,EAAE,gBAAgB,CAAC,EAE5D,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,SAAS,IAEb,aAAa,CAAC,OAAO,CAAC;QACrB,CAAC,CAAC,aAAa,CAAC;YACZ,OAAO;YACP,YAAY;YACZ,SAAS;YACT,gBAAgB;YAChB,YAAY;SACb,CAAC;QACJ,CAAC,CAAC,YAAY,CAAC;YACX,MAAM,EAAE,OAAO;YACf,YAAY;YACZ,SAAS;YACT,gBAAgB;YAChB,YAAY;SACb,CAAC,CACQ,CACjB,CAAA;AACH,CAAC,CAAA;AAED,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAE7D,eAAe,sBAAsB,CAAA"}
|
package/Sidebar/styles.js
CHANGED
|
@@ -4,7 +4,7 @@ export default ({ palette, screens, zIndex }) => createStyles({
|
|
|
4
4
|
height: '100%',
|
|
5
5
|
width: '14.75rem',
|
|
6
6
|
boxShadow: `inset -1px 0px 0px 0px ${palette.grey.darker}`,
|
|
7
|
-
padding: '1rem 0',
|
|
7
|
+
padding: '1rem 0 0.5rem',
|
|
8
8
|
fontSize: '1rem',
|
|
9
9
|
[screens('small', 'medium')]: {
|
|
10
10
|
width: '100vw',
|
package/Sidebar/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Sidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE,CACrD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Sidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAS,EAAE,EAAE,CACrD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,MAAM;QAEhB,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB;IACD,wBAAwB,EAAE;QACxB,SAAS,EAAE,sBAAsB;QAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;SAChE;QAED,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,sBAAsB;YAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;gBAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;aAChE;SACF;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC5D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACtC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACrC;CACF,CAAC,CAAA"}
|
|
@@ -13,7 +13,7 @@ import React, { forwardRef } from 'react';
|
|
|
13
13
|
import Container from '../Container';
|
|
14
14
|
export const SidebarLogo = forwardRef(function SidebarLogo(_a, ref) {
|
|
15
15
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
16
|
-
return (React.createElement(Container, Object.assign({}, rest, { ref: ref, flex: true, bottom: '
|
|
16
|
+
return (React.createElement(Container, Object.assign({}, rest, { ref: ref, flex: true, bottom: 'xsmall', left: 'large', alignItems: 'center' }), children));
|
|
17
17
|
});
|
|
18
18
|
SidebarLogo.defaultProps = {};
|
|
19
19
|
SidebarLogo.displayName = 'SidebarLogo';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarLogo.js","sourceRoot":"","sources":["../../src/SidebarLogo/SidebarLogo.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AAGpE,OAAO,SAAS,MAAM,cAAc,CAAA;AAQpC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAqB,EAAE,GAAG;QAA1B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtC,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,QACJ,MAAM,EAAC,
|
|
1
|
+
{"version":3,"file":"SidebarLogo.js","sourceRoot":"","sources":["../../src/SidebarLogo/SidebarLogo.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AAGpE,OAAO,SAAS,MAAM,cAAc,CAAA;AAQpC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,SAAS,WAAW,CAAC,EAAqB,EAAE,GAAG;QAA1B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtC,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,QACJ,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,OAAO,EACZ,UAAU,EAAC,QAAQ,KAElB,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,YAAY,GAAG,EAAE,CAAA;AAE7B,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,eAAe,WAAW,CAAA"}
|