@watermarkinsights/ripple 5.31.0-alpha.2 → 5.31.0-alpha.3

package/dist/cjs/interfaces-082b6d42.js

@@ -0,0 +1,72 @@
+'use strict';
+
+//List of icon codes with more indicative descriptors to create labels for icon-only buttons
+function getIconCodeFromName(icon) {
+    return iconCodes[icon] || icon;
+}
+const iconCodes = {
+    close: "f156",
+    pencil: "f3eb",
+    cancel: "f739",
+    check: "f12c",
+    delete: "f1c0",
+    magnify: "f349",
+    export: "f207",
+    "dots-vertical": "f1d9",
+    "arrow-left": "f04d",
+    "arrow-right": "f054",
+    "chevron-left": "f141",
+    "chevron-right": "f142",
+    "menu-left": "f35e",
+    "menu-down": "f35d",
+    "keyboard-backspace": "f30d",
+    "file-tree": "f645",
+    "sort-alphabetical": "f4bb",
+    "checkbox-marked-circle": "f133",
+    "account-settings": "f630",
+    "backup-restore": "f06f",
+};
+const defaultMode = "planning";
+const getWmMode = (ref) => {
+    return (ref.getAttribute("mode") ||
+        document.documentElement.getAttribute("mode") ||
+        defaultMode);
+};
+const chartPalettes = {
+    discrete: [
+        "wmcolor-dataviz-discrete-01",
+        "wmcolor-dataviz-discrete-02",
+        "wmcolor-dataviz-discrete-03",
+        "wmcolor-dataviz-discrete-04",
+        "wmcolor-dataviz-discrete-05",
+        "wmcolor-dataviz-discrete-06",
+        "wmcolor-dataviz-discrete-07",
+    ],
+    semantic: [
+        "wmcolor-dataviz-semantic-positive-01",
+        "wmcolor-dataviz-semantic-positive-02",
+        "wmcolor-dataviz-semantic-negative-01",
+        "wmcolor-dataviz-semantic-negative-02",
+        "wmcolor-dataviz-semantic-neutral-01",
+        "wmcolor-dataviz-semantic-neutral-02",
+        "wmcolor-dataviz-semantic-neutral-03",
+        "wmcolor-dataviz-semantic-unspecified",
+    ],
+};
+const patternKey = {
+    "wmcolor-dataviz-discrete-03": "pattern-discrete-03",
+    "wmcolor-dataviz-discrete-05": "pattern-discrete-05",
+    "wmcolor-dataviz-discrete-06": "pattern-discrete-06",
+    "wmcolor-dataviz-discrete-07": "pattern-discrete-07",
+    "wmcolor-dataviz-semantic-positive-02": "pattern-semantic-positive-02",
+    "wmcolor-dataviz-semantic-negative-01": "pattern-semantic-negative-01",
+    "wmcolor-dataviz-semantic-negative-02": "pattern-semantic-negative-02",
+    "wmcolor-dataviz-semantic-neutral-01": "pattern-semantic-neutral-01",
+    "wmcolor-dataviz-semantic-neutral-03": "pattern-semantic-neutral-03",
+    "wmcolor-dataviz-semantic-unspecified": "pattern-semantic-unspecified",
+};
+
+exports.chartPalettes = chartPalettes;
+exports.getIconCodeFromName = getIconCodeFromName;
+exports.getWmMode = getWmMode;
+exports.patternKey = patternKey;

package/dist/cjs/interfaces-85840d5d.js

