@synerise/ds-factors 1.11.11 → 1.11.13

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type FactorValueComponentProps } from '../../Factors.types';
+import { default as React } from 'react';
+import { 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,48 +1,33 @@
-import React, { useCallback } from 'react';
-import { useIntl } from 'react-intl';
-import DateRangePicker from '@synerise/ds-date-range-picker';
-import { getPopupContainer } from '@synerise/ds-utils';
-var DateRangeInput = function DateRangeInput(_ref) {
-  var getPopupContainerOverride = _ref.getPopupContainerOverride,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    error = _ref.error,
-    texts = _ref.texts,
-    onDeactivate = _ref.onDeactivate,
-    allowClear = _ref.allowClear,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-  var intl = useIntl();
-  var changeHandler = useCallback(function (date) {
+import { jsx } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useIntl } from "react-intl";
+import DateRangePicker from "@synerise/ds-date-range-picker";
+import { getPopupContainer } from "@synerise/ds-utils";
+const DateRangeInput = ({
+  getPopupContainerOverride,
+  value,
+  onChange,
+  error,
+  texts,
+  onDeactivate,
+  allowClear,
+  readOnly = false
+}) => {
+  const intl = useIntl();
+  const changeHandler = useCallback((date) => {
     onChange(date);
   }, [onChange]);
-  var handleVisibleChange = useCallback(function (visible) {
+  const handleVisibleChange = useCallback((visible) => {
     if (!visible) {
       onDeactivate && onDeactivate();
     }
   }, [onDeactivate]);
-  return /*#__PURE__*/React.createElement(DateRangePicker, {
-    intl: intl,
-    onApply: changeHandler,
-    showTime: true,
-    getPopupContainer: getPopupContainerOverride || getPopupContainer,
-    showFilter: true,
-    value: value,
-    texts: texts.dateRangePicker,
-    relativeFuture: false,
-    relativeModes: ['PAST'],
-    showRelativePicker: true,
-    placement: "bottomLeft",
-    onVisibleChange: handleVisibleChange,
-    showNowButton: false,
-    filterRangeDisplayMode: "slider",
-    filterValueSelectionModes: ['Range'],
-    rangePickerInputProps: {
-      readOnly: readOnly,
-      error: error,
-      allowClear: allowClear
-    },
-    readOnly: readOnly
-  });
+  return /* @__PURE__ */ jsx(DateRangePicker, { intl, onApply: changeHandler, showTime: true, getPopupContainer: getPopupContainerOverride || getPopupContainer, showFilter: true, value, texts: texts.dateRangePicker, relativeFuture: false, relativeModes: ["PAST"], showRelativePicker: true, placement: "bottomLeft", onVisibleChange: handleVisibleChange, showNowButton: false, filterRangeDisplayMode: "slider", filterValueSelectionModes: ["Range"], rangePickerInputProps: {
+    readOnly,
+    error,
+    allowClear
+  }, readOnly });
+};
+export {
+  DateRangeInput as default
 };
-export default DateRangeInput;

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

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

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -1,32 +1,27 @@
-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 * as S from './DynamicKey.style';
-var DynamicKey = function DynamicKey(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    _ref$withoutTypeSelec = _ref.withoutTypeSelector,
-    withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
-    texts = _ref.texts,
-    opened = _ref.opened,
-    onDeactivate = _ref.onDeactivate,
-    error = _ref.error,
-    factorValueExtraProps = _ref.factorValueExtraProps,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    uncontrolledComponent = _ref.uncontrolledComponent;
-  var _useState = useState(function () {
-      return {
-        key: value.key,
-        value: value.value
-      };
-    }),
-    localValue = _useState[0],
-    setLocalValue = _useState[1];
-  var _useState2 = useState(false),
-    localError = _useState2[0],
-    setLocalError = _useState2[1];
-  var handleChange = function handleChange(inputKey, inputValue) {
-    var newValue = _extends({}, value);
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { DynamicKeyInput, DynamicKey as DynamicKey$1 } from "./DynamicKey.style.js";
+const DynamicKey = ({
+  value,
+  onChange,
+  withoutTypeSelector = false,
+  texts,
+  opened,
+  onDeactivate,
+  error,
+  factorValueExtraProps,
+  readOnly = false,
+  uncontrolledComponent
+}) => {
+  const [localValue, setLocalValue] = useState(() => ({
+    key: value.key,
+    value: value.value
+  }));
+  const [localError, setLocalError] = useState(false);
+  const handleChange = (inputKey, inputValue) => {
+    const newValue = {
+      ...value
+    };
     newValue[inputKey] = inputValue;
     setLocalValue(newValue);
     onChange(newValue);
@@ -36,7 +31,7 @@ var DynamicKey = function DynamicKey(_ref) {
       setLocalError(false);
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     if (!uncontrolledComponent) {
       setLocalValue({
         key: value.key,
@@ -44,40 +39,16 @@ var DynamicKey = function DynamicKey(_ref) {
       });
     }
   }, [value, uncontrolledComponent]);
-  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",
-    onChange: function onChange(event) {
-      return handleChange('key', event.target.value);
-    },
-    autoFocus: opened,
-    onBlur: onDeactivate,
-    error: localError || error,
-    readOnly: readOnly
-  })), /*#__PURE__*/React.createElement(S.DynamicKeyInput, _extends({
-    index: 1
-  }, valueInputProps, {
-    placeholder: texts.dynamicKey.valuePlaceholder,
-    value: localValue.value,
-    name: "value",
-    onChange: function onChange(event) {
-      return handleChange('value', event.target.value);
-    },
-    error: localError || error,
-    readOnly: readOnly
-  })));
-  return /*#__PURE__*/React.createElement(S.DynamicKey, {
-    "data-testid": "ds-factors-dynamic-key",
-    withoutTypeSelector: withoutTypeSelector
-  }, trigger);
+  const {
+    keyInputProps = {},
+    valueInputProps = {}
+  } = factorValueExtraProps?.dynamicKey || {};
+  const trigger = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DynamicKeyInput, { withoutTypeSelector, index: 0, ...keyInputProps, placeholder: texts.dynamicKey.keyPlaceholder, value: localValue.key, name: "key", onChange: (event) => handleChange("key", event.target.value), autoFocus: opened, onBlur: onDeactivate, error: localError || error, readOnly }),
+    /* @__PURE__ */ jsx(DynamicKeyInput, { index: 1, ...valueInputProps, placeholder: texts.dynamicKey.valuePlaceholder, value: localValue.value, name: "value", onChange: (event) => handleChange("value", event.target.value), error: localError || error, readOnly })
+  ] });
+  return /* @__PURE__ */ jsx(DynamicKey$1, { "data-testid": "ds-factors-dynamic-key", withoutTypeSelector, children: trigger });
+};
+export {
+  DynamicKey as default
 };
