@fluidattacks/design 3.23.2-pr → 3.24.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/dist/components/@core/index.js +1 -1
  2. package/dist/components/accordion/accordion-content/index.js +1 -1
  3. package/dist/components/accordion/index.js +1 -1
  4. package/dist/components/alert/index.js +1 -1
  5. package/dist/components/avatar/index.js +1 -1
  6. package/dist/components/button/index.js +1 -1
  7. package/dist/components/card/card-header/index.js +1 -1
  8. package/dist/components/card/card-with-image/index.js +1 -1
  9. package/dist/components/card/card-with-input/index.js +1 -1
  10. package/dist/components/card/card-with-options/index.js +1 -1
  11. package/dist/components/card/card-with-selector/index.js +1 -1
  12. package/dist/components/card/card-with-switch/index.js +1 -1
  13. package/dist/components/card/index.js +1 -1
  14. package/dist/components/carousel/index.js +1 -1
  15. package/dist/components/checkbox/index.js +1 -1
  16. package/dist/components/cloud-image/index.js +1 -1
  17. package/dist/components/code-snippet/index.js +1 -1
  18. package/dist/components/code-snippet/location-code/index.js +1 -1
  19. package/dist/components/colors/index.js +1 -1
  20. package/dist/components/conditions-dialog/index.js +1 -1
  21. package/dist/components/confirm-dialog/index.js +1 -1
  22. package/dist/components/container/index.js +1 -1
  23. package/dist/components/copy-button/index.js +1 -1
  24. package/dist/components/divider/index.js +1 -1
  25. package/dist/components/dropdown/index.js +1 -1
  26. package/dist/components/empty-state/empty-button/index.js +1 -1
  27. package/dist/components/empty-state/index.js +1 -1
  28. package/dist/components/file-preview/index.js +1 -1
  29. package/dist/components/form/index.js +1 -1
  30. package/dist/components/form/inner-form/index.js +1 -1
  31. package/dist/components/grid-container/index.js +1 -1
  32. package/dist/components/group-selector/index.js +1 -1
  33. package/dist/components/group-selector/option-container/index.js +1 -1
  34. package/dist/components/icon/index.js +1 -1
  35. package/dist/components/icon-button/index.js +1 -1
  36. package/dist/components/indicator-card/index.js +1 -1
  37. package/dist/components/info-sidebar/index.js +1 -1
  38. package/dist/components/inputs/fields/combobox/field/index.js +1 -1
  39. package/dist/components/inputs/fields/combobox/index.js +1 -1
  40. package/dist/components/inputs/fields/combobox/option/index.js +1 -1
  41. package/dist/components/inputs/fields/date/calendar/cell/index.js +1 -1
  42. package/dist/components/inputs/fields/date/calendar/grid/index.js +1 -1
  43. package/dist/components/inputs/fields/date/calendar/header/index.js +1 -1
  44. package/dist/components/inputs/fields/date/calendar/index.js +1 -1
  45. package/dist/components/inputs/fields/date/index.js +1 -1
  46. package/dist/components/inputs/fields/date-range/calendar/index.js +1 -1
  47. package/dist/components/inputs/fields/date-range/index.js +1 -1
  48. package/dist/components/inputs/fields/date-time/calendar/index.js +1 -1
  49. package/dist/components/inputs/fields/date-time/index.js +1 -1
  50. package/dist/components/inputs/fields/editable/index.js +1 -1
  51. package/dist/components/inputs/fields/input/index.js +1 -1
  52. package/dist/components/inputs/fields/input-array/field/index.js +1 -1
  53. package/dist/components/inputs/fields/input-array/index.js +1 -1
  54. package/dist/components/inputs/fields/input-file/index.js +1 -1
  55. package/dist/components/inputs/fields/input-tags/field/index.js +1 -1
  56. package/dist/components/inputs/fields/input-tags/index.js +1 -1
  57. package/dist/components/inputs/fields/number/index.js +1 -1
  58. package/dist/components/inputs/fields/number-range/index.js +1 -1
  59. package/dist/components/inputs/fields/phone/index.js +1 -1
  60. package/dist/components/inputs/fields/text-area/index.js +1 -1
  61. package/dist/components/inputs/index.js +1 -1
  62. package/dist/components/inputs/label/index.js +1 -1
  63. package/dist/components/inputs/outline-container/index.js +1 -1
  64. package/dist/components/inputs/utils/action-button/index.js +1 -1
  65. package/dist/components/inputs/utils/calendar-button/index.js +1 -1
  66. package/dist/components/inputs/utils/date-selector/index.js +1 -1
  67. package/dist/components/inputs/utils/date-time-field/index.js +1 -1
  68. package/dist/components/inputs/utils/dialog/index.js +1 -1
  69. package/dist/components/inputs/utils/number-field/index.js +1 -1
  70. package/dist/components/inputs/utils/popover/index.js +1 -1
  71. package/dist/components/layout/categories/buttons/index.js +1 -1
  72. package/dist/components/layout/categories/column/index.js +1 -1
  73. package/dist/components/layout/categories/gap/index.js +1 -1
  74. package/dist/components/layout/categories/row/index.js +1 -1
  75. package/dist/components/layout/index.js +1 -1
  76. package/dist/components/link/index.js +1 -1
  77. package/dist/components/list-item/index.js +1 -1
  78. package/dist/components/little-flag/index.js +1 -1
  79. package/dist/components/loading/index.js +1 -1
  80. package/dist/components/logo/index.js +1 -1
  81. package/dist/components/lottie/index.js +1 -1
  82. package/dist/components/menu/index.js +1 -1
  83. package/dist/components/message-banner/index.js +1 -1
  84. package/dist/components/modal/columns-modal/index.js +1 -1
  85. package/dist/components/modal/columns-modal/preview-panel/index.js +1 -1
  86. package/dist/components/modal/columns-modal/search-panel/index.js +1 -1
  87. package/dist/components/modal/filters-modal/applied-filter/index.js +1 -1
  88. package/dist/components/modal/filters-modal/applied-filters/index.js +1 -1
  89. package/dist/components/modal/filters-modal/column-filters/index.js +1 -1
  90. package/dist/components/modal/filters-modal/filter-control/index.js +1 -1
  91. package/dist/components/modal/filters-modal/filter-form/form-content/index.js +1 -1
  92. package/dist/components/modal/filters-modal/filter-form/hooks/index.js +1 -1
  93. package/dist/components/modal/filters-modal/filter-form/index.js +1 -1
  94. package/dist/components/modal/filters-modal/filters-list/index.js +1 -1
  95. package/dist/components/modal/filters-modal/index.js +1 -1
  96. package/dist/components/modal/footer/index.js +1 -1
  97. package/dist/components/modal/header/index.js +1 -1
  98. package/dist/components/modal/index.js +1 -1
  99. package/dist/components/modal/modal-confirm/index.js +1 -1
  100. package/dist/components/notification/index.js +1 -1
  101. package/dist/components/notification-sign/index.js +1 -1
  102. package/dist/components/number-input/index.js +1 -1
  103. package/dist/components/oauth-selector/index.js +1 -1
  104. package/dist/components/oauth-selector/option-container/index.js +1 -1
  105. package/dist/components/plan-card/index.js +1 -1
  106. package/dist/components/plan-card/recommended-tag/index.js +1 -1
  107. package/dist/components/pop-up/description/index.js +1 -1
  108. package/dist/components/pop-up/index.js +1 -1
  109. package/dist/components/premium-feature/index.js +1 -1
  110. package/dist/components/priority-score/index.js +1 -1
  111. package/dist/components/progress-bar/index.js +1 -1
  112. package/dist/components/progress-indicator/in-progress-icon/index.js +1 -1
  113. package/dist/components/progress-indicator/index.js +1 -1
  114. package/dist/components/progress-indicator/step/index.js +1 -1
  115. package/dist/components/radio-button/index.js +1 -1
  116. package/dist/components/scroll-button/index.js +1 -1
  117. package/dist/components/search/index.js +1 -1
  118. package/dist/components/severity-badge/index.js +1 -1
  119. package/dist/components/severity-overview/badge/index.js +1 -1
  120. package/dist/components/severity-overview/index.js +1 -1
  121. package/dist/components/show-on-hover/index.js +1 -1
  122. package/dist/components/slide-out-menu/index.js +1 -1
  123. package/dist/components/slide-out-menu/menu-item/index.js +1 -1
  124. package/dist/components/slider/index.js +1 -1
  125. package/dist/components/slider/thumb/index.js +1 -1
  126. package/dist/components/step-lapse/index.js +1 -1
  127. package/dist/components/table/context/index.js +1 -1
  128. package/dist/components/table/export-csv/index.js +1 -1
  129. package/dist/components/table/index.js +1 -1
  130. package/dist/components/table/index.stories.d.ts +3 -2
  131. package/dist/components/table/pagination/pagination-control/index.js +1 -1
  132. package/dist/components/table/pagination/pagination-dropdown/index.js +1 -1
  133. package/dist/components/table/pagination/pagination-size/index.js +1 -1
  134. package/dist/components/table/sort-icon/index.js +1 -1
  135. package/dist/components/table/table-body/index.js +1 -1
  136. package/dist/components/table/table-column-toggle/index.js +1 -1
  137. package/dist/components/table/table-content/head/index.js +1 -1
  138. package/dist/components/table/table-content/index.js +1 -1
  139. package/dist/components/table/table-footer/footer-content/index.js +1 -1
  140. package/dist/components/table/table-footer/index.js +1 -1
  141. package/dist/components/table/table-options/caption-content/index.js +1 -1
  142. package/dist/components/table/table-options/controls-content/index.js +1 -1
  143. package/dist/components/table/table-options/highlighted-content/index.js +1 -1
  144. package/dist/components/table/table-options/index.js +1 -1
  145. package/dist/components/table/wrapper/index.js +1 -1
  146. package/dist/components/table-button/index.js +1 -1
  147. package/dist/components/tabs/index.js +1 -1
  148. package/dist/components/tabs/tab/index.js +1 -1
  149. package/dist/components/tag/index.js +1 -1
  150. package/dist/components/timeline/card/index.js +1 -1
  151. package/dist/components/timeline/index.js +1 -1
  152. package/dist/components/toggle/index.js +1 -1
  153. package/dist/components/tooltip/index.js +1 -1
  154. package/dist/components/tour/index.js +1 -1
  155. package/dist/components/typography/heading/index.js +1 -1
  156. package/dist/components/typography/index.js +1 -1
  157. package/dist/components/typography/span/index.js +1 -1
  158. package/dist/components/typography/text/index.js +1 -1
  159. package/dist/{components-C6ax3s2J.mjs → components-CCvesZHP.mjs} +86 -70
  160. package/dist/{components-DF2jqJxA.js → components-CpOLOARp.js} +39 -31
  161. package/dist/hooks/index.js +1 -1
  162. package/dist/index.js +1 -1
  163. package/package.json +1 -1
