ar-design 0.2.23 → 0.2.25

package/dist/components/data-display/table/index.js

@@ -220,7 +220,10 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             React.createElement("div", { className: "title" },
                 React.createElement("h3", null, title),
                 React.createElement("h5", null, description)),
-            React.createElement("div", null))),
+            React.createElement("div", { className: "actions" }, actions && (React.createElement(React.Fragment, null,
+                actions.create && (React.createElement(Button, { variant: "outlined", status: "dark", icon: { element: React.createElement(ARIcon, { icon: "Add", size: 16 }) }, tooltip: { text: actions.create.tooltip, direction: "top" }, onClick: actions.create.onClick })),
+                actions.import && (React.createElement(Button, { variant: "outlined", status: "dark", icon: { element: React.createElement(ARIcon, { icon: "Import", size: 16 }) }, tooltip: { text: actions.import.tooltip, direction: "top" }, onClick: actions.import.onClick })),
+                actions.filterClear && (React.createElement(Button, { variant: "outlined", status: "dark", icon: { element: React.createElement(ARIcon, { icon: "Trash", size: 16 }) }, tooltip: { text: actions.filterClear.tooltip, direction: "top" }, onClick: actions.filterClear.onClick }))))))),
         React.createElement("div", { ref: _tableContent, className: "content", onScroll: handleScroll },
             React.createElement("table", { ref: ref },
                 React.createElement("thead", null,
@@ -250,7 +253,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                                     className: `${_className.map((c) => c).join(" ")}`,
                                 }), ...(c.config?.width
                                     ? {
-                                        style: { minWidth: c.config.width },
+                                        style: { minWidth: c.config.width, maxWidth: c.config.width },
                                     }
                                     : // : { style: { maxWidth: thWidths[cIndex], minWidth: thWidths[cIndex] } })}
                                         { style: {} }), ...(c.config?.sticky && {
@@ -315,7 +318,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                                 className: `${_className.map((c) => c).join(" ")}`,
                             }), ...(c.config?.width
                                 ? {
-                                    style: { minWidth: c.config.width },
+                                    style: { minWidth: c.config.width, maxWidth: c.config.width },
                                 }
                                 : // : {
                                     //     style: { maxWidth: thWidths[cIndex], minWidth: thWidths[cIndex] },
@@ -342,5 +345,6 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                 } })))));
 });
 export default memo(Table, (prevProps, nextProps) => {
-    return JSON.stringify(prevProps.data) === JSON.stringify(nextProps.data);
+    return (JSON.stringify(prevProps.data) === JSON.stringify(nextProps.data) &&
+        JSON.stringify(prevProps.columns) === JSON.stringify(nextProps.columns));
 });

package/dist/components/feedback/popover/index.js

@@ -28,15 +28,18 @@ const Popover = ({ children, title, message, content, onConfirm, windowBlur, con
             const popoverRect = _arPopover.current.getBoundingClientRect();
             const elementRect = _arPopoverElement.current.getBoundingClientRect();
             if (elementRect) {
-                const screenCenter = window.innerHeight / 2;
+                const screenCenterX = window.innerWidth / 2;
+                const screenCenterY = window.innerHeight / 2;
                 const sx = window.scrollX || document.documentElement.scrollLeft;
                 const sy = window.scrollY || document.documentElement.scrollTop;
                 _arPopover.current.style.visibility = "visible";
                 _arPopover.current.style.opacity = "1";
-                _arPopover.current.style.top = `${(elementRect.top > screenCenter
+                _arPopover.current.style.top = `${(elementRect.top > screenCenterY
                     ? elementRect.top - popoverRect.height + elementRect.height
                     : elementRect.top) + sy}px`;
-                _arPopover.current.style.left = `${elementRect.left - popoverRect.width + sx - 10}px`;
+                _arPopover.current.style.left = `${(elementRect.left > screenCenterX
+                    ? elementRect.right - (elementRect.width + 7.5) - popoverRect.width
+                    : elementRect.left + elementRect.width + 7.5) + sx}px`;
             }
         }
     };

package/dist/components/form/switch/index.js

@@ -8,7 +8,7 @@ const Switch = ({ label, status = "primary", border = { radius: "pill" }, ...att
     const _switchClassName = ["ar-switch"];
     // states
     const [checked, setChecked] = useState(attributes.checked ?? false);
-    _switchClassName.push(...Utils.GetClassName("filled", checked ? status : "light", border, undefined, undefined, attributes.className));
+    _switchClassName.push(...Utils.GetClassName("filled", attributes.checked ? status : "light", border, undefined, undefined, attributes.className));
     // useEffects
     useEffect(() => {
         setChecked(attributes.checked ?? false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.2.23",
+  "version": "0.2.25",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",