@decisiv/ui-components 2.0.1-alpha.142 → 2.0.1-alpha.143

package/lib/components/Filter/index.d.ts

@@ -1,29 +1,5 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
+import React from 'react';
 import { FilterProps } from './types';
-declare const Filter: {
-    ({ active: filterActive, variant, kind, onClick, disabled, badgeColor, ...rest }: FilterProps): JSX.Element;
-    propTypes: {
-        active: PropTypes.Requireable<boolean>;
-        variant: PropTypes.Requireable<string>;
-        kind: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        text: PropTypes.Validator<string>;
-        badgeColor: PropTypes.Requireable<import("../../utils/commonUIColors").CommonUIColorKeys>;
-        badgeIcon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        count: PropTypes.Requireable<number>;
-        disabled: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        active: boolean;
-        variant: string;
-        onClick: null;
-        kind: string;
-        badgeIcon: null;
-        badgeColor: string;
-        count: undefined;
-        disabled: boolean;
-    };
-};
+declare const Filter: React.ForwardRefExoticComponent<FilterProps & React.RefAttributes<HTMLButtonElement>>;
 export default Filter;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Filter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/index.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAStC,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAgDX,CAAC;AAyBF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAMtE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAStC,QAAA,MAAM,MAAM,uFAsDX,CAAC;AA4BF,eAAe,MAAM,CAAC"}

package/lib/components/Filter/index.js

@@ -39,7 +39,7 @@ var components = {
   simple: _SimplePrimary.default
 }; // variant uses basic
 
-var Filter = function Filter(_ref) {
+var Filter = (0, _react.forwardRef)(function (_ref, ref) {
   var filterActive = _ref.active,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'simple' : _ref$variant,
@@ -68,6 +68,7 @@ var Filter = function Filter(_ref) {
     }
   }, [onClick, toggleStatus]);
   return _react.default.createElement(_StyledFilter.default, _extends({
+    ref: ref,
     kind: kind,
     tabIndex: 0,
     active: filterActive || active,
@@ -78,7 +79,7 @@ var Filter = function Filter(_ref) {
     disabled: disabled,
     badgeColor: disabled ? _visualInterest.VisualInterestColorName.licoriceMousse : badgeColor
   }, rest)));
-};
+}); // @ts-ignore
 
 Filter.propTypes = {
   active: _propTypes.default.bool,
@@ -94,12 +95,13 @@ Filter.propTypes = {
 Filter.defaultProps = {
   active: false,
   variant: 'simple',
-  onClick: null,
+  onClick: undefined,
   kind: 'primary',
-  badgeIcon: null,
+  badgeIcon: undefined,
   badgeColor: 'information',
   count: undefined,
   disabled: false
 };
+Filter.displayName = 'Filter';
 var _default = Filter;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.142+9316be8",
+  "version": "2.0.1-alpha.143+69b8e4a",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "9316be8ea57115d7125a19842e4365e9530a9062"
+  "gitHead": "69b8e4afa501944214740b4e6578349f5cfbba14"
 }