@synerise/ds-mapping 1.1.34 → 1.1.36

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.1.36](https://github.com/Synerise/synerise-design/compare/@synerise/ds-mapping@1.1.35...@synerise/ds-mapping@1.1.36) (2026-04-01)
+
+**Note:** Version bump only for package @synerise/ds-mapping
+
+## [1.1.35](https://github.com/Synerise/synerise-design/compare/@synerise/ds-mapping@1.1.34...@synerise/ds-mapping@1.1.35) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-mapping
+
 ## [1.1.34](https://github.com/Synerise/synerise-design/compare/@synerise/ds-mapping@1.1.33...@synerise/ds-mapping@1.1.34) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-mapping

package/dist/Mapping.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { BaseItemType, MappingProps } from './Mapping.types';
+import { default as React } from 'react';
+import { BaseItemType, MappingProps } from './Mapping.types';
 declare const Mapping: <ItemType extends BaseItemType>({ batchSelection, dataSource, leftTitle, leftTitleTooltip, rightTitle, rightTitleTooltip, leftComponent, rightComponent, centerComponent, texts, ...htmlAttributes }: MappingProps<ItemType>) => React.JSX.Element;
 export default Mapping;

package/dist/Mapping.js

@@ -1,106 +1,88 @@
-var _excluded = ["batchSelection", "dataSource", "leftTitle", "leftTitleTooltip", "rightTitle", "rightTitleTooltip", "leftComponent", "rightComponent", "centerComponent", "texts"];
-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, { useCallback, useEffect, useMemo, useState } from 'react';
-import Button from '@synerise/ds-button';
-import Icon, { HideM, TaskCheckM } from '@synerise/ds-icon';
-import * as S from './Mapping.styles';
-import { BatchSelectionHeader, RowSelection, TitleRow } from './components';
-import { useBatchSelection } from './hooks/useBatchSelection';
-import { useTexts } from './hooks/useTexts';
-import { renderCounter as defaultRenderCounter } from './utils/counter';
-var Mapping = function Mapping(_ref) {
-  var batchSelection = _ref.batchSelection,
-    dataSource = _ref.dataSource,
-    leftTitle = _ref.leftTitle,
-    leftTitleTooltip = _ref.leftTitleTooltip,
-    rightTitle = _ref.rightTitle,
-    rightTitleTooltip = _ref.rightTitleTooltip,
-    leftComponent = _ref.leftComponent,
-    rightComponent = _ref.rightComponent,
-    centerComponent = _ref.centerComponent,
-    texts = _ref.texts,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var hasCenterComponent = !!centerComponent;
-  var hasSelection = !!batchSelection;
-  var isCompact = dataSource.length === 1;
-  var _useState = useState(false),
-    selectionEnabled = _useState[0],
-    setSelectionEnabled = _useState[1];
-  var allTexts = useTexts(texts);
-  var _useBatchSelection = useBatchSelection(dataSource, hasSelection),
-    selectedItemIds = _useBatchSelection.selectedItemIds,
-    setSelectedItemIds = _useBatchSelection.setSelectedItemIds,
-    handleBatchCheckboxChange = _useBatchSelection.handleBatchCheckboxChange,
-    batchSelectionCheckboxState = _useBatchSelection.batchSelectionCheckboxState;
-  var _ref2 = batchSelection || {},
-    actionButtons = _ref2.actionButtons,
-    onSelectionChange = _ref2.onSelectionChange,
-    _ref2$renderCounter = _ref2.renderCounter,
-    renderCounter = _ref2$renderCounter === void 0 ? defaultRenderCounter : _ref2$renderCounter;
-  var handleItemSelection = function handleItemSelection(checked, id) {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, useEffect } from "react";
+import Button from "@synerise/ds-button";
+import Icon, { HideM, TaskCheckM } from "@synerise/ds-icon";
+import { MappingWrapper, MappingRow, MappingRowLeft, MappingRowCenter, MappingRowRight } from "./Mapping.styles.js";
+import { BatchSelectionHeader } from "./components/BatchSelectionHeader/BatchSelectionHeader.js";
+import { RowSelection } from "./components/RowSelection/RowSelection.js";
+import { TitleRow } from "./components/TitleRow/TitleRow.js";
+import { useBatchSelection } from "./hooks/useBatchSelection.js";
+import { useTexts } from "./hooks/useTexts.js";
+import { renderCounter } from "./utils/counter.js";
+const Mapping = ({
+  batchSelection,
+  dataSource,
+  leftTitle,
+  leftTitleTooltip,
+  rightTitle,
+  rightTitleTooltip,
+  leftComponent,
+  rightComponent,
+  centerComponent,
+  texts,
+  ...htmlAttributes
+}) => {
+  const hasCenterComponent = !!centerComponent;
+  const hasSelection = !!batchSelection;
+  const isCompact = dataSource.length === 1;
+  const [selectionEnabled, setSelectionEnabled] = useState(false);
+  const allTexts = useTexts(texts);
+  const {
+    selectedItemIds,
+    setSelectedItemIds,
+    handleBatchCheckboxChange,
+    batchSelectionCheckboxState
+  } = useBatchSelection(dataSource, hasSelection);
+  const {
+    actionButtons,
+    onSelectionChange,
+    renderCounter: renderCounter$1 = renderCounter
+  } = batchSelection || {};
+  const handleItemSelection = (checked, id) => {
     if (checked) {
-      setSelectedItemIds([].concat(selectedItemIds, [id]));
+      setSelectedItemIds([...selectedItemIds, id]);
     } else {
-      setSelectedItemIds(selectedItemIds.filter(function (itemId) {
-        return itemId !== id;
-      }));
+      setSelectedItemIds(selectedItemIds.filter((itemId) => itemId !== id));
     }
   };
-  var toggleBatchButton = useCallback(function (newState) {
+  const toggleBatchButton = useCallback((newState) => {
     setSelectionEnabled(newState);
     setSelectedItemIds([]);
   }, [setSelectedItemIds]);
-  var batchButton = useMemo(function () {
-    return /*#__PURE__*/React.createElement(Button, {
-      "data-testid": "toggle-bulk-actions",
-      type: "ghost",
-      mode: "icon-label",
-      onClick: function onClick() {
-        return toggleBatchButton(!selectionEnabled);
-      }
-    }, selectionEnabled ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(HideM, null)
-    }), " ", allTexts.disableBatchSelection) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(TaskCheckM, null)
-    }), " ", allTexts.enableBatchSelection));
+  const batchButton = useMemo(() => {
+    return /* @__PURE__ */ jsx(Button, { "data-testid": "toggle-bulk-actions", type: "ghost", mode: "icon-label", onClick: () => toggleBatchButton(!selectionEnabled), children: selectionEnabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(HideM, {}) }),
+      " ",
+      allTexts.disableBatchSelection
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(TaskCheckM, {}) }),
+      " ",
+      allTexts.enableBatchSelection
+    ] }) });
   }, [allTexts.disableBatchSelection, allTexts.enableBatchSelection, selectionEnabled, toggleBatchButton]);