@@ -1462,7 +1462,7 @@
1462
1462
  }
1463
1463
 
1464
1464
  `}
1465
- `,Lo=l.st.span.attrs({className:"checkmark"})``,nt=x.forwardRef(function({defaultChecked:n=!1,disabled:i=!1,label:o,name:r,onChange:a,onClick:c,value:s,...d},p){return t.jsxs(Do,{"aria-disabled":i,"aria-label":o??r,role:"radiogroup",children:[t.jsx("input",{"aria-checked":n,"aria-disabled":i,"aria-label":o??r,defaultChecked:n,disabled:i,name:r,onChange:a,onClick:c,ref:p,type:"radio",value:s,...d}),t.jsx(Lo,{}),o??null]})}),Ao=({alt:e,customDescription:n,imageId:i,icon:o,selectorProps:r,onClick:a,register:c,bgColor:s,title:d,isATag:p=!1,width:g="fit-content"})=>{const u=l.Je();return t.jsxs(y,{alignItems:"center",bgColor:s??"",border:`1px solid ${u.palette.gray[200]}`,borderColorHover:u.palette.gray[600],borderRadius:u.spacing[.25],display:"inline-flex",pr:p?1:0,shadowHover:"md",width:g,children:[t.jsxs(y,{display:"inline-flex",padding:[1,1,1,1],children:[t.jsx(y,{alignSelf:"start",display:"flex",width:"fit-content",children:t.jsx(nt,{defaultChecked:r.defaultChecked,name:r.name,onClick:a,value:r.value,...c==null?void 0:c(r.name)})}),t.jsxs(y,{alignItems:"center",display:"flex",gap:.5,justify:"space-between",ml:1,mr:1,width:"100%",children:[!p&&i!==void 0&&t.jsx(ee,{alt:e??"card image",height:"32px",publicId:i,width:"32px"}),o===void 0?void 0:t.jsx(E,{icon:o,iconSize:"sm",iconType:"fa-light"}),t.jsxs(y,{display:"flex",flexDirection:"column",width:"100%",children:[t.jsx(z,{color:u.palette.gray[800],fontWeight:"bold",size:"sm",children:d}),n===void 0?void 0:t.jsx(y,{children:n})]})]})]}),p&&t.jsx(Ro,{children:t.jsx(ee,{alt:e??"tag image",height:"40px",publicId:i??"tag image",width:"40px"})})]})},de=l.st.div`
1465
+ `,Lo=l.st.span.attrs({className:"checkmark"})``,nt=x.forwardRef(function({checked:n,disabled:i=!1,label:o,name:r,onChange:a,onClick:c,value:s,...d},p){return t.jsxs(Do,{"aria-disabled":i,"aria-label":o??r,role:"radiogroup",children:[t.jsx("input",{"aria-checked":n,"aria-disabled":i,"aria-label":o??r,checked:n,disabled:i,name:r,onChange:a,onClick:c,ref:p,type:"radio",value:s,...d}),t.jsx(Lo,{}),o??null]})}),Ao=({alt:e,customDescription:n,imageId:i,icon:o,selectorProps:r,onClick:a,register:c,bgColor:s,title:d,isATag:p=!1,width:g="fit-content"})=>{const u=l.Je();return t.jsxs(y,{alignItems:"center",bgColor:s??"",border:`1px solid ${u.palette.gray[200]}`,borderColorHover:u.palette.gray[600],borderRadius:u.spacing[.25],display:"inline-flex",pr:p?1:0,shadowHover:"md",width:g,children:[t.jsxs(y,{display:"inline-flex",padding:[1,1,1,1],children:[t.jsx(y,{alignSelf:"start",display:"flex",width:"fit-content",children:t.jsx(nt,{defaultChecked:r.defaultChecked,name:r.name,onClick:a,value:r.value,...c==null?void 0:c(r.name)})}),t.jsxs(y,{alignItems:"center",display:"flex",gap:.5,justify:"space-between",ml:1,mr:1,width:"100%",children:[!p&&i!==void 0&&t.jsx(ee,{alt:e??"card image",height:"32px",publicId:i,width:"32px"}),o===void 0?void 0:t.jsx(E,{icon:o,iconSize:"sm",iconType:"fa-light"}),t.jsxs(y,{display:"flex",flexDirection:"column",width:"100%",children:[t.jsx(z,{color:u.palette.gray[800],fontWeight:"bold",size:"sm",children:d}),n===void 0?void 0:t.jsx(y,{children:n})]})]})]}),p&&t.jsx(Ro,{children:t.jsx(ee,{alt:e??"tag image",height:"40px",publicId:i??"tag image",width:"40px"})})]})},de=l.st.div`
1466
1466
  ${({theme:e})=>`
