@synerise/ds-manageable-list 1.7.10 → 1.7.12

package/dist/Item/FilterItem/FilterItem.d.ts

@@ -1,72 +1,72 @@
-import React from 'react';
-import { type FilterItemProps } from './FilterItem.types';
+import { default as React } from 'react';
+import { FilterItemProps } from './FilterItem.types';
 declare const FilterItem: (({ item, selected, greyBackground, onDuplicate, onRemove, onUpdate, onSelect, texts, searchQuery, style, }: FilterItemProps) => React.JSX.Element) & {
-    AdditionalSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ContentWrapper: import("styled-components").StyledComponent<"div", any, {
+    AdditionalSuffix: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ContentWrapper: import('styled-components').StyledComponent<"div", any, {
         withoutPadding: boolean;
     }, never>;
-    DraggerWrapper: import("styled-components").StyledComponent<"div", any, {
+    DraggerWrapper: import('styled-components').StyledComponent<"div", any, {
         disabled: boolean;
     }, never>;
-    DropdownTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
+    DropdownTrigger: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
         href: string;
         target?: string;
         onClick?: React.MouseEventHandler<HTMLElement>;
-    } & import("antd/lib/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-        htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+    } & import('antd/lib/button/button').BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+        htmlType?: import('antd/lib/button/button').ButtonHTMLType;
         onClick?: React.MouseEventHandler<HTMLElement>;
     } & Omit<React.ButtonHTMLAttributes<any>, "type" | "onClick">>, "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">;
+        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;
+        tagProps?: import('@synerise/ds-tag').TagProps;
+        tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
     } & 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;
+        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>;
-    DropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-    FilterDropdownTrigger: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
+    DropdownWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+    FilterDropdownTrigger: import('styled-components').StyledComponent<React.ForwardRefExoticComponent<Omit<Partial<{
         href: string;
         target?: string;
         onClick?: React.MouseEventHandler<HTMLElement>;
-    } & import("antd/lib/button/button").BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
-        htmlType?: import("antd/lib/button/button").ButtonHTMLType;
+    } & import('antd/lib/button/button').BaseButtonProps & Omit<React.AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+        htmlType?: import('antd/lib/button/button').ButtonHTMLType;
         onClick?: React.MouseEventHandler<HTMLElement>;
     } & Omit<React.ButtonHTMLAttributes<any>, "type" | "onClick">>, "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">;
+        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;
+        tagProps?: import('@synerise/ds-tag').TagProps;
+        tooltipProps?: import('@synerise/ds-tooltip').TooltipProps;
     } & 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;