@@ -0,0 +1,91 @@
+'use strict';
+
+//List of icon codes with more indicative descriptors to create labels for icon-only buttons
+const iconLabels = {
+    f156: "Close",
+    f3eb: "Edit",
+    f739: "Cancel",
+    f12c: "Save",
+    f1c0: "Delete",
+    f349: "Search",
+    f207: "Export info",
+    f1d9: "Open dropdown",
+    f04d: "Go back",
+    f054: "Go forward",
+    f141: "Left",
+    f142: "Right",
+    f35e: "Menu left",
+    f35d: "Toggle menu down",
+    f30d: "Backspace",
+    f645: "Sort hierarchically",
+    f4bb: "Sort alphabetically",
+};
+function getIconCodeFromName(icon) {
+    return iconCodes[icon] || icon;
+}
+const iconCodes = {
+    close: "f156",
+    pencil: "f3eb",
+    cancel: "f739",
+    check: "f12c",
+    delete: "f1c0",
+    magnify: "f349",
+    export: "f207",
+    "dots-vertical": "f1d9",
+    "arrow-left": "f04d",
+    "arrow-right": "f054",
+    "chevron-left": "f141",
+    "chevron-right": "f142",
+    "menu-left": "f35e",
+    "menu-down": "f35d",
+    "keyboard-backspace": "f30d",
+    "file-tree": "f645",
+    "sort-alphabetical": "f4bb",
+    "checkbox-marked-circle": "f133",
+    "account-settings": "f630",
+    "backup-restore": "f06f",
+};
+const defaultMode = "planning";
+const getWmMode = (ref) => {
+    return (ref.getAttribute("mode") ||
+        document.documentElement.getAttribute("mode") ||
+        defaultMode);
+};
+const chartPalettes = {
+    discrete: [
+        "wmcolor-dataviz-discrete-01",
+        "wmcolor-dataviz-discrete-02",
+        "wmcolor-dataviz-discrete-03",
+        "wmcolor-dataviz-discrete-04",
+        "wmcolor-dataviz-discrete-05",
+        "wmcolor-dataviz-discrete-06",
+        "wmcolor-dataviz-discrete-07",
+    ],
+    semantic: [
+        "wmcolor-dataviz-semantic-positive-01",
+        "wmcolor-dataviz-semantic-positive-02",
+        "wmcolor-dataviz-semantic-negative-01",
+        "wmcolor-dataviz-semantic-negative-02",
+        "wmcolor-dataviz-semantic-neutral-01",
+        "wmcolor-dataviz-semantic-neutral-02",
+        "wmcolor-dataviz-semantic-neutral-03",
+        "wmcolor-dataviz-semantic-unspecified",
+    ],
+};
+const patternKey = {
+    "wmcolor-dataviz-discrete-03": "pattern-discrete-03",
+    "wmcolor-dataviz-discrete-05": "pattern-discrete-05",
+    "wmcolor-dataviz-discrete-06": "pattern-discrete-06",
+    "wmcolor-dataviz-discrete-07": "pattern-discrete-07",
+    "wmcolor-dataviz-semantic-positive-02": "pattern-semantic-positive-02",
+    "wmcolor-dataviz-semantic-negative-01": "pattern-semantic-negative-01",
+    "wmcolor-dataviz-semantic-negative-02": "pattern-semantic-negative-02",
+    "wmcolor-dataviz-semantic-neutral-01": "pattern-semantic-neutral-01",
+    "wmcolor-dataviz-semantic-neutral-03": "pattern-semantic-neutral-03",
+    "wmcolor-dataviz-semantic-unspecified": "pattern-semantic-unspecified",
+};
+
+exports.chartPalettes = chartPalettes;
+exports.getIconCodeFromName = getIconCodeFromName;
+exports.getWmMode = getWmMode;
+exports.patternKey = patternKey;

package/dist/cjs/intl-140f6bea.js

