@progress/kendo-react-intl 6.1.1 → 7.0.0-develop.2

package/{dist/npm/intlUtils.d.ts → intlUtils.d.ts}

@@ -1,3 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { IntlService } from './Intl/IntlService';
 import { LocalizationService } from './Localization/LocalizationService';

package/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,21 +1,29 @@
 {
   "name": "@progress/kendo-react-intl",
+  "version": "7.0.0-develop.2",
   "description": "React Internationalization package provides services for parsing and formatting of dates and numbers. KendoReact Internationalization package",
-  "version": "6.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/intl/.*",
-    "start": "gulp start",
-    "build-package": "gulp build-package"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-intl": "^3.1.1",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-common": "7.0.0-develop.2",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -28,23 +36,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-licensing": "^1.3.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-intl": "^3.1.1",
-    "prop-types": "^15.6.0"
-  },
   "@progress": {
     "friendlyName": "Internationalization",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "sideEffects": false
-}
+  }
+}

package/about.md

@@ -1,3 +0,0 @@
-<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-intl&utm_content=banner" target="_blank">
-<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
-</a>

package/dist/es/Intl/IntlProvider.js

@@ -1,62 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { IntlService } from './IntlService';
-import { GlobalizationContext } from '../globalization/GlobalizationContext';
-/* eslint-disable max-len */
-/**
- * A React component which provides an internationalization service. Expects a locale string as a property of the component.
- */
-var IntlProvider = /** @class */ (function (_super) {
-    __extends(IntlProvider, _super);
-    function IntlProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Returns an internationalization service. The method is suitable for overriding when you implement custom internationalization behavior.
-     */
-    IntlProvider.prototype.getIntlService = function () {
-        return new IntlService(this.props.locale);
-    };
-    /**
-     * @hidden
-     */
-    IntlProvider.prototype.render = function () {
-        var _this = this;
-        return (React.createElement(GlobalizationContext.Consumer, null, function (glob) { return (React.createElement(GlobalizationContext.Provider, { value: __assign(__assign({}, glob), { intl: _this.getIntlService() }) }, _this.props.children)); }));
-    };
-    /**
-     * @hidden
-     */
-    IntlProvider.propTypes = {
-        locale: PropTypes.string
-    };
-    return IntlProvider;
-}(React.Component));
-export { IntlProvider };
-// tslint:enable:max-line-length

package/dist/es/Intl/IntlProviderProps.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-/**
- * Represents the props of the KendoReact IntlProvider component.
- */
-export interface IntlProviderProps {
-    /**
-     * The locale that will be used by the child components.
-     */
-    locale: string;
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-}

package/dist/es/Intl/IntlProviderProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/Intl/IntlService.js