-export default DynamicKey;

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

@@ -1,10 +1,10 @@
-import { type StyledInput } from '@synerise/ds-input';
+import { StyledInput } from '@synerise/ds-input';
 type ExtraProps = {
     index: 0 | 1;
     withoutTypeSelector?: boolean;
 };
 export declare const DynamicKeyInput: StyledInput<ExtraProps>;
-export declare const DynamicKey: import("styled-components").StyledComponent<"div", any, {
+export declare const DynamicKey: import('styled-components').StyledComponent<"div", any, {
     withoutTypeSelector: boolean;
 }, never>;
 export {};

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

@@ -1,12 +1,14 @@
-import styled, { css } from 'styled-components';
-import { Input } from '@synerise/ds-input';
-export var DynamicKeyInput = styled(Input).withConfig({
+import styled, { css } from "styled-components";
+import { Input } from "@synerise/ds-input";
+const DynamicKeyInput = /* @__PURE__ */ 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({
+})(["flex:1;&:focus{z-index:2;}.ant-input{", "}"], (props) => props.index === 0 ? css(["border-radius:", ";"], props.withoutTypeSelector ? "3px 0 0 3px" : "0") : css(["border-radius:0 3px 3px 0;margin-left:-1px;"]));
+const DynamicKey = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DynamicKeystyle__DynamicKey",
   componentId: "sc-43cup-1"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;"]);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;"]);
+export {
+  DynamicKey,
+  DynamicKeyInput
+};

package/dist/FactorValue/FactorValue.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type FactorValueProps } from '../Factors.types';
+import { default as 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, relativeDateProps, arrayProps, factorValueExtraProps, uncontrolledComponent, }: FactorValueProps) => React.JSX.Element;
 export default FactorValue;

package/dist/FactorValue/FactorValue.js

