@darajs/components 1.21.7 → 1.21.9
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/common/select/select.d.ts.map +1 -1
- package/dist/common/select/select.js +9 -9
- package/dist/common/select/select.js.map +1 -1
- package/dist/dara_components-1.21.9-py3-none-any.whl +0 -0
- package/dist/umd/dara.components.umd.js +46 -35
- package/package.json +12 -12
- package/dist/dara_components-1.21.7-py3-none-any.whl +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":"AAMA,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,QAAQ,EAKhB,MAAM,cAAc,CAAC;AACtB,OAAO,EAEH,KAAK,IAAI,EAET,KAAK,WAAW,EAInB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAKnD,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAgB3F;AAmBD,UAAU,WAAY,SAAQ,kBAAkB;IAC5C,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1F,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,mDAAmD;IAEnD,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;CAC/B;AAID;;;;;;;GAOG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAoL/C;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
3
2
|
import isEmpty from 'lodash/isEmpty';
|
|
4
3
|
import isEqual from 'lodash/isEqual';
|
|
5
4
|
import isNil from 'lodash/isNil';
|
|
@@ -10,7 +9,7 @@ import { ComboBox, MultiSelect, SectionedList, Select as UiSelect, } from '@dara
|
|
|
10
9
|
import { useFormContext } from '../context';
|
|
11
10
|
import {} from '../types';
|
|
12
11
|
// Type guard for primitive values to avoid "[object Object]" string conversion
|
|
13
|
-
const isPrimitive = (val) => isNil(val)
|
|
12
|
+
const isPrimitive = (val) => !isNil(val) && !isObject(val);
|
|
14
13
|
export function getMultiselectItems(values, items) {
|
|
15
14
|
if (!values) {
|
|
16
15
|
return [];
|
|
@@ -76,7 +75,7 @@ function Select(props) {
|
|
|
76
75
|
* Converts a value to an Item, or finds a matching Item in formattedItems based on value.
|
|
77
76
|
* @param val - The value to be converted or matched.
|
|
78
77
|
*/
|
|
79
|
-
const toItem = (val) => {
|
|
78
|
+
const toItem = useCallback((val) => {
|
|
80
79
|
// Tries to get matching item based on value from formattedItems
|
|
81
80
|
const matchingItem = formattedItems.find((item) => {
|
|
82
81
|
if (isItem(item)) {
|
|
@@ -95,7 +94,7 @@ function Select(props) {
|
|
|
95
94
|
}
|
|
96
95
|
// Otherwise return the item as an Item type with the value as the label, so that select can still show a value even if not present in the list
|
|
97
96
|
return isPrimitive(val) ? { label: String(val), value: val } : val;
|
|
98
|
-
};
|
|
97
|
+
}, [formattedItems]);
|
|
99
98
|
const onChangeAction = useAction(props.onchange);
|
|
100
99
|
// if someone were to update the component rule of Hooks could be broken if items switched from having sections to not, so we use a ref for this to be only run once
|
|
101
100
|
const itemHasListSection = useRef(null);
|
|
@@ -107,6 +106,7 @@ function Select(props) {
|
|
|
107
106
|
if (props.multiselect && value !== undefined && !Array.isArray(value)) {
|
|
108
107
|
throw new Error('Value for multiselect should be a Variable instance of an array');
|
|
109
108
|
}
|
|
109
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
110
110
|
}, []);
|
|
111
111
|
if (itemHasListSection.current) {
|
|
112
112
|
const onSelect = useCallback((item) => {
|
|
@@ -114,7 +114,7 @@ function Select(props) {
|
|
|
114
114
|
setValue(item.value);
|
|
115
115
|
}
|
|
116
116
|
}, [setValue]);
|
|
117
|
-
const selectedItem = useMemo(() => toItem(value), [value]);
|
|
117
|
+
const selectedItem = useMemo(() => toItem(value), [value, toItem]);
|
|
118
118
|
return (_jsx(StyledSectionedList, { id: props.id_, "$rawCss": css, items: formattedItems, placeholder: props.placeholder, onSelect: onSelect, selectedItem: selectedItem, style: style }));
|
|
119
119
|
}
|
|
120
120
|
// We need to redefine items as the type is not known at this point
|
|
@@ -127,22 +127,22 @@ function Select(props) {
|
|
|
127
127
|
onChangeAction(currentSelection);
|
|
128
128
|
formCtx.updateForm(currentSelection);
|
|
129
129
|
}
|
|
130
|
-
}, [setValue]);
|
|
130
|
+
}, [formCtx, onChangeAction, setValue]);
|
|
131
131
|
const selectedItems = useMemo(() => {
|
|
132
132
|
const found = getMultiselectItems(value, itemArray);
|
|
133
133
|
const explicitValues = Array.isArray(value) ? value.map(toItem) : value;
|
|
134
134
|
return isEmpty(found) ? explicitValues !== null && explicitValues !== void 0 ? explicitValues : null : found;
|
|
135
|
-
}, [
|
|
135
|
+
}, [itemArray, toItem, value]);
|
|
136
136
|
return (_jsx(StyledMultiSelect, { id: props.id_, "$rawCss": css, className: props.className, items: itemArray, maxRows: props.max_rows, onSelect: onSelect, placeholder: props.placeholder, selectedItems: selectedItems, style: style }));
|
|
137
137
|
}
|
|
138
|
-
const selectedItem = useMemo(() => { var _a, _b; return (_b = (_a = itemArray.find((item) => String(item.value) === String(value))) !== null && _a !== void 0 ? _a : toItem(value)) !== null && _b !== void 0 ? _b : null; }, [value]);
|
|
138
|
+
const selectedItem = useMemo(() => { var _a, _b; return (_b = (_a = itemArray.find((item) => String(item.value) === String(value))) !== null && _a !== void 0 ? _a : toItem(value)) !== null && _b !== void 0 ? _b : null; }, [itemArray, toItem, value]);
|
|
139
139
|
const onSelect = useCallback((item) => {
|
|
140
140
|
if (item && item.value !== valueRef.current) {
|
|
141
141
|
setValue(item.value);
|
|
142
142
|
onChangeAction(item.value);
|
|
143
143
|
formCtx.updateForm(item.value);
|
|
144
144
|
}
|
|
145
|
-
}, [setValue, onChangeAction]);
|
|
145
|
+
}, [setValue, onChangeAction, formCtx]);
|
|
146
146
|
if (props.searchable) {
|
|
147
147
|
return (_jsx(StyledComboBox, { id: props.id_, "$rawCss": css, className: props.className, items: itemArray, onSelect: onSelect, placeholder: props.placeholder, selectedItem: selectedItem, style: style }));
|
|
148
148
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":"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"}
|
|
Binary file
|
|
@@ -32701,6 +32701,10 @@
|
|
|
32701
32701
|
line-height: 1.1;
|
|
32702
32702
|
}
|
|
32703
32703
|
|
|
32704
|
+
h1 code {
|
|
32705
|
+
font-size: 2.5rem;
|
|
32706
|
+
}
|
|
32707
|
+
|
|
32704
32708
|
h2 {
|
|
32705
32709
|
margin-top: 2rem;
|
|
32706
32710
|
margin-bottom: 1rem;
|
|
@@ -32710,6 +32714,10 @@
|
|
|
32710
32714
|
line-height: 1.3;
|
|
32711
32715
|
}
|
|
32712
32716
|
|
|
32717
|
+
h2 code {
|
|
32718
|
+
font-size: 2rem;
|
|
32719
|
+
}
|
|
32720
|
+
|
|
32713
32721
|
h3 {
|
|
32714
32722
|
margin-top: 1.6rem;
|
|
32715
32723
|
margin-bottom: 0.6rem;
|
|
@@ -32719,6 +32727,10 @@
|
|
|
32719
32727
|
line-height: 1.25;
|
|
32720
32728
|
}
|
|
32721
32729
|
|
|
32730
|
+
h3 code {
|
|
32731
|
+
font-size: 1.25rem;
|
|
32732
|
+
}
|
|
32733
|
+
|
|
32722
32734
|
h4 {
|
|
32723
32735
|
margin-top: 1.5rem;
|
|
32724
32736
|
margin-bottom: 0.5rem;
|
|
@@ -32744,14 +32756,6 @@
|
|
|
32744
32756
|
color: ${(props) => props.theme.colors.grey5};
|
|
32745
32757
|
}
|
|
32746
32758
|
|
|
32747
|
-
h2 code {
|
|
32748
|
-
font-size: 0.875rem;
|
|
32749
|
-
}
|
|
32750
|
-
|
|
32751
|
-
h3 code {
|
|
32752
|
-
font-size: 0.9rem;
|
|
32753
|
-
}
|
|
32754
|
-
|
|
32755
32759
|
pre:first-child {
|
|
32756
32760
|
margin-top: 0;
|
|
32757
32761
|
}
|
|
@@ -61011,7 +61015,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61011
61015
|
const isNil = /* @__PURE__ */ getDefaultExportFromCjs$1(isNilExports);
|
|
61012
61016
|
var isObjectExports = requireIsObject();
|
|
61013
61017
|
const isObject = /* @__PURE__ */ getDefaultExportFromCjs$1(isObjectExports);
|
|
61014
|
-
const isPrimitive = (val) => isNil(val)
|
|
61018
|
+
const isPrimitive = (val) => !isNil(val) && !isObject(val);
|
|
61015
61019
|
function getMultiselectItems(values2, items) {
|
|
61016
61020
|
if (!values2) {
|
|
61017
61021
|
return [];
|
|
@@ -61059,21 +61063,24 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61059
61063
|
}
|
|
61060
61064
|
return items;
|
|
61061
61065
|
}, [items]);
|
|
61062
|
-
const toItem = (
|
|
61063
|
-
|
|
61064
|
-
|
|
61065
|
-
if (
|
|
61066
|
-
|
|
61066
|
+
const toItem = React$1.useCallback(
|
|
61067
|
+
(val) => {
|
|
61068
|
+
const matchingItem = formattedItems.find((item) => {
|
|
61069
|
+
if (isItem(item)) {
|
|
61070
|
+
if (isPrimitive(item.value) && isPrimitive(val)) {
|
|
61071
|
+
return String(item.value) === String(val);
|
|
61072
|
+
}
|
|
61073
|
+
return isEqual$4(item.value, val);
|
|
61067
61074
|
}
|
|
61068
|
-
return
|
|
61075
|
+
return false;
|
|
61076
|
+
});
|
|
61077
|
+
if (matchingItem) {
|
|
61078
|
+
return matchingItem;
|
|
61069
61079
|
}
|
|
61070
|
-
return
|
|
61071
|
-
}
|
|
61072
|
-
|
|
61073
|
-
|
|
61074
|
-
}
|
|
61075
|
-
return isPrimitive(val) ? { label: String(val), value: val } : val;
|
|
61076
|
-
};
|
|
61080
|
+
return isPrimitive(val) ? { label: String(val), value: val } : val;
|
|
61081
|
+
},
|
|
61082
|
+
[formattedItems]
|
|
61083
|
+
);
|
|
61077
61084
|
const onChangeAction = core$1.useAction(props.onchange);
|
|
61078
61085
|
const itemHasListSection = React$1.useRef(null);
|
|
61079
61086
|
if (itemHasListSection.current === null) {
|
|
@@ -61093,7 +61100,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61093
61100
|
},
|
|
61094
61101
|
[setValue]
|
|
61095
61102
|
);
|
|
61096
|
-
const selectedItem2 = React$1.useMemo(() => toItem(value), [value]);
|
|
61103
|
+
const selectedItem2 = React$1.useMemo(() => toItem(value), [value, toItem]);
|
|
61097
61104
|
return /* @__PURE__ */ React.createElement(
|
|
61098
61105
|
StyledSectionedList,
|
|
61099
61106
|
{
|
|
@@ -61118,13 +61125,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61118
61125
|
formCtx2.updateForm(currentSelection);
|
|
61119
61126
|
}
|
|
61120
61127
|
},
|
|
61121
|
-
[setValue]
|
|
61128
|
+
[formCtx2, onChangeAction, setValue]
|
|
61122
61129
|
);
|
|
61123
61130
|
const selectedItems = React$1.useMemo(() => {
|
|
61124
61131
|
const found = getMultiselectItems(value, itemArray);
|
|
61125
61132
|
const explicitValues = Array.isArray(value) ? value.map(toItem) : value;
|
|
61126
61133
|
return isEmpty(found) ? explicitValues ?? null : found;
|
|
61127
|
-
}, [
|
|
61134
|
+
}, [itemArray, toItem, value]);
|
|
61128
61135
|
return /* @__PURE__ */ React.createElement(
|
|
61129
61136
|
StyledMultiSelect,
|
|
61130
61137
|
{
|
|
@@ -61142,7 +61149,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61142
61149
|
}
|
|
61143
61150
|
const selectedItem = React$1.useMemo(
|
|
61144
61151
|
() => itemArray.find((item) => String(item.value) === String(value)) ?? toItem(value) ?? null,
|
|
61145
|
-
[value]
|
|
61152
|
+
[itemArray, toItem, value]
|
|
61146
61153
|
);
|
|
61147
61154
|
const onSelect = React$1.useCallback(
|
|
61148
61155
|
(item) => {
|
|
@@ -61152,7 +61159,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61152
61159
|
formCtx2.updateForm(item.value);
|
|
61153
61160
|
}
|
|
61154
61161
|
},
|
|
61155
|
-
[setValue, onChangeAction]
|
|
61162
|
+
[setValue, onChangeAction, formCtx2]
|
|
61156
61163
|
);
|
|
61157
61164
|
if (props.searchable) {
|
|
61158
61165
|
return /* @__PURE__ */ React.createElement(
|
|
@@ -113449,6 +113456,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
113449
113456
|
line-height: 1.1;
|
|
113450
113457
|
}
|
|
113451
113458
|
|
|
113459
|
+
h1 code {
|
|
113460
|
+
font-size: 2.5rem;
|
|
113461
|
+
}
|
|
113462
|
+
|
|
113452
113463
|
h2 {
|
|
113453
113464
|
margin-top: 2rem;
|
|
113454
113465
|
margin-bottom: 1rem;
|
|
@@ -113458,6 +113469,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
113458
113469
|
line-height: 1.3;
|
|
113459
113470
|
}
|
|
113460
113471
|
|
|
113472
|
+
h2 code {
|
|
113473
|
+
font-size: 2rem;
|
|
113474
|
+
}
|
|
113475
|
+
|
|
113461
113476
|
h3 {
|
|
113462
113477
|
margin-top: 1.6rem;
|
|
113463
113478
|
margin-bottom: 0.6rem;
|
|
@@ -113467,6 +113482,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
113467
113482
|
line-height: 1.25;
|
|
113468
113483
|
}
|
|
113469
113484
|
|
|
113485
|
+
h3 code {
|
|
113486
|
+
font-size: 1.25rem;
|
|
113487
|
+
}
|
|
113488
|
+
|
|
113470
113489
|
h4 {
|
|
113471
113490
|
margin-top: 1.5rem;
|
|
113472
113491
|
margin-bottom: 0.5rem;
|
|
@@ -113492,14 +113511,6 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
113492
113511
|
color: ${(e3) => e3.theme.colors.grey5};
|
|
113493
113512
|
}
|
|
113494
113513
|
|
|
113495
|
-
h2 code {
|
|
113496
|
-
font-size: 0.875rem;
|
|
113497
|
-
}
|
|
113498
|
-
|
|
113499
|
-
h3 code {
|
|
113500
|
-
font-size: 0.9rem;
|
|
113501
|
-
}
|
|
113502
|
-
|
|
113503
113514
|
pre:first-child {
|
|
113504
113515
|
margin-top: 0;
|
|
113505
113516
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@darajs/components",
|
|
3
|
-
"version": "1.21.
|
|
3
|
+
"version": "1.21.9",
|
|
4
4
|
"description": "Components for the Dara framework",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
"prettier": "@darajs/prettier-config",
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@babel/core": "^7.23.5",
|
|
33
|
-
"@darajs/eslint-config": "1.21.
|
|
34
|
-
"@darajs/prettier-config": "1.21.
|
|
35
|
-
"@darajs/stylelint-config": "1.21.
|
|
33
|
+
"@darajs/eslint-config": "1.21.9",
|
|
34
|
+
"@darajs/prettier-config": "1.21.9",
|
|
35
|
+
"@darajs/stylelint-config": "1.21.9",
|
|
36
36
|
"@testing-library/react-hooks": "^3.4.2",
|
|
37
37
|
"@types/lodash": "^4.14.155",
|
|
38
38
|
"@types/prop-types": "^15.7.15",
|
|
@@ -68,13 +68,13 @@
|
|
|
68
68
|
"@codemirror/state": "^6.0.0",
|
|
69
69
|
"@codemirror/theme-one-dark": "^6.1.2",
|
|
70
70
|
"@codemirror/view": "^6.0.0",
|
|
71
|
-
"@darajs/core": "1.21.
|
|
72
|
-
"@darajs/styled-components": "1.21.
|
|
73
|
-
"@darajs/ui-causal-graph-editor": "1.21.
|
|
74
|
-
"@darajs/ui-components": "1.21.
|
|
75
|
-
"@darajs/ui-hierarchy-viewer": "1.21.
|
|
76
|
-
"@darajs/ui-icons": "1.21.
|
|
77
|
-
"@darajs/ui-utils": "1.21.
|
|
71
|
+
"@darajs/core": "1.21.9",
|
|
72
|
+
"@darajs/styled-components": "1.21.9",
|
|
73
|
+
"@darajs/ui-causal-graph-editor": "1.21.9",
|
|
74
|
+
"@darajs/ui-components": "1.21.9",
|
|
75
|
+
"@darajs/ui-hierarchy-viewer": "1.21.9",
|
|
76
|
+
"@darajs/ui-icons": "1.21.9",
|
|
77
|
+
"@darajs/ui-utils": "1.21.9",
|
|
78
78
|
"@popperjs/core": "2.4.0",
|
|
79
79
|
"@vscode/codicons": "0.0.36",
|
|
80
80
|
"date-fns": "2.30.0",
|
|
@@ -98,5 +98,5 @@
|
|
|
98
98
|
"publishConfig": {
|
|
99
99
|
"access": "public"
|
|
100
100
|
},
|
|
101
|
-
"gitHead": "
|
|
101
|
+
"gitHead": "c4b7b6a360af6ca9be39603e8b36d7f9a3315aa7"
|
|
102
102
|
}
|
|
Binary file
|