@spscommerce/i18n 0.1.0

package/lib/localize.d.ts

@@ -0,0 +1,21 @@
+import type { InitOptions } from "i18next";
+export interface IDetectorOptions {
+    order?: string[];
+    lookupQuerystring?: string;
+    lookupCookie?: string;
+    lookupSessionStorage?: string;
+    lookupLocalStorage?: string;
+    caches?: string[];
+    excludeCacheFor?: string[];
+    cookieOptions?: any;
+}
+export interface ILocalizeOptions extends InitOptions {
+    detectorConfig?: IDetectorOptions;
+    customDetectors?: Array<{
+        name: string;
+        lookup: (options: IDetectorOptions) => string | undefined;
+        cacheUserLanguage?: (lang: string, options: IDetectorOptions) => void;
+    }>;
+    translationPath?: string;
+}
+export declare function localize({ detectorConfig, translationPath, customDetectors, ...i18nConfig }: ILocalizeOptions): Promise<import("i18next").TFunction>;

package/lib/useSpsLanguage.d.ts

@@ -0,0 +1 @@
+export declare function useSpsLanguage(ns?: string, options?: any): import("react-i18next").UseTranslationResponse<string[], undefined>;

package/locales/en-US/design-system.json

@@ -0,0 +1,138 @@
+{
+    "advancedSearch": {
+        "clear": "Clear Fields",
+        "search": "Search"
+    },
+    "button": {
+        "spinningTitle": "Loading…"
+    },
+    "columnChooser": {
+        "removeButton": "Remove {{elementName}}"
+    },
+    "contentRow": {
+        "collapse": "Collapse",
+        "expand": "Expand"
+    },
+    "datepicker": {
+        "calendar": {
+            "prevMonth": "View Previous Month",
+            "nextMonth": "View Next Month"
+        },
+        "preset": {
+            "custom": "Custom",
+            "today": "Today",
+            "sevenDays": "Last 7 days",
+            "thirtyDays": "Last 30 days",
+            "sixtyDays": "Last 60 days",
+            "ninetyDays": "Last 90 days",
+            "oneYear": "Last year"
+        },
+        "presetsLabel": "Ranges"
+    },
+    "fileUpload": {
+        "acceptedTypes": "{{fileTypes}} format accepted",
+        "acceptedTypes_plural": "{{fileTypes}} formats accepted",
+        "cancelled": "File Upload Failed",
+        "cancelled_plural": "File Upload(s) Failed",
+        "close": "Close",
+        "instructions": "Drag and drop your file here or |browse for a file| on your desktop.",
+        "instructions_plural": "Drag and drop your files here or |browse for files| on your desktop.",
+        "maximumSize": "{{size}} maximum",
+        "processing": "Processing Upload…",
+        "title": "Upload Your {{description}}"
+    },
+    "filterPanel": {
+        "clear": "Clear Filters",
+        "title": "Filters",
+        "filterPlaceholder": "Filter options"
+    },
+    "focusedTask": {
+        "close": "Close"
+    },
+    "growler": {
+        "dismiss": "Dismiss"
+    },
+    "insightCard": {
+        "all": "ALL",
+        "partnerCount": "{{count}} |of| {{total}}",
+        "partners": "PARTNERS"
+    },
+    "insightTile": {
+        "all": "ALL",
+        "partnerCount": "{{count}} |of| {{total}}",
+        "partners": "PARTNERS"
+    },
+    "label": {
+        "errors": {
+            "dateConstraint": {
+                "max": "Please enter a date on or prior to {{context.maxExceeded}}.",
+                "min": "Please enter a date on or after {{context.minExceeded}}."
+            },
+            "dateFormat": "Please enter a date in the format {{context}}.",
+            "dateRangeOrder": "End date cannot be before start date.",
+            "dateValidity": "Please enter a valid date.",
+            "max": "Please enter a value no greater than {{context}}.",
+            "maxLength": "Please enter no more than {{context}} characters.",
+            "min": "Please enter a value no less than {{context}}.",
+            "minLength": "Please enter at least {{context}} characters.",
+            "required": "This field is required."
+        },
+        "preventativeErrors": {
+            "maxLength": "This field accepts a maximum number of characters.",
+            "alpha": "This field accepts only alphabetic values.",
+            "numeric": "This field accepts only numerical values.",
+            "nonNumeric": "This field accepts only non-numerical values."
+        },
+        "stronglySuggested": "This field is strongly suggested."
+    },
+    "listActionBar": {
+        "clearSelected": "Clear Selected",
+        "itemsSelected": "Items Selected"
+    },
+    "listToolbar": {
+        "advancedSearchToggle": "Advanced Search"
+    },
+    "modal": {
+        "close": "Close modal",
+        "defaultButtonLabel": "Okay",
+        "defaultTitle": {
+            "general": "Action",
+            "info": "Info",
+            "success": "Success",
+            "warning": "Warning",
+            "serious-warning": "Warning"
+        }
+    },
+    "pagination": {
+        "nextPage": "Next Page",
+        "ofMany": "of many",
+        "ofPageCount": "of {{pageCount}}",
+        "page": "Page",
+        "prevPage": "Previous Page"
+    },
+    "progressBar": {
+        "closeButtonTitle": "Close progress bar"
+    },
+    "searchResultsBar": {
+        "clear": "Clear",
+        "clearResults": "Clear Results",
+        "count": "{{count}} of {{total}}",
+        "matchingResults": "Matching results",
+        "noAdvancedSearchSelections": "No Advanced Search Selections",
+        "results": "Results:"
+    },
+    "select": {
+        "defaultPlaceholder": "Select one…"
+    },
+    "slackLink": {
+        "label": "Chat"
+    },
+    "spinner": {
+        "defaultAltText": "Loading…"
+    },
+    "taskQueue": {
+        "clearCompleted": "Clear Completed",
+        "newTask": "You have a new task in your queue.",
+        "noTasks": "There are currently no tasks in your queue."
+    }
+}

