npm - @integration-app/react - Versions diffs - 2.16.1 → 2.17.0 - Mend

@integration-app/react 2.16.1 → 2.17.0

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 (642) hide show

package/dist/esm/components/SimpleInput/recipe.mjs ADDED Viewed

@@ -0,0 +1,71 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.17.0
+ */
+'use client';
+import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import { sva } from '../../styled-system/css/sva.mjs';
+const simpleInputRecipe = sva({
+  className: "simple-input",
+  slots: ["row", "cell", "title", "input", "textarea"],
+  base: {
+    row: {
+      transition: "colors"
+    },
+    cell: {
+      _focusWithin: {
+        bg: "gray.2"
+      },
+      "&:has(.simple-input__input)": {
+        pt: "0.35rem",
+        pb: "0.35rem"
+      },
+      "&:has(.simple-input__textarea)": {
+        p: "0"
+      }
+    },
+    title: { whiteSpace: "nowrap" },
+    input: {
+      bg: "transparent",
+      border: "transparent",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      h: "9",
+      px: "4",
+      transition: "all",
+      transitionDuration: "faster",
+      rounded: "md",
+      color: "black",
+      _focus: {
+        outline: "none"
+      },
+      _disabled: {
+        color: "neutral.7",
+        _placeholder: {
+          color: "neutral.7"
+        }
+      }
+    }
+  },
+  variants: {
+    disabled: {
+      true: {
+        row: {
+          bg: "neutral.1",
+          color: "neutral.9"
+        }
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+export { simpleInputRecipe };

package/dist/esm/components/SvgIcon/BasicEntities.mjs CHANGED Viewed

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

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

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

package/dist/esm/components/SvgIcon/svg-icon-type.mjs CHANGED Viewed

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

package/dist/esm/components/Tag/Components.mjs CHANGED Viewed

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

package/dist/esm/components/Tag/SegmentSeparator.mjs CHANGED Viewed

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

package/dist/esm/components/Tag/Tag.mjs CHANGED Viewed

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

package/dist/esm/components/Tag/TagPlaceholder.mjs CHANGED Viewed

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

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

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

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

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.16.1
+ * v2.17.0
  */
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect } from 'react';
 import { clsx } from 'clsx';
-import classes from './Textarea.module.css.mjs';
+import { textAreaRecipe, textAreaWrapperRecipe } from './recipe.mjs';
 const CssPropTextareaMaxHeight = "--uikit-textarea-max-height";
 const Textarea = forwardRef(
@@ -33,24 +33,22 @@ const Textarea = forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
+const textAreaClassName = textAreaRecipe();
 const GenericTextarea = forwardRef(
-  ({ className, variant, children, ...props }, ref) => {
+  ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
       {
         ref,
-        className: clsx(
-          classes["uikit-textarea"],
-          getClassNameByVariant(variant),
-          className
-        ),
+        className: clsx(textAreaClassName, className),
         ...props,
         children
       }
     );
   }
 );
-const TextareaWithAutoHeight = forwardRef(({ maxHeight, ...props }, ref) => {
+const textAreaWrapperClassName = textAreaWrapperRecipe();
+const TextareaWithAutoHeight = forwardRef(({ maxHeight = "auto", ...props }, ref) => {
   const refWrapper = useRef(null);
   const handleOnInput = (e) => {
     const wrapper = refWrapper.current;
@@ -65,18 +63,7 @@ const TextareaWithAutoHeight = forwardRef(({ maxHeight, ...props }, ref) => {
       `${maxHeightValue}`
     );
   }, [maxHeight]);
-  return /* @__PURE__ */ jsx("div", { ref: refWrapper, className: classes.textareaWrapper, children: /* @__PURE__ */ jsx(GenericTextarea, { ref, onInput: handleOnInput, ...props }) });
+  return /* @__PURE__ */ jsx("div", { ref: refWrapper, className: textAreaWrapperClassName, children: /* @__PURE__ */ jsx(GenericTextarea, { ref, onInput: handleOnInput, ...props }) });
 });
-function getClassNameByVariant(variant) {
-  switch (variant) {
-    case "background":
-      return classes["uikit-textarea__background"];
-    case "transparent":
-      return classes["uikit-textarea__transparent"];
-    case "border":
-    default:
-      return classes["uikit-textarea__border"];
-  }
-}
 export { Textarea };

package/dist/esm/components/Textarea/recipe.mjs ADDED Viewed

@@ -0,0 +1,68 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.17.0
+ */
+'use client';
+import '../../styled-system/css/css.mjs';
+import { cva } from '../../styled-system/css/cva.mjs';
+import '../../styled-system/helpers.mjs';
+const textAreaRecipe = cva({
+  base: {
+    w: "full",
+    py: "2",
+    px: "4",
+    rounded: "sm",
+    transition: "all",
+    transitionDuration: "faster",
+    borderWidth: "1px",
+    borderColor: "transparent",
+    borderStyle: "solid",
+    bg: "transparent",
+    color: "black",
+    _focus: {
+      outline: "none"
+    },
+    _placeholder: {
+      color: "neutral.9"
+    },
+    _disabled: {
+      color: "neutral.8",
+      _placeholder: {
+        color: "neutral.7"
+      }
+    }
+  }
+});
+const textAreaWrapperRecipe = cva({
+  base: {
+    display: "grid",
+    w: "full",
+    overflowY: "hidden",
+    _after: {
+      content: "attr(data-replicated-value) ' '",
+      whiteSpace: "pre-wrap",
+      visibility: "hidden",
+      maxH: "var(--uikit-textarea-max-height, auto)",
+      rounded: "sm",
+      px: "4",
+      py: "2",
+      transition: "all",
+      transitionDuration: "faster",
+      borderWidth: "1px",
+      borderColor: "transparent",
+      borderStyle: "solid",
+      gridArea: "1 / 1 / 2 / 2"
+    },
+    "& > textarea": {
+      resize: "none",
+      overflow: "auto",
+      gridArea: "1 / 1 / 2 / 2"
+    }
+  }
+});
+export { textAreaRecipe, textAreaWrapperRecipe };

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

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

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

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

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

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

package/dist/esm/contexts/integration-app-client-context.mjs CHANGED Viewed

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

package/dist/esm/contexts/integration-app-connection-context.mjs CHANGED Viewed

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

package/dist/esm/contexts/integration-app-context.mjs CHANGED Viewed

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

package/dist/esm/contexts/integration-app-integration-context.mjs CHANGED Viewed

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

package/dist/esm/helpers/getRefElement.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/keyboard-events.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/useDeepEffect.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/useEventStopPropagation.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/useForwardedRef.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/useIsTextTruncated.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/useResizeObserver.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/useThrottle.mjs CHANGED Viewed

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

package/dist/esm/helpers/hooks/useWindowEvent.mjs CHANGED Viewed

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

package/dist/esm/helpers/simple-unique-id.mjs CHANGED Viewed

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

package/dist/esm/hooks/actions/useAction.mjs CHANGED Viewed

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

package/dist/esm/hooks/actions/useActionInstance.mjs CHANGED Viewed

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

package/dist/esm/hooks/actions/useActionInstances.mjs CHANGED Viewed

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

package/dist/esm/hooks/actions/useActions.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-data-schemas/useAppDataSchema.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-data-schemas/useAppDataSchemaInstance.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-data-schemas/useAppDataSchemaInstances.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-data-schemas/useAppDataSchemas.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-events/useAppEventSubscription.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-events/useAppEventSubscriptions.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-events/useAppEventType.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-events/useAppEventTypes.mjs CHANGED Viewed

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

package/dist/esm/hooks/app-events/useAppEvents.mjs CHANGED Viewed

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

package/dist/esm/hooks/customers/useCustomer.mjs CHANGED Viewed

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

package/dist/esm/hooks/customers/useCustomers.mjs CHANGED Viewed

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

package/dist/esm/hooks/data-collections/useDataCollectionSpec.mjs CHANGED Viewed

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

package/dist/esm/hooks/data-links/useDataLinkTable.mjs CHANGED Viewed

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

package/dist/esm/hooks/data-links/useDataLinkTableInstance.mjs CHANGED Viewed

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

package/dist/esm/hooks/data-links/useDataLinkTableInstances.mjs CHANGED Viewed

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

package/dist/esm/hooks/data-links/useDataLinkTables.mjs CHANGED Viewed

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