1467
1467
  align-items: center;
1468
1468
  background-color: ${e.palette.gray[200]};
@@ -2661,10 +2661,6 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2661
2661
  border-bottom: none;
2662
2662
  }
2663
2663
 
2664
- table tr:hover {
2665
- background-color: ${({theme:e})=>e.palette.gray[50]};
2666
- }
2667
-
2668
2664
  table thead tr:hover {
2669
2665
  background-color: transparent;
2670
2666
  }
@@ -2684,6 +2680,15 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2684
2680
  }
2685
2681
  }
2686
2682
 
2683
+ table tr:hover:not([aria-expanded="true"], #description) {
2684
+ background-color: ${({theme:e})=>e.palette.gray[50]};
2685
+ }
2686
+
2687
+ table tr#description {
2688
+ align-items: center;
2689
+ background-color: ${({theme:e})=>e.palette.gray[50]};
2690
+ }
2691
+
2687
2692
  table tbody tr.row-no-data {
2688
2693
  &:hover {
2689
2694
  background-color: ${({theme:e})=>e.palette.white};
@@ -2701,7 +2706,8 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2701
2706
 
2702
2707
  th {
2703
2708
  position: relative;
2704
- font-weight: 700;
2709
+ font-size: ${({theme:e})=>e.typography.text.sm};
2710
+ font-weight: ${({theme:e})=>e.typography.weight.bold};
2705
2711
  color: ${({theme:e})=>e.palette.gray[800]};
2706
2712
  padding: unset;
2707
2713
  height: ${({theme:e})=>e.spacing[3]};
@@ -2735,6 +2741,7 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2735
2741
  }
2736
2742
 
2737
2743
  tbody tr:not(.row-no-data) td {
2744
+ font-size: ${({theme:e})=>e.typography.text.sm};
2738
2745
  white-space: pre-line;
2739
2746
  padding-left: 10px;
2740
2747
 
@@ -2775,32 +2782,33 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2775
2782
  }
2776
2783
  }
2777
2784
  `,Xa=l.st.div`
2778
- display: flex;
2779
- flex-direction: column;
2780
- align-items: stretch;
2781
- flex: 1 0 auto;
2782
- padding-right: 5px;
2783
- width: ${({$width:e})=>`${e}px`};
2785
+ ${({$width:e,theme:n})=>`
2786
+ display: flex;
2787
+ flex-direction: column;
2788
+ align-items: stretch;
2789
+ flex: 1 0 auto;
2790
+ padding-right: 5px;
2791
+ width: ${e}px;
2784
2792
 
2785
- div {
2786
- position: relative;
2787
- font-weight: 400;
2788
- font-size: ${({theme:e})=>e.typography.text.sm};
2789
- text-align: left;
2793
+ div {
2794
+ position: relative;
2795
+ font-weight: 400;
2796
+ font-size: ${n.typography.text.sm};
2797
+ text-align: left;
2790
2798
 
2791
- color: ${({theme:e})=>e.palette.gray[600]};
2792
- background-color: ${({theme:e})=>e.palette.gray[200]};
2793
- border-radius: 4px;
2794
- padding: ${({theme:e})=>e.spacing[.625]};
2795
- margin-top: ${({theme:e})=>e.spacing[.5]};
2796
- margin-bottom: ${({theme:e})=>e.spacing[.5]};
2797
- height: ${({theme:e})=>e.spacing[2.25]};
2799
+ color: ${n.palette.gray[600]};
2800
+ background-color: ${n.palette.gray[100]};
2801
+ border-radius: ${n.spacing[.25]};
2802
+ padding: ${n.spacing[.5]} ${n.spacing[.75]};
2803
+ margin: ${n.spacing[.5]} 0;
2804
+ height: ${n.spacing[2.25]};
2798
2805
 
2799
- span {
2800
- text-decoration: underline;
2801
- cursor: pointer;
2806
+ span {
2807
+ text-decoration: underline;
2808
+ cursor: pointer;
2809
+ }
2802
2810
  }
2803
- }
2811
+ `}
2804
2812
  `,Qa=l.st.div`
2805
2813
  align-items: center;
2806
2814
  background-color: ${({theme:e})=>e.palette.gray[50]};
@@ -2854,7 +2862,7 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2854
2862
  display: flex;
2855
2863
  overflow-wrap: anywhere;
2856
2864
  width: ${({$width:e})=>e}px;
2857
- `,Tn=()=>{const e=l.Je(),{table:n}=x.useContext(q),{loading:i}=(n==null?void 0:n.options.meta)??{},o=x.useMemo(()=>{const{enableRowSelection:s,enableMultiRowSelection:d}=(n==null?void 0:n.options)??{};return s||d?1:0},[n==null?void 0:n.options]),r=x.useCallback((s,d)=>{if(d===o)return p=>{var g,u;p.stopPropagation(),(u=(g=n==null?void 0:n.options)==null?void 0:g.onRowClick)==null||u.call(g,s)}},[o,n]),a=x.useCallback(s=>d=>{d.stopPropagation(),s.toggleExpanded()},[]),c=x.useCallback(s=>{const{meta:d}=(n==null?void 0:n.options)??{},{onExpand:p=void 0}=d??{};return p?p(s):null},[n]);return i?t.jsx("tbody",{children:t.jsx("tr",{className:"row-loading","data-testid":"row-loading",children:t.jsx("td",{colSpan:(n==null?void 0:n.getVisibleLeafColumns().length)??0,children:t.jsx(y,{alignItems:"center",display:"flex",justify:"center",width:"100%",children:t.jsx(yn,{size:"md"})})})})}):(n==null?void 0:n.getRowModel().rows.length)===0?t.jsx("tbody",{children:t.jsx("tr",{className:"row-no-data","data-testid":"row-no-data",children:t.jsx("td",{colSpan:n.getVisibleLeafColumns().length+1,children:t.jsx(z,{color:e.palette.gray[800],size:"sm",textAlign:"center",children:"No data to display"})})})}):t.jsx("tbody",{children:n==null?void 0:n.getRowModel().rows.map(s=>t.jsxs(x.Fragment,{children:[t.jsx("tr",{"data-testid":`row-${s.id}`,children:s.getVisibleCells().map((d,p)=>t.jsx("td",{className:p===o&&n.options.onRowClick?"clickable":"","data-testid":`cell-${d.id}`,onClick:r(s,p),children:t.jsxs(es,{$width:`${d.column.getSize()}`,children:[p===o&&s.getCanExpand()?t.jsx("button",{onClick:a(s),style:{cursor:"pointer",marginRight:"1rem"},children:t.jsx(E,{icon:s.getIsExpanded()?"angle-up":"angle-down",iconSize:"xs"})}):void 0,l.flexRender(d.column.columnDef.cell,d.getContext())]})},d.id))}),s.getIsExpanded()?t.jsx("tr",{"data-testid":`row-${s.id}-expand`,children:t.jsx("td",{colSpan:100,children:c(s)})}):void 0]},s.id))})},En=()=>{const{containerRef:e,hidden:n,elementName:i,handleUnselectAll:o,onKeyDown:r,selected:a,tableSize:c,tableRef:s}=x.useContext(q);return t.jsxs("div",{ref:e,children:[n?void 0:t.jsx(Xa,{$width:c,children:t.jsxs("div",{children:[t.jsx("b",{children:`${a} ${i} `}),`${a===1?"has":"have"} been selected. `,t.jsx("span",{onClick:o,onKeyDown:r,role:"link",tabIndex:0,children:"Unselect all"})]})}),t.jsxs("table",{ref:s,children:[t.jsx(In,{}),t.jsx(Tn,{})]})]})},kt=l.st(M)`
2865
+ `,Tn=()=>{const e=l.Je(),{table:n}=x.useContext(q),{loading:i}=(n==null?void 0:n.options.meta)??{},o=x.useMemo(()=>{const{enableRowSelection:s,enableMultiRowSelection:d}=(n==null?void 0:n.options)??{};return s||d?1:0},[n==null?void 0:n.options]),r=x.useCallback((s,d)=>{if(d===o)return p=>{var g,u;p.stopPropagation(),(u=(g=n==null?void 0:n.options)==null?void 0:g.onRowClick)==null||u.call(g,s)}},[o,n]),a=x.useCallback(s=>d=>{d.stopPropagation(),s.toggleExpanded()},[]),c=x.useCallback(s=>{const{meta:d}=(n==null?void 0:n.options)??{},{onExpand:p=void 0}=d??{};return p?p(s):null},[n]);return i?t.jsx("tbody",{children:t.jsx("tr",{className:"row-loading","data-testid":"row-loading",children:t.jsx("td",{colSpan:(n==null?void 0:n.getVisibleLeafColumns().length)??0,children:t.jsx(y,{alignItems:"center",display:"flex",justify:"center",width:"100%",children:t.jsx(yn,{size:"md"})})})})}):(n==null?void 0:n.getRowModel().rows.length)===0?t.jsx("tbody",{children:t.jsx("tr",{className:"row-no-data","data-testid":"row-no-data",children:t.jsx("td",{colSpan:n.getVisibleLeafColumns().length+1,children:t.jsx(z,{color:e.palette.gray[800],size:"sm",textAlign:"center",children:"No data to display"})})})}):t.jsx("tbody",{children:n==null?void 0:n.getRowModel().rows.map(s=>t.jsxs(x.Fragment,{children:[t.jsx("tr",{"aria-expanded":s.getIsExpanded(),"data-testid":`row-${s.id}`,children:s.getVisibleCells().map((d,p)=>t.jsx("td",{className:p===o&&n.options.onRowClick?"clickable":"","data-testid":`cell-${d.id}`,onClick:r(s,p),children:t.jsxs(es,{$width:`${d.column.getSize()}`,children:[p===o&&s.getCanExpand()?t.jsx("button",{onClick:a(s),style:{cursor:"pointer",marginRight:"1rem"},children:t.jsx(E,{icon:s.getIsExpanded()?"angle-up":"angle-down",iconSize:"xs",iconType:"fa-light"})}):void 0,l.flexRender(d.column.columnDef.cell,d.getContext())]})},d.id))}),s.getIsExpanded()?t.jsx("tr",{"data-testid":`row-${s.id}-expand`,id:"description",children:t.jsx("td",{colSpan:100,children:c(s)})}):void 0]},s.id))})},En=()=>{const{containerRef:e,hidden:n,elementName:i,handleUnselectAll:o,onKeyDown:r,selected:a,tableSize:c,tableRef:s}=x.useContext(q);return t.jsxs("div",{ref:e,children:[n?void 0:t.jsx(Xa,{$width:c,children:t.jsxs("div",{children:[t.jsx("b",{children:`${a} ${i} `}),`${a===1?"has":"have"} been selected. `,t.jsx("span",{onClick:o,onKeyDown:r,role:"link",tabIndex:0,children:"Unselect all"})]})}),t.jsxs("table",{ref:s,children:[t.jsx(In,{}),t.jsx(Tn,{})]})]})},kt=l.st(M)`
2858
2866
  ${({theme:e,$padding:n})=>`
2859
2867
  background-color: ${e.palette.white};
2860
2868
  border: 1px solid ${e.palette.gray[200]};
@@ -2931,7 +2939,7 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2931
2939
  display: flex;
2932
2940
  flex: 1 0 50%;
2933
2941
 
2934
- :first-child:not(#actions-container, #columns-toggle-btn, #filter-btn) {
2942
+ .controls-container > :first-child {
2935
2943
  display: flex;
2936
2944
  align-items: center;
2937
2945
  gap: ${({theme:e})=>e.spacing[.125]};
@@ -2958,7 +2966,7 @@ ${h[8]}...`:(h.length<8&&d(!1),n)},[a,n,e]),u=x.useMemo(g,[g]),f=x.useCallback(a
2958
2966
  .highlight-container ~ .controls-container {
2959
2967
  flex: 1 0 100%;
2960
2968
  }
2961
- `,ls=500,An=({children:e})=>{const{table:n}=x.useContext(q),{onSearch:i,search:o,searchPlaceholder:r}=(n==null?void 0:n.options.meta)??{},a=x.useRef(null);x.useEffect(()=>{o===""&&(a.current.value="")},[o]);const c=tt(s=>{i==null||i(s.target.value)},ls);return t.jsxs(ss,{children:[i===void 0?void 0:t.jsx(rs,{children:t.jsx(ae,{name:"search",onChange:c,placeholder:r,ref:a})}),e]})},Pn=({children:e})=>t.jsx(y,{display:"flex",flexDirection:"column",children:t.jsx("div",{className:"caption-container",children:e})}),Mn=({children:e})=>t.jsx(as,{children:e}),On=({children:e})=>t.jsx("div",{className:"highlight-container",children:e}),cs=160,Wn=({children:e,table:n})=>{var u;const i=x.useRef(null),o=x.useRef(null),{id:r}=n.options.meta??{},a=Object.keys(n.getState().rowSelection).length,c=a===1?"item":"items",s=a===0,d=Math.max(((u=i.current)==null?void 0:u.clientWidth)??0,n.getTotalSize()+cs),p=x.useCallback(()=>{n.resetRowSelection()},[n]),g=x.useCallback(f=>{f.key==="Enter"&&p()},[p]);return x.useEffect(()=>{n.setPageIndex(0)},[n]),t.jsx(q.Provider,{value:{containerRef:i,elementName:c,handleUnselectAll:p,hidden:s,onKeyDown:g,selected:a,tableSize:d,tableRef:o,table:n},children:t.jsx(qa,{id:r,children:e})})},ds=Object.assign(Wn,{Caption:Pn,Columns:zn,Content:En,Controls:Mn,Export:Sn,Footer:Dn,FooterContent:Ln,Highlighted:On,Options:An}),ps=l.st.button`
2969
+ `,ls=500,An=({children:e})=>{const{table:n}=x.useContext(q),{onSearch:i,search:o,searchPlaceholder:r}=(n==null?void 0:n.options.meta)??{},a=x.useRef(null);x.useEffect(()=>{o===""&&(a.current.value="")},[o]);const c=tt(s=>{i==null||i(s.target.value)},ls);return t.jsxs(ss,{children:[i===void 0?void 0:t.jsx(rs,{children:t.jsx(ae,{name:"search",onChange:c,placeholder:r,ref:a})}),e]})},Pn=({children:e})=>t.jsx(y,{display:"flex",flexDirection:"column",children:t.jsx("div",{className:"caption-container",children:e})}),Mn=({children:e})=>t.jsx(as,{children:e}),On=({children:e})=>t.jsx("div",{className:"highlight-container",children:e}),cs=160,Wn=({children:e,table:n})=>{var f;const i=x.useRef(null),o=x.useRef(null),{id:r}=n.options.meta??{},{enableMultiRowSelection:a}=(n==null?void 0:n.options)??{},c=Object.keys(n.getState().rowSelection).length,s=c===1?"item":"items",d=c===0||!a,p=Math.max(((f=i.current)==null?void 0:f.clientWidth)??0,n.getTotalSize()+cs),g=x.useCallback(()=>{n.resetRowSelection()},[n]),u=x.useCallback(h=>{h.key==="Enter"&&g()},[g]);return x.useEffect(()=>{n.setPageIndex(0)},[n]),t.jsx(q.Provider,{value:{containerRef:i,elementName:s,handleUnselectAll:g,hidden:d,onKeyDown:u,selected:c,tableSize:p,tableRef:o,table:n},children:t.jsx(qa,{id:r,children:e})})},ds=Object.assign(Wn,{Caption:Pn,Columns:zn,Content:En,Controls:Mn,Export:Sn,Footer:Dn,FooterContent:Ln,Highlighted:On,Options:An}),ps=l.st.button`
2962
2970
  ${({theme:e})=>`
2963
2971
  align-items: center;
2964
2972
  background-color: ${e.palette.white};
@@ -1 +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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../components-CpOLOARp.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 CHANGED
@@ -1 +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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components-CpOLOARp.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 CHANGED
@@ -119,5 +119,5 @@
119
119
  "test-storybook": "test-storybook"
120
120
  },
121
121
  "typings": "./dist/index.d.ts",
122
- "version": "3.23.2-pr"
122
+ "version": "3.24.2"
123
123
  }