package/locales/fr-CA/design-system.json

@@ -0,0 +1,5 @@
+{
+    "select": {
+        "defaultPlaceholder": "Sélectionnez un…"
+    }
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@spscommerce/i18n",
+  "description": "SPS Design System React components",
+  "version": "0.1.0",
+  "author": "SPS Commerce",
+  "license": "UNLICENSED",
+  "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/i18n",
+  "homepage": "https://github.com/spscommerce/design-system/tree/master/packages/@spscommerce/i18n#readme",
+  "main": "./lib/index.cjs.js",
+  "module": "./lib/index.es.js",
+  "types": "./lib/index.d.ts",
+  "bin": {
+    "sps-i18n-update": "./update.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "i18next": "^19.6.3",
+    "i18next-browser-languagedetector": "^5.0.1",
+    "i18next-http-backend": "^1.0.17",
+    "react-i18next": "^11.16.9"
+  },
+  "peerDependencies": {
+    "react": "^16.9.0"
+  },
+  "devDependencies": {
+    "@types/react": "^16.9.0",
+    "react": "^16.9.0",
+    "typescript": "^4.4.4"
+  },
+  "scripts": {
+    "build": "pnpm run build:js && pnpm run build:types",
+    "build:js": "vite build",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
+    "watch": "vite build --watch",
+    "clean": "git clean -fdX",
+    "pub": "pnpm pack && node ../../scripts/publish-package.js"
+  },
+  "readme": "[//]: # \"START_AUTOGENERATED\"\n\n## [@spscommerce/i18n](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/i18n#readme)\n\n![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)\n![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)\n![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)\n\nSPS Design System React components \n \n ### Installation \n \n ```shell\nnpm install --save @spscommerce/i18n\n```\n\n#### Peer Dependencies\n\n<div class=\"row\">\n    <div class=\"col-5\"> \n    <table class=\"sps-table\">\n        <thead class=\"sps-table__head\">\n            <tr class=\"sps-table__row\">\n                <th class=\"sps-table__header\">\n                    <span class=\"sps-table__header-cell-body\">    \n                        Package\n                    </span>\n                </th>\n                <th class=\"sps-table__header text-right\">\n                    <span class=\"sps-table__header-cell-body\">    \n                        Version\n                    </span>\n                </th>\n            </tr>\n        </thead>\n        <tbody class=\"sps-table__body\">\n            <tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://reactjs.org/\">react</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n        </tbody>\n    </table>\n    </div>\n    <div class=\"col-7\">\n        &nbsp;\n    </div>\n</div>\n\n[//]: # \"END_AUTOGENERATED\"\n"
+}

package/update.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+const fs = require("fs");
+
+const dsLocalePath = "./node_modules/@spscommerce/i18n/locales";
+const projectLocalePath = process.argv.length > 2
+    ? process.argv[2].replace(/\/$/, "")
+    : "./public/locales";
+
+const dsLocales = new Set(fs.readdirSync(dsLocalePath));
+const projectLocales = fs.readdirSync(projectLocalePath);
+
+for (const loc of projectLocales) {
+    if (dsLocales.has(loc)) {
+        fs.copyFileSync(`${dsLocalePath}/${loc}/design-system.json`, `${projectLocalePath}/${loc}/design-system.json`);
+    }
+}

package/vite.config.js

@@ -0,0 +1,20 @@
+import path from 'path';
+
+import { defineConfig } from 'vite';
+
+import pkg from './package.json';
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${format}.js`,
+    },
+    outDir: path.resolve(__dirname, './lib'),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+    },
+  },
+});