@ukic/canary-web-components 2.0.0-canary.37 → 2.0.0-canary.39

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 (95) hide show
  1. package/dist/cjs/core.cjs.js +1 -1
  2. package/dist/cjs/ic-data-table.cjs.entry.js +6 -2
  3. package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
  4. package/dist/cjs/ic-date-picker.cjs.entry.js +110 -57
  5. package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
  6. package/dist/cjs/ic-navigation-group.cjs.entry.js +9 -0
  7. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  8. package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
  9. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  10. package/dist/cjs/ic-tree-item.cjs.entry.js +1 -1
  11. package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +605 -0
  14. package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -0
  15. package/dist/collection/components/ic-data-table/ic-data-table.js +6 -2
  16. package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
  17. package/dist/collection/components/ic-data-table/ic-data-table.stories.js +414 -0
  18. package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -0
  19. package/dist/collection/components/ic-data-table/story-data.js +155 -0
  20. package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
  21. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js +98 -0
  22. package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js.map +1 -0
  23. package/dist/collection/components/ic-date-input/ic-date-input.stories.js +341 -0
  24. package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -0
  25. package/dist/collection/components/ic-date-picker/ic-date-picker.css +10 -3
  26. package/dist/collection/components/ic-date-picker/ic-date-picker.js +152 -57
  27. package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
  28. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js +167 -0
  29. package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js.map +1 -0
  30. package/dist/collection/components/ic-date-picker/story-data.js +34 -3
  31. package/dist/collection/components/ic-date-picker/story-data.js.map +1 -1
  32. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js +260 -0
  33. package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js.map +1 -0
  34. package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js +144 -0
  35. package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js.map +1 -0
  36. package/dist/collection/components/ic-tree-item/ic-tree-item.css +22 -3
  37. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +456 -0
  38. package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -0
  39. package/dist/components/ic-data-table.js +6 -2
  40. package/dist/components/ic-data-table.js.map +1 -1
  41. package/dist/components/ic-date-picker.js +112 -57
  42. package/dist/components/ic-date-picker.js.map +1 -1
  43. package/dist/components/ic-navigation-group.js +11 -2
  44. package/dist/components/ic-navigation-group.js.map +1 -1
  45. package/dist/components/ic-radio-option.js +1 -1
  46. package/dist/components/ic-radio-option.js.map +1 -1
  47. package/dist/components/ic-tree-item.js +1 -1
  48. package/dist/components/ic-tree-item.js.map +1 -1
  49. package/dist/core/core.esm.js +1 -1
  50. package/dist/core/core.esm.js.map +1 -1
  51. package/dist/core/p-04fe848d.entry.js +2 -0
  52. package/dist/core/p-04fe848d.entry.js.map +1 -0
  53. package/dist/core/{p-b4f824a6.entry.js → p-3ebd4703.entry.js} +2 -2
  54. package/dist/core/p-3ebd4703.entry.js.map +1 -0
  55. package/dist/core/p-bd0328f3.entry.js +2 -0
  56. package/dist/core/p-bd0328f3.entry.js.map +1 -0
  57. package/dist/core/p-cc0e0b46.entry.js +2 -0
  58. package/dist/core/p-cc0e0b46.entry.js.map +1 -0
  59. package/dist/core/p-fac387e8.entry.js +2 -0
  60. package/dist/core/p-fac387e8.entry.js.map +1 -0
  61. package/dist/esm/core.js +1 -1
  62. package/dist/esm/ic-data-table.entry.js +6 -2
  63. package/dist/esm/ic-data-table.entry.js.map +1 -1
  64. package/dist/esm/ic-date-picker.entry.js +110 -57
  65. package/dist/esm/ic-date-picker.entry.js.map +1 -1
  66. package/dist/esm/ic-navigation-group.entry.js +10 -1
  67. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  68. package/dist/esm/ic-radio-option.entry.js +1 -1
  69. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  70. package/dist/esm/ic-tree-item.entry.js +1 -1
  71. package/dist/esm/ic-tree-item.entry.js.map +1 -1
  72. package/dist/esm/loader.js +1 -1
  73. package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +82 -0
  74. package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +239 -0
  75. package/dist/types/components/ic-data-table/story-data.d.ts +57 -0
  76. package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.d.ts +47 -0
  77. package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts +124 -0
  78. package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +18 -1
  79. package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts +153 -0
  80. package/dist/types/components/ic-date-picker/story-data.d.ts +2 -0
  81. package/dist/types/components/ic-pagination-bar/ic-pagination-bar.stories.d.ts +106 -0
  82. package/dist/types/components/ic-select-with-multi/ic-select-multi.stories.d.ts +106 -0
  83. package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +99 -0
  84. package/dist/types/components.d.ts +13 -0
  85. package/hydrate/index.js +129 -62
  86. package/package.json +12 -12
  87. package/dist/core/p-4084bce2.entry.js +0 -2
  88. package/dist/core/p-4084bce2.entry.js.map +0 -1
  89. package/dist/core/p-71bbb583.entry.js +0 -2
  90. package/dist/core/p-71bbb583.entry.js.map +0 -1
  91. package/dist/core/p-89112e37.entry.js +0 -2
  92. package/dist/core/p-89112e37.entry.js.map +0 -1
  93. package/dist/core/p-b4f824a6.entry.js.map +0 -1
  94. package/dist/core/p-fe105ed0.entry.js +0 -2
  95. package/dist/core/p-fe105ed0.entry.js.map +0 -1