-  useEffect(function () {
+  useEffect(() => {
     onSelectionChange && onSelectionChange(selectedItemIds);
   }, [onSelectionChange, selectedItemIds]);
-  return /*#__PURE__*/React.createElement(S.MappingWrapper, _extends({
-    isCompact: isCompact
-  }, htmlAttributes), batchSelection && /*#__PURE__*/React.createElement(BatchSelectionHeader, {
-    checkboxState: batchSelectionCheckboxState,
-    onChange: handleBatchCheckboxChange,
-    actionButtons: actionButtons,
-    batchButton: batchButton,
-    enabled: selectionEnabled,
-    counter: renderCounter(selectedItemIds.length, dataSource.length)
-  }), (leftTitle || rightTitle) && /*#__PURE__*/React.createElement(TitleRow, {
-    leftTitle: leftTitle,
-    rightTitle: rightTitle,
-    leftTitleTooltip: leftTitleTooltip,
-    rightTitleTooltip: rightTitleTooltip,
-    hasCenterComponent: hasCenterComponent,
-    hasSelection: hasSelection && selectionEnabled
-  }), dataSource.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(S.MappingRow, {
-      key: item.id
-    }, hasSelection && selectionEnabled && /*#__PURE__*/React.createElement(RowSelection, {
-      checkboxState: selectedItemIds.includes(item.id),
-      itemId: item.id,
-      onChange: handleItemSelection
-    }), /*#__PURE__*/React.createElement(S.MappingRowLeft, null, leftComponent({
-      item: item,
-      index: index
-    })), hasCenterComponent && /*#__PURE__*/React.createElement(S.MappingRowCenter, null, centerComponent({
-      item: item,
-      index: index
-    })), /*#__PURE__*/React.createElement(S.MappingRowRight, null, rightComponent({
-      item: item,
-      index: index
-    })));
-  }));
+  return /* @__PURE__ */ jsxs(MappingWrapper, { isCompact, ...htmlAttributes, children: [
+    batchSelection && /* @__PURE__ */ jsx(BatchSelectionHeader, { checkboxState: batchSelectionCheckboxState, onChange: handleBatchCheckboxChange, actionButtons, batchButton, enabled: selectionEnabled, counter: renderCounter$1(selectedItemIds.length, dataSource.length) }),
+    (leftTitle || rightTitle) && /* @__PURE__ */ jsx(TitleRow, { leftTitle, rightTitle, leftTitleTooltip, rightTitleTooltip, hasCenterComponent, hasSelection: hasSelection && selectionEnabled }),
+    dataSource.map((item, index) => /* @__PURE__ */ jsxs(MappingRow, { children: [
+      hasSelection && selectionEnabled && /* @__PURE__ */ jsx(RowSelection, { checkboxState: selectedItemIds.includes(item.id), itemId: item.id, onChange: handleItemSelection }),
+      /* @__PURE__ */ jsx(MappingRowLeft, { children: leftComponent({
+        item,
+        index
+      }) }),
+      hasCenterComponent && /* @__PURE__ */ jsx(MappingRowCenter, { children: centerComponent({
+        item,
+        index
+      }) }),
+      /* @__PURE__ */ jsx(MappingRowRight, { children: rightComponent({
+        item,
+        index
+      }) })
+    ] }, item.id))
+  ] });
+};
+export {
+  Mapping as default
 };
