@watermarkinsights/ripple 5.13.0-alpha.1 → 5.13.0-alpha.2

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 (62) hide show
  1. package/package.json +2 -2
  2. package/dist/components/chartFunctions.js +0 -715
  3. package/dist/components/functions.js +0 -17465
  4. package/dist/components/index.js +0 -138
  5. package/dist/components/interfaces.js +0 -53
  6. package/dist/components/intl.js +0 -277
  7. package/dist/components/priv-calendar.js +0 -6
  8. package/dist/components/priv-calendar2.js +0 -592
  9. package/dist/components/priv-chart-popover.js +0 -6
  10. package/dist/components/priv-chart-popover2.js +0 -154
  11. package/dist/components/priv-navigator-button.js +0 -6
  12. package/dist/components/priv-navigator-button2.js +0 -42
  13. package/dist/components/priv-navigator-item.js +0 -6
  14. package/dist/components/priv-navigator-item2.js +0 -49
  15. package/dist/components/priv-option-list.js +0 -6
  16. package/dist/components/priv-option-list2.js +0 -421
  17. package/dist/components/wm-action-menu.js +0 -6
  18. package/dist/components/wm-action-menu2.js +0 -231
  19. package/dist/components/wm-button.js +0 -6
  20. package/dist/components/wm-button2.js +0 -231
  21. package/dist/components/wm-chart-slice.js +0 -41
  22. package/dist/components/wm-chart.js +0 -197
  23. package/dist/components/wm-date-range.js +0 -522
  24. package/dist/components/wm-datepicker.js +0 -287
  25. package/dist/components/wm-file-list.js +0 -38
  26. package/dist/components/wm-file.js +0 -228
  27. package/dist/components/wm-input.js +0 -152
  28. package/dist/components/wm-line-chart.js +0 -497
  29. package/dist/components/wm-menuitem.js +0 -6
  30. package/dist/components/wm-menuitem2.js +0 -146
  31. package/dist/components/wm-modal-footer.js +0 -73
  32. package/dist/components/wm-modal-header.js +0 -61
  33. package/dist/components/wm-modal-pss-footer.js +0 -69
  34. package/dist/components/wm-modal-pss-header.js +0 -64
  35. package/dist/components/wm-modal-pss.js +0 -162
  36. package/dist/components/wm-modal.js +0 -161
  37. package/dist/components/wm-navigation-hamburger.js +0 -70
  38. package/dist/components/wm-navigation-item.js +0 -40
  39. package/dist/components/wm-navigation.js +0 -144
  40. package/dist/components/wm-navigator.js +0 -410
  41. package/dist/components/wm-nested-select.js +0 -343
  42. package/dist/components/wm-optgroup.js +0 -107
  43. package/dist/components/wm-option.js +0 -6
  44. package/dist/components/wm-option2.js +0 -196
  45. package/dist/components/wm-pagination.js +0 -251
  46. package/dist/components/wm-progress-indicator.js +0 -144
  47. package/dist/components/wm-progress-monitor.js +0 -93
  48. package/dist/components/wm-progress-slice.js +0 -37
  49. package/dist/components/wm-search.js +0 -250
  50. package/dist/components/wm-select.js +0 -6
  51. package/dist/components/wm-select2.js +0 -294
  52. package/dist/components/wm-snackbar.js +0 -202
  53. package/dist/components/wm-tab-item.js +0 -85
  54. package/dist/components/wm-tab-list.js +0 -217
  55. package/dist/components/wm-tab-panel.js +0 -52
  56. package/dist/components/wm-tag-input.js +0 -919
  57. package/dist/components/wm-tag-option.js +0 -63
  58. package/dist/components/wm-textarea.js +0 -113
  59. package/dist/components/wm-timepicker.js +0 -333
  60. package/dist/components/wm-toggletip.js +0 -200
  61. package/dist/components/wm-uploader.js +0 -348
  62. package/dist/components/wm-wrapper.js +0 -34
