@fluidattacks/design 3.23.2-pr → 3.24.0

package/dist/{components-C6ax3s2J.mjs → components-oNzzNpso.mjs}

@@ -10818,10 +10818,6 @@ const ze = ({
     border-bottom: none;
   }
 
-  table tr:hover {
-    background-color: ${({ theme: e }) => e.palette.gray[50]};
-  }
-
   table thead tr:hover {
     background-color: transparent;
   }
@@ -10841,6 +10837,15 @@ const ze = ({
     }
   }
 
+  table tr:hover:not([aria-expanded="true"], #description) {
+    background-color: ${({ theme: e }) => e.palette.gray[50]};
+  }
+
+  table tr#description {
+    align-items: center;
+    background-color: ${({ theme: e }) => e.palette.gray[50]};
+  }
+
   table tbody tr.row-no-data {
     &:hover {
       background-color: ${({ theme: e }) => e.palette.white};
@@ -10858,7 +10863,8 @@ const ze = ({
 
     th {
       position: relative;
-      font-weight: 700;
+      font-size: ${({ theme: e }) => e.typography.text.sm};
+      font-weight: ${({ theme: e }) => e.typography.weight.bold};
       color: ${({ theme: e }) => e.palette.gray[800]};
       padding: unset;
       height: ${({ theme: e }) => e.spacing[3]};
@@ -10892,6 +10898,7 @@ const ze = ({
   }
 
   tbody tr:not(.row-no-data) td {
+    font-size: ${({ theme: e }) => e.typography.text.sm};
     white-space: pre-line;
     padding-left: 10px;
 
@@ -10932,32 +10939,33 @@ const ze = ({
     }
   }
 `, El = x.div`
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  flex: 1 0 auto;
-  padding-right: 5px;
-  width: ${({ $width: e }) => `${e}px`};
+  ${({ $width: e, theme: t }) => `
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    flex: 1 0 auto;
+    padding-right: 5px;
+    width: ${e}px;
 
-  div {
-    position: relative;
-    font-weight: 400;
-    font-size: ${({ theme: e }) => e.typography.text.sm};
-    text-align: left;
+    div {
+      position: relative;
+      font-weight: 400;
+      font-size: ${t.typography.text.sm};
+      text-align: left;
 
-    color: ${({ theme: e }) => e.palette.gray[600]};
-    background-color: ${({ theme: e }) => e.palette.gray[200]};
-    border-radius: 4px;
-    padding: ${({ theme: e }) => e.spacing[0.625]};
-    margin-top: ${({ theme: e }) => e.spacing[0.5]};
-    margin-bottom: ${({ theme: e }) => e.spacing[0.5]};
-    height: ${({ theme: e }) => e.spacing[2.25]};
+      color: ${t.palette.gray[600]};
+      background-color: ${t.palette.gray[100]};
+      border-radius: ${t.spacing[0.25]};
+      padding: ${t.spacing[0.5]} ${t.spacing[0.75]};
+      margin: ${t.spacing[0.5]} 0;
+      height: ${t.spacing[2.25]};
 
-    span {
-      text-decoration: underline;
-      cursor: pointer;
+      span {
+        text-decoration: underline;
+        cursor: pointer;
+      }
     }
-  }
+  `}
 `, Rl = x.div`
   align-items: center;
   background-color: ${({ theme: e }) => e.palette.gray[50]};
@@ -11185,36 +11193,44 @@ const ze = ({
       children: "No data to display"
     }
   ) }) }) }) : /* @__PURE__ */ i("tbody", { children: t == null ? void 0 : t.getRowModel().rows.map((l) => /* @__PURE__ */ f(Je.Fragment, { children: [
-    /* @__PURE__ */ i("tr", { "data-testid": `row-${l.id}`, children: l.getVisibleCells().map((c, d) => /* @__PURE__ */ i(
-      "td",
+    /* @__PURE__ */ i(
+      "tr",
       {
-        className: d === a && t.options.onRowClick ? "clickable" : "",
-        "data-testid": `cell-${c.id}`,
-        onClick: r(l, d),
-        children: /* @__PURE__ */ f(Ll, { $width: `${c.column.getSize()}`, children: [
-          d === a && l.getCanExpand() ? /* @__PURE__ */ i(
-            "button",
-            {
-              onClick: o(l),
-              style: { cursor: "pointer", marginRight: "1rem" },
-              children: /* @__PURE__ */ i(
-                E,
+        "aria-expanded": l.getIsExpanded(),
+        "data-testid": `row-${l.id}`,
+        children: l.getVisibleCells().map((c, d) => /* @__PURE__ */ i(
+          "td",
+          {
+            className: d === a && t.options.onRowClick ? "clickable" : "",
+            "data-testid": `cell-${c.id}`,
+            onClick: r(l, d),
+            children: /* @__PURE__ */ f(Ll, { $width: `${c.column.getSize()}`, children: [
+              d === a && l.getCanExpand() ? /* @__PURE__ */ i(
+                "button",
                 {
-                  icon: l.getIsExpanded() ? "angle-up" : "angle-down",
-                  iconSize: "xs"
+                  onClick: o(l),
+                  style: { cursor: "pointer", marginRight: "1rem" },
+                  children: /* @__PURE__ */ i(
+                    E,
+                    {
+                      icon: l.getIsExpanded() ? "angle-up" : "angle-down",
+                      iconSize: "xs",
+                      iconType: "fa-light"
+                    }
+                  )
                 }
+              ) : void 0,
+              Ke(
+                c.column.columnDef.cell,
+                c.getContext()
               )
-            }
-          ) : void 0,
-          Ke(
-            c.column.columnDef.cell,
-            c.getContext()
-          )
-        ] })
-      },
-      c.id
-    )) }),
-    l.getIsExpanded() ? /* @__PURE__ */ i("tr", { "data-testid": `row-${l.id}-expand`, children: /* @__PURE__ */ i("td", { colSpan: 100, children: s(l) }) }) : void 0
+            ] })
+          },
+          c.id
+        ))
+      }
+    ),
+    l.getIsExpanded() ? /* @__PURE__ */ i("tr", { "data-testid": `row-${l.id}-expand`, id: "description", children: /* @__PURE__ */ i("td", { colSpan: 100, children: s(l) }) }) : void 0
   ] }, l.id)) });
 }, Pl = () => {
   const {
@@ -11552,17 +11568,17 @@ const ze = ({
   children: e,
   table: t
 }) => {
-  var g;
-  const n = B(null), a = B(null), { id: r } = t.options.meta ?? {}, o = Object.keys(t.getState().rowSelection).length, s = o === 1 ? "item" : "items", l = o === 0, c = Math.max(
-    ((g = n.current) == null ? void 0 : g.clientWidth) ?? 0,
+  var u;
+  const n = B(null), a = B(null), { id: r } = t.options.meta ?? {}, { enableMultiRowSelection: o } = (t == null ? void 0 : t.options) ?? {}, s = Object.keys(t.getState().rowSelection).length, l = s === 1 ? "item" : "items", c = s === 0 || !o, d = Math.max(
+    ((u = n.current) == null ? void 0 : u.clientWidth) ?? 0,
     t.getTotalSize() + ts
-  ), d = v(() => {
+  ), p = v(() => {
     t.resetRowSelection();
-  }, [t]), p = v(
-    (u) => {
-      u.key === "Enter" && d();
+  }, [t]), g = v(
+    (h) => {
+      h.key === "Enter" && p();
     },
-    [d]
+    [p]
   );
   return V(() => {
     t.setPageIndex(0);
@@ -11571,12 +11587,12 @@ const ze = ({
     {
       value: {
         containerRef: n,
-        elementName: s,
-        handleUnselectAll: d,
-        hidden: l,
-        onKeyDown: p,
-        selected: o,
-        tableSize: c,
+        elementName: l,
+        handleUnselectAll: p,
+        hidden: c,
+        onKeyDown: g,
+        selected: s,
+        tableSize: d,
         tableRef: a,
         table: t
       },

package/dist/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-DF2jqJxA.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-BWtOBm2f.js");exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useModal=e.useModal;exports.useSearch=e.useSearch;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-DF2jqJxA.js"),t=require("./vendor-9f4XgOcG.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.AppliedFilters=e.AppliedFilters;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CopyButton=e.CopyButton;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Dropdown=e.Dropdown;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Form=e.Form;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputArray=e.InputArray;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.Lottie=e.Lottie;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.Table=e.Table;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.baseStep=e.baseStep;exports.formatCheckValues=e.formatCheckValues;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConditionsDialog=e.useConditionsDialog;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useFilters=e.useFilters;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.Controller=t.Controller;exports.useController=t.useController;exports.useFieldArray=t.useFieldArray;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-BWtOBm2f.js"),t=require("./vendor-9f4XgOcG.js");exports.Accordion=e.Accordion;exports.Alert=e.Alert;exports.AppliedFilters=e.AppliedFilters;exports.Avatar=e.Avatar;exports.BaseButtonComponent=e.BaseButtonComponent;exports.BaseComponent=e.BaseComponent;exports.BaseSpanComponent=e.BaseSpanComponent;exports.BaseTextComponent=e.BaseTextComponent;exports.Button=e.Button;exports.ButtonToolbarCenter=e.ButtonToolbarCenter;exports.ButtonToolbarRow=e.ButtonToolbarRow;exports.ButtonToolbarStartRow=e.ButtonToolbarStartRow;exports.CardHeader=e.CardHeader;exports.CardWithImage=e.CardWithImage;exports.CardWithInput=e.CardWithInput;exports.CardWithSelector=e.CardWithSelector;exports.CardWithSwitch=e.CardWithSwitch;exports.Carousel=e.Carousel;exports.Checkbox=e.Checkbox;exports.CloudImage=e.MemoizedImage;exports.CodeSnippet=e.CodeSnippet;exports.Col=e.Col;exports.ColumFilters=e.ColumFilters;exports.ColumnsModal=e.ColumnsModal;exports.ComboBox=e.ComboBox;exports.Container=e.Container;exports.CopyButton=e.CopyButton;exports.CustomThemeProvider=e.CustomThemeProvider;exports.Divider=e.Divider;exports.Dropdown=e.Dropdown;exports.Editable=e.Editable;exports.EmptyState=e.EmptyState;exports.FilePreview=e.FilePreview;exports.Form=e.Form;exports.Gap=e.Gap;exports.GridContainer=e.GridContainer;exports.GroupSelector=e.GroupSelector;exports.Heading=e.Heading;exports.Icon=e.Icon;exports.IconButton=e.IconButton;exports.IndicatorCard=e.IndicatorCard;exports.InfoSidebar=e.InfoSidebar;exports.InnerForm=e.InnerForm;exports.Input=e.Input;exports.InputArray=e.InputArray;exports.InputDate=e.InputDate;exports.InputDateRange=e.InputDateRange;exports.InputDateTime=e.InputDateTime;exports.InputFile=e.InputFile;exports.InputNumber=e.InputNumber;exports.InputNumberRange=e.InputNumberRange;exports.InputTags=e.InputTags;exports.Link=e.Link;exports.ListItem=e.ListItem;exports.ListItemsWrapper=e.ListItemsWrapper;exports.LittleFlag=e.LittleFlag;exports.Loading=e.Loading;exports.Logo=e.Logo;exports.Lottie=e.Lottie;exports.Menu=e.Menu;exports.MessageBanner=e.MessageBanner;exports.Modal=e.Modal;exports.ModalConfirm=e.ModalConfirm;exports.ModalFooter=e.ModalFooter;exports.Notification=e.Notification;exports.NotificationSign=e.NotificationSign;exports.NumberInput=e.NumberInput;exports.OAuthSelector=e.OAuthSelector;exports.OptionContainer=e.OptionContainer;exports.OutlineContainer=e.OutlineContainer;exports.PhoneInput=e.PhoneInput;exports.PopUp=e.PopUp;exports.PremiumFeature=e.PremiumFeature;exports.PriorityScore=e.PriorityScore;exports.ProgressBar=e.ProgressBar;exports.ProgressIndicator=e.ProgressIndicator;exports.ProgressStep=e.ProgressStep;exports.RadioButton=e.RadioButton;exports.Row=e.Row;exports.ScrollUpButton=e.ScrollUpButton;exports.Search=e.Search;exports.SeverityBadge=e.SeverityBadge;exports.SeverityOverview=e.SeverityOverview;exports.ShowOnHover=e.ShowOnHover;exports.SlideOutMenu=e.SlideOutMenu;exports.Slider=e.Slider;exports.Span=e.Span;exports.StepLapse=e.StepLapse;exports.Table=e.Table;exports.TableButton=e.TableButton;exports.Tabs=e.Tabs;exports.Tag=e.Tag;exports.Text=e.Text;exports.TextArea=e.TextArea;exports.TimeLine=e.TimeLine;exports.TimeLineCard=e.TimeLineCard;exports.Toggle=e.Toggle;exports.Tooltip=e.Tooltip;exports.Tour=e.Tour;exports.baseStep=e.baseStep;exports.formatCheckValues=e.formatCheckValues;exports.getStyledConfig=e.getStyledConfig;exports.hiddenProps=e.hiddenProps;exports.icons=e.icons;exports.setBorder=e.setBorder;exports.setDisplay=e.setDisplay;exports.setInteraction=e.setInteraction;exports.setMargin=e.setMargin;exports.setPadding=e.setPadding;exports.setPosition=e.setPosition;exports.setText=e.setText;exports.theme=e.theme;exports.uniqueIcons=e.uniqueIcons;exports.useCarousel=e.useCarousel;exports.useClickOutside=e.useClickOutside;exports.useCloudinaryImage=e.useCloudinaryImage;exports.useColumnsModal=e.useColumnsModal;exports.useConditionsDialog=e.useConditionsDialog;exports.useConfirmDialog=e.useConfirmDialog;exports.useDebouncedCallback=e.useDebouncedCallback;exports.useFilters=e.useFilters;exports.useModal=e.useModal;exports.useSearch=e.useSearch;exports.variantBuilder=e.variantBuilder;exports.Controller=t.Controller;exports.useController=t.useController;exports.useFieldArray=t.useFieldArray;exports.useFormContext=t.useFormContext;exports.useWatch=t.useWatch;

package/package.json

@@ -119,5 +119,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.23.2-pr"
+  "version": "3.24.0"
 }