@central-design-system/components 2.9.0 → 2.10.1

package/dist/types/CdsTable.ts

@@ -33,8 +33,12 @@ export default class CdsStatus extends Vue {
 
   @Prop({ type: Boolean, default: false }) public hideHeader?: boolean;
 
+  @Prop({ type: Boolean, default: false }) public alwaysShowHeader?: boolean;
+
   @Prop({ type: String, default: null }) public treeKey?: string | null;
 
+  @Prop({ type: Boolean, default: false }) public defaultOverflow?: boolean;
+
   @Prop({ type: String as PropType<TableRowSize>, default: 'standard' }) public rowSize?: TableRowSize;
 
   @Prop({ type: Object, default: {} }) public rowSelection?: object;

package/dist/types/CdsTooltip.ts

@@ -13,4 +13,6 @@ export default class CdsTooltip extends Vue {
   @Prop({ type: String as PropType<TooltipAlign>, default: 'center' }) public align?: TooltipAlign;
 
   @Prop({ type: String, required: true }) public tip: string;
+
+  @Prop({ type: Boolean, required: false, default: false }) public disabled?: boolean;
 }

package/dist/utils/deepFind.js

@@ -0,0 +1,14 @@
+export const deepFind = (f, obj = {}) => {
+  if (Object(obj) === obj) {
+    if (f(obj) === true) return obj;
+
+    // eslint-disable-next-line no-unused-vars
+    for (const [k, v] of Object.entries(obj)) {
+      const res = deepFind(f, v);
+
+      if (res !== undefined) return res;
+    }
+  }
+
+  return undefined;
+};

package/dist/utils/helpers.js

@@ -29,3 +29,5 @@ export const state = Object.freeze({
   empty: 'cds-state-empty',
   loading: 'cds-state-loading',
 });
+
+export const noop = () => {};

package/dist/utils/test/deepFind.test.js

@@ -0,0 +1,18 @@
+import { deepFind } from '../deepFind';
+
+const data = [
+  { a: 1, b: 1 },
+  { a: 2, b: 2, c: { d: [{ e: 2 }] } },
+  { a: 3, b: { c: { d: { e: { f: 3 } } } } },
+];
+
+describe('deepFind function', () => {
+  it('should be right find deep', () => {
+    expect(deepFind((x) => x.a === 1, data)).toEqual({ a: 1, b: 1 });
+    expect(deepFind((x) => x.e === 2, data)).toEqual({ e: 2 });
+    expect(deepFind((x) => Array.isArray(x.d), data)).toEqual({ d: [{ e: 2 }] });
+    expect(deepFind((x) => x.f === 3, data)).toEqual({ f: 3 });
+    expect(deepFind((x) => x.e && x.e.f === 3, data)).toEqual({ e: { f: 3 } });
+    expect(deepFind((x) => x.z === 9, data)).toEqual(undefined);
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "2.9.0",
+  "version": "2.10.1",
   "license": "ISC",
   "contributors": [
     {
@@ -33,24 +33,24 @@
   "dependencies": {
     "change-case": "^3.1.0",
     "flatpickr": "^4.6.9",
-    "node-sass": "^4.14.1",
     "v-runtime-template": "^1.10.0",
     "vanilla-masker": "^1.2.0",
     "vue": "^2.6.12",
     "vue-upload-component": "^2.8.20"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.4",
+    "@babel/core": "^7.16.0",
     "@vue/babel-preset-app": "^4.5.10",
     "@vue/server-test-utils": "1.0.0-beta.29",
     "@vue/test-utils": "1.2.0",
     "autoprefixer": "^9.6.4",
+    "babel-core": "7.0.0-bridge.0",
     "babel-jest": "^24.8.0",
     "babel-loader": "^8.2.2",
     "chalk": "^4.1.0",
     "clean-webpack-plugin": "^3.0.0",
     "copy-webpack-plugin": "^7.0.0",
-    "core-js": "^3.8.2",
+    "core-js": "^3.19.3",
     "cross-env": "^5.2.0",
     "css-loader": "^5.0.1",
     "css-minimizer-webpack-plugin": "^1.2.0",
@@ -66,7 +66,9 @@
     "jest-transform-stub": "^2.0.0",
     "mini-css-extract-plugin": "^1.3.4",
     "postcss-loader": "^3.0.0",
-    "sass-loader": "^8.0.2",
+    "node-sass": "^6.0.1",
+    "sass-loader": "^10.1.0",
+    "sass-rem": "^3.0.0",
     "sinon": "^7.3.2",
     "style-loader": "^1.0.0",
     "terser-webpack-plugin": "^5.1.1",