@synerise/ds-factors 1.4.3 → 1.4.5

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.4.4...@synerise/ds-factors@1.4.5) (2025-07-24)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
+## [1.4.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.4.3...@synerise/ds-factors@1.4.4) (2025-07-17)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+
+
+
+
 ## [1.4.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.4.2...@synerise/ds-factors@1.4.3) (2025-07-15)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorTypeSelector/FactorTypeSelector.js

@@ -26,11 +26,12 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
       });
     }
     return list.map(function (type) {
+      var typeData = factorTypeMapping[type];
       return /*#__PURE__*/React.createElement(ListItem, {
         className: "ds-factor-type",
-        key: factorTypeMapping[type].name,
+        key: typeData.name,
         prefixel: /*#__PURE__*/React.createElement(Icon, {
-          component: factorTypeMapping[type].icon
+          component: typeData.icon
         }),
         suffixel: type === selectedFactorType ? /*#__PURE__*/React.createElement(Icon, {
           component: /*#__PURE__*/React.createElement(CheckS, null),
@@ -54,17 +55,21 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
   if (readOnly) {
     return trigger;
   }
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    title: texts[selectedFactorType],
-    trigger: ['hover']
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    open: dropdownOpen,
-    onOpenChange: setDropdownOpen,
-    dropdownRender: function dropdownRender() {
-      return /*#__PURE__*/React.createElement(S.FactorTypeList, null, typesList);
-    },
-    trigger: ['click'],
-    disabled: readOnly
-  }, trigger));
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error selectedFactorType can be any string - requires type refactor in analytics-core
+    React.createElement(Tooltip, {
+      title: texts[selectedFactorType],
+      trigger: ['hover']
+    }, /*#__PURE__*/React.createElement(Dropdown, {
+      open: dropdownOpen,
+      onOpenChange: setDropdownOpen,
+      dropdownRender: function dropdownRender() {
+        return /*#__PURE__*/React.createElement(S.FactorTypeList, null, typesList);
+      },
+      trigger: ['click'],
+      disabled: readOnly
+    }, trigger))
+  );
 };
 export default FactorTypeSelector;

package/dist/FactorValue/Array/Array.styles.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import Button from '@synerise/ds-button';
 export declare const TextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/lib/input").TextAreaProps & {
-    error?: boolean | undefined;
+    error?: boolean;
 } & import("react").RefAttributes<import("antd/lib/input/TextArea").TextAreaRef>>, any, {
-    error?: boolean | undefined;
+    error?: boolean;
 }, never>;
 export declare const Modal: import("styled-components").StyledComponent<{
-    (props: import("@synerise/ds-modal").ModalProps): import("react").JSX.Element;
+    (props: import("@synerise/ds-modal").ModalProps): React.JSX.Element;
     info: import("antd/lib/modal/confirm").ModalFunc;
     success: import("antd/lib/modal/confirm").ModalFunc;
     error: import("antd/lib/modal/confirm").ModalFunc;
@@ -15,7 +14,7 @@ export declare const Modal: import("styled-components").StyledComponent<{
 }, any, {
     viewportHeight: number;
 }, never>;
-export declare const EmptyState: import("styled-components").StyledComponent<({ size, label, text, button, fontSize, customIcon, className, mode, iconPosition, textAlign, }: import("@synerise/ds-empty-states").EmptyStatesProps) => import("react").JSX.Element, any, {}, never>;
+export declare const EmptyState: import("styled-components").StyledComponent<({ size, label, text, button, fontSize, customIcon, className, mode, iconPosition, textAlign, }: import("@synerise/ds-empty-states").EmptyStatesProps) => React.JSX.Element, any, {}, never>;
 export declare const TriggerButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TriggerButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
 export declare const ModalFooterLeftSide: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -27,6 +26,6 @@ export declare const SearchWrapper: import("styled-components").StyledComponent<
 export declare const RightSide: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LeftSide: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CreatorItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DeleteIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {}, never>;
+export declare const DeleteIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => React.JSX.Element, any, {}, never>;
 export declare const CollectorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CreatorRow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/FactorValue/Array/hooks/useCollector.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FactorsTexts } from '../../../Factors.types';
 type UseCollectorProps = {
     limit?: number;

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -22,12 +22,12 @@ var DynamicKey = function DynamicKey(_ref) {
   var _useState2 = useState(false),
     localError = _useState2[0],
     setLocalError = _useState2[1];
-  var handleChange = function handleChange(event) {
+  var handleChange = function handleChange(inputKey, inputValue) {
     var newValue = _extends({}, value);
-    newValue[event.target.name] = event.target.value;
+    newValue[inputKey] = inputValue;
     setLocalValue(newValue);
     onChange(newValue);
-    if (!event.target.value.length) {
+    if (!inputValue.length) {
       setLocalError(true);
     } else {
       setLocalError(false);
@@ -51,7 +51,9 @@ var DynamicKey = function DynamicKey(_ref) {
     placeholder: texts.dynamicKey.keyPlaceholder,
     value: localValue.key,
     name: "key",
-    onChange: handleChange,
+    onChange: function onChange(event) {
+      return handleChange('key', event.target.value);
+    },
     autoFocus: opened,
     onBlur: onDeactivate,
     error: localError || error,
@@ -62,7 +64,9 @@ var DynamicKey = function DynamicKey(_ref) {
     placeholder: texts.dynamicKey.valuePlaceholder,
     value: localValue.value,
     name: "value",
-    onChange: handleChange,
+    onChange: function onChange(event) {
+      return handleChange('value', event.target.value);
+    },
     error: localError || error,
     readOnly: readOnly
   })));

package/dist/FactorValue/DynamicKey/DynamicKey.style.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare const DynamicKeyInput: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, autoResizeProps, ...antdInputProps }: import("@synerise/ds-input").InputProps) => import("react").JSX.Element, any, {
+export declare const DynamicKeyInput: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, autoResizeProps, ...antdInputProps }: import("@synerise/ds-input").InputProps) => React.JSX.Element, any, {
     index: 0 | 1;
-    withoutTypeSelector?: boolean | undefined;
+    withoutTypeSelector?: boolean;
 }, never>;
 export declare const DynamicKey: import("styled-components").StyledComponent<"div", any, {
     withoutTypeSelector: boolean;

package/dist/FactorValue/FactorValue.style.d.ts

@@ -1,5 +1,5 @@
 export declare const FactorInput: import("styled-components").StyledComponent<"div", any, {
     withoutTypeSelector: boolean;
-    inputTextType?: string | undefined;
-    inputType?: string | undefined;
+    inputTextType?: "autocomplete" | "default" | "expansible";
+    inputType?: string;
 }, never>;

package/dist/FactorValue/Parameter/Parameter.style.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
 import { VariableSizeList } from 'react-window';
 import Button from '@synerise/ds-button';
 export declare const TabsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ItemsList: import("styled-components").StyledComponent<"div", any, {
-    contentHeight?: number | undefined;
+    contentHeight?: number;
 }, never>;
 export declare const SearchResult: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SearchResultHighlight: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Value: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ParameterButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
 export declare const StyledList: import("styled-components").StyledComponent<typeof VariableSizeList, any, {}, never>;
-export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import("@synerise/ds-skeleton").SkeletonProps) => import("react").JSX.Element, any, {
-    contentHeight?: number | undefined;
+export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className, }: import("@synerise/ds-skeleton").SkeletonProps) => React.JSX.Element, any, {
+    contentHeight?: number;
 }, never>;
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ShowMoreItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/FactorValue/Parameter/ParameterDropdownItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { type ParameterGroup, type ParameterItem } from '../../Factors.types';
 import { type DropdownItem } from './Parameter.types';