@@ -1,149 +0,0 @@
-import * as coreIntl from '@progress/kendo-intl';
-import * as licensing from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-/* eslint-disable max-len */
-/**
- * A service which provides internationalization methods and is bound to a specific locale.
- */
-var IntlService = /** @class */ (function () {
-    /**
-     * Creates a new instance of the internationalization service.
-     *
-     * @param locale - The locale that will be used by the internationalization methods.
-     */
-    function IntlService(locale) {
-        this.locale = locale;
-        if (typeof licensing !== 'undefined') {
-            licensing.validatePackage(packageMetadata);
-        }
-        else {
-            var message = "License activation failed for ".concat(packageMetadata.name, "\n");
-            message += 'The @progress/kendo-licensing script is not loaded.\n';
-            message += "See ".concat(packageMetadata.licensingDocsUrl, " for more information.\n");
-            console.warn(message);
-        }
-        if (locale === '' && process.env.NODE_ENV !== 'production') {
-            throw 'Locale should not be empty string';
-        }
-    }
-    /**
-     * Formats a string with placeholders such as `Total amount {0:c}`.
-     *
-     * @param format - The format string.
-     * @param values - One or more values to output in the format string placeholders.
-     * @return - The formatted string.
-     */
-    IntlService.prototype.format = function (format) {
-        var values = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            values[_i - 1] = arguments[_i];
-        }
-        /* The following code retains backward compatibility with the old API */
-        if (values.length === 1 && Array.isArray(values[0])) {
-            return coreIntl.format(format, values[0], this.locale);
-        }
-        return coreIntl.format(format, values, this.locale);
-    };
-    /**
-     * Converts a `Date` object to a string based on the specified format. If no format is provided, the default short date format is used.
-     *
-     * @param value - The date which will be formatted.
-     * @param format - The format string or options.
-     * @return - The formatted date.
-     */
-    IntlService.prototype.formatDate = function (value, format) {
-        return coreIntl.formatDate(value, format, this.locale);
-    };
-    /**
-     * Converts an object to a string based on the specified format.
-     *
-     * @param value - The value which will be formatted.
-     * @param format - The format to use.
-     * @return - The formatted object.
-     */
-    IntlService.prototype.toString = function (value, format) {
-        return coreIntl.toString(value, format, this.locale);
-    };
-    /**
-     * Converts a string to a `Number`.
-     *
-     * @param value - The string which will be parsed.
-     * @param format - The format string or options.
-     * @return - The parsed number.
-     */
-    IntlService.prototype.parseNumber = function (value, format) {
-        return coreIntl.parseNumber(value, this.locale, format);
-    };
-    /**
-     * Converts a string to a `Date` object based on the specified format.
-     *
-     * @param value - The string which will be converted.
-     * @param format - The format strings or options.
-     * @return - The parsed date.
-     */
-    IntlService.prototype.parseDate = function (value, format) {
-        return coreIntl.parseDate(value, format, this.locale);
-    };
-    /**
-     * Converts a `Number` to a string based on the specified format.
-     *
-     * @param value - The number which will be formatted.
-     * @param format - The format string or options.
-     * @return - The formatted number.
-     */
-    IntlService.prototype.formatNumber = function (value, format) {
-        return coreIntl.formatNumber(value, format, this.locale);
-    };
-    /**
-     * Returns a localized date field name based on specific `dateFieldName` options.
-     *
-     * @param options - The detailed configuration for the desired date field name.
-     * @returns - The localized date field name from the current locale based on the option.
-     */
-    IntlService.prototype.dateFieldName = function (options) {
-        return coreIntl.dateFieldName(options, this.locale);
-    };
-    /**
-     * Returns the day names from the current locale based on the option.
-     *
-     * @param options - The detailed configuration for the desired date format.
-     * @return - The day names from the current locale based on the option.
-     */
-    IntlService.prototype.dateFormatNames = function (options) {
-        return coreIntl.dateFormatNames(this.locale, options);
-    };
-    /**
-     * Splits the date format into objects which contain information about each part of the pattern.
-     *
-     * @param format - The format string or options.
-     * @returns - The date format parts.
-     */
-    IntlService.prototype.splitDateFormat = function (format) {
-        return coreIntl.splitDateFormat(format, this.locale);
-    };
-    /**
-     * Returns the number symbols from the current locale.
-     *
-     * @return - The number symbols from the current locale.
-     */
-    IntlService.prototype.numberSymbols = function () {
-        return coreIntl.numberSymbols(this.locale);
-    };
-    /**
-     * Returns the first day index, starting from Sunday.
-     *
-     * @return - The index of the first day of the week (0 == Sunday).
-     */
-    IntlService.prototype.firstDay = function () {
-        return coreIntl.firstDay(this.locale);
-    };
-    /**
-     * @hidden
-     */
-    IntlService.prototype.localeInfo = function () {
-        return coreIntl.localeInfo(this.locale);
-    };
-    return IntlService;
-}());
-export { IntlService };
-// tslint:enable:max-line-length

package/dist/es/Intl/main.d.ts

@@ -1,4 +0,0 @@
-import { IntlProvider } from './IntlProvider';
-import { IntlProviderProps } from './IntlProviderProps';
-import { IntlService } from './IntlService';
-export { IntlProvider, IntlProviderProps, IntlService };

package/dist/es/Intl/main.js

@@ -1,3 +0,0 @@
-import { IntlProvider } from './IntlProvider';
-import { IntlService } from './IntlService';
-export { IntlProvider, IntlService };

package/dist/es/Localization/LocalizationProvider.js

@@ -1,62 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { LocalizationService } from './LocalizationService';
-import { GlobalizationContext } from '../globalization/GlobalizationContext';
-/* eslint-disable max-len */
-/**
- * A React component which provides a localization service. Expects a language string as a property of the component.
- */
-var LocalizationProvider = /** @class */ (function (_super) {
-    __extends(LocalizationProvider, _super);
-    function LocalizationProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Returns a localization service. The method is suitable for overriding when you implement custom localization behavior.
-     */
-    LocalizationProvider.prototype.getLocalizationService = function () {
-        return new LocalizationService(this.props.language);
-    };
-    /**
-     * @hidden
-     */
-    LocalizationProvider.prototype.render = function () {
-        var _this = this;
-        return (React.createElement(GlobalizationContext.Consumer, null, function (glob) { return (React.createElement(GlobalizationContext.Provider, { value: __assign(__assign({}, glob), { localization: _this.getLocalizationService() }) }, _this.props.children)); }));
-    };
-    /**
-     * @hidden
-     */
-    LocalizationProvider.propTypes = {
-        language: PropTypes.string
-    };
-    return LocalizationProvider;
-}(React.Component));
-export { LocalizationProvider };
-// tslint:enable:max-line-length

