@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.
- package/package.json +2 -2
- package/dist/components/chartFunctions.js +0 -715
- package/dist/components/functions.js +0 -17465
- package/dist/components/index.js +0 -138
- package/dist/components/interfaces.js +0 -53
- package/dist/components/intl.js +0 -277
- package/dist/components/priv-calendar.js +0 -6
- package/dist/components/priv-calendar2.js +0 -592
- package/dist/components/priv-chart-popover.js +0 -6
- package/dist/components/priv-chart-popover2.js +0 -154
- package/dist/components/priv-navigator-button.js +0 -6
- package/dist/components/priv-navigator-button2.js +0 -42
- package/dist/components/priv-navigator-item.js +0 -6
- package/dist/components/priv-navigator-item2.js +0 -49
- package/dist/components/priv-option-list.js +0 -6
- package/dist/components/priv-option-list2.js +0 -421
- package/dist/components/wm-action-menu.js +0 -6
- package/dist/components/wm-action-menu2.js +0 -231
- package/dist/components/wm-button.js +0 -6
- package/dist/components/wm-button2.js +0 -231
- package/dist/components/wm-chart-slice.js +0 -41
- package/dist/components/wm-chart.js +0 -197
- package/dist/components/wm-date-range.js +0 -522
- package/dist/components/wm-datepicker.js +0 -287
- package/dist/components/wm-file-list.js +0 -38
- package/dist/components/wm-file.js +0 -228
- package/dist/components/wm-input.js +0 -152
- package/dist/components/wm-line-chart.js +0 -497
- package/dist/components/wm-menuitem.js +0 -6
- package/dist/components/wm-menuitem2.js +0 -146
- package/dist/components/wm-modal-footer.js +0 -73
- package/dist/components/wm-modal-header.js +0 -61
- package/dist/components/wm-modal-pss-footer.js +0 -69
- package/dist/components/wm-modal-pss-header.js +0 -64
- package/dist/components/wm-modal-pss.js +0 -162
- package/dist/components/wm-modal.js +0 -161
- package/dist/components/wm-navigation-hamburger.js +0 -70
- package/dist/components/wm-navigation-item.js +0 -40
- package/dist/components/wm-navigation.js +0 -144
- package/dist/components/wm-navigator.js +0 -410
- package/dist/components/wm-nested-select.js +0 -343
- package/dist/components/wm-optgroup.js +0 -107
- package/dist/components/wm-option.js +0 -6
- package/dist/components/wm-option2.js +0 -196
- package/dist/components/wm-pagination.js +0 -251
- package/dist/components/wm-progress-indicator.js +0 -144
- package/dist/components/wm-progress-monitor.js +0 -93
- package/dist/components/wm-progress-slice.js +0 -37
- package/dist/components/wm-search.js +0 -250
- package/dist/components/wm-select.js +0 -6
- package/dist/components/wm-select2.js +0 -294
- package/dist/components/wm-snackbar.js +0 -202
- package/dist/components/wm-tab-item.js +0 -85
- package/dist/components/wm-tab-list.js +0 -217
- package/dist/components/wm-tab-panel.js +0 -52
- package/dist/components/wm-tag-input.js +0 -919
- package/dist/components/wm-tag-option.js +0 -63
- package/dist/components/wm-textarea.js +0 -113
- package/dist/components/wm-timepicker.js +0 -333
- package/dist/components/wm-toggletip.js +0 -200
- package/dist/components/wm-uploader.js +0 -348
- package/dist/components/wm-wrapper.js +0 -34
package/dist/components/index.js
DELETED
|
@@ -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 };
|
package/dist/components/intl.js
DELETED
|
@@ -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 };
|