@synerise/ds-list-item 1.4.9 → 1.4.10

package/dist/components/HoverTooltip/HoverTooltip.js

@@ -1,48 +1,30 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback } from 'react';
-import { useTheme } from '@synerise/ds-core';
-import { Popover, PopoverContent, PopoverTrigger, getPlacement } from '@synerise/ds-popover';
-import { FLIP_CONFIG, HOVER_CONFIG, OFFSET_CONFIG, SHIFT_CONFIG, TRANSITION_DURATION } from './HoverTooltip.const';
-import { PropagationStopper } from './HoverTooltip.styles';
-var HoverTooltip = function HoverTooltip(_ref) {
-  var popoverProps = _ref.popoverProps,
-    renderHoverTooltip = _ref.renderHoverTooltip,
-    children = _ref.children,
-    style = _ref.style;
-  var dsTheme = useTheme();
-  var zIndex = parseInt(dsTheme.variables['zindex-tooltip'], 10);
-  var cancelBubblingEvent = useCallback(function () {
-    return function (event) {
-      return event.stopPropagation();
-    };
-  }, []);
-  var popoverPlacement = getPlacement((popoverProps == null ? void 0 : popoverProps.placement) || 'right');
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useTheme } from "@synerise/ds-core";
+import { getPlacement, Popover, PopoverContent, PopoverTrigger } from "@synerise/ds-popover";
+import { TRANSITION_DURATION, HOVER_CONFIG, FLIP_CONFIG, OFFSET_CONFIG, SHIFT_CONFIG } from "./HoverTooltip.const.js";
+import { PropagationStopper } from "./HoverTooltip.styles.js";
+const HoverTooltip = ({
+  popoverProps,
+  renderHoverTooltip,
+  children,
+  style
+}) => {
+  const dsTheme = useTheme();
+  const zIndex = parseInt(dsTheme.variables["zindex-tooltip"], 10);
+  const cancelBubblingEvent = useCallback(() => (event) => event.stopPropagation(), []);
+  const popoverPlacement = getPlacement(popoverProps?.placement || "right");
   return (
-    /*#__PURE__*/
     // onKeyDown is used to disallow propagating key events to tooltip's container element
-    React.createElement(PropagationStopper, {
-      onKeyDown: cancelBubblingEvent,
-      onClick: cancelBubblingEvent
-    }, /*#__PURE__*/React.createElement(Popover, _extends({
-      trigger: "hover",
-      modal: false,
-      componentId: "information-card",
-      testId: "information-card",
-      shiftConfig: SHIFT_CONFIG,
-      offsetConfig: OFFSET_CONFIG,
-      flipConfig: FLIP_CONFIG,
-      hoverConfig: HOVER_CONFIG,
-      transitionDuration: TRANSITION_DURATION,
-      zIndex: zIndex
-    }, popoverProps, {
-      placement: popoverPlacement
-    }), /*#__PURE__*/React.createElement(PopoverContent, null, renderHoverTooltip && renderHoverTooltip()), /*#__PURE__*/React.createElement(PopoverTrigger, {
-      asChild: true
-    }, /*#__PURE__*/React.createElement("div", {
-      style: _extends({
-        position: 'relative'
-      }, style)
-    }, children))))
+    /* @__PURE__ */ jsx(PropagationStopper, { onKeyDown: cancelBubblingEvent, onClick: cancelBubblingEvent, children: /* @__PURE__ */ jsxs(Popover, { trigger: "hover", modal: false, componentId: "information-card", testId: "information-card", shiftConfig: SHIFT_CONFIG, offsetConfig: OFFSET_CONFIG, flipConfig: FLIP_CONFIG, hoverConfig: HOVER_CONFIG, transitionDuration: TRANSITION_DURATION, zIndex, ...popoverProps, placement: popoverPlacement, children: [
+      /* @__PURE__ */ jsx(PopoverContent, { children: renderHoverTooltip && renderHoverTooltip() }),
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { style: {
+        position: "relative",
+        ...style
+      }, children }) })
+    ] }) })
   );
 };
