@gobolt/genesis 0.4.1 → 0.4.2

package/dist/components/Row/Row.d.ts

@@ -1,4 +1,4 @@
-import { BadgeProps } from '../..';
+import { BadgeProps } from '../Badge';
 import { Action } from './RowActions/RowActions';
 export interface RowProps {
     label: string;

package/dist/components/Row/RowLabelValue/RowLabelValue.d.ts

@@ -1,4 +1,4 @@
-import { BadgeProps } from '../..';
+import { BadgeProps } from '../../Badge';
 interface RowLabelValueProperties {
     label: string;
     value: string;

package/dist/components/TableWithControls/TableWithControls.d.ts

@@ -1,12 +1,10 @@
 import { TableProps } from '../Table';
 import { TableControlsData } from '../Table/TableControls/TableControls';
+import { ActionEvent, TableEventPayload } from '../../types/events';
 export interface TableWithControlsProps {
     tableControlsData: TableControlsData;
     tableData: TableProps<Record<string, any>>;
-    onChange: (event: {
-        event: string;
-        payload: any;
-    }) => void;
+    onChange: (event: ActionEvent<TableEventPayload>) => void;
 }
 declare const TableWithControls: ({ tableData, tableControlsData, onChange, }: TableWithControlsProps) => import("react/jsx-runtime").JSX.Element;
 export default TableWithControls;

package/dist/index.cjs

@@ -82128,6 +82128,9 @@ const getTextComponent = (firstBarData, secondBarData, stateColor, theme, isText
   );
 };
 const getCombinedPercent = (firstBarData, secondBarData) => {
+  if (secondBarData?.value === 0) {
+    return firstBarData?.value;
+  }
   if (firstBarData?.value && secondBarData?.value) {
     const total = firstBarData?.value + secondBarData?.value;
     const dividedBy = total / 2;
@@ -82402,7 +82405,7 @@ const Radio = ({ id: id2, label, selectedId, onChange, isDisabled }) => {
     RadioWrapper,
     {
       ref: radioReference,
-      $isDisabled: isDisabled,
+      $isDisabled: isDisabled ?? false,
       onFocus: (e3) => {
         if (isDisabled || e3.target !== radioReference.current) return;
         setIsFocused(true);
@@ -82571,7 +82574,7 @@ const RowLabelValue = ({
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(RowSkeleton, { isFullWidth }) }) : getBadgeOrTypography(badgeProps, value2) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(RowSkeleton, { isFullWidth: isFullWidth ?? false }) }) : getBadgeOrTypography(badgeProps, value2) })
   ] });
 };
 const ActionsContainer = styled.div`
@@ -82621,13 +82624,13 @@ const Row = ({
           RowLabelValue,
           {
             label,
-            value: value2,
+            value: value2 ?? "",
             isFullWidth,
             isLoading,
             badgeProps: badgeProperties
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(RowActions, { actions })
+        /* @__PURE__ */ jsxRuntime.jsx(RowActions, { actions: actions ?? null })
       ]
     }
   );
@@ -82682,11 +82685,14 @@ const SegmentedControls = ({
     value: id2,
     icon
   }));
+  const handleChange = (value2) => {
+    onChange(String(value2));
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
     SegmentedControls$1,
     {
       options: antOptions,
-      onChange,
+      onChange: handleChange,
       value: selectedTabId,
       block: isScaled
     }
@@ -82944,6 +82950,7 @@ const Select = ({
     }
   };
   const getSelectModeValue = (value22) => {
+    if (!value22) return "";
     if (Array.isArray(value22)) {
       if (selectDisplayMode === "count") {
         return `${value22.length} selected`;
@@ -83935,7 +83942,7 @@ const PrimaryTableControlsRow = ({
   const onSortChange = (value2) => {
     const sortActionEvent = {
       event: "primarySortChange",
-      payload: { value: value2 }
+      payload: { value: Array.isArray(value2) ? value2[0] : value2 }
     };
     onChange?.(sortActionEvent);
   };
@@ -84137,7 +84144,7 @@ const SecondaryTableControlsRow = ({
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(GroupsRow, { groups, onGroupItemClick }),
-        totalRecords > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null
+        (totalRecords ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null
       ]
     }
   );
@@ -84198,7 +84205,7 @@ const TableWithControls = ({
   const onTableChange = (pagination, filters, sorter) => {
     onChange({
       event: "tableChange",
-      payload: { pagination, filters, sorter }
+      payload: { value: "tableChange", pagination, filters, sorter }
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/index.js

@@ -82110,6 +82110,9 @@ const getTextComponent = (firstBarData, secondBarData, stateColor, theme, isText
   );
 };
 const getCombinedPercent = (firstBarData, secondBarData) => {
+  if (secondBarData?.value === 0) {
+    return firstBarData?.value;
+  }
   if (firstBarData?.value && secondBarData?.value) {
     const total = firstBarData?.value + secondBarData?.value;
     const dividedBy = total / 2;
@@ -82384,7 +82387,7 @@ const Radio = ({ id: id2, label, selectedId, onChange, isDisabled }) => {
     RadioWrapper,
     {
       ref: radioReference,
-      $isDisabled: isDisabled,
+      $isDisabled: isDisabled ?? false,
       onFocus: (e3) => {
         if (isDisabled || e3.target !== radioReference.current) return;
         setIsFocused(true);
@@ -82553,7 +82556,7 @@ const RowLabelValue = ({
         children: label
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { children: isLoading ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(RowSkeleton, { isFullWidth }) }) : getBadgeOrTypography(badgeProps, value2) })
+    /* @__PURE__ */ jsx("div", { children: isLoading ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(RowSkeleton, { isFullWidth: isFullWidth ?? false }) }) : getBadgeOrTypography(badgeProps, value2) })
   ] });
 };
 const ActionsContainer = styled.div`
