@duetds/components 7.0.13 → 7.1.1

package/lib/collection/components/duet-date-picker/duet-date-picker.js

@@ -6,6 +6,7 @@ import { inheritGlobalTheme } from "../../common/themeable-component";
 import { createID } from "../../utils/create-id";
 import { FocusGuard } from "../../utils/focus-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
+import { nudge } from "../../utils/nudge";
 import i18n from "./date-i18n";
 import { DatePickerInput } from "./date-picker-input";
 import { DatePickerMonth } from "./date-picker-month";
@@ -176,6 +177,9 @@ export class DuetDatePicker {
     this.determineValidity(parseISODate(this.value));
     this.updateInternalValue();
   }
+  componentDidLoad() {
+    nudge(this);
+  }
   componentDidUpdate() {
     // we want to run this code _after_ render
     // to ensure all elements are visible (and thus focusable)
@@ -364,7 +368,8 @@ export class DuetDatePicker {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -476,7 +481,8 @@ export class DuetDatePicker {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -499,7 +505,8 @@ export class DuetDatePicker {
           "references": {
             "DuetLanguage": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetLanguage"
             }
           }
         },
@@ -528,7 +535,8 @@ export class DuetDatePicker {
           "references": {
             "DuetLangObject": {
               "location": "import",
-              "path": "../../utils/language-utils"
+              "path": "../../utils/language-utils",
+              "id": "src/utils/language-utils.ts::DuetLangObject"
             }
           }
         },
@@ -750,7 +758,8 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerDirection": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
             }
           }
         },
@@ -791,7 +800,8 @@ export class DuetDatePicker {
           "references": {
             "DuetTooltipDirection": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTooltipDirection"
             }
           }
         },
@@ -885,7 +895,8 @@ export class DuetDatePicker {
           "resolved": "ValidityState",
           "references": {
             "ValidityState": {
-              "location": "global"
+              "location": "global",
+              "id": "global::ValidityState"
             }
           }
         },
@@ -922,7 +933,8 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerChangeEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
             }
           }
         }
@@ -942,7 +954,8 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
             }
           }
         }
@@ -962,7 +975,8 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
             }
           }
         }
@@ -979,10 +993,12 @@ export class DuetDatePicker {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             },
             "FocusOptions": {
-              "location": "global"
+              "location": "global",
+              "id": "global::FocusOptions"
             }
           },
           "return": "Promise<void>"
@@ -998,7 +1014,8 @@ export class DuetDatePicker {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -1017,7 +1034,8 @@ export class DuetDatePicker {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"

package/lib/collection/components/duet-divider/duet-divider.e2e.js

@@ -0,0 +1,32 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+import { getColorByName } from "../../utils/token-utils";
+describe("duet-divider", () => {
+  it("should render a divider", async () => {
+    const page = await createPage(`<duet-divider></duet-divider>`);
+    const component = await page.find("duet-divider");
+    expect(component).not.toBeNull();
+    expect(component).toHaveClass("hydrated");
+  });
+  it("should provide a property that switches the theme", async () => {
+    const page = await createPage(`<duet-divider theme="turva"></duet-divider>`);
+    const element = await page.find("duet-divider >>> .duet-divider");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+  it("should provide a property that removes the margin of the component", async () => {
+    const page = await createPage(`<duet-divider margin="none"></duet-divider>`);
+    const element = await page.find("duet-divider >>> .duet-m-0");
+    expect(element).not.toBeNull();
+  });
+  it("should provide a property that changes color", async () => {
+    const page = await createPage(`<duet-divider color="color-success"></duet-divider>`);
+    const backgroundColor = await page.evaluate(() => {
+      const divider = document.querySelector("duet-divider").shadowRoot.querySelector(".duet-divider");
+      return window.getComputedStyle(divider).backgroundColor;
+    });
+    const expectedColor = getColorByName("color-success");
+    expect(backgroundColor).toEqual(expectedColor);
+  });
+});

package/lib/collection/components/duet-divider/duet-divider.js

@@ -52,7 +52,8 @@ export class DuetDivider {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -75,7 +76,8 @@ export class DuetDivider {
           "references": {
             "DuetDividerMargin": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx",
+              "id": "src/components/duet-divider/duet-divider.tsx::DuetDividerMargin"
             }
           }
         },
@@ -98,7 +100,8 @@ export class DuetDivider {
           "references": {
             "DuetColor": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetColor"
             }
           }
         },

package/lib/collection/components/duet-editable-table/duet-editable-table.e2e.js

@@ -0,0 +1,29 @@
+/*!
+ * Built with Duet Design System
+ */
+import { getAllFixturesFiles } from "../../utils/fixture-utils";
+import { createPage } from "../../utils/test-utils";
+const ressources = getAllFixturesFiles(__dirname);
+describe("duet-editable-table", () => {
+  it("should render an duet-editable-table component", async () => {
+    const page = await createPage(ressources.fixtures.table_with_actions_and_sorting);
+    const component = await page.find("duet-editable-table");
+    const items = await page.evaluate(() => {
+      function mapToObj(inputMap) {
+        const obj = {};
+        inputMap.forEach(function (value, key) {
+          obj[key] = value;
+        });
+        return obj;
+      }
+      const element = document.querySelector("duet-editable-table");
+      const items = element.rows;
+      // the map is not serializable (natively) so we need to pass it along as an object
+      return mapToObj(items);
+    });
+    expect(component).not.toBeNull();
+    expect(component).toHaveClass("hydrated");
+    //expect items to match fixture items
+    expect(Object.keys(items).length).toBe(10);
+  });
+});

package/lib/collection/components/duet-editable-table/duet-editable-table.js

@@ -6,6 +6,7 @@ import { inheritGlobalTheme } from "../../common/themeable-component";
 import { fieldSorter } from "../../utils/js-utils";
 import { isKeyboardClick } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
+import { nudge } from "../../utils/nudge";
 import { TableData } from "./duet-editable-table-tabledata";
 export class DuetEditableTable {
   constructor() {
@@ -66,6 +67,9 @@ export class DuetEditableTable {
     this.hasHeadSlotLast = !!this.element.querySelector("[slot='thead-last']");
     this.hasFootSlot = !!this.element.querySelector("[slot='tfoot']");
   }
+  componentDidLoad() {
+    nudge(this);
+  }
   connectedCallback() {
     connectLanguageChangeObserver(this);
   }
@@ -187,7 +191,8 @@ export class DuetEditableTable {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -210,7 +215,8 @@ export class DuetEditableTable {
           "references": {
             "DuetTableVariant": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTableVariant"
             }
           }
         },
@@ -251,7 +257,8 @@ export class DuetEditableTable {
           "references": {
             "DuetTableStickyDistance": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTableStickyDistance"
             }
           }
         },
@@ -274,7 +281,8 @@ export class DuetEditableTable {
           "references": {
             "DuetTableBreakpoint": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTableBreakpoint"
             }
           }
         },
@@ -297,7 +305,8 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableActions": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
             }
           }
         },