-export default HoverTooltip;
+export {
+  HoverTooltip as default
+};

package/dist/components/HoverTooltip/HoverTooltip.styles.d.ts

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

package/dist/components/HoverTooltip/HoverTooltip.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var PropagationStopper = styled.div.withConfig({
+import styled from "styled-components";
+const PropagationStopper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "HoverTooltipstyles__PropagationStopper",
   componentId: "sc-5vleg6-0"
-})(["display:contents;"]);
+})(["display:contents;"]);
+export {
+  PropagationStopper
+};

package/dist/components/HoverTooltip/HoverTooltip.types.d.ts

@@ -1,5 +1,5 @@
-import type { CSSProperties, ReactNode } from 'react';
-import type { BasicItemProps } from '../../ListItem.types';
+import { CSSProperties, ReactNode } from 'react';
+import { BasicItemProps } from '../../ListItem.types';
 export type HoverTooltipProps = {
     children: ReactNode;
     style?: CSSProperties;

package/dist/components/HoverTooltip/HoverTooltip.types.js

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

package/dist/components/ListContext/ListContext.d.ts

@@ -1,10 +1,10 @@
-import { type DelayConfig } from '@synerise/ds-popover';
-import type { ListItemProps } from '../../ListItem.types';
+import { DelayConfig } from '@synerise/ds-popover';
+import { ListItemProps } from '../../ListItem.types';
 export type ListContextProps = {
     onClick?: ListItemProps['onClick'];
     popoverDelay?: DelayConfig;
     selectedKeys?: [];
     multiple?: boolean;
 };
-export declare const ListContext: import("react").Context<ListContextProps | undefined>;
+export declare const ListContext: import('react').Context<ListContextProps | undefined>;
 export declare const useListContext: () => ListContextProps | undefined;

package/dist/components/ListContext/ListContext.js

@@ -1,5 +1,9 @@
-import { createContext, useContext } from 'react';
-export var ListContext = /*#__PURE__*/createContext(undefined);
-export var useListContext = function useListContext() {
+import { createContext, useContext } from "react";
+const ListContext = createContext(void 0);
+const useListContext = () => {
   return useContext(ListContext);
-};
+};
+export {
+  ListContext,
+  useListContext
+};

package/dist/components/ListContext/ListContextProvider.d.ts

@@ -1,5 +1,5 @@
-import React, { type ReactNode } from 'react';
-import { type ListContextProps } from './ListContext';
+import { default as React, ReactNode } from 'react';
+import { ListContextProps } from './ListContext';
 export declare const ListContextProvider: ({ children, popoverDelay, ...rest }: ListContextProps & {
     children?: ReactNode;
 }) => React.JSX.Element;

package/dist/components/ListContext/ListContextProvider.js

@@ -1,19 +1,16 @@
-var _excluded = ["children", "popoverDelay"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { FloatingDelayGroup } from '@synerise/ds-popover';
-import { ListContext } from './ListContext';
-export var ListContextProvider = function ListContextProvider(_ref) {
-  var children = _ref.children,
-    _ref$popoverDelay = _ref.popoverDelay,
-    popoverDelay = _ref$popoverDelay === void 0 ? {
-      open: 100,
-      close: 400
-    } : _ref$popoverDelay,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(FloatingDelayGroup, {
-    delay: popoverDelay
-  }, /*#__PURE__*/React.createElement(ListContext.Provider, {
-    value: rest
-  }, children));
-};
+import { jsx } from "react/jsx-runtime";
+import { FloatingDelayGroup } from "@synerise/ds-popover";
+import { ListContext } from "./ListContext.js";
+const ListContextProvider = ({
+  children,
+  popoverDelay = {
+    open: 100,
+    close: 400
+  },
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(FloatingDelayGroup, { delay: popoverDelay, children: /* @__PURE__ */ jsx(ListContext.Provider, { value: rest, children }) });
+};
+export {
+  ListContextProvider
+};

package/dist/components/ListWrapper/ListWrapper.d.ts

@@ -1,6 +1,6 @@
-import React, { type ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
-import { type ListContextProps } from '../ListContext/ListContext';
+import { default as React, ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
+import { ListContextProps } from '../ListContext/ListContext';
 export type ListWrapperProps = WithHTMLAttributes<HTMLDivElement, ListContextProps & {
     children?: ReactNode;
 }>;

package/dist/components/ListWrapper/ListWrapper.js

@@ -1,13 +1,13 @@
-var _excluded = ["children", "onClick"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { ListContextProvider } from '../ListContext/ListContextProvider';
-import * as S from './ListWrapper.styles';
-export var ListWrapper = function ListWrapper(_ref) {
-  var children = _ref.children,
-    onClick = _ref.onClick,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.ListWrapperContainer, htmlAttributes, /*#__PURE__*/React.createElement(ListContextProvider, {
-    onClick: onClick
-  }, children));
-};
+import { jsx } from "react/jsx-runtime";
+import { ListContextProvider } from "../ListContext/ListContextProvider.js";
+import { ListWrapperContainer } from "./ListWrapper.styles.js";
+const ListWrapper = ({
+  children,
+  onClick,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsx(ListWrapperContainer, { ...htmlAttributes, children: /* @__PURE__ */ jsx(ListContextProvider, { onClick, children }) });
+};
+export {
+  ListWrapper
+};

package/dist/components/ListWrapper/ListWrapper.styles.d.ts

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

package/dist/components/ListWrapper/ListWrapper.styles.js

@@ -1,7 +1,8 @@
-import styled from 'styled-components';
-export var ListWrapperContainer = styled.div.withConfig({
+import styled from "styled-components";
+const ListWrapperContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ListWrapperstyles__ListWrapperContainer",
   componentId: "sc-1f54kju-0"
-})(["padding:8px;background:", ";border-radius:3px;"], function (props) {
-  return props.theme.palette.white;
-});
+})(["padding:8px;background:", ";border-radius:3px;"], (props) => props.theme.palette.white);
+export {
+  ListWrapperContainer
+};

package/dist/components/Select/Select.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { type NestedItemProps } from '../../ListItem.types';
-declare const Select: React.ForwardRefExoticComponent<Omit<import("../../ListItem.types").ListItemProps, "level" | "higher" | "text" | "type"> & {
-    ItemComponent: React.ComponentType<import("../../ListItem.types").ListItemProps>;
+import { default as React } from 'react';
+import { NestedItemProps } from '../../ListItem.types';
+declare const Select: React.ForwardRefExoticComponent<Omit<import('../../ListItem.types').ListItemProps, "level" | "higher" | "text" | "type"> & {
+    ItemComponent: React.ComponentType<import('../../ListItem.types').ListItemProps>;
 } & NestedItemProps & React.RefAttributes<HTMLDivElement>>;
 export default Select;

package/dist/components/Select/Select.js

@@ -1,17 +1,13 @@
-var _excluded = ["children"];
-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); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef } from 'react';
-import { v4 as uuid } from 'uuid';
-import '@synerise/ds-core/dist/js/style';
-import * as S from './Select.styles';
-var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // TODO uuid
-  return /*#__PURE__*/React.createElement(S.SelectItem, _extends({
-    ref: ref,
-    key: uuid()
-  }, rest), children);
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { v4 } from "uuid";
+import { SelectItem } from "./Select.styles.js";
+const Select = forwardRef(({
+  children,
+  ...rest
+}, ref) => {
+  return /* @__PURE__ */ jsx(SelectItem, { ref, ...rest, children }, v4());
 });
-export default Select;
+export {
+  Select as default
+};

package/dist/components/Select/Select.styles.d.ts

@@ -1,3 +1,3 @@
-export declare const SelectItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("../..").ListItemProps, "level" | "higher" | "text" | "type"> & {
-    ItemComponent: import("react").ComponentType<import("../..").ListItemProps>;
-} & import("../../ListItem.types").NestedItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const SelectItem: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<Omit<import('../..').ListItemProps, "level" | "higher" | "text" | "type"> & {
+    ItemComponent: import('react').ComponentType<import('../..').ListItemProps>;
+} & import('../../ListItem.types').NestedItemProps & import('react').RefAttributes<HTMLDivElement>>, any, {}, never>;

package/dist/components/Select/Select.styles.js

@@ -1,9 +1,10 @@
-import styled from 'styled-components';
-import Text from '../Text/Text';
-import { SuffixWrapper } from '../Text/Text.styles';
-export var SelectItem = styled(Text).withConfig({
+import styled from "styled-components";
+import Text from "../Text/Text.js";
+import { SuffixWrapper } from "../Text/Text.styles.js";
+const SelectItem = /* @__PURE__ */ styled(Text).withConfig({
   displayName: "Selectstyles__SelectItem",
   componentId: "sc-a89gla-0"
-})(["&{", " > *{opacity:0;transition:opacity 0.3s ease-in-out,color 0.3s ease-in-out;}}&:hover,&:focus{", " > *{opacity:1;color:", ";}}"], SuffixWrapper, SuffixWrapper, function (props) {
-  return props.theme.palette['blue-600'];
-});
+})(["&{", " > *{opacity:0;transition:opacity 0.3s ease-in-out,color 0.3s ease-in-out;}}&:hover,&:focus{", " > *{opacity:1;color:", ";}}"], SuffixWrapper, SuffixWrapper, (props) => props.theme.palette["blue-600"]);
+export {
+  SelectItem
+};

package/dist/components/SubMenu/SubMenu.d.ts

@@ -1,5 +1,5 @@
-import React, { type ComponentType } from 'react';
-import { type ListItemProps } from '../../ListItem.types';
+import { default as React, ComponentType } from 'react';
+import { ListItemProps } from '../../ListItem.types';
 type SubMenuProps = {
     dataSource?: ListItemProps[];
     onClick?: ListItemProps['onClick'];

package/dist/components/SubMenu/SubMenu.js

@@ -1,22 +1,16 @@
-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, { forwardRef } from 'react';
-import { ListContextProvider } from '../ListContext/ListContextProvider';
-import * as S from './SubMenu.styles';
-export var SubMenu = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
-  var onClick = _ref.onClick,
-    isOpen = _ref.isOpen,
-    dataSource = _ref.dataSource,
-    indentLevel = _ref.indentLevel,
-    ItemComponent = _ref.ItemComponent;
-  return /*#__PURE__*/React.createElement(ListContextProvider, {
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(S.SubMenuContainer, {
-    ref: forwardedRef,
-    isOpen: isOpen
-  }, dataSource == null ? void 0 : dataSource.map(function (item) {
-    return /*#__PURE__*/React.createElement(ItemComponent, _extends({}, item, {
-      key: item.itemKey,
-      indentLevel: indentLevel
-    }));
-  })));
-});
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, createElement } from "react";
+import { ListContextProvider } from "../ListContext/ListContextProvider.js";
+import { SubMenuContainer } from "./SubMenu.styles.js";
+const SubMenu = forwardRef(({
+  onClick,
+  isOpen,
+  dataSource,
+  indentLevel,
+  ItemComponent
+}, forwardedRef) => {
+  return /* @__PURE__ */ jsx(ListContextProvider, { onClick, children: /* @__PURE__ */ jsx(SubMenuContainer, { ref: forwardedRef, isOpen, children: dataSource?.map((item) => /* @__PURE__ */ createElement(ItemComponent, { ...item, key: item.itemKey, indentLevel })) }) });
+});
+export {
+  SubMenu
+};

package/dist/components/SubMenu/SubMenu.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const SubMenuContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const SubMenuContainer: import('styled-components').StyledComponent<"div", any, {
     isOpen?: boolean;
 }, never>;
-export declare const SubMenuList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubMenuList: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/components/SubMenu/SubMenu.styles.js

@@ -1,11 +1,13 @@
-import styled from 'styled-components';
-export var SubMenuContainer = styled.div.withConfig({
+import styled from "styled-components";
+const SubMenuContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "SubMenustyles__SubMenuContainer",
   componentId: "sc-12pkrfi-0"
-})(["max-height:", "px;overflow:hidden;transition:max-height 0.3s ease;"], function (props) {
-  return props.isOpen ? '999' : '0';
-});
-export var SubMenuList = styled.div.withConfig({
+})(["max-height:", "px;overflow:hidden;transition:max-height 0.3s ease;"], (props) => props.isOpen ? "999" : "0");
+const SubMenuList = /* @__PURE__ */ styled.div.withConfig({
   displayName: "SubMenustyles__SubMenuList",
   componentId: "sc-12pkrfi-1"
-})([""]);
+})([""]);
+export {
+  SubMenuContainer,
+  SubMenuList
+};

