@synerise/ds-factors 1.11.11 → 1.11.13

package/dist/FactorValue/RelativeDate/RelativeDateDropdown.styles.js

@@ -1,39 +1,42 @@
-import styled from 'styled-components';
-import Dropdown from '@synerise/ds-dropdown';
-import Icon from '@synerise/ds-icon';
-import { Input } from '@synerise/ds-input';
-import { InputNumberContainer } from '@synerise/ds-input-number/dist/InputNumber.styles';
-export var RelativeDateDropdownWrapper = styled(Dropdown.Wrapper).withConfig({
+import styled from "styled-components";
+import Dropdown from "@synerise/ds-dropdown";
+import Icon from "@synerise/ds-icon";
+import { Input } from "@synerise/ds-input";
+import { InputNumberContainer } from "@synerise/ds-input-number/dist/InputNumber.styles";
+const RelativeDateDropdownWrapper = /* @__PURE__ */ styled(Dropdown.Wrapper).withConfig({
   displayName: "RelativeDateDropdownstyles__RelativeDateDropdownWrapper",
   componentId: "sc-1xn8l81-0"
 })(["padding:24px;display:flex;align-items:center;width:100%;gap:8px;min-width:420px;", "{width:70px;}& > *{flex:1 1 auto;}"], InputNumberContainer);
-export var RelativeDateDropdownFooter = styled.div.withConfig({
+const RelativeDateDropdownFooter = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeDateDropdownstyles__RelativeDateDropdownFooter",
   componentId: "sc-1xn8l81-1"
-})(["background:", ";display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px;"], function (props) {
-  return props.theme.palette['grey-100'];
-});
-export var RelativeDateCurrentLabel = styled.div.withConfig({
+})(["background:", ";display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px;"], (props) => props.theme.palette["grey-100"]);
+const RelativeDateCurrentLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeDateDropdownstyles__RelativeDateCurrentLabel",
   componentId: "sc-1xn8l81-2"
 })(["font-weight:500;"]);
-export var IconWrapper = styled.div.withConfig({
+const IconWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "RelativeDateDropdownstyles__IconWrapper",
   componentId: "sc-1xn8l81-3"
 })([""]);