-export default Mapping;

package/dist/Mapping.styles.d.ts

@@ -1,14 +1,14 @@
-export declare const MappingWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const MappingWrapper: import('styled-components').StyledComponent<"div", any, {
     isCompact: boolean;
 }, never>;
-export declare const MappingRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MappingRowLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MappingRowRight: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MappingRowCenter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RowSelectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ColumnTitle: import("styled-components").StyledComponent<({ level, withoutMargin, children, className, ellipsis, ...antdProps }: import("@synerise/ds-typography/dist/Title.types").Props) => React.JSX.Element, any, {}, never>;
-export declare const BatchSelectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BatchActionButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BatchCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BatchSelectionInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BatchToggleButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MappingRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MappingRowLeft: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MappingRowRight: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MappingRowCenter: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const RowSelectionWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ColumnTitle: import('styled-components').StyledComponent<({ level, withoutMargin, children, className, ellipsis, ...antdProps }: import('@synerise/ds-typography/dist/Title.types').Props) => React.JSX.Element, any, {}, never>;
+export declare const BatchSelectionWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BatchActionButtons: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BatchCounter: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BatchSelectionInner: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const BatchToggleButton: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Mapping.styles.js

@@ -1,54 +1,64 @@
-import styled from 'styled-components';
-import { Title } from '@synerise/ds-typography';
-export var MappingWrapper = styled.div.withConfig({
+import styled from "styled-components";
+import { Title } from "@synerise/ds-typography";
+const MappingWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__MappingWrapper",
   componentId: "sc-1f47eqt-0"
-})(["display:flex;flex-direction:column;", ";"], function (props) {
-  return !props.isCompact && "gap: 16px";
-});
-export var MappingRow = styled.div.withConfig({
+})(["display:flex;flex-direction:column;", ";"], (props) => !props.isCompact && `gap: 16px`);
+const MappingRow = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__MappingRow",
   componentId: "sc-1f47eqt-1"
 })(["display:flex;gap:14px;align-items:center;"]);
-export var MappingRowLeft = styled.div.withConfig({
+const MappingRowLeft = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__MappingRowLeft",
   componentId: "sc-1f47eqt-2"
 })(["flex:1 1 50%;"]);
-export var MappingRowRight = styled.div.withConfig({
+const MappingRowRight = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__MappingRowRight",
   componentId: "sc-1f47eqt-3"
 })(["flex:1 1 50%;"]);
-export var MappingRowCenter = styled.div.withConfig({
+const MappingRowCenter = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__MappingRowCenter",
   componentId: "sc-1f47eqt-4"
 })(["flex:0 0 32px;display:flex;justify-content:center;"]);
