@synerise/ds-factors 1.11.11 → 1.11.13

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.11.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.11.12...@synerise/ds-factors@1.11.13) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
+## [1.11.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.11.11...@synerise/ds-factors@1.11.12) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-factors
+
 ## [1.11.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@1.11.10...@synerise/ds-factors@1.11.11) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-factors

package/dist/FactorTypeSelector/FactorTypeSelector.d.ts

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

package/dist/FactorTypeSelector/FactorTypeSelector.js

@@ -1,74 +1,53 @@
-import React, { useMemo } from 'react';
-import { theme } from '@synerise/ds-core';
-import { DropdownMenu } from '@synerise/ds-dropdown';
-import Icon, { CheckS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import { getPopupContainer } from '@synerise/ds-utils';
-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,
-    unavailableFactorTypes = _ref.unavailableFactorTypes,
-    availableFactorTypes = _ref.availableFactorTypes,
-    factorTypeMapping = _ref.factorTypeMapping,
-    selectedFactor = _ref.selectedFactor,
-    getPopupContainerOverride = _ref.getPopupContainerOverride,
-    texts = _ref.texts,
-    readOnly = _ref.readOnly;
-  var typesListData = useMemo(function () {
-    var list = availableFactorTypes || ALL_FACTOR_TYPES;
-    if (unavailableFactorTypes !== undefined) {
-      list = [].concat(list).filter(function (type) {
-        return unavailableFactorTypes.indexOf(type) < 0;
-      });
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { theme } from "@synerise/ds-core";
+import { DropdownMenu } from "@synerise/ds-dropdown";
+import Icon, { CheckS } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { getPopupContainer } from "@synerise/ds-utils";
+import { ALL_FACTOR_TYPES } from "../Factors.types.js";
+import { TriggerButton } from "./FactorTypeSelector.styles.js";
+const FactorTypeSelector = ({
+  selectedFactorType,
+  setSelectedFactorType,
+  unavailableFactorTypes,
+  availableFactorTypes,
+  factorTypeMapping,
+  selectedFactor,
+  getPopupContainerOverride,
+  texts,
+  readOnly
+}) => {
+  const typesListData = useMemo(() => {
+    let list = availableFactorTypes || ALL_FACTOR_TYPES;
+    if (unavailableFactorTypes !== void 0) {
+      list = [...list].filter((type) => unavailableFactorTypes.indexOf(type) < 0);
     }
-    return list.map(function (type) {
-      var typeData = factorTypeMapping[type];
+    return list.map((type) => {
+      const typeData = factorTypeMapping[type];
       return {
-        className: 'ds-factor-type',
+        className: "ds-factor-type",
         key: typeData.name,
-        prefixel: /*#__PURE__*/React.createElement(Icon, {
-          component: typeData.icon
-        }),
-        suffixel: type === selectedFactorType ? /*#__PURE__*/React.createElement(Icon, {
-          component: /*#__PURE__*/React.createElement(CheckS, null),
-          color: theme.palette['green-600']
-        }) : '',
-        onClick: function onClick() {
+        prefixel: /* @__PURE__ */ jsx(Icon, { component: typeData.icon }),
+        suffixel: type === selectedFactorType ? /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CheckS, {}), color: theme.palette["green-600"] }) : "",
+        onClick: () => {
           setSelectedFactorType(type);
         },
         text: texts[type]
       };
     });
   }, [availableFactorTypes, unavailableFactorTypes, factorTypeMapping, selectedFactorType, texts, setSelectedFactorType]);
-  var trigger = /*#__PURE__*/React.createElement(S.TriggerButton, {
-    mode: "single-icon",
-    className: "ds-factors-type-selector",
-    "data-testid": "ds-factors-type-selector",
-    readOnly: readOnly
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: selectedFactor.icon
-  }));
+  const trigger = /* @__PURE__ */ jsx(TriggerButton, { mode: "single-icon", className: "ds-factors-type-selector", "data-testid": "ds-factors-type-selector", readOnly, children: /* @__PURE__ */ jsx(Icon, { component: selectedFactor.icon }) });
   if (readOnly) {
     return trigger;
   }
   return (
-    /*#__PURE__*/
     // @ts-expect-error selectedFactorType can be any string - requires type refactor in analytics-core
-    React.createElement(Tooltip, {
-      title: texts[selectedFactorType],
-      trigger: ['hover']
-    }, /*#__PURE__*/React.createElement(DropdownMenu, {
-      dataSource: typesListData,
-      trigger: ['click'],
-      disabled: readOnly,
-      getPopupContainer: getPopupContainerOverride || getPopupContainer,
-      popoverProps: {
-        testId: 'factors-types'
-      },
-      asChild: true
-    }, trigger))
+    /* @__PURE__ */ jsx(Tooltip, { title: texts[selectedFactorType], trigger: ["hover"], children: /* @__PURE__ */ jsx(DropdownMenu, { dataSource: typesListData, trigger: ["click"], disabled: readOnly, getPopupContainer: getPopupContainerOverride || getPopupContainer, popoverProps: {
+      testId: "factors-types"
+    }, asChild: true, children: trigger }) })
   );
 };
-export default FactorTypeSelector;
+export {
+  FactorTypeSelector as default
+};

package/dist/FactorTypeSelector/FactorTypeSelector.styles.d.ts

@@ -1,29 +1,29 @@
-export declare const FactorTypeList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TriggerButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const FactorTypeList: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TriggerButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Partial<{
     href: string;
     target?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "onClick" | "type"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+} & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "onClick" | "type"> & {
+    htmlType?: import('antd/lib/button/button').ButtonHTMLType;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<import("react").ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
-    type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-    color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-    groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+} & Omit<import('react').ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
+    type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+    mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+    color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
     justifyContent?: string;
     loading?: boolean | {
         delay?: number;
     };
-    onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-    iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+    iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
     error?: boolean;
     readOnly?: boolean;
-    tagProps?: import("@synerise/ds-tag").TagProps;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-    Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-    Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-    Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+    tagProps?: import('@synerise/ds-tag').TagProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+    Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+    Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
 }, any, {}, never>;

package/dist/FactorTypeSelector/FactorTypeSelector.styles.js

@@ -1,14 +1,14 @@
-import styled from 'styled-components';
-import Button from '@synerise/ds-button';
-export var FactorTypeList = styled.div.withConfig({
+import styled from "styled-components";
+import Button from "@synerise/ds-button";
+const FactorTypeList = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FactorTypeSelectorstyles__FactorTypeList",
   componentId: "sc-15cv997-0"
-})(["padding:8px;background:", ";"], function (props) {
-  return props.theme.palette.white;
-});
-export var TriggerButton = styled(Button).withConfig({
+})(["padding:8px;background:", ";"], (props) => props.theme.palette.white);
+const TriggerButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "FactorTypeSelectorstyles__TriggerButton",
   componentId: "sc-15cv997-1"
-})(["&&&{display:inline-flex;border-radius:3px 0 0 3px;min-width:32px;&:focus{.btn-focus{box-shadow:inset 0 0 0 1px ", ";}}}"], function (props) {
-  return props.theme.palette['grey-300'];
-});
+})(["&&&{display:inline-flex;border-radius:3px 0 0 3px;min-width:32px;&:focus{.btn-focus{box-shadow:inset 0 0 0 1px ", ";}}}"], (props) => props.theme.palette["grey-300"]);
+export {
+  FactorTypeList,
+  TriggerButton
+};