+        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>;
-    IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ItemContainer: import("styled-components").StyledComponent<"div", any, {
+    IconWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ItemContainer: import('styled-components').StyledComponent<"div", any, {
         opened: boolean;
         selected?: boolean;
         greyBackground: boolean | undefined;
@@ -76,14 +76,14 @@ declare const FilterItem: (({ item, selected, greyBackground, onDuplicate, onRem
         isDragOverlay?: boolean;
         isDragPlaceholder?: boolean;
     }, never>;
-    ItemHeader: import("styled-components").StyledComponent<"div", any, {
+    ItemHeader: import('styled-components').StyledComponent<"div", any, {
         hasPrefix: boolean;
         hasDescription: boolean;
         size?: "default" | "large";
     }, never>;
-    ItemHeaderPrefix: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ItemHeaderSuffix: import("styled-components").StyledComponent<"div", any, {}, never>;
-    MoveItemButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-    ToggleContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+    ItemHeaderPrefix: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ItemHeaderSuffix: import('styled-components').StyledComponent<"div", any, {}, never>;
+    MoveItemButtons: import('styled-components').StyledComponent<"div", any, {}, never>;
+    ToggleContentWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
 };
 export default FilterItem;

package/dist/Item/FilterItem/FilterItem.js

@@ -1,174 +1,108 @@
-import React, { useCallback, useMemo, useState } from 'react';
-import Button from '@synerise/ds-button';
-import { useTheme } from '@synerise/ds-core';
-import { DropdownMenu } from '@synerise/ds-dropdown';
-import Icon, { CheckS, CircleShapeM, DuplicateM, EditM, OptionHorizontalM, TrashM, WarningFillM } from '@synerise/ds-icon';
-import ModalProxy from '@synerise/ds-modal';
-import Popconfirm from '@synerise/ds-popconfirm';
-import Result from '@synerise/ds-result';
-import * as S from '../ContentItem/ContentItem.styles';
-import ItemMeta from '../ItemMeta/ItemMeta';
-import ItemName from '../ItemName/ItemName';
-import { ItemHeader, SelectFilterItem } from './FilterItem.styles';
-var FilterItemComponent = function FilterItemComponent(_ref) {
-  var item = _ref.item,
-    selected = _ref.selected,
-    greyBackground = _ref.greyBackground,
-    onDuplicate = _ref.onDuplicate,
-    onRemove = _ref.onRemove,
-    onUpdate = _ref.onUpdate,
-    onSelect = _ref.onSelect,
-    texts = _ref.texts,
-    searchQuery = _ref.searchQuery,
-    style = _ref.style;
-  var _useState = useState(false),
-    editMode = _useState[0],
-    setEditMode = _useState[1];
-  var _useState2 = useState(false),
-    confirmDeleteVisible = _useState2[0],
-    setConfirmDeleteVisible = _useState2[1];
-  var theme = useTheme();
-  var updateName = useCallback(function (updateParams) {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import Button from "@synerise/ds-button";
+import { useTheme } from "@synerise/ds-core";
+import { DropdownMenu } from "@synerise/ds-dropdown";
+import Icon, { EditM, DuplicateM, TrashM, CheckS, CircleShapeM, WarningFillM, OptionHorizontalM } from "@synerise/ds-icon";
+import ModalProxy from "@synerise/ds-modal";
+import Popconfirm from "@synerise/ds-popconfirm";
+import Result from "@synerise/ds-result";
+import { ToggleContentWrapper, MoveItemButtons, ItemHeaderSuffix, ItemHeaderPrefix, ItemHeader, ItemContainer, IconWrapper, FilterDropdownTrigger, DropdownWrapper, DropdownTrigger, DraggerWrapper, ContentWrapper, AdditionalSuffix } from "../ContentItem/ContentItem.styles.js";
+import { ItemMeta } from "../ItemMeta/ItemMeta.js";
+import ItemName from "../ItemName/ItemName.js";
+import { ItemHeader as ItemHeader$1, SelectFilterItem } from "./FilterItem.styles.js";
+const FilterItemComponent = ({
+  item,
+  selected,
+  greyBackground,
+  onDuplicate,
+  onRemove,
+  onUpdate,
+  onSelect,
+  texts,
+  searchQuery,
+  style
+}) => {
+  const [editMode, setEditMode] = useState(false);
+  const [confirmDeleteVisible, setConfirmDeleteVisible] = useState(false);
+  const theme = useTheme();
+  const updateName = useCallback((updateParams) => {
     setEditMode(false);
     onUpdate && onUpdate(updateParams);
   }, [onUpdate]);
-  var enterEditMode = useCallback(function () {
+  const enterEditMode = useCallback(() => {
     setEditMode(true);
   }, []);
-  var handleRemove = useCallback(function () {
+  const handleRemove = useCallback(() => {
     return onRemove ? setConfirmDeleteVisible(true) : false;
   }, [onRemove]);
-  var handleDuplicate = useCallback(function () {
+  const handleDuplicate = useCallback(() => {
     return onDuplicate && onDuplicate({
       id: item.id
     });
   }, [item.id, onDuplicate]);
-  var dropdownMenuDataSource = useMemo(function () {
-    var menuItems = [];
+  const dropdownMenuDataSource = useMemo(() => {
+    const menuItems = [];
     if (item.canUpdate) {
       menuItems.push({
         onClick: enterEditMode,
-        prefixel: /*#__PURE__*/React.createElement(Icon, {
-          component: /*#__PURE__*/React.createElement(EditM, null),
-          color: theme.palette['grey-600']
-        }),
+        prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(EditM, {}), color: theme.palette["grey-600"] }),
         text: texts.itemActionRename
       });
     }
     if (item.canDuplicate) {
       menuItems.push({
         onClick: handleDuplicate,
-        prefixel: /*#__PURE__*/React.createElement(Icon, {
-          component: /*#__PURE__*/React.createElement(DuplicateM, null),
-          color: theme.palette['grey-600']
-        }),
+        prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(DuplicateM, {}), color: theme.palette["grey-600"] }),
         text: texts.itemActionDuplicate
       });
     }
     if (item.canDelete) {
       menuItems.push({
-        type: 'danger',
+        type: "danger",
         onClick: handleRemove,
-        prefixel: /*#__PURE__*/React.createElement(Icon, {
-          component: /*#__PURE__*/React.createElement(TrashM, null)
-        }),
+        prefixel: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(TrashM, {}) }),
         text: texts.itemActionDelete
       });
     }
     return menuItems;
   }, [enterEditMode, handleDuplicate, handleRemove, item.canDelete, item.canDuplicate, item.canUpdate, texts.itemActionDelete, texts.itemActionDuplicate, texts.itemActionRename, theme.palette]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.ItemContainer, {
-    opened: false,
-    greyBackground: greyBackground,
-    key: item.id,
-    "data-testid": "filter-item",
-    style: style
-  }, /*#__PURE__*/React.createElement(ItemHeader, null, /*#__PURE__*/React.createElement(S.ItemHeaderPrefix, null, /*#__PURE__*/React.createElement(SelectFilterItem, {
-    "data-testid": selected && 'filter-item-selected'
-  }, selected ? /*#__PURE__*/React.createElement(Icon, {
-    className: "selected-item-icon",
-    component: /*#__PURE__*/React.createElement(CheckS, null),
-    color: theme.palette.white
-  }) : /*#__PURE__*/React.createElement(Popconfirm, {
-    okText: texts.activate,
-    cancelText: texts.cancel,
-    okType: "primary",
-    placement: "top",
-    onConfirm: function onConfirm() {
-      return onSelect == null ? void 0 : onSelect({
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ItemContainer, { opened: false, greyBackground, "data-testid": "filter-item", style, children: /* @__PURE__ */ jsxs(ItemHeader$1, { children: [
+      /* @__PURE__ */ jsx(ItemHeaderPrefix, { children: /* @__PURE__ */ jsx(SelectFilterItem, { "data-testid": selected && "filter-item-selected", children: selected ? /* @__PURE__ */ jsx(Icon, { className: "selected-item-icon", component: /* @__PURE__ */ jsx(CheckS, {}), color: theme.palette.white }) : /* @__PURE__ */ jsx(Popconfirm, { okText: texts.activate, cancelText: texts.cancel, okType: "primary", placement: "top", onConfirm: () => onSelect?.({
         id: item.id
-      });
-    },
-    title: texts.activateItemTitle,
-    icon: /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(WarningFillM, null),
-      color: theme.palette['yellow-600']
-    })
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(CircleShapeM, null),
-    color: theme.palette['grey-300']
-  })))), /*#__PURE__*/React.createElement(ItemName, {
-    item: item,
-    editMode: editMode,
-    onUpdate: updateName,
-    searchQuery: searchQuery
-  }), /*#__PURE__*/React.createElement(S.ItemHeaderSuffix, null, (item.user || item.created) && /*#__PURE__*/React.createElement(ItemMeta, {
-    user: item.user,
-    created: item.created
-  }), /*#__PURE__*/React.createElement(DropdownMenu, {
-    trigger: ['click'],
-    dataSource: dropdownMenuDataSource,
-    placement: "bottomRight",
-    popoverProps: {
-      testId: 'manageable-list-filter-item'
-    }
-  }, /*#__PURE__*/React.createElement(S.FilterDropdownTrigger, {
-    className: "ds-dropdown-trigger",
-    mode: "single-icon",
-    type: "ghost"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(OptionHorizontalM, null),
-    color: theme.palette['grey-600']
-  })))))), /*#__PURE__*/React.createElement(ModalProxy, {
-    blank: true,
-    onCancel: function onCancel() {
-      return setConfirmDeleteVisible(false);
-    },
-    visible: confirmDeleteVisible,
-    size: "small",
-    footer: null
-  }, /*#__PURE__*/React.createElement(Result, {
-    type: "warning",
-    title: texts.deleteConfirmationTitle,
-    description: texts.deleteConfirmationDescription,
-    buttons: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      type: "default",
-      onClick: function onClick() {
-        return setConfirmDeleteVisible(false);
-      }
-    }, texts.deleteConfirmationNo), /*#__PURE__*/React.createElement(Button, {
-      type: "primary",
-      onClick: function onClick() {
-        return onRemove && onRemove({
-          id: item.id
-        });
-      }
-    }, texts.deleteConfirmationYes))
-  })));
+      }), title: texts.activateItemTitle, icon: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(WarningFillM, {}), color: theme.palette["yellow-600"] }), children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(CircleShapeM, {}), color: theme.palette["grey-300"] }) }) }) }),
+      /* @__PURE__ */ jsx(ItemName, { item, editMode, onUpdate: updateName, searchQuery }),
+      /* @__PURE__ */ jsxs(ItemHeaderSuffix, { children: [
+        (item.user || item.created) && /* @__PURE__ */ jsx(ItemMeta, { user: item.user, created: item.created }),
+        /* @__PURE__ */ jsx(DropdownMenu, { trigger: ["click"], dataSource: dropdownMenuDataSource, placement: "bottomRight", popoverProps: {
+          testId: "manageable-list-filter-item"
+        }, children: /* @__PURE__ */ jsx(FilterDropdownTrigger, { className: "ds-dropdown-trigger", mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(OptionHorizontalM, {}), color: theme.palette["grey-600"] }) }) })
+      ] })
+    ] }) }, item.id),
+    /* @__PURE__ */ jsx(ModalProxy, { blank: true, onCancel: () => setConfirmDeleteVisible(false), visible: confirmDeleteVisible, size: "small", footer: null, children: /* @__PURE__ */ jsx(Result, { type: "warning", title: texts.deleteConfirmationTitle, description: texts.deleteConfirmationDescription, buttons: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "default", onClick: () => setConfirmDeleteVisible(false), children: texts.deleteConfirmationNo }),
+      /* @__PURE__ */ jsx(Button, { type: "primary", onClick: () => onRemove && onRemove({
+        id: item.id
+      }), children: texts.deleteConfirmationYes })
+    ] }) }) })
+  ] });
 };