-export var RowSelectionWrapper = styled.div.withConfig({
+const RowSelectionWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__RowSelectionWrapper",
   componentId: "sc-1f47eqt-5"
 })(["flex:0 0 32px;"]);
-export var ColumnTitle = styled(Title).withConfig({
+const ColumnTitle = /* @__PURE__ */ styled(Title).withConfig({
   displayName: "Mappingstyles__ColumnTitle",
   componentId: "sc-1f47eqt-6"
 })([""]);
-export var BatchSelectionWrapper = styled.div.withConfig({
+const BatchSelectionWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__BatchSelectionWrapper",
   componentId: "sc-1f47eqt-7"
-})(["display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:solid 1px ", ";height:64px;"], function (props) {
-  return props.theme.palette['grey-300'];
-});
-export var BatchActionButtons = styled.div.withConfig({
+})(["display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:solid 1px ", ";height:64px;"], (props) => props.theme.palette["grey-300"]);
+const BatchActionButtons = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__BatchActionButtons",
   componentId: "sc-1f47eqt-8"
 })(["display:flex;gap:8px;"]);
-export var BatchCounter = styled.div.withConfig({
+const BatchCounter = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__BatchCounter",
   componentId: "sc-1f47eqt-9"
 })(["white-space:nowrap;"]);
-export var BatchSelectionInner = styled.div.withConfig({
+const BatchSelectionInner = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__BatchSelectionInner",
   componentId: "sc-1f47eqt-10"
 })(["display:flex;flex-grow:1;align-items:center;gap:24px;"]);
-export var BatchToggleButton = styled.div.withConfig({
+const BatchToggleButton = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Mappingstyles__BatchToggleButton",
   componentId: "sc-1f47eqt-11"
-})([""]);
+})([""]);
+export {
+  BatchActionButtons,
+  BatchCounter,
+  BatchSelectionInner,
+  BatchSelectionWrapper,
+  BatchToggleButton,
+  ColumnTitle,
+  MappingRow,
+  MappingRowCenter,
+  MappingRowLeft,
+  MappingRowRight,
+  MappingWrapper,
+  RowSelectionWrapper
+};

package/dist/Mapping.types.d.ts

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
-import { type CheckboxProps, type CheckboxTristateProps } from '@synerise/ds-checkbox';
-import { type TooltipProps } from '@synerise/ds-tooltip';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { CheckboxProps, CheckboxTristateProps } from '@synerise/ds-checkbox';
+import { TooltipProps } from '@synerise/ds-tooltip';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type BaseItemType = {
     id: string | number;
 };

package/dist/Mapping.types.js

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

package/dist/components/BatchSelectionHeader/BatchSelectionHeader.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type BatchSelectionProps } from '../../Mapping.types';
+import { default as React } from 'react';
+import { BatchSelectionProps } from '../../Mapping.types';
 export declare const BatchSelectionHeader: ({ counter, checkboxState, onChange, actionButtons, batchButton, enabled, }: BatchSelectionProps) => React.JSX.Element;

package/dist/components/BatchSelectionHeader/BatchSelectionHeader.js