@@ -9,6 +9,7 @@ export declare const MonthFirst: () => HTMLIcDatePickerElement;
9
9
  export declare const YearFirst: () => HTMLIcDatePickerElement;
10
10
  export declare const DateFormats: () => HTMLElement;
11
11
  export declare const Value: () => HTMLIcDatePickerElement;
12
+ export declare const ValueCalendarOnlyMode: () => HTMLIcDatePickerElement;
12
13
  export declare const OpenAt: () => HTMLIcDatePickerElement;
13
14
  export declare const WeekStart: () => HTMLIcDatePickerElement;
14
15
  export declare const WorkingWeek: () => HTMLIcDatePickerElement;
@@ -20,3 +21,4 @@ export declare const HideOutsideMonth: () => HTMLIcDatePickerElement;
20
21
  export declare const HideButtons: () => HTMLIcDatePickerElement;
21
22
  export declare const JSDates: () => HTMLIcDatePickerElement;
22
23
  export declare const IcChangeDate: () => HTMLElement;
24
+ export declare const IcSelectedDateChange: () => HTMLElement;
@@ -0,0 +1,106 @@
1
+ /// <reference types="mdx" />
2
+ declare namespace _default {
3
+ let title: string;
4
+ let component: string;
5
+ namespace parameters {
6
+ namespace componentAPI {
7
+ export { readme as data };
8
+ }
9
+ }
10
+ }
11
+ export default _default;
12
+ export namespace Basic {
13
+ function render(): import("lit-html").TemplateResult<1>;
14
+ let name: string;
15
+ }
16
+ export namespace ItemsPerPageControl {
17
+ export function render_1(): import("lit-html").TemplateResult<1>;
18
+ export { render_1 as render };
19
+ let name_1: string;
20
+ export { name_1 as name };
21
+ }
22
+ export namespace GoToPageControl {
23
+ export function render_2(): import("lit-html").TemplateResult<1>;
24
+ export { render_2 as render };
25
+ let name_2: string;
26
+ export { name_2 as name };
27
+ }
28
+ export namespace PaginationRangeLabelType {
29
+ export function render_3(): import("lit-html").TemplateResult<1>;
30
+ export { render_3 as render };
31
+ let name_3: string;
32
+ export { name_3 as name };
33
+ }
34
+ export namespace PaginationItemLabel {
35
+ export function render_4(): import("lit-html").TemplateResult<1>;
36
+ export { render_4 as render };
37
+ let name_4: string;
38
+ export { name_4 as name };
39
+ }
40
+ export namespace PaginationType {
41
+ export function render_5(): import("lit-html").TemplateResult<1>;
42
+ export { render_5 as render };
43
+ let name_5: string;
44
+ export { name_5 as name };
45
+ }
46
+ export namespace AlignmentLeft {
47
+ export function render_6(): import("lit-html").TemplateResult<1>;
48
+ export { render_6 as render };
49
+ let name_6: string;
50
+ export { name_6 as name };
51
+ }
52
+ export namespace AlignmentSpaceBetween {
53
+ export function render_7(): import("lit-html").TemplateResult<1>;
54
+ export { render_7 as render };
55
+ let name_7: string;
56
+ export { name_7 as name };
57
+ }
58
+ export namespace Appearance {
59
+ export function render_8(): import("lit-html").TemplateResult<1>;
60
+ export { render_8 as render };
61
+ let name_8: string;
62
+ export { name_8 as name };
63
+ }
64
+ export namespace HideRangeLabel {
65
+ export function render_9(): import("lit-html").TemplateResult<1>;
66
+ export { render_9 as render };
67
+ let name_9: string;
68
+ export { name_9 as name };
69
+ }
70
+ export namespace HideAllFromItemsPerPage {
71
+ export function render_10(): import("lit-html").TemplateResult<1>;
72
+ export { render_10 as render };
73
+ let name_10: string;
74
+ export { name_10 as name };
75
+ }
76
+ export namespace SetToFirstPageWhenItemsPerPageChanges {
77
+ export function render_11(): import("lit-html").TemplateResult<1>;
78
+ export { render_11 as render };
79
+ let name_11: string;
80
+ export { name_11 as name };
81
+ }
82
+ export namespace SetSelectedItemsPerPage {
83
+ export function render_12(): import("lit-html").TemplateResult<1>;
84
+ export { render_12 as render };
85
+ let name_12: string;
86
+ export { name_12 as name };
87
+ }
88
+ export namespace SetSelectedItemsPerPageToInvalidValue {
89
+ export function render_13(): import("lit-html").TemplateResult<1>;
90
+ export { render_13 as render };
91
+ let name_13: string;
92
+ export { name_13 as name };
93
+ }
94
+ export namespace SetCurrentPage {
95
+ export function render_14(): import("lit-html").TemplateResult<1>;
96
+ export { render_14 as render };
97
+ let name_14: string;
98
+ export { name_14 as name };
99
+ }
100
+ export namespace SetCurrentPageToInvalidValue {
101
+ export function render_15(): import("lit-html").TemplateResult<1>;
102
+ export { render_15 as render };
103
+ let name_15: string;
104
+ export { name_15 as name };
105
+ }
106
+ import readme from "./readme.md";
@@ -0,0 +1,106 @@
1
+ /// <reference types="mdx" />
2
+ declare namespace _default {
3
+ let title: string;
4
+ let component: string;
5
+ namespace parameters {
6
+ namespace componentAPI {
7
+ export { readme as data };
8
+ }
9
+ }
10
+ }
11
+ export default _default;
12
+ export namespace DefaultExample {
13
+ function render(): HTMLDivElement;
14
+ let name: string;
15
+ }
16
+ export namespace DefaultValueExample {
17
+ export function render_1(): HTMLDivElement;
18
+ export { render_1 as render };
19
+ let name_1: string;
20
+ export { name_1 as name };
21
+ }
22
+ export namespace WithClearButtonExample {
23
+ export function render_2(): HTMLDivElement;
24
+ export { render_2 as render };
25
+ let name_2: string;
26
+ export { name_2 as name };
27
+ }
28
+ export namespace WithDescriptionsExample {
29
+ export function render_3(): HTMLDivElement;
30
+ export { render_3 as render };
31
+ let name_3: string;
32
+ export { name_3 as name };
33
+ }
34
+ export namespace HelperTextExample {
35
+ export function render_4(): HTMLDivElement;
36
+ export { render_4 as render };
37
+ let name_4: string;
38
+ export { name_4 as name };
39
+ }
40
+ export namespace SizesExample {
41
+ export function render_5(): HTMLDivElement;
42
+ export { render_5 as render };
43
+ let name_5: string;
44
+ export { name_5 as name };
45
+ }
46
+ export namespace DisabledExample {
47
+ export function render_6(): HTMLDivElement;
48
+ export { render_6 as render };
49
+ let name_6: string;
50
+ export { name_6 as name };
51
+ }
52
+ export namespace DisabledOptionsExample {
53
+ export function render_7(): HTMLDivElement;
54
+ export { render_7 as render };
55
+ let name_7: string;
56
+ export { name_7 as name };
57
+ }
58
+ export namespace HiddenLabelExample {
59
+ export function render_8(): HTMLDivElement;
60
+ export { render_8 as render };
61
+ let name_8: string;
62
+ export { name_8 as name };
63
+ }
64
+ export namespace RequiredExample {
65
+ export function render_9(): HTMLDivElement;
66
+ export { render_9 as render };
67
+ let name_9: string;
68
+ export { name_9 as name };
69
+ }
70
+ export namespace ReadOnlyExample {
71
+ export function render_10(): HTMLDivElement;
72
+ export { render_10 as render };
73
+ let name_10: string;
74
+ export { name_10 as name };
75
+ }
76
+ export namespace GroupsExample {
77
+ export function render_11(): HTMLDivElement;
78
+ export { render_11 as render };
79
+ let name_11: string;
80
+ export { name_11 as name };
81
+ }
82
+ export namespace RecommendedExample {
83
+ export function render_12(): HTMLDivElement;
84
+ export { render_12 as render };
85
+ let name_12: string;
86
+ export { name_12 as name };
87
+ }
88
+ export namespace ValidationExample {
89
+ export function render_13(): HTMLDivElement;
90
+ export { render_13 as render };
91
+ let name_13: string;
92
+ export { name_13 as name };
93
+ }
94
+ export namespace LoadingWithErrorExample {
95
+ export function render_14(): HTMLDivElement;
96
+ export { render_14 as render };
97
+ let name_14: string;
98
+ export { name_14 as name };
99
+ }
100
+ export namespace InFormExample {
101
+ export function render_15(): HTMLDivElement;
102
+ export { render_15 as render };
103
+ let name_15: string;
104
+ export { name_15 as name };
105
+ }
106
+ import readme from "./readme.md";
@@ -0,0 +1,99 @@
1
+ declare namespace _default {
2
+ let title: string;
3
+ let component: string;
4
+ namespace parameters {
5
+ namespace componentAPI {
6
+ let data: any;
7
+ }
8
+ }
9
+ }
10
+ export default _default;
11
+ export namespace Basic {
12
+ function render(): import("lit-html").TemplateResult<1>;
13
+ let name: string;
14
+ }
15
+ export namespace Nested {
16
+ export function render_1(): import("lit-html").TemplateResult<1>;
17
+ export { render_1 as render };
18
+ let name_1: string;
19
+ export { name_1 as name };
20
+ }
21
+ export namespace WithIcons {
22
+ export function render_2(): import("lit-html").TemplateResult<1>;
23
+ export { render_2 as render };
24
+ let name_2: string;
25
+ export { name_2 as name };
26
+ }
27
+ export namespace Small {
28
+ export function render_3(): import("lit-html").TemplateResult<1>;
29
+ export { render_3 as render };
30
+ let name_3: string;
31
+ export { name_3 as name };
32
+ }
33
+ export namespace Large {
34
+ export function render_4(): import("lit-html").TemplateResult<1>;
35
+ export { render_4 as render };
36
+ let name_4: string;
37
+ export { name_4 as name };
38
+ }
39
+ export namespace Light {
40
+ export function render_5(): import("lit-html").TemplateResult<1>;
41
+ export { render_5 as render };
42
+ let name_5: string;
43
+ export { name_5 as name };
44
+ export namespace parameters_1 {
45
+ namespace backgrounds {
46
+ let _default: string;
47
+ export { _default as default };
48
+ }
49
+ }
50
+ export { parameters_1 as parameters };
51
+ }
52
+ export namespace DisabledTreeItems {
53
+ export function render_6(): import("lit-html").TemplateResult<1>;
54
+ export { render_6 as render };
55
+ let name_6: string;
56
+ export { name_6 as name };
57
+ }
58
+ export namespace RouterItem {
59
+ export function render_7(): import("lit-html").TemplateResult<1>;
60
+ export { render_7 as render };
61
+ let name_7: string;
62
+ export { name_7 as name };
63
+ }
64
+ export namespace SlottedContent {
65
+ export function render_8(): import("lit-html").TemplateResult<1>;
66
+ export { render_8 as render };
67
+ let name_8: string;
68
+ export { name_8 as name };
69
+ }
70
+ export namespace MaxContent {
71
+ export function render_9(): import("lit-html").TemplateResult<1>;
72
+ export { render_9 as render };
73
+ let name_9: string;
74
+ export { name_9 as name };
75
+ }
76
+ export namespace TruncationBehaviour {
77
+ export function render_10(): import("lit-html").TemplateResult<1>;
78
+ export { render_10 as render };
79
+ let name_10: string;
80
+ export { name_10 as name };
81
+ }
82
+ export namespace SelectedTreeItem {
83
+ export function render_11(): import("lit-html").TemplateResult<1>;
84
+ export { render_11 as render };
85
+ let name_11: string;
86
+ export { name_11 as name };
87
+ }
88
+ export namespace Link {
89
+ export function render_12(): import("lit-html").TemplateResult<1>;
90
+ export { render_12 as render };
91
+ let name_12: string;
92
+ export { name_12 as name };
93
+ }
94
+ export namespace Expanded {
95
+ export function render_13(): import("lit-html").TemplateResult<1>;
96
+ export { render_13 as render };
97
+ let name_13: string;
98
+ export { name_13 as name };
99
+ }
@@ -406,6 +406,10 @@ export namespace Components {
406
406
  * If `true`, the input will require a value.
407
407
  */
408
408
  "required"?: boolean;
409
+ /**
410
+ * @deprecated This prop should not be used anymore. If `false` hides the date input control and just displays the calendar.
411
+ */
412
+ "showDateInput"?: boolean;
409
413
  /**
410
414
  * If `true`, days outside the current month will be visible in the date picker.
411
415
  */
@@ -898,6 +902,7 @@ declare global {
898
902
  };
899
903
  interface HTMLIcDatePickerElementEventMap {
900
904
  "icChange": { value: Date };
905
+ "icSelectedDateChange": { value: Date };
901
906
  }
902
907
  interface HTMLIcDatePickerElement extends Components.IcDatePicker, HTMLStencilElement {
903
908
  addEventListener<K extends keyof HTMLIcDatePickerElementEventMap>(type: K, listener: (this: HTMLIcDatePickerElement, ev: IcDatePickerCustomEvent<HTMLIcDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1407,6 +1412,10 @@ declare namespace LocalJSX {
1407
1412
  * Emitted when the value has changed.
1408
1413
  */
1409
1414
  "onIcChange"?: (event: IcDatePickerCustomEvent<{ value: Date }>) => void;
1415
+ /**
1416
+ * Emitted when the selected date has changed.
1417
+ */
1418
+ "onIcSelectedDateChange"?: (event: IcDatePickerCustomEvent<{ value: Date }>) => void;
1410
1419
  /**
1411
1420
  * The date visible when the calendar opens. Used if no date is currently selected. The value can be in any format supported as `dateFormat`, in ISO 8601 date string format (`yyyy-mm-dd`) or as a JavaScript `Date` object.
1412
1421
  */
@@ -1415,6 +1424,10 @@ declare namespace LocalJSX {
1415
1424
  * If `true`, the input will require a value.
1416
1425
  */
1417
1426
  "required"?: boolean;
1427
+ /**
1428
+ * @deprecated This prop should not be used anymore. If `false` hides the date input control and just displays the calendar.
1429
+ */
1430
+ "showDateInput"?: boolean;
1418
1431
  /**
1419
1432
  * If `true`, days outside the current month will be visible in the date picker.
1420
1433
  */