@loadsmart/loadsmart-ui 6.4.0 → 7.0.1

package/src/components/Table/Table.types.ts

@@ -17,7 +17,6 @@ export interface TableProps<T extends Selectable = TableSelectableRow>
   extends HTMLAttributes<HTMLTableElement> {
   scale?: Scale
   selection?: TableSelectionConfig<T>
-  withExpandableRows?: boolean
 }
 
 export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
@@ -57,10 +56,6 @@ export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
   selected?: boolean
 }
 
-export interface TableHeadCellProps extends TableCellProps {
-  capitalized?: boolean
-}
-
 export type TableColumn<T = Record<string, unknown>> = {
   /**
    * The accessor of you entry interface

package/src/testing/DatePickerEvent/DatePickerEvent.ts

@@ -1,6 +1,5 @@
 /* eslint-disable */
-import { act, queries, fireEvent, waitForElementToBeRemoved } from '@testing-library/react'
-
+import { act, queries, fireEvent, waitFor, waitForElementToBeRemoved } from '@testing-library/react'
 // find the date picker container from its input field 🤷
 function getContainerFromInput(input: HTMLElement): HTMLElement {
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -20,10 +19,10 @@ async function expand(input: HTMLElement): Promise<void> {
     return
   }
 
-  await act(async () => {
-    fireEvent.click(input)
+  fireEvent.click(input)
 
-    expect(await queries.findByRole(datePickerContainer, 'menu')).toBeInTheDocument()
+  await waitFor(() => {
+    expect(queries.getByRole(datePickerContainer, 'menu')).toBeInTheDocument()
   })
 }
 
@@ -40,10 +39,10 @@ async function collapse(input: HTMLElement): Promise<void> {
     return
   }
 
-  await act(async () => {
-    fireEvent.click(queries.getByText(datePickerContainer, 'Close'))
+  fireEvent.click(queries.getByText(datePickerContainer, 'Close'))
 
-    await waitForElementToBeRemoved(() => queries.queryByRole(datePickerContainer, 'menu'))
+  await waitFor(() => {
+    expect(queries.queryByRole(datePickerContainer, 'menu')).not.toBeInTheDocument()
   })
 }
 
@@ -59,15 +58,15 @@ async function pick(day: string, input: HTMLElement): Promise<void> {
 
   await expand(input)
 
-  await act(async () => {
+  act(() => {
     input.focus()
+  })
 
-    const dayElement = queries.getByLabelText(datePickerContainer, day)
+  const dayElement = queries.getByLabelText(datePickerContainer, day)
 
-    if (dayElement && dayElement.getAttribute('aria-checked') == 'false') {
-      fireEvent.click(dayElement)
-    }
-  })
+  if (dayElement && dayElement.getAttribute('aria-checked') == 'false') {
+    fireEvent.click(dayElement)
+  }
 
   await collapse(input)
 }
@@ -80,11 +79,9 @@ async function pick(day: string, input: HTMLElement): Promise<void> {
 async function clear(input: HTMLElement): Promise<void> {
   const datePickerContainer = getContainerFromInput(input)
 
-  await act(async () => {
-    const clearButton = queries.getByLabelText(datePickerContainer, 'Clear selection')
+  const clearButton = queries.getByLabelText(datePickerContainer, 'Clear selection')
 
-    fireEvent.click(clearButton)
-  })
+  fireEvent.click(clearButton)
 
   await collapse(input)
 }

package/src/testing/SelectEvent/SelectEvent.ts

@@ -89,8 +89,8 @@ async function expand(input: HTMLElement): Promise<void> {
     input.dispatchEvent(new MouseEvent('click', { bubbles: true }))
   })
 
-  await waitFor(async () => {
-    expect(await within(getSelectContainer(input)).findByRole('listbox')).toBeInTheDocument()
+  await waitFor(() => {
+    expect(within(getSelectContainer(input)).getByRole('listbox')).toBeInTheDocument()
   })
 }
 

package/src/theming/themes/miranda-compatibility.theme.ts

@@ -872,7 +872,7 @@ const mirandaCompatibility = {
   // Table
   'table-row-default-color': color('neutral-white'),
   'table-row-variant-color': toCSSValue('color-neutral-40', 0.2),
-  'table-row-selected-color': toCSSValue('color-primary-60', 0.2),
+  'table-row-selected-color': toCSSValue('color-primary-20'),
 
   // Top Navigation
   'top-navigation-height': rem('60px'),

package/dist/prop-201ffe28.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("./toArray-b56541b4.js"),n=require("./miranda-compatibility.theme-22a9ce26.js"),e=require("./theming/index.js");function r(t,r){return Object.keys(t||{}).reduce(((o,i)=>{var u;let s=t[i];if(n.isFunction(s)&&(s=s(r)),s){const t=i,n=null!==(u=e.getToken(t,r))&&void 0!==u?u:i;return[...o,n]}return o}),[]).join(" ")}function o(...t){const[n,e]=t;return null==n||!1===n||Number.isNaN(n)?e||n:"string"==typeof n&&0===n.length&&e||n}exports.conditional=function(...e){return function(o){let i=[];for(let u=0;u<e.length;u++){const s=e[u];n.isFunction(s)?i.push(s(o)):t.isObject(s)?i=i.concat(r(s,o)):s&&i.push(String(s))}return i.join(" ")}},exports.prop=function(t,n,e=o){return r=>e(r[t],n)},exports.whenProps=function(e){return function(r){const o=t.toArray(e);let i=!1;for(let e=0;e<o.length;e++){const u=o[e],s=Object.keys(u);let c=!0;for(let e=0;e<s.length&&c;e++){const o=s[e],i=n.lodash_get(r,o),l=u[o];c=Array.isArray(l)?c&&t.toArray(l).includes(i):n.isFunction(l)?c&&Boolean(l(i)):c&&l===i}i=i||c}return i}};
-//# sourceMappingURL=prop-201ffe28.js.map