@darajs/components 1.0.0 → 1.0.2
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 +16 -6
- package/dist/common/select/select.js.map +1 -1
- package/dist/common/switch/switch.d.ts.map +1 -1
- package/dist/common/switch/switch.js +1 -0
- package/dist/common/switch/switch.js.map +1 -1
- package/dist/dara_components-1.0.2-py3-none-any.whl +0 -0
- package/dist/umd/dara.components.umd.js +15 -5
- package/package.json +3 -4
- package/dist/dara_components-1.0.0-py3-none-any.whl +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EACd,WAAW,EACX,QAAQ,EAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAEH,IAAI,EAEJ,WAAW,EAId,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAWvF;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EACd,WAAW,EACX,QAAQ,EAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAEH,IAAI,EAEJ,WAAW,EAId,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAWvF;AAcD,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,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;CAClD;AAID;;;;;;;GAOG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAsI/C;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { injectCss, useAction, useComponentStyles, useVariable, } from '@darajs/core';
|
|
4
4
|
import { ComboBox, MultiSelect, SectionedList, Select as UiSelect, } from '@darajs/ui-components';
|
|
5
5
|
import { useFormContext } from '../context';
|
|
@@ -22,6 +22,9 @@ const StyledSectionedList = injectCss(SectionedList);
|
|
|
22
22
|
function hasListSection(items) {
|
|
23
23
|
return items.length > 0 && 'items' in items[0];
|
|
24
24
|
}
|
|
25
|
+
function isStringArray(value) {
|
|
26
|
+
return Array.isArray(value) && value.every((item) => typeof item === 'string');
|
|
27
|
+
}
|
|
25
28
|
// Disabling rules-of-hook as the assumption is that props changing the type of the select won't change
|
|
26
29
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
27
30
|
/**
|
|
@@ -37,11 +40,18 @@ function Select(props) {
|
|
|
37
40
|
const [items] = useVariable(props.items);
|
|
38
41
|
const [style, css] = useComponentStyles(props);
|
|
39
42
|
const [value, setValue] = useVariable(formCtx.resolveInitialValue());
|
|
43
|
+
// In the case of a Variable or DerivedVariable we could end up with an array of strings instead of items, so we need to convert them if that happens
|
|
44
|
+
const formattedItems = useMemo(() => {
|
|
45
|
+
if (isStringArray(items)) {
|
|
46
|
+
return items.map((item) => ({ badge: null, image: null, label: item, value: item }));
|
|
47
|
+
}
|
|
48
|
+
return items;
|
|
49
|
+
}, [items]);
|
|
40
50
|
const [onChangeAction] = useAction(props.onchange);
|
|
41
51
|
// 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
|
|
42
52
|
const itemHasListSection = useRef(null);
|
|
43
53
|
if (itemHasListSection.current === null) {
|
|
44
|
-
itemHasListSection.current = hasListSection(
|
|
54
|
+
itemHasListSection.current = hasListSection(formattedItems);
|
|
45
55
|
}
|
|
46
56
|
// For multiselect we want to keep the initial value type consistent with later selections
|
|
47
57
|
useEffect(() => {
|
|
@@ -61,10 +71,10 @@ function Select(props) {
|
|
|
61
71
|
setSelectedItem({ label: value, value });
|
|
62
72
|
}
|
|
63
73
|
}, [value]);
|
|
64
|
-
return (_jsx(StyledSectionedList, { "$rawCss": css, items:
|
|
74
|
+
return (_jsx(StyledSectionedList, { "$rawCss": css, items: formattedItems, onSelect: onSelect, selectedItem: selectedItem, style: style }));
|
|
65
75
|
}
|
|
66
76
|
// We need to redefine items as the type is not known at this point
|
|
67
|
-
const itemArray =
|
|
77
|
+
const itemArray = formattedItems;
|
|
68
78
|
if (props.multiselect) {
|
|
69
79
|
const [selectedItems, setSelectedItems] = useState(getMultiselectItems(value, itemArray));
|
|
70
80
|
const onSelect = useCallback((_items) => {
|
|
@@ -79,7 +89,7 @@ function Select(props) {
|
|
|
79
89
|
// the race condition and respect the main value if it is updated elsewhere.
|
|
80
90
|
useEffect(() => {
|
|
81
91
|
setSelectedItems(getMultiselectItems(value, itemArray));
|
|
82
|
-
}, [
|
|
92
|
+
}, [formattedItems, value]);
|
|
83
93
|
return (_jsx(StyledMultiSelect, { "$rawCss": css, className: props.className, items: itemArray, maxRows: props.max_rows, onSelect: onSelect, placeholder: props.placeholder, selectedItems: selectedItems, style: style }));
|
|
84
94
|
}
|
|
85
95
|
const [selectedItem, setSelectedItem] = useState(itemArray.find((item) => String(item.value) === String(value)));
|
|
@@ -95,7 +105,7 @@ function Select(props) {
|
|
|
95
105
|
useEffect(() => {
|
|
96
106
|
const selected = itemArray.find((item) => item.value === value);
|
|
97
107
|
setSelectedItem(selected !== undefined ? selected : null);
|
|
98
|
-
}, [
|
|
108
|
+
}, [formattedItems, value]);
|
|
99
109
|
if (props.searchable) {
|
|
100
110
|
return (_jsx(StyledComboBox, { "$rawCss": css, className: props.className, items: itemArray, onSelect: onSelect, placeholder: props.placeholder, selectedItem: selectedItem, style: style }));
|
|
101
111
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../js/common/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../js/common/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAK/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../js/common/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAyD,MAAM,cAAc,CAAC;AAK/F,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAU9C,UAAU,WAAY,SAAQ,kBAAkB;IAC5C,oCAAoC;IAEpC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC7B;AACD;;;;GAIG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAiB/C;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../js/common/switch/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../js/common/switch/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAG5C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK5B,CAAC;AACF,MAAM,SAAS,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAOxC;;;;GAIG;AACH,SAAS,MAAM,CAAC,KAAkB;IAC9B,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,QAAQ,CAAC,OAAgB;QAC9B,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,cAAc,CAAC,OAAO,CAAC,CAAC;QACxB,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC;IAED,OAAO,CACH,KAAC,SAAS,eAAU,GAAG,EAAE,KAAK,EAAE,KAAK,YACjC,KAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,GACtC,CACf,CAAC;AACN,CAAC;AAED,eAAe,MAAM,CAAC"}
|
|
Binary file
|
|
@@ -61112,15 +61112,24 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61112
61112
|
function hasListSection(items) {
|
|
61113
61113
|
return items.length > 0 && "items" in items[0];
|
|
61114
61114
|
}
|
|
61115
|
+
function isStringArray(value) {
|
|
61116
|
+
return Array.isArray(value) && value.every((item) => typeof item === "string");
|
|
61117
|
+
}
|
|
61115
61118
|
function Select(props) {
|
|
61116
61119
|
const formCtx2 = useFormContext(props);
|
|
61117
61120
|
const [items] = core$2.useVariable(props.items);
|
|
61118
61121
|
const [style2, css2] = core$2.useComponentStyles(props);
|
|
61119
61122
|
const [value, setValue] = core$2.useVariable(formCtx2.resolveInitialValue());
|
|
61123
|
+
const formattedItems = React.useMemo(() => {
|
|
61124
|
+
if (isStringArray(items)) {
|
|
61125
|
+
return items.map((item) => ({ badge: null, image: null, label: item, value: item }));
|
|
61126
|
+
}
|
|
61127
|
+
return items;
|
|
61128
|
+
}, [items]);
|
|
61120
61129
|
const [onChangeAction] = core$2.useAction(props.onchange);
|
|
61121
61130
|
const itemHasListSection = React.useRef(null);
|
|
61122
61131
|
if (itemHasListSection.current === null) {
|
|
61123
|
-
itemHasListSection.current = hasListSection(
|
|
61132
|
+
itemHasListSection.current = hasListSection(formattedItems);
|
|
61124
61133
|
}
|
|
61125
61134
|
React.useEffect(() => {
|
|
61126
61135
|
if (props.multiselect && value !== void 0 && !Array.isArray(value)) {
|
|
@@ -61145,14 +61154,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61145
61154
|
StyledSectionedList,
|
|
61146
61155
|
{
|
|
61147
61156
|
$rawCss: css2,
|
|
61148
|
-
items,
|
|
61157
|
+
items: formattedItems,
|
|
61149
61158
|
onSelect: onSelect2,
|
|
61150
61159
|
selectedItem: selectedItem2,
|
|
61151
61160
|
style: style2
|
|
61152
61161
|
}
|
|
61153
61162
|
);
|
|
61154
61163
|
}
|
|
61155
|
-
const itemArray =
|
|
61164
|
+
const itemArray = formattedItems;
|
|
61156
61165
|
if (props.multiselect) {
|
|
61157
61166
|
const [selectedItems, setSelectedItems] = React.useState(getMultiselectItems(value, itemArray));
|
|
61158
61167
|
const onSelect2 = React.useCallback(
|
|
@@ -61167,7 +61176,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61167
61176
|
);
|
|
61168
61177
|
React.useEffect(() => {
|
|
61169
61178
|
setSelectedItems(getMultiselectItems(value, itemArray));
|
|
61170
|
-
}, [
|
|
61179
|
+
}, [formattedItems, value]);
|
|
61171
61180
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
61172
61181
|
StyledMultiSelect,
|
|
61173
61182
|
{
|
|
@@ -61197,7 +61206,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61197
61206
|
React.useEffect(() => {
|
|
61198
61207
|
const selected = itemArray.find((item) => item.value === value);
|
|
61199
61208
|
setSelectedItem(selected !== void 0 ? selected : null);
|
|
61200
|
-
}, [
|
|
61209
|
+
}, [formattedItems, value]);
|
|
61201
61210
|
if (props.searchable) {
|
|
61202
61211
|
return /* @__PURE__ */ React__default.default.createElement(
|
|
61203
61212
|
StyledComboBox,
|
|
@@ -61355,6 +61364,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
|
|
|
61355
61364
|
display: flex;
|
|
61356
61365
|
flex-direction: row;
|
|
61357
61366
|
align-items: center;
|
|
61367
|
+
margin: 0.5rem 0;
|
|
61358
61368
|
`;
|
|
61359
61369
|
const SwitchDiv = core$2.injectCss(_SwitchDiv);
|
|
61360
61370
|
function Switch(props) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@darajs/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Components for the Dara framework",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -51,8 +51,7 @@
|
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@bokeh/bokehjs": "~3.1.1",
|
|
54
|
-
"@
|
|
55
|
-
"@darajs/core": "1.0.0",
|
|
54
|
+
"@darajs/core": "1.0.2",
|
|
56
55
|
"@darajs/styled-components": "~1.0.0",
|
|
57
56
|
"@darajs/ui-causal-graph-editor": "~1.0.0",
|
|
58
57
|
"@darajs/ui-code-editor": "~1.0.0",
|
|
@@ -83,5 +82,5 @@
|
|
|
83
82
|
"publishConfig": {
|
|
84
83
|
"access": "public"
|
|
85
84
|
},
|
|
86
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "0bb42050ea22d45b8a9d8f4cb9523bc66109195f"
|
|
87
86
|
}
|
|
Binary file
|