package/dist/es/Localization/LocalizationProviderProps.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-/**
- * Represents the props of the KendoReact LocalizationProvider component.
- */
-export interface LocalizationProviderProps {
-    /**
-     * The language that will be used by the child components.
-     */
-    language: string;
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-}

package/dist/es/Localization/LocalizationProviderProps.js

@@ -1 +0,0 @@
-export {};

package/dist/es/Localization/LocalizationService.d.ts

@@ -1,16 +0,0 @@
-/**
- * A service which provides localization methods.
- */
-export declare class LocalizationService {
-    language?: string | undefined;
-    constructor(language?: string | undefined);
-    /**
-     * Provides a string based on a key for the current language. When no string for the current language is available under this key, the `defaultValue` is returned.
-     *
-     * @param key - The key which identifies the string for the current language.
-     * @param defaultValue - The default value which will be returned when no string
-     * for the current language is available under the key.
-     * @return - The string for the current language.
-     */
-    toLanguageString(key: string, defaultValue: string): string;
-}

package/dist/es/Localization/LocalizationService.js

@@ -1,34 +0,0 @@
-import { messages } from './messages';
-/**
- * A service which provides localization methods.
- */
-var LocalizationService = /** @class */ (function () {
-    function LocalizationService(language) {
-        this.language = language;
-        if (language === '' && process.env.NODE_ENV !== 'production') {
-            throw 'Language should not be an empty string';
-        }
-    }
-    /* eslint-disable max-len */
-    /**
-     * Provides a string based on a key for the current language. When no string for the current language is available under this key, the `defaultValue` is returned.
-     *
-     * @param key - The key which identifies the string for the current language.
-     * @param defaultValue - The default value which will be returned when no string
-     * for the current language is available under the key.
-     * @return - The string for the current language.
-     */
-    // tslint:enable:max-line-length
-    LocalizationService.prototype.toLanguageString = function (key, defaultValue) {
-        if (this.language &&
-            messages[this.language] &&
-            messages[this.language].hasOwnProperty(key)) {
-            return messages[this.language][key];
-        }
-        else {
-            return defaultValue;
-        }
-    };
-    return LocalizationService;
-}());
-export { LocalizationService };

package/dist/es/Localization/loadMessages.d.ts

@@ -1,7 +0,0 @@
-/**
- * Provides mechanism to load language-specific messages for the KendoReact components.
- *
- * @param messages - An iterable object which contains key-value pairs.
- * @param languages - The language to which the messages are associated.
- */
-export declare function loadMessages(messages: any, language: string): void;

package/dist/es/Localization/loadMessages.js

@@ -1,35 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { messages as msg } from './messages';
-var traverse = function (iterable, langInfo, acc) {
-    for (var key in iterable) {
-        if (iterable.hasOwnProperty(key)) {
-            var accumulator = __spreadArray([], acc, true);
-            accumulator.push(key);
-            if (typeof iterable[key] !== 'string') {
-                traverse(iterable[key], langInfo, accumulator);
-            }
-            else {
-                var value = iterable[key];
-                Object.defineProperty(langInfo, accumulator.join('.'), { value: value });
-            }
-        }
-    }
-};
-/**
- * Provides mechanism to load language-specific messages for the KendoReact components.
- *
- * @param messages - An iterable object which contains key-value pairs.
- * @param languages - The language to which the messages are associated.
- */
-export function loadMessages(messages, language) {
-    var langInfo = msg[language] = msg[language] || {};
-    traverse(messages, langInfo, []);
-}

package/dist/es/Localization/main.d.ts

@@ -1,5 +0,0 @@
-import { loadMessages } from './loadMessages';
-import { LocalizationProvider } from './LocalizationProvider';
-import { LocalizationProviderProps } from './LocalizationProviderProps';
-import { LocalizationService } from './LocalizationService';
-export { loadMessages, LocalizationProvider, LocalizationProviderProps, LocalizationService };

package/dist/es/Localization/main.js

@@ -1,4 +0,0 @@
-import { loadMessages } from './loadMessages';
-import { LocalizationProvider } from './LocalizationProvider';
-import { LocalizationService } from './LocalizationService';
-export { loadMessages, LocalizationProvider, LocalizationService };

