npm - @integration-app/react - Versions diffs - 2.1.2 → 2.1.3 - Mend

@integration-app/react 2.1.2 → 2.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (670) hide show

package/dist/esm/components/DataBuilder/Formula/record.mjs CHANGED Viewed

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
+import classes from './styles.module.css.mjs';
 import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
 import { Truncate } from '../../Truncate/index.mjs';
-import classes from './styles.module.css.mjs';
 const RecordFormula = forwardRef(
   (props, ref) => {

package/dist/esm/components/DataBuilder/Formula/styles.module.css.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/Formula/tpl.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/Formula/var.mjs CHANGED Viewed

@@ -2,19 +2,19 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { forwardRef, Fragment as Fragment$1 } from 'react';
-import clsx from 'clsx';
 import { getIconUriForLocator, getNameComponentsForLocator, getFullNameForLocator } from '@integration-app/sdk';
+import { clsx } from 'clsx';
+import classes from './styles.module.css.mjs';
 import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
 import { Tag } from '../../Tag/Tag.mjs';
 import '../../Tag/TagPlaceholder.mjs';
 import { SegmentSeparator } from '../../Tag/SegmentSeparator.mjs';
-import classes from './styles.module.css.mjs';
 const VarFormula = forwardRef(
   (props, ref) => {

package/dist/esm/components/DataBuilder/Nested/ArrayItems.mjs CHANGED Viewed

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { NestedLevel, Row, Cell } from '../../DataBuilderUI/index.mjs';
 import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
+import { NestedLevel, Row, Cell } from '../../DataBuilderUI/index.mjs';
 import { DataBuilderFieldProvider } from '../field-context.mjs';
 import { FieldDelete } from '../FieldDelete.mjs';
 import DataBuilderFormFieldValue from '../FieldValue/index.mjs';

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/AddingFieldSelector.mjs CHANGED Viewed

@@ -2,15 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getFullNameForLocator } from '@integration-app/sdk';
-import { Row, Cell } from '../../../DataBuilderUI/index.mjs';
-import { ComboBox } from '../../../ComboBox/ComboBox.mjs';
 import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
+import { ComboBox } from '../../../ComboBox/ComboBox.mjs';
+import { Row, Cell } from '../../../DataBuilderUI/index.mjs';
 import { TagPlaceholder } from '../../../Tag/TagPlaceholder.mjs';
 import { isObjectAllowedAdditionalProperties, fieldLabel } from '../../data-field.mjs';

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/ControlPanel.mjs CHANGED Viewed

@@ -2,22 +2,22 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, Fragment as Fragment$1 } from 'react';
-import { Truncate } from '../../../Truncate/index.mjs';
-import { isFieldVisible, isObjectAllowedAdditionalProperties, DEFAULT_FIELD_KEY } from '../../data-field.mjs';
+import useDataBuilder from '../../data-builder-context.mjs';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 import useEventStopPropagation from '../../../../hooks/useEventStopPropagation.mjs';
+import { AddingFieldSelector } from './AddingFieldSelector.mjs';
+import '../../../DataBuilderUI/index.mjs';
 import { SvgIcon } from '../../../SvgIcon/index.mjs';
-import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
+import { Truncate } from '../../../Truncate/index.mjs';
+import { isFieldVisible, isObjectAllowedAdditionalProperties, DEFAULT_FIELD_KEY } from '../../data-field.mjs';
 import useDataBuilderField from '../../field-context.mjs';
 import { useDataBuilderFieldCanUseVarFromVariables } from '../../hooks.mjs';
-import { AddingFieldSelector } from './AddingFieldSelector.mjs';
-import '../../../DataBuilderUI/index.mjs';
-import useDataBuilder from '../../data-builder-context.mjs';
 import { FieldControlPanel } from '../../../DataBuilderUI/FieldControlPanel/index.mjs';
 function ControlPanel({

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/ControlPanelForNonObjectRootField.mjs CHANGED Viewed

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 import useEventStopPropagation from '../../../../hooks/useEventStopPropagation.mjs';
+import '../../../DataBuilderUI/index.mjs';
 import { SvgIcon } from '../../../SvgIcon/index.mjs';
-import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 import { DEFAULT_FIELD_KEY } from '../../data-field.mjs';
-import '../../../DataBuilderUI/index.mjs';
 import { FieldControlPanel } from '../../../DataBuilderUI/FieldControlPanel/index.mjs';
 function ControlPanelForNonObjectRootField({

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/index.mjs CHANGED Viewed

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
+import { ControlPanel } from './ControlPanel.mjs';
+import { ControlPanelForNonObjectRootField } from './ControlPanelForNonObjectRootField.mjs';
 import { NestedLevel } from '../../../DataBuilderUI/index.mjs';
 import { isObjectAllowedAdditionalProperties, isFieldVisible, fieldLabel } from '../../data-field.mjs';
 import useDataBuilderField from '../../field-context.mjs';
-import { ControlPanelForNonObjectRootField } from './ControlPanelForNonObjectRootField.mjs';
-import { ControlPanel } from './ControlPanel.mjs';
 import { FieldControlPanel } from '../../../DataBuilderUI/FieldControlPanel/index.mjs';
 function DataBuilderFieldControlPanel({

package/dist/esm/components/DataBuilder/Nested/FieldListWrapper/FieldListWrapper.module.css.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/Nested/FieldListWrapper/index.mjs CHANGED Viewed

@@ -2,15 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 import classes from './FieldListWrapper.module.css.mjs';
 import { SvgIcon } from '../../../SvgIcon/index.mjs';
-import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 function FieldListWrapper({
   children,

package/dist/esm/components/DataBuilder/Nested/NoSchema.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/Nested/ObjectFields.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/Nested/ValueMapping.mjs CHANGED Viewed

@@ -2,21 +2,21 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import usePromise from '../../../_modules/react-use-promise.mjs';
 import { getFormula, DataBuilderFormulaType, buildDataSchema, getReferenceCollectionPathForSchema, makeDataLocationOperationPath } from '@integration-app/sdk';
-import DataBuilderFormFieldValue from '../FieldValue/index.mjs';
-import { NestedLevel, Row, Cell, Title } from '../../DataBuilderUI/index.mjs';
+import usePromise from '../../../_modules/react-use-promise.mjs';
 import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
-import { FieldDelete } from '../FieldDelete.mjs';
-import { makeSubField } from '../data-field.mjs';
-import { DataBuilderFieldControlPanel } from './FieldControlPanel/index.mjs';
 import { useIntegrationAppClient } from '../../../contexts/integration-app-client-context.mjs';
 import { useIntegrationAppConnection } from '../../../contexts/integration-app-connection-context.mjs';
+import { NestedLevel, Row, Cell, Title } from '../../DataBuilderUI/index.mjs';
+import { makeSubField } from '../data-field.mjs';
+import { FieldDelete } from '../FieldDelete.mjs';
+import DataBuilderFormFieldValue from '../FieldValue/index.mjs';
+import { DataBuilderFieldControlPanel } from './FieldControlPanel/index.mjs';
 const MAX_EXPANDED_VALUES = 20;
 function ValueMapping({ field, onChange }) {

package/dist/esm/components/DataBuilder/Nested.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
@@ -10,8 +10,8 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { isFormula } from '@integration-app/sdk';
 import useDataBuilderField from './field-context.mjs';
 import DataBuilderFormNestedArrayItems from './Nested/ArrayItems.mjs';
-import DataBuilderFormNestedObjectFields from './Nested/ObjectFields.mjs';
 import DataBuilderFormNestedNoSchema from './Nested/NoSchema.mjs';
+import DataBuilderFormNestedObjectFields from './Nested/ObjectFields.mjs';
 function DataBuilderFormNested({
   field,

package/dist/esm/components/DataBuilder/data-builder-context.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/data-field.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/field-context.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/hooks.mjs CHANGED Viewed

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
-import { getValueSpecFromSchema, doesSchemaMatchValueType } from '../ComboBox/value-spec.mjs';
 import useDataBuilder from './data-builder-context.mjs';
 import useDataBuilderField from './field-context.mjs';
+import { getValueSpecFromSchema, doesSchemaMatchValueType } from '../ComboBox/value-spec.mjs';
 function useDataBuilderFieldCanUseVarFromVariables() {
   const { field, localSchema } = useDataBuilderField();

package/dist/esm/components/DataBuilder/index.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilder/styles.module.css.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilderUI/FieldControlPanel/FieldControlPanel.module.css.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataBuilderUI/FieldControlPanel/index.mjs CHANGED Viewed

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
 import classes from './FieldControlPanel.module.css.mjs';
 function FieldControlPanelRoot({

package/dist/esm/components/DataBuilderUI/index.mjs CHANGED Viewed

@@ -2,17 +2,17 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, Children } from 'react';
-import clsx from 'clsx';
-import { SvgIcon } from '../SvgIcon/index.mjs';
+import { clsx } from 'clsx';
 import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
-import { Tooltip } from '../Tooltip/index.mjs';
 import useEventStopPropagation from '../../hooks/useEventStopPropagation.mjs';
+import { SvgIcon } from '../SvgIcon/index.mjs';
+import { Tooltip } from '../Tooltip/index.mjs';
 import classes from './styles.module.css.mjs';
 export { FieldControlPanel } from './FieldControlPanel/index.mjs';

package/dist/esm/components/DataBuilderUI/styles.module.css.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DataInput/index.mjs CHANGED Viewed

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { DataBuilderForm } from '../DataBuilder/Form.mjs';
 import { makeDataField } from '../DataBuilder/index.mjs';
+import { DataBuilderForm } from '../DataBuilder/Form.mjs';
 function DataInput({
   schema,

package/dist/esm/components/DataLinks/data-link-tables-option-factory.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';

package/dist/esm/components/DropdownUI/BackButton.mjs CHANGED Viewed

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useId } from 'react';
-import { SvgIcon } from '../SvgIcon/index.mjs';
+import { clsx } from 'clsx';
 import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
 import '../../styled-system/css/css.mjs';
 import '../../styled-system/helpers.mjs';
@@ -16,8 +16,9 @@ import { sva } from '../../styled-system/css/sva.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
 import { Flex } from '../../styled-system/jsx/flex.mjs';
 import '../../styled-system/patterns/visually-hidden.mjs';
-import { Text } from '../../ui-kit/styled/text.mjs';
 import { IconButton } from '../../ui-kit/styled/icon-button.mjs';
+import { Text } from '../../ui-kit/styled/text.mjs';
+import { SvgIcon } from '../SvgIcon/index.mjs';
 import { preventFocusShift } from './utils.mjs';
 const dropdownBackButtonRecipe = sva({
@@ -35,7 +36,10 @@ const dropdownBackButtonRecipe = sva({
       w: "6",
       minW: "unset",
       rounded: "md",
-      color: "slate.11"
+      color: "slate.11",
+      _current: {
+        bg: "slate.3"
+      }
     },
     icon: {
       w: "4",
@@ -45,9 +49,7 @@ const dropdownBackButtonRecipe = sva({
   }
 });
 const BackButton = forwardRef(({ className, children, ...props }, ref) => {
-  const { container, button, icon, title } = dropdownBackButtonRecipe({
-    className
-  });
+  const { container, button, icon, title } = dropdownBackButtonRecipe();
   const id = useId();
   return /* @__PURE__ */ jsxs(Flex, { className: container, children: [
     /* @__PURE__ */ jsx(
@@ -56,7 +58,7 @@ const BackButton = forwardRef(({ className, children, ...props }, ref) => {
         ref,
         variant: "ghost",
         colorPalette: "gray",
-        className: button,
+        className: clsx(button, className),
         "aria-labelledby": id,
         onMouseDown: preventFocusShift,
         ...props,

package/dist/esm/components/DropdownUI/Content.mjs CHANGED Viewed

@@ -2,19 +2,19 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { dropdownRecipe } from './sva-recipe.mjs';
+import { clsx } from 'clsx';
 import '../../styled-system/css/css.mjs';
 import '../../styled-system/helpers.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
 import { Flex } from '../../styled-system/jsx/flex.mjs';
 import '../../styled-system/patterns/visually-hidden.mjs';
+import { dropdownRecipe } from './sva-recipe.mjs';
 const Content = forwardRef(({ children, className, ...props }, ref) => {
   const { content } = dropdownRecipe({});

package/dist/esm/components/DropdownUI/ErrorHeading.mjs CHANGED Viewed

@@ -2,16 +2,16 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import clsx from 'clsx';
-import { dropdownRecipe } from './sva-recipe.mjs';
+import { clsx } from 'clsx';
 import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
 import { ItemIcon } from './ItemIcon.mjs';
+import { dropdownRecipe } from './sva-recipe.mjs';
 const ErrorHeading = forwardRef(({ className, text, ...props }, ref) => {
   const styles = dropdownRecipe();

package/dist/esm/components/DropdownUI/InfoHeading.mjs ADDED Viewed

@@ -0,0 +1,40 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.3
+ */
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
+import { ItemIcon } from './ItemIcon.mjs';
+import { dropdownRecipe } from './sva-recipe.mjs';
+const InfoHeading = forwardRef(({ className, text, ...props }, ref) => {
+  const styles = dropdownRecipe();
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "heading",
+      "aria-level": 2,
+      className: clsx(styles["info-heading"], className),
+      ...props,
+      ref,
+      children: [
+        /* @__PURE__ */ jsx(
+          ItemIcon,
+          {
+            type: SvgIconType.InfoCircle,
+            className: styles["info-heading-icon"]
+          }
+        ),
+        text
+      ]
+    }
+  );
+});
+export { InfoHeading };

package/dist/esm/components/DropdownUI/Item.mjs CHANGED Viewed

@@ -2,17 +2,17 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useId, useLayoutEffect } from 'react';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
 import { useIntersectionObserver } from 'usehooks-ts';
-import { dropdownRecipe } from './sva-recipe.mjs';
-import { DropdownItemContextProvider } from './item-context.mjs';
 import { useForwardedRef } from '../../hooks/useForwardedRef.mjs';
+import { DropdownItemContextProvider } from './item-context.mjs';
+import { dropdownRecipe } from './sva-recipe.mjs';
 import { preventFocusShift } from './utils.mjs';
 const Item = forwardRef(({ children, className, current = false, ...props }, ref) => {

package/dist/esm/components/DropdownUI/ItemIcon.mjs CHANGED Viewed

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
 import { SvgIcon } from '../SvgIcon/index.mjs';
 import '../../styled-system/css/css.mjs';
 import '../../styled-system/helpers.mjs';

package/dist/esm/components/DropdownUI/ItemNestingIndicator.mjs CHANGED Viewed

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.3
  */
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
+import { clsx } from 'clsx';
 import '../../styled-system/css/css.mjs';
 import '../../styled-system/helpers.mjs';
 import { sva } from '../../styled-system/css/sva.mjs';
@@ -35,11 +35,10 @@ const itemNestedIndicatorRecipe = sva({
 });
 const pluralRules = new Intl.PluralRules("en");
 const pluralForms = {
-  one: "child",
-  other: "children"
+  one: " child",
+  other: " children"
 };
 function ItemNestingIndicator({
-  // TODO: add tests for counter
   count,
   children
 }) {
@@ -51,7 +50,7 @@ function ItemNestingIndicator({
         "span",
         {
           className: clsx(styles["counter-hidden-title"], visuallyHidden()),
-          children: pluralForms[pluralRules.select(1)]
+          children: pluralForms[pluralRules.select(count)]
         }
       )
     ] }),