@synerise/ds-core 0.41.0 → 0.42.1

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.42.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@0.42.0...@synerise/ds-core@0.42.1) (2024-11-21)
+
+
+### Bug Fixes
+
+* **context-selector:** make texts optional prop ([44279cf](https://github.com/synerise/synerise-design/commit/44279cf859db1d3a9ea4ac0fc6e927423fb63407))
+* **core:** onError fn types ([c34bdfe](https://github.com/synerise/synerise-design/commit/c34bdfe9da898d7999c605f9fbcbba4716dfb6d4))
+* **factors:** deep merge of default and prop texts ([787b436](https://github.com/synerise/synerise-design/commit/787b4367213922eca21292a0a933c7ff5c241dd9))
+
+
+
+
+
+# [0.42.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@0.41.0...@synerise/ds-core@0.42.0) (2024-11-12)
+
+
+### Features
+
+* **core:** declare children for react 18 forward compatibility ([c5c500d](https://github.com/synerise/synerise-design/commit/c5c500de76dd9534957be64350d7e7b5fabe4ce9))
+* **core:** reactintl bumped and onerror intlprovider ([08f4558](https://github.com/synerise/synerise-design/commit/08f4558757a55c63db55767fff9fc6714728d26b))
+
+
+
+
+
 # [0.41.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@0.40.23...@synerise/ds-core@0.41.0) (2024-10-01)
 
 

package/dist/i18n/en.json

@@ -4,6 +4,14 @@
       "SHOW-LESS": "Show less",
       "SHOW-MORE": "Show more"
     },
+    "CONTEXT-SELECTOR": {
+      "BUTTON_LABEL": "Choose",
+      "SEARCH_PLACEHOLDER": "Search",
+      "NO_RESULTS": "No results",
+      "SHOW_MORE": "Show more",
+      "RECENT": "Recent",
+      "ALL": "All"
+    },
     "DESCRIPTION": {
       "COPY-VALUE": "Copy value",
       "COPIED": "Copied"

package/dist/i18n/pl.json

@@ -4,6 +4,15 @@
       "SHOW-LESS": "Pokaż mniej",
       "SHOW-MORE": "Pokaż więcej"
     },
+    "CONTEXT-SELECTOR": {
+      "BUTTON_LABEL": "Wybierz",
+      "SEARCH_PLACEHOLDER": "Szukaj",
+      "NO_RESULTS": "Brak wyników",
+      "SHOW_MORE": "Więcej",
+      "RECENT": "Ostatnie",
+      "ALL": "Wszystkie"
+    },
+    
     "MANAGABLE-LIST": {
       "LESS": "mniej",
       "MORE": "więcej",

package/dist/js/DSProvider/DSProvider.d.ts

@@ -1,9 +1,8 @@
 import '../style';
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { DataFormatConfigProviderProps } from '@synerise/ds-data-format';
 import { LocaleProviderProps } from './LocaleProvider/LocaleProvider';
 import { ThemeProviderProps } from './ThemeProvider/ThemeProvider';
-export interface DSProviderProps extends LocaleProviderProps, ThemeProviderProps, DataFormatConfigProviderProps {
-}
-declare const DSProvider: React.FC<DSProviderProps>;
+export type DSProviderProps = PropsWithChildren<LocaleProviderProps & ThemeProviderProps & DataFormatConfigProviderProps>;
+declare const DSProvider: ({ locale, defaultLocale, messages, timeZone, children, theme, dataFormatConfig, onErrorIntl, }: DSProviderProps) => React.JSX.Element;
 export default DSProvider;

package/dist/js/DSProvider/DSProvider.js

@@ -4,17 +4,21 @@ import { DataFormatConfigProvider } from '@synerise/ds-data-format';
 import LocaleProvider from './LocaleProvider';
 import ThemeProvider from './ThemeProvider';
 
-var DSProvider = function DSProvider(props) {
-  var locale = props.locale,
-      messages = props.messages,
-      timeZone = props.timeZone,
-      children = props.children,
-      theme = props.theme,
-      dataFormatConfig = props.dataFormatConfig;
+var DSProvider = function DSProvider(_ref) {
+  var locale = _ref.locale,
+      defaultLocale = _ref.defaultLocale,
+      messages = _ref.messages,
+      timeZone = _ref.timeZone,
+      children = _ref.children,
+      theme = _ref.theme,
+      dataFormatConfig = _ref.dataFormatConfig,
+      onErrorIntl = _ref.onErrorIntl;
   return /*#__PURE__*/React.createElement(LocaleProvider, {
     locale: locale,
     messages: messages,
-    timeZone: timeZone
+    timeZone: timeZone,
+    defaultLocale: defaultLocale,
+    onErrorIntl: onErrorIntl
   }, /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
   }, /*#__PURE__*/React.createElement(DataFormatConfigProvider, {

package/dist/js/DSProvider/LocaleProvider/LocaleProvider.d.ts

@@ -1,15 +1,23 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
+import { OnErrorFn } from '@formatjs/intl';
 type NestedMessages = {
     [key: string]: string | NestedMessages;
 };
-export interface LocaleProviderProps {
+type onErrorFnParameters = Parameters<OnErrorFn>;
+export type LocaleProviderProps = {
     locale?: string;
+    defaultLocale?: string;
     messages?: NestedMessages;
     defaultMessages?: NestedMessages;
     timeZone?: string;
-}
+    children?: ReactNode;
+    onErrorIntl?: (error: onErrorFnParameters[0], { dsLocalesLoaded }: {
+        dsLocalesLoaded: boolean;
+    }) => void;
+};
 interface LocaleProviderState {
     dsLocales: NestedMessages;
+    dsLocalesLoaded: boolean;
 }
 export default class LocaleProvider extends React.Component<LocaleProviderProps, LocaleProviderState> {
     static defaultProps: {
@@ -18,6 +26,7 @@ export default class LocaleProvider extends React.Component<LocaleProviderProps,
     };
     state: {
         dsLocales: {};
+        dsLocalesLoaded: boolean;
     };
     componentDidMount(): void;
     getLangForCode: (code: string) => string;

package/dist/js/DSProvider/LocaleProvider/LocaleProvider.js

@@ -1,10 +1,16 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
 import React from 'react';
 import { IntlProvider } from 'react-intl';
@@ -25,7 +31,8 @@ var LocaleProvider = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
 
     _defineProperty(_this, "state", {
-      dsLocales: {}
+      dsLocales: {},
+      dsLocalesLoaded: false
     });
 
     _defineProperty(_this, "getLangForCode", function (code) {
@@ -45,8 +52,9 @@ var LocaleProvider = /*#__PURE__*/function (_React$Component) {
     var locale = this.props.locale;
     var lang = this.getLangForCode(locale || DEFAULT_LANG);
     import("../../../i18n/" + lang + ".json").then(function (dsLocales) {
-      return _this2.setState({
-        dsLocales: dsLocales
+      _this2.setState({
+        dsLocales: dsLocales,
+        dsLocalesLoaded: true
       });
     });
   };
@@ -58,9 +66,13 @@ var LocaleProvider = /*#__PURE__*/function (_React$Component) {
         _this$props$messages = _this$props.messages,
         messages = _this$props$messages === void 0 ? {} : _this$props$messages,
         locale = _this$props.locale,
+        defaultLocale = _this$props.defaultLocale,
         timeZone = _this$props.timeZone,
-        children = _this$props.children;
-    var dsLocales = this.state.dsLocales;
+        children = _this$props.children,
+        onErrorIntl = _this$props.onErrorIntl;
+    var _this$state = this.state,
+        dsLocales = _this$state.dsLocales,
+        dsLocalesLoaded = _this$state.dsLocalesLoaded;
     var code = locale || DEFAULT_LANG;
     var lang = this.getLangForCode(code);
     var localeData = messages || {};
@@ -74,8 +86,11 @@ var LocaleProvider = /*#__PURE__*/function (_React$Component) {
       locale: code,
       messages: currentMessages,
       timeZone: timeZone,
-      onError: function onError() {
-        return undefined;
+      defaultLocale: defaultLocale,
+      onError: function onError(error) {
+        return onErrorIntl == null ? void 0 : onErrorIntl(error, {
+          dsLocalesLoaded: dsLocalesLoaded
+        });
       }
     }, children));
   };

package/dist/js/DSProvider/ThemeProvider/ThemeProvider.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { ThemePropsVars } from './theme';
-export interface ThemeProviderProps {
+export type ThemeProviderProps = {
     theme?: ThemePropsVars;
-}
-declare const ThemeProvider: React.FC<ThemeProviderProps>;
+    children?: ReactNode;
+};
+declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => React.JSX.Element;
 export default ThemeProvider;

package/dist/js/DSProvider/ThemeProvider/ThemeProvider.js

@@ -1,22 +1,24 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
 import React from 'react';
 import { ThemeProvider as ThemeProviderBase } from 'styled-components';
 import dsTheme from './theme';
 
-var ThemeProvider = function ThemeProvider(props) {
-  var theme = props.theme,
-      children = props.children;
+var ThemeProvider = function ThemeProvider(_ref) {
+  var _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? dsTheme : _ref$theme,
+      children = _ref.children;
   return /*#__PURE__*/React.createElement(ThemeProviderBase, {
     theme: _objectSpread({}, dsTheme, {}, theme)
   }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
 };
 
-ThemeProvider.defaultProps = {
-  theme: dsTheme
-};
 export default ThemeProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-core",
-  "version": "0.41.0",
+  "version": "0.42.1",
   "description": "Core Components for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -32,17 +32,17 @@
   },
   "types": "dist/js/index.js",
   "dependencies": {
-    "@synerise/ds-data-format": "^0.5.4",
+    "@synerise/ds-data-format": "^0.6.1",
     "deepmerge": "^4.2.2",
     "flat": "^5.0.2",
     "intl-messageformat-parser": "^3.6.4",
-    "less-vars-loader": "1.1.0",
-    "react-intl": "3.12.0"
+    "less-vars-loader": "1.1.0"
   },
   "peerDependencies": {
     "antd": "4.7.0",
     "react": ">=16.9.0 <= 17.0.2",
+    "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "2389b995aa44e42ec1dd9a177c7ab1f1a0001a70"
+  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
 }