package/dist/es/Localization/messages.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare const messages: any;

package/dist/es/Localization/messages.js

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export var messages = Object.create({});

package/dist/es/coreExports.d.ts

@@ -1 +0,0 @@
-export { DateFormatOptions, NumberFormatOptions, DateFieldNameOptions, DateFormatNameOptions, DateFormatPart, load } from '@progress/kendo-intl';

package/dist/es/coreExports.js

@@ -1 +0,0 @@
-export { load } from '@progress/kendo-intl';

package/dist/es/globalization/GlobalizationContext.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { IntlService } from '../Intl/IntlService';
-import { LocalizationService } from '../Localization/LocalizationService';
-/** @hidden */
-export declare type GlobalizationContextType = {
-    intl: IntlService;
-    localization: LocalizationService;
-};
-/** @hidden */
-export declare const GlobalizationContext: React.Context<GlobalizationContextType>;

package/dist/es/globalization/GlobalizationContext.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { IntlService } from '../Intl/IntlService';
-import { LocalizationService } from '../Localization/LocalizationService';
-/** @hidden */
-export var GlobalizationContext = React.createContext({
-    intl: new IntlService('en'),
-    localization: new LocalizationService()
-});

package/dist/es/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useInternationalization';
-export * from './useLocalization';

package/dist/es/hooks/index.js

@@ -1,2 +0,0 @@
-export * from './useInternationalization';
-export * from './useLocalization';

package/dist/es/hooks/useInternationalization.d.ts

@@ -1,5 +0,0 @@
-import { IntlService } from '../Intl/main';
-/**
- * A custom [React Hook](https://reactjs.org/docs/hooks-intro.html) providing access to an [IntlService]({% slug api_intl_intlservice %}).
- */
-export declare const useInternationalization: () => IntlService;

package/dist/es/hooks/useInternationalization.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { GlobalizationContext } from '../globalization/GlobalizationContext';
-/**
- * A custom [React Hook](https://reactjs.org/docs/hooks-intro.html) providing access to an [IntlService]({% slug api_intl_intlservice %}).
- */
-export var useInternationalization = function () { return React.useContext(GlobalizationContext).intl; };

package/dist/es/hooks/useLocalization.d.ts

@@ -1,5 +0,0 @@
-import { LocalizationService } from '../Localization/main';
-/**
- * A custom [React Hook](https://reactjs.org/docs/hooks-intro.html) providing access to an [LocalizationService]({% slug api_intl_localizationservice %}).
- */
-export declare const useLocalization: () => LocalizationService;

package/dist/es/hooks/useLocalization.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { GlobalizationContext } from '../globalization/GlobalizationContext';
-/**
- * A custom [React Hook](https://reactjs.org/docs/hooks-intro.html) providing access to an [LocalizationService]({% slug api_intl_localizationservice %}).
- */
-export var useLocalization = function () { return React.useContext(GlobalizationContext).localization; };

package/dist/es/intlUtils.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import { IntlService } from './Intl/IntlService';
-import { LocalizationService } from './Localization/LocalizationService';
-/**
- * Provides an internationalization service. When the passed component is a direct or indirect child of `IntlProvider`, the returned service uses the locale of the provider. Otherwise, uses `en` as a default locale. To handle locale changes, call the method on each `render`.
- *
- * @param componentClass - The React component class that will use the internationalization service.
- */
-export declare function provideIntlService(component: React.Component): IntlService;
-/**
- * Provides a localization service. When the passed component is a direct or indirect child of `LocalizationProvider`, the returned service uses the language of the provider. To handle locale changes, call the method on each `render`.
- *
- * @param componentClass - The React component class that will use the internationalization service.
- */
-export declare function provideLocalizationService(component: React.Component): LocalizationService;
-/**
- * A method which registers a component class or a functional stateless component for internationalization. When a component of that type is a direct or indirect child of `IntlProvider`, the locale of the provider is used. Otherwise, uses `en` as a default locale.
- *
- * @param component - The React component class that will use the internationalization methods.
- */
-export declare function registerForIntl(component: React.ComponentClass<any, any>): void;
-/**
- * A method which registers a component class or a stateless functional component for localization. When a component of that type is a direct or indirect child of `LocalizationProvider`, the language of the provider is used.
- *
- * @param component - The React component class that will use the internationalization methods.
- */
-export declare function registerForLocalization(component: React.ComponentClass<any, any>): void;