-var FilterItem = Object.assign(FilterItemComponent, {
-  AdditionalSuffix: S.AdditionalSuffix,
-  ContentWrapper: S.ContentWrapper,
-  DraggerWrapper: S.DraggerWrapper,
-  DropdownTrigger: S.DropdownTrigger,
-  DropdownWrapper: S.DropdownWrapper,
-  FilterDropdownTrigger: S.FilterDropdownTrigger,
-  IconWrapper: S.IconWrapper,
-  ItemContainer: S.ItemContainer,
-  ItemHeader: S.ItemHeader,
-  ItemHeaderPrefix: S.ItemHeaderPrefix,
-  ItemHeaderSuffix: S.ItemHeaderSuffix,
-  MoveItemButtons: S.MoveItemButtons,
-  ToggleContentWrapper: S.ToggleContentWrapper
+const FilterItem = Object.assign(FilterItemComponent, {
+  AdditionalSuffix,
+  ContentWrapper,
+  DraggerWrapper,
+  DropdownTrigger,
+  DropdownWrapper,
+  FilterDropdownTrigger,
+  IconWrapper,
+  ItemContainer,
+  ItemHeader,
+  ItemHeaderPrefix,
+  ItemHeaderSuffix,
+  MoveItemButtons,
+  ToggleContentWrapper
 });
-export default FilterItem;
+export {
+  FilterItem as default
+};

package/dist/Item/FilterItem/FilterItem.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const SelectFilterItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {
+export declare const SelectFilterItem: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MenuItem: import('styled-components').StyledComponent<"div", any, {
     danger?: boolean;
 }, never>;
-export declare const ItemHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ItemHeader: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Item/FilterItem/FilterItem.styles.js

@@ -1,33 +1,23 @@
-import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-import { ItemLabel } from '../Item.styles';
-import { ItemMeta } from '../ItemMeta/ItemMeta.styles';
-export var SelectFilterItem = styled.div.withConfig({
+import styled from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+import { ItemLabel } from "../Item.styles.js";
+import { ItemMeta } from "../ItemMeta/ItemMeta.styles.js";
+const SelectFilterItem = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FilterItemstyles__SelectFilterItem",
   componentId: "sc-omg0gg-0"
-})(["margin-right:12px;cursor:pointer;.selected-item-icon{position:relative;svg{position:relative;}&::before{display:flex;content:'';border-radius:50%;background-color:", ";width:16px;height:16px;position:absolute;z-index:0;top:4px;left:4px;}}"], function (props) {
-  return props.theme.palette['green-600'];
-});
-export var MenuItem = styled.div.withConfig({
+})(["margin-right:12px;cursor:pointer;.selected-item-icon{position:relative;svg{position:relative;}&::before{display:flex;content:'';border-radius:50%;background-color:", ";width:16px;height:16px;position:absolute;z-index:0;top:4px;left:4px;}}"], (props) => props.theme.palette["green-600"]);
+const MenuItem = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FilterItemstyles__MenuItem",
   componentId: "sc-omg0gg-1"
-})(["&&{display:flex;align-items:center;justify-content:flex-start;border-radius:3px;height:32px;width:100%;font-size:13px;line-height:1.38;font-weight:500;cursor:pointer;padding:0 8px;background-color:", ";color:", ";&:hover{background-color:background-color:", ";;color:", ";}", "{margin-right:12px;svg{color:", ";fill:", ";}}}"], function (props) {
-  return props.danger ? props.theme.palette['red-050'] : props.theme.palette.white;
-}, function (props) {
-  return props.danger ? props.theme.palette['red-600'] : props.theme.palette['grey-700'];
-}, function (props) {
-  return props.danger ? props.theme.palette['red-050'] : props.theme.palette.white;
-}, function (props) {
-  return props.danger ? props.theme.palette['red-600'] : props.theme.palette['grey-700'];
-}, IconContainer, function (props) {
-  return props.danger ? props.theme.palette['red-600'] : props.theme.palette['grey-600'];
-}, function (props) {
-  return props.danger ? props.theme.palette['red-600'] : props.theme.palette['grey-600'];
-});
-export var ItemHeader = styled.div.withConfig({
+})(["&&{display:flex;align-items:center;justify-content:flex-start;border-radius:3px;height:32px;width:100%;font-size:13px;line-height:1.38;font-weight:500;cursor:pointer;padding:0 8px;background-color:", ";color:", ";&:hover{background-color:background-color:", ";;color:", ";}", "{margin-right:12px;svg{color:", ";fill:", ";}}}"], (props) => props.danger ? props.theme.palette["red-050"] : props.theme.palette.white, (props) => props.danger ? props.theme.palette["red-600"] : props.theme.palette["grey-700"], (props) => props.danger ? props.theme.palette["red-050"] : props.theme.palette.white, (props) => props.danger ? props.theme.palette["red-600"] : props.theme.palette["grey-700"], IconContainer, (props) => props.danger ? props.theme.palette["red-600"] : props.theme.palette["grey-600"], (props) => props.danger ? props.theme.palette["red-600"] : props.theme.palette["grey-600"]);
+const ItemHeader = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FilterItemstyles__ItemHeader",
   componentId: "sc-omg0gg-2"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:stretch;width:100%;padding:12px;max-height:48px;&:hover{", "{color:", ";}}", "{margin-right:12px;}"], ItemLabel, function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette['grey-800'];
-}, ItemMeta);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:stretch;width:100%;padding:12px;max-height:48px;&:hover{", "{color:", ";}}", "{margin-right:12px;}"], ItemLabel, ({
+  theme
+}) => theme.palette["grey-800"], ItemMeta);
+export {
+  ItemHeader,
+  MenuItem,
+  SelectFilterItem
+};

