@dust-tt/sparkle 0.2.220 → 0.2.222-rc
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/cjs/index.js +3 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/RadioButton.d.ts +1 -1
- package/dist/esm/components/RadioButton.d.ts.map +1 -1
- package/dist/esm/components/Tree.js +3 -4
- package/dist/esm/components/Tree.js.map +1 -1
- package/dist/esm/stories/RadioButton.stories.d.ts.map +1 -1
- package/dist/esm/stories/RadioButton.stories.js +13 -6
- package/dist/esm/stories/RadioButton.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/RadioButton.tsx +1 -1
- package/src/components/Tree.tsx +6 -6
- package/src/stories/RadioButton.stories.tsx +19 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAyBF,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,gBAAgB,qBAmClB"}
|
|
@@ -50,6 +50,7 @@ Tree.Item = function (_a) {
|
|
|
50
50
|
isNavigatableUnselected: "s-border-structure-200/0 s-bg-white/0 hover:s-border-structure-200 hover:s-bg-white",
|
|
51
51
|
isNavigatableSelected: "s-border-structure-200 s-bg-white",
|
|
52
52
|
};
|
|
53
|
+
var isExpanded = childrenToRender && !effectiveCollapsed;
|
|
53
54
|
return (React.createElement(React.Fragment, null,
|
|
54
55
|
React.createElement("div", { className: classNames(className ? className : "", treeItemStyleClasses.base, onItemClick ? "s-cursor-pointer" : "", isNavigatable ? treeItemStyleClasses.isNavigatableBase : "", isNavigatable
|
|
55
56
|
? size === "sm"
|
|
@@ -61,10 +62,8 @@ Tree.Item = function (_a) {
|
|
|
61
62
|
? isSelected
|
|
62
63
|
? treeItemStyleClasses.isNavigatableSelected
|
|
63
64
|
: treeItemStyleClasses.isNavigatableUnselected
|
|
64
|
-
: ""), onClick: onItemClick ? onItemClick : undefined },
|
|
65
|
-
type === "node" && (React.createElement(IconButton, { icon:
|
|
66
|
-
? ArrowDownSIcon
|
|
67
|
-
: ArrowRightSIcon, size: "xs", variant: "secondary", onClick: function (e) {
|
|
65
|
+
: "", isExpanded ? "is-expanded" : "is-collapsed", type), onClick: onItemClick ? onItemClick : undefined },
|
|
66
|
+
type === "node" && (React.createElement(IconButton, { icon: isExpanded ? ArrowDownSIcon : ArrowRightSIcon, size: "xs", variant: "secondary", onClick: function (e) {
|
|
68
67
|
e.stopPropagation();
|
|
69
68
|
if (effectiveOnChevronClick) {
|
|
70
69
|
effectiveOnChevronClick();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../src/components/Tree.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAG9D,QAAA,MAAM,IAAI;;;CAG0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,yBAmE/B,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __read } from "tslib";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { RadioButton } from "../components/RadioButton";
|
|
4
|
+
import { PauseIcon, PlayIcon, StopIcon } from "../icons";
|
|
4
5
|
var meta = {
|
|
5
6
|
title: "Primitives/RadioButton",
|
|
6
7
|
component: RadioButton,
|
|
@@ -12,18 +13,24 @@ export var RadioButtonExamples = function () {
|
|
|
12
13
|
return (React.createElement("div", null,
|
|
13
14
|
React.createElement(RadioButton, { name: "test1", choices: [
|
|
14
15
|
{
|
|
15
|
-
label:
|
|
16
|
-
|
|
16
|
+
label: (React.createElement(React.Fragment, null,
|
|
17
|
+
React.createElement(PauseIcon, { style: { display: "inline" } }),
|
|
18
|
+
" pause")),
|
|
19
|
+
value: "pause",
|
|
17
20
|
disabled: false,
|
|
18
21
|
},
|
|
19
22
|
{
|
|
20
|
-
label:
|
|
21
|
-
|
|
23
|
+
label: (React.createElement(React.Fragment, null,
|
|
24
|
+
React.createElement(PlayIcon, { style: { display: "inline" } }),
|
|
25
|
+
" play")),
|
|
26
|
+
value: "play",
|
|
22
27
|
disabled: false,
|
|
23
28
|
},
|
|
24
29
|
{
|
|
25
|
-
label:
|
|
26
|
-
|
|
30
|
+
label: (React.createElement(React.Fragment, null,
|
|
31
|
+
React.createElement(StopIcon, { style: { display: "inline" } }),
|
|
32
|
+
" stop")),
|
|
33
|
+
value: "stop",
|
|
27
34
|
disabled: true,
|
|
28
35
|
},
|
|
29
36
|
], value: value1, onChange: function (v) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../../src/stories/RadioButton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/D,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;CACY,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,mBAAmB,GAAG;IAC3B,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,KAAK,CAAC,IAAA,EAAlD,MAAM,QAAA,EAAE,SAAS,QAAiC,CAAC;IACpD,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,IAAA,EAA/C,MAAM,QAAA,EAAE,SAAS,QAA8B,CAAC;IAEvD,OAAO,CACL;QACE,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CACL;wBACE,oBAAC,SAAS,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAI;iCAC1C,CACJ;oBACD,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,CACL;wBACE,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAI;gCACzC,CACJ;oBACD,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,CACL;wBACE,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAI;gCACzC,CACJ;oBACD,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,IAAI;iBACf;aACF,EACD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;gBACV,SAAS,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD;QACF,+BAAM;QACN,+BAAM;QACN,+BAAM;QACN,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,MAAM;oBACb,QAAQ,EAAE,KAAK;iBAChB;gBACD;oBACE,KAAK,EAAE,MAAM;oBACb,KAAK,EAAE,IAAI;oBACX,QAAQ,EAAE,KAAK;iBAChB;aACF,EACD,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC;gBACV,SAAS,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
package/src/components/Tree.tsx
CHANGED
|
@@ -138,6 +138,8 @@ Tree.Item = function ({
|
|
|
138
138
|
isNavigatableSelected: "s-border-structure-200 s-bg-white",
|
|
139
139
|
};
|
|
140
140
|
|
|
141
|
+
const isExpanded = childrenToRender && !effectiveCollapsed;
|
|
142
|
+
|
|
141
143
|
return (
|
|
142
144
|
<>
|
|
143
145
|
<div
|
|
@@ -157,17 +159,15 @@ Tree.Item = function ({
|
|
|
157
159
|
? isSelected
|
|
158
160
|
? treeItemStyleClasses.isNavigatableSelected
|
|
159
161
|
: treeItemStyleClasses.isNavigatableUnselected
|
|
160
|
-
: ""
|
|
162
|
+
: "",
|
|
163
|
+
isExpanded ? "is-expanded" : "is-collapsed",
|
|
164
|
+
type
|
|
161
165
|
)}
|
|
162
166
|
onClick={onItemClick ? onItemClick : undefined}
|
|
163
167
|
>
|
|
164
168
|
{type === "node" && (
|
|
165
169
|
<IconButton
|
|
166
|
-
icon={
|
|
167
|
-
childrenToRender && !effectiveCollapsed
|
|
168
|
-
? ArrowDownSIcon
|
|
169
|
-
: ArrowRightSIcon
|
|
170
|
-
}
|
|
170
|
+
icon={isExpanded ? ArrowDownSIcon : ArrowRightSIcon}
|
|
171
171
|
size="xs"
|
|
172
172
|
variant="secondary"
|
|
173
173
|
onClick={(e) => {
|
|
@@ -2,6 +2,7 @@ import { Meta } from "@storybook/react";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
|
|
4
4
|
import { RadioButton } from "@sparkle/components/RadioButton";
|
|
5
|
+
import { PauseIcon, PlayIcon, StopIcon } from "@sparkle/icons";
|
|
5
6
|
|
|
6
7
|
const meta = {
|
|
7
8
|
title: "Primitives/RadioButton",
|
|
@@ -20,18 +21,30 @@ export const RadioButtonExamples = () => {
|
|
|
20
21
|
name="test1"
|
|
21
22
|
choices={[
|
|
22
23
|
{
|
|
23
|
-
label:
|
|
24
|
-
|
|
24
|
+
label: (
|
|
25
|
+
<>
|
|
26
|
+
<PauseIcon style={{ display: "inline" }} /> pause
|
|
27
|
+
</>
|
|
28
|
+
),
|
|
29
|
+
value: "pause",
|
|
25
30
|
disabled: false,
|
|
26
31
|
},
|
|
27
32
|
{
|
|
28
|
-
label:
|
|
29
|
-
|
|
33
|
+
label: (
|
|
34
|
+
<>
|
|
35
|
+
<PlayIcon style={{ display: "inline" }} /> play
|
|
36
|
+
</>
|
|
37
|
+
),
|
|
38
|
+
value: "play",
|
|
30
39
|
disabled: false,
|
|
31
40
|
},
|
|
32
41
|
{
|
|
33
|
-
label:
|
|
34
|
-
|
|
42
|
+
label: (
|
|
43
|
+
<>
|
|
44
|
+
<StopIcon style={{ display: "inline" }} /> stop
|
|
45
|
+
</>
|
|
46
|
+
),
|
|
47
|
+
value: "stop",
|
|
35
48
|
disabled: true,
|
|
36
49
|
},
|
|
37
50
|
]}
|