-declare const ParameterDropdownItem: <ItemType extends ParameterGroup | ParameterItem>({ item, clearSearch, searchQuery, hideDropdown, select, className, style, label, }: DropdownItem<ItemType>) => React.JSX.Element;
+declare const ParameterDropdownItem: <ItemType extends ParameterItem | ParameterGroup>({ item, clearSearch, searchQuery, hideDropdown, select, className, style, label, }: DropdownItem<ItemType>) => React.JSX.Element;
 export default ParameterDropdownItem;

package/dist/FactorValue/Parameter/useGroups.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ParameterGroup, type ParameterItem } from '../../Factors.types';
 export declare const useGroups: (items?: ParameterItem[], groups?: ParameterGroup[], renderEmptyGroups?: boolean) => {
     visibleGroups: ParameterGroup[] | undefined;

package/dist/FactorValue/Parameter/utils.d.ts

@@ -1,4 +1,4 @@
-import { type ParameterGroup } from 'Factors.types';
+import { type ParameterGroup } from '../../Factors.types';
 import { type DropdownItem } from './Parameter.types';
 import { type DividerItem, type TitleItem } from './ParameterDropdown';
 export declare const groupItems: (dropdownItems: DropdownItem<ParameterGroup>[], activeGroup: ParameterGroup | undefined) => (DropdownItem<ParameterGroup> | TitleItem | DividerItem)[];

package/dist/FactorValue/RelativeDate/RelativeDate.utils.d.ts

@@ -1,3 +1,3 @@
-import type { RelativeDateFactorTexts, RelativeDateValueType } from '../../Factors.types';
-export declare const getTranslation: (texts: RelativeDateFactorTexts, key: string) => string;
+import { type RelativeDateFactorTexts, type RelativeDateFactorTextsString, type RelativeDateValueType } from '../../Factors.types';
+export declare const getTranslation: (texts: RelativeDateFactorTextsString, key: string) => string;
 export declare const defaultTriggerModifier: (value: RelativeDateValueType, texts: RelativeDateFactorTexts) => string;

package/dist/FactorValue/RelativeDate/RelativeDate.utils.js

@@ -1,5 +1,10 @@
+import { RelativeDateKeysString } from '../../Factors.types';
+var isTextsKey = function isTextsKey(key) {
+  return [].concat(RelativeDateKeysString).includes(key);
+};
 export var getTranslation = function getTranslation(texts, key) {
-  return key.toLocaleLowerCase() in texts ? texts[key.toLocaleLowerCase()] : key;
+  var lowercaseKey = key.toLowerCase();
+  return isTextsKey(lowercaseKey) ? texts[lowercaseKey] : key;
 };
 export var defaultTriggerModifier = function defaultTriggerModifier(value, texts) {
   var relation = value.temporalModifier < 0 ? texts.before : texts.after;

package/dist/FactorValue/RelativeDate/RelativeDateDropdown.styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const RelativeDateDropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RelativeDateDropdownFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RelativeDateCurrentLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ClearIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {}, never>;
-export declare const ChevronIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {}, never>;
-export declare const Trigger: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, autoResizeProps, ...antdInputProps }: import("@synerise/ds-input").InputProps) => import("react").JSX.Element, any, {}, never>;
+export declare const ClearIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => React.JSX.Element, any, {}, never>;
+export declare const ChevronIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => React.JSX.Element, any, {}, never>;
+export declare const Trigger: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, autoResizeProps, ...antdInputProps }: import("@synerise/ds-input").InputProps) => React.JSX.Element, any, {}, never>;