@@ -1,24 +1,30 @@
-import React from 'react';
-import Checkbox from '@synerise/ds-checkbox';
-import * as S from '../../Mapping.styles';
-export var BatchSelectionHeader = function BatchSelectionHeader(_ref) {
-  var counter = _ref.counter,
-    checkboxState = _ref.checkboxState,
-    onChange = _ref.onChange,
-    actionButtons = _ref.actionButtons,
-    batchButton = _ref.batchButton,
-    enabled = _ref.enabled;
-  var handleChange = function handleChange() {
+import { jsxs, jsx } from "react/jsx-runtime";
+import Checkbox from "@synerise/ds-checkbox";
+import { BatchSelectionWrapper, RowSelectionWrapper, BatchSelectionInner, BatchCounter, BatchActionButtons, BatchToggleButton } from "../../Mapping.styles.js";
+const BatchSelectionHeader = ({
+  counter,
+  checkboxState,
+  onChange,
+  actionButtons,
+  batchButton,
+  enabled
+}) => {
+  const handleChange = () => {
     if (checkboxState !== true) {
       onChange(true);
     } else {
       onChange(false);
     }
   };
-  return /*#__PURE__*/React.createElement(S.BatchSelectionWrapper, null, enabled && /*#__PURE__*/React.createElement(S.RowSelectionWrapper, null, /*#__PURE__*/React.createElement(Checkbox, {
-    tristate: true,
-    withoutPadding: true,
-    checked: checkboxState,
-    onChange: handleChange
-  })), /*#__PURE__*/React.createElement(S.BatchSelectionInner, null, /*#__PURE__*/React.createElement(S.BatchCounter, null, counter), enabled && checkboxState !== false && /*#__PURE__*/React.createElement(S.BatchActionButtons, null, actionButtons)), /*#__PURE__*/React.createElement(S.BatchToggleButton, null, batchButton));
-};
+  return /* @__PURE__ */ jsxs(BatchSelectionWrapper, { children: [
+    enabled && /* @__PURE__ */ jsx(RowSelectionWrapper, { children: /* @__PURE__ */ jsx(Checkbox, { tristate: true, withoutPadding: true, checked: checkboxState, onChange: handleChange }) }),
+    /* @__PURE__ */ jsxs(BatchSelectionInner, { children: [
+      /* @__PURE__ */ jsx(BatchCounter, { children: counter }),
+      enabled && checkboxState !== false && /* @__PURE__ */ jsx(BatchActionButtons, { children: actionButtons })
+    ] }),
+    /* @__PURE__ */ jsx(BatchToggleButton, { children: batchButton })
+  ] });
+};
+export {
+  BatchSelectionHeader
+};

package/dist/components/RowSelection/RowSelection.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { BaseItemType, RowSelectionProps } from '../../Mapping.types';
+import { default as React } from 'react';
+import { BaseItemType, RowSelectionProps } from '../../Mapping.types';
 export declare const RowSelection: <T extends BaseItemType>({ itemId, checkboxState, onChange, }: RowSelectionProps<T>) => React.JSX.Element;

package/dist/components/RowSelection/RowSelection.js

@@ -1,15 +1,13 @@
-import React from 'react';
-import Checkbox from '@synerise/ds-checkbox';
-import * as S from '../../Mapping.styles';
-export var RowSelection = function RowSelection(_ref) {
-  var itemId = _ref.itemId,
-    checkboxState = _ref.checkboxState,
-    _onChange = _ref.onChange;
-  return /*#__PURE__*/React.createElement(S.RowSelectionWrapper, null, /*#__PURE__*/React.createElement(Checkbox, {
-    withoutPadding: true,
-    checked: checkboxState,
-    onChange: function onChange(event) {
-      return _onChange(event.target.checked, itemId);
-    }
-  }));
-};
+import { jsx } from "react/jsx-runtime";
+import Checkbox from "@synerise/ds-checkbox";
+import { RowSelectionWrapper } from "../../Mapping.styles.js";
+const RowSelection = ({
+  itemId,
+  checkboxState,
+  onChange
+}) => {
+  return /* @__PURE__ */ jsx(RowSelectionWrapper, { children: /* @__PURE__ */ jsx(Checkbox, { withoutPadding: true, checked: checkboxState, onChange: (event) => onChange(event.target.checked, itemId) }) });
+};
+export {
+  RowSelection
+};

package/dist/components/TitleRow/TitleRow.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { TitleRowProps } from '../../Mapping.types';
+import { default as React } from 'react';
+import { TitleRowProps } from '../../Mapping.types';
 export declare const TitleRow: ({ leftTitle, leftTitleTooltip, rightTitle, rightTitleTooltip, hasCenterComponent, hasSelection, }: TitleRowProps) => React.JSX.Element;

package/dist/components/TitleRow/TitleRow.js

@@ -1,24 +1,31 @@
-import React from 'react';
-import { theme } from '@synerise/ds-core';
-import Icon, { InfoFillS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from '../../Mapping.styles';
-export var TitleRow = function TitleRow(_ref) {
-  var leftTitle = _ref.leftTitle,
-    leftTitleTooltip = _ref.leftTitleTooltip,
-    rightTitle = _ref.rightTitle,
-    rightTitleTooltip = _ref.rightTitleTooltip,
-    hasCenterComponent = _ref.hasCenterComponent,
-    hasSelection = _ref.hasSelection;
-  return /*#__PURE__*/React.createElement(S.MappingRow, null, hasSelection && /*#__PURE__*/React.createElement(S.RowSelectionWrapper, null), /*#__PURE__*/React.createElement(S.MappingRowLeft, null, /*#__PURE__*/React.createElement(S.ColumnTitle, {
-    level: 6
-  }, leftTitle, ' ', leftTitleTooltip && /*#__PURE__*/React.createElement(Tooltip, leftTitleTooltip, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(InfoFillS, null),
-    color: theme.palette['grey-400']
-  })))), hasCenterComponent && /*#__PURE__*/React.createElement(S.MappingRowCenter, null), /*#__PURE__*/React.createElement(S.MappingRowLeft, null, /*#__PURE__*/React.createElement(S.ColumnTitle, {
-    level: 6
-  }, rightTitle, ' ', rightTitleTooltip && /*#__PURE__*/React.createElement(Tooltip, rightTitleTooltip, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(InfoFillS, null),
-    color: theme.palette['grey-400']
-  })))));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { theme } from "@synerise/ds-core";
+import Icon, { InfoFillS } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { MappingRow, RowSelectionWrapper, MappingRowLeft, ColumnTitle, MappingRowCenter } from "../../Mapping.styles.js";
+const TitleRow = ({
+  leftTitle,
+  leftTitleTooltip,
+  rightTitle,
+  rightTitleTooltip,
+  hasCenterComponent,
+  hasSelection
+}) => {
+  return /* @__PURE__ */ jsxs(MappingRow, { children: [
+    hasSelection && /* @__PURE__ */ jsx(RowSelectionWrapper, {}),
+    /* @__PURE__ */ jsx(MappingRowLeft, { children: /* @__PURE__ */ jsxs(ColumnTitle, { level: 6, children: [
+      leftTitle,
+      " ",
+      leftTitleTooltip && /* @__PURE__ */ jsx(Tooltip, { ...leftTitleTooltip, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(InfoFillS, {}), color: theme.palette["grey-400"] }) })
+    ] }) }),
+    hasCenterComponent && /* @__PURE__ */ jsx(MappingRowCenter, {}),
+    /* @__PURE__ */ jsx(MappingRowLeft, { children: /* @__PURE__ */ jsxs(ColumnTitle, { level: 6, children: [
+      rightTitle,
+      " ",
+      rightTitleTooltip && /* @__PURE__ */ jsx(Tooltip, { ...rightTitleTooltip, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(InfoFillS, {}), color: theme.palette["grey-400"] }) })
+    ] }) })
+  ] });
+};
+export {
+  TitleRow
+};