@@ -1,74 +1,72 @@
-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 from 'react';
-import * as S from './FactorValue.style';
-var FactorValue = function FactorValue(_ref) {
-  var selectedFactorType = _ref.selectedFactorType,
-    value = _ref.value,
-    onChangeValue = _ref.onChangeValue,
-    onParamsClick = _ref.onParamsClick,
-    selectedFactor = _ref.selectedFactor,
-    textType = _ref.textType,
-    parameters = _ref.parameters,
-    autocompleteText = _ref.autocompleteText,
-    _ref$withoutTypeSelec = _ref.withoutTypeSelector,
-    withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
-    texts = _ref.texts,
-    formulaEditor = _ref.formulaEditor,
-    opened = _ref.opened,
-    loading = _ref.loading,
-    factorKey = _ref.factorKey,
-    preventAutoloadData = _ref.preventAutoloadData,
-    getPopupContainerOverride = _ref.getPopupContainerOverride,
-    onActivate = _ref.onActivate,
-    onDeactivate = _ref.onDeactivate,
-    error = _ref.error,
-    inputProps = _ref.inputProps,
-    allowClear = _ref.allowClear,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    relativeDateProps = _ref.relativeDateProps,
-    arrayProps = _ref.arrayProps,
-    factorValueExtraProps = _ref.factorValueExtraProps,
-    uncontrolledComponent = _ref.uncontrolledComponent;
-  var inputType = React.useMemo(function () {
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { FactorInput } from "./FactorValue.style.js";
+const FactorValue = ({
+  selectedFactorType,
+  value,
+  onChangeValue,
+  onParamsClick,
+  selectedFactor,
+  textType,
+  parameters,
+  autocompleteText,
+  withoutTypeSelector = false,
+  texts,
+  formulaEditor,
+  opened,
+  loading,
+  factorKey,
+  preventAutoloadData,
+  getPopupContainerOverride,
+  onActivate,
+  onDeactivate,
+  error,
+  inputProps,
+  allowClear,
+  readOnly = false,
+  relativeDateProps,
+  arrayProps,
+  factorValueExtraProps,
+  uncontrolledComponent
+}) => {
+  const inputType = React.useMemo(() => {
     if (!selectedFactor) {
-      return undefined;
+      return void 0;
     }
-    var FactorValueComponent = selectedFactor.component;
-    return /*#__PURE__*/React.createElement(FactorValueComponent, _extends({
-      key: factorKey + "-" + selectedFactor.name,
-      value: value
-      // placeholder={texts.valuePlaceholder}
-      ,
-      onChange: onChangeValue,
-      textType: textType,
-      factorType: selectedFactorType,
-      autocompleteText: autocompleteText,
-      parameters: ['parameter', 'contextParameter'].indexOf(selectedFactorType) >= 0 ? parameters : undefined,
-      withoutTypeSelector: withoutTypeSelector,
-      texts: texts,
-      arrayProps: arrayProps,
-      formulaEditor: formulaEditor,
-      opened: opened,
-      loading: loading,
-      onParamsClick: onParamsClick,
-      preventAutoloadData: preventAutoloadData,
-      getPopupContainerOverride: getPopupContainerOverride,
-      onActivate: onActivate,
-      onDeactivate: onDeactivate,
-      error: error,
-      allowClear: allowClear,
-      readOnly: readOnly,
-      inputProps: inputProps,
-      factorValueExtraProps: factorValueExtraProps
-    }, relativeDateProps, {
-      uncontrolledComponent: uncontrolledComponent
-    }));
+    const FactorValueComponent = selectedFactor.component;
+    return /* @__PURE__ */ jsx(
+      FactorValueComponent,
+      {
+        value,
+        onChange: onChangeValue,
+        textType,
+        factorType: selectedFactorType,
+        autocompleteText,
+        parameters: ["parameter", "contextParameter"].indexOf(selectedFactorType) >= 0 ? parameters : void 0,
+        withoutTypeSelector,
+        texts,
+        arrayProps,
+        formulaEditor,
+        opened,
+        loading,
+        onParamsClick,
+        preventAutoloadData,
+        getPopupContainerOverride,
+        onActivate,
+        onDeactivate,
+        error,
+        allowClear,
+        readOnly,
+        inputProps,
+        factorValueExtraProps,
+        ...relativeDateProps,
+        uncontrolledComponent
+      },
+      `${factorKey}-${selectedFactor.name}`
+    );
   }, [selectedFactor, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, inputProps, arrayProps, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error, allowClear, readOnly, relativeDateProps, factorValueExtraProps, uncontrolledComponent]);
-  return /*#__PURE__*/React.createElement(S.FactorInput, {
-    inputType: selectedFactorType,
-    inputTextType: textType,
-    withoutTypeSelector: withoutTypeSelector
-  }, inputType);
+  return /* @__PURE__ */ jsx(FactorInput, { inputType: selectedFactorType, inputTextType: textType, withoutTypeSelector, children: inputType });
+};
+export {
+  FactorValue as default
 };
-export default FactorValue;

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

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

package/dist/FactorValue/FactorValue.style.js

@@ -1,31 +1,31 @@
-import styled, { css } from 'styled-components';
-import { Container } from '@synerise/ds-date-picker/dist/Elements/PickerInput/PickerInput.styles';
-var DEFAULT_WIDTH = {
-  'text-autocomplete': '147px',
-  'text-default': '147px',
-  'text-expansible': '123px'
+import styled, { css } from "styled-components";
+import { Container } from "@synerise/ds-date-picker/dist/Elements/PickerInput/PickerInput.styles";
+const DEFAULT_WIDTH = {
+  "text-autocomplete": "147px",
+  "text-default": "147px",
+  "text-expansible": "123px"
 };
-export var FactorInput = styled.div.withConfig({
+const FactorInput = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FactorValuestyle__FactorInput",
   componentId: "sc-17jtnx3-0"
-})(["&&{", ";", "{width:auto;}.ds-autocomplete{display:flex;> *{min-width:0;flex-grow:1;}.ant-select{width:100%;}.ant-select-selection-placeholder{padding:0;}.ant-select-selector{border-radius:", ";}}.ant-dropdown-trigger{input{border-radius:", ";}}}"], function (props) {
-  var inputType = props.inputType,
-    _props$inputTextType = props.inputTextType,
-    inputTextType = _props$inputTextType === void 0 ? 'default' : _props$inputTextType;
+})(["&&{", ";", "{width:auto;}.ds-autocomplete{display:flex;> *{min-width:0;flex-grow:1;}.ant-select{width:100%;}.ant-select-selection-placeholder{padding:0;}.ant-select-selector{border-radius:", ";}}.ant-dropdown-trigger{input{border-radius:", ";}}}"], (props) => {
+  const {
+    inputType,
+    inputTextType = "default"
+  } = props;
   if (inputType) {
-    if (inputType === 'array') {
+    if (inputType === "array") {
       return css(["&&&{min-width:173px;input{min-width:123px;}}"]);
     }
-    if (inputType === 'dateRange') {
+    if (inputType === "dateRange") {
       return css(["&&&{min-width:173px;}"]);
     }
-    if (inputType === 'text' && DEFAULT_WIDTH[inputType + "-" + inputTextType]) {
-      return css(["&&&{input{min-width:", ";}}"], DEFAULT_WIDTH[inputType + "-" + inputTextType]);
+    if (inputType === "text" && DEFAULT_WIDTH[`${inputType}-${inputTextType}`]) {
+      return css(["&&&{input{min-width:", ";}}"], DEFAULT_WIDTH[`${inputType}-${inputTextType}`]);
     }
   }
   return false;
-}, Container, function (props) {
-  return props.withoutTypeSelector ? '3px' : '0 3px 3px 0';
-}, function (props) {
-  return props.withoutTypeSelector ? '3px' : '0 3px 3px 0';
-});
+}, Container, (props) => props.withoutTypeSelector ? "3px" : "0 3px 3px 0", (props) => props.withoutTypeSelector ? "3px" : "0 3px 3px 0");
+export {
+  FactorInput
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type FactorValueComponentProps } from '../../Factors.types';
+import { default as React } from 'react';
+import { 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,64 +1,46 @@
-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 * as S from './Formula.styles';
-import FormulaModal from './FormulaModal';
-var FormulaInput = function FormulaInput(_ref) {
-  var value = _ref.value,
-    error = _ref.error,
-    onChange = _ref.onChange,
-    _ref$withoutTypeSelec = _ref.withoutTypeSelector,
-    withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
-    texts = _ref.texts,
-    formulaEditor = _ref.formulaEditor,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly;
-  var _useState = useState(false),
-    openFormulaModal = _useState[0],
-    setOpenFormulaModal = _useState[1];
-  var triggerMode = useMemo(function () {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from "react";
+import Badge from "@synerise/ds-badge";
+import Button from "@synerise/ds-button";
+import Icon, { EditS } from "@synerise/ds-icon";
+import { FormulaButton } from "./Formula.styles.js";
+import FormulaModal from "./FormulaModal.js";
+const FormulaInput = ({
+  value,
+  error,
+  onChange,
+  withoutTypeSelector = false,
+  texts,
+  formulaEditor,
+  readOnly = false
+}) => {
+  const [openFormulaModal, setOpenFormulaModal] = useState(false);
+  const triggerMode = useMemo(() => {
     if (value) {
-      return readOnly ? 'label-icon' : 'two-icons';
+      return readOnly ? "label-icon" : "two-icons";
     }
-    return readOnly ? 'simple' : 'label-icon';
+    return readOnly ? "simple" : "label-icon";
   }, [value, readOnly]);
-  var activeIcon = useMemo(function () {
-    return value ? /*#__PURE__*/React.createElement(Badge, {
-      flag: true,
-      status: "active"
-    }) : '';
+  const activeIcon = useMemo(() => {
+    return value ? /* @__PURE__ */ jsx(Badge, { flag: true, status: "active" }) : "";
   }, [value]);
-  var label = useMemo(function () {
+  const label = useMemo(() => {
     return value ? value.name : texts.formula.buttonPlaceholder;
   }, [value, texts.formula.buttonPlaceholder]);
-  var handleChange = useCallback(function (val) {
+  const handleChange = useCallback((val) => {
     setOpenFormulaModal(false);
     onChange(val);
   }, [onChange]);
-  var handleClick = !readOnly ? function () {
-    return setOpenFormulaModal(true);
-  } : undefined;
-  return /*#__PURE__*/React.createElement(S.FormulaButton, {
-    "data-testid": "ds-factors-formula",
-    withoutTypeSelector: withoutTypeSelector
-  }, /*#__PURE__*/React.createElement(Button, {
-    readOnly: readOnly,
-    type: "secondary",
-    error: error,
-    mode: triggerMode,
-    onClick: handleClick
-  }, activeIcon, label, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(EditS, null)
-  })), /*#__PURE__*/React.createElement(FormulaModal, {
-    visible: openFormulaModal,
-    onCancel: function onCancel() {
-      return setOpenFormulaModal(false);
-    },
-    value: value,
-    onApply: handleChange,
-    texts: texts,
-    formulaEditor: formulaEditor
-  }));
+  const handleClick = !readOnly ? () => setOpenFormulaModal(true) : void 0;
+  return /* @__PURE__ */ jsxs(FormulaButton, { "data-testid": "ds-factors-formula", withoutTypeSelector, children: [
+    /* @__PURE__ */ jsxs(Button, { readOnly, type: "secondary", error, mode: triggerMode, onClick: handleClick, children: [
+      activeIcon,
+      label,
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(EditS, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(FormulaModal, { visible: openFormulaModal, onCancel: () => setOpenFormulaModal(false), value, onApply: handleChange, texts, formulaEditor })
+  ] });
+};
+export {
+  FormulaInput as default
 };
-export default FormulaInput;

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

@@ -1,3 +1,3 @@
-export declare const FormulaButton: import("styled-components").StyledComponent<"div", any, {
+export declare const FormulaButton: import('styled-components').StyledComponent<"div", any, {
     withoutTypeSelector: boolean;
 }, never>;

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

@@ -1,7 +1,8 @@
-import styled from 'styled-components';
-export var FormulaButton = styled.div.withConfig({
+import styled from "styled-components";
+const FormulaButton = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Formulastyles__FormulaButton",
   componentId: "sc-bixbni-0"
-})([".ds-button{border-radius:", ";.ant-badge{padding:0 8px 0 12px;}}"], function (props) {
-  return props.withoutTypeSelector ? '3px' : '0 3px 3px 0';
-});
+})([".ds-button{border-radius:", ";.ant-badge{padding:0 8px 0 12px;}}"], (props) => props.withoutTypeSelector ? "3px" : "0 3px 3px 0");
+export {
+  FormulaButton
+};

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

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