react-science 0.23.0 → 0.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/button/Button.js +7 -3
- package/lib/components/forms/Select.js +6 -1
- package/lib/components/forms/index.js +1 -0
- package/lib/components/split-pane/SplitPane.js +10 -4
- package/lib-esm/components/button/Button.d.ts +1 -0
- package/lib-esm/components/button/Button.d.ts.map +1 -1
- package/lib-esm/components/button/Button.js +7 -3
- package/lib-esm/components/button/Button.js.map +1 -1
- package/lib-esm/components/dropdown-menu/index.d.ts +1 -0
- package/lib-esm/components/dropdown-menu/index.d.ts.map +1 -1
- package/lib-esm/components/forms/Select.d.ts +2 -2
- package/lib-esm/components/forms/Select.d.ts.map +1 -1
- package/lib-esm/components/forms/Select.js +7 -2
- package/lib-esm/components/forms/Select.js.map +1 -1
- package/lib-esm/components/forms/index.d.ts +1 -0
- package/lib-esm/components/forms/index.d.ts.map +1 -1
- package/lib-esm/components/forms/index.js +1 -0
- package/lib-esm/components/forms/index.js.map +1 -1
- package/lib-esm/components/split-pane/SplitPane.js +10 -4
- package/lib-esm/components/split-pane/SplitPane.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.tsx +8 -1
- package/src/components/dropdown-menu/index.ts +1 -0
- package/src/components/forms/Select.tsx +15 -3
- package/src/components/forms/index.ts +1 -0
- package/src/components/split-pane/SplitPane.tsx +10 -4
|
@@ -8,7 +8,7 @@ function Button(props) {
|
|
|
8
8
|
const { backgroundColor = {
|
|
9
9
|
basic: 'hsl(21deg, 90%, 48%)',
|
|
10
10
|
hover: 'hsl(21deg, 90%, 40%)',
|
|
11
|
-
}, color = { basic: 'white', hover: 'white' }, style, onClick, children, } = props;
|
|
11
|
+
}, color = { basic: 'white', hover: 'white' }, style, onClick, children, disabled = false, } = props;
|
|
12
12
|
return ((0, jsx_runtime_1.jsx)("button", { style: style, onClick: onClick, css: (0, react_1.css)({
|
|
13
13
|
display: 'flex',
|
|
14
14
|
alignItems: 'center',
|
|
@@ -24,10 +24,14 @@ function Button(props) {
|
|
|
24
24
|
minWidth: 30,
|
|
25
25
|
justifyContent: 'center',
|
|
26
26
|
backgroundColor: backgroundColor.basic,
|
|
27
|
-
':hover': {
|
|
27
|
+
':hover:enabled': {
|
|
28
28
|
color: color.hover,
|
|
29
29
|
backgroundColor: backgroundColor.hover,
|
|
30
30
|
},
|
|
31
|
-
|
|
31
|
+
':disabled': {
|
|
32
|
+
opacity: 0.5,
|
|
33
|
+
cursor: 'not-allowed',
|
|
34
|
+
},
|
|
35
|
+
}), type: "button", disabled: disabled, children: children }));
|
|
32
36
|
}
|
|
33
37
|
exports.Button = Button;
|
|
@@ -109,6 +109,11 @@ const SelectSeparator = (0, styled_1.default)(RadixSelect.Separator) `
|
|
|
109
109
|
`;
|
|
110
110
|
function Select(props) {
|
|
111
111
|
const { placeholder, value, onSelect, options, disabled = false, style, } = props;
|
|
112
|
-
|
|
112
|
+
const selectedLabel = options
|
|
113
|
+
.flatMap((group) => group.flatMap((optionOrCategory) => 'options' in optionOrCategory
|
|
114
|
+
? optionOrCategory.options
|
|
115
|
+
: [optionOrCategory]))
|
|
116
|
+
.find((option) => option.value === value)?.label;
|
|
117
|
+
return ((0, jsx_runtime_1.jsx)(SelectRoot, { style: { ...style }, children: (0, jsx_runtime_1.jsxs)(RadixSelect.Root, { value: value, onValueChange: onSelect, disabled: disabled, children: [(0, jsx_runtime_1.jsxs)(SelectTrigger, { children: [(0, jsx_runtime_1.jsx)(RadixSelect.Value, { children: (0, jsx_runtime_1.jsxs)("span", { children: [selectedLabel || placeholder, "\u00A0"] }) }), (0, jsx_runtime_1.jsx)(RadixSelect.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(fa_1.FaChevronDown, {}) })] }), (0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectContent, { position: "popper", children: [(0, jsx_runtime_1.jsx)(RadixSelect.ScrollUpButton, { children: (0, jsx_runtime_1.jsx)(fa_1.FaChevronUp, {}) }), (0, jsx_runtime_1.jsx)(SelectViewport, { children: options.map((group, groupIndex) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [group.map((optionOrCategory, optionOrCategoryIndex) => 'options' in optionOrCategory ? ((0, jsx_runtime_1.jsxs)(react_select_1.SelectGroup, { children: [(0, jsx_runtime_1.jsx)(SelectLabel, { children: optionOrCategory.label }), optionOrCategory.options.map((option) => ((0, jsx_runtime_1.jsxs)(SelectItem, { value: option.value, disabled: option.disabled, children: [(0, jsx_runtime_1.jsx)(RadixSelect.ItemText, { children: option.label }), (0, jsx_runtime_1.jsx)(SelectItemIndicator, { children: (0, jsx_runtime_1.jsx)(fa_1.FaCheck, {}) })] }, option.value)))] }, optionOrCategoryIndex)) : ((0, jsx_runtime_1.jsxs)(SelectItem, { value: optionOrCategory.value, disabled: optionOrCategory.disabled, children: [(0, jsx_runtime_1.jsx)(RadixSelect.ItemText, { children: optionOrCategory.label }), (0, jsx_runtime_1.jsx)(SelectItemIndicator, { children: (0, jsx_runtime_1.jsx)(fa_1.FaCheck, {}) })] }, optionOrCategory.value))), groupIndex < options.length - 1 && (0, jsx_runtime_1.jsx)(SelectSeparator, {})] }, groupIndex))) }), (0, jsx_runtime_1.jsx)(RadixSelect.ScrollDownButton, {}), (0, jsx_runtime_1.jsx)(RadixSelect.Arrow, {})] }) })] }) }));
|
|
113
118
|
}
|
|
114
119
|
exports.Select = Select;
|
|
@@ -118,8 +118,15 @@ function getItemStyle(isClosed, isControlledSide, direction, size, type) {
|
|
|
118
118
|
}
|
|
119
119
|
else if (type === '%') {
|
|
120
120
|
return isControlledSide
|
|
121
|
-
? {
|
|
122
|
-
|
|
121
|
+
? {
|
|
122
|
+
flex: '100 0 0%',
|
|
123
|
+
display: 'flex',
|
|
124
|
+
}
|
|
125
|
+
: {
|
|
126
|
+
flex: `${percentToFlex(size)} 0 0%`,
|
|
127
|
+
display: 'flex',
|
|
128
|
+
[isHorizontal ? 'minWidth' : 'minHeight']: 0,
|
|
129
|
+
};
|
|
123
130
|
}
|
|
124
131
|
else {
|
|
125
132
|
return isControlledSide
|
|
@@ -130,8 +137,7 @@ function getItemStyle(isClosed, isControlledSide, direction, size, type) {
|
|
|
130
137
|
: {
|
|
131
138
|
flex: '1 1 0%',
|
|
132
139
|
display: 'flex',
|
|
133
|
-
|
|
134
|
-
minHeight: isHorizontal ? undefined : 0,
|
|
140
|
+
[isHorizontal ? 'minWidth' : 'minHeight']: 0,
|
|
135
141
|
};
|
|
136
142
|
}
|
|
137
143
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,UAAU;IAClB,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAC1C;AAED,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,UAAU;IAClB,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAC1C;AAED,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDA+CxC"}
|
|
@@ -5,7 +5,7 @@ export function Button(props) {
|
|
|
5
5
|
const { backgroundColor = {
|
|
6
6
|
basic: 'hsl(21deg, 90%, 48%)',
|
|
7
7
|
hover: 'hsl(21deg, 90%, 40%)',
|
|
8
|
-
}, color = { basic: 'white', hover: 'white' }, style, onClick, children, } = props;
|
|
8
|
+
}, color = { basic: 'white', hover: 'white' }, style, onClick, children, disabled = false, } = props;
|
|
9
9
|
return (_jsx("button", { style: style, onClick: onClick, css: css({
|
|
10
10
|
display: 'flex',
|
|
11
11
|
alignItems: 'center',
|
|
@@ -21,10 +21,14 @@ export function Button(props) {
|
|
|
21
21
|
minWidth: 30,
|
|
22
22
|
justifyContent: 'center',
|
|
23
23
|
backgroundColor: backgroundColor.basic,
|
|
24
|
-
':hover': {
|
|
24
|
+
':hover:enabled': {
|
|
25
25
|
color: color.hover,
|
|
26
26
|
backgroundColor: backgroundColor.hover,
|
|
27
27
|
},
|
|
28
|
-
|
|
28
|
+
':disabled': {
|
|
29
|
+
opacity: 0.5,
|
|
30
|
+
cursor: 'not-allowed',
|
|
31
|
+
},
|
|
32
|
+
}), type: "button", disabled: disabled, children: children }));
|
|
29
33
|
}
|
|
30
34
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAiBrC,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,eAAe,GAAG;QAChB,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,sBAAsB;KAC9B,EACD,KAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAC1C,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,GACjB,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,iBACE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,CAAC;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,CAAC;YAChB,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,aAAa;YAC1B,QAAQ,EAAE,SAAS;YACnB,YAAY,EAAE,CAAC;YACf,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,QAAQ,EAAE,EAAE;YACZ,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,eAAe,CAAC,KAAK;YACtC,gBAAgB,EAAE;gBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,eAAe,EAAE,eAAe,CAAC,KAAK;aACvC;YACD,WAAW,EAAE;gBACX,OAAO,EAAE,GAAG;gBACZ,MAAM,EAAE,aAAa;aACtB;SACF,CAAC,EACF,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -10,8 +10,8 @@ interface Option {
|
|
|
10
10
|
}
|
|
11
11
|
export interface SelectProps {
|
|
12
12
|
placeholder?: string;
|
|
13
|
-
value
|
|
14
|
-
onSelect?: (value: string) => void;
|
|
13
|
+
value: string | undefined;
|
|
14
|
+
onSelect?: (value: string | undefined) => void;
|
|
15
15
|
options: (Option[] | Category[])[];
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
style?: CSSProperties;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3D,UAAU,QAAQ;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,UAAU,MAAM;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3D,UAAU,QAAQ;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AACD,UAAU,MAAM;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAkFD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAwFxC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
/** @jsxImportSource @emotion/react */
|
|
3
3
|
import styled from '@emotion/styled';
|
|
4
4
|
import * as RadixSelect from '@radix-ui/react-select';
|
|
@@ -80,6 +80,11 @@ const SelectSeparator = styled(RadixSelect.Separator) `
|
|
|
80
80
|
`;
|
|
81
81
|
export function Select(props) {
|
|
82
82
|
const { placeholder, value, onSelect, options, disabled = false, style, } = props;
|
|
83
|
-
|
|
83
|
+
const selectedLabel = options
|
|
84
|
+
.flatMap((group) => group.flatMap((optionOrCategory) => 'options' in optionOrCategory
|
|
85
|
+
? optionOrCategory.options
|
|
86
|
+
: [optionOrCategory]))
|
|
87
|
+
.find((option) => option.value === value)?.label;
|
|
88
|
+
return (_jsx(SelectRoot, { style: { ...style }, children: _jsxs(RadixSelect.Root, { value: value, onValueChange: onSelect, disabled: disabled, children: [_jsxs(SelectTrigger, { children: [_jsx(RadixSelect.Value, { children: _jsxs("span", { children: [selectedLabel || placeholder, "\u00A0"] }) }), _jsx(RadixSelect.Icon, { asChild: true, children: _jsx(FaChevronDown, {}) })] }), _jsx(Portal, { children: _jsxs(SelectContent, { position: "popper", children: [_jsx(RadixSelect.ScrollUpButton, { children: _jsx(FaChevronUp, {}) }), _jsx(SelectViewport, { children: options.map((group, groupIndex) => (_jsxs(Fragment, { children: [group.map((optionOrCategory, optionOrCategoryIndex) => 'options' in optionOrCategory ? (_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: optionOrCategory.label }), optionOrCategory.options.map((option) => (_jsxs(SelectItem, { value: option.value, disabled: option.disabled, children: [_jsx(RadixSelect.ItemText, { children: option.label }), _jsx(SelectItemIndicator, { children: _jsx(FaCheck, {}) })] }, option.value)))] }, optionOrCategoryIndex)) : (_jsxs(SelectItem, { value: optionOrCategory.value, disabled: optionOrCategory.disabled, children: [_jsx(RadixSelect.ItemText, { children: optionOrCategory.label }), _jsx(SelectItemIndicator, { children: _jsx(FaCheck, {}) })] }, optionOrCategory.value))), groupIndex < options.length - 1 && _jsx(SelectSeparator, {})] }, groupIndex))) }), _jsx(RadixSelect.ScrollDownButton, {}), _jsx(RadixSelect.Arrow, {})] }) })] }) }));
|
|
84
89
|
}
|
|
85
90
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAA4B,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAqB/C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO5B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;;;;CAgBhD,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;;;CAGhD,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;;;;;;;CAOlD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;CAe1C,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;;;;;CAK5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;;;;;;CAM5D,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;;;;;CAKpD,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,YAC7B,MAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,QAAQ,aAElB,MAAC,aAAa,eACZ,KAAC,WAAW,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/forms/Select.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAA4B,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAqB/C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO5B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;;;;;;;;;;;;;;;;CAgBhD,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;;;CAGhD,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;;;;;;;CAOlD,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;CAe1C,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;;;;;CAK5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;;;;;;CAM5D,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;;;;;CAKpD,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EACJ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,OAAO;SAC1B,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,EAAE,CACjC,SAAS,IAAI,gBAAgB;QAC3B,CAAC,CAAC,gBAAgB,CAAC,OAAO;QAC1B,CAAC,CAAC,CAAC,gBAAgB,CAAC,CACvB,CACF;SACA,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK,CAAC;IAEnD,OAAO,CACL,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,YAC7B,MAAC,WAAW,CAAC,IAAI,IACf,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,QAAQ,aAElB,MAAC,aAAa,eACZ,KAAC,WAAW,CAAC,KAAK,cAChB,2BAAO,aAAa,IAAI,WAAW,cAAc,GAC/B,EACpB,KAAC,WAAW,CAAC,IAAI,IAAC,OAAO,kBACvB,KAAC,aAAa,KAAG,GACA,IACL,EAChB,KAAC,MAAM,cACL,MAAC,aAAa,IAAC,QAAQ,EAAC,QAAQ,aAC9B,KAAC,WAAW,CAAC,cAAc,cACzB,KAAC,WAAW,KAAG,GACY,EAC7B,KAAC,cAAc,cACZ,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAClC,MAAC,QAAQ,eACN,KAAK,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,qBAAqB,EAAE,EAAE,CACrD,SAAS,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAC9B,MAAC,WAAW,eACV,KAAC,WAAW,cAAE,gBAAgB,CAAC,KAAK,GAAe,EAClD,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxC,MAAC,UAAU,IAET,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ,aAEzB,KAAC,WAAW,CAAC,QAAQ,cAClB,MAAM,CAAC,KAAK,GACQ,EACvB,KAAC,mBAAmB,cAClB,KAAC,OAAO,KAAG,GACS,KATjB,MAAM,CAAC,KAAK,CAUN,CACd,CAAC,KAfc,qBAAqB,CAgBzB,CACf,CAAC,CAAC,CAAC,CACF,MAAC,UAAU,IAET,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAC7B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,aAEnC,KAAC,WAAW,CAAC,QAAQ,cAClB,gBAAgB,CAAC,KAAK,GACF,EACvB,KAAC,mBAAmB,cAClB,KAAC,OAAO,KAAG,GACS,KATjB,gBAAgB,CAAC,KAAK,CAUhB,CACd,CACF,EACA,UAAU,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,eAAe,KAAG,KAnC1C,UAAU,CAoCd,CACZ,CAAC,GACa,EACjB,KAAC,WAAW,CAAC,gBAAgB,KAAG,EAChC,KAAC,WAAW,CAAC,KAAK,KAAG,IACP,GACT,IACQ,GACR,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
|
|
@@ -110,8 +110,15 @@ function getItemStyle(isClosed, isControlledSide, direction, size, type) {
|
|
|
110
110
|
}
|
|
111
111
|
else if (type === '%') {
|
|
112
112
|
return isControlledSide
|
|
113
|
-
? {
|
|
114
|
-
|
|
113
|
+
? {
|
|
114
|
+
flex: '100 0 0%',
|
|
115
|
+
display: 'flex',
|
|
116
|
+
}
|
|
117
|
+
: {
|
|
118
|
+
flex: `${percentToFlex(size)} 0 0%`,
|
|
119
|
+
display: 'flex',
|
|
120
|
+
[isHorizontal ? 'minWidth' : 'minHeight']: 0,
|
|
121
|
+
};
|
|
115
122
|
}
|
|
116
123
|
else {
|
|
117
124
|
return isControlledSide
|
|
@@ -122,8 +129,7 @@ function getItemStyle(isClosed, isControlledSide, direction, size, type) {
|
|
|
122
129
|
: {
|
|
123
130
|
flex: '1 1 0%',
|
|
124
131
|
display: 'flex',
|
|
125
|
-
|
|
126
|
-
minHeight: isHorizontal ? undefined : 0,
|
|
132
|
+
[isHorizontal ? 'minWidth' : 'minHeight']: 0,
|
|
127
133
|
};
|
|
128
134
|
}
|
|
129
135
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitPane.js","sourceRoot":"","sources":["../../../src/components/split-pane/SplitPane.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SplitPane.js","sourceRoot":"","sources":["../../../src/components/split-pane/SplitPane.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -13,6 +13,7 @@ interface ButtonProps {
|
|
|
13
13
|
color?: Colorhover;
|
|
14
14
|
onClick?: () => void;
|
|
15
15
|
style?: CSSProperties;
|
|
16
|
+
disabled?: boolean;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
export function Button(props: ButtonProps) {
|
|
@@ -25,6 +26,7 @@ export function Button(props: ButtonProps) {
|
|
|
25
26
|
style,
|
|
26
27
|
onClick,
|
|
27
28
|
children,
|
|
29
|
+
disabled = false,
|
|
28
30
|
} = props;
|
|
29
31
|
|
|
30
32
|
return (
|
|
@@ -46,12 +48,17 @@ export function Button(props: ButtonProps) {
|
|
|
46
48
|
minWidth: 30,
|
|
47
49
|
justifyContent: 'center',
|
|
48
50
|
backgroundColor: backgroundColor.basic,
|
|
49
|
-
':hover': {
|
|
51
|
+
':hover:enabled': {
|
|
50
52
|
color: color.hover,
|
|
51
53
|
backgroundColor: backgroundColor.hover,
|
|
52
54
|
},
|
|
55
|
+
':disabled': {
|
|
56
|
+
opacity: 0.5,
|
|
57
|
+
cursor: 'not-allowed',
|
|
58
|
+
},
|
|
53
59
|
})}
|
|
54
60
|
type="button"
|
|
61
|
+
disabled={disabled}
|
|
55
62
|
>
|
|
56
63
|
{children}
|
|
57
64
|
</button>
|
|
@@ -19,8 +19,8 @@ interface Option {
|
|
|
19
19
|
|
|
20
20
|
export interface SelectProps {
|
|
21
21
|
placeholder?: string;
|
|
22
|
-
value
|
|
23
|
-
onSelect?: (value: string) => void;
|
|
22
|
+
value: string | undefined;
|
|
23
|
+
onSelect?: (value: string | undefined) => void;
|
|
24
24
|
options: (Option[] | Category[])[];
|
|
25
25
|
disabled?: boolean;
|
|
26
26
|
style?: CSSProperties;
|
|
@@ -116,6 +116,16 @@ export function Select(props: SelectProps) {
|
|
|
116
116
|
style,
|
|
117
117
|
} = props;
|
|
118
118
|
|
|
119
|
+
const selectedLabel = options
|
|
120
|
+
.flatMap((group) =>
|
|
121
|
+
group.flatMap((optionOrCategory) =>
|
|
122
|
+
'options' in optionOrCategory
|
|
123
|
+
? optionOrCategory.options
|
|
124
|
+
: [optionOrCategory],
|
|
125
|
+
),
|
|
126
|
+
)
|
|
127
|
+
.find((option) => option.value === value)?.label;
|
|
128
|
+
|
|
119
129
|
return (
|
|
120
130
|
<SelectRoot style={{ ...style }}>
|
|
121
131
|
<RadixSelect.Root
|
|
@@ -124,7 +134,9 @@ export function Select(props: SelectProps) {
|
|
|
124
134
|
disabled={disabled}
|
|
125
135
|
>
|
|
126
136
|
<SelectTrigger>
|
|
127
|
-
<RadixSelect.Value
|
|
137
|
+
<RadixSelect.Value>
|
|
138
|
+
<span>{selectedLabel || placeholder} </span>
|
|
139
|
+
</RadixSelect.Value>
|
|
128
140
|
<RadixSelect.Icon asChild>
|
|
129
141
|
<FaChevronDown />
|
|
130
142
|
</RadixSelect.Icon>
|
|
@@ -257,8 +257,15 @@ function getItemStyle(
|
|
|
257
257
|
: { flex: '1 1 0%', display: 'flex' };
|
|
258
258
|
} else if (type === '%') {
|
|
259
259
|
return isControlledSide
|
|
260
|
-
? {
|
|
261
|
-
|
|
260
|
+
? {
|
|
261
|
+
flex: '100 0 0%',
|
|
262
|
+
display: 'flex',
|
|
263
|
+
}
|
|
264
|
+
: {
|
|
265
|
+
flex: `${percentToFlex(size)} 0 0%`,
|
|
266
|
+
display: 'flex',
|
|
267
|
+
[isHorizontal ? 'minWidth' : 'minHeight']: 0,
|
|
268
|
+
};
|
|
262
269
|
} else {
|
|
263
270
|
return isControlledSide
|
|
264
271
|
? {
|
|
@@ -268,8 +275,7 @@ function getItemStyle(
|
|
|
268
275
|
: {
|
|
269
276
|
flex: '1 1 0%',
|
|
270
277
|
display: 'flex',
|
|
271
|
-
|
|
272
|
-
minHeight: isHorizontal ? undefined : 0,
|
|
278
|
+
[isHorizontal ? 'minWidth' : 'minHeight']: 0,
|
|
273
279
|
};
|
|
274
280
|
}
|
|
275
281
|
}
|