package/dist/components/index.js

@@ -1,3 +1,8 @@
-export * from './BatchSelectionHeader/BatchSelectionHeader';
-export * from './RowSelection/RowSelection';
-export * from './TitleRow/TitleRow';
+import { BatchSelectionHeader } from "./BatchSelectionHeader/BatchSelectionHeader.js";
+import { RowSelection } from "./RowSelection/RowSelection.js";
+import { TitleRow } from "./TitleRow/TitleRow.js";
+export {
+  BatchSelectionHeader,
+  RowSelection,
+  TitleRow
+};

package/dist/hooks/useBatchSelection.d.ts

@@ -1,7 +1,7 @@
-import type { BaseItemType } from '../Mapping.types';
+import { BaseItemType } from '../Mapping.types';
 export declare const useBatchSelection: <ItemType extends BaseItemType>(dataSource: Array<ItemType>, hasBatchSelection?: boolean) => {
     selectedItemIds: ItemType["id"][];
     batchSelectionCheckboxState: boolean | undefined;
-    setSelectedItemIds: import("react").Dispatch<import("react").SetStateAction<ItemType["id"][]>>;
+    setSelectedItemIds: import('react').Dispatch<import('react').SetStateAction<ItemType["id"][]>>;
     handleBatchCheckboxChange: (newVal: boolean | undefined) => void;
 };

package/dist/hooks/useBatchSelection.js