@@ -321,7 +330,8 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableColumns": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
             }
           }
         },
@@ -345,7 +355,8 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableRows": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
             }
           }
         },
@@ -405,7 +416,8 @@ export class DuetEditableTable {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -479,7 +491,8 @@ export class DuetEditableTable {
           "references": {
             "DuetTableToggleEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
             }
           }
         }
@@ -499,7 +512,8 @@ export class DuetEditableTable {
           "references": {
             "DuetTableMenuEvent": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableMenuEvent"
             }
           }
         }

package/lib/collection/components/duet-empty-state/duet-empty-state.e2e.js

@@ -0,0 +1,16 @@
+/*!
+ * Built with Duet Design System
+ */
+import { createPage } from "../../utils/test-utils";
+describe("duet-empty-state", () => {
+  it("should render an empty state", async () => {
+    const page = await createPage("<duet-empty-state></duet-empty-state>");
+    const component = await page.find("duet-empty-state");
+    expect(component).not.toBeNull();
+  });
+  it("should provide a property that changes the theme", async () => {
+    const page = await createPage("<duet-empty-state theme='turva'></duet-empty-state>");
+    const element = await page.find("duet-empty-state >>> .duet-empty-state");
+    expect(element).toHaveClass("duet-theme-turva");
+  });
+});

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -3,6 +3,7 @@
  */
 import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
+import { nudge } from "../../utils/nudge";
 export class DuetEmptyState {
   constructor() {
     this.theme = "";
@@ -15,6 +16,9 @@ export class DuetEmptyState {
   componentWillLoad() {
     inheritGlobalTheme(this);
   }
+  componentDidLoad() {
+    nudge(this);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -49,7 +53,8 @@ export class DuetEmptyState {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -72,7 +77,8 @@ export class DuetEmptyState {
           "references": {
             "DuetIconName": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetIconName"
             }
           }
         },
@@ -95,7 +101,8 @@ export class DuetEmptyState {
           "references": {
             "DuetEmptyStateSize": {
               "location": "local",
-              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx"
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
+              "id": "src/components/duet-empty-state/duet-empty-state.tsx::DuetEmptyStateSize"
             }
           }
         },
@@ -111,4 +118,5 @@ export class DuetEmptyState {
       }
     };
   }
+  static get elementRef() { return "element"; }
 }

package/lib/collection/components/duet-fieldset/duet-fieldset.e2e.js

@@ -0,0 +1,13 @@
+/*!
+ * Built with Duet Design System
+ */
+import { getAllFixturesFiles } from "../../utils/fixture-utils";
+import { createPage } from "../../utils/test-utils";
+const { fixtures } = getAllFixturesFiles(__dirname);
+describe("duet-fieldset", () => {
+  it("should render an empty state", async () => {
+    const page = await createPage(fixtures.basic_fieldset);
+    const component = await page.find("duet-fieldset");
+    expect(component).not.toBeNull();
+  });
+});

package/lib/collection/components/duet-fieldset/duet-fieldset.js

@@ -5,6 +5,7 @@ import { h, Host } from "@stencil/core";
 import { hasSlot } from "../../common";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { createID } from "../../utils/create-id";
+import { nudge } from "../../utils/nudge";
 /**
  * @slot unnamed default slot - The component’s primary content. All child nodes that do not have a slot attribute defined are inserted into this primary slot.
  * @slot tooltip - Use to place a tooltip alongside the fieldset label.
@@ -34,6 +35,9 @@ export class DuetFieldset {
     inheritGlobalTheme(this);
     this.checkHasTooltip();
   }
+  componentDidLoad() {
+    nudge(this);
+  }
   /**
    * render() function
    * Always the last one in the class.
@@ -77,7 +81,8 @@ export class DuetFieldset {
           "references": {
             "DuetTheme": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetTheme"
             }
           }
         },
@@ -100,7 +105,8 @@ export class DuetFieldset {
           "references": {
             "DuetMargin": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetMargin"
             }
           }
         },
@@ -213,7 +219,8 @@ export class DuetFieldset {
           "references": {
             "DuetHeadingLevel": {
               "location": "import",
-              "path": "../../common-types"
+              "path": "../../common-types",
+              "id": "src/common-types.d.ts::DuetHeadingLevel"
             }
           }
         },