-export var ClearIcon = styled(Icon).withConfig({
+const ClearIcon = /* @__PURE__ */ styled(Icon).withConfig({
   displayName: "RelativeDateDropdownstyles__ClearIcon",
   componentId: "sc-1xn8l81-4"
 })([""]);
-export var ChevronIcon = styled(Icon).withConfig({
+const ChevronIcon = /* @__PURE__ */ styled(Icon).withConfig({
   displayName: "RelativeDateDropdownstyles__ChevronIcon",
   componentId: "sc-1xn8l81-5"
 })([""]);
-export var Trigger = styled(Input).withConfig({
+const Trigger = /* @__PURE__ */ styled(Input).withConfig({
   displayName: "RelativeDateDropdownstyles__Trigger",
   componentId: "sc-1xn8l81-6"
-})(["", "{display:none;}&:hover{", "{display:block;svg{fill:", ";}&:hover svg{fill:", ";}}", "{display:none;}}"], ClearIcon, ClearIcon, function (props) {
-  return props.theme.palette['red-600'];
-}, function (props) {
-  return props.theme.palette['red-500'];
-}, ChevronIcon);
+})(["", "{display:none;}&:hover{", "{display:block;svg{fill:", ";}&:hover svg{fill:", ";}}", "{display:none;}}"], ClearIcon, ClearIcon, (props) => props.theme.palette["red-600"], (props) => props.theme.palette["red-500"], ChevronIcon);
+export {
+  ChevronIcon,
+  ClearIcon,
+  IconWrapper,
+  RelativeDateCurrentLabel,
+  RelativeDateDropdownFooter,
+  RelativeDateDropdownWrapper,
+  Trigger
+};

package/dist/FactorValue/Text/Text.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 TextInput: ({ value, onChange, texts, textType, autocompleteText, factorType, opened, onDeactivate, onActivate, error, inputProps, getPopupContainerOverride, readOnly, factorValueExtraProps, uncontrolledComponent, }: FactorValueComponentProps) => React.JSX.Element;
 export default TextInput;

package/dist/FactorValue/Text/Text.js

@@ -1,49 +1,39 @@
-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, { useCallback, useEffect, useMemo, useState } from 'react';
-import Autocomplete from '@synerise/ds-autocomplete';
-import { useTheme } from '@synerise/ds-core';
-import Icon, { FullScreenM } from '@synerise/ds-icon';
-import { Input } from '@synerise/ds-input';
-import * as S from './Text.styles';
-import TextModal from './TextModal';
-var TextInput = function TextInput(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    texts = _ref.texts,
-    textType = _ref.textType,
-    autocompleteText = _ref.autocompleteText,
-    factorType = _ref.factorType,
-    opened = _ref.opened,
-    onDeactivate = _ref.onDeactivate,
-    onActivate = _ref.onActivate,
-    error = _ref.error,
-    inputProps = _ref.inputProps,
-    getPopupContainerOverride = _ref.getPopupContainerOverride,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    factorValueExtraProps = _ref.factorValueExtraProps,
-    uncontrolledComponent = _ref.uncontrolledComponent;
-  var _useState = useState(false),
-    openExpanseEditor = _useState[0],
-    setOpenExpanseEditor = _useState[1];
-  var _useState2 = useState(),
-    inputRef = _useState2[0],
-    setInputRef = _useState2[1];
-  var _useState3 = useState(function () {
-      return value;
-    }),
-    localValue = _useState3[0],
-    setLocalValue = _useState3[1];
-  var _useState4 = useState(false),
-    localError = _useState4[0],
-    setLocalError = _useState4[1];
-  var theme = useTheme();
-  useEffect(function () {
-    if (inputRef != null && inputRef.current && opened) {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import Autocomplete from "@synerise/ds-autocomplete";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { FullScreenM } from "@synerise/ds-icon";
+import { Input } from "@synerise/ds-input";
+import { TextWrapper, InputWrapper, IconWrapper } from "./Text.styles.js";
+import TextModal from "./TextModal.js";
+const TextInput = ({
+  value,
+  onChange,
+  texts,
+  textType,
+  autocompleteText,
+  factorType,
+  opened,
+  onDeactivate,
+  onActivate,
+  error,
+  inputProps,
+  getPopupContainerOverride,
+  readOnly = false,
+  factorValueExtraProps,
+  uncontrolledComponent
+}) => {
+  const [openExpanseEditor, setOpenExpanseEditor] = useState(false);
+  const [inputRef, setInputRef] = useState();
+  const [localValue, setLocalValue] = useState(() => value);
+  const [localError, setLocalError] = useState(false);
+  const theme = useTheme();
+  useEffect(() => {
+    if (inputRef?.current && opened) {
       inputRef.current.focus();
     }
   }, [inputRef, opened]);
-  var handleChange = useCallback(function (event) {
+  const handleChange = useCallback((event) => {
     setLocalValue(event.target.value);
     onChange(event.target.value);
     if (!event.target.value.length) {
@@ -52,101 +42,46 @@ var TextInput = function TextInput(_ref) {
       setLocalError(false);
     }
   }, [setLocalValue, setLocalError, onChange]);
-  var handleApply = useCallback(function (val) {
+  const handleApply = useCallback((val) => {
     setOpenExpanseEditor(false);
     setLocalValue(val);
     onChange(val);
   }, [onChange]);
-  var handleAutocomplete = useCallback(function (val) {
+  const handleAutocomplete = useCallback((val) => {
     setLocalValue(val);
     onChange(val);
   }, [onChange]);
-  useEffect(function () {
+  useEffect(() => {
     if (!uncontrolledComponent) {
       setLocalValue(value);
     }
   }, [value, uncontrolledComponent]);
-  useEffect(function () {
+  useEffect(() => {
     if (uncontrolledComponent && !value && localValue !== value) {
       setLocalValue(value);
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, uncontrolledComponent]);
-  var autocompleteOptions = useMemo(function () {
-    return autocompleteText && autocompleteText.options.filter(function (option) {
-      return option.toLowerCase().includes(String(localValue).toLowerCase());
-    }) || [];
+  const autocompleteOptions = useMemo(() => {
+    return autocompleteText && autocompleteText.options.filter((option) => option.toLowerCase().includes(String(localValue).toLowerCase())) || [];
   }, [localValue, autocompleteText]);
-  var _ref2 = (factorValueExtraProps == null ? void 0 : factorValueExtraProps.text) || {},
-    _ref2$autoCompletePro = _ref2.autoCompleteProps,
-    autoCompleteProps = _ref2$autoCompletePro === void 0 ? {} : _ref2$autoCompletePro,
-    _ref2$inputProps = _ref2.inputProps,
-    extraInputProps = _ref2$inputProps === void 0 ? {} : _ref2$inputProps;
-  var renderInput = function renderInput(typesOfInput, factorsType) {
-    if (typesOfInput === 'autocomplete' && factorsType === 'text') {
-      return /*#__PURE__*/React.createElement(Autocomplete, _extends({}, inputProps, autoCompleteProps, {
-        placeholder: texts.valuePlaceholder,
-        value: localValue,
-        onChange: handleAutocomplete,
-        onBlur: onDeactivate,
-        onFocus: onActivate,
-        error: localError || error,
-        handleInputRef: setInputRef,
-        defaultOpen: true,
-        getPopupContainer: getPopupContainerOverride,
-        readOnly: readOnly
-      }), autocompleteOptions == null ? void 0 : autocompleteOptions.map(function (option) {
-        return /*#__PURE__*/React.createElement(Autocomplete.Option, {
-          key: option,
-          value: option
-        }, option);
-      }));
+  const {
+    autoCompleteProps = {},
+    inputProps: extraInputProps = {}
+  } = factorValueExtraProps?.text || {};
+  const renderInput = (typesOfInput, factorsType) => {
+    if (typesOfInput === "autocomplete" && factorsType === "text") {
+      return /* @__PURE__ */ jsx(Autocomplete, { ...inputProps, ...autoCompleteProps, placeholder: texts.valuePlaceholder, value: localValue, onChange: handleAutocomplete, onBlur: onDeactivate, onFocus: onActivate, error: localError || error, handleInputRef: setInputRef, defaultOpen: true, getPopupContainer: getPopupContainerOverride, readOnly, children: autocompleteOptions?.map((option) => /* @__PURE__ */ jsx(Autocomplete.Option, { value: option, children: option }, option)) });
     }
-    if (typesOfInput === 'default' && factorsType === 'text') {
-      return /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, extraInputProps, {
-        handleInputRef: setInputRef,
-        placeholder: texts.valuePlaceholder,
-        value: localValue,
-        onChange: handleChange,
-        onBlur: onDeactivate,
-        onFocus: onActivate,
-        error: localError || error,
-        readOnly: readOnly,
-        resetMargin: true
-      })));
+    if (typesOfInput === "default" && factorsType === "text") {
+      return /* @__PURE__ */ jsx(InputWrapper, { children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...extraInputProps, handleInputRef: setInputRef, placeholder: texts.valuePlaceholder, value: localValue, onChange: handleChange, onBlur: onDeactivate, onFocus: onActivate, error: localError || error, readOnly, resetMargin: true }) });
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.InputWrapper, null, /*#__PURE__*/React.createElement(Input, _extends({}, inputProps, extraInputProps, {
-      handleInputRef: setInputRef,
-      placeholder: texts.valuePlaceholder,
-      icon1: /*#__PURE__*/React.createElement(S.IconWrapper, {
-        onClick: function onClick() {
-          return setOpenExpanseEditor(true);
-        }
-      }, !readOnly && /*#__PURE__*/React.createElement(Icon, {
-        component: /*#__PURE__*/React.createElement(FullScreenM, {
-          "data-testid": "ds-factors-expansible-icon"
-        }),
-        color: theme.palette['grey-600']
-      })),
-      value: localValue,
-      onChange: handleChange,
-      onBlur: onDeactivate,
-      onFocus: onActivate,
-      error: localError || error,
-      readOnly: readOnly,
-      resetMargin: true
-    }))), /*#__PURE__*/React.createElement(TextModal, {
-      visible: openExpanseEditor,
-      onCancel: function onCancel() {
-        return setOpenExpanseEditor(false);
-      },
-      value: localValue,
-      onApply: handleApply,
-      texts: texts
-    }));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(InputWrapper, { children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...extraInputProps, handleInputRef: setInputRef, placeholder: texts.valuePlaceholder, icon1: /* @__PURE__ */ jsx(IconWrapper, { onClick: () => setOpenExpanseEditor(true), children: !readOnly && /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(FullScreenM, { "data-testid": "ds-factors-expansible-icon" }), color: theme.palette["grey-600"] }) }), value: localValue, onChange: handleChange, onBlur: onDeactivate, onFocus: onActivate, error: localError || error, readOnly, resetMargin: true }) }),
+      /* @__PURE__ */ jsx(TextModal, { visible: openExpanseEditor, onCancel: () => setOpenExpanseEditor(false), value: localValue, onApply: handleApply, texts })
+    ] });
   };
-  return /*#__PURE__*/React.createElement(S.TextWrapper, {
-    "data-testid": "ds-factors-" + factorType + "-" + textType
-  }, renderInput(textType, factorType));
+  return /* @__PURE__ */ jsx(TextWrapper, { "data-testid": `ds-factors-${factorType}-${textType}`, children: renderInput(textType, factorType) });
+};
+export {
+  TextInput as default
 };
-export default TextInput;

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

@@ -1,3 +1,3 @@
-export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const InputWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TextWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/FactorValue/Text/Text.styles.js

@@ -1,17 +1,18 @@
-import styled from 'styled-components';
-export var IconWrapper = styled.span.withConfig({
+import styled from "styled-components";
+const IconWrapper = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Textstyles__IconWrapper",
   componentId: "sc-rjr8p0-0"
-})(["&:hover{cursor:pointer;svg{color:", ";fill:", ";}}"], function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-});
-export var InputWrapper = styled.div.withConfig({
+})(["&:hover{cursor:pointer;svg{color:", ";fill:", ";}}"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"]);
+const InputWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__InputWrapper",
   componentId: "sc-rjr8p0-1"
 })(["&{position:relative;display:flex;> *{min-width:0;}}"]);
-export var TextWrapper = styled.div.withConfig({
+const TextWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Textstyles__TextWrapper",
   componentId: "sc-rjr8p0-2"
-})([""]);
+})([""]);
+export {
+  IconWrapper,
+  InputWrapper,
+  TextWrapper
+};

package/dist/FactorValue/Text/TextModal.d.ts

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

package/dist/FactorValue/Text/TextModal.js

@@ -1,41 +1,27 @@
-import React from 'react';
-import Textarea from '@synerise/ds-input/dist/Textarea/Textarea';
-import ModalProxy from '@synerise/ds-modal';
-var TextModal = function TextModal(_ref) {
-  var value = _ref.value,
-    onApply = _ref.onApply,
-    onCancel = _ref.onCancel,
-    visible = _ref.visible,
-    texts = _ref.texts;
-  // const [expandValue, setExpandValue] = React.useState('' || value); // TESTME
-  var _React$useState = React.useState(value),
-    expandValue = _React$useState[0],
-    setExpandValue = _React$useState[1];
-  React.useEffect(function () {
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import Textarea from "@synerise/ds-input/dist/Textarea/Textarea";
+import ModalProxy from "@synerise/ds-modal";
+const TextModal = ({
+  value,
+  onApply,
+  onCancel,
+  visible,
+  texts
+}) => {
+  const [expandValue, setExpandValue] = React.useState(value);
+  React.useEffect(() => {
     setExpandValue(value);
   }, [value]);
-  var handleCancel = React.useCallback(function () {
+  const handleCancel = React.useCallback(() => {
     setExpandValue(value);
     onCancel();
   }, [onCancel, setExpandValue, value]);
-  var handleOk = React.useCallback(function () {
+  const handleOk = React.useCallback(() => {
     onApply(expandValue);
   }, [onApply, expandValue]);
-  return /*#__PURE__*/React.createElement(ModalProxy, {
-    size: "medium",
-    title: texts.modalTitle,
-    closable: true,
-    onOk: handleOk,
-    onCancel: handleCancel,
-    visible: visible,
-    okText: texts.modalApply,
-    cancelText: texts.modalCancel
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    rows: 7,
-    value: expandValue,
-    onChange: function onChange(event) {
-      return setExpandValue(event.target.value);
-    }
-  }));
+  return /* @__PURE__ */ jsx(ModalProxy, { size: "medium", title: texts.modalTitle, closable: true, onOk: handleOk, onCancel: handleCancel, visible, okText: texts.modalApply, cancelText: texts.modalCancel, children: /* @__PURE__ */ jsx(Textarea, { rows: 7, value: expandValue, onChange: (event) => setExpandValue(event.target.value) }) });
+};
+export {
+  TextModal as default
 };
-export default TextModal;

package/dist/Factors.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type DefinedFactorTypes, type FactorsProps, type SelectedFactorType } from './Factors.types';
+import { default as React } from 'react';
+import { DefinedFactorTypes, FactorsProps, 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, uncontrolledComponent, }: FactorsProps) => React.JSX.Element;