package/dist/Item/FilterItem/FilterItem.types.d.ts

@@ -1,5 +1,5 @@
-import type React from 'react';
-import { type ItemProps } from '../../ManageableList.types';
+import { default as React } from 'react';
+import { ItemProps } from '../../ManageableList.types';
 export type FilterItemProps = {
     item: ItemProps;
     greyBackground?: boolean;

package/dist/Item/FilterItem/FilterItem.types.js

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

package/dist/Item/Item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ManageableListItemProps } from '../ManageableList.types';
+import { default as React } from 'react';
+import { ManageableListItemProps } from '../ManageableList.types';
 declare const Item: ({ item, onRemove, onSelect, onUpdate, listType, onDuplicate, greyBackground, draggable, changeOrderDisabled, selected, texts, searchQuery, hideExpander, expanded, onExpand, onMoveBottom, onMoveTop, isFirst, isLast, additionalActions, isDragPlaceholder, isDragOverlay, dragHandleProps, renderItem, }: ManageableListItemProps) => React.JSX.Element;
 export default Item;

package/dist/Item/Item.js

@@ -1,98 +1,47 @@
-import React from 'react';
-import { ListType } from '../ManageableList.types';
-import BlankItem from './BlankItem/BlankItem';
-import ContentItem from './ContentItem/ContentItem';
-import FilterItem from './FilterItem/FilterItem';
-import SimpleItem from './SimpleItem/SimpleItem';
-var Item = function Item(_ref) {
-  var item = _ref.item,
-    onRemove = _ref.onRemove,
-    onSelect = _ref.onSelect,
-    onUpdate = _ref.onUpdate,
-    listType = _ref.listType,
-    onDuplicate = _ref.onDuplicate,
-    greyBackground = _ref.greyBackground,
-    draggable = _ref.draggable,
-    changeOrderDisabled = _ref.changeOrderDisabled,
-    selected = _ref.selected,
-    texts = _ref.texts,
-    searchQuery = _ref.searchQuery,
-    hideExpander = _ref.hideExpander,
-    expanded = _ref.expanded,
-    onExpand = _ref.onExpand,
-    onMoveBottom = _ref.onMoveBottom,
-    onMoveTop = _ref.onMoveTop,
-    isFirst = _ref.isFirst,
-    isLast = _ref.isLast,
-    additionalActions = _ref.additionalActions,
-    isDragPlaceholder = _ref.isDragPlaceholder,
-    isDragOverlay = _ref.isDragOverlay,
-    dragHandleProps = _ref.dragHandleProps,
-    renderItem = _ref.renderItem;
+import { jsx } from "react/jsx-runtime";
+import { ListType } from "../ManageableList.types.js";
+import BlankItem from "./BlankItem/BlankItem.js";
+import ContentItem from "./ContentItem/ContentItem.js";
+import FilterItem from "./FilterItem/FilterItem.js";
+import SimpleItem from "./SimpleItem/SimpleItem.js";
+const Item = ({
+  item,
+  onRemove,
+  onSelect,
+  onUpdate,
+  listType,
+  onDuplicate,
+  greyBackground,
+  draggable,
+  changeOrderDisabled,
+  selected,
+  texts,
+  searchQuery,
+  hideExpander,
+  expanded,
+  onExpand,
+  onMoveBottom,
+  onMoveTop,
+  isFirst,
+  isLast,
+  additionalActions,
+  isDragPlaceholder,
+  isDragOverlay,
+  dragHandleProps,
+  renderItem
+}) => {
   switch (listType) {
     case ListType.CONTENT:
     case ListType.CONTENT_LARGE:
-      return /*#__PURE__*/React.createElement(ContentItem, {
-        key: "item-" + item.id,
-        item: item,
-        size: listType === ListType.CONTENT ? 'default' : 'large',
-        onDuplicate: onDuplicate,
-        onUpdate: onUpdate,
-        onRemove: onRemove,
-        greyBackground: greyBackground,
-        changeOrderDisabled: changeOrderDisabled,
-        draggable: draggable,
-        hideExpander: hideExpander,
-        texts: texts,
-        expanded: expanded,
-        selected: selected,
-        onExpand: onExpand,
-        onSelect: onSelect,
-        onMoveTop: onMoveTop,
-        onMoveBottom: onMoveBottom,
-        isFirst: Boolean(isFirst),
-        isLast: Boolean(isLast),
-        isDragPlaceholder: isDragPlaceholder,
-        isDragOverlay: isDragOverlay,
-        dragHandleProps: dragHandleProps
-      });
+      return /* @__PURE__ */ jsx(ContentItem, { item, size: listType === ListType.CONTENT ? "default" : "large", onDuplicate, onUpdate, onRemove, greyBackground, changeOrderDisabled, draggable, hideExpander, texts, expanded, selected, onExpand, onSelect, onMoveTop, onMoveBottom, isFirst: Boolean(isFirst), isLast: Boolean(isLast), isDragPlaceholder, isDragOverlay, dragHandleProps }, `item-${item.id}`);
     case ListType.BLANK:
-      return /*#__PURE__*/React.createElement(BlankItem, {
-        key: "item-" + item.id,
-        item: item,
-        onDuplicate: onDuplicate,
-        onRemove: onRemove,
-        draggable: draggable,
-        texts: texts,
-        renderItem: renderItem,
-        isDragPlaceholder: isDragPlaceholder,
-        isDragOverlay: isDragOverlay,
-        dragHandleProps: dragHandleProps
-      });
+      return /* @__PURE__ */ jsx(BlankItem, { item, onDuplicate, onRemove, draggable, texts, renderItem, isDragPlaceholder, isDragOverlay, dragHandleProps }, `item-${item.id}`);
     case ListType.FILTER:
-      return /*#__PURE__*/React.createElement(FilterItem, {
-        key: "item-" + item.id,
-        item: item,
-        greyBackground: greyBackground,
-        onSelect: onSelect,
-        onDuplicate: onDuplicate,
-        onRemove: onRemove,
-        onUpdate: onUpdate,
-        selected: selected,
-        texts: texts,
-        searchQuery: searchQuery
-      });
+      return /* @__PURE__ */ jsx(FilterItem, { item, greyBackground, onSelect, onDuplicate, onRemove, onUpdate, selected, texts, searchQuery }, `item-${item.id}`);
     default:
-      return /*#__PURE__*/React.createElement(SimpleItem, {
-        key: "item-" + item.id,
-        item: item,
-        onSelect: onSelect,
-        onUpdate: onUpdate,
-        onRemove: onRemove,
-        texts: texts,
-        selected: selected,
-        additionalActions: additionalActions
-      });
+      return /* @__PURE__ */ jsx(SimpleItem, { item, onSelect, onUpdate, onRemove, texts, selected, additionalActions }, `item-${item.id}`);
   }
 };
-export default Item;
+export {
+  Item as default
+};