@maggioli-design-system/mds-table-row 4.0.0 → 4.1.0

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.
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-1066e7b9.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-1066e7b9.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchBrowser = () => {
11
11
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-table-row.cjs.js', document.baseURI).href));
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "2.22.2",
7
+ "version": "2.22.3",
8
8
  "typescriptVersion": "4.9.4"
9
9
  },
10
10
  "collections": [],
@@ -6,11 +6,13 @@ const hash = (s) => {
6
6
  return h.toString();
7
7
  };
8
8
  const unslugName = (name) => {
9
- return name.split('/').slice(-1).pop().replace(/-/g, ' ');
9
+ var _a, _b, _c;
10
+ return (_c = (_b = (_a = name.split('/')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()) === null || _b === void 0 ? void 0 : _b.replace(/-/g, ' ')) !== null && _c !== void 0 ? _c : name;
10
11
  };
11
12
  const setAttributeIfEmpty = (element, attribute, value) => {
13
+ var _a;
12
14
  if (element.hasAttribute(attribute)) {
13
- return element.getAttribute(attribute);
15
+ return (_a = element.getAttribute(attribute)) !== null && _a !== void 0 ? _a : '';
14
16
  }
15
17
  element.setAttribute(attribute, value);
16
18
  return value;
@@ -31,7 +31,7 @@ export class KeyboardManager {
31
31
  }
32
32
  };
33
33
  this.detachEscapeBehavior = () => {
34
- this.escapeCallback = null;
34
+ this.escapeCallback = () => { return; };
35
35
  if (typeof window !== undefined) {
36
36
  window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
37
37
  }
@@ -27,7 +27,7 @@
27
27
  display: table-row;
28
28
  }
29
29
 
30
- :host ( [interactive]:hover ) {
30
+ :host( [interactive]:hover ) {
31
31
 
32
32
  --mds-table-cell-background: var(--mds-table-cell-background-hover, rgb(var(--tone-neutral)));
33
33
  }
@@ -0,0 +1,148 @@
1
+
2
+ /**
3
+ * This is an autogenerated file created by the Stencil compiler.
4
+ * DO NOT MODIFY IT MANUALLY
5
+ */
6
+ export interface JsonDocs {
7
+ components: JsonDocsComponent[];
8
+ timestamp: string;
9
+ compiler: {
10
+ name: string;
11
+ version: string;
12
+ typescriptVersion: string;
13
+ };
14
+ }
15
+ export interface JsonDocsComponent {
16
+ dirPath?: string;
17
+ fileName?: string;
18
+ filePath?: string;
19
+ readmePath?: string;
20
+ usagesDir?: string;
21
+ encapsulation: 'shadow' | 'scoped' | 'none';
22
+ tag: string;
23
+ readme: string;
24
+ docs: string;
25
+ docsTags: JsonDocsTag[];
26
+ /**
27
+ * The text from the class-level JSDoc for a Stencil component, if present.
28
+ */
29
+ overview?: string;
30
+ usage: JsonDocsUsage;
31
+ props: JsonDocsProp[];
32
+ methods: JsonDocsMethod[];
33
+ events: JsonDocsEvent[];
34
+ listeners: JsonDocsListener[];
35
+ styles: JsonDocsStyle[];
36
+ slots: JsonDocsSlot[];
37
+ parts: JsonDocsPart[];
38
+ dependents: string[];
39
+ dependencies: string[];
40
+ dependencyGraph: JsonDocsDependencyGraph;
41
+ deprecation?: string;
42
+ }
43
+ export interface JsonDocsDependencyGraph {
44
+ [tagName: string]: string[];
45
+ }
46
+ export interface JsonDocsTag {
47
+ name: string;
48
+ text?: string;
49
+ }
50
+ export interface JsonDocsValue {
51
+ value?: string;
52
+ type: string;
53
+ }
54
+ /**
55
+ * A mapping of file names to their contents.
56
+ *
57
+ * This type is meant to be used when reading one or more usage markdown files associated with a component. For the
58
+ * given directory structure:
59
+ * ```
60
+ * src/components/my-component
61
+ * ├── my-component.tsx
62
+ * └── usage
63
+ * ├── bar.md
64
+ * └── foo.md
65
+ * ```
66
+ * an instance of this type would include the name of the markdown file, mapped to its contents:
67
+ * ```ts
68
+ * {
69
+ * 'bar': STRING_CONTENTS_OF_BAR.MD
70
+ * 'foo': STRING_CONTENTS_OF_FOO.MD
71
+ * }
72
+ * ```
73
+ */
74
+ export interface JsonDocsUsage {
75
+ [key: string]: string;
76
+ }
77
+ export interface JsonDocsProp {
78
+ name: string;
79
+ type: string;
80
+ mutable: boolean;
81
+ /**
82
+ * The name of the attribute that is exposed to configure a compiled web component
83
+ */
84
+ attr?: string;
85
+ reflectToAttr: boolean;
86
+ docs: string;
87
+ docsTags: JsonDocsTag[];
88
+ default: string;
89
+ deprecation?: string;
90
+ values: JsonDocsValue[];
91
+ optional: boolean;
92
+ required: boolean;
93
+ }
94
+ export interface JsonDocsMethod {
95
+ name: string;
96
+ docs: string;
97
+ docsTags: JsonDocsTag[];
98
+ deprecation?: string;
99
+ signature: string;
100
+ returns: JsonDocsMethodReturn;
101
+ parameters: JsonDocMethodParameter[];
102
+ }
103
+ export interface JsonDocsMethodReturn {
104
+ type: string;
105
+ docs: string;
106
+ }
107
+ export interface JsonDocMethodParameter {
108
+ name: string;
109
+ type: string;
110
+ docs: string;
111
+ }
112
+ export interface JsonDocsEvent {
113
+ event: string;
114
+ bubbles: boolean;
115
+ cancelable: boolean;
116
+ composed: boolean;
117
+ docs: string;
118
+ docsTags: JsonDocsTag[];
119
+ deprecation?: string;
120
+ detail: string;
121
+ }
122
+ export interface JsonDocsStyle {
123
+ name: string;
124
+ docs: string;
125
+ annotation: string;
126
+ }
127
+ export interface JsonDocsListener {
128
+ event: string;
129
+ target?: string;
130
+ capture: boolean;
131
+ passive: boolean;
132
+ }
133
+ export interface JsonDocsSlot {
134
+ name: string;
135
+ docs: string;
136
+ }
137
+ export interface JsonDocsPart {
138
+ name: string;
139
+ docs: string;
140
+ }
141
+ export interface StyleDoc {
142
+ name: string;
143
+ docs: string;
144
+ annotation: 'prop';
145
+ }
146
+
147
+ declare const _default: JsonDocs;
148
+ export default _default;
@@ -0,0 +1,52 @@
1
+ {
2
+ "timestamp": "2023-04-14T10:21:39",
3
+ "compiler": {
4
+ "name": "@stencil/core",
5
+ "version": "2.22.3",
6
+ "typescriptVersion": "4.9.4"
7
+ },
8
+ "components": [
9
+ {
10
+ "filePath": "./src/components/mds-table-row/mds-table-row.tsx",
11
+ "encapsulation": "shadow",
12
+ "tag": "mds-table-row",
13
+ "docs": "",
14
+ "docsTags": [],
15
+ "usage": {},
16
+ "props": [
17
+ {
18
+ "name": "interactive",
19
+ "type": "boolean",
20
+ "mutable": true,
21
+ "attr": "interactive",
22
+ "reflectToAttr": true,
23
+ "docs": "",
24
+ "docsTags": [],
25
+ "values": [
26
+ {
27
+ "type": "boolean"
28
+ }
29
+ ],
30
+ "optional": false,
31
+ "required": false
32
+ }
33
+ ],
34
+ "methods": [],
35
+ "events": [],
36
+ "listeners": [
37
+ {
38
+ "event": "mdsTableInteractiveChange",
39
+ "target": "document",
40
+ "capture": false,
41
+ "passive": false
42
+ }
43
+ ],
44
+ "styles": [],
45
+ "slots": [],
46
+ "parts": [],
47
+ "dependents": [],
48
+ "dependencies": [],
49
+ "dependencyGraph": {}
50
+ }
51
+ ]
52
+ }
@@ -2,7 +2,7 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-be386e76.js';
2
2
  export { s as setNonce } from './index-be386e76.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchEsm = () => {
8
8
  return promiseResolve();
@@ -2,7 +2,7 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-be386e76.js';
2
2
  export { s as setNonce } from './index-be386e76.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Browser v2.22.3 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchBrowser = () => {
8
8
  const importMeta = import.meta.url;
@@ -115,7 +115,7 @@ DOMTokenList
115
115
  var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
116
116
  var start = function() {
117
117
  // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
118
- var url = new URL('./p-fb327bab.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
118
+ var url = new URL('./p-29cf76f2.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
119
119
  System.import(url.href);
120
120
  };
121
121
 
package/dist/stats.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2023-03-09T10:59:52",
2
+ "timestamp": "2023-04-14T10:21:39",
3
3
  "compiler": {
4
4
  "name": "node",
5
5
  "version": "18.3.0"
@@ -75,20 +75,20 @@
75
75
  "./dist/mds-table-row/mds-table-row.esm.js",
76
76
  "./dist/mds-table-row/mds-table-row.js",
77
77
  "./dist/mds-table-row/p-2647d8bd.system.js",
78
+ "./dist/mds-table-row/p-29cf76f2.system.js",
78
79
  "./dist/mds-table-row/p-30a6116a.entry.js",
79
80
  "./dist/mds-table-row/p-426bd1f3.js",
80
81
  "./dist/mds-table-row/p-50ea2036.system.js",
81
82
  "./dist/mds-table-row/p-7d3f05d4.system.entry.js",
82
- "./dist/mds-table-row/p-fb327bab.system.js",
83
83
  "./www/build/index.esm.js",
84
84
  "./www/build/mds-table-row.esm.js",
85
85
  "./www/build/mds-table-row.js",
86
86
  "./www/build/p-2647d8bd.system.js",
87
+ "./www/build/p-29cf76f2.system.js",
87
88
  "./www/build/p-30a6116a.entry.js",
88
89
  "./www/build/p-426bd1f3.js",
89
90
  "./www/build/p-50ea2036.system.js",
90
- "./www/build/p-7d3f05d4.system.entry.js",
91
- "./www/build/p-fb327bab.system.js"
91
+ "./www/build/p-7d3f05d4.system.entry.js"
92
92
  ]
93
93
  },
94
94
  {
@@ -1,4 +1,4 @@
1
- import { InputValueType } from '../types/input-value-type';
1
+ import { InputValueType } from '@type/input-value-type';
2
2
  export interface InputValue {
3
3
  value: InputValueType;
4
4
  }
@@ -0,0 +1,53 @@
1
+ {
2
+ "timestamp": "2023-04-14T09:57:39",
3
+ "compiler": {
4
+ "name": "@stencil/core",
5
+ "version": "2.22.3",
6
+ "typescriptVersion": "4.9.4"
7
+ },
8
+ "components": [
9
+ {
10
+ "filePath": "./src/components/mds-table-row/mds-table-row.tsx",
11
+ "encapsulation": "shadow",
12
+ "tag": "mds-table-row",
13
+ "readme": "# mds-table-row\n\n\n",
14
+ "docs": "",
15
+ "docsTags": [],
16
+ "usage": {},
17
+ "props": [
18
+ {
19
+ "name": "interactive",
20
+ "type": "boolean",
21
+ "mutable": true,
22
+ "attr": "interactive",
23
+ "reflectToAttr": true,
24
+ "docs": "",
25
+ "docsTags": [],
26
+ "values": [
27
+ {
28
+ "type": "boolean"
29
+ }
30
+ ],
31
+ "optional": false,
32
+ "required": false
33
+ }
34
+ ],
35
+ "methods": [],
36
+ "events": [],
37
+ "listeners": [
38
+ {
39
+ "event": "mdsTableInteractiveChange",
40
+ "target": "document",
41
+ "capture": false,
42
+ "passive": false
43
+ }
44
+ ],
45
+ "styles": [],
46
+ "slots": [],
47
+ "parts": [],
48
+ "dependents": [],
49
+ "dependencies": [],
50
+ "dependencyGraph": {}
51
+ }
52
+ ]
53
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@maggioli-design-system/mds-table-row",
3
- "version": "4.0.0",
3
+ "version": "4.1.0",
4
4
  "description": "mds-table-row is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -12,6 +12,7 @@
12
12
  "unpkg": "dist/mds-table-row/mds-table-row.esm.js",
13
13
  "files": [
14
14
  "dist/",
15
+ "documentation.json",
15
16
  "loader/",
16
17
  "readme.md",
17
18
  "src/",
@@ -22,9 +23,9 @@
22
23
  "prepublishOnly": "npm run build"
23
24
  },
24
25
  "dependencies": {
25
- "@maggioli-design-system/mds-table-cell": "^4.0.0",
26
- "@maggioli-design-system/styles": "^11.2.1",
27
- "@stencil/core": "^2.22.2"
26
+ "@maggioli-design-system/mds-table-cell": "^4.1.0",
27
+ "@maggioli-design-system/styles": "^11.4.0",
28
+ "@stencil/core": "^2.22.3"
28
29
  },
29
30
  "license": "MIT",
30
31
  "author": {
@@ -38,10 +39,15 @@
38
39
  "email": "andrea.pruccoli@maggioli.it",
39
40
  "role": "Software Engineer"
40
41
  },
42
+ {
43
+ "name": "Nicola Tamburini",
44
+ "email": "nicola.tamburini@maggioli.it",
45
+ "role": "Software Engineer"
46
+ },
41
47
  {
42
48
  "name": "Vittorio Vittori",
43
49
  "email": "vittorio.vittori@maggioli.it",
44
- "role": "UX UI Designer"
50
+ "role": "Product Designer"
45
51
  }
46
52
  ]
47
53
  }
@@ -7,12 +7,12 @@ const hash = (s: string): string => {
7
7
  }
8
8
 
9
9
  const unslugName = (name: string): string => {
10
- return name.split('/').slice(-1).pop().replace(/-/g, ' ')
10
+ return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
11
11
  }
12
12
 
13
13
  const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: string): string => {
14
14
  if (element.hasAttribute(attribute)) {
15
- return element.getAttribute(attribute)
15
+ return element.getAttribute(attribute) ?? ''
16
16
  }
17
17
  element.setAttribute(attribute, value)
18
18
  return value
@@ -38,7 +38,7 @@ export class KeyboardManager {
38
38
  }
39
39
 
40
40
  detachEscapeBehavior = (): void => {
41
- this.escapeCallback = null
41
+ this.escapeCallback = () => {return}
42
42
  if (typeof window !== undefined) {
43
43
  window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
44
44
  }
@@ -4,7 +4,7 @@
4
4
  @apply table-row;
5
5
  }
6
6
 
7
- :host ( [interactive]:hover ) {
7
+ :host( [interactive]:hover ) {
8
8
 
9
9
  --mds-table-cell-background: var(--mds-table-cell-background-hover, theme('colors.tone-neutral'));
10
10
  }
@@ -221,6 +221,7 @@
221
221
  "mi/baseline/navigate-next",
222
222
  "mi/baseline/panorama",
223
223
  "mi/baseline/person",
224
+ "mi/baseline/pets",
224
225
  "mi/baseline/radio-button-checked",
225
226
  "mi/baseline/radio-button-unchecked",
226
227
  "mi/baseline/route",
@@ -1,4 +1,4 @@
1
- import { InputValueType } from '../types/input-value-type'
1
+ import { InputValueType } from '@type/input-value-type'
2
2
 
3
3
  export interface InputValue {
4
4
  value: InputValueType
@@ -115,7 +115,7 @@ DOMTokenList
115
115
  var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
116
116
  var start = function() {
117
117
  // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
118
- var url = new URL('./p-fb327bab.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
118
+ var url = new URL('./p-29cf76f2.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
119
119
  System.import(url.href);
120
120
  };
121
121