@apexcura/ui-components 0.0.11-Beta182 → 0.0.11-Beta184

package/dist/index.css

@@ -341,24 +341,12 @@ video {
 .table {
   display: table;
 }
-.h-\[40px\] {
-  height: 40px;
-}
-.w-\[126px\] {
-  width: 126px;
-}
 .rounded-\[8px\] {
   border-radius: 8px;
 }
-.rounded-full {
-  border-radius: 9999px;
-}
 .border {
   border-width: 1px;
 }
-.border-none {
-  border-style: none;
-}
 .border-\[\#919191\] {
   --tw-border-opacity: 1;
   border-color: rgb(145 145 145 / var(--tw-border-opacity));
@@ -375,10 +363,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity));
 }
-.bg-purple-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(107 33 168 / var(--tw-bg-opacity));
-}
 .p-\[6px\] {
   padding: 6px;
 }
@@ -392,10 +376,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
-.text-white {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
 .shadow-\[0px_0px_1px_1px_\#919191\] {
   --tw-shadow: 0px 0px 1px 1px #919191;
   --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
@@ -412,14 +392,6 @@ video {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-lg {
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }

package/dist/index.js

@@ -387,7 +387,6 @@ var MultipleSelectElement = (props) => {
 
 // src/Components/Button.tsx
 var import_react12 = __toESM(require("react"));
-var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
 var ButtonElement = (props) => {
   const handleClick = typeof props.action === "string" ? () => {
     console.log("Performing action:", props.action);
@@ -396,7 +395,7 @@ var ButtonElement = (props) => {
     "button",
     {
       onClick: handleClick,
-      className: `${defaultClassName} ${props.className ? props.className : ""}`
+      className: `${props.className ? props.className : ""}`
     },
     props.icon && /* @__PURE__ */ import_react12.default.createElement("span", { className: props.iconsClassName }, props.icon),
     props.label
@@ -632,14 +631,17 @@ var TableElement = (props) => {
     ...row,
     [columns[0].key]: index + 1
   }));
+  const onChange = (pagination, filters, sorter, extra) => {
+    console.log("params", pagination, filters, sorter, extra);
+  };
   return /* @__PURE__ */ import_react19.default.createElement(
     import_antd13.Table,
     {
       dataSource,
       columns,
       bordered: true,
-      pagination: false,
-      size: props.size && props.size
+      size: props.size && props.size,
+      onChange
     }
   );
 };
@@ -685,7 +687,7 @@ var DatePickerElement = (props) => {
       props.onChange(newDate.format("lll"));
     }
   };
-  return /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ import_react20.default.createElement("img", { src: "file:///C:/Users/srile/Downloads/Vector%20(2).svg", style: { color: "red" } })), /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement("div", null, /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ import_react20.default.createElement(import_icons4.LeftOutlined, null)), /* @__PURE__ */ import_react20.default.createElement(
     import_antd14.DatePicker,
     {
       placeholder: props.placeholder,

package/dist/index.mjs

@@ -336,7 +336,6 @@ var MultipleSelectElement = (props) => {
 
 // src/Components/Button.tsx
 import React11 from "react";
-var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
 var ButtonElement = (props) => {
   const handleClick = typeof props.action === "string" ? () => {
     console.log("Performing action:", props.action);
@@ -345,7 +344,7 @@ var ButtonElement = (props) => {
     "button",
     {
       onClick: handleClick,
-      className: `${defaultClassName} ${props.className ? props.className : ""}`
+      className: `${props.className ? props.className : ""}`
     },
     props.icon && /* @__PURE__ */ React11.createElement("span", { className: props.iconsClassName }, props.icon),
     props.label
@@ -581,14 +580,17 @@ var TableElement = (props) => {
     ...row,
     [columns[0].key]: index + 1
   }));
+  const onChange = (pagination, filters, sorter, extra) => {
+    console.log("params", pagination, filters, sorter, extra);
+  };
   return /* @__PURE__ */ React18.createElement(
     Table2,
     {
       dataSource,
       columns,
       bordered: true,
-      pagination: false,
-      size: props.size && props.size
+      size: props.size && props.size,
+      onChange
     }
   );
 };
@@ -596,7 +598,7 @@ var TableElement = (props) => {
 // src/Components/DatePicker.tsx
 import React19, { useState as useState5 } from "react";
 import { DatePicker } from "antd";
-import { RightOutlined } from "@ant-design/icons";
+import { LeftOutlined, RightOutlined } from "@ant-design/icons";
 import moment from "moment";
 var DatePickerElement = (props) => {
   const [date, setDate] = useState5(null);
@@ -634,7 +636,7 @@ var DatePickerElement = (props) => {
       props.onChange(newDate.format("lll"));
     }
   };
-  return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ React19.createElement("img", { src: "file:///C:/Users/srile/Downloads/Vector%20(2).svg", style: { color: "red" } })), /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("button", { onClick: onHandleDecrement }, /* @__PURE__ */ React19.createElement(LeftOutlined, null)), /* @__PURE__ */ React19.createElement(
     DatePicker,
     {
       placeholder: props.placeholder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.11-Beta182",
+  "version": "0.0.11-Beta184",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",