@decisiv/ui-components 2.0.1-alpha.223 → 2.0.1-alpha.224

package/lib/atoms/InputField/index.d.ts

@@ -47,6 +47,9 @@ export interface BaseInputFieldProps {
     withWarningIntent?: boolean;
     isTextArea?: boolean;
     multiple?: boolean;
+    showContainerCount?: boolean;
+    containerMaxCount?: number;
+    containerCount?: number;
 }
 declare const InputFieldWithRef: RefForwardingComponent<Ref<any>, BaseInputFieldProps>;
 export default InputFieldWithRef;

package/lib/atoms/InputField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,GAAG,EACH,sBAAsB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAoB5C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,mBAAmB;IAClC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoLD,QAAA,MAAM,iBAAiB,EAAE,sBAAsB,CAC7C,GAAG,CAAC,GAAG,CAAC,EACR,mBAAmB,CACK,CAAC;AAQ3B,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/index.tsx"],"names":[],"mappings":"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"}

package/lib/atoms/InputField/index.js

@@ -33,6 +33,8 @@ var _RequiredIcon = _interopRequireDefault(require("../RequiredIcon"));
 
 var _HelpMessage = _interopRequireDefault(require("./HelpMessage"));
 
+var _styles = require("./styles");
+
 var _schema = _interopRequireDefault(require("./schema"));
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
@@ -90,7 +92,10 @@ function InputField(props, targetRef) {
       isTextArea = _props$isTextArea === void 0 ? false : _props$isTextArea,
       _props$multiple = props.multiple,
       multiple = _props$multiple === void 0 ? false : _props$multiple,
-      rest = _objectWithoutProperties(props, ["children", "cursor", "disabled", "hideLabel", "helpMessage", "icon", "secondaryElement", "id", "inputContainerRef", "label", "labelId", "maxLength", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "overflow", "readOnly", "required", "requiredMessage", "showCharacterCount", "style", "value", "warningMessage", "withWarningIntent", "isTextArea", "multiple"]);
+      showContainerCount = props.showContainerCount,
+      containerCount = props.containerCount,
+      containerMaxCount = props.containerMaxCount,
+      rest = _objectWithoutProperties(props, ["children", "cursor", "disabled", "hideLabel", "helpMessage", "icon", "secondaryElement", "id", "inputContainerRef", "label", "labelId", "maxLength", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "overflow", "readOnly", "required", "requiredMessage", "showCharacterCount", "style", "value", "warningMessage", "withWarningIntent", "isTextArea", "multiple", "showContainerCount", "containerCount", "containerMaxCount"]);
 
   var fallbackTargetRef = (0, _react.useRef)(null);
   var finalTargetRef = targetRef || fallbackTargetRef;
@@ -194,7 +199,9 @@ function InputField(props, targetRef) {
     target: _react.default.createElement(_RequiredIcon.default, {
       "aria-label": requiredMessage
     })
-  }, requiredMessage))), children(_objectSpread({}, rest, {
+  }, requiredMessage), showContainerCount && containerMaxCount !== undefined && _react.default.createElement(_styles.ContentCounter, {
+    surpassed: (containerCount || 0) > containerMaxCount
+  }, "".concat(containerCount || 0, "/").concat(containerMaxCount)))), children(_objectSpread({}, rest, {
     'aria-labelledby': labelId,
     disabled: disabled,
     id: targetId,

package/lib/atoms/InputField/styles.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+interface SpanProps extends HTMLAttributes<HTMLSpanElement> {
+    surpassed?: boolean;
+}
+export declare const ContentCounter: import("styled-components").StyledComponent<"span", any, SpanProps, never>;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/lib/atoms/InputField/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/atoms/InputField/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AASvC,UAAU,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAGD,eAAO,MAAM,cAAc,4EAS1B,CAAC"}

package/lib/atoms/InputField/styles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentCounter = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
+
+var _spacing = _interopRequireDefault(require("@decisiv/design-tokens/lib/spacing"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+// eslint-disable-next-line import/prefer-default-export
+var ContentCounter = _styledComponents.default.span.withConfig({
+  displayName: "styles__ContentCounter",
+  componentId: "sc-1mkcosa-0"
+})(["position:absolute;right:", ";", ""], (0, _rem.default)(_spacing.default.base), function (_ref) {
+  var surpassed = _ref.surpassed;
+  return surpassed && (0, _styledComponents.css)(["color:", ";"], (0, _toColorString.default)(_color.default.status.danger.medium));
+});
+
+exports.ContentCounter = ContentCounter;

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

@@ -1,14 +1,5 @@
 /// <reference types="react" />
-import { BaseInputFieldProps } from '../../atoms/InputField';
-import { DropdownListItem } from '../DropdownList/types';
-export interface TagInputProps extends Omit<BaseInputFieldProps, 'onChange' | 'children' | 'value' | 'hideLabel'> {
-    hiddenLabel?: boolean;
-    defaultTags?: string[];
-    tags?: string[];
-    options: DropdownListItem[];
-    onChange?: (value: string[]) => void;
-    onSelect?: (item: string[]) => void;
-    zIndex?: number;
-}
-export default function TagInput({ defaultTags, tags, onChange, disabled, readOnly, label, hiddenLabel, options, onSelect, zIndex, ...props }: TagInputProps): JSX.Element;
+import { TagInputProps, TagItem, TagObject } from './types';
+export { TagInputProps, TagItem, TagObject };
+export default function TagInput({ defaultTags, tags, onChange, disabled, readOnly, label, hiddenLabel, options, onSelect, maxTags, showMaxTagsCount, zIndex, ...props }: TagInputProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":";AAoBA,OAAmB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAKzD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,mBAAmB,EACnB,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAChD;IACD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,WAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,eA2Sf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAI5D,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,WAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,eAkUf"}

package/lib/components/TagInput/index.js

@@ -4,6 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TagInput;
+Object.defineProperty(exports, "TagInputProps", {
+  enumerable: true,
+  get: function get() {
+    return _types.TagInputProps;
+  }
+});
+Object.defineProperty(exports, "TagItem", {
+  enumerable: true,
+  get: function get() {
+    return _types.TagItem;
+  }
+});
+Object.defineProperty(exports, "TagObject", {
+  enumerable: true,
+  get: function get() {
+    return _types.TagObject;
+  }
+});
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -29,6 +47,8 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _DropdownList = _interopRequireDefault(require("../DropdownList"));
 
+var _types = require("./types");
+
 var _styles = require("./styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -68,8 +88,10 @@ function TagInput(_ref) {
       hiddenLabel = _ref.hiddenLabel,
       options = _ref.options,
       onSelect = _ref.onSelect,
+      maxTags = _ref.maxTags,
+      showMaxTagsCount = _ref.showMaxTagsCount,
       zIndex = _ref.zIndex,
-      props = _objectWithoutProperties(_ref, ["defaultTags", "tags", "onChange", "disabled", "readOnly", "label", "hiddenLabel", "options", "onSelect", "zIndex"]);
+      props = _objectWithoutProperties(_ref, ["defaultTags", "tags", "onChange", "disabled", "readOnly", "label", "hiddenLabel", "options", "onSelect", "maxTags", "showMaxTagsCount", "zIndex"]);
 
   var clearButtonRef = (0, _react.useRef)(null);
   var listRef = (0, _react.useRef)(null);
@@ -102,6 +124,11 @@ function TagInput(_ref) {
   var tagsToRender = (0, _react.useMemo)(function () {
     return tags || innerTags;
   }, [tags, innerTags]);
+  var flatenTagsToRender = (0, _react.useMemo)(function () {
+    return tagsToRender.map(function (tag) {
+      return typeof tag === 'string' ? tag : tag.text;
+    });
+  }, [tagsToRender]);
   var isDisabled = disabled || readOnly;
   var handleNotifyChange = (0, _react.useCallback)(function (value) {
     if (!onChange) return;
@@ -112,7 +139,7 @@ function TagInput(_ref) {
   }, [options]);
   var handleAddTag = (0, _react.useCallback)(function (rawString) {
     var text = rawString.replace(/\s+/g, ' ').trim();
-    if (!text || tagsToRender.includes(text)) return;
+    if (!text || flatenTagsToRender.includes(text)) return;
 
     if (isControlled) {
       handleNotifyChange([].concat(_toConsumableArray(tags), [text]));
@@ -124,7 +151,7 @@ function TagInput(_ref) {
       handleNotifyChange(newState);
       return newState;
     });
-  }, [handleNotifyChange, tags, tagsToRender, isControlled]);
+  }, [handleNotifyChange, tags, flatenTagsToRender, isControlled]);
   var handleRemoveOnBackspace = (0, _react.useCallback)(function () {
     if (isControlled) {
       handleNotifyChange(_toConsumableArray(tags.slice(0, -1)));
@@ -144,14 +171,14 @@ function TagInput(_ref) {
 
       if (isControlled) {
         handleNotifyChange(_toConsumableArray(tags).filter(function (tag) {
-          return tag !== text;
+          return typeof tag === 'string' ? tag !== text : tag.text !== text;
         }));
         return;
       }
 
       setInnerTags(function (oldState) {
         var newState = _toConsumableArray(oldState).filter(function (tag) {
-          return tag !== text;
+          return typeof tag === 'string' ? tag !== text : tag.text !== text;
         });
 
         handleNotifyChange(newState);
@@ -213,7 +240,7 @@ function TagInput(_ref) {
       return newState;
     });
     setIsPopoverVisible(false);
-  }, [handleNotifyChange, tags, isControlled, options]);
+  }, [handleNotifyChange, tags, isControlled, options, onSelect]);
   /**
    * Toggle the dropdown list.
    */
@@ -274,20 +301,36 @@ function TagInput(_ref) {
     label: label,
     hideLabel: hiddenLabel,
     inputContainerRef: inputContainerRef,
-    onClick: handleContainerClick
+    onClick: handleContainerClick,
+    containerMaxCount: maxTags,
+    containerCount: tagsToRender.length,
+    showContainerCount: showMaxTagsCount
   }, props), function (innerProps) {
     return _react.default.createElement(_styles.Container, null, tagsToRender.map(function (tag) {
+      var _ref2 = typeof tag === 'string' ? {
+        text: tag
+      } : {
+        text: tag.text,
+        color: tag.color,
+        palette: tag.palette
+      },
+          text = _ref2.text,
+          _ref2$color = _ref2.color,
+          color = _ref2$color === void 0 ? 'information' : _ref2$color,
+          _ref2$palette = _ref2.palette,
+          palette = _ref2$palette === void 0 ? 'pastel' : _ref2$palette;
+
       return _react.default.createElement(_Tag.default, {
-        key: tag,
+        key: text,
         size: "small",
-        text: tag,
-        palette: "pastel",
-        color: isDisabled ? 'licoriceMousse' : 'information',
-        action: isDisabled ? undefined : handleRemoveTag(tag),
+        text: text,
+        palette: palette,
+        color: isDisabled ? 'licoriceMousse' : color,
+        action: isDisabled ? undefined : handleRemoveTag(text),
         actionIntent: "danger",
         actionAttributes: {
           'aria-label': translate(undefined, 'tagInput.tagAriaLabel', {
-            tagName: tag
+            tagName: text
           })
         },
         actionIcon: isDisabled ? undefined : _Times.default

package/lib/components/TagInput/index.test.js

@@ -1074,4 +1074,70 @@ describe('TagInput', function () {
       expect(onSelectMock).toHaveBeenCalledWith(['Option1']);
     });
   });
+  describe('maxTags counter', function () {
+    it('renders maxTags counter when showMaxTagsCount is true', function () {
+      var _render34 = render(_react.default.createElement(_.default, {
+        defaultTags: ['Tag1', 'Tag2'],
+        maxTags: 5,
+        showMaxTagsCount: true,
+        label: "My Tag Input"
+      })),
+          getByText = _render34.getByText;
+
+      expect(getByText('2/5')).toBeInTheDocument();
+    });
+    it('does not render maxTags counter when showMaxTagsCount is false', function () {
+      var _render35 = render(_react.default.createElement(_.default, {
+        defaultTags: ['Tag1', 'Tag2'],
+        maxTags: 5,
+        showMaxTagsCount: false,
+        label: "My Tag Input"
+      })),
+          queryByText = _render35.queryByText;
+
+      expect(queryByText('2/5')).not.toBeInTheDocument();
+    });
+    it('renders red counter when maxTags is reached', function () {
+      var _render36 = render(_react.default.createElement(_.default, {
+        defaultTags: ['Tag1', 'Tag2', 'Tag3', 'Tag4'],
+        maxTags: 3,
+        showMaxTagsCount: true,
+        label: "My Tag Input"
+      })),
+          getByText = _render36.getByText;
+
+      expect(getByText('4/3')).toHaveStyle("\n        color: #FF4142;\n      ");
+    });
+  });
+  describe('decorated tags', function () {
+    it('renders tags with specified colors', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee33() {
+      var _render37, getByText;
+
+      return regeneratorRuntime.wrap(function _callee33$(_context33) {
+        while (1) {
+          switch (_context33.prev = _context33.next) {
+            case 0:
+              _render37 = render(_react.default.createElement(_.default, {
+                defaultTags: [{
+                  text: 'Red Tag',
+                  color: 'danger'
+                }, {
+                  text: 'Green Tag',
+                  color: 'fizzyLime',
+                  palette: 'dark'
+                }, 'default tag'],
+                label: "My Tag Input"
+              })), getByText = _render37.getByText;
+              expect(getByText('Red Tag').parentElement.parentElement).toHaveStyle("\n        background-color: #ffdfdf;\n      ");
+              expect(getByText('Green Tag').parentElement.parentElement).toHaveStyle("\n        background-color: #6b7700;\n      ");
+              expect(getByText('default tag').parentElement.parentElement).toHaveStyle("\n        background-color: #d4eefe;\n      ");
+
+            case 4:
+            case "end":
+              return _context33.stop();
+          }
+        }
+      }, _callee33);
+    })));
+  });
 });

package/lib/components/TagInput/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAwC,CAAC;AAoBrD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAwC,CAAC;AAmCrD,eAAe,MAAM,CAAC"}

package/lib/components/TagInput/schema.js

@@ -23,8 +23,14 @@ var schema = (0, _reactDesc.describe)({
   displayName: 'TagInput'
 });
 schema.propTypes = _objectSpread({}, (0, _omit.default)(_InputField.schema.makePropTypes(), ['icon', 'children', 'value', 'onFocus', 'onBlur', 'showCharacterCount', 'maxLength']), {
-  tags: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.string).description('An array of tags that represents the controlled value of the component.'),
-  defaultTags: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.string).description('An array of tags that represents the initial uncontrolled value of the component.')
+  tags: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.oneOf([_reactDesc.PropTypes.string, _reactDesc.PropTypes.shape({
+    text: _reactDesc.PropTypes.string,
+    color: _reactDesc.PropTypes.string,
+    palette: _reactDesc.PropTypes.string
+  })])).description('An array of tags that represents the controlled value of the component. Array elements can be either strings or objects with `text`, `color` and `palette` properties.'),
+  defaultTags: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.string).description('An array of tags that represents the initial uncontrolled value of the component.'),
+  maxTags: _reactDesc.PropTypes.number.description('The maximum number of tags that should be added to the component. Used in conjuction with `showMaxTagsCount`.'),
+  showMaxTagsCount: _reactDesc.PropTypes.bool.description('Whether to show a counter with the number of added tags and the maximum allowed when `maxTags` is set.')
 });
 var _default = schema;
 exports.default = _default;

package/lib/components/TagInput/types.d.ts

@@ -0,0 +1,21 @@
+import { CommonUIColorKeys } from '../../utils/commonUIColors';
+import { BaseInputFieldProps } from '../../atoms/InputField';
+import { DropdownListItem } from '../DropdownList/types';
+export interface TagObject {
+    text: string;
+    color?: CommonUIColorKeys;
+    palette?: 'pastel' | 'bright' | 'dark';
+}
+export declare type TagItem = TagObject | string;
+export interface TagInputProps extends Omit<BaseInputFieldProps, 'onChange' | 'children' | 'value' | 'hideLabel'> {
+    hiddenLabel?: boolean;
+    defaultTags?: TagItem[];
+    tags?: TagItem[];
+    options: DropdownListItem[];
+    onChange?: (value: TagItem[]) => void;
+    onSelect?: (item: string[]) => void;
+    maxTags?: number;
+    showMaxTagsCount?: boolean;
+    zIndex?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/TagInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;CACxC;AAED,oBAAY,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,mBAAmB,EACnB,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAChD;IACD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/components/TagInput/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -6,6 +6,7 @@ export interface Step {
     content: React.ReactNode;
     nextButtonProps?: ButtonProps;
     previousButtonProps?: ButtonProps;
+    hideBodyTitle?: boolean;
 }
 export interface WizardProps extends Pick<ModalProps, 'id' | 'visible' | 'zIndex'> {
     title: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAO1D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa5C,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,mBAAmB,CAAC,EAAE,WAAW,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QACxB,IAAI,EAAE,IAAI,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,OAAO,CAAC;QACrB,UAAU,EAAE,OAAO,CAAC;QACpB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;KACjC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AA8HD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAQ1D;kBARQ,YAAY;;;;AAiBrB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAO1D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa5C,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,mBAAmB,CAAC,EAAE,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QACxB,IAAI,EAAE,IAAI,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,OAAO,CAAC;QACrB,UAAU,EAAE,OAAO,CAAC;QACpB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;KACjC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAsID,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAQ1D;kBARQ,YAAY;;;;AAiBrB,eAAe,YAAY,CAAC"}

package/lib/components/Wizard/index.js

@@ -85,7 +85,8 @@ var Wizard = function Wizard(_ref) {
   var title = currentStep.title,
       content = currentStep.content,
       nextButtonProps = currentStep.nextButtonProps,
-      previousButtonProps = currentStep.previousButtonProps;
+      previousButtonProps = currentStep.previousButtonProps,
+      hideBodyTitle = currentStep.hideBodyTitle;
   var showPrevious = currentStepNumber > 1 && !!previousButtonProps;
   var showSubmit = currentStepNumber === steps.length && !!submitButtonProps;
   var showNext = currentStepNumber < steps.length && !showSubmit && !!nextButtonProps;
@@ -126,7 +127,7 @@ var Wizard = function Wizard(_ref) {
     activeStep: currentStepNumber
   })), _react.default.createElement(_styles.StepContainer, {
     tabIndex: 0
-  }, _react.default.createElement(_.Flex, {
+  }, !hideBodyTitle && _react.default.createElement(_.Flex, {
     marginBottom: 2
   }, _react.default.createElement(_Typography.H3, null, title)), content)), _react.default.createElement(_styles.Footer, {
     size: breakpoint,

package/lib/components/Wizard/index.test.js

@@ -119,6 +119,46 @@ describe('Wizard', function () {
       });
     });
   });
+  describe('hideBodyTitle', function () {
+    it('hides the content title when hideBodyTitle is true for the step', function () {
+      var steps = [{
+        title: 'First Step',
+        content: _react.default.createElement(StepContent, {
+          text: "Step 1 Content"
+        }),
+        hideBodyTitle: true
+      }, {
+        title: 'Second Step',
+        content: _react.default.createElement(StepContent, {
+          text: "Step 2 Content"
+        })
+      }, {
+        title: 'Third Step',
+        content: _react.default.createElement(StepContent, {
+          text: "Step 3 Content"
+        })
+      }];
+
+      var _render3 = render(_react.default.createElement(_.default, {
+        title: "Wizard Title",
+        visible: true,
+        activeStep: 1,
+        submitButtonProps: {
+          onClick: function onClick() {
+            return null;
+          }
+        },
+        steps: steps
+      })),
+          getByRole = _render3.getByRole;
+
+      var modal = getByRole('dialog');
+      expect(modal).toBeInTheDocument();
+      expect((0, _react2.within)(modal).queryByText(/first step/i, {
+        selector: 'h3'
+      })).not.toBeInTheDocument();
+    });
+  });
   describe('size', function () {
     describe('normal / default', function () {
       it('renders the modal with a max-width of 650px', function () {
@@ -139,7 +179,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render3 = render(_react.default.createElement(_.default, {
+        var _render4 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 1,
@@ -150,7 +190,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render3.getByRole;
+            getByRole = _render4.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toHaveStyle('max-width: 650px');
@@ -175,7 +215,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render4 = render(_react.default.createElement(_.default, {
+        var _render5 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           size: "extraLarge",
           visible: true,
@@ -187,7 +227,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render4.getByRole;
+            getByRole = _render5.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toHaveStyle("max-width: ".concat((0, _polished.rem)(_designTokens.spacing.base * 90)));
@@ -212,7 +252,7 @@ describe('Wizard', function () {
       })
     }];
 
-    var _render5 = render(_react.default.createElement(_.default, {
+    var _render6 = render(_react.default.createElement(_.default, {
       title: "Wizard Title",
       visible: true,
       activeStep: 1,
@@ -223,7 +263,7 @@ describe('Wizard', function () {
       },
       steps: steps
     })),
-        getByRole = _render5.getByRole;
+        getByRole = _render6.getByRole;
 
     var modal = getByRole('dialog');
     expect(modal).toBeInTheDocument();
@@ -250,7 +290,7 @@ describe('Wizard', function () {
         })
       }];
 
-      var _render6 = render(_react.default.createElement(_.default, {
+      var _render7 = render(_react.default.createElement(_.default, {
         title: "Wizard Title",
         visible: true,
         activeStep: 1,
@@ -261,7 +301,7 @@ describe('Wizard', function () {
         },
         steps: steps
       })),
-          getByRole = _render6.getByRole;
+          getByRole = _render7.getByRole;
 
       var modal = getByRole('dialog');
       expect(modal).toBeInTheDocument();
@@ -291,7 +331,7 @@ describe('Wizard', function () {
         })
       }];
 
-      var _render7 = render(_react.default.createElement(_.default, {
+      var _render8 = render(_react.default.createElement(_.default, {
         title: "Wizard Title",
         visible: true,
         activeStep: activeStep,
@@ -302,7 +342,7 @@ describe('Wizard', function () {
         },
         steps: steps
       })),
-          getByRole = _render7.getByRole;
+          getByRole = _render8.getByRole;
 
       var modal = getByRole('dialog');
       expect(modal).toBeInTheDocument();
@@ -331,7 +371,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render8 = render(_react.default.createElement(_.default, {
+        var _render9 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           onCancel: onCancelMock,
@@ -343,7 +383,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render8.getByRole;
+            getByRole = _render9.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -374,7 +414,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render9 = render(_react.default.createElement(_.default, {
+        var _render10 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 1,
@@ -385,7 +425,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render9.getByRole;
+            getByRole = _render10.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -416,7 +456,7 @@ describe('Wizard', function () {
           }
         }];
 
-        var _render10 = render(_react.default.createElement(_.default, {
+        var _render11 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: steps.length,
@@ -427,7 +467,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render10.getByRole;
+            getByRole = _render11.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -460,7 +500,7 @@ describe('Wizard', function () {
           })
         }];
         it('calls the onClick from the continueProps of the active step', function () {
-          var _render11 = render(_react.default.createElement(_.default, {
+          var _render12 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: 1,
@@ -471,7 +511,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render11.getByRole;
+              getByRole = _render12.getByRole;
 
           var modal = getByRole('dialog');
           expect(modal).toBeInTheDocument();
@@ -510,7 +550,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render12 = render(_react.default.createElement(_.default, {
+        var _render13 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 2,
@@ -521,7 +561,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render12.getByRole;
+            getByRole = _render13.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -552,7 +592,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render13 = render(_react.default.createElement(_.default, {
+        var _render14 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 1,
@@ -563,7 +603,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render13.getByRole;
+            getByRole = _render14.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -597,7 +637,7 @@ describe('Wizard', function () {
           }
         }];
         it('calls the onClick from the continueProps of the active step', function () {
-          var _render14 = render(_react.default.createElement(_.default, {
+          var _render15 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: 2,
@@ -608,7 +648,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render14.getByRole;
+              getByRole = _render15.getByRole;
 
           var modal = getByRole('dialog');
           expect(modal).toBeInTheDocument();
@@ -643,7 +683,7 @@ describe('Wizard', function () {
         it('doesnt render if im not in the last step', function () {
           var submitCallbackMock = jest.fn();
 
-          var _render15 = render(_react.default.createElement(_.default, {
+          var _render16 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: 1,
@@ -652,7 +692,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render15.getByRole;
+              getByRole = _render16.getByRole;
 
           var modal = getByRole('dialog');
           expect((0, _react2.within)(modal).queryByText(/submit/i)).not.toBeInTheDocument();
@@ -660,7 +700,7 @@ describe('Wizard', function () {
         it('renders if im in the last step', function () {
           var submitCallbackMock = jest.fn();
 
-          var _render16 = render(_react.default.createElement(_.default, {
+          var _render17 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: steps.length,
@@ -669,7 +709,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render16.getByRole;
+              getByRole = _render17.getByRole;
 
           var modal = getByRole('dialog');
           expect((0, _react2.within)(modal).getByText(/submit/i)).toBeInTheDocument();

package/lib/components/Wizard/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAgDnD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAiDnD,eAAe,MAAM,CAAC"}

package/lib/components/Wizard/schema.js

@@ -27,7 +27,8 @@ schema.propTypes = {
     }),
     nextButtonProps: _reactDesc.PropTypes.shape({
       onClick: _reactDesc.PropTypes.func
-    })
+    }),
+    hideBodyTitle: _reactDesc.PropTypes.bool
   })).description('Define the steps to render in the wizard. For more info on the usage, see the Step Props table below').isRequired,
   submitButtonProps: _reactDesc.PropTypes.shape({
     onClick: _reactDesc.PropTypes.func.isRequired

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.223",
+  "version": "2.0.1-alpha.224",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",