package/dist/components/Text/DynamicLabel.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export declare const DynamicLabel: ({ content, alternativeContent, showAlternative, }: {
     content: ReactNode;
     alternativeContent: ReactNode;

package/dist/components/Text/DynamicLabel.js

@@ -1,10 +1,15 @@
-import React from 'react';
-import * as S from './Text.styles';
-export var DynamicLabel = function DynamicLabel(_ref) {
-  var content = _ref.content,
-    alternativeContent = _ref.alternativeContent,
-    showAlternative = _ref.showAlternative;
-  return alternativeContent ? /*#__PURE__*/React.createElement(S.DynamicLabelWrapper, {
-    showAlternative: !!showAlternative
-  }, /*#__PURE__*/React.createElement(S.DynamicLabelMain, null, content), /*#__PURE__*/React.createElement(S.DynamicLabelAlternate, null, alternativeContent)) : content;
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { DynamicLabelWrapper, DynamicLabelMain, DynamicLabelAlternate } from "./Text.styles.js";
+const DynamicLabel = ({
+  content,
+  alternativeContent,
+  showAlternative
+}) => {
+  return alternativeContent ? /* @__PURE__ */ jsxs(DynamicLabelWrapper, { showAlternative: !!showAlternative, children: [
+    /* @__PURE__ */ jsx(DynamicLabelMain, { children: content }),
+    /* @__PURE__ */ jsx(DynamicLabelAlternate, { children: alternativeContent })
+  ] }) : content;
+};
+export {
+  DynamicLabel
+};

package/dist/components/Text/ItemLabel.const.js

@@ -1 +1,4 @@
-export var INDENT_WIDTH = 20;
+const INDENT_WIDTH = 20;
+export {
+  INDENT_WIDTH
+};

package/dist/components/Text/ItemLabel.d.ts

@@ -1,5 +1,5 @@
-import React, { type FocusEvent, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
-import { type ItemSize } from '../../ListItem.types';
+import { default as React, FocusEvent, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+import { ItemSize } from '../../ListItem.types';
 export declare const ItemLabel: React.ForwardRefExoticComponent<{
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     onKeyDown?: (event: KeyboardEvent<HTMLDivElement>) => void;
@@ -26,4 +26,4 @@ export declare const ItemLabel: React.ForwardRefExoticComponent<{
     content?: ReactNode;
     indentLevel?: number;
     featured?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "checked" | "description" | "disabled" | "noHover" | "ordered" | "parent" | "size" | "indentLevel" | "featured" | "hasSubMenu" | "subMenuOpen" | "hasHighlight" | "inTooltip" | "prefixVisible" | "suffixVisible" | "prefixElement" | "suffixElement"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "content" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "onMouseDown" | "onMouseLeave" | "onMouseOver" | "checked" | "description" | "disabled" | "noHover" | "ordered" | "parent" | "size" | "indentLevel" | "featured" | "inTooltip" | "hasSubMenu" | "subMenuOpen" | "hasHighlight" | "prefixVisible" | "suffixVisible" | "prefixElement" | "suffixElement"> & import('@synerise/ds-utils').DataAttributes & React.RefAttributes<HTMLDivElement>>;