@toptal/picasso 37.6.0 → 37.7.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/Autocomplete/Autocomplete.js +5 -1
- package/Autocomplete/Autocomplete.js.map +1 -1
- package/Autocomplete/styles.d.ts +1 -1
- package/Autocomplete/styles.js +3 -0
- package/Autocomplete/styles.js.map +1 -1
- package/FieldsLayout/FieldsLayoutContext.d.ts +10 -0
- package/FieldsLayout/FieldsLayoutContext.js +14 -0
- package/FieldsLayout/FieldsLayoutContext.js.map +1 -0
- package/FieldsLayout/index.d.ts +1 -0
- package/FieldsLayout/index.js +2 -0
- package/FieldsLayout/index.js.map +1 -0
- package/Form/Form.d.ts +2 -0
- package/Form/Form.js +4 -2
- package/Form/Form.js.map +1 -1
- package/FormControlLabel/FormControlLabel.js +3 -0
- package/FormControlLabel/FormControlLabel.js.map +1 -1
- package/FormControlLabel/styles.d.ts +1 -1
- package/FormControlLabel/styles.js +3 -0
- package/FormControlLabel/styles.js.map +1 -1
- package/FormField/FormField.js +14 -4
- package/FormField/FormField.js.map +1 -1
- package/FormField/styles.d.ts +1 -1
- package/FormField/styles.js +16 -0
- package/FormField/styles.js.map +1 -1
- package/FormLabel/FormLabel.js +3 -0
- package/FormLabel/FormLabel.js.map +1 -1
- package/FormLabel/styles.d.ts +1 -1
- package/FormLabel/styles.js +5 -0
- package/FormLabel/styles.js.map +1 -1
- package/Input/Input.js +3 -0
- package/Input/Input.js.map +1 -1
- package/Input/styles.d.ts +1 -1
- package/Input/styles.js +2 -0
- package/Input/styles.js.map +1 -1
- package/NonNativeSelect/NonNativeSelect.js +7 -2
- package/NonNativeSelect/NonNativeSelect.js.map +1 -1
- package/NonNativeSelect/styles.d.ts +1 -1
- package/NonNativeSelect/styles.js +2 -0
- package/NonNativeSelect/styles.js.map +1 -1
- package/NumberInput/NumberInput.js +3 -0
- package/NumberInput/NumberInput.js.map +1 -1
- package/NumberInput/styles.d.ts +1 -1
- package/NumberInput/styles.js +2 -0
- package/NumberInput/styles.js.map +1 -1
- package/Page/styles.d.ts +1 -1
- package/Page/styles.js +2 -2
- package/Page/styles.js.map +1 -1
- package/TagSelectorInput/TagSelectorInput.js +3 -0
- package/TagSelectorInput/TagSelectorInput.js.map +1 -1
- package/TagSelectorInput/styles.d.ts +1 -1
- package/TagSelectorInput/styles.js +2 -0
- package/TagSelectorInput/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -30,6 +30,7 @@ import { useAutocomplete, EMPTY_INPUT_VALUE } from './use-autocomplete';
|
|
|
30
30
|
import styles from './styles';
|
|
31
31
|
import unsafeErrorLog from '../utils/unsafe-error-log';
|
|
32
32
|
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
33
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
33
34
|
const useStyles = makeStyles(styles, {
|
|
34
35
|
name: 'PicassoAutocomplete',
|
|
35
36
|
});
|
|
@@ -84,12 +85,15 @@ export const Autocomplete = forwardRef(function Autocomplete(props, customRef) {
|
|
|
84
85
|
: getDisplayValue(option)))),
|
|
85
86
|
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)))),
|
|
86
87
|
!optionsLength && !shouldShowOtherOption && noOptionsText && (React.createElement(NoOptionsMenuItem, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.noOptions }, noOptionsText))));
|
|
88
|
+
const { layout } = useFieldsLayoutContext();
|
|
87
89
|
const InputComponent = inputComponent || Input;
|
|
88
90
|
const loadingComponent = (React.createElement(InputAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.loadingAdornment, position: 'end', disablePointerEvents: true },
|
|
89
91
|
React.createElement(Loader, { size: 'small' })));
|
|
90
92
|
const inputWrapperRef = useRef(null);
|
|
91
93
|
const inputProps = getInputProps();
|
|
92
|
-
return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`]
|
|
94
|
+
return (React.createElement("div", { className: cx(classes.root, className, classes[`root${capitalize(width)}`], {
|
|
95
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
96
|
+
}), style: style, role: 'combobox', "aria-expanded": isOpen, "aria-haspopup": 'listbox' },
|
|
93
97
|
React.createElement(Container, { flex: true, ref: inputWrapperRef, onClick: inputProps.onClick },
|
|
94
98
|
!enableAutofill && name && (React.createElement("input", { type: 'hidden', value: value, name: name, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.disableAutofillInput })),
|
|
95
99
|
React.createElement(InputComponent, Object.assign({}, rest, inputProps, { status: error ? 'error' : status, icon: icon, disabled: disabled, defaultValue: undefined, value: value, ref: ref, placeholder: placeholder, inputProps: rest.inputProps, endAdornment: loading ? loadingComponent : endAdornment, width: width, name: enableAutofill ? name : undefined, autoComplete: enableAutofill ? autoComplete : autoComplete || 'off', testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input, highlight: highlight }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,uEAAuE,CAAC,mDAAmD;;;;;;;;;;;;AAW3H,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAC3D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAIrD,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACvE,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
package/Autocomplete/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ sizes: { input, borderWidth }, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "option" | "root" | "stringContent" | "rootFull" | "rootShrink" | "rootAuto" | "poweredByGoogle" | "otherOption">;
|
|
2
|
+
declare const _default: ({ sizes: { input, borderWidth }, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "option" | "root" | "stringContent" | "rootFull" | "rootShrink" | "rootAuto" | "horizontalLayout" | "poweredByGoogle" | "otherOption">;
|
|
3
3
|
export default _default;
|
package/Autocomplete/styles.js
CHANGED
|
@@ -25,5 +25,8 @@ export default ({ sizes: { input, borderWidth }, palette }) => createStyles({
|
|
|
25
25
|
padding: '0.75rem 1rem',
|
|
26
26
|
borderTop: `${borderWidth} solid ${palette.grey.light}`,
|
|
27
27
|
},
|
|
28
|
+
horizontalLayout: {
|
|
29
|
+
width: '100%',
|
|
30
|
+
},
|
|
28
31
|
});
|
|
29
32
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Autocomplete/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,EAAS,EAAE,EAAE,CACnE,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE;QACN,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;KACpB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,GAAG,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;KACzD;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;KACrB;IACD,eAAe,EAAE;QACf,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,GAAG,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;KACxD;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Autocomplete/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,EAAS,EAAE,EAAE,CACnE,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE;QACN,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;KACpB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,GAAG,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;KACzD;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;KACrB;IACD,eAAe,EAAE;QACf,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,GAAG,WAAW,UAAU,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;KACxD;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type FieldsLayoutContextValue = {
|
|
3
|
+
layout: 'horizontal' | 'vertical';
|
|
4
|
+
};
|
|
5
|
+
export declare type FieldsLayoutContextProviderProps = {
|
|
6
|
+
layout?: 'horizontal' | 'vertical';
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export declare const FieldsLayoutContextProvider: ({ layout, children, }: FieldsLayoutContextProviderProps) => JSX.Element;
|
|
10
|
+
export declare const useFieldsLayoutContext: () => FieldsLayoutContextValue;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { createContext, useContext, useMemo } from 'react';
|
|
2
|
+
import { useBreakpoint } from '../utils';
|
|
3
|
+
const FieldsLayoutContext = createContext({
|
|
4
|
+
layout: 'vertical',
|
|
5
|
+
});
|
|
6
|
+
export const FieldsLayoutContextProvider = ({ layout = 'vertical', children, }) => {
|
|
7
|
+
const isSmallScreen = useBreakpoint(['sm', 'xs']);
|
|
8
|
+
const value = useMemo(() => ({
|
|
9
|
+
layout: isSmallScreen ? 'vertical' : layout,
|
|
10
|
+
}), [layout, isSmallScreen]);
|
|
11
|
+
return (React.createElement(FieldsLayoutContext.Provider, { value: value }, children));
|
|
12
|
+
};
|
|
13
|
+
export const useFieldsLayoutContext = () => useContext(FieldsLayoutContext);
|
|
14
|
+
//# sourceMappingURL=FieldsLayoutContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldsLayoutContext.js","sourceRoot":"","sources":["../../src/FieldsLayout/FieldsLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAMxC,MAAM,mBAAmB,GAAG,aAAa,CAA2B;IAClE,MAAM,EAAE,UAAU;CACnB,CAAC,CAAA;AAOF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,MAAM,GAAG,UAAU,EACnB,QAAQ,GACyB,EAAE,EAAE;IACrC,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjD,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;KAC5C,CAAC,EACF,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAA;IAED,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IACvC,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FieldsLayoutContext';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FieldsLayout/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
|
package/Form/Form.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ export interface Props extends BaseProps, FormHTMLAttributes<HTMLFormElement> {
|
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** Submit handler */
|
|
8
8
|
onSubmit?: FormEventHandler<HTMLFormElement>;
|
|
9
|
+
/** Form layout */
|
|
10
|
+
layout?: 'horizontal' | 'vertical';
|
|
9
11
|
}
|
|
10
12
|
export declare const Form: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLFormElement>>;
|
|
11
13
|
export default Form;
|
package/Form/Form.js
CHANGED
|
@@ -10,10 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { forwardRef } from 'react';
|
|
13
|
+
import { FieldsLayoutContextProvider } from '../FieldsLayout';
|
|
13
14
|
// eslint-disable-next-line react/display-name
|
|
14
15
|
export const Form = forwardRef(function Form(_a, ref) {
|
|
15
|
-
var { onSubmit, className, style, children } = _a, rest = __rest(_a, ["onSubmit", "className", "style", "children"]);
|
|
16
|
-
return (React.createElement("form", Object.assign({}, rest, { ref: ref, onSubmit: onSubmit, className: className, style: style }),
|
|
16
|
+
var { onSubmit, className, style, children, layout } = _a, rest = __rest(_a, ["onSubmit", "className", "style", "children", "layout"]);
|
|
17
|
+
return (React.createElement("form", Object.assign({}, rest, { ref: ref, onSubmit: onSubmit, className: className, style: style }),
|
|
18
|
+
React.createElement(FieldsLayoutContextProvider, { layout: layout }, children)));
|
|
17
19
|
});
|
|
18
20
|
Form.displayName = 'Form';
|
|
19
21
|
export default Form;
|
package/Form/Form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAA;AAW7D,8CAA8C;AAC9C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,SAAS,IAAI,CAClE,EAAyD,EACzD,GAAG;QADH,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAW,EAAN,IAAI,cAAvD,wDAAyD,CAAF;IAGvD,OAAO,CACL,8CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;QAEZ,oBAAC,2BAA2B,IAAC,MAAM,EAAE,MAAM,IACxC,QAAQ,CACmB,CACzB,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
|
@@ -14,6 +14,7 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import styles from './styles';
|
|
16
16
|
import { FormCompound as Form } from '../FormCompound';
|
|
17
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
17
18
|
const useStyles = makeStyles(styles, {
|
|
18
19
|
name: 'PicassoFormControlLabel',
|
|
19
20
|
});
|
|
@@ -23,8 +24,10 @@ const FormControlLabel = forwardRef(function FormControlLabel(props, ref) {
|
|
|
23
24
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
24
25
|
classes: externalClasses } = props, rest = __rest(props, ["control", "label", "className", "style", "disabled", "requiredDecoration", "titleCase", "classes"]);
|
|
25
26
|
const classes = useStyles(props);
|
|
27
|
+
const { layout } = useFieldsLayoutContext();
|
|
26
28
|
return (React.createElement("label", Object.assign({}, rest, { ref: ref, className: cx(classes.root, {
|
|
27
29
|
[classes.disabled]: disabled,
|
|
30
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
28
31
|
}, className), style: style }),
|
|
29
32
|
React.cloneElement(control, { disabled }),
|
|
30
33
|
React.createElement(Form.Label, { className: classes.label, as: 'span', requiredDecoration: requiredDecoration, disabled: disabled, titleCase: titleCase }, label)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormControlLabel.js","sourceRoot":"","sources":["../../src/FormControlLabel/FormControlLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"FormControlLabel.js","sourceRoot":"","sources":["../../src/FormControlLabel/FormControlLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAoBxD,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,yBAAyB;CAChC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG;IAClC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,SAAS;IACT,uDAAuD;IACvD,6DAA6D;IAC7D,OAAO,EAAE,eAAe,KAEtB,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,oGAYL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE3C,OAAO,CACL,+CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ;YACE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC5B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,MAAM,KAAK,YAAY;SACpD,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEX,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC;QAC1C,oBAAC,IAAI,CAAC,KAAK,IACT,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,EAAE,EAAC,MAAM,EACT,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAEnB,KAAK,CACK,CACP,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "disabled" | "label" | "root">;
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "disabled" | "label" | "root" | "horizontalLayout">;
|
|
2
2
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormControlLabel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CAAC;IAC5D,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACf;QACD,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YAEpB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAC3B,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,OAAO;YAC1C,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,MAAM;YAElB,YAAY,EAAE;gBACZ,aAAa,EAAE,MAAM;aACtB;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,eAAe;QACf,QAAQ,EAAE,MAAM;QAChB,uCAAuC;QACvC,aAAa,EAAE,QAAQ;QACvB,uBAAuB,EAAE,aAAa;QACtC,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB;QACD,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;KACf;IACD,KAAK,EAAE;QACL,YAAY,EAAE;YACZ,aAAa,EAAE,MAAM;SACtB;KACF;IACD,QAAQ,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormControlLabel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAS,EAAE,EAAE,CAAC,CAAC;IAC5D,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;SACf;QACD,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YAEpB,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;YAC3B,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,OAAO;YAC1C,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,MAAM;YAElB,YAAY,EAAE;gBACZ,aAAa,EAAE,MAAM;aACtB;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,OAAO,EAAE,aAAa;QACtB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,eAAe;QACf,QAAQ,EAAE,MAAM;QAChB,uCAAuC;QACvC,aAAa,EAAE,QAAQ;QACvB,uBAAuB,EAAE,aAAa;QACtC,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB;QACD,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;KACf;IACD,KAAK,EAAE;QACL,YAAY,EAAE;YACZ,aAAa,EAAE,MAAM;SACtB;KACF;IACD,QAAQ,EAAE,EAAE;IACZ,gBAAgB,EAAE;QAChB,UAAU,EAAE,YAAY;KACzB;CACF,CAAC,CAAA"}
|
package/FormField/FormField.js
CHANGED
|
@@ -9,20 +9,29 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { forwardRef } from 'react';
|
|
12
|
+
import React, { forwardRef, Children } from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
14
|
import cx from 'classnames';
|
|
15
15
|
import Container from '../Container';
|
|
16
16
|
import FormHint from '../FormHint';
|
|
17
17
|
import FormError from '../FormError';
|
|
18
18
|
import styles from './styles';
|
|
19
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
19
20
|
const useStyles = makeStyles(styles, { name: 'PicassoFormField' });
|
|
20
21
|
const FormFieldAdornments = ({ autoSaveIndicator, children, hasMultilineCounter, }) => {
|
|
21
22
|
const classes = useStyles();
|
|
23
|
+
const { layout } = useFieldsLayoutContext();
|
|
24
|
+
if (Children.toArray(children).length === 0) {
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
22
27
|
if (!autoSaveIndicator) {
|
|
23
|
-
return React.createElement(
|
|
28
|
+
return (React.createElement("div", { className: cx({
|
|
29
|
+
[classes.horizontalLayoutAdornment]: layout === 'horizontal',
|
|
30
|
+
}) }, children));
|
|
24
31
|
}
|
|
25
|
-
return (React.createElement(Container, { flex: true, direction: 'column', className: classes.adornment
|
|
32
|
+
return (React.createElement(Container, { flex: true, direction: 'column', className: cx(classes.adornment, {
|
|
33
|
+
[classes.horizontalLayoutAdornment]: layout === 'horizontal',
|
|
34
|
+
}) },
|
|
26
35
|
children,
|
|
27
36
|
React.createElement(Container, { className: cx(classes.autoSaveIndicator, {
|
|
28
37
|
[classes.hasMultilineCounter]: hasMultilineCounter,
|
|
@@ -31,7 +40,8 @@ const FormFieldAdornments = ({ autoSaveIndicator, children, hasMultilineCounter,
|
|
|
31
40
|
export const FormField = forwardRef(function FormField(props, ref) {
|
|
32
41
|
const { autoSaveIndicator, className, style, hint, children, error, fieldRequirements, hasMultilineCounter } = props, rest = __rest(props, ["autoSaveIndicator", "className", "style", "hint", "children", "error", "fieldRequirements", "hasMultilineCounter"]);
|
|
33
42
|
const classes = useStyles();
|
|
34
|
-
|
|
43
|
+
const { layout } = useFieldsLayoutContext();
|
|
44
|
+
return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cx(classes.root, { [classes.horizontalLayout]: layout === 'horizontal' }, className), style: style, "data-field-has-error": Boolean(error) }),
|
|
35
45
|
children,
|
|
36
46
|
React.createElement(FormFieldAdornments, { autoSaveIndicator: autoSaveIndicator, hasMultilineCounter: hasMultilineCounter },
|
|
37
47
|
error && React.createElement(FormError, { className: classes.error }, error),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../src/FormField/FormField.tsx"],"names":[],"mappings":"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"}
|
package/FormField/styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "error" | "root" | "adornment" | "autoSaveIndicator" | "hasMultilineCounter" | "hint">;
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "error" | "root" | "horizontalLayout" | "adornment" | "autoSaveIndicator" | "horizontalLayoutAdornment" | "hasMultilineCounter" | "hint">;
|
|
2
2
|
export default _default;
|
package/FormField/styles.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
+
const HORIZONTAL_COLUMN_WIDTH_PX = 272;
|
|
2
3
|
export default () => createStyles({
|
|
3
4
|
root: {
|
|
4
5
|
fontSize: '1rem',
|
|
@@ -21,6 +22,21 @@ export default () => createStyles({
|
|
|
21
22
|
top: '-0.875rem',
|
|
22
23
|
},
|
|
23
24
|
},
|
|
25
|
+
horizontalLayout: {
|
|
26
|
+
display: 'grid',
|
|
27
|
+
gridTemplateColumns: `${HORIZONTAL_COLUMN_WIDTH_PX}px 1fr`,
|
|
28
|
+
gap: '0 32px',
|
|
29
|
+
gridTemplateRows: 'auto auto',
|
|
30
|
+
gridTemplateAreas: `
|
|
31
|
+
"label input"
|
|
32
|
+
"hint error"
|
|
33
|
+
`,
|
|
34
|
+
width: '100%',
|
|
35
|
+
},
|
|
36
|
+
horizontalLayoutAdornment: {
|
|
37
|
+
gridArea: 'error',
|
|
38
|
+
},
|
|
39
|
+
// These classes might still be used in selectors
|
|
24
40
|
hasMultilineCounter: {},
|
|
25
41
|
hint: {},
|
|
26
42
|
error: {},
|
package/FormField/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAEhB,OAAO,EAAE;YACP,SAAS,EAAE,KAAK;SACjB;QACD,kBAAkB,EAAE;YAClB,SAAS,EAAE,CAAC;SACb;KACF;IAED,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,YAAY,EAAE,MAAM;KACrB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QAER,uBAAuB,EAAE;YACvB,GAAG,EAAE,WAAW;SACjB;KACF;IAED,mBAAmB,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,MAAM,0BAA0B,GAAG,GAAG,CAAA;AAEtC,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAEhB,OAAO,EAAE;YACP,SAAS,EAAE,KAAK;SACjB;QACD,kBAAkB,EAAE;YAClB,SAAS,EAAE,CAAC;SACb;KACF;IAED,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,YAAY,EAAE,MAAM;KACrB;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;QAER,uBAAuB,EAAE;YACvB,GAAG,EAAE,WAAW;SACjB;KACF;IAED,gBAAgB,EAAE;QAChB,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,GAAG,0BAA0B,QAAQ;QAC1D,GAAG,EAAE,QAAQ;QACb,gBAAgB,EAAE,WAAW;QAC7B,iBAAiB,EAAE;;;OAGlB;QACD,KAAK,EAAE,MAAM;KACd;IAED,yBAAyB,EAAE;QACzB,QAAQ,EAAE,OAAO;KAClB;IAED,iDAAiD;IACjD,mBAAmB,EAAE,EAAE;IACvB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;CACV,CAAC,CAAA"}
|
package/FormLabel/FormLabel.js
CHANGED
|
@@ -15,15 +15,18 @@ import cx from 'classnames';
|
|
|
15
15
|
import { useTitleCase } from '@toptal/picasso-shared';
|
|
16
16
|
import styles from './styles';
|
|
17
17
|
import toTitleCase from '../utils/to-title-case';
|
|
18
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
18
19
|
const useStyles = makeStyles(styles, { name: 'PicassoFormLabel' });
|
|
19
20
|
export const FormLabel = forwardRef(function FormLabel(props, ref) {
|
|
20
21
|
const { children, disabled, htmlFor, className, style, inline, as: Component = 'label', titleCase: propsTitleCase, requiredDecoration, size = 'medium' } = props, rest = __rest(props, ["children", "disabled", "htmlFor", "className", "style", "inline", "as", "titleCase", "requiredDecoration", "size"]);
|
|
21
22
|
const classes = useStyles(props);
|
|
22
23
|
const isInline = inline || Component === 'span';
|
|
23
24
|
const titleCase = useTitleCase(propsTitleCase);
|
|
25
|
+
const { layout } = useFieldsLayoutContext();
|
|
24
26
|
return (React.createElement(Component, Object.assign({}, rest, { ref: ref, htmlFor: htmlFor, className: cx(classes.root, {
|
|
25
27
|
[classes.disabled]: disabled,
|
|
26
28
|
[classes.inline]: isInline,
|
|
29
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
27
30
|
}, className), style: style }),
|
|
28
31
|
React.createElement("span", { className: classes[size] },
|
|
29
32
|
requiredDecoration === 'asterisk' && (React.createElement("span", { className: classes.asterisk }, "*")),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../src/FormLabel/FormLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAM3B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"FormLabel.js","sourceRoot":"","sources":["../../src/FormLabel/FormLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAM3B,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAyBxD,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEhF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA0B,SAAS,SAAS,CAC7E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,SAAS,EAAE,cAAc,EACzB,kBAAkB,EAClB,IAAI,GAAG,QAAQ,KAEb,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,oHAYL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,QAAQ,GAAG,MAAM,IAAI,SAAS,KAAK,MAAM,CAAA;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE3C,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ;YACE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC5B,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ;YAC1B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,MAAM,KAAK,YAAY;SACpD,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK;QAEZ,8BAAM,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC;YAC3B,kBAAkB,KAAK,UAAU,IAAI,CACpC,8BAAM,SAAS,EAAE,OAAO,CAAC,QAAQ,QAAU,CAC5C;YAEA,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;YAC5C,kBAAkB,KAAK,UAAU,IAAI,aAAa,CAC9C,CACG,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,OAAO;IACX,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
package/FormLabel/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "medium" | "inline" | "large" | "disabled" | "root" | "asterisk">;
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "medium" | "inline" | "large" | "disabled" | "root" | "asterisk" | "horizontalLayout">;
|
|
3
3
|
export default _default;
|
package/FormLabel/styles.js
CHANGED
package/FormLabel/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormLabel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxB,OAAO,EAAE,OAAO;QAChB,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,KAAK;KAClB;IAED,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;KACtC;IAED,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;KACrB;IAED,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;KACjB;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1B;IAED,MAAM,EAAE;QACN,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,CAAC;QAEf,WAAW,EAAE;YACX,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,KAAK;SACrB;QAED,aAAa,EAAE;YACb,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,KAAK;SACrB;KACF;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/FormLabel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAE9C,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACxB,OAAO,EAAE,OAAO;QAChB,YAAY,EAAE,OAAO;QACrB,UAAU,EAAE,KAAK;KAClB;IAED,QAAQ,EAAE;QACR,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;KACtC;IAED,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;KACrB;IAED,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;KACjB;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,UAAU;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1B;IAED,MAAM,EAAE;QACN,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,CAAC;QAEf,WAAW,EAAE;YACX,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,KAAK;SACrB;QAED,aAAa,EAAE;YACb,QAAQ,EAAE,WAAW;YACrB,aAAa,EAAE,KAAK;SACrB;KACF;IAED,gBAAgB,EAAE;QAChB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAA"}
|
package/Input/Input.js
CHANGED
|
@@ -21,6 +21,7 @@ import InputLimitAdornment from '../InputLimitAdornment';
|
|
|
21
21
|
import InputIconAdornment from '../InputIconAdornment';
|
|
22
22
|
import Container from '../Container';
|
|
23
23
|
import InputValidIconAdornment from '../InputValidIconAdornment';
|
|
24
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
24
25
|
const useStyles = makeStyles(styles, { name: 'PicassoInput' });
|
|
25
26
|
const hasRemainingCounter = ({ counter, limit, }) => Boolean(counter === 'remaining' && limit);
|
|
26
27
|
const hasEnteredCounter = ({ counter }) => counter === 'entered';
|
|
@@ -86,6 +87,7 @@ export const Input = forwardRef(function Input(props, ref) {
|
|
|
86
87
|
});
|
|
87
88
|
const charsLength = value ? value.length : 0;
|
|
88
89
|
const classes = useStyles();
|
|
90
|
+
const { layout } = useFieldsLayoutContext();
|
|
89
91
|
const showCounter = !!charsLength && hasCounter({ counter, limit });
|
|
90
92
|
useHasMultilineCounter(name, showCounter && multiline, setHasMultilineCounter);
|
|
91
93
|
return (React.createElement(React.Fragment, null,
|
|
@@ -93,6 +95,7 @@ export const Input = forwardRef(function Input(props, ref) {
|
|
|
93
95
|
root: cx(classes.root, {
|
|
94
96
|
[classes.rootMultiline]: multiline,
|
|
95
97
|
[classes.highlightAutofill]: highlight === 'autofill',
|
|
98
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
96
99
|
}),
|
|
97
100
|
input: cx(classes.input, {
|
|
98
101
|
[classes.inputMultilineResizable]: multiline && multilineResizable,
|
package/Input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAOA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAG/D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAElD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,mBAAmB,MAAM,wBAAwB,CAAA;AAExD,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,uBAAuB,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAOA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAG/D,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAElD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAE7E,OAAO,mBAAmB,MAAM,wBAAwB,CAAA;AAExD,OAAO,kBAAkB,MAAM,uBAAuB,CAAA;AACtD,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,uBAAuB,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AA0FxD,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,MAAM,mBAAmB,GAAG,CAAC,EAC3B,OAAO,EACP,KAAK,GAC4B,EAAE,EAAE,CACrC,OAAO,CAAC,OAAO,KAAK,WAAW,IAAI,KAAK,CAAC,CAAA;AAE3C,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAA0B,EAAE,EAAE,CAChE,OAAO,KAAK,SAAS,CAAA;AAEvB,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAoC,EAAE,EAAE,CAC1E,mBAAmB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,IAAI,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;AAE3E,MAAM,qBAAqB,GAAG,CAAC,EAC7B,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,GACqD,EAAE,EAAE,CAC9D,SAAS,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;AAEvE,MAAM,cAAc,GAAG,CAAC,EACtB,IAAI,EACJ,YAAY,EACZ,QAAQ,GACY,EAAE,EAAE;IACxB,IAAI,CAAC,IAAI,IAAI,YAAY,KAAK,OAAO,EAAE;QACrC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EACJ,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,GACZ,GAAG,KAAK,CAAA;IAET,IAAI,IAAI,IAAI,YAAY,KAAK,KAAK,EAAE;QAClC,OAAO,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,GAAI,CAAA;KAC7E;IAED,IAAI,CAAC,SAAS,IAAI,WAAW,EAAE;QAC7B,OAAO,CACL,oBAAC,mBAAmB;QAClB,oEAAoE;;YAApE,oEAAoE;YACpE,WAAW,EAAE,WAAY,EACzB,SAAS,EAAE,SAAS;YACpB,oEAAoE;YACpE,OAAO,EAAE,OAAQ;YACjB,oEAAoE;YACpE,KAAK,EAAE,KAAM,EACb,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAQD,MAAM,kBAAkB,GAAG,CAAC,EAC1B,WAAW,EACX,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,OAAO,GACiB,EAAE,EAAE;IAC5B,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI;QACZ,WAAW,IAAI,CACd,oBAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO;YAChB,oEAAoE;YACpE,WAAW,EAAE,WAAY;YACzB,oEAAoE;YACpE,OAAO,EAAE,OAAQ;YACjB,oEAAoE;YACpE,KAAK,EAAE,KAAM,EACb,SAAS,SACT,CACH;QACA,MAAM,KAAK,SAAS,IAAI,CACvB,oBAAC,uBAAuB,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE,SAAS,SAAG,CACvE,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IACnC,MAAM,WAAW,GAA0B;QACzC,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,KAAK;YAChB,IAAI,EAAE,SAAS;YACf,cAAc,EAAE,SAAS;YACzB,YAAY,EAAE,SAAS;YACvB,KAAK,EAAE,SAAS;SACjB;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC7D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA0B,SAAS,KAAK,CACrE,KAAK,EACL,GAAG;IAEH,MAAM,KAoCF,WAAW,CAAC,KAAK,CAAC,EApChB,EACJ,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,SAAS,EACT,KAAK,EACL,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,cAAc,EACd,YAAY,EACZ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,OAAO,EACP,sBAAsB,EACtB,SAAS,OAEW,EADjB,IAAI,cAnCH,qaAoCL,CAAqB,CAAA;IAEtB,yBAAyB,CAAC;QACxB,KAAK;QACL,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,OAAO;QACtB,WAAW,EACT,qGAAqG;KACxG,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5C,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,EAAE,MAAM,EAAE,GAAG,sBAAsB,EAAE,CAAA;IAE3C,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,UAAU,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAEnE,sBAAsB,CAAC,IAAI,EAAE,WAAW,IAAI,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAE9E,OAAO,CACL;QACE,oBAAC,aAAa,IACZ,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;gBACP,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;oBACrB,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,SAAS;oBAClC,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,SAAS,KAAK,UAAU;oBACrD,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,MAAM,KAAK,YAAY;iBACpD,CAAC;gBACF,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE;oBACvB,CAAC,OAAO,CAAC,uBAAuB,CAAC,EAAE,SAAS,IAAI,kBAAkB;iBACnE,CAAC;aACH,EACD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO;YAChB,kBAAkB;YAClB,UAAU,kCACL,IAAI,GACJ,UAAU,GAEf,cAAc,EACZ,cAAc,IAAI,CAChB,oBAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,CACH,EAEH,YAAY,EACV,YAAY,IAAI,CACd,oBAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,GACxB,CACH,EAEH,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,IAEf,QAAQ,CACK;QACf,qBAAqB,CAAC;YACrB,SAAS;YACT,MAAM;YACN,KAAK;YACL,OAAO;SACR,CAAC,IAAI,CACJ,oBAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,GACZ,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,OAAO;IACrB,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,eAAe,KAAK,CAAA"}
|
package/Input/styles.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import '../InputBase/styles';
|
|
|
3
3
|
import '../InputLabel/styles';
|
|
4
4
|
import '../OutlinedInput/styles';
|
|
5
5
|
import '../InputAdornment/styles';
|
|
6
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "rootMultiline" | "inputMultilineResizable" | "highlightAutofill">;
|
|
6
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "rootMultiline" | "inputMultilineResizable" | "horizontalLayout" | "highlightAutofill">;
|
|
7
7
|
export default _default;
|
package/Input/styles.js
CHANGED
package/Input/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Input/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AACnE,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AAEjC,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,iBACV,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,MAAM,EAAE,MAAM;KACf,EACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;KACf,EACD,uBAAuB,EAAE;QACvB,MAAM,EAAE,UAAU;KACnB,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Input/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AACnE,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AAEjC,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,iBACV,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3C,MAAM,EAAE,MAAM;KACf,EACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;KACf,EACD,uBAAuB,EAAE;QACvB,MAAM,EAAE,UAAU;KACnB,EACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;KACd,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA"}
|
|
@@ -25,10 +25,11 @@ import { documentable, forwardRef, noop, useCombinedRefs } from '../utils';
|
|
|
25
25
|
import styles from './styles';
|
|
26
26
|
import NonNativeSelectLimitFooter from '../NonNativeSelectLimitFooter';
|
|
27
27
|
import InputAdornment from '../InputAdornment';
|
|
28
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
28
29
|
const useStyles = makeStyles(styles);
|
|
29
30
|
const DEFAULT_EMPTY_ARRAY_VALUE = [];
|
|
30
31
|
export const NonNativeSelect = documentable(forwardRef(
|
|
31
|
-
// eslint-disable-next-line max-lines-per-function
|
|
32
|
+
// eslint-disable-next-line max-lines-per-function, complexity
|
|
32
33
|
(props, ref) => {
|
|
33
34
|
const { className, style, width = 'full', menuWidth, loading, id, icon, iconPosition = 'start', name, noOptionsText, renderOption = defaultRenderOption, placeholder, disabled, disablePortal, error, status, multiple, value = multiple ? DEFAULT_EMPTY_ARRAY_VALUE : '', size, enableReset, popperContainer, enableAutofill, autoComplete, searchPlaceholder, searchThreshold = DEFAULT_SEARCH_THRESHOLD, limit = DEFAULT_LIMIT, getDisplayValue = getOptionText, options, onChange, filterOptions = defaultFilterOptions,
|
|
34
35
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -56,6 +57,7 @@ export const NonNativeSelect = documentable(forwardRef(
|
|
|
56
57
|
selectProps: props,
|
|
57
58
|
selectState,
|
|
58
59
|
});
|
|
60
|
+
const { layout } = useFieldsLayoutContext();
|
|
59
61
|
const searchInput = showSearch ? (React.createElement(MenuItem, { as: 'div', nonSelectable: true, disableGutters: true, className: classes.searchInputGutters },
|
|
60
62
|
React.createElement(OutlinedInput, Object.assign({ inputRef: searchInputRef, className: classes.searchOutlinedInput, startAdornment: React.createElement(InputAdornment, { position: 'start', disablePointerEvents: true },
|
|
61
63
|
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;
|
|
@@ -66,7 +68,9 @@ export const NonNativeSelect = documentable(forwardRef(
|
|
|
66
68
|
disabled,
|
|
67
69
|
});
|
|
68
70
|
const selectComponent = (React.createElement(React.Fragment, null,
|
|
69
|
-
React.createElement("div", Object.assign({}, rootProps, { className: classes.inputWrapper
|
|
71
|
+
React.createElement("div", Object.assign({}, rootProps, { className: cx(classes.inputWrapper, {
|
|
72
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
73
|
+
}) }),
|
|
70
74
|
!enableAutofill && name && (React.createElement("input", { type: 'hidden', value: displayValue, name: name })),
|
|
71
75
|
React.createElement(OutlinedInput
|
|
72
76
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -75,6 +79,7 @@ export const NonNativeSelect = documentable(forwardRef(
|
|
|
75
79
|
value: displayValue }, getInputProps(), { placeholder: placeholder, width: width, readOnly: true, defaultValue: undefined, className: classes.outlinedInput, classes: {
|
|
76
80
|
root: cx({
|
|
77
81
|
[classes.highlightAutofill]: highlight === 'autofill',
|
|
82
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
78
83
|
}),
|
|
79
84
|
}, inputProps: {
|
|
80
85
|
size: 1, // let input to have smallest width by default for width:'shrink'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,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;AAE5D,OAAO,EACL,aAAa,EACb,cAAc,EACd,cAAc,EACd,YAAY,IAAI,mBAAmB,EACnC,aAAa,EACb,aAAa,EACb,wBAAwB,EACxB,YAAY,EACZ,iBAAiB,IAAI,oBAAoB,GAC1C,MAAM,eAAe,CAAA;AACtB,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;
|
|
1
|
+
{"version":3,"file":"NonNativeSelect.js","sourceRoot":"","sources":["../../src/NonNativeSelect/NonNativeSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "select" | "root" | "placeholder" | "rootDisabled" | "rootFull" | "rootShrink" | "rootAuto" | "highlightAutofill" | "nativeInput" | "inputWrapper" | "outlinedInput" | "searchOutlinedInput" | "searchInputGutters">;
|
|
8
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "select" | "root" | "placeholder" | "rootDisabled" | "rootFull" | "rootShrink" | "rootAuto" | "horizontalLayout" | "highlightAutofill" | "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":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AACzB,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AAEnE,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,iBACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,SAAS;SAClB,EACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd,EACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;SACd,EACD,QAAQ,EAAE,EAAE,EACZ,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB,EACD,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,QAAQ;YAEjB,SAAS,EAAE;gBACT,eAAe,EAAE,SAAS;aAC3B;SACF,EACD,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,CAAC;SACX,EACD,aAAa,EAAE;YACb,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YACrC,YAAY,EAAE,UAAU;SACzB,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,MAAM;SACd,EACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,+BAA+B;SACzC,EACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;SACX,EACD,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAC1B,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NonNativeSelect/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,sBAAsB,CAAA;AAC7B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,iBAAiB,CAAA;AACxB,OAAO,gBAAgB,CAAA;AACvB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AACzB,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AAEnE,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,iBACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,SAAS;SAClB,EACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd,EACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;SACd,EACD,QAAQ,EAAE,EAAE,EACZ,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB,EACD,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,QAAQ;YAEjB,SAAS,EAAE;gBACT,eAAe,EAAE,SAAS;aAC3B;SACF,EACD,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,CAAC;SACX,EACD,aAAa,EAAE;YACb,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YACrC,YAAY,EAAE,UAAU;SACzB,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,MAAM;SACd,EACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,+BAA+B;SACzC,EACD,WAAW,EAAE;YACX,OAAO,EAAE,CAAC;SACX,EACD,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;SAC1B,EACD,gBAAgB,EAAE;YAChB,KAAK,EAAE,MAAM;SACd,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}
|
|
@@ -18,6 +18,7 @@ import { useCombinedRefs } from '../utils';
|
|
|
18
18
|
import styles from './styles';
|
|
19
19
|
import { NumberInputEndAdornment } from '../NumberInputEndAdornment';
|
|
20
20
|
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
21
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
21
22
|
const useStyles = makeStyles(styles, {
|
|
22
23
|
name: 'PicassoNumberInput',
|
|
23
24
|
});
|
|
@@ -29,6 +30,7 @@ export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
|
29
30
|
componentName: 'NumberInput',
|
|
30
31
|
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.',
|
|
31
32
|
});
|
|
33
|
+
const { layout } = useFieldsLayoutContext();
|
|
32
34
|
const classes = useStyles(props);
|
|
33
35
|
const inputRef = useCombinedRefs(ref, useRef(null));
|
|
34
36
|
const endAdornment = hideControls ? null : (React.createElement(NumberInputEndAdornment, { step: step, min: min, max: max, value: value, disabled: disabled, size: size, inputRef: inputRef }));
|
|
@@ -36,6 +38,7 @@ export const NumberInput = forwardRef(function NumberInput(props, ref) {
|
|
|
36
38
|
return (React.createElement(OutlinedInput, { classes: {
|
|
37
39
|
root: cx(classes.root, {
|
|
38
40
|
[classes.highlightAutofill]: highlight === 'autofill',
|
|
41
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
39
42
|
}),
|
|
40
43
|
input: classes.input,
|
|
41
44
|
}, inputProps: Object.assign(Object.assign({}, rest), { step,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../src/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
package/NumberInput/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "input" | "root" | "highlightAutofill">;
|
|
2
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "input" | "root" | "horizontalLayout" | "highlightAutofill">;
|
|
3
3
|
export default _default;
|
package/NumberInput/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AAEnE,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,iBACV,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;KACf,EACD,KAAK,EAAE;QACL,4DAA4D,EAAE;YAC5D,oBAAoB,EAAE,MAAM;YAC5B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,CAAC;SACV;QACD,iBAAiB,EAAE,WAAW;KAC/B,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/NumberInput/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AAEnE,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,iBACV,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;KACf,EACD,KAAK,EAAE;QACL,4DAA4D,EAAE;YAC5D,oBAAoB,EAAE,MAAM;YAC5B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE,CAAC;SACV;QACD,iBAAiB,EAAE,WAAW;KAC/B,EACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;KACd,IACE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA"}
|
package/Page/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ layout }: Theme) => import("@material-ui/styles").StyleRules<{}, "root">;
|
|
2
|
+
declare const _default: ({ layout, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root">;
|
|
3
3
|
export default _default;
|
package/Page/styles.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
2
|
import { headerHeight } from '../PageTopBar/constants';
|
|
3
|
-
export default ({ layout }) => createStyles({
|
|
4
|
-
root: Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', height: '100%' }, (layout.contentMinWidth && { minWidth: layout.contentMinWidth })), { '& > footer, & > header': {
|
|
3
|
+
export default ({ layout, palette }) => createStyles({
|
|
4
|
+
root: Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', height: '100%', background: palette.grey.lightest }, (layout.contentMinWidth && { minWidth: layout.contentMinWidth })), { '& > footer, & > header': {
|
|
5
5
|
flex: 0,
|
|
6
6
|
}, '& > header + *': {
|
|
7
7
|
marginTop: headerHeight.default,
|
package/Page/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Page/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,eAAe,CAAC,EAAE,MAAM,EAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Page/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAS,EAAE,EAAE,CAC5C,YAAY,CAAC;IACX,IAAI,gCACF,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,IAC9B,CAAC,MAAM,CAAC,eAAe,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,eAAe,EAAE,CAAC,KAEnE,wBAAwB,EAAE;YACxB,IAAI,EAAE,CAAC;SACR,EACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,YAAY,CAAC,OAAO;SAChC,GACF;CACF,CAAC,CAAA"}
|
|
@@ -15,6 +15,7 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
15
15
|
import OutlinedInput from '../OutlinedInput';
|
|
16
16
|
import styles from './styles';
|
|
17
17
|
import { usePropDeprecationWarning } from '../utils/use-deprecation-warnings';
|
|
18
|
+
import { useFieldsLayoutContext } from '../FieldsLayout';
|
|
18
19
|
const useStyles = makeStyles(styles, {
|
|
19
20
|
name: 'PicassoTagSelectorInput',
|
|
20
21
|
});
|
|
@@ -31,6 +32,7 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
|
|
|
31
32
|
description: 'Use the `status` prop instead. `error` is deprecated and will be removed in the next major release.',
|
|
32
33
|
});
|
|
33
34
|
const classes = useStyles();
|
|
35
|
+
const { layout } = useFieldsLayoutContext();
|
|
34
36
|
let usedEndAdornment = null;
|
|
35
37
|
if (endAdornment) {
|
|
36
38
|
usedEndAdornment = React.cloneElement(endAdornment, {
|
|
@@ -39,6 +41,7 @@ export const TagSelectorInput = forwardRef(function TagSelectorInput(props, ref)
|
|
|
39
41
|
}
|
|
40
42
|
return (React.createElement(OutlinedInput, { inputRef: ref, style: style, className: cx(classes.inputBase, {
|
|
41
43
|
[classes.withEndAdornment]: Boolean(endAdornment),
|
|
44
|
+
[classes.horizontalLayout]: layout === 'horizontal',
|
|
42
45
|
}), classes: {
|
|
43
46
|
root: cx({ [classes.highlightAutofill]: highlight === 'autofill' }),
|
|
44
47
|
}, id: id, name: name, defaultValue: defaultValue, value: value, placeholder: placeholder, status: error ? 'error' : status, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, multiline: multiline, rows: rows, rowsMax: rowsMax, type: type, width: width,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"TagSelectorInput.js","sourceRoot":"","sources":["../../src/TagSelectorInput/TagSelectorInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Theme } from '@material-ui/core/styles';
|
|
2
2
|
export declare const TAG_SELECTOR_INPUT_GUTTER_SIZE: string;
|
|
3
|
-
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "endAdornment" | "highlightAutofill" | "inputBase" | "withEndAdornment">;
|
|
3
|
+
declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "endAdornment" | "horizontalLayout" | "highlightAutofill" | "inputBase" | "withEndAdornment">;
|
|
4
4
|
export default _default;
|
|
@@ -28,5 +28,7 @@ export default (theme) => createStyles(Object.assign(Object.assign({ inputBase:
|
|
|
28
28
|
top: `calc(50% - 0.5 * ${END_ADORNMENT_HEIGHT})`,
|
|
29
29
|
right: '0.625em',
|
|
30
30
|
height: END_ADORNMENT_HEIGHT,
|
|
31
|
+
}, horizontalLayout: {
|
|
32
|
+
width: '100%',
|
|
31
33
|
} }));
|
|
32
34
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AAEnE,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;AACxD,MAAM,qBAAqB,GAAG,SAAS,CAAA;AACvC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAElC,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,+BACV,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,8BAA8B;QAC7C,WAAW,EAAE,8BAA8B;QAC3C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;YACvB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,CAAC;SAChB;KACF,IACE,uBAAuB,CAAC,KAAK,CAAC,KACjC,gBAAgB,EAAE;QAChB,YAAY,EAAE,UAAU,qBAAqB,MAAM,oBAAoB,GAAG;KAC3E,EACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB,oBAAoB,GAAG;QAChD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,oBAAoB;KAC7B,IACD,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TagSelectorInput/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,OAAO,uBAAuB,MAAM,+BAA+B,CAAA;AAEnE,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC,KAAK,CAAC,CAAA;AACxD,MAAM,qBAAqB,GAAG,SAAS,CAAA;AACvC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AAElC,eAAe,CAAC,KAAY,EAAE,EAAE,CAC9B,YAAY,+BACV,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,8BAA8B;QAC7C,WAAW,EAAE,8BAA8B;QAC3C,UAAU,EAAE,8BAA8B;QAC1C,MAAM,EAAE,SAAS;QAEjB,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;YACnB,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC;YACvB,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,CAAC;SAChB;KACF,IACE,uBAAuB,CAAC,KAAK,CAAC,KACjC,gBAAgB,EAAE;QAChB,YAAY,EAAE,UAAU,qBAAqB,MAAM,oBAAoB,GAAG;KAC3E,EACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,oBAAoB,oBAAoB,GAAG;QAChD,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,oBAAoB;KAC7B,EACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM;KACd,IACD,CAAA"}
|