@@ -0,0 +1,283 @@
+'use strict';
+
+const functions = require('./functions-05cd64e3.js');
+
+const globalMessages = {
+    characterLimitReached: functions.intl.formatMessage({
+        id: "global.characterLimitReached",
+        defaultMessage: "No additional characters will be entered.",
+        description: "for screen readers",
+    }),
+    close: functions.intl.formatMessage({
+        id: "global.closeVerb",
+        defaultMessage: "Close",
+        description: "For a button, to close a user interface element",
+    }),
+    genericError: functions.intl.formatMessage({
+        id: "global.genericError",
+        defaultMessage: "An error occurred. Please try again.",
+    }),
+    hide: functions.intl.formatMessage({
+        id: "global.hideVerb",
+        defaultMessage: "Hide",
+        description: "For a button, to hide something",
+    }),
+    locked: functions.intl.formatMessage({
+        id: "global.locked",
+        defaultMessage: "locked",
+        description: "For an interactive element, indicating its state cannot be changed",
+    }),
+    newWindow: functions.intl.formatMessage({
+        id: "global.newWindowLink",
+        defaultMessage: "Opens in a new window.",
+        description: "Indicates that a focused link will open in a new window",
+    }),
+    next: functions.intl.formatMessage({
+        id: "global.next",
+        defaultMessage: "Next",
+        description: "Button text, indicating an action leading to a 'next' state",
+    }),
+    open: functions.intl.formatMessage({
+        id: "global.openVerb",
+        defaultMessage: "Open",
+        description: "For a button, to open a user interface element",
+    }),
+    previous: functions.intl.formatMessage({
+        id: "global.previous",
+        defaultMessage: "Previous",
+        description: "Button text, indicating an action leading to a 'previous' state",
+    }),
+    requiredError: functions.intl.formatMessage({
+        id: "global.requiredError",
+        defaultMessage: "This field is required.",
+        description: "Error displayed under a required field when it has not been filled",
+    }),
+    requiredField: functions.intl.formatMessage({
+        id: "global.requiredField",
+        defaultMessage: "required field",
+        description: "Screen reader text, indicating the currently focused field is required",
+    }),
+    show: functions.intl.formatMessage({
+        id: "global.showVerb",
+        defaultMessage: "Show",
+        description: "For a button, to show something",
+    }),
+    // -------------------------------------------------------------------------- //
+    //                             Functions                                      //
+    // -------------------------------------------------------------------------- //
+    getCharactersEntered: (charCount, charLimit) => functions.intl.formatMessage({
+        id: "global.charactersEntered",
+        defaultMessage: "{x, number} of {y, number} characters entered.",
+        description: "for screen readers",
+    }, { x: charCount, y: charLimit }),
+    getCharacterLimit: (characterLimit) => functions.intl.formatMessage({
+        id: "global.characterLimit",
+        defaultMessage: "{limit, number} characters allowed.",
+        description: "for screen readers",
+    }, { limit: characterLimit }),
+};
+const uploaderMessages = {
+    duplicateName: functions.intl.formatMessage({
+        id: "uploader.duplicateName",
+        defaultMessage: "A file with this name already exists.",
+    }),
+    fileLimitExceeded: functions.intl.formatMessage({
+        id: "uploader.fileUploadLimitExceeded",
+        defaultMessage: "Upload unsuccessful because file selection would exceed the maximum number of files",
+        description: "Message displayed when trying to upload too many files",
+    }),
+    fileLimitReached: functions.intl.formatMessage({
+        id: "uploader.fileUploadLimitReached",
+        defaultMessage: "The maximum number of files has been reached",
+        description: "Message displayed when trying to upload additional files, but the limit has been reached",
+    }),
+    finishedUploading: functions.intl.formatMessage({
+        id: "uploader.finishedUploading",
+        defaultMessage: "Finished uploading",
+    }),
+    waitToUpload: functions.intl.formatMessage({
+        id: "uploader.waitToUpload",
+        defaultMessage: "Please wait for current upload to complete before uploading new files.",
+        description: "Message for screen reader users",
+    }),
+    zeroFileSize: functions.intl.formatMessage({
+        id: "uploader.zeroFileSize",
+        defaultMessage: "The file must be more than 0 bytes",
+        description: "Error message when user attempts to upload a file of no size",
+    }),
+    dropInstructions: functions.intl.formatMessage({
+        id: "uploader.dropInstructions",
+        defaultMessage: "Browse or Drag Files Here",
+        description: "Instructions for how to choose files to upload",
+    }),
+    dropFile: functions.intl.formatMessage({
+        id: "uploader.dropFile",
+        defaultMessage: "Drop to Upload",
+        description: "Prompt for use to drop the file they're currently dragging",
+    }),
+    fileRequirements: functions.intl.formatMessage({
+        id: "uploader.fileRequirements",
+        defaultMessage: "File Requirements",
+        description: "Expandable button revealing the uploader's file requirements",
+    }),
+    // -------------------------------------------------------------------------- //
+    //                             Functions                                      //
+    // -------------------------------------------------------------------------- //
+    getFilesAdded: (numFiles) => functions.intl.formatMessage({
+        id: "uploader.filesAdded",
+        defaultMessage: "{numFiles, plural, one {1 file added} other {# files added}}",
+    }, { numFiles: numFiles }),
+    getFileCount: (fileListLength, maxFiles) => functions.intl.formatMessage({
+        id: "uploader.fileCount",
+        defaultMessage: "{x} of {y} Files",
+        description: "A count of the number of files currently uploaded",
+    }, { x: fileListLength, y: maxFiles }),
+    getFileTooLarge: (maxSize) => functions.intl.formatMessage({
+        id: "uploader.fileTooLarge",
+        defaultMessage: "The selected file is too large. Maximum file size is {size}",
+    }, { size: maxSize }),
+    getFilesUploading: (numFilesUploading) => functions.intl.formatMessage({
+        id: "uploader.filesUploading",
+        defaultMessage: "{num, plural, one {1 file uploading} other {# files uploading}}",
+    }, { num: numFilesUploading }),
+    getInvalidFileType: (validTypes) => functions.intl.formatMessage({
+        id: "uploader.invalidFileType",
+        defaultMessage: "The file type is invalid. Accepted types: {validTypes}",
+    }, { validTypes }),
+    getUploadProgress: (percentage) => functions.intl.formatMessage({
+        id: "uploader.uploadProgress",
+        defaultMessage: "Upload progress: {percentage}%",
+    }, { percentage: percentage }),
+};
+const chartMessages = {
+    interactiveChart: functions.intl.formatMessage({
+        id: "chart.interactiveChart",
+        defaultMessage: "Interactive chart",
+        description: "For screen readers only, a description clarifying the role of the chart widget",
+    }),
+};
+const lineChartMessages = {
+    instructions: functions.intl.formatMessage({
+        id: "linechart.instructions",
+        defaultMessage: "Use Tab and arrow keys to browse elements.",
+        description: "For screen readers only, instructions on how to interact with the line chart component",
+    }),
+    noData: functions.intl.formatMessage({
+        id: "linechart.noData",
+        defaultMessage: "No Data",
+        description: "Message displayed when a data point has missing data",
+    }),
+    highlightQualifier: functions.intl.formatMessage({
+        id: "linechart.highlightQualifier",
+        defaultMessage: "highlighted",
+        description: "Descriptor for highlighted areas of a chart",
+    }),
+    // -------------------------------------------------------------------------- //
+    //                             Functions                                      //
+    // -------------------------------------------------------------------------- //
+    getChangeSince: (prevXValue) => functions.intl.formatMessage({
+        id: "linechart.changeSince",
+        defaultMessage: "Change since {time}",
+        description: "Indicates a comparison between current and previous data",
+    }, {
+        time: prevXValue,
+    }),
+    getToggleButtonLabel: (itemCount) => functions.intl.formatMessage({
+        id: "linechart.toggleButtonLabel",
+        defaultMessage: "Toggle line visibility, list with {itemCount} items",
+    }, {
+        itemCount: itemCount,
+    }),
+    getToggleButtonState: (isPressed) => functions.intl.formatMessage({
+        id: "linechart.toggleButtonState",
+        defaultMessage: "toggle {isPressed, select, true {pressed} other {}}",
+        description: "Descriptor and state for a toggle button UI element",
+    }, {
+        isPressed: isPressed,
+    }),
+    getLineFocusAnnouncement: (label, lineNumber, lineTotal, lineLength) => functions.intl.formatMessage({
+        id: "linechart.getLineFocusAnnouncement",
+        defaultMessage: `{label}, line {lineNumber} of {lineTotal} with {lineLength} data points`,
+    }, {
+        label: label,
+        lineNumber: lineNumber,
+        lineTotal: lineTotal,
+        lineLength: lineLength,
+    }),
+};
+const selectMessages = {
+    multiPlaceholder: functions.intl.formatMessage({
+        id: "select.multiPlaceholder",
+        defaultMessage: "Make a selection",
+    }),
+    singlePlaceholder: functions.intl.formatMessage({
+        id: "select.singlePlaceholder",
+        defaultMessage: "Select an Option",
+    }),
+    multiClearSelection: functions.intl.formatMessage({
+        id: "select.multiClearSelection",
+        defaultMessage: "Clear all Selections",
+        description: "Clear as in remove. Use imperative",
+    }),
+    singleClearSelection: functions.intl.formatMessage({
+        id: "select.singleClearSelection",
+        defaultMessage: "Clear Selection",
+        description: "Clear as in remove. Use imperative",
+    }),
+    selectionCleared: functions.intl.formatMessage({
+        id: "select.selectionCleared",
+        defaultMessage: "Selection cleared",
+    }),
+    searchPlaceholder: functions.intl.formatMessage({
+        id: "select.searchPlaceholder",
+        defaultMessage: "Search",
+        description: "Appears in a search field UI element",
+    }),
+    allSelected: functions.intl.formatMessage({
+        id: "select.allSelected",
+        defaultMessage: "All selected",
+        description: "Indicates all possible options have been selected",
+    }),
+    selectAllMessage: functions.intl.formatMessage({
+        id: "select.selectAll",
+        defaultMessage: "Select All",
+    }),
+    deselectAllMessage: functions.intl.formatMessage({
+        id: "select.deselectAll",
+        defaultMessage: "Deselect All",
+    }),
+    allOptionsSelectedMessage: functions.intl.formatMessage({
+        id: "select.allOptionsSelected",
+        defaultMessage: "All options selected",
+    }),
+    allOptionsDeselectedMessage: functions.intl.formatMessage({
+        id: "select.allOptionsDeselected",
+        defaultMessage: "All options deselected",
+    }),
+    noSearchResults: functions.intl.formatMessage({
+        id: "select.noSearchResults",
+        defaultMessage: "No results found. Please try your search again.",
+    }),
+    optgroupSingleSelectionCount: () => functions.intl.formatMessage({
+        id: "select.optgroupSingleSelectionCount",
+        defaultMessage: "Item Selected",
+        description: "Item refers to an option in a list",
+    }),
+    // -------------------------------------------------------------------------- //
+    //                             Functions                                      //
+    // -------------------------------------------------------------------------- //
+    getOptgroupMultipleSelectionCount: (selectionCount) => functions.intl.formatMessage({
+        id: "select.optgroupMultipleSelectionCount",
+        defaultMessage: "{numberSelected} selected",
+    }, { numberSelected: selectionCount }),
+    getSearchResultsFound: (numResults) => functions.intl.formatMessage({
+        id: "select.searchResultsFound",
+        defaultMessage: "{numberResults, plural, one {1 option found} other {# options found}}",
+    }, { numberResults: numResults }),
+};
+
+exports.chartMessages = chartMessages;
+exports.globalMessages = globalMessages;
+exports.lineChartMessages = lineChartMessages;
+exports.selectMessages = selectMessages;
+exports.uploaderMessages = uploaderMessages;