package/dist/FactorValue/Array/Array.const.js

@@ -1,3 +1,8 @@
-export var MODAL_VIEWPORT_HEIGHT = 80;
-export var BACKTICK = '```';
-export var COMMA = ',';
+const MODAL_VIEWPORT_HEIGHT = 80;
+const BACKTICK = "```";
+const COMMA = ",";
+export {
+  BACKTICK,
+  COMMA,
+  MODAL_VIEWPORT_HEIGHT
+};

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

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

package/dist/FactorValue/Array/Array.js

@@ -1,73 +1,61 @@
-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 { useTheme } from '@synerise/ds-core';
-import Icon, { EditS } from '@synerise/ds-icon';
-import { TagShape } from '@synerise/ds-tag';
-import * as S from './Array.styles';
-import { ArrayModal } from './components/ArrayModal';
-export var Array = function Array(_ref) {
-  var arrayValue = _ref.value,
-    onChange = _ref.onChange,
-    texts = _ref.texts,
-    onActivate = _ref.onActivate,
-    onDeactivate = _ref.onDeactivate,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-    error = _ref.error,
-    _ref$arrayProps = _ref.arrayProps,
-    arrayProps = _ref$arrayProps === void 0 ? {} : _ref$arrayProps;
-  var _useState = useState(false),
-    isVisible = _useState[0],
-    setIsVisible = _useState[1];
-  var handleOnClick = function handleOnClick() {
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { EditS } from "@synerise/ds-icon";
+import { TagShape } from "@synerise/ds-tag";
+import { TriggerButton, TriggerButtonLabel } from "./Array.styles.js";
+import { ArrayModal } from "./components/ArrayModal.js";
+const Array = ({
+  value: arrayValue,
+  onChange,
+  texts,
+  onActivate,
+  onDeactivate,
+  readOnly = false,
+  error,
+  arrayProps = {}
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const handleOnClick = () => {
     setIsVisible(true);
     onActivate && onActivate();
   };
-  var buttonLabel = useMemo(function () {
-    if (!(arrayValue != null && arrayValue.length)) {
+  const buttonLabel = useMemo(() => {
+    if (!arrayValue?.length) {
       return texts.array.triggerLabel;
     }
-    return arrayValue.join(', ') + " ";
+    return `${arrayValue.join(", ")} `;
   }, [arrayValue, texts.array.triggerLabel]);
-  var triggerMode = useMemo(function () {
-    return readOnly ? '' : 'label-icon';
+  const triggerMode = useMemo(() => {
+    return readOnly ? "" : "label-icon";
   }, [readOnly]);
-  var handleApply = function handleApply(changedValue) {
+  const handleApply = (changedValue) => {
     setIsVisible(false);
     onChange(changedValue);
   };
-  var handleCancel = function handleCancel() {
+  const handleCancel = () => {
     setIsVisible(false);
     onDeactivate && onDeactivate();
   };
-  var theme = useTheme();
-  var tagProps = {
+  const theme = useTheme();
+  const tagProps = {
     asPill: true,
-    name: "" + arrayValue.length,
-    color: error ? theme.palette['red-600'] : theme.palette['grey-600'],
-    textColor: '#fff',
+    name: `${arrayValue.length}`,
+    color: error ? theme.palette["red-600"] : theme.palette["grey-600"],
+    textColor: "#fff",
     shape: TagShape.DEFAULT_ROUND
   };
-  var tooltipProps = arrayValue != null && arrayValue.length ? {
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, arrayValue.join(', '))
-  } : undefined;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.TriggerButton, {
-    error: error,
-    type: "secondary",
-    mode: triggerMode,
-    onClick: handleOnClick,
-    tooltipProps: tooltipProps,
-    "data-testid": "ds-factors-array",
-    tagProps: arrayValue.length ? tagProps : undefined
-  }, /*#__PURE__*/React.createElement(S.TriggerButtonLabel, null, buttonLabel), !readOnly && /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(EditS, null)
-  })), /*#__PURE__*/React.createElement(ArrayModal, _extends({
-    value: arrayValue,
-    onApply: handleApply,
-    onCancel: handleCancel,
-    texts: texts,
-    visible: isVisible,
-    readOnly: readOnly,
-    itemType: "string"
-  }, arrayProps)));
-};
+  const tooltipProps = arrayValue?.length ? {
+    title: /* @__PURE__ */ jsx(Fragment, { children: arrayValue.join(", ") })
+  } : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TriggerButton, { error, type: "secondary", mode: triggerMode, onClick: handleOnClick, tooltipProps, "data-testid": "ds-factors-array", tagProps: arrayValue.length ? tagProps : void 0, children: [
+      /* @__PURE__ */ jsx(TriggerButtonLabel, { children: buttonLabel }),
+      !readOnly && /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(EditS, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(ArrayModal, { value: arrayValue, onApply: handleApply, onCancel: handleCancel, texts, visible: isVisible, readOnly, itemType: "string", ...arrayProps })
+  ] });
+};
+export {
+  Array
+};

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

@@ -1,53 +1,53 @@
-export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, {}, never>;
-export declare const Modal: import("styled-components").StyledComponent<{
-    (props: import("@synerise/ds-modal").ModalProps): React.JSX.Element;
-    info: import("antd/lib/modal/confirm").ModalFunc;
-    success: import("antd/lib/modal/confirm").ModalFunc;
-    error: import("antd/lib/modal/confirm").ModalFunc;
-    warning: import("antd/lib/modal/confirm").ModalFunc;
-    confirm: import("antd/lib/modal/confirm").ModalFunc;
+export declare const TextArea: import('styled-components').StyledComponent<"textarea", any, {}, never>;
+export declare const Modal: import('styled-components').StyledComponent<{
+    (props: import('@synerise/ds-modal').ModalProps): React.JSX.Element;
+    info: import('antd/lib/modal/confirm').ModalFunc;
+    success: import('antd/lib/modal/confirm').ModalFunc;
+    error: import('antd/lib/modal/confirm').ModalFunc;
+    warning: import('antd/lib/modal/confirm').ModalFunc;
+    confirm: import('antd/lib/modal/confirm').ModalFunc;
 }, any, {
     viewportHeight: number;
 }, never>;
-export declare const EmptyState: import("styled-components").StyledComponent<({ size, label, text, button, fontSize, customIcon, className, mode, iconPosition, textAlign, }: import("@synerise/ds-empty-states").EmptyStatesProps) => React.JSX.Element, any, {}, never>;
-export declare const TriggerButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TriggerButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Partial<{
+export declare const EmptyState: import('styled-components').StyledComponent<({ size, label, text, button, fontSize, customIcon, className, mode, iconPosition, textAlign, }: import('@synerise/ds-empty-states').EmptyStatesProps) => React.JSX.Element, any, {}, never>;
+export declare const TriggerButtonLabel: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const TriggerButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<Partial<{
     href: string;
     target?: string;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & import("antd/lib/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "onClick" | "type"> & {
-    htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+} & import('antd/lib/button/button').BaseButtonProps & Omit<import('react').AnchorHTMLAttributes<any>, "onClick" | "type"> & {
+    htmlType?: import('antd/lib/button/button').ButtonHTMLType;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Omit<import("react").ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
-    type?: import("@synerise/ds-utils").LiteralStringUnion<import("@synerise/ds-button/dist/Button.types").ButtonType>;
-    mode?: import("@synerise/ds-utils").LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
-    color?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
-    groupVariant?: import("@synerise/ds-utils").LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
+} & Omit<import('react').ButtonHTMLAttributes<any>, "onClick" | "type">>, "type" | "ghost"> & {
+    type?: import('@synerise/ds-utils').LiteralStringUnion<import('@synerise/ds-button/dist/Button.types').ButtonType>;
+    mode?: import('@synerise/ds-utils').LiteralStringUnion<"single-icon" | "split" | "two-icons" | "label-icon" | "icon-label">;
+    color?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    groupVariant?: import('@synerise/ds-utils').LiteralStringUnion<"left-rounded" | "squared" | "right-rounded">;
     justifyContent?: string;
     loading?: boolean | {
         delay?: number;
     };
-    onClick?: (event: import("react").MouseEvent<HTMLElement>) => void;
-    iconColor?: import("@synerise/ds-utils").LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
+    onClick?: (event: import('react').MouseEvent<HTMLElement>) => void;
+    iconColor?: import('@synerise/ds-utils').LiteralStringUnion<"blue" | "grey" | "red" | "green" | "yellow" | "pink" | "mars" | "orange" | "fern" | "cyan" | "purple" | "violet">;
     error?: boolean;
     readOnly?: boolean;
-    tagProps?: import("@synerise/ds-tag").TagProps;
-    tooltipProps?: import("@synerise/ds-tooltip").TooltipProps;
-} & import("react").RefAttributes<HTMLButtonElement>> & {
-    Creator: import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-button").CreatorProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Expander: ({ size, expanded, disabled, onClick, className, }: import("@synerise/ds-button").ExpanderProps) => import("react").JSX.Element;
-    Star: (props: import("@synerise/ds-button").StarButtonProps) => React.ReactElement;
-    Checkbox: (props: import("@synerise/ds-button").CheckboxButtonProps) => React.ReactElement;
+    tagProps?: import('@synerise/ds-tag').TagProps;
+    tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
+} & import('react').RefAttributes<HTMLButtonElement>> & {
+    Creator: import('react').ForwardRefExoticComponent<Omit<import('@synerise/ds-button').CreatorProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Expander: ({ size, expanded, disabled, onClick, className, }: import('@synerise/ds-button').ExpanderProps) => import("react").JSX.Element;
+    Star: (props: import('@synerise/ds-button').StarButtonProps) => React.ReactElement;
+    Checkbox: (props: import('@synerise/ds-button').CheckboxButtonProps) => React.ReactElement;
 }, any, {}, never>;
-export declare const ModalFooterLeftSide: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ModalSubHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ModalContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Limit: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LimitPart: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RightSide: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LeftSide: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CreatorItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DeleteIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@synerise/ds-icon").BaseIconProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("@synerise/ds-icon").BaseIconProps> & import("@synerise/ds-utils").DataAttributes & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const CollectorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CreatorRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ModalFooterLeftSide: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ModalSubHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ModalContentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Limit: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const LimitPart: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SearchWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RightSide: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const LeftSide: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CreatorItemsList: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const DeleteIcon: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('@synerise/ds-icon').BaseIconProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, keyof import('@synerise/ds-icon').BaseIconProps> & import('@synerise/ds-utils').DataAttributes & import('react').RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const CollectorWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CreatorRow: import('styled-components').StyledComponent<"div", any, {}, never>;

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

@@ -1,81 +1,92 @@
-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 ModalBase from '@synerise/ds-modal';
-export var TextArea = styled.textarea.withConfig({
+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 ModalProxy from "@synerise/ds-modal";
+const TextArea = /* @__PURE__ */ styled.textarea.withConfig({
   displayName: "Arraystyles__TextArea",
   componentId: "sc-9atgo7-0"
 })(["width:100%;padding:8px 12px;"]);
-export var Modal = styled(ModalBase).withConfig({
+const Modal = /* @__PURE__ */ styled(ModalProxy).withConfig({
   displayName: "Arraystyles__Modal",
   componentId: "sc-9atgo7-1"
-})(["&&{top:50px;.ant-modal-content{height:", "vh;}}", "{height:calc(", "vh - 215px);min-height:auto;resize:none;font-family:'IBM Plex Mono Regular',monospace;&,&:focus{border:0;background:transparent;box-shadow:none;}}"], function (props) {
-  return props.viewportHeight;
-}, TextArea, function (props) {
-  return props.viewportHeight;
-});
-export var EmptyState = styled(EmptyStateBase).withConfig({
+})(["&&{top:50px;.ant-modal-content{height:", "vh;}}", "{height:calc(", "vh - 215px);min-height:auto;resize:none;font-family:'IBM Plex Mono Regular',monospace;&,&:focus{border:0;background:transparent;box-shadow:none;}}"], (props) => props.viewportHeight, TextArea, (props) => props.viewportHeight);
+const EmptyState = /* @__PURE__ */ styled(EmptyStateBase).withConfig({
   displayName: "Arraystyles__EmptyState",
   componentId: "sc-9atgo7-2"
 })(["margin:90px auto 120px;"]);
-export var TriggerButtonLabel = styled.div.withConfig({
+const TriggerButtonLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__TriggerButtonLabel",
   componentId: "sc-9atgo7-3"
 })(["min-width:0;text-overflow:ellipsis;overflow:hidden;"]);
-export var TriggerButton = styled(Button).withConfig({
+const TriggerButton = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "Arraystyles__TriggerButton",
   componentId: "sc-9atgo7-4"
 })(["max-width:100%;"]);
-export var ModalFooterLeftSide = styled.div.withConfig({
+const ModalFooterLeftSide = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__ModalFooterLeftSide",
   componentId: "sc-9atgo7-5"
 })(["flex:1 1 100%;text-align:left;"]);
-export var ModalSubHeader = styled.div.withConfig({
+const ModalSubHeader = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__ModalSubHeader",
   componentId: "sc-9atgo7-6"
 })(["display:flex;justify-content:space-between;"]);
-export var ModalContentWrapper = styled.div.withConfig({
+const ModalContentWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__ModalContentWrapper",
   componentId: "sc-9atgo7-7"
 })(["padding:24px;"]);
-export var Limit = styled.div.withConfig({
+const Limit = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__Limit",
   componentId: "sc-9atgo7-8"
 })(["display:flex;gap:4px;align-items:center;"]);
-export var LimitPart = styled.div.withConfig({
+const LimitPart = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__LimitPart",
   componentId: "sc-9atgo7-9"
 })([""]);
-export var SearchWrapper = styled.div.withConfig({
+const SearchWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__SearchWrapper",
   componentId: "sc-9atgo7-10"
 })(["max-width:200px;min-width:32px;"]);
-export var RightSide = styled.div.withConfig({
+const RightSide = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__RightSide",
   componentId: "sc-9atgo7-11"
 })(["flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;gap:12px;"]);
-export var LeftSide = styled.div.withConfig({
+const LeftSide = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__LeftSide",
   componentId: "sc-9atgo7-12"
 })(["flex:0 0 auto;text-align:left;"]);
-export var CreatorItemsList = styled.div.withConfig({
+const CreatorItemsList = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__CreatorItemsList",
   componentId: "sc-9atgo7-13"
 })(["display:flex;flex-direction:column;gap:12px;"]);
-export var DeleteIcon = styled(Icon).withConfig({
+const DeleteIcon = /* @__PURE__ */ styled(Icon).withConfig({
   displayName: "Arraystyles__DeleteIcon",
   componentId: "sc-9atgo7-14"
-})(["position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;color:", ";&:hover{color:", ";}"], function (props) {
-  return props.theme.palette['red-600'];
-}, function (props) {
-  return props.theme.palette['red-500'];
-});
-export var CollectorWrapper = styled.div.withConfig({
+})(["position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;color:", ";&:hover{color:", ";}"], (props) => props.theme.palette["red-600"], (props) => props.theme.palette["red-500"]);
+const CollectorWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__CollectorWrapper",
   componentId: "sc-9atgo7-15"
 })(["padding:0 34px;margin-bottom:24px;"]);
-export var CreatorRow = styled.div.withConfig({
+const CreatorRow = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Arraystyles__CreatorRow",
   componentId: "sc-9atgo7-16"
-})(["padding:0 34px;position:relative;&:hover{", "{display:block;}}"], DeleteIcon);
+})(["padding:0 34px;position:relative;&:hover{", "{display:block;}}"], DeleteIcon);
+export {
+  CollectorWrapper,
+  CreatorItemsList,
+  CreatorRow,
+  DeleteIcon,
+  EmptyState,
+  LeftSide,
+  Limit,
+  LimitPart,
+  Modal,
+  ModalContentWrapper,
+  ModalFooterLeftSide,
+  ModalSubHeader,
+  RightSide,
+  SearchWrapper,
+  TextArea,
+  TriggerButton,
+  TriggerButtonLabel
+};

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

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

package/dist/FactorValue/Array/Array.types.js

@@ -1 +1 @@
-export {};
+

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

@@ -1,5 +1,5 @@
-import { type ArrayValueElement } from '../../Factors.types';
-import { type ArrayValueWithID } from './Array.types';
+import { ArrayValueElement } from '../../Factors.types';
+import { 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;