@triptease/tt-navbar 0.0.57 → 0.0.59

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 (23) hide show
  1. package/.storybook/main.js +2 -2
  2. package/dist/src/styles.js +4 -1
  3. package/dist/src/styles.js.map +1 -1
  4. package/dist/stories/tt-navbar.stories.d.ts +1 -0
  5. package/dist/stories/tt-navbar.stories.js +19 -7
  6. package/dist/stories/tt-navbar.stories.js.map +1 -1
  7. package/dist/web/Config.js +1 -1
  8. package/dist/web/Routes.js +1 -1
  9. package/dist/web/TtNavbar.js +18 -15
  10. package/dist/web/TtNavbar.js.map +3 -3
  11. package/dist/web/getInitialNavbarState.js +1 -1
  12. package/dist/web/global.d.js +1 -1
  13. package/dist/web/index.js +18 -15
  14. package/dist/web/index.js.map +3 -3
  15. package/dist/web/styles.js +5 -2
  16. package/dist/web/styles.js.map +2 -2
  17. package/dist/web/triptease-logo.js +1 -1
  18. package/dist/web/tt-navbar.js +18 -15
  19. package/dist/web/tt-navbar.js.map +3 -3
  20. package/dist/web/urlMappings.js +1 -1
  21. package/package.json +6 -8
  22. package/src/styles.ts +4 -1
  23. package/stories/tt-navbar.stories.ts +25 -12
package/dist/web/urlMappings.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @triptease/tt-navbar v0.0.57
2
+ * @triptease/tt-navbar v0.0.59
3
3
  */
4
4
 
5
5
  // src/urlMappings.ts
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent tt-navbar following open-wc recommendations",
4
4
  "license": "MIT",
5
5
  "author": "tt-navbar",
6
- "version": "0.0.57",
6
+ "version": "0.0.59",
7
7
  "type": "module",
8
8
  "main": "dist/src/index.js",
9
9
  "module": "dist/src/index.js",
@@ -29,7 +29,7 @@
29
29
  "dependencies": {
30
30
  "@clerk/clerk-js": "^5.102.1",
31
31
  "@clerk/types": "^4.95.1",
32
- "@triptease/icons": "^1.1.1",
32
+ "@triptease/icons": "^1.2.1",
33
33
  "@triptease/tt-combobox": "^5.4.0",
34
34
  "lit": "^3.1.4"
35
35
  },
@@ -37,16 +37,14 @@
37
37
  "@custom-elements-manifest/analyzer": "^0.10.3",
38
38
  "@open-wc/eslint-config": "^12.0.3",
39
39
  "@open-wc/testing": "^4.0.0",
40
- "@storybook/addon-a11y": "^7.6.20",
41
- "@storybook/addon-essentials": "^7.6.20",
42
- "@storybook/addon-links": "^7.6.20",
43
- "@storybook/web-components": "^7.6.20",
40
+ "@storybook/addon-a11y": "^10.0.5",
41
+ "@storybook/addon-links": "^10.0.5",
42
+ "@storybook/web-components-vite": "^10.0.6",
44
43
  "@types/mocha": "^10.0.7",
45
44
  "@typescript-eslint/eslint-plugin": "^7.16.0",
46
45
  "@typescript-eslint/parser": "^7.16.0",
47
46
  "@web/dev-server": "^0.4.6",
48
47
  "@web/storybook-builder": "^0.1.16",
49
- "@web/storybook-framework-web-components": "^0.1.2",
50
48
  "@web/test-runner": "^0.18.2",
51
49
  "concurrently": "^8.2.2",
52
50
  "eslint": "^8.57.0",
@@ -54,7 +52,7 @@
54
52
  "husky": "^9.0.11",
55
53
  "lint-staged": "^15.2.7",
56
54
  "prettier": "^3.3.2",
57
- "storybook": "^7.6.20",
55
+ "storybook": "^10.0.5",
58
56
  "tslib": "^2.6.3",
