@synerise/ds-factors 1.11.11 → 1.11.13

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

@@ -1,158 +1,93 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { IconAlert } from '@synerise/ds-alert';
-import Button, { ButtonToggle } from '@synerise/ds-button';
-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 { arrayWithUUID, sanitiseValues } from '../Array.utils';
-import { ArrayCreator } from './ArrayCreator';
-import { ArrayLimit } from './ArrayLimit';
-import { ArrayRaw } from './ArrayRaw';
-import { CopyButton } from './CopyButton';
-export var ArrayModal = function ArrayModal(_ref) {
-  var value = _ref.value,
-    itemType = _ref.itemType,
-    onApply = _ref.onApply,
-    onCancel = _ref.onCancel,
-    visible = _ref.visible,
-    readOnly = _ref.readOnly,
-    texts = _ref.texts,
-    limit = _ref.limit,
-    collectorSuggestions = _ref.collectorSuggestions;
-  var _useState = useState(arrayWithUUID(value || [])),
-    arrayValue = _useState[0],
-    setArrayValue = _useState[1];
-  var _useState2 = useState('creator'),
-    currentMode = _useState2[0],
-    setCurrentMode = _useState2[1];
-  var _useState3 = useState(''),
-    searchQuery = _useState3[0],
-    setSearchQuery = _useState3[1];
-  var _useState4 = useState(),
-    rawEditorError = _useState4[0],
-    setRawEditorError = _useState4[1];
-  var isMounted = useIsMounted();
-  useEffect(function () {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { IconAlert } from "@synerise/ds-alert";
+import Button, { ButtonToggle } from "@synerise/ds-button";
+import ButtonGroup from "@synerise/ds-button-group";
+import Icon, { TrashM, EditM, CodeM } from "@synerise/ds-icon";
+import { SearchInput } from "@synerise/ds-search";
+import { useIsMounted } from "@synerise/ds-utils";
+import { MODAL_VIEWPORT_HEIGHT } from "../Array.const.js";
+import { ModalFooterLeftSide, Modal, ModalSubHeader, LeftSide, RightSide, SearchWrapper } from "../Array.styles.js";
+import { arrayWithUUID, sanitiseValues } from "../Array.utils.js";
+import { ArrayCreator } from "./ArrayCreator.js";
+import { ArrayLimit } from "./ArrayLimit.js";
+import { ArrayRaw } from "./ArrayRaw.js";
+import { CopyButton } from "./CopyButton.js";
+const ArrayModal = ({
+  value,
+  itemType,
+  onApply,
+  onCancel,
+  visible,
+  readOnly,
+  texts,
+  limit,
+  collectorSuggestions
+}) => {
+  const [arrayValue, setArrayValue] = useState(arrayWithUUID(value || []));
+  const [currentMode, setCurrentMode] = useState("creator");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [rawEditorError, setRawEditorError] = useState();
+  const isMounted = useIsMounted();
+  useEffect(() => {
     isMounted.current && setArrayValue(arrayWithUUID(value || []));
   }, [value, isMounted]);
-  var handleRawEditorError = function handleRawEditorError(errorMessage) {
+  const handleRawEditorError = (errorMessage) => {
     setRawEditorError(errorMessage);
   };
-  var plainArrayValue = useMemo(function () {
-    return arrayValue.map(function (item) {
-      return typeof item.value === 'string' ? sanitiseValues(item.value) : item.value;
-    });
-  }, [arrayValue]);
-  var handleOk = useCallback(function () {
+  const plainArrayValue = useMemo(() => arrayValue.map((item) => typeof item.value === "string" ? sanitiseValues(item.value) : item.value), [arrayValue]);
+  const handleOk = useCallback(() => {
     onApply(plainArrayValue);
-    setCurrentMode('creator');
+    setCurrentMode("creator");
   }, [onApply, plainArrayValue]);
-  var handleCancel = useCallback(function () {
+  const handleCancel = useCallback(() => {
     onCancel();
     setArrayValue(arrayWithUUID(value || []));
-    setCurrentMode('creator');
+    setCurrentMode("creator");
   }, [onCancel, value]);
-  var showClearButton = !!(arrayValue != null && arrayValue.length) && !readOnly;
-  var handleClear = useCallback(function () {
+  const showClearButton = !!arrayValue?.length && !readOnly;
+  const handleClear = useCallback(() => {
     setArrayValue([]);
   }, []);
-  var clearButton = useMemo(function () {
-    return /*#__PURE__*/React.createElement(S.ModalFooterLeftSide, null, showClearButton && /*#__PURE__*/React.createElement(Button, {
-      onClick: handleClear,
-      "data-testid": "array-modal-clear-button",
-      type: "custom-color-ghost",
-      color: "red",
-      mode: "icon-label"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(TrashM, null)
-    }), texts.array.clearButtonLabel));
+  const clearButton = useMemo(() => {
+    return /* @__PURE__ */ jsx(ModalFooterLeftSide, { children: showClearButton && /* @__PURE__ */ jsxs(Button, { onClick: handleClear, "data-testid": "array-modal-clear-button", type: "custom-color-ghost", color: "red", mode: "icon-label", children: [
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(TrashM, {}) }),
+      texts.array.clearButtonLabel
+    ] }) });
   }, [showClearButton, texts.array.clearButtonLabel, handleClear]);
-  var handleSearchQueryChange = function handleSearchQueryChange(query) {
-    setSearchQuery(query || '');
+  const handleSearchQueryChange = (query) => {
+    setSearchQuery(query || "");
   };
-  var handleValueChange = useCallback(function (updatedArray) {
+  const handleValueChange = useCallback((updatedArray) => {
     setArrayValue(updatedArray);
-    setSearchQuery('');
+    setSearchQuery("");
   }, []);
-  var mainModalContent = currentMode === 'creator' ? /*#__PURE__*/React.createElement(ArrayCreator, {
-    texts: texts,
-    readOnly: readOnly,
-    itemType: itemType,
-    value: arrayValue,
-    limit: limit,
-    searchQuery: searchQuery,
-    onValueChange: handleValueChange,
-    collectorSuggestions: collectorSuggestions
-  }) : /*#__PURE__*/React.createElement(ArrayRaw, {
-    readOnly: readOnly,
-    onError: handleRawEditorError,
-    itemType: itemType,
-    limit: limit,
-    onValueChange: handleValueChange,
-    texts: texts,
-    value: arrayValue
-  });
-  return /*#__PURE__*/React.createElement(S.Modal, {
-    size: "medium",
-    title: texts.array.modalTitle,
-    headerBottomBar: /*#__PURE__*/React.createElement(S.ModalSubHeader, null, /*#__PURE__*/React.createElement(S.LeftSide, null, /*#__PURE__*/React.createElement(ButtonGroup, {
-      compact: false
-    }, /*#__PURE__*/React.createElement(ButtonToggle, {
-      disabled: !!rawEditorError,
-      mode: "icon-label",
-      type: "ghost",
-      activated: currentMode === 'creator',
-      onClick: function onClick() {
-        return setCurrentMode('creator');
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(EditM, null)
-    }), " ", texts.array.creatorButtonLabel), /*#__PURE__*/React.createElement(ButtonToggle, {
-      mode: "icon-label",
-      activated: currentMode === 'raw',
-      type: "ghost",
-      onClick: function onClick() {
-        return setCurrentMode('raw');
-      }
-    }, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(CodeM, null)
-    }), " ", texts.array.rawButtonLabel))), /*#__PURE__*/React.createElement(S.RightSide, null, rawEditorError ? /*#__PURE__*/React.createElement(IconAlert, {
-      iconAlert: true,
-      type: "alert",
-      message: rawEditorError
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, limit && /*#__PURE__*/React.createElement(ArrayLimit, {
-      limit: limit,
-      count: arrayValue.length,
-      texts: texts
-    })), /*#__PURE__*/React.createElement(CopyButton, {
-      texts: texts,
-      copyValue: (plainArrayValue == null ? void 0 : plainArrayValue.join(',')) || ''
-    }), /*#__PURE__*/React.createElement(S.SearchWrapper, null, /*#__PURE__*/React.createElement(SearchInput, {
-      disabled: currentMode === 'raw',
-      closeOnClickOutside: true,
-      value: searchQuery,
-      onChange: handleSearchQueryChange,
-      onClear: handleSearchQueryChange,
-      placeholder: texts.array.searchPlaceholder,
-      clearTooltip: texts.array.searchClearTooltip
-    })))),
-    closable: true,
-    onOk: !rawEditorError ? handleOk : undefined,
-    onCancel: handleCancel,
-    open: visible,
-    texts: {
-      okButton: texts.modalApply,
-      cancelButton: texts.modalCancel
-    },
-    bodyStyle: {
-      padding: 0
-    },
-    footer: readOnly ? null : undefined,
-    prefix: clearButton,
-    viewportHeight: MODAL_VIEWPORT_HEIGHT,
-    maxViewportHeight: currentMode === 'creator' ? MODAL_VIEWPORT_HEIGHT : undefined
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, mainModalContent));
-};
+  const mainModalContent = currentMode === "creator" ? /* @__PURE__ */ jsx(ArrayCreator, { texts, readOnly, itemType, value: arrayValue, limit, searchQuery, onValueChange: handleValueChange, collectorSuggestions }) : /* @__PURE__ */ jsx(ArrayRaw, { readOnly, onError: handleRawEditorError, itemType, limit, onValueChange: handleValueChange, texts, value: arrayValue });
+  return /* @__PURE__ */ jsx(Modal, { size: "medium", title: texts.array.modalTitle, headerBottomBar: /* @__PURE__ */ jsxs(ModalSubHeader, { children: [
+    /* @__PURE__ */ jsx(LeftSide, { children: /* @__PURE__ */ jsxs(ButtonGroup, { compact: false, children: [
+      /* @__PURE__ */ jsxs(ButtonToggle, { disabled: !!rawEditorError, mode: "icon-label", type: "ghost", activated: currentMode === "creator", onClick: () => setCurrentMode("creator"), children: [
+        /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(EditM, {}) }),
+        " ",
+        texts.array.creatorButtonLabel
+      ] }),
+      /* @__PURE__ */ jsxs(ButtonToggle, { mode: "icon-label", activated: currentMode === "raw", type: "ghost", onClick: () => setCurrentMode("raw"), children: [
+        /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CodeM, {}) }),
+        " ",
+        texts.array.rawButtonLabel
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(RightSide, { children: [
+      rawEditorError ? /* @__PURE__ */ jsx(IconAlert, { iconAlert: true, type: "alert", message: rawEditorError }) : /* @__PURE__ */ jsx(Fragment, { children: limit && /* @__PURE__ */ jsx(ArrayLimit, { limit, count: arrayValue.length, texts }) }),
+      /* @__PURE__ */ jsx(CopyButton, { texts, copyValue: plainArrayValue?.join(",") || "" }),
+      /* @__PURE__ */ jsx(SearchWrapper, { children: /* @__PURE__ */ jsx(SearchInput, { disabled: currentMode === "raw", closeOnClickOutside: true, value: searchQuery, onChange: handleSearchQueryChange, onClear: handleSearchQueryChange, placeholder: texts.array.searchPlaceholder, clearTooltip: texts.array.searchClearTooltip }) })
+    ] })
+  ] }), closable: true, onOk: !rawEditorError ? handleOk : void 0, onCancel: handleCancel, open: visible, texts: {
+    okButton: texts.modalApply,
+    cancelButton: texts.modalCancel
+  }, bodyStyle: {
+    padding: 0
+  }, footer: readOnly ? null : void 0, prefix: clearButton, viewportHeight: MODAL_VIEWPORT_HEIGHT, maxViewportHeight: currentMode === "creator" ? MODAL_VIEWPORT_HEIGHT : void 0, children: /* @__PURE__ */ jsx(Fragment, { children: mainModalContent }) });
+};
+export {
+  ArrayModal
+};

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

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type ArrayRawProps } from '../Array.types';
+import { default as React } from 'react';
+import { 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,58 +1,56 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { useDelimiterEscape } from '@synerise/ds-utils';
-import { BACKTICK, COMMA } from '../Array.const';
-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,
-    itemType = _ref.itemType,
-    onValueChange = _ref.onValueChange,
-    readOnly = _ref.readOnly,
-    texts = _ref.texts,
-    limit = _ref.limit,
-    onError = _ref.onError;
-  var _useDelimiterEscape = useDelimiterEscape({
-      openTag: BACKTICK,
-      closeTag: BACKTICK,
-      delimiter: COMMA
-    }),
-    isValidEscapedString = _useDelimiterEscape.isValidEscapedString,
-    joinWithEscape = _useDelimiterEscape.joinWithEscape,
-    splitWithEscape = _useDelimiterEscape.splitWithEscape;
-  var ref = useRef(null);
-  var plainValues = useMemo(function () {
-    var items = value.map(function (item) {
-      return item.value;
-    });
-    return itemType === 'string' ? joinWithEscape(items) : items.join(',');
+import { jsx } from "react/jsx-runtime";
+import { useRef, useMemo, useState, useEffect } from "react";
+import { useDelimiterEscape } from "@synerise/ds-utils";
+import { COMMA, BACKTICK } from "../Array.const.js";
+import { TextArea } from "../Array.styles.js";
+import { sanitiseValues, isArrayOfNumbersAsString, arrayWithUUID } from "../Array.utils.js";
+const ArrayRaw = ({
+  value = [],
+  itemType,
+  onValueChange,
+  readOnly,
+  texts,
+  limit,
+  onError
+}) => {
+  const {
+    isValidEscapedString,
+    joinWithEscape,
+    splitWithEscape
+  } = useDelimiterEscape({
+    openTag: BACKTICK,
+    closeTag: BACKTICK,
+    delimiter: COMMA
+  });
+  const ref = useRef(null);
+  const plainValues = useMemo(() => {
+    const items = value.map((item) => item.value);
+    return itemType === "string" ? joinWithEscape(items) : items.join(",");
   }, [itemType, joinWithEscape, value]);
-  var _useState = useState(plainValues || ''),
-    textareaValue = _useState[0],
-    setTextareaValue = _useState[1];
-  useEffect(function () {
+  const [textareaValue, setTextareaValue] = useState(plainValues || "");
+  useEffect(() => {
     if (document.activeElement !== ref.current) {
-      setTextareaValue(plainValues || '');
+      setTextareaValue(plainValues || "");
     }
   }, [plainValues]);
-  var handleChange = function handleChange(event) {
-    var stringifiedValue = event.target.value;
+  const handleChange = (event) => {
+    const stringifiedValue = event.target.value;
     setTextareaValue(stringifiedValue);
     if (!stringifiedValue) {
       onError(null);
       onValueChange([]);
       return;
     }
-    if (itemType === 'string' && !isValidEscapedString(stringifiedValue)) {
+    if (itemType === "string" && !isValidEscapedString(stringifiedValue)) {
       onError(texts.array.stringUnclosedBacktickError);
       return;
     }
-    var items = (itemType === 'string' ? splitWithEscape(stringifiedValue) : stringifiedValue == null ? void 0 : stringifiedValue.split(',')) || [];
-    var sanitisedItems = items.map(sanitiseValues);
-    var lastItemIsDelimiter = sanitisedItems.at(sanitisedItems.length - 1) === '';
-    var itemsToValidate = lastItemIsDelimiter ? [].concat(sanitisedItems.slice(0, -1)) : sanitisedItems;
-    var exceedsLimit = limit && items.length > limit;
-    if (itemType === 'number' && !isArrayOfNumbersAsString(itemsToValidate)) {
+    const items = (itemType === "string" ? splitWithEscape(stringifiedValue) : stringifiedValue?.split(",")) || [];
+    const sanitisedItems = items.map(sanitiseValues);
+    const lastItemIsDelimiter = sanitisedItems.at(sanitisedItems.length - 1) === "";
+    const itemsToValidate = lastItemIsDelimiter ? [...sanitisedItems.slice(0, -1)] : sanitisedItems;
+    const exceedsLimit = limit && items.length > limit;
+    if (itemType === "number" && !isArrayOfNumbersAsString(itemsToValidate)) {
       onError(texts.array.numericValidationError);
       return;
     }
@@ -61,23 +59,14 @@ export var ArrayRaw = function ArrayRaw(_ref) {
       return;
     }
     onError(null);
-    if (itemType === 'string') {
+    if (itemType === "string") {
       onValueChange(arrayWithUUID(itemsToValidate));
     } else {
-      onValueChange(arrayWithUUID(itemsToValidate.map(function (item) {
-        return parseFloat(item);
-      })));
+      onValueChange(arrayWithUUID(itemsToValidate.map((item) => parseFloat(item))));
     }
   };
-  return /*#__PURE__*/React.createElement(S.TextArea, {
-    ref: ref,
-    "data-testid": "array-raw-textarea",
-    readOnly: readOnly,
-    spellCheck: "false",
-    autoCapitalize: "off",
-    autoCorrect: "off",
-    autoComplete: "off",
-    onChange: !readOnly ? handleChange : undefined,
-    value: textareaValue
-  });
-};
+  return /* @__PURE__ */ jsx(TextArea, { ref, "data-testid": "array-raw-textarea", readOnly, spellCheck: "false", autoCapitalize: "off", autoCorrect: "off", autoComplete: "off", onChange: !readOnly ? handleChange : void 0, value: textareaValue });
+};
+export {
+  ArrayRaw
+};

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

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

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

@@ -1,42 +1,32 @@
-import copy from 'copy-to-clipboard';
-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;
-  var _useState = useState(false),
-    tooltipOpen = _useState[0],
-    setTooltipOpen = _useState[1];
-  var _useState2 = useState(texts.array.copyTooltip),
-    tooltipTitle = _useState2[0],
-    setTooltipTitle = _useState2[1];
-  var handleCopy = useCallback(function () {
+import { jsx } from "react/jsx-runtime";
+import copy from "copy-to-clipboard";
+import { useState, useCallback } from "react";
+import Button from "@synerise/ds-button";
+import Icon, { CopyClipboardM } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+const CopyButton = ({
+  copyValue,
+  texts
+}) => {
+  const [tooltipOpen, setTooltipOpen] = useState(false);
+  const [tooltipTitle, setTooltipTitle] = useState(texts.array.copyTooltip);
+  const handleCopy = useCallback(() => {
     if (copyValue && copy(copyValue)) {
       setTooltipTitle(texts.array.copiedTooltip);
       setTooltipOpen(true);
     }
   }, [copyValue, setTooltipTitle, texts.array.copiedTooltip]);
-  var handleMouseEnter = useCallback(function (event) {
+  const handleMouseEnter = useCallback((event) => {
     event.stopPropagation();
     setTooltipTitle(texts.array.copyTooltip);
     setTooltipOpen(true);
   }, [setTooltipOpen, texts.array]);
-  var handleMouseLeave = useCallback(function (event) {
+  const handleMouseLeave = useCallback((event) => {
     event.stopPropagation();
     setTooltipOpen(false);
   }, [setTooltipOpen]);
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    title: tooltipTitle,
-    open: tooltipOpen
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: handleCopy,
-    type: "ghost",
-    mode: "single-icon",
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CopyClipboardM, null)
-  })));
-};
+  return /* @__PURE__ */ jsx(Tooltip, { title: tooltipTitle, open: tooltipOpen, children: /* @__PURE__ */ jsx(Button, { onClick: handleCopy, type: "ghost", mode: "single-icon", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CopyClipboardM, {}) }) }) });
+};
+export {
+  CopyButton
+};

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

@@ -1,4 +1,4 @@
-import type { FactorsTexts } from '../../../Factors.types';
+import { FactorsTexts } from '../../../Factors.types';
 type UseCollectorProps = {
     limit?: number;
     collectorCount: number;
@@ -8,8 +8,8 @@ type UseCollectorProps = {
 export declare const useCollector: ({ limit, collectorCount, arrayValueCount, texts, }: UseCollectorProps) => {
     disabled: boolean;
     error: boolean;
-    errorMessage: import("react").ReactNode;
-    setHasTypeError: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    errorMessage: import('react').ReactNode;
+    setHasTypeError: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     exceedsLimit: (newItems: number) => boolean;
     addEnabled: boolean;
 };

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

@@ -1,40 +1,39 @@
-import { useCallback, useMemo, useState } from 'react';
-export var useCollector = function useCollector(_ref) {
-  var limit = _ref.limit,
-    collectorCount = _ref.collectorCount,
-    _ref$arrayValueCount = _ref.arrayValueCount,
-    arrayValueCount = _ref$arrayValueCount === void 0 ? 0 : _ref$arrayValueCount,
-    texts = _ref.texts;
-  var _useState = useState(false),
-    hasTypeError = _useState[0],
-    setHasTypeError = _useState[1];
-  var exceedsLimit = useCallback(function (newItems) {
+import { useState, useCallback, useMemo } from "react";
+const useCollector = ({
+  limit,
+  collectorCount,
+  arrayValueCount = 0,
+  texts
+}) => {
+  const [hasTypeError, setHasTypeError] = useState(false);
+  const exceedsLimit = useCallback((newItems) => {
     if (limit) {
       return newItems + arrayValueCount > limit;
     }
     return false;
   }, [arrayValueCount, limit]);
-  var collectorExceedsLimit = useMemo(function () {
-    return exceedsLimit(collectorCount);
-  }, [exceedsLimit, collectorCount]);
-  var errorMessage = useMemo(function () {
+  const collectorExceedsLimit = useMemo(() => exceedsLimit(collectorCount), [exceedsLimit, collectorCount]);
+  const errorMessage = useMemo(() => {
     if (hasTypeError) {
       return texts.array.numericValidationError;
     }
     if (collectorExceedsLimit) {
       return texts.array.limitExceeded;
     }
-    return undefined;
+    return void 0;
   }, [hasTypeError, collectorExceedsLimit, texts.array.limitExceeded, texts.array.numericValidationError]);
-  var addEnabled = useMemo(function () {
+  const addEnabled = useMemo(() => {
     return !hasTypeError && !collectorExceedsLimit;
   }, [hasTypeError, collectorExceedsLimit]);
   return {
     disabled: !!(limit && arrayValueCount >= limit),
     error: !!errorMessage,
-    errorMessage: errorMessage,
-    setHasTypeError: setHasTypeError,
-    exceedsLimit: exceedsLimit,
-    addEnabled: addEnabled
+    errorMessage,
+    setHasTypeError,
+    exceedsLimit,
+    addEnabled
   };
-};
+};
+export {
+  useCollector
+};

package/dist/FactorValue/Date/Date.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 DateInput: ({ value, onChange, texts, opened, onDeactivate, onActivate, error, allowClear, readOnly, getPopupContainerOverride, uncontrolledComponent, }: FactorValueComponentProps) => React.JSX.Element;
 export default DateInput;

package/dist/FactorValue/Date/Date.js

@@ -1,64 +1,49 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-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,
-    texts = _ref.texts,
-    opened = _ref.opened,
-    onDeactivate = _ref.onDeactivate,
-    onActivate = _ref.onActivate,
-    error = _ref.error,
-    allowClear = _ref.allowClear,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    getPopupContainerOverride = _ref.getPopupContainerOverride,
-    uncontrolledComponent = _ref.uncontrolledComponent;
-  var _useState = useState(value),
-    localValue = _useState[0],
-    setLocalValue = _useState[1];
-  useEffect(function () {
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import DatePicker from "@synerise/ds-date-picker";
+import { getPopupContainer } from "@synerise/ds-utils";
+const DateInput = ({
+  value,
+  onChange,
+  texts,
+  opened,
+  onDeactivate,
+  onActivate,
+  error,
+  allowClear,
+  readOnly = false,
+  getPopupContainerOverride,
+  uncontrolledComponent
+}) => {
+  const [localValue, setLocalValue] = useState(value);
+  useEffect(() => {
     if (!uncontrolledComponent) {
       setLocalValue(value);
     }
   }, [value, uncontrolledComponent]);
-  var changeHandler = useCallback(function (date) {
+  const changeHandler = useCallback((date) => {
     onChange(date);
   }, [onChange]);
-  var localValueAsDate = useMemo(function () {
-    return localValue ? new Date(String(localValue)) : undefined;
-  }, [localValue]);
-  var handleClear = useCallback(function () {
-    onChange(undefined);
+  const localValueAsDate = useMemo(() => localValue ? new Date(String(localValue)) : void 0, [localValue]);
+  const handleClear = useCallback(() => {
+    onChange(void 0);
   }, [onChange]);
-  var handleOpenChange = useCallback(function (open) {
+  const handleOpenChange = useCallback((open) => {
     open && onActivate && onActivate();
   }, [onActivate]);
-  return /*#__PURE__*/React.createElement(DatePicker, {
-    onClear: handleClear,
-    onApply: changeHandler,
-    value: localValueAsDate,
-    showTime: true,
-    useStartOfDay: true,
-    texts: texts.datePicker,
-    error: error,
-    readOnly: readOnly,
-    allowClear: allowClear,
-    autoFocus: opened,
-    inputProps: {
-      autoResize: {
-        minWidth: '123px'
-      }
-    },
-    onDropdownVisibleChange: handleOpenChange,
-    dropdownProps: {
-      open: opened,
-      onOpenChange: handleOpenChange,
-      getPopupContainer: getPopupContainerOverride || getPopupContainer,
-      onDismiss: function onDismiss() {
-        onDeactivate == null || onDeactivate();
-      }
+  return /* @__PURE__ */ jsx(DatePicker, { onClear: handleClear, onApply: changeHandler, value: localValueAsDate, showTime: true, useStartOfDay: true, texts: texts.datePicker, error, readOnly, allowClear, autoFocus: opened, inputProps: {
+    autoResize: {
+      minWidth: "123px"
     }
-  });
+  }, onDropdownVisibleChange: handleOpenChange, dropdownProps: {
+    open: opened,
+    onOpenChange: handleOpenChange,
+    getPopupContainer: getPopupContainerOverride || getPopupContainer,
+    onDismiss: () => {
+      onDeactivate?.();
+    }
+  } });
+};
+export {
+  DateInput as default
 };
-export default DateInput;