@kyndryl-design-system/shidoka-applications 2.44.0 → 2.44.1
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.
- package/components/reusable/table/table-expanded-row.js +7 -22
- package/components/reusable/table/table-expanded-row.js.map +1 -1
- package/components/reusable/table/table-row.d.ts.map +1 -1
- package/components/reusable/table/table-row.js +1 -1
- package/components/reusable/table/table-row.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,31 +1,16 @@
|
|
|
1
|
-
import{_ as
|
|
2
|
-
display:
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
:host td {
|
|
6
|
-
padding: 0;
|
|
7
|
-
vertical-align: middle;
|
|
8
|
-
}
|
|
9
|
-
:host td .child-row-inner-container {
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
block-size: 0;
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as o,e}from"../../../vendor/lit-461e78e6.js";import{i as r,s as d,x as s}from"../../../vendor/lit-element-c6c02f24.js";var n=r`:host {
|
|
2
|
+
display: none;
|
|
3
|
+
border-bottom: 1px solid var(--kd-color-border-variants-light);
|
|
12
4
|
}
|
|
13
5
|
|
|
14
6
|
:host([expanded]) {
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
:host([expanded]) td {
|
|
18
|
-
block-size: auto;
|
|
19
|
-
border-bottom: 1px solid var(--kd-color-border-variants-light);
|
|
20
|
-
}
|
|
21
|
-
:host([expanded]) td .child-row-inner-container {
|
|
22
|
-
block-size: auto;
|
|
23
|
-
}`;let l=class extends d{constructor(){super(...arguments),this.role="row",this.colSpan=1,this.expanded=!1}render(){const{colSpan:o}=this;return i`
|
|
7
|
+
display: table-row;
|
|
8
|
+
}`;let l=class extends d{constructor(){super(...arguments),this.role="row",this.colSpan=1,this.expanded=!1}render(){const{colSpan:t}=this;return s`
|
|
24
9
|
<td></td>
|
|
25
|
-
<td colspan="${
|
|
10
|
+
<td colspan="${t}">
|
|
26
11
|
<div class="child-row-inner-container">
|
|
27
12
|
<slot></slot>
|
|
28
13
|
</div>
|
|
29
14
|
</td>
|
|
30
|
-
`}};l.styles=[n],
|
|
15
|
+
`}};l.styles=[n],t([o({type:String,reflect:!0})],l.prototype,"role",void 0),t([o({type:Number,attribute:"colspan"})],l.prototype,"colSpan",void 0),t([o({type:Boolean,reflect:!0})],l.prototype,"expanded",void 0),l=t([e("kyn-expanded-tr")],l);export{l as TableExpandedRow};
|
|
31
16
|
//# sourceMappingURL=table-expanded-row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-expanded-row.js","sources":["../../../../src/components/reusable/table/table-expanded-row.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\n\nimport styles from './table-expanded-row.scss';\n\n/**\n *\n * `kyn-expanded-tr` Web Component.\n\n * Designed to display additional details for a row in a table.\n * The row is expandable and can be expanded/collapsed by toggling the plus/minus icons.\n *\n * @slot unnamed - The slot for adding content to the expandable details section.\n */\n@customElement('kyn-expanded-tr')\nexport class TableExpandedRow extends LitElement {\n static override styles = [styles];\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override role = 'row';\n\n /**\n * The number of columns that the expanded row should span.\n * Reflects the `colspan` attribute.\n */\n @property({ type: Number, attribute: 'colspan' })\n colSpan = 1;\n\n /**\n * `true` if the table row should be expanded.\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n override render() {\n const { colSpan } = this;\n return html`\n <td></td>\n <td colspan=\"${colSpan}\">\n <div class=\"child-row-inner-container\">\n <slot></slot>\n </div>\n </td>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-expanded-tr': TableExpandedRow;\n }\n}\n"],"names":["TableExpandedRow","LitElement","constructor","this","role","colSpan","expanded","render","html","styles","__decorate","property","type","String","reflect","prototype","Number","attribute","Boolean","customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"table-expanded-row.js","sources":["../../../../src/components/reusable/table/table-expanded-row.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\n\nimport styles from './table-expanded-row.scss';\n\n/**\n *\n * `kyn-expanded-tr` Web Component.\n\n * Designed to display additional details for a row in a table.\n * The row is expandable and can be expanded/collapsed by toggling the plus/minus icons.\n *\n * @slot unnamed - The slot for adding content to the expandable details section.\n */\n@customElement('kyn-expanded-tr')\nexport class TableExpandedRow extends LitElement {\n static override styles = [styles];\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override role = 'row';\n\n /**\n * The number of columns that the expanded row should span.\n * Reflects the `colspan` attribute.\n */\n @property({ type: Number, attribute: 'colspan' })\n colSpan = 1;\n\n /**\n * `true` if the table row should be expanded.\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n override render() {\n const { colSpan } = this;\n return html`\n <td></td>\n <td colspan=\"${colSpan}\">\n <div class=\"child-row-inner-container\">\n <slot></slot>\n </div>\n </td>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-expanded-tr': TableExpandedRow;\n }\n}\n"],"names":["TableExpandedRow","LitElement","constructor","this","role","colSpan","expanded","render","html","styles","__decorate","property","type","String","reflect","prototype","Number","attribute","Boolean","customElement"],"mappings":";;;;;;;GAeO,IAAMA,EAAN,cAA+BC,EAA/B,WAAAC,uBAOIC,KAAIC,KAAG,MAOhBD,KAAOE,QAAG,EAMVF,KAAQG,UAAG,CAaZ,CAXU,MAAAC,GACP,MAAMF,QAAEA,GAAYF,KACpB,OAAOK,CAAI;;qBAEMH;;;;;KAMlB,GA/BeL,EAAAS,OAAS,CAACA,GAM1BC,EAAA,CADCC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACbd,EAAAe,UAAA,YAAA,GAOtBL,EAAA,CADCC,EAAS,CAAEC,KAAMI,OAAQC,UAAW,aACzBjB,EAAAe,UAAA,eAAA,GAMZL,EAAA,CADCC,EAAS,CAAEC,KAAMM,QAASJ,SAAS,KACnBd,EAAAe,UAAA,gBAAA,GApBNf,EAAgBU,EAAA,CAD5BS,EAAc,oBACFnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQvD,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;GAOG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,QAAY;IAElC;;OAEG;IAEM,IAAI,SAAS;IAEtB;;OAEG;IAEH,eAAe,SAAW;IAE1B;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,iBAAiB,UAAS;IAE1B;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;;;OAIG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;;OAGG;IAEH,MAAM,UAAS;IAEf,iCAAiC;IAEjC,WAAW;;;MAAuB;IAElC;;OAEG;IAEH,YAAY;;;MAAuB;IAEnC;;OAEG;IAEH,cAAc,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAEpC;;;;;;OAMG;IAGH,OAAO,CAAC,gBAAgB,CAOtB;IAEF;;;OAGG;IAEH,aAAa,SAAM;IAEnB;;;OAGG;IACH,mBAAmB,0BAA2B,gBAAgB,UAI5D;IAEF;;OAEG;IACH,wBAAwB,CAAC,KAAK,EAAE,WAAW;IAYlC,UAAU,CAAC,YAAY,EAAE,GAAG;IAM5B,OAAO,CAAC,iBAAiB,EAAE,cAAc;
|
|
1
|
+
{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/table/table-row.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAQvD,OAAO,EAAgB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKjE,OAAO,sBAAsB,CAAC;AAW9B;;;;;;;GAOG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,QAAY;IAElC;;OAEG;IAEM,IAAI,SAAS;IAEtB;;OAEG;IAEH,eAAe,SAAW;IAE1B;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,iBAAiB,UAAS;IAE1B;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;;;OAIG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,gBAAgB,UAAS;IAEzB;;;OAGG;IAEH,MAAM,UAAS;IAEf,iCAAiC;IAEjC,WAAW;;;MAAuB;IAElC;;OAEG;IAEH,YAAY;;;MAAuB;IAEnC;;OAEG;IAEH,cAAc,EAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAEpC;;;;;;OAMG;IAGH,OAAO,CAAC,gBAAgB,CAOtB;IAEF;;;OAGG;IAEH,aAAa,SAAM;IAEnB;;;OAGG;IACH,mBAAmB,0BAA2B,gBAAgB,UAI5D;IAEF;;OAEG;IACH,wBAAwB,CAAC,KAAK,EAAE,WAAW;IAYlC,UAAU,CAAC,YAAY,EAAE,GAAG;IAM5B,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAiClD,iCAAiC,CAAC,QAAQ,UAAiB;IAsB3D,OAAO,CAAC,gBAAgB;IAIf,MAAM;CAkDhB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,QAAQ,CAAC;KACpB;CACF"}
|
|
@@ -66,7 +66,7 @@ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../.
|
|
|
66
66
|
position: absolute;
|
|
67
67
|
white-space: nowrap;
|
|
68
68
|
width: 1px;
|
|
69
|
-
}`;const x={expanded:"Expanded",collapsed:"Collapsed"};let v=class extends a{constructor(){super(...arguments),this.role="row",this["aria-disabled"]="false",this.rowId="",this.selected=!1,this.checkboxSelection=!1,this.dense=!1,this.unread=!1,this.locked=!1,this.expandable=!1,this.expanded=!1,this.disabled=!1,this.preventHighlight=!1,this.dimmed=!1,this.textStrings=x,this._textStrings=x,this._contextConsumer=new l(this,p,(e=>{e&&this.handleContextChange(e)}),!0),this.assistiveText="",this.handleContextChange=({checkboxSelection:e})=>{"boolean"==typeof e&&(this.checkboxSelection=e)}}handleRowSelectionChange(e){this.selected=e.detail.checked,this.dispatchEvent(new CustomEvent("on-row-select",{detail:e.detail,bubbles:!0,composed:!0}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=c(x,this.textStrings))}updated(e){if(e.has("expanded")){const{expanded:e,nextElementSibling:t}=this;(null==t?void 0:t.matches("kyn-expanded-tr"))&&(t.expanded=e
|
|
69
|
+
}`;const x={expanded:"Expanded",collapsed:"Collapsed"};let v=class extends a{constructor(){super(...arguments),this.role="row",this["aria-disabled"]="false",this.rowId="",this.selected=!1,this.checkboxSelection=!1,this.dense=!1,this.unread=!1,this.locked=!1,this.expandable=!1,this.expanded=!1,this.disabled=!1,this.preventHighlight=!1,this.dimmed=!1,this.textStrings=x,this._textStrings=x,this._contextConsumer=new l(this,p,(e=>{e&&this.handleContextChange(e)}),!0),this.assistiveText="",this.handleContextChange=({checkboxSelection:e})=>{"boolean"==typeof e&&(this.checkboxSelection=e)}}handleRowSelectionChange(e){this.selected=e.detail.checked,this.dispatchEvent(new CustomEvent("on-row-select",{detail:e.detail,bubbles:!0,composed:!0}))}willUpdate(e){e.has("textStrings")&&(this._textStrings=c(x,this.textStrings))}updated(e){if(e.has("expanded")){const{expanded:e,nextElementSibling:t}=this;(null==t?void 0:t.matches("kyn-expanded-tr"))&&(t.expanded=e)}e.has("disabled")&&(this["aria-disabled"]=this.disabled.toString(),this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex"),this.unnamedSlotEls.forEach((e=>{e.disabled=this.disabled}))),(e.has("dimmed")||e.has("selected"))&&this.unnamedSlotEls.forEach((e=>{e.dimmed=this.dimmed&&!this.selected}))}_handleUserInitiatedToggleExpando(e=!this.expanded){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{expanded:e}};this.dispatchEvent(new CustomEvent("table-row-expando-beingtoggled",t))&&(this.expanded=e,this.assistiveText=e?this._textStrings.expanded:this._textStrings.collapsed,this.dispatchEvent(new CustomEvent("table-row-expando-toggled",t)))}_handleExpanding(){this._handleUserInitiatedToggleExpando()}render(){return r`
|
|
70
70
|
${this.expandable?r`
|
|
71
71
|
<kyn-td .align=${"center"} ?dense=${this.dense}>
|
|
72
72
|
<div class="kyn--table-expand">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-row.js","sources":["../../../../src/components/reusable/table/table-row.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, PropertyValues } from 'lit';\nimport {\n customElement,\n property,\n state,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport chevronDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\n\nimport styles from './table-row.scss';\nimport '../checkbox/checkbox';\n\nimport { TableExpandedRow } from './table-expanded-row';\nimport { TableCell } from './table-cell';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n};\n\n/**\n * `kyn-tr` Web Component.\n *\n * Represents a table row (`<tr>`) equivalent for custom tables created with Shidoka's design system.\n * It primarily acts as a container for individual table cells and behaves similarly to a native `<tr>` element.\n *\n * @slot unnamed - The content slot for adding table cells (`kyn-td` or other relevant cells).\n */\n@customElement('kyn-tr')\nexport class TableRow extends LitElement {\n static override styles = [styles];\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override role = 'row';\n\n /** aria-disabled.\n * @internal\n */\n @property({ type: String, reflect: true })\n 'aria-disabled' = 'false';\n\n /**\n * rowId: String - Unique identifier for the row.\n */\n @property({ type: String, reflect: true })\n rowId = '';\n\n /**\n * selected: Boolean indicating whether the row is selected.\n * Reflects the `selected` attribute.\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * checkboxSelection: Boolean indicating whether rows should be\n * selectable using checkboxes.\n */\n @property({ type: Boolean, reflect: true })\n checkboxSelection = false;\n\n /**\n * dense: Boolean indicating whether the table should be displayed\n * in dense mode.\n */\n @property({ type: Boolean })\n dense = false;\n\n /**\n * Unread row state.\n */\n @property({ type: Boolean })\n unread = false;\n\n /**\n * locked: Boolean indicating whether the row is locked.\n * If a row is selected before it is locked, it remains selected even after being locked.\n * A row can be selected and disabled/locked simultaneously.\n */\n @property({ type: Boolean, reflect: true })\n locked = false;\n\n /**\n * expandable: Boolean indicating whether the row is expandable.\n */\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /**\n * expanded: Boolean indicating whether the row is expanded.\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /**\n * disabled: Boolean indicating whether the row is disabled.\n * A disabled row is not allowed to have any user interactions.\n * A row can be selected and disabled/locked simultaneously.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * preventHighlight: Boolean indicating whether the row should not be highlighted.\n */\n @property({ type: Boolean, reflect: true })\n preventHighlight = false;\n\n /**\n * dimmed: Boolean indicating whether the row is dimmed.\n * A row should not be selected and dimmed simultaneously.\n */\n @property({ type: Boolean, reflect: true })\n dimmed = false;\n\n /** Text string customization. */\n @property({ type: Object })\n textStrings = _defaultTextStrings;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n _textStrings = _defaultTextStrings;\n\n /**\n * @ignore\n */\n @queryAssignedElements()\n unnamedSlotEls!: Array<HTMLElement>;\n\n /**\n * Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableHeader>}\n */\n @state()\n // @ts-expect-error - This is a context consumer\n private _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /**\n * Assistive text for screen readers.\n * @ignore\n */\n @state()\n assistiveText = '';\n\n /**\n * Updates the cell's dense and ellipsis properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ checkboxSelection }: TableContextType) => {\n if (typeof checkboxSelection == 'boolean') {\n this.checkboxSelection = checkboxSelection;\n }\n };\n\n /**\n * Handles the change of selection state for a specific row.\n */\n handleRowSelectionChange(event: CustomEvent) {\n this.selected = event.detail.checked;\n // Emit the custom event with the selected row and its new state\n this.dispatchEvent(\n new CustomEvent('on-row-select', {\n detail: event.detail,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n override updated(changedProperties: PropertyValues) {\n // Reflect the expanded state to the next sibling expanded row\n if (changedProperties.has('expanded')) {\n const { expanded, nextElementSibling } = this;\n if (nextElementSibling?.matches('kyn-expanded-tr')) {\n (nextElementSibling as TableExpandedRow).expanded = expanded;\n (nextElementSibling as HTMLElement).style.display = expanded\n ? 'inherit'\n : 'none';\n }\n }\n\n // Reflect the disabled state to the tabindex attribute\n if (changedProperties.has('disabled')) {\n this['aria-disabled'] = this.disabled.toString();\n\n if (this.disabled) {\n this.setAttribute('tabindex', '-1');\n } else {\n this.removeAttribute('tabindex');\n }\n\n this.unnamedSlotEls.forEach((el) => {\n (el as TableCell).disabled = this.disabled;\n });\n }\n\n // A row can be selected and disabled/locked simultaneously.\n // However, a row should not be both selected and dimmed at the same time.\n if (changedProperties.has('dimmed') || changedProperties.has('selected')) {\n this.unnamedSlotEls.forEach((el) => {\n (el as TableCell).dimmed = this.dimmed && !this.selected;\n });\n }\n }\n\n _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n expanded,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent('table-row-expando-beingtoggled', init)\n )\n ) {\n this.expanded = expanded;\n this.assistiveText = expanded\n ? this._textStrings.expanded\n : this._textStrings.collapsed;\n this.dispatchEvent(new CustomEvent('table-row-expando-toggled', init));\n }\n }\n\n private _handleExpanding() {\n this._handleUserInitiatedToggleExpando();\n }\n\n override render() {\n return html`\n ${this.expandable\n ? html`\n <kyn-td .align=${'center'} ?dense=${this.dense}>\n <div class=\"kyn--table-expand\">\n <button\n class=\"kyn--table-expand__button\"\n type=\"button\"\n ?disabled=${this.disabled}\n title=${this.expanded\n ? this._textStrings.expanded\n : this._textStrings.collapsed}\n aria-label=${this.expanded\n ? this._textStrings.expanded\n : this._textStrings.collapsed}\n @click=${this._handleExpanding}\n >\n <span slot=\"icon\">${unsafeSVG(chevronDownIcon)}</span>\n </button>\n </div>\n\n <div\n class=\"assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\"\n >\n ${this.assistiveText}\n </div>\n </kyn-td>\n `\n : null}\n ${this.checkboxSelection\n ? html`\n <kyn-td .align=${'center'} ?dense=${this.dense}>\n <kyn-checkbox\n ?disabled=${this.disabled || this.locked}\n .checked=${this.selected}\n visiblyHidden\n @on-checkbox-change=${this.handleRowSelectionChange}\n >\n ${this.selected ? 'Deselect' : 'Select'} Row ${this.rowId}\n </kyn-checkbox>\n </kyn-td>\n `\n : null}\n <slot></slot>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-tr': TableRow;\n }\n}\n"],"names":["_defaultTextStrings","expanded","collapsed","TableRow","LitElement","constructor","this","role","rowId","selected","checkboxSelection","dense","unread","locked","expandable","disabled","preventHighlight","dimmed","textStrings","_textStrings","_contextConsumer","ContextConsumer","tableContext","context","handleContextChange","assistiveText","handleRowSelectionChange","event","detail","checked","dispatchEvent","CustomEvent","bubbles","composed","willUpdate","changedProps","has","deepmerge","updated","changedProperties","nextElementSibling","matches","style","display","toString","setAttribute","removeAttribute","unnamedSlotEls","forEach","el","_handleUserInitiatedToggleExpando","init","cancelable","_handleExpanding","render","html","unsafeSVG","chevronDownIcon","styles","__decorate","property","type","String","reflect","prototype","Boolean","Object","state","queryAssignedElements","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table-row.js","sources":["../../../../src/components/reusable/table/table-row.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { html, LitElement, PropertyValues } from 'lit';\nimport {\n customElement,\n property,\n state,\n queryAssignedElements,\n} from 'lit/decorators.js';\nimport { ContextConsumer } from '@lit/context';\nimport { tableContext, TableContextType } from './table-context';\n\nimport chevronDownIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-down.svg';\n\nimport styles from './table-row.scss';\nimport '../checkbox/checkbox';\n\nimport { TableExpandedRow } from './table-expanded-row';\nimport { TableCell } from './table-cell';\nimport { deepmerge } from 'deepmerge-ts';\n\nconst _defaultTextStrings = {\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n};\n\n/**\n * `kyn-tr` Web Component.\n *\n * Represents a table row (`<tr>`) equivalent for custom tables created with Shidoka's design system.\n * It primarily acts as a container for individual table cells and behaves similarly to a native `<tr>` element.\n *\n * @slot unnamed - The content slot for adding table cells (`kyn-td` or other relevant cells).\n */\n@customElement('kyn-tr')\nexport class TableRow extends LitElement {\n static override styles = [styles];\n\n /** aria role.\n * @internal\n */\n @property({ type: String, reflect: true })\n override role = 'row';\n\n /** aria-disabled.\n * @internal\n */\n @property({ type: String, reflect: true })\n 'aria-disabled' = 'false';\n\n /**\n * rowId: String - Unique identifier for the row.\n */\n @property({ type: String, reflect: true })\n rowId = '';\n\n /**\n * selected: Boolean indicating whether the row is selected.\n * Reflects the `selected` attribute.\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * checkboxSelection: Boolean indicating whether rows should be\n * selectable using checkboxes.\n */\n @property({ type: Boolean, reflect: true })\n checkboxSelection = false;\n\n /**\n * dense: Boolean indicating whether the table should be displayed\n * in dense mode.\n */\n @property({ type: Boolean })\n dense = false;\n\n /**\n * Unread row state.\n */\n @property({ type: Boolean })\n unread = false;\n\n /**\n * locked: Boolean indicating whether the row is locked.\n * If a row is selected before it is locked, it remains selected even after being locked.\n * A row can be selected and disabled/locked simultaneously.\n */\n @property({ type: Boolean, reflect: true })\n locked = false;\n\n /**\n * expandable: Boolean indicating whether the row is expandable.\n */\n @property({ type: Boolean, reflect: true })\n expandable = false;\n\n /**\n * expanded: Boolean indicating whether the row is expanded.\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /**\n * disabled: Boolean indicating whether the row is disabled.\n * A disabled row is not allowed to have any user interactions.\n * A row can be selected and disabled/locked simultaneously.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * preventHighlight: Boolean indicating whether the row should not be highlighted.\n */\n @property({ type: Boolean, reflect: true })\n preventHighlight = false;\n\n /**\n * dimmed: Boolean indicating whether the row is dimmed.\n * A row should not be selected and dimmed simultaneously.\n */\n @property({ type: Boolean, reflect: true })\n dimmed = false;\n\n /** Text string customization. */\n @property({ type: Object })\n textStrings = _defaultTextStrings;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n _textStrings = _defaultTextStrings;\n\n /**\n * @ignore\n */\n @queryAssignedElements()\n unnamedSlotEls!: Array<HTMLElement>;\n\n /**\n * Context consumer for the table context.\n * Updates the cell's dense properties when the context changes.\n * @private\n * @ignore\n * @type {ContextConsumer<TableContextType, TableHeader>}\n */\n @state()\n // @ts-expect-error - This is a context consumer\n private _contextConsumer = new ContextConsumer(\n this,\n tableContext,\n (context) => {\n if (context) this.handleContextChange(context);\n },\n true\n );\n\n /**\n * Assistive text for screen readers.\n * @ignore\n */\n @state()\n assistiveText = '';\n\n /**\n * Updates the cell's dense and ellipsis properties when the context changes.\n * @param {TableContextType} context - The updated context.\n */\n handleContextChange = ({ checkboxSelection }: TableContextType) => {\n if (typeof checkboxSelection == 'boolean') {\n this.checkboxSelection = checkboxSelection;\n }\n };\n\n /**\n * Handles the change of selection state for a specific row.\n */\n handleRowSelectionChange(event: CustomEvent) {\n this.selected = event.detail.checked;\n // Emit the custom event with the selected row and its new state\n this.dispatchEvent(\n new CustomEvent('on-row-select', {\n detail: event.detail,\n bubbles: true,\n composed: true,\n })\n );\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n\n override updated(changedProperties: PropertyValues) {\n // Reflect the expanded state to the next sibling expanded row\n if (changedProperties.has('expanded')) {\n const { expanded, nextElementSibling } = this;\n if (nextElementSibling?.matches('kyn-expanded-tr')) {\n (nextElementSibling as TableExpandedRow).expanded = expanded;\n }\n }\n\n // Reflect the disabled state to the tabindex attribute\n if (changedProperties.has('disabled')) {\n this['aria-disabled'] = this.disabled.toString();\n\n if (this.disabled) {\n this.setAttribute('tabindex', '-1');\n } else {\n this.removeAttribute('tabindex');\n }\n\n this.unnamedSlotEls.forEach((el) => {\n (el as TableCell).disabled = this.disabled;\n });\n }\n\n // A row can be selected and disabled/locked simultaneously.\n // However, a row should not be both selected and dimmed at the same time.\n if (changedProperties.has('dimmed') || changedProperties.has('selected')) {\n this.unnamedSlotEls.forEach((el) => {\n (el as TableCell).dimmed = this.dimmed && !this.selected;\n });\n }\n }\n\n _handleUserInitiatedToggleExpando(expanded = !this.expanded) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n expanded,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent('table-row-expando-beingtoggled', init)\n )\n ) {\n this.expanded = expanded;\n this.assistiveText = expanded\n ? this._textStrings.expanded\n : this._textStrings.collapsed;\n this.dispatchEvent(new CustomEvent('table-row-expando-toggled', init));\n }\n }\n\n private _handleExpanding() {\n this._handleUserInitiatedToggleExpando();\n }\n\n override render() {\n return html`\n ${this.expandable\n ? html`\n <kyn-td .align=${'center'} ?dense=${this.dense}>\n <div class=\"kyn--table-expand\">\n <button\n class=\"kyn--table-expand__button\"\n type=\"button\"\n ?disabled=${this.disabled}\n title=${this.expanded\n ? this._textStrings.expanded\n : this._textStrings.collapsed}\n aria-label=${this.expanded\n ? this._textStrings.expanded\n : this._textStrings.collapsed}\n @click=${this._handleExpanding}\n >\n <span slot=\"icon\">${unsafeSVG(chevronDownIcon)}</span>\n </button>\n </div>\n\n <div\n class=\"assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\"\n >\n ${this.assistiveText}\n </div>\n </kyn-td>\n `\n : null}\n ${this.checkboxSelection\n ? html`\n <kyn-td .align=${'center'} ?dense=${this.dense}>\n <kyn-checkbox\n ?disabled=${this.disabled || this.locked}\n .checked=${this.selected}\n visiblyHidden\n @on-checkbox-change=${this.handleRowSelectionChange}\n >\n ${this.selected ? 'Deselect' : 'Select'} Row ${this.rowId}\n </kyn-checkbox>\n </kyn-td>\n `\n : null}\n <slot></slot>\n `;\n }\n}\n\n// Define the custom element in the global namespace\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-tr': TableRow;\n }\n}\n"],"names":["_defaultTextStrings","expanded","collapsed","TableRow","LitElement","constructor","this","role","rowId","selected","checkboxSelection","dense","unread","locked","expandable","disabled","preventHighlight","dimmed","textStrings","_textStrings","_contextConsumer","ContextConsumer","tableContext","context","handleContextChange","assistiveText","handleRowSelectionChange","event","detail","checked","dispatchEvent","CustomEvent","bubbles","composed","willUpdate","changedProps","has","deepmerge","updated","changedProperties","nextElementSibling","matches","toString","setAttribute","removeAttribute","unnamedSlotEls","forEach","el","_handleUserInitiatedToggleExpando","init","cancelable","_handleExpanding","render","html","unsafeSVG","chevronDownIcon","styles","__decorate","property","type","String","reflect","prototype","Boolean","Object","state","queryAssignedElements","customElement"],"mappings":"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"}
|