@@ -1,20 +1,16 @@
-import { useMemo, useState } from 'react';
-export var useBatchSelection = function useBatchSelection(dataSource, hasBatchSelection) {
-  var _useState = useState([]),
-    selectedItemIds = _useState[0],
-    setSelectedItemIds = _useState[1];
-  var handleBatchCheckboxChange = function handleBatchCheckboxChange(newVal) {
+import { useState, useMemo } from "react";
+const useBatchSelection = (dataSource, hasBatchSelection) => {
+  const [selectedItemIds, setSelectedItemIds] = useState([]);
+  const handleBatchCheckboxChange = (newVal) => {
     if (newVal === true) {
-      setSelectedItemIds(dataSource.map(function (item) {
-        return item.id;
-      }));
+      setSelectedItemIds(dataSource.map((item) => item.id));
       return;
     }
     if (newVal === false) {
       setSelectedItemIds([]);
     }
   };
-  var batchSelectionCheckboxState = useMemo(function () {
+  const batchSelectionCheckboxState = useMemo(() => {
     if (hasBatchSelection) {
       switch (dataSource.length - selectedItemIds.length) {
         case 0:
@@ -22,15 +18,18 @@ export var useBatchSelection = function useBatchSelection(dataSource, hasBatchSe
         case dataSource.length:
           return false;
         default:
-          return undefined;
+          return void 0;
       }
     }
-    return undefined;
+    return void 0;
   }, [dataSource, selectedItemIds, hasBatchSelection]);
   return {
-    selectedItemIds: selectedItemIds,
-    batchSelectionCheckboxState: batchSelectionCheckboxState,
-    setSelectedItemIds: setSelectedItemIds,
-    handleBatchCheckboxChange: handleBatchCheckboxChange
+    selectedItemIds,
+    batchSelectionCheckboxState,
+    setSelectedItemIds,
+    handleBatchCheckboxChange
   };
-};
+};
+export {
+  useBatchSelection
+};

package/dist/hooks/useTexts.d.ts

@@ -1,2 +1,2 @@
-import type { MappingTexts } from '../Mapping.types';
+import { MappingTexts } from '../Mapping.types';
 export declare const useTexts: (defaultTexts?: Partial<MappingTexts>) => MappingTexts;

package/dist/hooks/useTexts.js

@@ -1,20 +1,22 @@
-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 { useMemo } from 'react';
-import { useIntl } from 'react-intl';
-export var useTexts = function useTexts(defaultTexts) {
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var texts = useMemo(function () {
-    return _extends({
-      enableBatchSelection: formatMessage({
-        id: 'DS.MAPPING.BULK_ACTIONS_ENABLE',
-        defaultMessage: 'Bulk actions'
-      }),
-      disableBatchSelection: formatMessage({
-        id: 'DS.MAPPING.BULK_ACTIONS_DISABLE',
-        defaultMessage: 'Hide actions'
-      })
-    }, defaultTexts);
-  }, [defaultTexts, formatMessage]);
+import { useMemo } from "react";
+import { useIntl } from "react-intl";
+const useTexts = (defaultTexts) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const texts = useMemo(() => ({
+    enableBatchSelection: formatMessage({
+      id: "DS.MAPPING.BULK_ACTIONS_ENABLE",
+      defaultMessage: "Bulk actions"
+    }),
+    disableBatchSelection: formatMessage({
+      id: "DS.MAPPING.BULK_ACTIONS_DISABLE",
+      defaultMessage: "Hide actions"
+    }),
+    ...defaultTexts
+  }), [defaultTexts, formatMessage]);
   return texts;
-};
+};
+export {
+  useTexts
+};

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Mapping';
+import { default as default2 } from "./Mapping.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/dist/utils/counter.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const renderCounter: (selected: number, total: number) => React.JSX.Element;

package/dist/utils/counter.js

@@ -1,7 +1,16 @@
-import React from 'react';
-export var renderCounter = function renderCounter(selected, total) {
+import { jsxs, Fragment } from "react/jsx-runtime";
+const renderCounter = (selected, total) => {
   if (selected === 0) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, total, " Items");
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      total,
+      " Items"
+    ] });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, selected, " Selected");
-};
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    selected,
+    " Selected"
+  ] });
+};
+export {
+  renderCounter
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-mapping",
-  "version": "1.1.34",
+  "version": "1.1.36",
   "description": "Mapping UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,12 +35,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-checkbox": "^1.2.20",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-tooltip": "^1.4.9",
-    "@synerise/ds-typography": "^1.1.12",
-    "@synerise/ds-utils": "^1.7.0"
+    "@synerise/ds-button": "^1.5.19",
+    "@synerise/ds-checkbox": "^1.2.22",
+    "@synerise/ds-icon": "^1.15.2",
+    "@synerise/ds-tooltip": "^1.4.11",
+    "@synerise/ds-typography": "^1.1.14",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -49,5 +49,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "c2384982c3533a31eb5e5e0408f8dcecb2b0f399"
 }