ui-soxo-bootstrap-core 2.4.25-dev.41 → 2.4.25-dev.46

package/core/lib/elements/complex/statistic-card/dashboard-statistic-card.js

@@ -1,76 +1,76 @@
-/**
- * DashboardStatisticCard
- * Renders a title and a list of key–value stats.
- * Values are formatted as currency using formatMoneyGlobal().
- */
-export default function DashboardStatisticCard({ result, title, ...props }) {
-  if (!result) return null;
-
-  // Extract stat labels
-  const keys = Object.keys(result);
-
-  return (
-    <div style={styles.container}>
-      {title && <span style={styles.title}>{title}</span>}
-
-      {keys.map((key,index) => (
-        <div
-          key={key}
-          style={{
-            ...styles.row,
-            borderBottom: index === keys.length - 1 ? 'none' : '1px solid #f0f0f0',
-          }}
-        >
-          <span style={styles.label}>{key}</span>
-          <span style={styles.value}>{formatMoneyGlobal(result[key])}</span>
-        </div>
-      ))}
-    </div>
-  );
-}
-
-/**
- * formatMoneyGlobal
- * Converts any numeric value to "1,234.56" format.
- * Non-numeric values are returned unchanged.
- */
-export const formatMoneyGlobal = (value) => {
-  if (value == null || value === '') return '0.00';
-
-  const num = Number(value);
-  if (isNaN(num)) return value;
-
-  return num.toLocaleString('en-US', {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2,
-  });
-};
-
-// Inline styles
-const styles = {
-  container: {
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '10px',
-    cursor: 'pointer',
-    width: '100%',
-    padding: '1px',
-  },
-  title: {
-    fontSize: '15px',
-    fontWeight: 600,
-    marginBottom: '4px',
-  },
-  row: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    paddingBottom: '4px',
-    borderBottom: '1px solid #f0f0f0',
-  },
-  label: {
-    fontSize: '14px',
-  },
-  value: {
-    fontSize: '15px',
-  },
+/**
+ * DashboardStatisticCard
+ * Renders a title and a list of key–value stats.
+ * Values are formatted as currency using formatMoneyGlobal().
+ */
+export default function DashboardStatisticCard({ result, title, ...props }) {
+  if (!result) return null;
+
+  // Extract stat labels
+  const keys = Object.keys(result);
+
+  return (
+    <div style={styles.container}>
+      {title && <span style={styles.title}>{title}</span>}
+
+      {keys.map((key,index) => (
+        <div
+          key={key}
+          style={{
+            ...styles.row,
+            borderBottom: index === keys.length - 1 ? 'none' : '1px solid #f0f0f0',
+          }}
+        >
+          <span style={styles.label}>{key}</span>
+          <span style={styles.value}>{formatMoneyGlobal(result[key])}</span>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+/**
+ * formatMoneyGlobal
+ * Converts any numeric value to "1,234.56" format.
+ * Non-numeric values are returned unchanged.
+ */
+export const formatMoneyGlobal = (value) => {
+  if (value == null || value === '') return '0.00';
+
+  const num = Number(value);
+  if (isNaN(num)) return value;
+
+  return num.toLocaleString('en-US', {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+  });
+};
+
+// Inline styles
+const styles = {
+  container: {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '10px',
+    cursor: 'pointer',
+    width: '100%',
+    padding: '1px',
+  },
+  title: {
+    fontSize: '15px',
+    fontWeight: 600,
+    marginBottom: '4px',
+  },
+  row: {
+    display: 'flex',
+    justifyContent: 'space-between',
+    paddingBottom: '4px',
+    borderBottom: '1px solid #f0f0f0',
+  },
+  label: {
+    fontSize: '14px',
+  },
+  value: {
+    fontSize: '15px',
+  },
 };

package/core/lib/elements/complex/statistic-card/statistic-card.js

@@ -1,28 +1,28 @@
-
-
-
-import React from "react";
-
-import { Statistic } from "antd";
-
-
-
-/**
- * Basic Tabular
- *
- * @param {*} param0
- * @returns
- */
-export default function StatisticCard({ result, ...props }) {
-    return (
-        <>
-            {Object.keys(result).map((key) => {
-                return (
-                    <>
-                        <Statistic title={key} value={result[key]} {...props} />
-                    </>
-                );
-            })}
-        </>
-    );
-}
+
+
+
+import React from "react";
+
+import { Statistic } from "antd";
+
+
+
+/**
+ * Basic Tabular
+ *
+ * @param {*} param0
+ * @returns
+ */
+export default function StatisticCard({ result, ...props }) {
+    return (
+        <>
+            {Object.keys(result).map((key) => {
+                return (
+                    <>
+                        <Statistic title={key} value={result[key]} {...props} />
+                    </>
+                );
+            })}
+        </>
+    );
+}

package/core/lib/elements/index.js

@@ -1,226 +1,226 @@
-/**
- *
- * All the basic elements of the core library
- *
- *
- * We are creating wrappers for all existing components so that
- * we can build a design system .
- *
- *
- */
-
-// Typography elements
-
-import Title from './basic/title/title';
-
-// Typography elements Ends
-
-// Loaders
-
-import Skeleton from './basic/skeleton/skeleton';
-
-// Loaders Ends
-
-// Buttons
-
-// Buttons Ends
-
-// Table
-
-import BasicTable from './complex/basic-table/basic-table';
-
-import Table from './basic/table/table';
-
-import Modal from './basic/modal/modal';
-
-import Select from './basic/select/select';
-
-import Tag from './basic/tag/tag';
-
-// Table Ends
-
-// Card
-
-import Card from './basic/card/card';
-
-// Card Ends
-
-// Image Starts
-import Image from './basic/image/image';
-
-import ImageWrapper from '../components/image-wrapper/image-wrapper';
-
-// import { PdfViewer } from '../components';
-
-// Image Ends
-
-// Modal
-
-// Modal Ends
-
-// Form Elements
-
-import Form from './basic/form/form';
-
-import InputComponent from './basic/input/input';
-
-import FileUpload from '../components/file-upload/file-upload';
-
-import CountryPhoneInput from './basic/country-phone-input/country-phone-input';
-
-// Select Box
-
-import SelectBox from './basic/select-box/select-box';
-
-import ReferenceSelect from './basic/reference-select/reference-select';
-
-import DatePicker from './basic/datepicker/datepicker';
-
-import DraggableWrapper from './basic/dragabble-wrapper/draggable-wrapper';
-// import SelectBox from "./basic/select-box/select-box";
-
-// import ReferenceSelect from "./basic/reference-select/reference-select";
-
-// Select Box Ends
-
-import Switch from './basic/switch/switch';
-
-import Button from './basic/button/button';
-
-import RangePicker from './basic/rangepicker/rangepicker';
-
-import Checkbox from './basic/checkbox/checkbox';
-
-import JSONInput from './basic/json-input/json-input';
-
-// Form Elements Ends
-
-// Graph Elements
-
-import PieChart from './complex/pie-chart/pie-chart';
-
-import LineGraph from './complex/line-graph/line-graph';
-
-import BarGraph from './complex/bargraph/bar-graph';
-
-import StatisticCard from './complex/statistic-card/statistic-card';
-
-// Graph Elements Ends
-
-// Maps
-
-import GoogleMap from './complex/google-map/google-map';
-
-// import MapContainer from './complex/google-location-input/map-container-library-load'
-
-import LocationSearchInput from './complex/location-search-input/location-search-input';
-
-// Maps Ends
-
-// Interfaces
-
-import CopyToClipBoard from './basic/copy-to-clipboard/copy-to-clipboard';
-
-import QRcode from './complex/qr-code/qr-code';
-
-import Barcode from './complex/barcode/barcode';
-
-
-import QrScanner from './complex/qrscanner/qrscanner';
-import Popconfirm from './basic/popconfirm/popconfirm';
-
-// Interfaces Ends
-
-//import  GoogleApiWrapper  from 'google-maps-react';
-// import ImageViewer from './basic/image-viewer/image-viewer';
-// import ScriptInput from '../components/script-input/script-input';
-// import PopQueryDashboard from './complex/pop-query-dashboard';
-
-import UserSearch from './basic/user-search/user-search';
-
-import Radio from './basic/radio/radio';
-
-import Popover from './basic/popover/popover';
-
-import Tabs from './basic/tab/tab';
-
-import Empty from './basic/empty/empty';
-
-import Space from './basic/space/space';
-
-import Row from './basic/row/row';
-
-import Col from './basic/col/col';
-
-import TimeLine from './basic/timeline/timeline';
-
-import MenuDashBoardComponent from './basic/menu-dashboard/menu-dashboard';
-
-// import message from './basic/message/message'
-// import UserSearch from "./basic/user-search/user-search";
-
-export {
-  // Typography Elements
-  Title,
-  // Typography Elements Ends
-  // Loaders
-  Skeleton,
-  TimeLine,
-  Row,
-  Col,
-  Tabs,
-  Empty,
-  Space,
-  // message,
-
-  // Loaders Ends
-
-  // Form Elements
-  Form,
-  DatePicker,
-  DraggableWrapper,
-  Tag,
-  Popconfirm,
-  Popover,
-
-  // Form Elements Ends
-  Select,
-  SelectBox,
-  ReferenceSelect,
-  Switch,
-  Modal,
-  Button,
-  Radio,
-  Card,
-  Table,
-  QRcode,
-  QrScanner,
-  Barcode,
-  RangePicker,
-  JSONInput,
-  BasicTable,
-  LineGraph,
-  BarGraph,
-  StatisticCard,
-  // SelectBox,
-  // PopQueryDashboard,
-  CopyToClipBoard,
-  LocationSearchInput,
-  //GoogleApiWrapper,
-  // MapContainer,
-  PieChart,
-  GoogleMap,
-  InputComponent,
-  CountryPhoneInput,
-  // PdfViewer,
-
-  // ImageViewer
-  Image,
-  FileUpload,
-  ImageWrapper,
-  UserSearch,
-  Checkbox,
-  MenuDashBoardComponent,
-
-  // ScriptInput
-};
+/**
+ *
+ * All the basic elements of the core library
+ *
+ *
+ * We are creating wrappers for all existing components so that
+ * we can build a design system .
+ *
+ *
+ */
+
+// Typography elements
+
+import Title from './basic/title/title';
+
+// Typography elements Ends
+
+// Loaders
+
+import Skeleton from './basic/skeleton/skeleton';
+
+// Loaders Ends
+
+// Buttons
+
+// Buttons Ends
+
+// Table
+
+import BasicTable from './complex/basic-table/basic-table';
+
+import Table from './basic/table/table';
+
+import Modal from './basic/modal/modal';
+
+import Select from './basic/select/select';
+
+import Tag from './basic/tag/tag';
+
+// Table Ends
+
+// Card
+
+import Card from './basic/card/card';
+
+// Card Ends
+
+// Image Starts
+import Image from './basic/image/image';
+
+import ImageWrapper from '../components/image-wrapper/image-wrapper';
+
+// import { PdfViewer } from '../components';
+
+// Image Ends
+
+// Modal
+
+// Modal Ends
+
+// Form Elements
+
+import Form from './basic/form/form';
+
+import InputComponent from './basic/input/input';
+
+import FileUpload from '../components/file-upload/file-upload';
+
+import CountryPhoneInput from './basic/country-phone-input/country-phone-input';
+
+// Select Box
+
+import SelectBox from './basic/select-box/select-box';
+
+import ReferenceSelect from './basic/reference-select/reference-select';
+
+import DatePicker from './basic/datepicker/datepicker';
+
+import DraggableWrapper from './basic/dragabble-wrapper/draggable-wrapper';
+// import SelectBox from "./basic/select-box/select-box";
+
+// import ReferenceSelect from "./basic/reference-select/reference-select";
+
+// Select Box Ends
+
+import Switch from './basic/switch/switch';
+
+import Button from './basic/button/button';
+
+import RangePicker from './basic/rangepicker/rangepicker';
+
+import Checkbox from './basic/checkbox/checkbox';
+
+import JSONInput from './basic/json-input/json-input';
+
+// Form Elements Ends
+
+// Graph Elements
+
+import PieChart from './complex/pie-chart/pie-chart';
+
+import LineGraph from './complex/line-graph/line-graph';
+
+import BarGraph from './complex/bargraph/bar-graph';
+
+import StatisticCard from './complex/statistic-card/statistic-card';
+
+// Graph Elements Ends
+
+// Maps
+
+import GoogleMap from './complex/google-map/google-map';
+
+// import MapContainer from './complex/google-location-input/map-container-library-load'
+
+import LocationSearchInput from './complex/location-search-input/location-search-input';
+
+// Maps Ends
+
+// Interfaces
+
+import CopyToClipBoard from './basic/copy-to-clipboard/copy-to-clipboard';
+
+import QRcode from './complex/qr-code/qr-code';
+
+import Barcode from './complex/barcode/barcode';
+
+
+import QrScanner from './complex/qrscanner/qrscanner';
+import Popconfirm from './basic/popconfirm/popconfirm';
+
+// Interfaces Ends
+
+//import  GoogleApiWrapper  from 'google-maps-react';
+// import ImageViewer from './basic/image-viewer/image-viewer';
+// import ScriptInput from '../components/script-input/script-input';
+// import PopQueryDashboard from './complex/pop-query-dashboard';
+
+import UserSearch from './basic/user-search/user-search';
+
+import Radio from './basic/radio/radio';
+
+import Popover from './basic/popover/popover';
+
+import Tabs from './basic/tab/tab';
+
+import Empty from './basic/empty/empty';
+
+import Space from './basic/space/space';
+
+import Row from './basic/row/row';
+
+import Col from './basic/col/col';
+
+import TimeLine from './basic/timeline/timeline';
+
+import MenuDashBoardComponent from './basic/menu-dashboard/menu-dashboard';
+
+// import message from './basic/message/message'
+// import UserSearch from "./basic/user-search/user-search";
+
+export {
+  // Typography Elements
+  Title,
+  // Typography Elements Ends
+  // Loaders
+  Skeleton,
+  TimeLine,
+  Row,
+  Col,
+  Tabs,
+  Empty,
+  Space,
+  // message,
+
+  // Loaders Ends
+
+  // Form Elements
+  Form,
+  DatePicker,
+  DraggableWrapper,
+  Tag,
+  Popconfirm,
+  Popover,
+
+  // Form Elements Ends
+  Select,
+  SelectBox,
+  ReferenceSelect,
+  Switch,
+  Modal,
+  Button,
+  Radio,
+  Card,
+  Table,
+  QRcode,
+  QrScanner,
+  Barcode,
+  RangePicker,
+  JSONInput,
+  BasicTable,
+  LineGraph,
+  BarGraph,
+  StatisticCard,
+  // SelectBox,
+  // PopQueryDashboard,
+  CopyToClipBoard,
+  LocationSearchInput,
+  //GoogleApiWrapper,
+  // MapContainer,
+  PieChart,
+  GoogleMap,
+  InputComponent,
+  CountryPhoneInput,
+  // PdfViewer,
+
+  // ImageViewer
+  Image,
+  FileUpload,
+  ImageWrapper,
+  UserSearch,
+  Checkbox,
+  MenuDashBoardComponent,
+
+  // ScriptInput
+};