@factorearth/component-library 3.0.56-alpha.0 → 3.0.58-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atoms/DateField/DateField.d.ts +2 -1
- package/dist/Atoms/DateField/DateField.js +6 -6
- package/dist/Atoms/DateField/DateField.js.map +1 -1
- package/dist/Atoms/DropdownField/DropdownField.d.ts +8 -6
- package/dist/Atoms/DropdownField/DropdownField.js +7 -2
- package/dist/Atoms/DropdownField/DropdownField.js.map +1 -1
- package/dist/Atoms/MoreHorizonButton/MoreHorizonButton.d.ts +1 -2
- package/dist/Atoms/NoteField/NoteField.d.ts +1 -1
- package/dist/Atoms/NoteField/NoteField.js +15 -14
- package/dist/Atoms/NoteField/NoteField.js.map +1 -1
- package/dist/Atoms/NumberField/NumberField.d.ts +2 -2
- package/dist/Atoms/NumberField/NumberField.js +6 -5
- package/dist/Atoms/NumberField/NumberField.js.map +1 -1
- package/dist/Atoms/TextField/TextField.d.ts +1 -1
- package/dist/Atoms/TextField/TextField.js +6 -4
- package/dist/Atoms/TextField/TextField.js.map +1 -1
- package/package.json +2 -2
|
@@ -7,6 +7,7 @@ interface DateFieldPickerProps {
|
|
|
7
7
|
handleChange: (e: any) => void;
|
|
8
8
|
value: string | null;
|
|
9
9
|
placeholder?: string;
|
|
10
|
+
moreHorizon?: JSX.Element;
|
|
10
11
|
}
|
|
11
|
-
export declare const DateFieldPicker: ({ colorPalette, handleBlur, handleChange, value, placeholder, }: DateFieldPickerProps) => React.JSX.Element;
|
|
12
|
+
export declare const DateFieldPicker: ({ colorPalette, handleBlur, handleChange, value, placeholder, moreHorizon, }: DateFieldPickerProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
@@ -10,7 +10,6 @@ const DateIcon = styled(FiCalendar) `
|
|
|
10
10
|
border-style: solid;
|
|
11
11
|
border-color: ${({ color }) => color.border.primary};
|
|
12
12
|
border-left: none;
|
|
13
|
-
border-right: none;
|
|
14
13
|
width: 24px;
|
|
15
14
|
height: 38px;
|
|
16
15
|
padding-right: 8px;
|
|
@@ -38,8 +37,8 @@ const DateFieldContainer = styled.div `
|
|
|
38
37
|
border-color: ${({ color }) => color.border.primary};
|
|
39
38
|
color: ${({ color }) => color.text.primary};
|
|
40
39
|
background: ${({ color }) => color.background.primary};
|
|
41
|
-
border-
|
|
42
|
-
border-radius: 4px 0px 0px 4px;
|
|
40
|
+
border-radius: 4px;
|
|
41
|
+
${({ moreHorizon }) => !moreHorizon && `border-right: none; border-radius: 4px 0px 0px 4px;`};
|
|
43
42
|
font-size: 14px;
|
|
44
43
|
text-align: center;
|
|
45
44
|
width: 100%;
|
|
@@ -98,7 +97,7 @@ const DateFieldContainer = styled.div `
|
|
|
98
97
|
display: none;
|
|
99
98
|
}
|
|
100
99
|
`;
|
|
101
|
-
export const DateFieldPicker = ({ colorPalette, handleBlur, handleChange, value, placeholder, }) => {
|
|
100
|
+
export const DateFieldPicker = ({ colorPalette, handleBlur, handleChange, value, placeholder, moreHorizon, }) => {
|
|
102
101
|
const [selectedDate, setSelectedDate] = useState(null);
|
|
103
102
|
const datePickerRef = useRef(null);
|
|
104
103
|
const [newValue, setNewValue] = useState(value);
|
|
@@ -110,7 +109,7 @@ export const DateFieldPicker = ({ colorPalette, handleBlur, handleChange, value,
|
|
|
110
109
|
datePickerRef.current.setOpen(true);
|
|
111
110
|
}
|
|
112
111
|
};
|
|
113
|
-
return (React.createElement(DateFieldContainer, { color: colorPalette },
|
|
112
|
+
return (React.createElement(DateFieldContainer, { color: colorPalette, moreHorizon: moreHorizon ? true : false },
|
|
114
113
|
React.createElement(DatePicker, { value: newValue ? newValue : undefined, placeholderText: placeholder, selected: selectedDate, onChange: (date) => {
|
|
115
114
|
if (date) {
|
|
116
115
|
const year = date.getFullYear();
|
|
@@ -124,6 +123,7 @@ export const DateFieldPicker = ({ colorPalette, handleBlur, handleChange, value,
|
|
|
124
123
|
datePickerRef.current.setOpen(false);
|
|
125
124
|
}
|
|
126
125
|
}, onBlur: handleBlur, ref: datePickerRef, dateFormat: "yyyy-MM-dd" }),
|
|
127
|
-
React.createElement(DateIcon, { color: colorPalette, onClick: handleIconClick })
|
|
126
|
+
React.createElement(DateIcon, { color: colorPalette, onClick: handleIconClick }),
|
|
127
|
+
moreHorizon && moreHorizon));
|
|
128
128
|
};
|
|
129
129
|
//# sourceMappingURL=DateField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../lib/Atoms/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,4CAA4C,CAAC;AAEpD,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAmB;UAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;eAC5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;;iBAGrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO
|
|
1
|
+
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../lib/Atoms/DateField/DateField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { GroupBase, Props } from "react-select";
|
|
3
3
|
import { Colors } from "../../Theme/types";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
declare module 'react-select/base' {
|
|
5
|
+
interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
|
|
6
|
+
colorPalette: Colors & string;
|
|
7
|
+
"data-test"?: string;
|
|
8
|
+
moreHorizon?: JSX.Element;
|
|
9
|
+
}
|
|
7
10
|
}
|
|
8
|
-
export declare const DropdownField: (props:
|
|
9
|
-
export {};
|
|
11
|
+
export declare const DropdownField: (props: Props) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import Select from "react-select";
|
|
3
3
|
export const DropdownField = (props) => {
|
|
4
|
-
const { colorPalette } = props;
|
|
4
|
+
const { colorPalette, moreHorizon } = props;
|
|
5
5
|
const styles = {
|
|
6
6
|
control: (provided, state) => ({
|
|
7
7
|
paddingLeft: "12px",
|
|
@@ -17,6 +17,8 @@ export const DropdownField = (props) => {
|
|
|
17
17
|
zIndex: "1000",
|
|
18
18
|
height: "40px",
|
|
19
19
|
color: colorPalette.text.primary,
|
|
20
|
+
borderTopRightRadius: !moreHorizon ? "4px" : "0px",
|
|
21
|
+
borderBottomRightRadius: !moreHorizon ? "4px" : "0px",
|
|
20
22
|
border: state.isFocused
|
|
21
23
|
? `1px solid ${colorPalette.border.primary}`
|
|
22
24
|
: `1px solid ${colorPalette.border.primary}`,
|
|
@@ -91,6 +93,9 @@ export const DropdownField = (props) => {
|
|
|
91
93
|
display: "none",
|
|
92
94
|
}),
|
|
93
95
|
};
|
|
94
|
-
return React.createElement(
|
|
96
|
+
return (React.createElement("div", { style: { display: "flex" } },
|
|
97
|
+
React.createElement(Select, { styles: styles, ...props }),
|
|
98
|
+
";",
|
|
99
|
+
moreHorizon && moreHorizon));
|
|
95
100
|
};
|
|
96
101
|
//# sourceMappingURL=DropdownField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.js","sourceRoot":"","sources":["../../../lib/Atoms/DropdownField/DropdownField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DropdownField.js","sourceRoot":"","sources":["../../../lib/Atoms/DropdownField/DropdownField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CSSObject } from "@emotion/styled";
|
|
3
3
|
import { Colors } from "@../../Theme/types";
|
|
4
|
-
interface MoreHorizonButtonProps {
|
|
4
|
+
export interface MoreHorizonButtonProps {
|
|
5
5
|
colorPalette: Colors;
|
|
6
6
|
handleToggleHistory: () => void;
|
|
7
7
|
handleRefreshField: () => void;
|
|
8
8
|
styles?: CSSObject;
|
|
9
9
|
}
|
|
10
10
|
export declare const MoreHorizonButton: ({ colorPalette, handleToggleHistory, handleRefreshField, styles, }: MoreHorizonButtonProps) => React.JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -3,7 +3,7 @@ import { Colors } from "../../Theme/types";
|
|
|
3
3
|
interface NoteFieldTextAreaProps extends React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
|
|
4
4
|
colorPalette: Colors;
|
|
5
5
|
toggleFullScreenView: () => void;
|
|
6
|
-
|
|
6
|
+
moreHorizon?: JSX.Element;
|
|
7
7
|
}
|
|
8
8
|
export declare const NoteFieldTextArea: React.ForwardRefExoticComponent<Omit<NoteFieldTextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
|
|
9
9
|
export {};
|
|
@@ -28,27 +28,28 @@ const NoteArea = styled.textarea `
|
|
|
28
28
|
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
29
29
|
border-style: solid;
|
|
30
30
|
border-width: 1px;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
padding: 8px 16px 0px 16px;
|
|
32
|
+
height: 30px;
|
|
33
|
+
width: 100%;
|
|
34
|
+
min-height: 30px;
|
|
35
|
+
resize: vertical;
|
|
36
36
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
37
|
-
|
|
37
|
+
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
38
38
|
border-left: none;
|
|
39
|
-
|
|
39
|
+
font-size: 14px;
|
|
40
40
|
:focus-visible {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
${({
|
|
44
|
-
${({
|
|
45
|
-
`border-top-right-radius: 0px;border-bottom-right-radius: 0px;`}
|
|
41
|
+
max-height: 30px;
|
|
42
|
+
}
|
|
43
|
+
${({ moreHorizon }) => moreHorizon && `border-right: none;`}
|
|
44
|
+
${({ moreHorizon }) => moreHorizon &&
|
|
45
|
+
`border-top-right-radius: 0px; border-bottom-right-radius: 0px;`}
|
|
46
46
|
`;
|
|
47
47
|
export const NoteFieldTextArea = forwardRef((props, ref) => {
|
|
48
|
-
const { colorPalette, toggleFullScreenView,
|
|
48
|
+
const { colorPalette, toggleFullScreenView, moreHorizon } = props;
|
|
49
49
|
return (React.createElement(NoteContainer, { colorPalette: colorPalette },
|
|
50
50
|
React.createElement(MaximizeIconContainer, { colorPalette: colorPalette },
|
|
51
51
|
React.createElement(MaximizeIcon, { color: colorPalette.utils.icon, onClick: toggleFullScreenView })),
|
|
52
|
-
React.createElement(NoteArea, { ...props, ref: ref, colorPalette: colorPalette,
|
|
52
|
+
React.createElement(NoteArea, { ...props, ref: ref, colorPalette: colorPalette, moreHorizon: moreHorizon ? true : false }),
|
|
53
|
+
moreHorizon && moreHorizon));
|
|
53
54
|
});
|
|
54
55
|
//# sourceMappingURL=NoteField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"NoteField.js","sourceRoot":"","sources":["../../../lib/Atoms/NoteField/NoteField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;CAIzD,CAAC;AACF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;;UAQxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;iBAGnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;CACjE,CAAC;AACF,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;;CAGtC,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAG9B;iBACe,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;;;;;;UAQxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;eAC1C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;;GAMjE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,qBAAqB;GACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACrB,WAAW;IACX,gEAAgE;CACjE,CAAC;AAYF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAC1C,CAAC,KAA6B,EAAE,GAAsC,EAAE,EAAE;IACzE,MAAM,EAAE,YAAY,EAAE,oBAAoB,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAClE,OAAO,CACN,oBAAC,aAAa,IAAC,YAAY,EAAE,YAAY;QACxC,oBAAC,qBAAqB,IAAC,YAAY,EAAE,YAAY;YAChD,oBAAC,YAAY,IACZ,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,EAC9B,OAAO,EAAE,oBAAoB,GAC5B,CACqB;QACxB,oBAAC,QAAQ,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GACtC;QACD,WAAW,IAAI,WAAW,CACZ,CAChB,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -14,8 +14,8 @@ interface NumberFieldProps {
|
|
|
14
14
|
value: string | number | undefined;
|
|
15
15
|
placeholder?: string;
|
|
16
16
|
styles?: CSSObject;
|
|
17
|
-
|
|
17
|
+
moreHorizon?: JSX.Element;
|
|
18
18
|
name?: string;
|
|
19
19
|
}
|
|
20
|
-
export declare const NumberField: ({ colorPalette, handleChange, handleBlur, fromTable, value, placeholder, styles,
|
|
20
|
+
export declare const NumberField: ({ colorPalette, handleChange, handleBlur, fromTable, value, placeholder, styles, moreHorizon, name }: NumberFieldProps) => React.JSX.Element;
|
|
21
21
|
export {};
|
|
@@ -63,10 +63,10 @@ const IncrementButton = styled.div `
|
|
|
63
63
|
border-color: ${({ color }) => color.border.primary};
|
|
64
64
|
background: ${({ color }) => color.background.primary};
|
|
65
65
|
color: ${({ color }) => color.text.primary};
|
|
66
|
-
${({
|
|
67
|
-
${({
|
|
66
|
+
${({ moreHorizon }) => !moreHorizon && `border-radius: 0px 4px 4px 0px;`}
|
|
67
|
+
${({ moreHorizon }) => moreHorizon && `border-right: none;`}
|
|
68
68
|
`;
|
|
69
|
-
export const NumberField = ({ colorPalette, handleChange, handleBlur, fromTable, value, placeholder, styles,
|
|
69
|
+
export const NumberField = ({ colorPalette, handleChange, handleBlur, fromTable, value, placeholder, styles, moreHorizon, name }) => {
|
|
70
70
|
const inputRef = useRef(null);
|
|
71
71
|
const [numberValue, setNumberValue] = useState(value ? Number(value) : "");
|
|
72
72
|
useEffect(() => {
|
|
@@ -124,7 +124,8 @@ export const NumberField = ({ colorPalette, handleChange, handleBlur, fromTable,
|
|
|
124
124
|
React.createElement(NumberInput, { name: name, value: numberValue, onChange: handleNumberChange, onBlur: (e) => handleBlur && handleBlur(e.target.value), color: colorPalette, ref: inputRef, onFocus: handleFocus, placeholder: placeholder, pattern: "^[\\+\\-]?\\d+(\\.\\d*)?([eE][\\+\\-]?\\d+)?$" }),
|
|
125
125
|
React.createElement(IncrementButton, { color: colorPalette, onClick: handleIncrement, tabIndex: -1, onBlur: () => {
|
|
126
126
|
handleBlur && handleBlur(inputRef.current?.value || "");
|
|
127
|
-
},
|
|
128
|
-
React.createElement(FiPlus, null))
|
|
127
|
+
}, moreHorizon: moreHorizon ? true : false },
|
|
128
|
+
React.createElement(FiPlus, null)),
|
|
129
|
+
moreHorizon && moreHorizon));
|
|
129
130
|
};
|
|
130
131
|
//# sourceMappingURL=NumberField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,MAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAuC;;;;GAI3E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM;CAClC,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAmB;;;;;;;;;;UAUzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;eAC5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;;;iBAGrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;;CAanD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;;;;iBAWpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;eACrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;UAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CAC1C,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"NumberField.js","sourceRoot":"","sources":["../../../lib/Atoms/NumberField/NumberField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { Colors } from "../../Theme/types";
|
|
|
3
3
|
interface TextFieldWrapperProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
4
4
|
activeEditing: boolean;
|
|
5
5
|
colorPalette: Colors & string;
|
|
6
|
-
|
|
6
|
+
moreHorizon: JSX.Element;
|
|
7
7
|
}
|
|
8
8
|
export declare const TextFieldWrapper: (props: TextFieldWrapperProps) => React.JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -6,7 +6,7 @@ const InputWrapper = styled.input `
|
|
|
6
6
|
min-height: 30px;
|
|
7
7
|
font-weight: 600;
|
|
8
8
|
border-radius: 4px;
|
|
9
|
-
${({
|
|
9
|
+
${({ moreHorizon }) => moreHorizon &&
|
|
10
10
|
`border-top-right-radius: 0px;border-bottom-right-radius: 0px;`}
|
|
11
11
|
background-color: ${({ colorPalette }) => colorPalette.background.primary};
|
|
12
12
|
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
@@ -15,11 +15,11 @@ const InputWrapper = styled.input `
|
|
|
15
15
|
color: ${({ colorPalette }) => colorPalette.text.primary};
|
|
16
16
|
padding: 0;
|
|
17
17
|
padding-left: 16px;
|
|
18
|
-
${({
|
|
18
|
+
${({ moreHorizon }) => moreHorizon && `border-right: none;`}
|
|
19
19
|
height: 38px;
|
|
20
20
|
`;
|
|
21
21
|
export const TextFieldWrapper = (props) => {
|
|
22
|
-
const { activeEditing, value, onChange,
|
|
22
|
+
const { activeEditing, value, onChange, moreHorizon } = props;
|
|
23
23
|
const [cursor, setCursor] = useState(null);
|
|
24
24
|
const ref = useRef(null);
|
|
25
25
|
useEffect(() => {
|
|
@@ -35,6 +35,8 @@ export const TextFieldWrapper = (props) => {
|
|
|
35
35
|
if (onChange)
|
|
36
36
|
onChange(e);
|
|
37
37
|
};
|
|
38
|
-
return (React.createElement(
|
|
38
|
+
return (React.createElement("div", { style: { display: "flex", width: "100%" } },
|
|
39
|
+
React.createElement(InputWrapper, { ...props, ref: ref, onChange: handleChange, moreHorizon: moreHorizon ? true : false }),
|
|
40
|
+
moreHorizon && moreHorizon));
|
|
39
41
|
};
|
|
40
42
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../lib/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../lib/Atoms/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAG/B;;;;;;GAMC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CACrB,WAAW;IACX,+DAA+D;qBAC5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;iBACzD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;UAGxD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO;;;GAGtD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,qBAAqB;;CAE3D,CAAC;AAWF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAChE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1D,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,KAAK,GAAG,GAAG,CAAC,OAAO,CAAC;QAC1B,IAAI,aAAa,IAAI,MAAM,EAAE,CAAC;YAC7B,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;gBACrB,KAAK,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YACzC,CAAC;QACF,CAAC;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnC,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC/D,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;QACnC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAC7C,oBAAC,YAAY,OACR,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,GACtC;QACD,WAAW,IAAI,WAAW,CACtB,CACN,CAAC;AACH,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.58-alpha.0",
|
|
4
4
|
"description": " A storybook component library for FactorEarth",
|
|
5
5
|
"author": "madtrx <marlin.makori@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"access": "public",
|
|
46
46
|
"registry": "https://registry.npmjs.org/"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "05676c82b8f47cbeaeac037ed069ea278e60c9db",
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@emotion/react": "^11.13.0",
|
|
51
51
|
"@emotion/styled": "^11.13.0",
|