yuyeon 0.2.1-rc.10 → 0.2.1-rc.11

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 (10) hide show
  1. package/dist/yuyeon.js +434 -434
  2. package/dist/yuyeon.umd.cjs +2 -2
  3. package/lib/components/table/YDataTableHead.mjs +2 -1
  4. package/lib/components/table/YDataTableHead.mjs.map +1 -1
  5. package/lib/components/table/types/header.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/types/components/table/YDataTable.d.ts +7 -0
  8. package/types/components/table/YDataTableServer.d.ts +7 -0
  9. package/types/components/table/composibles/header.d.ts +8 -0
  10. package/types/components/table/types/header.d.ts +1 -0
package/lib/components/table/YDataTableHead.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
2
2
  import { useRender } from "../../composables/component.mjs";
3
+ import { wrapInArray } from "../../util/index.mjs";
3
4
  import { defineComponent, propsFactory } from "../../util/component/index.mjs";
4
5
  import { toStyleSizeValue } from "../../util/ui.mjs";
5
6
  import { YIconCheckbox } from "../icons/YIconCheckbox.mjs";
@@ -87,7 +88,7 @@ export const YDataTableHead = defineComponent({
87
88
  'y-data-table-header--sortable': column.sortable,
88
89
  'y-data-table-header--sorted': isSorted(column),
89
90
  'y-data-table-header--select': column.key === 'data-table-select'
90
- }],
91
+ }, ...wrapInArray(column.headerClasses ?? [])],
91
92
  "style": {
92
93
  width: toStyleSizeValue(column.width),
93
94
  minWidth: toStyleSizeValue(column.width),
package/lib/components/table/YDataTableHead.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"YDataTableHead.mjs","names":["useRender","defineComponent","propsFactory","toStyleSizeValue","YIconCheckbox","YIconSort","YDataTableCell","useHeader","useSelection","useSorting","pressYDataTableHeadProps","multiSort","Boolean","sortAscIcon","type","String","default","sortDescIcon","dualSortIcon","sticky","YDataTableHead","name","components","props","setup","_ref","slots","toggleSort","sortBy","isSorted","someSelected","allSelected","selectAll","showSelectAll","selectables","columns","headers","getFixedStyles","column","y","fixed","undefined","position","zIndex","left","fixedOffset","top","onClick","e","getSortDirection","found","value","find","by","key","order","YDataTableTh","_ref2","x","_createVNode","_mergeProps","align","lastFixed","sortable","width","minWidth","maxWidth","rowspan","colspan","headerSlotName","headerSlotProps","length","stopPropagation","text","_Fragment","head","map","row"],"sources":["../../../src/components/table/YDataTableHead.tsx"],"sourcesContent":["import { type CSSProperties } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, propsFactory } from '@/util/component';\nimport { toStyleSizeValue } from '@/util/ui';\n\nimport { YIconCheckbox } from '../icons/YIconCheckbox';\nimport { YIconSort } from '../icons/YIconSort';\nimport { YDataTableCell } from './YDataTableCell';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { useSorting } from './composibles/sorting';\nimport { InternalDataTableHeader } from './types';\n\nexport const pressYDataTableHeadProps = propsFactory(\n {\n multiSort: Boolean,\n sortAscIcon: {\n type: String,\n default: '@sortAsc',\n },\n sortDescIcon: {\n type: String,\n default: '@sortDesc',\n },\n dualSortIcon: Boolean,\n sticky: Boolean,\n },\n 'YDataTableHead',\n);\n\nexport const YDataTableHead = defineComponent({\n name: 'YDataTableHead',\n components: {\n YDataTableCell,\n },\n props: {\n ...pressYDataTableHeadProps(),\n },\n setup(props, { slots }) {\n const { toggleSort, sortBy, isSorted } = useSorting();\n const { someSelected, allSelected, selectAll, showSelectAll, selectables } =\n useSelection();\n const { columns, headers } = useHeader();\n\n const getFixedStyles = (\n column: InternalDataTableHeader,\n y: number,\n ): CSSProperties | undefined => {\n if (!props.sticky && !column.fixed) return undefined;\n\n return {\n position: 'sticky',\n zIndex: column.fixed ? 4 : props.sticky ? 3 : undefined,\n left: column.fixed ? toStyleSizeValue(column.fixedOffset) : undefined,\n top: props.sticky\n ? `calc(var(--v-table-header-height) * ${y})`\n : undefined,\n };\n };\n\n function onClick(e: Event) {\n //\n }\n\n function getSortDirection(column: InternalDataTableHeader) {\n const found = sortBy.value.find((by) => by.key === column.key);\n if (!found) {\n return undefined;\n }\n if (found.order === 'asc') {\n return 'asc';\n }\n if (found.order === 'desc') {\n return 'desc';\n }\n }\n\n const YDataTableTh = ({\n column,\n x,\n y,\n }: {\n column: InternalDataTableHeader;\n x: number;\n y: number;\n }) => {\n return (\n <YDataTableCell\n type=\"head\"\n align={column.align}\n fixed={\n column.fixed ? (column.lastFixed ? 'last' : 'lead') : undefined\n }\n class={[\n 'y-data-table-header',\n {\n 'y-data-table-header--sortable': column.sortable,\n 'y-data-table-header--sorted': isSorted(column),\n 'y-data-table-header--select': column.key === 'data-table-select',\n },\n ]}\n style={{\n width: toStyleSizeValue(column.width),\n minWidth: toStyleSizeValue(column.width),\n maxWidth: toStyleSizeValue(column.maxWidth),\n ...getFixedStyles(column, y),\n }}\n {...{ rowspan: column.rowspan, colspan: column.colspan }}\n onClick={onClick}\n >\n {{\n default: () => {\n const headerSlotName = `header.${column.key}` as const;\n const headerSlotProps = {\n column,\n selectAll,\n isSorted,\n toggleSort,\n sortBy: sortBy.value,\n someSelected: someSelected.value,\n allSelected: allSelected.value,\n selectables: selectables.value,\n getSortDirection,\n };\n\n if (slots[headerSlotName]) {\n return slots[headerSlotName]?.(headerSlotProps);\n }\n\n if (column.key === 'data-table-select') {\n return (\n slots['header.data-table-select']?.(headerSlotProps) ??\n (showSelectAll && (\n <YIconCheckbox\n checked={allSelected.value}\n indeterminate={!allSelected.value && someSelected.value}\n disabled={selectables.value.length < 1}\n {...{\n onClick: (e: MouseEvent) => {\n e.stopPropagation();\n selectAll(!allSelected.value);\n },\n }}\n ></YIconCheckbox>\n ))\n );\n }\n\n return (\n <div class=\"y-data-table-header__content\">\n <span class=\"y-data-table-header__text\">{column.text}</span>\n <span\n class={[\n 'y-data-table-header__sorting-icon',\n {\n 'y-data-table-header__sorting-icon--disabled':\n !column.sortable,\n },\n ]}\n onClick={\n column.sortable\n ? (e) => {\n e.stopPropagation();\n toggleSort(column);\n }\n : undefined\n }\n >\n <YIconSort\n disabled={!column.sortable}\n direction={getSortDirection(column)}\n ></YIconSort>\n </span>\n </div>\n );\n },\n }}\n </YDataTableCell>\n );\n };\n\n useRender(() => {\n return (\n <>\n {slots.head\n ? slots.head?.(props)\n : headers.value.map((row, y) => (\n <tr>\n {row.map((column, x) => (\n <YDataTableTh column={column} x={x} y={y} />\n ))}\n </tr>\n ))}\n </>\n );\n });\n },\n});\n\nexport type YDataTableHead = InstanceType<typeof YDataTableHead>;\n"],"mappings":"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"}
1
+ {"version":3,"file":"YDataTableHead.mjs","names":["useRender","wrapInArray","defineComponent","propsFactory","toStyleSizeValue","YIconCheckbox","YIconSort","YDataTableCell","useHeader","useSelection","useSorting","pressYDataTableHeadProps","multiSort","Boolean","sortAscIcon","type","String","default","sortDescIcon","dualSortIcon","sticky","YDataTableHead","name","components","props","setup","_ref","slots","toggleSort","sortBy","isSorted","someSelected","allSelected","selectAll","showSelectAll","selectables","columns","headers","getFixedStyles","column","y","fixed","undefined","position","zIndex","left","fixedOffset","top","onClick","e","getSortDirection","found","value","find","by","key","order","YDataTableTh","_ref2","x","_createVNode","_mergeProps","align","lastFixed","sortable","headerClasses","width","minWidth","maxWidth","rowspan","colspan","headerSlotName","headerSlotProps","length","stopPropagation","text","_Fragment","head","map","row"],"sources":["../../../src/components/table/YDataTableHead.tsx"],"sourcesContent":["import { type CSSProperties } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { wrapInArray } from '@/util';\nimport { defineComponent, propsFactory } from '@/util/component';\nimport { toStyleSizeValue } from '@/util/ui';\n\nimport { YIconCheckbox } from '../icons/YIconCheckbox';\nimport { YIconSort } from '../icons/YIconSort';\nimport { YDataTableCell } from './YDataTableCell';\nimport { useHeader } from './composibles/header';\nimport { useSelection } from './composibles/selection';\nimport { useSorting } from './composibles/sorting';\nimport { InternalDataTableHeader } from './types';\n\nexport const pressYDataTableHeadProps = propsFactory(\n {\n multiSort: Boolean,\n sortAscIcon: {\n type: String,\n default: '@sortAsc',\n },\n sortDescIcon: {\n type: String,\n default: '@sortDesc',\n },\n dualSortIcon: Boolean,\n sticky: Boolean,\n },\n 'YDataTableHead',\n);\n\nexport const YDataTableHead = defineComponent({\n name: 'YDataTableHead',\n components: {\n YDataTableCell,\n },\n props: {\n ...pressYDataTableHeadProps(),\n },\n setup(props, { slots }) {\n const { toggleSort, sortBy, isSorted } = useSorting();\n const { someSelected, allSelected, selectAll, showSelectAll, selectables } =\n useSelection();\n const { columns, headers } = useHeader();\n\n const getFixedStyles = (\n column: InternalDataTableHeader,\n y: number,\n ): CSSProperties | undefined => {\n if (!props.sticky && !column.fixed) return undefined;\n\n return {\n position: 'sticky',\n zIndex: column.fixed ? 4 : props.sticky ? 3 : undefined,\n left: column.fixed ? toStyleSizeValue(column.fixedOffset) : undefined,\n top: props.sticky\n ? `calc(var(--v-table-header-height) * ${y})`\n : undefined,\n };\n };\n\n function onClick(e: Event) {\n //\n }\n\n function getSortDirection(column: InternalDataTableHeader) {\n const found = sortBy.value.find((by) => by.key === column.key);\n if (!found) {\n return undefined;\n }\n if (found.order === 'asc') {\n return 'asc';\n }\n if (found.order === 'desc') {\n return 'desc';\n }\n }\n\n const YDataTableTh = ({\n column,\n x,\n y,\n }: {\n column: InternalDataTableHeader;\n x: number;\n y: number;\n }) => {\n return (\n <YDataTableCell\n type=\"head\"\n align={column.align}\n fixed={\n column.fixed ? (column.lastFixed ? 'last' : 'lead') : undefined\n }\n class={[\n 'y-data-table-header',\n {\n 'y-data-table-header--sortable': column.sortable,\n 'y-data-table-header--sorted': isSorted(column),\n 'y-data-table-header--select': column.key === 'data-table-select',\n },\n ...wrapInArray(column.headerClasses ?? []),\n ]}\n style={{\n width: toStyleSizeValue(column.width),\n minWidth: toStyleSizeValue(column.width),\n maxWidth: toStyleSizeValue(column.maxWidth),\n ...getFixedStyles(column, y),\n }}\n {...{ rowspan: column.rowspan, colspan: column.colspan }}\n onClick={onClick}\n >\n {{\n default: () => {\n const headerSlotName = `header.${column.key}` as const;\n const headerSlotProps = {\n column,\n selectAll,\n isSorted,\n toggleSort,\n sortBy: sortBy.value,\n someSelected: someSelected.value,\n allSelected: allSelected.value,\n selectables: selectables.value,\n getSortDirection,\n };\n\n if (slots[headerSlotName]) {\n return slots[headerSlotName]?.(headerSlotProps);\n }\n\n if (column.key === 'data-table-select') {\n return (\n slots['header.data-table-select']?.(headerSlotProps) ??\n (showSelectAll && (\n <YIconCheckbox\n checked={allSelected.value}\n indeterminate={!allSelected.value && someSelected.value}\n disabled={selectables.value.length < 1}\n {...{\n onClick: (e: MouseEvent) => {\n e.stopPropagation();\n selectAll(!allSelected.value);\n },\n }}\n ></YIconCheckbox>\n ))\n );\n }\n\n return (\n <div class=\"y-data-table-header__content\">\n <span class=\"y-data-table-header__text\">{column.text}</span>\n <span\n class={[\n 'y-data-table-header__sorting-icon',\n {\n 'y-data-table-header__sorting-icon--disabled':\n !column.sortable,\n },\n ]}\n onClick={\n column.sortable\n ? (e) => {\n e.stopPropagation();\n toggleSort(column);\n }\n : undefined\n }\n >\n <YIconSort\n disabled={!column.sortable}\n direction={getSortDirection(column)}\n ></YIconSort>\n </span>\n </div>\n );\n },\n }}\n </YDataTableCell>\n );\n };\n\n useRender(() => {\n return (\n <>\n {slots.head\n ? slots.head?.(props)\n : headers.value.map((row, y) => (\n <tr>\n {row.map((column, x) => (\n <YDataTableTh column={column} x={x} y={y} />\n ))}\n </tr>\n ))}\n </>\n );\n });\n },\n});\n\nexport type YDataTableHead = InstanceType<typeof YDataTableHead>;\n"],"mappings":"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"}
package/lib/components/table/types/header.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/table/types/header.ts"],"sourcesContent":["import { type DataTableCellClassesFn, type DataTableCompareFn } from './common';\n\nexport type DataTableHeader = {\n key: string;\n text: string;\n value?: any;\n\n colspan?: number;\n rowspan?: number;\n fixed?: boolean;\n\n classes?: string | string[] | DataTableCellClassesFn;\n align?: 'start' | 'end' | 'center';\n width?: number | string;\n minWidth?: string;\n maxWidth?: string;\n sortable?: boolean;\n sort?: DataTableCompareFn;\n mustSort?: boolean;\n};\n\nexport type InternalDataTableHeader = DataTableHeader & {\n sortable: boolean;\n fixedOffset?: number;\n lastFixed?: boolean;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/table/types/header.ts"],"sourcesContent":["import { type DataTableCellClassesFn, type DataTableCompareFn } from './common';\n\nexport type DataTableHeader = {\n key: string;\n text: string;\n value?: any;\n\n colspan?: number;\n rowspan?: number;\n fixed?: boolean;\n\n classes?: string | string[] | DataTableCellClassesFn;\n headerClasses?: string | string[];\n align?: 'start' | 'end' | 'center';\n width?: number | string;\n minWidth?: string;\n maxWidth?: string;\n sortable?: boolean;\n sort?: DataTableCompareFn;\n mustSort?: boolean;\n};\n\nexport type InternalDataTableHeader = DataTableHeader & {\n sortable: boolean;\n fixedOffset?: number;\n lastFixed?: boolean;\n};\n"],"mappings":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yuyeon",
3
- "version": "0.2.1-rc.10",
3
+ "version": "0.2.1-rc.11",
4
4
  "keywords": [
5
5
  "UI Library",
6
6
  "Vue"
package/types/components/table/YDataTable.d.ts CHANGED
@@ -208,6 +208,7 @@ export declare const pressDataTableProps: <Defaults extends {
208
208
  readonly rowspan?: number | undefined;
209
209
  readonly fixed?: boolean | undefined;
210
210
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
211
+ readonly headerClasses?: string | readonly string[] | undefined;
211
212
  readonly align?: "start" | "end" | "center" | undefined;
212
213
  readonly width?: string | number | undefined;
213
214
  readonly minWidth?: string | undefined;
@@ -226,6 +227,7 @@ export declare const pressDataTableProps: <Defaults extends {
226
227
  readonly rowspan?: number | undefined;
227
228
  readonly fixed?: boolean | undefined;
228
229
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
230
+ readonly headerClasses?: string | readonly string[] | undefined;
229
231
  readonly align?: "start" | "end" | "center" | undefined;
230
232
  readonly width?: string | number | undefined;
231
233
  readonly minWidth?: string | undefined;
@@ -244,6 +246,7 @@ export declare const pressDataTableProps: <Defaults extends {
244
246
  readonly rowspan?: number | undefined;
245
247
  readonly fixed?: boolean | undefined;
246
248
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
249
+ readonly headerClasses?: string | readonly string[] | undefined;
247
250
  readonly align?: "start" | "end" | "center" | undefined;
248
251
  readonly width?: string | number | undefined;
249
252
  readonly minWidth?: string | undefined;
@@ -259,6 +262,7 @@ export declare const pressDataTableProps: <Defaults extends {
259
262
  readonly rowspan?: number | undefined;
260
263
  readonly fixed?: boolean | undefined;
261
264
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
265
+ readonly headerClasses?: string | readonly string[] | undefined;
262
266
  readonly align?: "start" | "end" | "center" | undefined;
263
267
  readonly width?: string | number | undefined;
264
268
  readonly minWidth?: string | undefined;
@@ -275,6 +279,7 @@ export declare const pressDataTableProps: <Defaults extends {
275
279
  readonly rowspan?: number | undefined;
276
280
  readonly fixed?: boolean | undefined;
277
281
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
282
+ readonly headerClasses?: string | readonly string[] | undefined;
278
283
  readonly align?: "start" | "end" | "center" | undefined;
279
284
  readonly width?: string | number | undefined;
280
285
  readonly minWidth?: string | undefined;
@@ -290,6 +295,7 @@ export declare const pressDataTableProps: <Defaults extends {
290
295
  readonly rowspan?: number | undefined;
291
296
  readonly fixed?: boolean | undefined;
292
297
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
298
+ readonly headerClasses?: string | readonly string[] | undefined;
293
299
  readonly align?: "start" | "end" | "center" | undefined;
294
300
  readonly width?: string | number | undefined;
295
301
  readonly minWidth?: string | undefined;
@@ -418,6 +424,7 @@ export declare const YDataTable: import('vue').DefineComponent<{
418
424
  readonly rowspan?: number | undefined;
419
425
  readonly fixed?: boolean | undefined;
420
426
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
427
+ readonly headerClasses?: string | readonly string[] | undefined;
421
428
  readonly align?: "start" | "end" | "center" | undefined;
422
429
  readonly width?: string | number | undefined;
423
430
  readonly minWidth?: string | undefined;
package/types/components/table/YDataTableServer.d.ts CHANGED
@@ -211,6 +211,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
211
211
  readonly rowspan?: number | undefined;
212
212
  readonly fixed?: boolean | undefined;
213
213
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
214
+ readonly headerClasses?: string | readonly string[] | undefined;
214
215
  readonly align?: "start" | "end" | "center" | undefined;
215
216
  readonly width?: string | number | undefined;
216
217
  readonly minWidth?: string | undefined;
@@ -229,6 +230,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
229
230
  readonly rowspan?: number | undefined;
230
231
  readonly fixed?: boolean | undefined;
231
232
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
233
+ readonly headerClasses?: string | readonly string[] | undefined;
232
234
  readonly align?: "start" | "end" | "center" | undefined;
233
235
  readonly width?: string | number | undefined;
234
236
  readonly minWidth?: string | undefined;
@@ -247,6 +249,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
247
249
  readonly rowspan?: number | undefined;
248
250
  readonly fixed?: boolean | undefined;
249
251
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
252
+ readonly headerClasses?: string | readonly string[] | undefined;
250
253
  readonly align?: "start" | "end" | "center" | undefined;
251
254
  readonly width?: string | number | undefined;
252
255
  readonly minWidth?: string | undefined;
@@ -262,6 +265,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
262
265
  readonly rowspan?: number | undefined;
263
266
  readonly fixed?: boolean | undefined;
264
267
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
268
+ readonly headerClasses?: string | readonly string[] | undefined;
265
269
  readonly align?: "start" | "end" | "center" | undefined;
266
270
  readonly width?: string | number | undefined;
267
271
  readonly minWidth?: string | undefined;
@@ -278,6 +282,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
278
282
  readonly rowspan?: number | undefined;
279
283
  readonly fixed?: boolean | undefined;
280
284
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
285
+ readonly headerClasses?: string | readonly string[] | undefined;
281
286
  readonly align?: "start" | "end" | "center" | undefined;
282
287
  readonly width?: string | number | undefined;
283
288
  readonly minWidth?: string | undefined;
@@ -293,6 +298,7 @@ export declare const pressDataTableServerProps: <Defaults extends {
293
298
  readonly rowspan?: number | undefined;
294
299
  readonly fixed?: boolean | undefined;
295
300
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
301
+ readonly headerClasses?: string | readonly string[] | undefined;
296
302
  readonly align?: "start" | "end" | "center" | undefined;
297
303
  readonly width?: string | number | undefined;
298
304
  readonly minWidth?: string | undefined;
@@ -451,6 +457,7 @@ export declare const YDataTableServer: import('vue').DefineComponent<{
451
457
  readonly rowspan?: number | undefined;
452
458
  readonly fixed?: boolean | undefined;
453
459
  readonly classes?: string | readonly string[] | import('./types/common').DataTableCellClassesFn | undefined;
460
+ readonly headerClasses?: string | readonly string[] | undefined;
454
461
  readonly align?: "start" | "end" | "center" | undefined;
455
462
  readonly width?: string | number | undefined;
456
463
  readonly minWidth?: string | undefined;
package/types/components/table/composibles/header.d.ts CHANGED
@@ -13,6 +13,7 @@ export declare const pressDataTableHeader: <Defaults extends {
13
13
  readonly rowspan?: number | undefined;
14
14
  readonly fixed?: boolean | undefined;
15
15
  readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
16
+ readonly headerClasses?: string | readonly string[] | undefined;
16
17
  readonly align?: "start" | "end" | "center" | undefined;
17
18
  readonly width?: string | number | undefined;
18
19
  readonly minWidth?: string | undefined;
@@ -31,6 +32,7 @@ export declare const pressDataTableHeader: <Defaults extends {
31
32
  readonly rowspan?: number | undefined;
32
33
  readonly fixed?: boolean | undefined;
33
34
  readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
35
+ readonly headerClasses?: string | readonly string[] | undefined;
34
36
  readonly align?: "start" | "end" | "center" | undefined;
35
37
  readonly width?: string | number | undefined;
36
38
  readonly minWidth?: string | undefined;
@@ -49,6 +51,7 @@ export declare const pressDataTableHeader: <Defaults extends {
49
51
  readonly rowspan?: number | undefined;
50
52
  readonly fixed?: boolean | undefined;
51
53
  readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
54
+ readonly headerClasses?: string | readonly string[] | undefined;
52
55
  readonly align?: "start" | "end" | "center" | undefined;
53
56
  readonly width?: string | number | undefined;
54
57
  readonly minWidth?: string | undefined;
@@ -64,6 +67,7 @@ export declare const pressDataTableHeader: <Defaults extends {
64
67
  readonly rowspan?: number | undefined;
65
68
  readonly fixed?: boolean | undefined;
66
69
  readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
70
+ readonly headerClasses?: string | readonly string[] | undefined;
67
71
  readonly align?: "start" | "end" | "center" | undefined;
68
72
  readonly width?: string | number | undefined;
69
73
  readonly minWidth?: string | undefined;
@@ -80,6 +84,7 @@ export declare const pressDataTableHeader: <Defaults extends {
80
84
  readonly rowspan?: number | undefined;
81
85
  readonly fixed?: boolean | undefined;
82
86
  readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
87
+ readonly headerClasses?: string | readonly string[] | undefined;
83
88
  readonly align?: "start" | "end" | "center" | undefined;
84
89
  readonly width?: string | number | undefined;
85
90
  readonly minWidth?: string | undefined;
@@ -95,6 +100,7 @@ export declare const pressDataTableHeader: <Defaults extends {
95
100
  readonly rowspan?: number | undefined;
96
101
  readonly fixed?: boolean | undefined;
97
102
  readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
103
+ readonly headerClasses?: string | readonly string[] | undefined;
98
104
  readonly align?: "start" | "end" | "center" | undefined;
99
105
  readonly width?: string | number | undefined;
100
106
  readonly minWidth?: string | undefined;
@@ -123,6 +129,7 @@ export declare function createHeader(props: HeaderProps, options?: {
123
129
  rowspan?: number | undefined;
124
130
  fixed?: boolean | undefined;
125
131
  classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
132
+ headerClasses?: string | string[] | undefined;
126
133
  align?: "start" | "end" | "center" | undefined;
127
134
  width?: string | number | undefined;
128
135
  minWidth?: string | undefined;
@@ -141,6 +148,7 @@ export declare function createHeader(props: HeaderProps, options?: {
141
148
  rowspan?: number | undefined;
142
149
  fixed?: boolean | undefined;
143
150
  classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
151
+ headerClasses?: string | string[] | undefined;
144
152
  align?: "start" | "end" | "center" | undefined;
145
153
  width?: string | number | undefined;
146
154
  minWidth?: string | undefined;
package/types/components/table/types/header.d.ts CHANGED
@@ -8,6 +8,7 @@ export type DataTableHeader = {
8
8
  rowspan?: number;
9
9
  fixed?: boolean;
10
10
  classes?: string | string[] | DataTableCellClassesFn;
11
+ headerClasses?: string | string[];
11
12
  align?: 'start' | 'end' | 'center';
12
13
  width?: number | string;
13
14
  minWidth?: string;