@dust-tt/sparkle 0.2.233-rc → 0.2.235
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 +4 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Button.js +1 -1
- package/dist/esm/components/Button.js.map +1 -1
- package/dist/esm/components/DataTable.js +1 -1
- package/dist/esm/components/PaginatedCitationsGrid.d.ts +1 -1
- package/dist/esm/components/PaginatedCitationsGrid.d.ts.map +1 -1
- package/dist/esm/components/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea.js +1 -0
- package/dist/esm/components/TextArea.js.map +1 -1
- package/dist/esm/components/Tree.js +1 -1
- package/dist/esm/stories/Button.stories.d.ts.map +1 -1
- package/dist/esm/stories/Button.stories.js +1 -8
- package/dist/esm/stories/Button.stories.js.map +1 -1
- package/dist/sparkle.css +0 -8
- package/package.json +1 -1
- package/src/components/Button.tsx +1 -1
- package/src/components/DataTable.tsx +1 -1
- package/src/components/PaginatedCitationsGrid.tsx +1 -1
- package/src/components/TextArea.tsx +1 -0
- package/src/components/Tree.tsx +1 -1
- package/src/stories/Button.stories.tsx +0 -27
package/dist/cjs/index.js
CHANGED
|
@@ -40533,7 +40533,7 @@ var variantClasses$2 = {
|
|
|
40533
40533
|
},
|
|
40534
40534
|
};
|
|
40535
40535
|
var transitionClasses = "s-transition-all s-ease-out s-duration-200 s-cursor-pointer";
|
|
40536
|
-
var magnifyingClasses = "hover:s-scale-105 hover:s-drop-shadow-md active:s-scale-100 active:s-drop-shadow-none
|
|
40536
|
+
var magnifyingClasses = "hover:s-scale-105 hover:s-drop-shadow-md active:s-scale-100 active:s-drop-shadow-none";
|
|
40537
40537
|
function Button(_a) {
|
|
40538
40538
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
40539
40539
|
var _o = _a.variant, variant = _o === void 0 ? "primary" : _o, _p = _a.type, type = _p === void 0 ? "button" : _p, _q = _a.size, size = _q === void 0 ? "sm" : _q, onClick = _a.onClick, _r = _a.disabled, disabled = _r === void 0 ? false : _r, _s = _a.labelVisible, labelVisible = _s === void 0 ? true : _s, label = _a.label, icon = _a.icon, _t = _a.className, className = _t === void 0 ? "" : _t, _u = _a.tooltipPosition, tooltipPosition = _u === void 0 ? "above" : _u, _v = _a.hasMagnifying, hasMagnifying = _v === void 0 ? true : _v, _w = _a.disabledTooltip, disabledTooltip = _w === void 0 ? false : _w, avatar = _a.avatar;
|
|
@@ -103517,7 +103517,7 @@ DataTable.CellContent = function CellContent(_a) {
|
|
|
103517
103517
|
avatarUrl && avatarTooltipLabel && (React.createElement(Tooltip, { label: avatarTooltipLabel, position: "above" },
|
|
103518
103518
|
React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false }))),
|
|
103519
103519
|
avatarUrl && !avatarTooltipLabel && (React.createElement(Avatar, { visual: avatarUrl, size: "xs", className: "s-mr-2", isRounded: roundedAvatar !== null && roundedAvatar !== void 0 ? roundedAvatar : false })),
|
|
103520
|
-
icon && (React.createElement(Icon, { visual: icon, size: "sm", className: classNames("s-mr-2 s-text-element-
|
|
103520
|
+
icon && (React.createElement(Icon, { visual: icon, size: "sm", className: classNames("s-mr-2 s-text-element-800", iconClassName || "") })),
|
|
103521
103521
|
React.createElement("div", { className: "s-flex" },
|
|
103522
103522
|
React.createElement("span", { className: "s-text-sm s-text-element-800" }, children),
|
|
103523
103523
|
description && (React.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description)))));
|
|
@@ -129115,6 +129115,7 @@ function TextArea(_a) {
|
|
|
129115
129115
|
React.useEffect(function () {
|
|
129116
129116
|
var textarea = textareaRef.current;
|
|
129117
129117
|
if (textarea) {
|
|
129118
|
+
textarea.style.height = 'auto'; // Reset height
|
|
129118
129119
|
textarea.style.height = "".concat(textarea.scrollHeight, "px"); // Set to scroll height
|
|
129119
129120
|
}
|
|
129120
129121
|
}, [value]); // Re-run when value changes
|
|
@@ -129158,7 +129159,7 @@ function Tree(_a) {
|
|
|
129158
129159
|
: "") }, modifiedChildren));
|
|
129159
129160
|
}
|
|
129160
129161
|
Tree.Item = function (_a) {
|
|
129161
|
-
var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.tailwindIconTextColor, tailwindIconTextColor = _e === void 0 ? "s-text-element-
|
|
129162
|
+
var label = _a.label, _b = _a.type, type = _b === void 0 ? "node" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, _e = _a.tailwindIconTextColor, tailwindIconTextColor = _e === void 0 ? "s-text-element-800" : _e, visual = _a.visual, checkbox = _a.checkbox, onChevronClick = _a.onChevronClick, collapsed = _a.collapsed, defaultCollapsed = _a.defaultCollapsed, actions = _a.actions, _f = _a.areActionsFading, areActionsFading = _f === void 0 ? true : _f, renderTreeItems = _a.renderTreeItems, children = _a.children, _g = _a.isNavigatable, isNavigatable = _g === void 0 ? false : _g, _h = _a.isSelected, isSelected = _h === void 0 ? false : _h, onItemClick = _a.onItemClick;
|
|
129162
129163
|
var _j = __read(React.useState(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : true), 2), collapsedState = _j[0], setCollapsedState = _j[1];
|
|
129163
129164
|
var isControlledCollapse = collapsed !== undefined;
|
|
129164
129165
|
var effectiveCollapsed = isControlledCollapse ? collapsed : collapsedState;
|