package/dist/Factors.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { type DefinedFactorTypes, type FactorsProps, type SelectedFactorType } from './Factors.types';
+export declare const DEFAULT_FACTOR_TYPE: DefinedFactorTypes;
 export declare const FACTOR_TYPE_MAPPING: Record<DefinedFactorTypes, SelectedFactorType>;
 declare const Factors: ({ selectedFactorType, setSelectedFactorType, onChangeValue, onParamsClick, value, defaultFactorType, textType, unavailableFactorTypes, availableFactorTypes, parameters, autocompleteText, allowClear, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, onActivate, onDeactivate, getPopupContainerOverride, customFactorValueComponents, error, inputProps, arrayProps, readOnly, factorValueExtraProps, getMenuEntryProps, }: FactorsProps) => React.JSX.Element;
 export default Factors;

package/dist/Factors.js

@@ -15,6 +15,7 @@ import RelativeDateInput from './FactorValue/RelativeDate/RelativeDate';
 import TextInput from './FactorValue/Text/Text';
 import { useTexts } from './hooks/useTexts';
 import * as S from './style/Factors.style';
+export var DEFAULT_FACTOR_TYPE = 'text';
 export var FACTOR_TYPE_MAPPING = {
   text: {
     icon: /*#__PURE__*/React.createElement(TextM, null),
@@ -67,6 +68,9 @@ export var FACTOR_TYPE_MAPPING = {
     component: DateRangeInput
   }
 };
+var isDefinedFactorType = function isDefinedFactorType(type) {
+  return FACTOR_TYPE_MAPPING[type] !== undefined;
+};
 var Factors = function Factors(_ref) {
   var selectedFactorType = _ref.selectedFactorType,
     _ref$setSelectedFacto = _ref.setSelectedFactorType,
@@ -77,7 +81,7 @@ var Factors = function Factors(_ref) {
     _ref$defaultFactorTyp = _ref.defaultFactorType,
     defaultFactorType = _ref$defaultFactorTyp === void 0 ? 'text' : _ref$defaultFactorTyp,
     _ref$textType = _ref.textType,
-    textType = _ref$textType === void 0 ? 'Default' : _ref$textType,
+    textType = _ref$textType === void 0 ? 'default' : _ref$textType,
     unavailableFactorTypes = _ref.unavailableFactorTypes,
     availableFactorTypes = _ref.availableFactorTypes,
     parameters = _ref.parameters,
@@ -111,7 +115,8 @@ var Factors = function Factors(_ref) {
       var type = _ref2[0],
         factorTypeData = _ref2[1];
       var mergedData = customFactorValueComponents ? _extends({}, factorTypeData, customFactorValueComponents[type]) : factorTypeData;
-      return [type, _extends({}, factorTypeData, mergedData)];
+      var dataTuple = [type, _extends({}, factorTypeData, mergedData)];
+      return dataTuple;
     }).reduce(function (result, _ref3) {
       var type = _ref3[0],
         factorTypeData = _ref3[1];
@@ -120,7 +125,7 @@ var Factors = function Factors(_ref) {
     }, {});
   }, [customFactorValueComponents]);
   var selectedFactorData = useMemo(function () {
-    return mergedFactorData[factorType];
+    return mergedFactorData[isDefinedFactorType(factorType) ? factorType : DEFAULT_FACTOR_TYPE];
   }, [mergedFactorData, factorType]);
   return /*#__PURE__*/React.createElement(S.Group, {
     resetMargin: true,

package/dist/Factors.types.d.ts

@@ -12,6 +12,7 @@ import type { ArrayValueElement } from './FactorValue/Array/Array.types';
 export declare const ALL_FACTOR_TYPES: readonly ["text", "number", "parameter", "contextParameter", "dynamicKey", "formula", "array", "date", "relativeDate", "dateRange"];
 export type FactorType = LiteralStringUnion<(typeof ALL_FACTOR_TYPES)[number]>;
 export type DefinedFactorTypes = (typeof ALL_FACTOR_TYPES)[number];
+export type TupleType = [DefinedFactorTypes, SelectedFactorType];
 export type RelativeDateUnit = Exclude<RelativeUnits, 'SINCE'>;
 export type RelativeTimeRelation = 'BEFORE' | 'AFTER';
 export type RelativeDateValueType = {
@@ -62,21 +63,13 @@ export type SelectedFactorType = {
     icon: ReactNode;
     component: ComponentType<FactorValueComponentProps>;
 };
-export type RelativeDateFactorTexts = {
-    triggerValue: string;
-    triggerPlaceholder: string;
-    currentDatetime: ReactNode;
-    seconds: string;
-    minutes: string;
-    hours: string;
-    days: string;
-    weeks: string;
-    months: string;
-    years: string;
-    before: string;
-    after: string;
-    apply: ReactNode;
-    cancel: ReactNode;
+export declare const RelativeDateKeysString: readonly ["triggerValue", "triggerPlaceholder", "seconds", "minutes", "hours", "days", "weeks", "months", "years", "before", "after"];
+export declare const RelativeDateKeysReactNode: readonly ["currentDatetime", "apply", "cancel"];
+export type RelativeDateFactorTextsString = {
+    [K in (typeof RelativeDateKeysString)[number]]: string;
+};
+export type RelativeDateFactorTexts = RelativeDateFactorTextsString & {
+    [K in (typeof RelativeDateKeysReactNode)[number]]: ReactNode;
 };
 export type FactorsTexts = {
     dateRangePicker: DateRangeTexts;
@@ -135,6 +128,7 @@ export type FactorsTexts = {
     };
 };
 export type FactorTypeMapping = Record<DefinedFactorTypes, Partial<SelectedFactorType>>;
+export type MergedFactorTypeMapping = Record<DefinedFactorTypes, SelectedFactorType>;
 type InputPropKeys = 'icon1' | 'icon1Tooltip' | 'icon2' | 'icon2Tooltip';
 export type ExtraPropsMapping = {
     text: {
@@ -169,7 +163,7 @@ export type FactorsProps = {
     onChangeValue: (value: FactorValueType) => void;
     value: FactorValueType;
     arrayProps?: ArrayProps;
-    textType?: LiteralStringUnion<'autocomplete' | 'expansible' | 'default'>;
+    textType?: 'autocomplete' | 'expansible' | 'default';
     autoResize?: AutoResizeProp;
     relativeDateProps?: {
         triggerValueFormatter?: (value: RelativeDateValueType) => string;

package/dist/Factors.types.js

@@ -1 +1,3 @@
-export var ALL_FACTOR_TYPES = ['text', 'number', 'parameter', 'contextParameter', 'dynamicKey', 'formula', 'array', 'date', 'relativeDate', 'dateRange'];
+export var ALL_FACTOR_TYPES = ['text', 'number', 'parameter', 'contextParameter', 'dynamicKey', 'formula', 'array', 'date', 'relativeDate', 'dateRange'];
+export var RelativeDateKeysString = ['triggerValue', 'triggerPlaceholder', 'seconds', 'minutes', 'hours', 'days', 'weeks', 'months', 'years', 'before', 'after'];
+export var RelativeDateKeysReactNode = ['currentDatetime', 'apply', 'cancel'];

package/dist/style/Factors.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const Group: import("styled-components").StyledComponent<({ children, label, errors, description, resetMargin, tooltip, tooltipConfig, ...antdInputGroupProps }: import("@synerise/ds-input/dist/InputGroup.types").Props) => import("react").JSX.Element, any, {
+export declare const Group: import("styled-components").StyledComponent<({ children, label, errors, description, resetMargin, tooltip, tooltipConfig, ...antdInputGroupProps }: import("@synerise/ds-input/dist/InputGroup.types").Props) => React.JSX.Element, any, {
     withoutTypeSelector: boolean;
 }, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,34 +34,34 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.9",
-    "@synerise/ds-autocomplete": "^1.2.2",
-    "@synerise/ds-badge": "^1.0.15",
-    "@synerise/ds-button": "^1.4.4",
-    "@synerise/ds-button-group": "^1.1.8",
-    "@synerise/ds-collector": "^1.3.3",
-    "@synerise/ds-date-picker": "^1.2.0",
-    "@synerise/ds-date-range-picker": "^1.3.14",
-    "@synerise/ds-divider": "^1.0.15",
-    "@synerise/ds-dropdown": "^1.0.17",
-    "@synerise/ds-empty-states": "^1.0.13",
-    "@synerise/ds-icon": "^1.6.0",
-    "@synerise/ds-information-card": "^1.0.21",
-    "@synerise/ds-inline-edit": "^1.0.20",
-    "@synerise/ds-input": "^1.3.4",
-    "@synerise/ds-input-number": "^1.2.5",
-    "@synerise/ds-list-item": "^1.0.15",
-    "@synerise/ds-menu": "^1.0.16",
-    "@synerise/ds-modal": "^1.2.4",
-    "@synerise/ds-result": "^1.0.16",
-    "@synerise/ds-scrollbar": "^1.1.3",
-    "@synerise/ds-search": "^1.2.4",
-    "@synerise/ds-select": "^1.1.11",
-    "@synerise/ds-skeleton": "^1.0.16",
-    "@synerise/ds-tabs": "^1.0.18",
-    "@synerise/ds-tag": "^1.1.13",
-    "@synerise/ds-tooltip": "^1.1.13",
-    "@synerise/ds-utils": "^1.3.1",
+    "@synerise/ds-alert": "^1.1.11",
+    "@synerise/ds-autocomplete": "^1.2.4",
+    "@synerise/ds-badge": "^1.0.17",
+    "@synerise/ds-button": "^1.4.6",
+    "@synerise/ds-button-group": "^1.1.10",
+    "@synerise/ds-collector": "^1.3.5",
+    "@synerise/ds-date-picker": "^1.2.2",
+    "@synerise/ds-date-range-picker": "^1.3.16",
+    "@synerise/ds-divider": "^1.0.17",
+    "@synerise/ds-dropdown": "^1.0.19",
+    "@synerise/ds-empty-states": "^1.0.15",
+    "@synerise/ds-icon": "^1.6.2",
+    "@synerise/ds-information-card": "^1.0.23",
+    "@synerise/ds-inline-edit": "^1.0.22",
+    "@synerise/ds-input": "^1.3.6",
+    "@synerise/ds-input-number": "^1.2.7",
+    "@synerise/ds-list-item": "^1.0.17",
+    "@synerise/ds-menu": "^1.0.18",
+    "@synerise/ds-modal": "^1.2.6",
+    "@synerise/ds-result": "^1.0.18",
+    "@synerise/ds-scrollbar": "^1.1.5",
+    "@synerise/ds-search": "^1.2.6",
+    "@synerise/ds-select": "^1.1.13",
+    "@synerise/ds-skeleton": "^1.0.18",
+    "@synerise/ds-tabs": "^1.0.20",
+    "@synerise/ds-tag": "^1.1.15",
+    "@synerise/ds-tooltip": "^1.1.15",
+    "@synerise/ds-utils": "^1.4.0",
     "copy-to-clipboard": "^3.3.3",
     "lodash": "^4.17.21",
     "react-window": "^1.8.5",
@@ -74,5 +74,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "f7c362a4f370d86b51df9aba9e91ac8f7fe4ed8f"
+  "gitHead": "b35b1875727156fe9f5b3bad55aed5ca447c8c8d"
 }