@synerise/ds-core 1.0.1 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.1.0...@synerise/ds-core@1.2.0) (2025-05-07)
+
+
+### Features
+
+* **button:** add ButtonToggle component ([1e86e54](https://github.com/synerise/synerise-design/commit/1e86e54273e2204bcbbbbe302ff0c2e2a326e94f))
+* **toast:** toast component ([0cb20d0](https://github.com/synerise/synerise-design/commit/0cb20d07b48d1c768a0ddf133b1970a4a13444ca))
+
+
+
+
+
+# [1.1.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.0.1...@synerise/ds-core@1.1.0) (2025-04-16)
+
+
+### Features
+
+* **item-picker:** custom limit per section ([d45ec39](https://github.com/synerise/synerise-design/commit/d45ec3951828811a03ca89bdbb3f39c91a120e22))
+
+
+
+
+
 ## [1.0.1](https://github.com/synerise/synerise-design/compare/@synerise/ds-core@1.0.0...@synerise/ds-core@1.0.1) (2025-03-18)
 
 **Note:** Version bump only for package @synerise/ds-core

package/README.md

@@ -18,10 +18,11 @@ Bunch of components to bootstrap application.
 
 ## API
 
-| Property         | Description                                | Type             | Default     |
-|------------------|--------------------------------------------|------------------|-------------|
-| locale           | Current lang (ex. en-US)                   | string           | en          |
-| timeZone         | Current timezone (ex. Europe/Warsaw)       | string           |             |
-| messages         | Object with translations                   | object           |             |
-| defaultMessages  | Object with fallback translations          | object           |             |
-| dataFormatConfig | Object with data (dates/numbers) notations | DataFormatConfig | EU notation |
+| Property         | Description                                                              | Type             | Default     |
+|------------------|--------------------------------------------------------------------------|------------------|-------------|
+| locale           | Current lang (ex. en-US)                                                 | string           | en          |
+| timeZone         | Current timezone (ex. Europe/Warsaw)                                     | string           |             |
+| messages         | Object with translations                                                 | object           |             |
+| defaultMessages  | Object with fallback translations                                        | object           |             |
+| dataFormatConfig | Object with data (dates/numbers) notations                               | DataFormatConfig | EU notation |
+| includeToaster   | Opt out of rendering a Toaster component for rendering toasts (messages) | boolean          | true        |

package/dist/i18n/en.json

@@ -123,7 +123,7 @@
       "CLEAR-SEARCH-TOOLTIP": "Clear",
       "BACK-TOOLTIP": "Back",
       "SEARCH-EVERYWHERE": "Search all folders",
-      "SEARCH-PLACEHOLDER": "Search"
+      "SEARCH-PLACEHOLDER": "Search for object or type {shortCutKey} to show actions"
     },
     "ITEM-PICKER": {
       "CLEAR-CONFIRM": "Are you sure you want to remove this selection?",

package/dist/i18n/pl.json

@@ -108,6 +108,27 @@
       "DELETE-CONFIRMATION-NO": "Anuluj",
       "SEARCH-PLACEHOLDER": "Szukaj"
     },
+    "ITEM-PICKER-DROPDOWN": {
+      "NO-ITEMS": "Brak obiektów",
+      "NO-SEARCH-RESULTS": "Nie znaleziono wyników",
+      "NO-SEARCH-RESULTS-FOLDER": "Sprawdź wyszukiwaną frazę lub wyszukaj we wszystkich folderach",
+      "NO-ACTIONS": "Brak akcji",
+      "REFRESH": "Odśwież",
+      "RECENTS": "Ostatnie",
+      "ACTIONS": "Akcje",
+      "RESULTS": "Wyniki",
+      "ITEMS": "Obiekty",
+      "LOADING-MORE": "Pobieram więcej...",
+      "LOADING-ERROR": "Błąd pobierania wyników",
+      "LOADED-ALL": "Wszystkie wyniki",
+      "ERROR-TITLE": "Błąd pobierania wyników",
+      "ERROR-DESCRIPTION": "Spróbuj odświeżyć listę wyników",
+      "SHOW-MORE": "Pokaż więcej",
+      "CLEAR-SEARCH-TOOLTIP": "Wyczyść",
+      "BACK-TOOLTIP": "Wstecz",
+      "SEARCH-EVERYWHERE": "Przeszukaj wszystkie foldery",
+      "SEARCH-PLACEHOLDER": "Wyszukaj obiekt lub wpisz {shortCutKey} aby wylistować akcje"
+    },
     "ITEM-PICKER": {
       "CLEAR-CONFIRM": "Czy na pewno chcesz usunąć to zaznaczenie?",
       "YES-TEXT": "Tak",

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

@@ -1,8 +1,11 @@
 import React, { PropsWithChildren } from 'react';
 import { DataFormatConfigProviderProps } from '@synerise/ds-data-format';
+import { ToasterProps } from '@synerise/ds-toaster';
 import '../style';
 import { LocaleProviderProps } from './LocaleProvider/LocaleProvider';
 import { ThemeProviderProps } from './ThemeProvider/ThemeProvider';
-export type DSProviderProps = PropsWithChildren<LocaleProviderProps & ThemeProviderProps & DataFormatConfigProviderProps>;
-declare const DSProvider: ({ locale, defaultLocale, messages, timeZone, children, theme, dataFormatConfig, onErrorIntl, onDSLocalesLoaded, }: DSProviderProps) => React.JSX.Element;
+export type DSProviderProps = PropsWithChildren<LocaleProviderProps & ThemeProviderProps & DataFormatConfigProviderProps & {
+    toasterProps?: false | Partial<ToasterProps>;
+}>;
+declare const DSProvider: ({ locale, defaultLocale, messages, timeZone, children, theme, dataFormatConfig, onErrorIntl, onDSLocalesLoaded, toasterProps, }: DSProviderProps) => React.JSX.Element;
 export default DSProvider;

package/dist/js/DSProvider/DSProvider.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { DataFormatConfigProvider } from '@synerise/ds-data-format';
+import Toaster, { ToasterProvider, TOASTER_DEFAULTS } from '@synerise/ds-toaster';
 import '../style';
 import LocaleProvider from './LocaleProvider';
 import ThemeProvider from './ThemeProvider';
@@ -12,7 +13,9 @@ var DSProvider = function DSProvider(_ref) {
     theme = _ref.theme,
     dataFormatConfig = _ref.dataFormatConfig,
     onErrorIntl = _ref.onErrorIntl,
-    onDSLocalesLoaded = _ref.onDSLocalesLoaded;
+    onDSLocalesLoaded = _ref.onDSLocalesLoaded,
+    _ref$toasterProps = _ref.toasterProps,
+    toasterProps = _ref$toasterProps === void 0 ? false : _ref$toasterProps;
   return /*#__PURE__*/React.createElement(LocaleProvider, {
     locale: locale,
     messages: messages,
@@ -24,6 +27,8 @@ var DSProvider = function DSProvider(_ref) {
     theme: theme
   }, /*#__PURE__*/React.createElement(DataFormatConfigProvider, {
     dataFormatConfig: dataFormatConfig
-  }, children)));
+  }, /*#__PURE__*/React.createElement(ToasterProvider, {
+    toasterProps: toasterProps || TOASTER_DEFAULTS
+  }, children, toasterProps !== false && /*#__PURE__*/React.createElement(Toaster, null)))));
 };
 export default DSProvider;

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

@@ -1,5 +1,5 @@
 import { Component, ReactNode } from 'react';
-import { OnErrorFn } from '@formatjs/intl';
+import type { OnErrorFn } from '@formatjs/intl';
 type NestedMessages = {
     [key: string]: string | NestedMessages;
 };

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

@@ -1,6 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _inheritsLoose(t, o) { t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import React, { Component } from 'react';
 import { IntlProvider } from 'react-intl';
 import { flatten } from 'flat';
@@ -12,7 +12,6 @@ var getLangForCode = function getLangForCode(code) {
   return code.substring(0, 2);
 };
 var LocaleProvider = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(LocaleProvider, _Component);
   function LocaleProvider() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -25,6 +24,7 @@ var LocaleProvider = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
+  _inheritsLoose(LocaleProvider, _Component);
   var _proto = LocaleProvider.prototype;
   _proto.componentDidMount = function componentDidMount() {
     var _this2 = this;

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

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { ThemeProvider as ThemeProviderBase } from 'styled-components';
 import dsTheme from './theme';

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

@@ -307,7 +307,7 @@ const variables = {
 	"btn-primary-focus-bg": "#0044d9",
 	"btn-primary-active-bg": "#0044d9",
 	"btn-primary-shadow": "rgba(35, 138, 254, 0.2)",
-	"btn-default-color": "#57616d",
+	"btn-default-color": "#6a7580",
 	"btn-default-bg": "#f9fafb",
 	"btn-default-border": "#dbe0e3",
 	"btn-default-focus-bg": "#f9fafb",
@@ -327,7 +327,7 @@ const variables = {
 	"btn-tertiary-white-focus-bg": "rgba(219, 224, 227,  0.15)",
 	"btn-tertiary-white-active-bg": "rgba(219, 224, 227,  0.1)",
 	"btn-tertiary-white-border": "transparent",
-	"btn-ghost-color": "#57616d",
+	"btn-ghost-color": "#6a7580",
 	"btn-ghost-bg": "transparent",
 	"btn-ghost-hover-bg": "rgba(181, 189, 195,  0.25)",
 	"btn-ghost-focus-bg": "transparent",

package/dist/js/index.d.ts

@@ -2,3 +2,4 @@ export { default as DSProvider } from './DSProvider';
 export { default as mediaQuery } from './mediaQuery/mediaQuery';
 export { theme, useTheme, defaultColorsOrder } from './DSProvider/ThemeProvider/theme';
 export type { ThemePropsVars, ThemeProps, WithTheme, DefaultColor } from './DSProvider/ThemeProvider/theme';
+export type { DSProviderProps } from './DSProvider';

package/dist/style/config.less

@@ -225,7 +225,7 @@
 @btn-primary-active-bg: @primary-color-darker-1;
 @btn-primary-shadow: rgba(35, 138, 254, 0.2);
 
-@btn-default-color: @gray-color-lighter-1;
+@btn-default-color: @gray-color-lighter-2;
 @btn-default-bg: @gray-color-lighter-8;
 @btn-default-border: @gray-color-lighter-5;
 @btn-default-focus-bg: @gray-color-lighter-8;
@@ -248,7 +248,7 @@
 @btn-tertiary-white-active-bg: rgba(@gray-color-lighter-5, 0.1);
 @btn-tertiary-white-border: transparent;
 
-@btn-ghost-color: @gray-color-lighter-1;
+@btn-ghost-color: @gray-color-lighter-2;
 @btn-ghost-bg: transparent;
 @btn-ghost-hover-bg: @gray-color-opacity-2;
 @btn-ghost-focus-bg: transparent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-core",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "description": "Core Components for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -33,9 +33,9 @@
   "types": "dist/js/index.js",
   "dependencies": {
     "@synerise/ds-data-format": "^1.0.0",
+    "@synerise/ds-toaster": "^1.1.0",
     "deepmerge": "^4.2.2",
-    "flat": "^5.0.2",
-    "intl-messageformat-parser": "^3.6.4"
+    "flat": "^5.0.2"
   },
   "peerDependencies": {
     "antd": "4.24.16",
@@ -44,8 +44,10 @@
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
+    "@formatjs/icu-messageformat-parser": "^2.11.1",
+    "@formatjs/intl": "^2.10.14",
     "hex-rgb": "^5.0.0",
     "less-vars-to-js": "^1.3.0"
   },
-  "gitHead": "218110f61f4371bc04d793b2b976b71d14e99e76"
+  "gitHead": "90af7549cf0f556340bdd0deec4bb59bacf3e95e"
 }