@dust-tt/sparkle 0.1.26 → 0.1.27
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/components/IconToggleButton.d.ts +1 -1
- package/dist/cjs/index.js +1 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/IconToggleButton.d.ts +1 -1
- package/dist/esm/index.js +1 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -8,5 +8,5 @@ type IconToggleButtonProps = {
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
selected?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare function IconToggleButton({ type, onClick, disabled, tooltip, icon, className, selected
|
|
11
|
+
export declare function IconToggleButton({ type, onClick, disabled, tooltip, icon, className, selected, }: IconToggleButtonProps): React.JSX.Element;
|
|
12
12
|
export {};
|
package/dist/esm/index.js
CHANGED
|
@@ -645,8 +645,7 @@ var iconClasses = {
|
|
|
645
645
|
},
|
|
646
646
|
};
|
|
647
647
|
function IconToggleButton(_a) {
|
|
648
|
-
var _b = _a.type, type = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, icon = _a.icon, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.selected,
|
|
649
|
-
var _f = __read(useState(isSelected), 2), selected = _f[0], setSelected = _f[1];
|
|
648
|
+
var _b = _a.type, type = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, icon = _a.icon, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.selected, selected = _e === void 0 ? false : _e;
|
|
650
649
|
var iconGroup = iconClasses[type];
|
|
651
650
|
var finalIconClasses = classNames(className, baseClasses, disabled
|
|
652
651
|
? iconGroup.disabled
|
|
@@ -659,7 +658,6 @@ function IconToggleButton(_a) {
|
|
|
659
658
|
: "", disabled ? "" : selected ? "" : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
|
|
660
659
|
var IconButtonToggleContent = (React__default.createElement("button", { className: finalIconClasses, onClick: function (e) {
|
|
661
660
|
if (!disabled) {
|
|
662
|
-
setSelected(!selected); // Toggle selected state
|
|
663
661
|
onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
|
|
664
662
|
}
|
|
665
663
|
}, disabled: disabled }, icon && React__default.createElement(Icon, { IconComponent: icon, className: "s-h-5 s-w-5" })));
|