59
57
  "typescript": "^5.5.3"
60
58
  },
package/src/styles.ts CHANGED
@@ -290,7 +290,7 @@ export const styles = css`
290
290
  opacity: 0;
291
291
  }
292
292
 
293
- .nav-toggle-button:is(:hover,:focus-within) .nav-toggle-tooltip {
293
+ .nav-toggle-button:is(:hover, :focus-within) .nav-toggle-tooltip {
294
294
  visibility: visible;
295
295
  opacity: 1;
296
296
  }
@@ -324,5 +324,8 @@ export const styles = css`
324
324
  padding: var(--space-scale-1); /* match tt-combobox height */
325
325
  font-size: var(--font-size-200);
326
326
  color: var(--color-text-inverted-200);
327
+ text-wrap: nowrap;
328
+ overflow: hidden;
329
+ text-overflow: ellipsis;
327
330
  }
328
331
  `;
package/stories/tt-navbar.stories.ts CHANGED
@@ -8,8 +8,8 @@ const meta = {
8
8
  clientKey: { control: 'text' },
9
9
  clients: { control: 'object' },
10
10
  campaignManagerUrl: { control: 'text' },
11
- onClientChange: { action: 'clientChanged' }
12
- }
11
+ onClientChange: { action: 'clientChanged' },
12
+ },
13
13
  };
14
14
 
15
15
  export default meta;
@@ -34,11 +34,11 @@ interface ArgTypes {
34
34
  }
35
35
 
36
36
  const Template: Story<ArgTypes> = ({
37
- clientKey = 'zxd47KQGAP',
38
- clients = [],
39
- campaignManagerUrl = 'https://app.campaign-manager.triptease.io',
40
- onClientChange
41
- }: ArgTypes) => html`
37
+ clientKey = 'zxd47KQGAP',
38
+ clients = [],
39
+ campaignManagerUrl = 'https://app.campaign-manager.triptease.io',
40
+ onClientChange,
41
+ }: ArgTypes) => html`
42
42
  <div>
43
43
  <tt-navbar
44
44
  client-key=${clientKey}
@@ -52,22 +52,35 @@ const Template: Story<ArgTypes> = ({
52
52
 
53
53
  const clientChangeHandler = (clientKey: string) => {
54
54
  console.log('Client changed to:', clientKey);
55
- }
55
+ };
56
56
 
57
57
  export const MultipleClients = Template.bind({});
58
58
  MultipleClients.args = {
59
59
  clientKey: 'zxd47KQGAP',
60
60
  clients: [
61
61
  { clientKey: 'zxd47KQGAP', displayName: 'Demo Client' },
62
- { clientKey: 'a1b2c3d4e5', displayName: 'Another Client' }
62
+ { clientKey: 'a1b2c3d4e5', displayName: 'Another Client' },
63
+ {
64
+ clientKey: 'f6g7h8i9j0',
65
+ displayName: 'Demo Client with an Exceptionally Long Name for Testing',
66
+ },
63
67
  ],
64
- onClientChange: clientChangeHandler
68
+ onClientChange: clientChangeHandler,
65
69
  };
66
70
 
67
71
  export const SingleClient = Template.bind({});
68
72
  SingleClient.args = {
73
+ clientKey: 'zxd47KQGAP',
74
+ clients: [{ clientKey: 'zxd47KQGAP', displayName: 'Demo Client' }],
75
+ };
76
+
77
+ export const SingleClientLongName = Template.bind({});
78
+ SingleClientLongName.args = {
69
79
  clientKey: 'zxd47KQGAP',
70
80
  clients: [
71
- { clientKey: 'zxd47KQGAP', displayName: 'Demo Client' }
72
- ]
81
+ {
82
+ clientKey: 'zxd47KQGAP',
83
+ displayName: 'Demo Client with an Exceptionally Long Name for Testing',
84
+ },
85
+ ],
73
86
  };