@@ -82603,13 +82606,13 @@ const Row = ({
           RowLabelValue,
           {
             label,
-            value: value2,
+            value: value2 ?? "",
             isFullWidth,
             isLoading,
             badgeProps: badgeProperties
           }
         ),
-        /* @__PURE__ */ jsx(RowActions, { actions })
+        /* @__PURE__ */ jsx(RowActions, { actions: actions ?? null })
       ]
     }
   );
@@ -82664,11 +82667,14 @@ const SegmentedControls = ({
     value: id2,
     icon
   }));
+  const handleChange = (value2) => {
+    onChange(String(value2));
+  };
   return /* @__PURE__ */ jsx(
     SegmentedControls$1,
     {
       options: antOptions,
-      onChange,
+      onChange: handleChange,
       value: selectedTabId,
       block: isScaled
     }
@@ -82926,6 +82932,7 @@ const Select = ({
     }
   };
   const getSelectModeValue = (value22) => {
+    if (!value22) return "";
     if (Array.isArray(value22)) {
       if (selectDisplayMode === "count") {
         return `${value22.length} selected`;
@@ -83917,7 +83924,7 @@ const PrimaryTableControlsRow = ({
   const onSortChange = (value2) => {
     const sortActionEvent = {
       event: "primarySortChange",
-      payload: { value: value2 }
+      payload: { value: Array.isArray(value2) ? value2[0] : value2 }
     };
     onChange?.(sortActionEvent);
   };
@@ -84119,7 +84126,7 @@ const SecondaryTableControlsRow = ({
       },
       children: [
         /* @__PURE__ */ jsx(GroupsRow, { groups, onGroupItemClick }),
-        totalRecords > 0 ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null
+        (totalRecords ?? 0) > 0 ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null
       ]
     }
   );
@@ -84180,7 +84187,7 @@ const TableWithControls = ({
   const onTableChange = (pagination, filters, sorter) => {
     onChange({
       event: "tableChange",
-      payload: { pagination, filters, sorter }
+      payload: { value: "tableChange", pagination, filters, sorter }
     });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",