elseware-ui 2.13.3 → 2.13.5

package/build/components/surfaces/accordion/Accordion.d.ts

@@ -2,10 +2,10 @@ import { ReactNode } from "react";
 export interface AccordionProps {
     summary?: ReactNode | string;
     children?: ReactNode;
-    expandIcon?: ReactNode;
-    collapseIcon?: ReactNode;
+    lhsActions?: ReactNode;
+    rhsActions?: ReactNode;
     defaultCollapse?: boolean;
     toggleOnSummaryClick?: boolean;
 }
-declare function Accordion({ summary, expandIcon, collapseIcon, children, defaultCollapse, toggleOnSummaryClick, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+declare function Accordion({ summary, children, lhsActions, rhsActions, defaultCollapse, toggleOnSummaryClick, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/build/index.es.js

@@ -111594,26 +111594,18 @@ function UnderConstructionBanner(_a) {
 // THIS FILE IS AUTO GENERATED
 function FaCircleChevronDown (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM135 241c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l87 87 87-87c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L273 345c-9.4 9.4-24.6 9.4-33.9 0L135 241z"}}]})(props);
-}function FaCircleChevronUp (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM377 271c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-87-87-87 87c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 167c9.4-9.4 24.6-9.4 33.9 0L377 271z"}}]})(props);
 }
 
 function Accordion(_a) {
-    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, _c = _a.expandIcon, expandIcon = _c === void 0 ? jsx(FaCircleChevronDown, {}) : _c, _d = _a.collapseIcon, collapseIcon = _d === void 0 ? jsx(FaCircleChevronUp, {}) : _d, children = _a.children, _e = _a.defaultCollapse, defaultCollapse = _e === void 0 ? false : _e, _f = _a.toggleOnSummaryClick, toggleOnSummaryClick = _f === void 0 ? false : _f;
-    var _g = useState(defaultCollapse), collapse = _g[0], setCollapse = _g[1];
-    var handleOpen = function () {
-        !toggleOnSummaryClick && setCollapse(true);
-    };
-    var handleClose = function () {
-        !toggleOnSummaryClick && setCollapse(false);
-    };
+    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, children = _a.children, lhsActions = _a.lhsActions, rhsActions = _a.rhsActions, _c = _a.defaultCollapse, defaultCollapse = _c === void 0 ? false : _c, _d = _a.toggleOnSummaryClick, toggleOnSummaryClick = _d === void 0 ? false : _d;
+    var _e = useState(defaultCollapse), collapse = _e[0], setCollapse = _e[1];
     var handleToggle = function () {
         setCollapse(function (prev) { return !prev; });
     };
     return (jsxs("div", __assign$1({ className: "border border-eui-dark-400/80 text-gray-500" }, { children: [jsx("div", { children: jsxs("div", __assign$1({ className: classnames({
-                        "select-none inline-flex gap-3 items-center justify-center p-3 w-full eui-gradient-to-r-general-xs": true,
+                        "inline-flex gap-3 items-center px-3 py-2 w-full eui-gradient-to-r-general-xs": true,
                         "hover:cursor-pointer": toggleOnSummaryClick,
-                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary })), jsx("div", { children: collapse ? (jsx("div", __assign$1({ onClick: handleClose, className: "text-xl hover:cursor-pointer" }, { children: collapseIcon }))) : (jsx("div", __assign$1({ onClick: handleOpen, className: "text-xl hover:cursor-pointer" }, { children: expandIcon }))) })] })) }), jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: Fragment$3 }, { children: jsx("div", __assign$1({ className: "p-5 border-t border-t-eui-dark-400/40 eui-text-sm" }, { children: children })) }))] })));
+                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsxs("div", __assign$1({ className: "inline-flex gap-3 items-center w-full" }, { children: [lhsActions && (jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: lhsActions }))), jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary }))] })), jsx("div", __assign$1({ onClick: toggleOnSummaryClick ? undefined : handleToggle, className: "hover:cursor-pointer" }, { children: jsx(FaCircleChevronDown, { className: classnames("text-xl transition-transform duration-300", { "rotate-180": collapse }) }) })), rhsActions && (jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: rhsActions })))] })) }), jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: Fragment$3 }, { children: jsx("div", __assign$1({ className: "p-5 border-t border-t-eui-dark-400/40 eui-text-sm" }, { children: children })) }))] })));
 }
 
 function Card(_a) {

package/build/index.js

@@ -111621,26 +111621,18 @@ function UnderConstructionBanner(_a) {
 // THIS FILE IS AUTO GENERATED
 function FaCircleChevronDown (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM135 241c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l87 87 87-87c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9L273 345c-9.4 9.4-24.6 9.4-33.9 0L135 241z"}}]})(props);
-}function FaCircleChevronUp (props) {
-  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM377 271c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-87-87-87 87c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L239 167c9.4-9.4 24.6-9.4 33.9 0L377 271z"}}]})(props);
 }
 
 function Accordion(_a) {
-    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, _c = _a.expandIcon, expandIcon = _c === void 0 ? jsxRuntime.jsx(FaCircleChevronDown, {}) : _c, _d = _a.collapseIcon, collapseIcon = _d === void 0 ? jsxRuntime.jsx(FaCircleChevronUp, {}) : _d, children = _a.children, _e = _a.defaultCollapse, defaultCollapse = _e === void 0 ? false : _e, _f = _a.toggleOnSummaryClick, toggleOnSummaryClick = _f === void 0 ? false : _f;
-    var _g = React.useState(defaultCollapse), collapse = _g[0], setCollapse = _g[1];
-    var handleOpen = function () {
-        !toggleOnSummaryClick && setCollapse(true);
-    };
-    var handleClose = function () {
-        !toggleOnSummaryClick && setCollapse(false);
-    };
+    var _b = _a.summary, summary = _b === void 0 ? "Accordion" : _b, children = _a.children, lhsActions = _a.lhsActions, rhsActions = _a.rhsActions, _c = _a.defaultCollapse, defaultCollapse = _c === void 0 ? false : _c, _d = _a.toggleOnSummaryClick, toggleOnSummaryClick = _d === void 0 ? false : _d;
+    var _e = React.useState(defaultCollapse), collapse = _e[0], setCollapse = _e[1];
     var handleToggle = function () {
         setCollapse(function (prev) { return !prev; });
     };
     return (jsxRuntime.jsxs("div", __assign$1({ className: "border border-eui-dark-400/80 text-gray-500" }, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("div", __assign$1({ className: classnames({
-                        "select-none inline-flex gap-3 items-center justify-center p-3 w-full eui-gradient-to-r-general-xs": true,
+                        "inline-flex gap-3 items-center px-3 py-2 w-full eui-gradient-to-r-general-xs": true,
                         "hover:cursor-pointer": toggleOnSummaryClick,
-                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsxRuntime.jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary })), jsxRuntime.jsx("div", { children: collapse ? (jsxRuntime.jsx("div", __assign$1({ onClick: handleClose, className: "text-xl hover:cursor-pointer" }, { children: collapseIcon }))) : (jsxRuntime.jsx("div", __assign$1({ onClick: handleOpen, className: "text-xl hover:cursor-pointer" }, { children: expandIcon }))) })] })) }), jsxRuntime.jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: React.Fragment }, { children: jsxRuntime.jsx("div", __assign$1({ className: "p-5 border-t border-t-eui-dark-400/40 eui-text-sm" }, { children: children })) }))] })));
+                    }), onClick: toggleOnSummaryClick ? handleToggle : undefined }, { children: [jsxRuntime.jsxs("div", __assign$1({ className: "inline-flex gap-3 items-center w-full" }, { children: [lhsActions && (jsxRuntime.jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: lhsActions }))), jsxRuntime.jsx("div", __assign$1({ className: "eui-text-md w-full" }, { children: summary }))] })), jsxRuntime.jsx("div", __assign$1({ onClick: toggleOnSummaryClick ? undefined : handleToggle, className: "hover:cursor-pointer" }, { children: jsxRuntime.jsx(FaCircleChevronDown, { className: classnames("text-xl transition-transform duration-300", { "rotate-180": collapse }) }) })), rhsActions && (jsxRuntime.jsx("div", __assign$1({ onClick: function (e) { return e.stopPropagation(); } }, { children: rhsActions })))] })) }), jsxRuntime.jsx(ze$1, __assign$1({ show: collapse, enter: "transition duration-100 ease-out", enterFrom: "transform scale-95 opacity-0", enterTo: "transform scale-100 opacity-100", leave: "transition duration-75 ease-out", leaveFrom: "transform scale-100 opacity-100", leaveTo: "transform scale-95 opacity-0", as: React.Fragment }, { children: jsxRuntime.jsx("div", __assign$1({ className: "p-5 border-t border-t-eui-dark-400/40 eui-text-sm" }, { children: children })) }))] })));
 }
 
 function Card(_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elseware-ui",
-  "version": "2.13.3",
+  "version": "2.13.5",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
   "keywords": [