@synerise/ds-factors 1.3.1 → 1.4.0

package/dist/FactorTypeSelector/FactorTypeSelector.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorTypeSelectorProps } from '../Factors.types';
+import { type FactorTypeSelectorProps } from '../Factors.types';
 declare const FactorTypeSelector: ({ selectedFactorType, setSelectedFactorType, unavailableFactorTypes, availableFactorTypes, factorTypeMapping, selectedFactor, texts, readOnly, }: FactorTypeSelectorProps) => React.JSX.Element;
 export default FactorTypeSelector;

package/dist/FactorTypeSelector/FactorTypeSelector.js

@@ -1,11 +1,11 @@
 import React, { useMemo, useState } from 'react';
+import { theme } from '@synerise/ds-core';
 import Dropdown from '@synerise/ds-dropdown';
 import Icon, { CheckS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
 import ListItem from '@synerise/ds-list-item';
-import { theme } from '@synerise/ds-core';
-import * as S from './FactorTypeSelector.styles';
+import Tooltip from '@synerise/ds-tooltip';
 import { ALL_FACTOR_TYPES } from '../Factors.types';
+import * as S from './FactorTypeSelector.styles';
 var FactorTypeSelector = function FactorTypeSelector(_ref) {
   var selectedFactorType = _ref.selectedFactorType,
     setSelectedFactorType = _ref.setSelectedFactorType,
@@ -51,7 +51,9 @@ var FactorTypeSelector = function FactorTypeSelector(_ref) {
   }, /*#__PURE__*/React.createElement(Icon, {
     component: selectedFactor.icon
   }));
-  if (readOnly) return trigger;
+  if (readOnly) {
+    return trigger;
+  }
   return /*#__PURE__*/React.createElement(Tooltip, {
     title: texts[selectedFactorType],
     trigger: ['hover']

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ArrayItemType, FactorValueComponentProps } from '../../Factors.types';
+import { type ArrayItemType, type FactorValueComponentProps } from '../../Factors.types';
 export declare const Array: <ItemType extends ArrayItemType>({ value: arrayValue, onChange, texts, opened, onActivate, onDeactivate, readOnly, error, arrayProps, }: FactorValueComponentProps) => React.JSX.Element;

package/dist/FactorValue/Array/Array.js

@@ -1,10 +1,10 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo, useState } from 'react';
-import Icon, { EditS } from '@synerise/ds-icon';
 import { useTheme } from '@synerise/ds-core';
+import Icon, { EditS } from '@synerise/ds-icon';
 import { TagShape } from '@synerise/ds-tag';
-import { ArrayModal } from './components/ArrayModal';
 import * as S from './Array.styles';
+import { ArrayModal } from './components/ArrayModal';
 export var Array = function Array(_ref) {
   var arrayValue = _ref.value,
     onChange = _ref.onChange,
@@ -25,7 +25,9 @@ export var Array = function Array(_ref) {
     onActivate && onActivate();
   };
   var buttonLabel = useMemo(function () {
-    if (!(arrayValue != null && arrayValue.length)) return texts.array.triggerLabel;
+    if (!(arrayValue != null && arrayValue.length)) {
+      return texts.array.triggerLabel;
+    }
     return arrayValue.join(', ') + " ";
   }, [arrayValue, texts.array.triggerLabel]);
   var triggerMode = useMemo(function () {

package/dist/FactorValue/Array/Array.styles.js

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
+import Button from '@synerise/ds-button';
 import EmptyStateBase from '@synerise/ds-empty-states';
 import Icon from '@synerise/ds-icon';
-import Button from '@synerise/ds-button';
-import ModalBase from '@synerise/ds-modal';
 import { RawTextArea } from '@synerise/ds-input';
+import ModalBase from '@synerise/ds-modal';
 export var TextArea = styled(RawTextArea).withConfig({
   displayName: "Arraystyles__TextArea",
   componentId: "sc-9atgo7-0"

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { RequiredProps } from '@synerise/ds-utils';
 import type { ArrayProps, FactorsTexts } from '../../Factors.types';
 export type ArrayModalProps<ItemType extends 'string' | 'number'> = RequiredProps<ArrayProps, 'itemType'> & {

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

@@ -1,4 +1,4 @@
-import { ArrayValueElement, ArrayValueWithID } from './Array.types';
+import { type ArrayValueElement, type ArrayValueWithID } from './Array.types';
 export declare const matchesSearchQuery: (item: string | number, searchQuery: string) => boolean;
 export declare const arrayWithUUID: <ItemType extends "string" | "number">(items: ArrayValueElement<ItemType>[]) => ArrayValueWithID<ItemType>[];
 export declare const sanitiseValues: (element: string) => string;

package/dist/FactorValue/Array/components/ArrayCollector.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ArrayCollectorProps } from '../Array.types';
+import { type ArrayCollectorProps } from '../Array.types';
 export declare const ArrayCollector: <ItemType extends "string" | "number">({ limit, itemType, arrayValueCount, texts, onConfirm, collectorSuggestions, }: ArrayCollectorProps<ItemType>) => React.JSX.Element;

package/dist/FactorValue/Array/components/ArrayCollector.js

@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import Collector from '@synerise/ds-collector';
+import * as S from '../Array.styles';
 import { isArrayOfNumbersAsString, isNumberAsString, sanitiseValues } from '../Array.utils';
 import { useCollector } from '../hooks/useCollector';
-import * as S from '../Array.styles';
 export var ArrayCollector = function ArrayCollector(_ref) {
   var limit = _ref.limit,
     itemType = _ref.itemType,

package/dist/FactorValue/Array/components/ArrayCreator.js

@@ -1,9 +1,9 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo } from 'react';
+import { CloseM, InboxNoResultsL } from '@synerise/ds-icon';
 import { Input } from '@synerise/ds-input';
 import InputNumber from '@synerise/ds-input-number';
 import Tooltip from '@synerise/ds-tooltip';
-import { InboxNoResultsL, CloseM } from '@synerise/ds-icon';
 import * as S from '../Array.styles';
 import { matchesSearchQuery } from '../Array.utils';
 import { ArrayCollector } from './ArrayCollector';

package/dist/FactorValue/Array/components/ArrayLimit.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ArrayLimitProps } from '../Array.types';
+import { type ArrayLimitProps } from '../Array.types';
 export declare const ArrayLimit: ({ limit, count, texts }: ArrayLimitProps) => React.JSX.Element;

package/dist/FactorValue/Array/components/ArrayModal.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ArrayModalProps } from '../Array.types';
+import { type ArrayModalProps } from '../Array.types';
 export declare const ArrayModal: <ItemType extends "string" | "number">({ value, itemType, onApply, onCancel, visible, readOnly, texts, limit, collectorSuggestions, }: ArrayModalProps<ItemType>) => React.JSX.Element;

package/dist/FactorValue/Array/components/ArrayModal.js

@@ -5,13 +5,13 @@ import ButtonGroup from '@synerise/ds-button-group';
 import Icon, { CodeM, EditM, TrashM } from '@synerise/ds-icon';
 import { SearchInput } from '@synerise/ds-search';
 import { useIsMounted } from '@synerise/ds-utils';
+import { MODAL_VIEWPORT_HEIGHT } from '../Array.const';
 import * as S from '../Array.styles';
-import { ArrayCreator } from './ArrayCreator';
-import { ArrayRaw } from './ArrayRaw';
 import { arrayWithUUID } from '../Array.utils';
+import { ArrayCreator } from './ArrayCreator';
 import { ArrayLimit } from './ArrayLimit';
+import { ArrayRaw } from './ArrayRaw';
 import { CopyButton } from './CopyButton';
-import { MODAL_VIEWPORT_HEIGHT } from '../Array.const';
 export var ArrayModal = function ArrayModal(_ref) {
   var value = _ref.value,
     itemType = _ref.itemType,
@@ -37,7 +37,6 @@ export var ArrayModal = function ArrayModal(_ref) {
   var isMounted = useIsMounted();
   useEffect(function () {
     isMounted.current && setArrayValue(arrayWithUUID(value || []));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, isMounted]);
   var handleRawEditorError = function handleRawEditorError(errorMessage) {
     setRawEditorError(errorMessage);

package/dist/FactorValue/Array/components/ArrayRaw.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ArrayRawProps } from '../Array.types';
+import { type ArrayRawProps } from '../Array.types';
 export declare const ArrayRaw: <ItemType extends "string" | "number">({ value, itemType, onValueChange, readOnly, texts, limit, onError, }: ArrayRawProps<ItemType>) => React.JSX.Element;

package/dist/FactorValue/Array/components/ArrayRaw.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { arrayWithUUID, isArrayOfNumbersAsString, sanitiseValues } from '../Array.utils';
 import * as S from '../Array.styles';
+import { arrayWithUUID, isArrayOfNumbersAsString, sanitiseValues } from '../Array.utils';
 export var ArrayRaw = function ArrayRaw(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,

package/dist/FactorValue/Array/components/CopyButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CopyButtonProps } from '../Array.types';
+import { type CopyButtonProps } from '../Array.types';
 export declare const CopyButton: ({ copyValue, texts }: CopyButtonProps) => React.JSX.Element;

package/dist/FactorValue/Array/components/CopyButton.js

@@ -1,8 +1,8 @@
-import React, { useCallback, useState } from 'react';
 import copy from 'copy-to-clipboard';
-import Tooltip from '@synerise/ds-tooltip';
+import React, { useCallback, useState } from 'react';
 import Button from '@synerise/ds-button';
 import Icon, { CopyClipboardM } from '@synerise/ds-icon';
+import Tooltip from '@synerise/ds-tooltip';
 export var CopyButton = function CopyButton(_ref) {
   var copyValue = _ref.copyValue,
     texts = _ref.texts;

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

@@ -6,7 +6,7 @@ type UseCollectorProps = {
     arrayValueCount?: number;
     texts: FactorsTexts;
 };
-export declare const useCollector: ({ limit, collectorCount, arrayValueCount, texts }: UseCollectorProps) => {
+export declare const useCollector: ({ limit, collectorCount, arrayValueCount, texts, }: UseCollectorProps) => {
     disabled: boolean;
     error: boolean;
     errorMessage: import("react").ReactNode;

package/dist/FactorValue/Array/hooks/useCollector.js

@@ -1,4 +1,4 @@
-import { useState, useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 export var useCollector = function useCollector(_ref) {
   var limit = _ref.limit,
     collectorCount = _ref.collectorCount,

package/dist/FactorValue/Date/Date.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
+import { type FactorValueComponentProps } from '../../Factors.types';
 declare const DateInput: ({ value, onChange, texts, opened, onDeactivate, onActivate, error, allowClear, readOnly, getPopupContainerOverride, }: FactorValueComponentProps) => React.JSX.Element;
 export default DateInput;

package/dist/FactorValue/Date/Date.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { getPopupContainer } from '@synerise/ds-utils';
 import DatePicker from '@synerise/ds-date-picker';
+import { getPopupContainer } from '@synerise/ds-utils';
 var DateInput = function DateInput(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,

package/dist/FactorValue/DateRange/DateRange.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
+import { type FactorValueComponentProps } from '../../Factors.types';
 declare const DateRangeInput: ({ getPopupContainerOverride, value, onChange, error, texts, onDeactivate, allowClear, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
 export default DateRangeInput;

package/dist/FactorValue/DateRange/DateRange.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
 import DateRangePicker from '@synerise/ds-date-range-picker';
 import { getPopupContainer } from '@synerise/ds-utils';
-import { useIntl } from 'react-intl';
 var DateRangeInput = function DateRangeInput(_ref) {
   var getPopupContainerOverride = _ref.getPopupContainerOverride,
     value = _ref.value,

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
-declare const DynamicKey: ({ value, onChange, withoutTypeSelector, texts, opened, onDeactivate, error, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
+import { type FactorValueComponentProps } from '../../Factors.types';
+declare const DynamicKey: ({ value, onChange, withoutTypeSelector, texts, opened, onDeactivate, error, factorValueExtraProps, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
 export default DynamicKey;

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useEffect, useState } from 'react';
-import { RawInput } from '@synerise/ds-input';
 import * as S from './DynamicKey.style';
 var DynamicKey = function DynamicKey(_ref) {
   var value = _ref.value,
@@ -11,6 +10,7 @@ var DynamicKey = function DynamicKey(_ref) {
     opened = _ref.opened,
     onDeactivate = _ref.onDeactivate,
     error = _ref.error,
+    factorValueExtraProps = _ref.factorValueExtraProps,
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
   var _useState = useState({
@@ -39,7 +39,15 @@ var DynamicKey = function DynamicKey(_ref) {
       value: value.value
     });
   }, [value]);
-  var trigger = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RawInput, {
+  var _ref2 = (factorValueExtraProps == null ? void 0 : factorValueExtraProps.dynamicKey) || {},
+    _ref2$keyInputProps = _ref2.keyInputProps,
+    keyInputProps = _ref2$keyInputProps === void 0 ? {} : _ref2$keyInputProps,
+    _ref2$valueInputProps = _ref2.valueInputProps,
+    valueInputProps = _ref2$valueInputProps === void 0 ? {} : _ref2$valueInputProps;
+  var trigger = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.DynamicKeyInput, _extends({
+    withoutTypeSelector: withoutTypeSelector,
+    index: 0
+  }, keyInputProps, {
     placeholder: texts.dynamicKey.keyPlaceholder,
     value: localValue.key,
     name: "key",
@@ -48,14 +56,16 @@ var DynamicKey = function DynamicKey(_ref) {
     onBlur: onDeactivate,
     error: localError || error,
     readOnly: readOnly
-  }), /*#__PURE__*/React.createElement(RawInput, {
+  })), /*#__PURE__*/React.createElement(S.DynamicKeyInput, _extends({
+    index: 1
+  }, valueInputProps, {
     placeholder: texts.dynamicKey.valuePlaceholder,
     value: localValue.value,
     name: "value",
     onChange: handleChange,
     error: localError || error,
     readOnly: readOnly
-  }));
+  })));
   return /*#__PURE__*/React.createElement(S.DynamicKey, {
     "data-testid": "ds-factors-dynamic-key",
     withoutTypeSelector: withoutTypeSelector

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

@@ -1,3 +1,8 @@
+/// <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, {
+    index: 0 | 1;
+    withoutTypeSelector?: boolean | undefined;
+}, never>;
 export declare const DynamicKey: import("styled-components").StyledComponent<"div", any, {
     withoutTypeSelector: boolean;
 }, never>;

package/dist/FactorValue/DynamicKey/DynamicKey.style.js

@@ -1,9 +1,12 @@
-import styled from 'styled-components';
-
-// eslint-disable-next-line import/prefer-default-export
+import styled, { css } from 'styled-components';
+import { Input } from '@synerise/ds-input';
+export var DynamicKeyInput = styled(Input).withConfig({
+  displayName: "DynamicKeystyle__DynamicKeyInput",
+  componentId: "sc-43cup-0"
+})(["flex:1;&:focus{z-index:2;}.ant-input{", "}"], function (props) {
+  return props.index === 0 ? css(["border-radius:", ";"], props.withoutTypeSelector ? '3px 0 0 3px' : '0') : css(["border-radius:0 3px 3px 0;margin-left:-1px;"]);
+});
 export var DynamicKey = styled.div.withConfig({
   displayName: "DynamicKeystyle__DynamicKey",
-  componentId: "sc-43cup-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;.ant-input{flex:1;&:focus{z-index:2;}&:first-of-type{border-radius:", ";}&:last-of-type{border-radius:0 3px 3px 0;margin-left:-1px;}}"], function (props) {
-  return props.withoutTypeSelector ? '3px 0 0 3px' : '0';
-});
+  componentId: "sc-43cup-1"
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;"]);

package/dist/FactorValue/FactorValue.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueProps } from '../Factors.types';
-declare const FactorValue: ({ selectedFactorType, value, onChangeValue, onParamsClick, selectedFactor, textType, parameters, autocompleteText, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, inputProps, allowClear, readOnly, getMenuEntryProps, relativeDateProps, arrayProps, }: FactorValueProps) => React.JSX.Element;
+import { type FactorValueProps } from '../Factors.types';
+declare const FactorValue: ({ selectedFactorType, value, onChangeValue, onParamsClick, selectedFactor, textType, parameters, autocompleteText, withoutTypeSelector, texts, formulaEditor, opened, loading, factorKey, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, inputProps, allowClear, readOnly, getMenuEntryProps, relativeDateProps, arrayProps, factorValueExtraProps, }: FactorValueProps) => React.JSX.Element;
 export default FactorValue;

package/dist/FactorValue/FactorValue.js

@@ -28,7 +28,8 @@ var FactorValue = function FactorValue(_ref) {
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     getMenuEntryProps = _ref.getMenuEntryProps,
     relativeDateProps = _ref.relativeDateProps,
-    arrayProps = _ref.arrayProps;
+    arrayProps = _ref.arrayProps,
+    factorValueExtraProps = _ref.factorValueExtraProps;
   var inputType = React.useMemo(function () {
     if (!selectedFactor) {
       return undefined;
@@ -59,9 +60,10 @@ var FactorValue = function FactorValue(_ref) {
       allowClear: allowClear,
       readOnly: readOnly,
       getMenuEntryProps: getMenuEntryProps,
-      inputProps: inputProps
+      inputProps: inputProps,
+      factorValueExtraProps: factorValueExtraProps
     }, relativeDateProps));
-  }, [selectedFactor, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, arrayProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, getMenuEntryProps, relativeDateProps]);
+  }, [selectedFactor, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, arrayProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, getMenuEntryProps, relativeDateProps, factorValueExtraProps]);
   return /*#__PURE__*/React.createElement(S.FactorInput, {
     inputType: selectedFactorType,
     inputTextType: textType,

package/dist/FactorValue/FactorValue.style.js

@@ -5,7 +5,6 @@ var DEFAULT_WIDTH = {
   'text-default': '147px',
   'text-expansible': '123px'
 };
-// eslint-disable-next-line import/prefer-default-export
 export var FactorInput = styled.div.withConfig({
   displayName: "FactorValuestyle__FactorInput",
   componentId: "sc-17jtnx3-0"

package/dist/FactorValue/Formula/Formula.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
+import { type FactorValueComponentProps } from '../../Factors.types';
 declare const FormulaInput: ({ value, error, onChange, withoutTypeSelector, texts, formulaEditor, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
 export default FormulaInput;

package/dist/FactorValue/Formula/Formula.js

@@ -1,9 +1,9 @@
-import React, { useState, useMemo, useCallback } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
+import Badge from '@synerise/ds-badge';
 import Button from '@synerise/ds-button';
 import Icon, { EditS } from '@synerise/ds-icon';
-import Badge from '@synerise/ds-badge';
-import FormulaModal from './FormulaModal';
 import * as S from './Formula.styles';
+import FormulaModal from './FormulaModal';
 var FormulaInput = function FormulaInput(_ref) {
   var value = _ref.value,
     error = _ref.error,

package/dist/FactorValue/Formula/Formula.styles.js

@@ -1,6 +1,4 @@
 import styled from 'styled-components';
-
-// eslint-disable-next-line import/prefer-default-export
 export var FormulaButton = styled.div.withConfig({
   displayName: "Formulastyles__FormulaButton",
   componentId: "sc-bixbni-0"

package/dist/FactorValue/Formula/FormulaModal.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FormulaModalProps } from '../../Factors.types';
+import { type FormulaModalProps } from '../../Factors.types';
 declare const FormulaModal: React.FC<FormulaModalProps>;
 export default FormulaModal;

package/dist/FactorValue/Formula/FormulaModal.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import ModalProxy from '@synerise/ds-modal';
 import InlineEdit from '@synerise/ds-inline-edit';
+import ModalProxy from '@synerise/ds-modal';
 var FormulaModal = function FormulaModal(_ref) {
   var value = _ref.value,
     onApply = _ref.onApply,

package/dist/FactorValue/Number/NumberInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
+import { type FactorValueComponentProps } from '../../Factors.types';
 declare const NumberInput: ({ error, value, onChange, texts, opened, onDeactivate, readOnly, }: FactorValueComponentProps) => React.JSX.Element;
 export default NumberInput;

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

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import { type CSSProperties } from 'react';
 export declare const LIST_STYLE: CSSProperties;
 export declare const NO_GROUP_NAME = "NO_GROUP_NAME";
 export declare const ITEM_SIZE: {

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FactorValueComponentProps } from '../../Factors.types';
+import { type FactorValueComponentProps } from '../../Factors.types';
 declare const ParameterInput: ({ value, onChange, onParamsClick, parameters, texts, opened, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, readOnly, error, loading, getMenuEntryProps, }: FactorValueComponentProps) => React.JSX.Element;
 export default ParameterInput;

package/dist/FactorValue/Parameter/Parameter.js

@@ -1,16 +1,15 @@
 var _excluded = ["buttonIcon", "buttonLabel", "selectedButtonColored", "dropdownDimensionsConfig"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useMemo, useState, useEffect } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import Dropdown from '@synerise/ds-dropdown';
-import Button from '@synerise/ds-button';
-import Menu from '@synerise/ds-menu';
 import Icon, { AngleDownS } from '@synerise/ds-icon';
-import { getPopupContainer } from '@synerise/ds-utils';
 import InformationCard from '@synerise/ds-information-card';
-import { Value } from './Parameter.style';
-import ParameterDropdown from './ParameterDropdown';
+import Menu from '@synerise/ds-menu';
+import { getPopupContainer } from '@synerise/ds-utils';
 import { DROPDOWN_HEIGHT, DROPDOWN_HEIGHT_BELOW_THRESHOLD, DROPDOWN_HEIGHT_THRESHOLD } from './Parameter.constants';
+import { ParameterButton, Value } from './Parameter.style';
+import ParameterDropdown from './ParameterDropdown';
 var ParameterInput = function ParameterInput(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -71,11 +70,11 @@ var ParameterInput = function ParameterInput(_ref) {
       onParamsClick && onParamsClick();
       onActivate && onActivate();
     }
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [opened]);
   useEffect(function () {
     !preventAutoloadData && onParamsClick && onParamsClick();
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var onDropdownVisibilityChange = useCallback(function (newValue) {
     newValue && onActivate && onActivate();
@@ -90,7 +89,7 @@ var ParameterInput = function ParameterInput(_ref) {
     }
     return readOnly ? 'simple' : 'label-icon';
   }, [parameterIcon, readOnly]);
-  var triggerButton = /*#__PURE__*/React.createElement(Button, {
+  var triggerButton = /*#__PURE__*/React.createElement(ParameterButton, {
     error: error,
     type: isSelected && selectedButtonColored ? 'custom-color' : 'secondary',
     color: isSelected && selectedButtonColored ? 'green' : undefined,

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

@@ -1,5 +1,6 @@
 /// <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, {
@@ -8,8 +9,9 @@ export declare const ItemsList: import("styled-components").StyledComponent<"div
 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, {
+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;
 }, never>;
 export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/FactorValue/Parameter/Parameter.style.js

@@ -1,6 +1,7 @@
+import { VariableSizeList } from 'react-window';
 import styled from 'styled-components';
+import Button from '@synerise/ds-button';
 import DropdownSkeleton from '@synerise/ds-skeleton';
-import { VariableSizeList } from 'react-window';
 export var TabsWrapper = styled.div.withConfig({
   displayName: "Parameterstyle__TabsWrapper",
   componentId: "sc-u2uvgh-0"
@@ -30,24 +31,28 @@ export var SearchResultHighlight = styled.span.withConfig({
 export var Value = styled.span.withConfig({
   displayName: "Parameterstyle__Value",
   componentId: "sc-u2uvgh-5"
-})(["max-width:110px;text-overflow:ellipsis;overflow:hidden;"]);
+})(["max-width:110px;text-overflow:ellipsis;overflow:hidden;text-align:left;"]);
+export var ParameterButton = styled(Button).withConfig({
+  displayName: "Parameterstyle__ParameterButton",
+  componentId: "sc-u2uvgh-6"
+})(["max-width:100%;"]);
 export var StyledList = styled(VariableSizeList).withConfig({
   displayName: "Parameterstyle__StyledList",
-  componentId: "sc-u2uvgh-6"
+  componentId: "sc-u2uvgh-7"
 })(["overflow-x:unset;overflow-y:unset;height:auto !important;max-height:300px;"]);
 export var Skeleton = styled(DropdownSkeleton).withConfig({
   displayName: "Parameterstyle__Skeleton",
-  componentId: "sc-u2uvgh-7"
+  componentId: "sc-u2uvgh-8"
 })(["", ""], function (props) {
   return props.contentHeight !== undefined && "height: " + props.contentHeight + "px;";
 });
 export var Title = styled.div.withConfig({
   displayName: "Parameterstyle__Title",
-  componentId: "sc-u2uvgh-8"
+  componentId: "sc-u2uvgh-9"
 })(["font-size:10px;line-height:1.6;font-weight:500;text-transform:uppercase;color:", ";padding:8px 12px;"], function (props) {
   return props.theme.palette['grey-500'];
 });
 export var ShowMoreItem = styled.div.withConfig({
   displayName: "Parameterstyle__ShowMoreItem",
-  componentId: "sc-u2uvgh-9"
+  componentId: "sc-u2uvgh-10"
 })(["font-weight:500;"]);

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

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
-import type { ParameterItem, ParameterGroup } from '../../Factors.types';
+import { type CSSProperties, type ReactNode } from 'react';
+import type { ParameterGroup, ParameterItem } from '../../Factors.types';
 export type DropdownItem<ItemType extends ParameterItem | ParameterGroup> = {
     item: ItemType;
     searchQuery: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ParameterDropdownProps } from '../../Factors.types';
+import { type ParameterDropdownProps } from '../../Factors.types';
 export type TitleItem = {
     type: 'title';
     title: string;