@synerise/ds-context-selector 0.19.24 → 0.20.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.20.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.25...@synerise/ds-context-selector@0.20.0) (2024-01-24)
+
+
+### Features
+
+* **context-selector:** replace: skeleton instead of loader ([291e3bf](https://github.com/Synerise/synerise-design/commit/291e3bf9c4abcd22aeda39dd3347e1bf7424b12d))
+
+
+
+
+
+## [0.19.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.24...@synerise/ds-context-selector@0.19.25) (2024-01-17)
+
+**Note:** Version bump only for package @synerise/ds-context-selector
+
+
+
+
+
 ## [0.19.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-context-selector@0.19.23...@synerise/ds-context-selector@0.19.24) (2024-01-15)
 
 **Note:** Version bump only for package @synerise/ds-context-selector

package/dist/ContextSelector.styles.d.ts

@@ -7,4 +7,3 @@ export declare const SearchResultHighlight: import("styled-components").StyledCo
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ItemWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ErrorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LoaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/ContextSelector.styles.js

@@ -39,8 +39,4 @@ export var ErrorWrapper = styled.div.withConfig({
   componentId: "sc-1tuu6xk-7"
 })(["color:", ";margin-top:8px;"], function (props) {
   return props.theme.palette['red-600'];
-});
-export var LoaderWrapper = styled.div.withConfig({
-  displayName: "ContextSelectorstyles__LoaderWrapper",
-  componentId: "sc-1tuu6xk-8"
-})(["width:100%;display:flex;align-items:center;justify-content:center;padding:32px 0;"]);
+});

package/dist/ContextSelectorDropdown/ContextSelectorDropdown.js

@@ -15,11 +15,11 @@ import Tabs from '@synerise/ds-tabs';
 import { focusWithArrowKeys, getClosest, useOnClickOutside } from '@synerise/ds-utils';
 import Result from '@synerise/ds-result';
 import Scrollbar from '@synerise/ds-scrollbar';
-import Loader from '@synerise/ds-loader';
 import { theme } from '@synerise/ds-core';
 import { v4 as uuid } from 'uuid';
 import { VariableSizeList as List } from 'react-window';
 import { ItemSize } from '@synerise/ds-menu';
+import DropdownSkeleton from '@synerise/ds-skeleton';
 import * as S from '../ContextSelector.styles';
 import ContextSelectorDropdownItem from './ContextSelectorDropdownItem';
 var NO_GROUP_NAME = 'NO_GROUP_NAME';
@@ -311,10 +311,9 @@ var ContextSelectorDropdown = function ContextSelectorDropdown(_ref) {
     onClick: function onClick() {
       return setActiveGroup(undefined);
     }
-  }), loading ? /*#__PURE__*/React.createElement(S.LoaderWrapper, null, /*#__PURE__*/React.createElement(Loader, {
-    label: texts.loadingResults,
-    labelPosition: "bottom"
-  })) : /*#__PURE__*/React.createElement(S.ItemsList, null, activeItems != null && activeItems.length ? /*#__PURE__*/React.createElement(Scrollbar, {
+  }), loading ? /*#__PURE__*/React.createElement(DropdownSkeleton, {
+    size: "M"
+  }) : /*#__PURE__*/React.createElement(S.ItemsList, null, activeItems != null && activeItems.length ? /*#__PURE__*/React.createElement(Scrollbar, {
     absolute: true,
     style: {
       padding: 8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-context-selector",
-  "version": "0.19.24",
+  "version": "0.20.0",
   "description": "ContextSelector UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -27,24 +27,24 @@
     "test:watch": "npm run test -- --watchAll",
     "types": "tsc --noEmit"
   },
-  "gitHead": "ba51e38beff83b8adba409f09311131f429ada01",
+  "gitHead": "9e7d97fc5f8a9fd938b38e9d1678e050e0478e0e",
   "sideEffects": [
     "dist/style/*",
     "*.less"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.18.10",
-    "@synerise/ds-dropdown": "^0.17.92",
-    "@synerise/ds-factors": "^0.20.17",
-    "@synerise/ds-icon": "^0.59.0",
-    "@synerise/ds-information-card": "^0.3.52",
-    "@synerise/ds-loader": "^0.2.51",
-    "@synerise/ds-menu": "^0.18.9",
-    "@synerise/ds-result": "^0.6.41",
-    "@synerise/ds-scrollbar": "^0.7.1",
-    "@synerise/ds-tabs": "^0.13.90",
-    "@synerise/ds-utils": "^0.24.23",
+    "@synerise/ds-button": "^0.19.0",
+    "@synerise/ds-dropdown": "^0.17.94",
+    "@synerise/ds-factors": "^0.21.0",
+    "@synerise/ds-icon": "^0.60.0",
+    "@synerise/ds-information-card": "^0.3.54",
+    "@synerise/ds-menu": "^0.18.11",
+    "@synerise/ds-result": "^0.6.43",
+    "@synerise/ds-scrollbar": "^0.7.3",
+    "@synerise/ds-skeleton": "^0.4.0",
+    "@synerise/ds-tabs": "^0.13.92",
+    "@synerise/ds-utils": "^0.24.24",
     "react-window": "1.8.5",
     "uuid": "^8.3.2"
   },