@@ -1,138 +0,0 @@
1
- import { setMode } from '@stencil/core/internal/client';
2
- export { getAssetPath, render, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
3
-
4
- const name = "monoripple";
5
- const version = "5.12.0";
6
- const description = "";
7
- const main = "index.js";
8
- const workspaces = [
9
- "packages/*"
10
- ];
11
- const scripts = {
12
- test: "echo \"Error: no test specified\" && exit 1",
13
- build: "(cd packages/ripple && npm run build)"
14
- };
15
- const keywords = [
16
- ];
17
- const author = "";
18
- const license = "ISC";
19
- const type = "commonjs";
20
- const devDependencies = {
21
- "@types/node": "^22.15.21",
22
- "@types/react": "^17.0.86",
23
- lerna: "^8.2.2",
24
- react: "^19.1.0",
25
- "react-dom": "^19.1.0",
26
- typescript: "^5.8.3"
27
- };
28
- const dependencies = {
29
- "@stencil/react-output-target": "^1.0.2"
30
- };
31
- var _package = {
32
- name: name,
33
- version: version,
34
- description: description,
35
- main: main,
36
- workspaces: workspaces,
37
- scripts: scripts,
38
- keywords: keywords,
39
- author: author,
40
- license: license,
41
- type: type,
42
- devDependencies: devDependencies,
43
- dependencies: dependencies
44
- };
45
-
46
- // PRINT RIPPLE VERSION IN CONSOLE
47
- // test envs return 0 for plugin.length
48
- // do not print version number there as it causes issues
49
- if (window.navigator.plugins.length > 0) {
50
- console.log("%cRipple component library %c%s", "color: #575195; font-weight: bold", "font-weight: bold", version);
51
- }
52
- // Dispatching events to track whether user is navigating with keyboard or mouse
53
- // no longer necessary for keyboard focus indicators (thanks to :focus-visible)
54
- // but still used in several components for other things (search for isTabbing)
55
- function wmComponentKeys(ev) {
56
- if (ev.key == "Tab") {
57
- var event = new Event("wmUserIsTabbing");
58
- window.dispatchEvent(event);
59
- document.querySelector("body").classList.add("wmcl-user-is-tabbing");
60
- }
61
- if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
62
- var event = new Event("wmUserIsKeying");
63
- window.dispatchEvent(event);
64
- document.querySelector("body").classList.add("wmcl-user-is-keying");
65
- }
66
- }
67
- function wmComponentMouseDownOnce() {
68
- var event = new Event("wmUserIsNotTabbing");
69
- window.dispatchEvent(event);
70
- document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
71
- document.querySelector("body").classList.remove("wmcl-user-is-keying");
72
- }
73
- window.addEventListener("keydown", wmComponentKeys);
74
- window.addEventListener("mousedown", wmComponentMouseDownOnce);
75
- // MODES (FOR PRODUCT-SPECIFIC STYLING)
76
- //Checks for mode attribute explicitly set on the document. If "mode" is set on component, it will override the global mode. Falls back to default (Planning styles)
77
- setMode((elm) => {
78
- return elm.getAttribute("mode") || document.documentElement.getAttribute("mode") || "planning";
79
- });
80
- // TOOLTIP
81
- // Add a tooltip element
82
- // This allows tooltips to be always at the highest stacking context (always on top)
83
- // Element is added withing a container to avoid performance impact
84
- const tooltipContainer = document.createElement("div");
85
- tooltipContainer.id = "wm-tooltip-container";
86
- const tooltipEl = document.createElement("div");
87
- tooltipEl.id = "wm-tooltip";
88
- tooltipEl.classList.add("wm-tooltip");
89
- tooltipEl.setAttribute("popover", "manual");
90
- tooltipEl.setAttribute("aria-hidden", "true");
91
- const tooltipStyles = document.createElement("style");
92
- tooltipStyles.textContent = `
93
- .wm-tooltip {
94
- position: fixed;
95
- overflow: hidden;
96
- pointer-events: none;
97
- line-height: normal;
98
- font-family: inherit;
99
- font-size: 0.875rem;
100
- text-transform: none;
101
- font-weight: normal;
102
- background: var(--wmcolor-tooltip-background);
103
- color: var(--wmcolor-tooltip-text);
104
- z-index: 999999;
105
- max-width: var(--wmTooltipMaxWidth, 13.75rem);
106
- margin-right: 1.5rem;
107
- padding: 0.375rem;
108
- transition-property: opacity;
109
- transition-delay: 0s;
110
- opacity: 0;
111
- inset: unset;
112
- top: 0;
113
- left: 0;
114
- transform: translateZ(0);
115
- will-change: transform;
116
- transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));
117
- border: none;
118
- }
119
-
120
- .wm-tooltip:popover-open {
121
- opacity: 0;
122
- }
123
-
124
- .wm-tooltip.show {
125
- transition-delay: 500ms;
126
- opacity: 1;
127
- }
128
- `;
129
- document.head.appendChild(tooltipStyles);
130
- tooltipContainer.appendChild(tooltipEl);
131
- document.querySelector("body").appendChild(tooltipContainer);
132
- const globalFn = () => { };
133
-
134
- const globalScripts = globalFn;
135
-
136
- //! Autogenerated index
137
-
138
- globalScripts();
@@ -1,53 +0,0 @@
1
- //List of icon codes with more indicative descriptors to create labels for icon-only buttons
2
- const iconLabels = {
3
- f156: "Close",
4
- f3eb: "Edit",
5
- f739: "Cancel",
6
- f12c: "Save",
7
- f1c0: "Delete",
8
- f349: "Search",
9
- f207: "Export info",
10
- f1d9: "Open dropdown",
11
- f04d: "Go back",
12
- f054: "Go forward",
13
- f141: "Left",
14
- f142: "Right",
15
- f35e: "Menu left",
16
- f35d: "Toggle menu down",
17
- f30d: "Backspace",
18
- f645: "Sort hierarchically",
19
- f4bb: "Sort alphabetically",
20
- };
21
- function getIconCodeFromName(icon) {
22
- return iconCodes[icon] || icon;
23
- }
24
- const iconCodes = {
25
- close: "f156",
26
- pencil: "f3eb",
27
- cancel: "f739",
28
- check: "f12c",
29
- delete: "f1c0",
30
- magnify: "f349",
31
- export: "f207",
32
- "dots-vertical": "f1d9",
33
- "arrow-left": "f04d",
34
- "arrow-right": "f054",
35
- "chevron-left": "f141",
36
- "chevron-right": "f142",
37
- "menu-left": "f35e",
38
- "menu-down": "f35d",
39
- "keyboard-backspace": "f30d",
40
- "file-tree": "f645",
41
- "sort-alphabetical": "f4bb",
42
- "checkbox-marked-circle": "f133",
43
- "account-settings": "f630",
44
- "backup-restore": "f06f",
45
- };
46
- const defaultMode = "planning";
47
- const getWmMode = (ref) => {
48
- return (ref.getAttribute("mode") ||
49
- document.documentElement.getAttribute("mode") ||
50
- defaultMode);
51
- };
52
-
53
- export { getWmMode as a, getIconCodeFromName as g };
@@ -1,277 +0,0 @@
1
- import { i as intl } from './functions.js';
2
-
3
- const globalMessages = {
4
- characterLimitReached: intl.formatMessage({
5
- id: "global.characterLimitReached",
6
- defaultMessage: "No additional characters will be entered.",
7
- description: "for screen readers",
8
- }),
9
- close: intl.formatMessage({
10
- id: "global.closeVerb",
11
- defaultMessage: "Close",
12
- description: "For a button, to close a user interface element",
13
- }),
14
- genericError: intl.formatMessage({
15
- id: "global.genericError",
16
- defaultMessage: "An error occurred. Please try again.",
17
- }),
18
- hide: intl.formatMessage({
19
- id: "global.hideVerb",
20
- defaultMessage: "Hide",
21
- description: "For a button, to hide something",
22
- }),
23
- locked: intl.formatMessage({
24
- id: "global.locked",
25
- defaultMessage: "locked",
26
- description: "For an interactive element, indicating its state cannot be changed",
27
- }),
28
- newWindow: intl.formatMessage({
29
- id: "global.newWindowLink",
30
- defaultMessage: "Opens in a new window.",
31
- description: "Indicates that a focused link will open in a new window",
32
- }),
33
- next: intl.formatMessage({
34
- id: "global.next",
35
- defaultMessage: "next",
36
- description: "Button text, indicating an action leading to a 'next' state",
37
- }),
38
- open: intl.formatMessage({
39
- id: "global.openVerb",
40
- defaultMessage: "Open",
41
- description: "For a button, to open a user interface element",
42
- }),
43
- previous: intl.formatMessage({
44
- id: "global.previous",
45
- defaultMessage: "previous",
46
- description: "Button text, indicating an action leading to a 'previous' state",
47
- }),
48
- requiredError: intl.formatMessage({
49
- id: "global.requiredError",
50
- defaultMessage: "This field is required.",
51
- description: "Error displayed under a required field when it has not been filled",
52
- }),
53
- requiredField: intl.formatMessage({
54
- id: "global.requiredField",
55
- defaultMessage: "required field",
56
- description: "Screen reader text, indicating the currently focused field is required",
57
- }),
58
- show: intl.formatMessage({
59
- id: "global.showVerb",
60
- defaultMessage: "Show",
61
- description: "For a button, to show something",
62
- }),
63
- // -------------------------------------------------------------------------- //
64
- // Functions //
65
- // -------------------------------------------------------------------------- //
66
- getCharactersEntered: (charCount, charLimit) => intl.formatMessage({
67
- id: "global.charactersEntered",
68
- defaultMessage: "{x, number} of {y, number} characters entered.",
69
- description: "for screen readers",
70
- }, { x: charCount, y: charLimit }),
71
- getCharacterLimit: (characterLimit) => intl.formatMessage({
72
- id: "global.characterLimit",
73
- defaultMessage: "{limit, number} characters allowed.",
74
- description: "for screen readers",
75
- }, { limit: characterLimit }),
76
- };
77
- const uploaderMessages = {
78
- duplicateName: intl.formatMessage({
79
- id: "uploader.duplicateName",
80
- defaultMessage: "A file with this name already exists.",
81
- }),
82
- fileLimitExceeded: intl.formatMessage({
83
- id: "uploader.fileUploadLimitExceeded",
84
- defaultMessage: "Upload unsuccessful because file selection would exceed the maximum number of files",
85
- description: "Message displayed when trying to upload too many files",
86
- }),
87
- fileLimitReached: intl.formatMessage({
88
- id: "uploader.fileUploadLimitReached",
89
- defaultMessage: "The maximum number of files has been reached",
90
- description: "Message displayed when trying to upload additional files, but the limit has been reached",
91
- }),
92
- finishedUploading: intl.formatMessage({
93
- id: "uploader.finishedUploading",
94
- defaultMessage: "Finished uploading",
95
- }),
96
- waitToUpload: intl.formatMessage({
97
- id: "uploader.waitToUpload",
98
- defaultMessage: "Please wait for current upload to complete before uploading new files.",
99
- description: "Message for screen reader users",
100
- }),
101
- zeroFileSize: intl.formatMessage({
102
- id: "uploader.zeroFileSize",
103
- defaultMessage: "The file must be more than 0 bytes",
104
- description: "Error message when user attempts to upload a file of no size",
105
- }),
106
- dropInstructions: intl.formatMessage({
107
- id: "uploader.dropInstructions",
108
- defaultMessage: "Browse or Drag Files Here",
109
- description: "Instructions for how to choose files to upload",
110
- }),
111
- dropFile: intl.formatMessage({
112
- id: "uploader.dropFile",
113
- defaultMessage: "Drop to Upload",
114
- description: "Prompt for use to drop the file they're currently dragging",
115
- }),
116
- fileRequirements: intl.formatMessage({
117
- id: "uploader.fileRequirements",
118
- defaultMessage: "File Requirements",
119
- description: "Expandable button revealing the uploader's file requirements",
120
- }),
121
- // -------------------------------------------------------------------------- //
122
- // Functions //
123
- // -------------------------------------------------------------------------- //
124
- getFilesAdded: (numFiles) => intl.formatMessage({
125
- id: "uploader.filesAdded",
126
- defaultMessage: "{numFiles, plural, one {1 file added} other {# files added}}",
127
- }, { numFiles: numFiles }),
128
- getFileCount: (fileListLength, maxFiles) => intl.formatMessage({
129
- id: "uploader.fileCount",
130
- defaultMessage: "{x} of {y} Files",
131
- description: "A count of the number of files currently uploaded",
132
- }, { x: fileListLength, y: maxFiles }),
133
- getFileTooLarge: (maxSize) => intl.formatMessage({
134
- id: "uploader.fileTooLarge",
135
- defaultMessage: "The selected file is too large. Maximum file size is {size}",
136
- }, { size: maxSize }),
137
- getFilesUploading: (numFilesUploading) => intl.formatMessage({
138
- id: "uploader.filesUploading",
139
- defaultMessage: "{num, plural, one {1 file uploading} other {# files uploading}}",
140
- }, { num: numFilesUploading }),
141
- getInvalidFileType: (validTypes) => intl.formatMessage({
142
- id: "uploader.invalidFileType",
143
- defaultMessage: "The file type is invalid. Accepted types: {validTypes}",
144
- }, { validTypes }),
145
- getUploadProgress: (percentage) => intl.formatMessage({
146
- id: "uploader.uploadProgress",
147
- defaultMessage: "Upload progress: {percentage}%",
148
- }, { percentage: percentage }),
149
- };
150
- const chartMessages = {
151
- interactiveChart: intl.formatMessage({
152
- id: "chart.interactiveChart",
153
- defaultMessage: "Interactive chart",
154
- description: "For screen readers only, a description clarifying the role of the chart widget",
155
- }),
156
- };
157
- const lineChartMessages = {
158
- instructions: intl.formatMessage({
159
- id: "linechart.instructions",
160
- defaultMessage: "Use Tab and arrow keys to browse elements.",
161
- description: "For screen readers only, instructions on how to interact with the line chart component",
162
- }),
163
- noData: intl.formatMessage({
164
- id: "linechart.noData",
165
- defaultMessage: "No Data",
166
- description: "Message displayed when a data point has missing data",
167
- }),
168
- highlightQualifier: intl.formatMessage({
169
- id: "linechart.highlightQualifier",
170
- defaultMessage: "highlighted",
171
- description: "Descriptor for highlighted areas of a chart",
172
- }),
173
- // -------------------------------------------------------------------------- //
174
- // Functions //
175
- // -------------------------------------------------------------------------- //
176
- getChangeSince: (prevXValue) => intl.formatMessage({
177
- id: "linechart.changeSince",
178
- defaultMessage: "Change since {time}",
179
- description: "Indicates a comparison between current and previous data",
180
- }, {
181
- time: prevXValue,
182
- }),
183
- getToggleButtonLabel: (itemCount) => intl.formatMessage({
184
- id: "linechart.toggleButtonLabel",
185
- defaultMessage: "Toggle line visibility, list with {itemCount} items",
186
- }, {
187
- itemCount: itemCount,
188
- }),
189
- getToggleButtonState: (isPressed) => intl.formatMessage({
190
- id: "linechart.toggleButtonState",
191
- defaultMessage: "toggle {isPressed, select, true {pressed} other {}}",
192
- description: "Descriptor and state for a toggle button UI element",
193
- }, {
194
- isPressed: isPressed,
195
- }),
196
- getLineFocusAnnouncement: (label, lineNumber, lineTotal, lineLength) => intl.formatMessage({
197
- id: "linechart.getLineFocusAnnouncement",
198
- defaultMessage: `{label}, line {lineNumber} of {lineTotal} with {lineLength} data points`,
199
- }, {
200
- label: label,
201
- lineNumber: lineNumber,
202
- lineTotal: lineTotal,
203
- lineLength: lineLength,
204
- }),
205
- };
206
- const selectMessages = {
207
- multiPlaceholder: intl.formatMessage({
208
- id: "select.multiPlaceholder",
209
- defaultMessage: "Make a selection",
210
- }),
211
- singlePlaceholder: intl.formatMessage({
212
- id: "select.singlePlaceholder",
213
- defaultMessage: "Select an Option",
214
- }),
215
- multiClearSelection: intl.formatMessage({
216
- id: "select.multiClearSelection",
217
- defaultMessage: "Clear all Selections",
218
- description: "Clear as in remove. Use imperative",
219
- }),
220
- singleClearSelection: intl.formatMessage({
221
- id: "select.singleClearSelection",
222
- defaultMessage: "Clear Selection",
223
- description: "Clear as in remove. Use imperative",
224
- }),
225
- selectionCleared: intl.formatMessage({
226
- id: "select.selectionCleared",
227
- defaultMessage: "Selection cleared",
228
- }),
229
- searchPlaceholder: intl.formatMessage({
230
- id: "select.searchPlaceholder",
231
- defaultMessage: "Search",
232
- description: "Appears in a search field UI element",
233
- }),
234
- allSelected: intl.formatMessage({
235
- id: "select.allSelected",
236
- defaultMessage: "All selected",
237
- description: "Indicates all possible options have been selected",
238
- }),
239
- selectAllMessage: intl.formatMessage({
240
- id: "select.selectAll",
241
- defaultMessage: "Select All",
242
- }),
243
- deselectAllMessage: intl.formatMessage({
244
- id: "select.deselectAll",
245
- defaultMessage: "Deselect All",
246
- }),
247
- allOptionsSelectedMessage: intl.formatMessage({
248
- id: "select.allOptionsSelected",
249
- defaultMessage: "All options selected",
250
- }),
251
- allOptionsDeselectedMessage: intl.formatMessage({
252
- id: "select.allOptionsDeselected",
253
- defaultMessage: "All options deselected",
254
- }),
255
- noSearchResults: intl.formatMessage({
256
- id: "select.noSearchResults",
257
- defaultMessage: "No results found. Please try your search again.",
258
- }),
259
- optgroupSingleSelectionCount: () => intl.formatMessage({
260
- id: "select.optgroupSingleSelectionCount",
261
- defaultMessage: "Item Selected",
262
- description: "Item refers to an option in a list",
263
- }),
264
- // -------------------------------------------------------------------------- //
265
- // Functions //
266
- // -------------------------------------------------------------------------- //
267
- getOptgroupMultipleSelectionCount: (selectionCount) => intl.formatMessage({
268
- id: "select.optgroupMultipleSelectionCount",
269
- defaultMessage: "{numberSelected} selected",
270
- }, { numberSelected: selectionCount }),
271
- getSearchResultsFound: (numResults) => intl.formatMessage({
272
- id: "select.searchResultsFound",
273
- defaultMessage: "{numberResults, plural, one {1 option found} other {# options found}}",
274
- }, { numberResults: numResults }),
275
- };
276
-
277
- export { chartMessages as c, globalMessages as g, lineChartMessages as l, selectMessages as s, uploaderMessages as u };
@@ -1,6 +0,0 @@
1
- import { P as PrivCalendar$1, d as defineCustomElement$1 } from './priv-calendar2.js';
2
-
3
- const PrivCalendar = PrivCalendar$1;
4
- const defineCustomElement = defineCustomElement$1;
5
-
6
- export { PrivCalendar, defineCustomElement };