@integration-app/react 2.15.0 → 2.17.0

package/dist/cjs/components/Input/Input.cjs

@@ -1,50 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useAutofocus = require('../../helpers/hooks/useAutofocus.cjs');
-var Input_module = require('./Input.module.css.cjs');
-
-const Input = React.forwardRef(
-  ({ variant, className, autoFocus, ...props }, ref) => {
-    const inputRef = React.useRef();
-    React.useImperativeHandle(ref, () => inputRef.current);
-    useAutofocus.useAutofocus(inputRef, autoFocus);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: inputRef,
-        autoComplete: "off",
-        className: clsx.clsx(
-          Input_module.default["uikit-input"],
-          getClassNameByVariant(variant),
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-function getClassNameByVariant(variant) {
-  switch (variant) {
-    case "background":
-      return Input_module.default["uikit-input__background"];
-    case "transparent":
-      return Input_module.default["uikit-input__transparent"];
-    case "border":
-    default:
-      return Input_module.default["uikit-input__border"];
-  }
-}
-
-exports.Input = Input;

package/dist/cjs/components/Input/Input.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Input-module_container__zLqel {\n    width: 100%\n}\n@media (min-width: 640px) {\n    .Input-module_container__zLqel {\n        max-width: 640px\n    }\n}\n@media (min-width: 768px) {\n    .Input-module_container__zLqel {\n        max-width: 768px\n    }\n}\n@media (min-width: 1024px) {\n    .Input-module_container__zLqel {\n        max-width: 1024px\n    }\n}\n@media (min-width: 1280px) {\n    .Input-module_container__zLqel {\n        max-width: 1280px\n    }\n}\n@media (min-width: 1536px) {\n    .Input-module_container__zLqel {\n        max-width: 1536px\n    }\n}\n.Input-module_uikit-input__flF6E {\n    border-radius: 0.25rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 100ms;\n    height: 2.25rem;\n    border-width: 1px\n}\n.Input-module_uikit-input__flF6E::-moz-placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E::placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.Input-module_uikit-input__flF6E:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:disabled::-moz-placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:disabled::placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ:disabled {\n    --tw-border-opacity: 0.6\n}\n.Input-module_uikit-input__border__3atRZ:hover:not(:disabled,:focus) {\n    --tw-border-opacity: 1;\n    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R {\n    --tw-border-opacity: 1;\n    border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R:disabled {\n    --tw-border-opacity: 0.6;\n    --tw-bg-opacity: 0.6\n}\n.Input-module_uikit-input__background__B0f1R:hover:not(:disabled,:focus) {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__transparent__D8kde {\n    border-color: transparent;\n    background-color: transparent\n}\n";
-var classes = {"uikit-input":"Input-module_uikit-input__flF6E","uikit-input__border":"Input-module_uikit-input__border__3atRZ","uikit-input__background":"Input-module_uikit-input__background__B0f1R","uikit-input__transparent":"Input-module_uikit-input__transparent__D8kde"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/Input/index.cjs

@@ -1,18 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Input = require('./Input.cjs');
-
-
-
-exports.Input = Input.Input;
-exports.default = Input.Input;

package/dist/cjs/components/SimpleInput/SimpleInput.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = "@layer elements {\n  .SimpleInput-module_row__6hKYf {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .SimpleInput-module_rowDisabled__4tZXo {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n  }\n    .SimpleInput-module_rowDisabled__4tZXo .SimpleInput-module_input__YrGJe,.SimpleInput-module_rowDisabled__4tZXo .SimpleInput-module_textarea__8wEzp {\n    background-color: transparent;\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n  }\n\n  .SimpleInput-module_row__6hKYf:focus-within .SimpleInput-module_cell__iN08T {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  }\n\n  .SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_input__YrGJe) {\n    padding-top: 0.35rem;\n    padding-bottom: 0.35rem;\n  }\n  .SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp) {\n    padding: 0;\n  }\n    :is(.SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp)) .SimpleInput-module_textarea__8wEzp,:is(.SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp)) > [class*='textareaWrapper']::after {\n      padding-top: 0.75rem;\n      padding-bottom: 0.75rem;\n      width: 100%;\n      form-sizing: normal;\n    }\n}\n";
-var classes = {"row":"SimpleInput-module_row__6hKYf","rowDisabled":"SimpleInput-module_rowDisabled__4tZXo","input":"SimpleInput-module_input__YrGJe","textarea":"SimpleInput-module_textarea__8wEzp","cell":"SimpleInput-module_cell__iN08T"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/Textarea/Textarea.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Textarea-module_container__9C-DH {\n  width: 100%;\n}\n@media (min-width: 640px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1536px;\n  }\n}\n.Textarea-module_uikit-textarea__RLweT {\n  border-radius: 0.25rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 100ms;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  border-width: 1px;\n}\n.Textarea-module_uikit-textarea__RLweT::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.Textarea-module_uikit-textarea__RLweT:focus + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT + .Textarea-module_uikit-textareaIcon__dN-ZG,.Textarea-module_uikit-textarea__RLweT:disabled + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:focus + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca {\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca:disabled {\n  --tw-border-opacity: 0.6;\n}\n.Textarea-module_uikit-textarea__border__PQAca:hover:not(:disabled,:focus) {\n  --tw-border-opacity: 1;\n  border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as {\n  --tw-border-opacity: 1;\n  border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as:disabled {\n  --tw-border-opacity: 0.6;\n  --tw-bg-opacity: 0.6;\n}\n.Textarea-module_uikit-textarea__background__gl3as:hover:not(:disabled,:focus) {\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__transparent__tgMUt {\n  border-color: transparent;\n  background-color: transparent;\n}\n.Textarea-module_uikit-textarea__transparent__tgMUt:hover:not(:disabled,:focus) + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_textareaWrapper__Aamhs {\n  --uikit-textarea-max-height: auto;\n\n  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */\n  display: grid;\n  width: 100%;\n  overflow-y: hidden;\n}\n.Textarea-module_textareaWrapper__Aamhs::after {\n  /* Note the weird space! Needed to prevent jumpy behavior */\n  content: attr(data-replicated-value) ' ';\n\n  /* This is how textarea text behaves */\n  white-space: pre-wrap;\n\n  /* Hidden from view, clicks, and screen readers */\n  visibility: hidden;\n\n  /* Add max height limit */\n  max-height: var(--uikit-textarea-max-height, auto);\n\n  /* Identical style required */\n\n  border-radius: 0.25rem;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-duration: 100ms;\n\n  padding-top: 0.5rem;\n\n  padding-bottom: 0.5rem;\n\n  border-width: 1px;\n}\n.Textarea-module_textareaWrapper__Aamhs > textarea {\n  /* You could leave this, but after a user resizes, then it ruins the auto sizing */\n  resize: none;\n  overflow: auto;\n}\n.Textarea-module_textareaWrapper__Aamhs > textarea,\n.Textarea-module_textareaWrapper__Aamhs::after {\n  /* Place on top of each other */\n  grid-area: 1 / 1 / 2 / 2;\n}\n";
-var classes = {"uikit-textarea":"Textarea-module_uikit-textarea__RLweT","uikit-textarea__border":"Textarea-module_uikit-textarea__border__PQAca","uikit-textarea__background":"Textarea-module_uikit-textarea__background__gl3as","uikit-textarea__transparent":"Textarea-module_uikit-textarea__transparent__tgMUt","textareaWrapper":"Textarea-module_textareaWrapper__Aamhs"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/helpers/hooks/useAutofocus.cjs

@@ -1,21 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-'use strict';
-
-var React = require('react');
-
-function useAutofocus(elementRef, autoFocus) {
-  React.useLayoutEffect(() => {
-    if (autoFocus) {
-      elementRef.current.focus({ preventScroll: true });
-    }
-  }, [autoFocus]);
-}
-
-exports.useAutofocus = useAutofocus;

package/dist/esm/components/InlineEditable.mjs

@@ -1,87 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { clsx } from 'clsx';
-import classes from './InlineEditable.module.css.mjs';
-
-function InlineEditable({
-  value,
-  className,
-  placeholder = "Enter some text",
-  onChange,
-  onEnter,
-  onEsc,
-  onFocus,
-  onBlur,
-  editable = true,
-  required = false,
-  autoFocus = false,
-  ...props
-}) {
-  const [requiredWarning, setRequiredWarning] = useState(false);
-  function handleChange(event) {
-    onChange?.(event?.target?.value);
-  }
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      event.target.blur();
-      onEnter?.(value);
-      return;
-    }
-    if (event.key === "Escape") {
-      event.target.blur();
-      onEsc?.(value);
-      return;
-    }
-  };
-  const handleFocus = (event) => {
-    onFocus?.(event?.target?.value);
-  };
-  const handleBlur = (event) => {
-    if (required) {
-      setRequiredWarning(!event?.target?.value);
-      if (!event?.target?.value) {
-        return;
-      }
-    }
-    onChange?.(event?.target?.value);
-    onBlur?.(event?.target?.value);
-  };
-  const placeholderText = requiredWarning ? "Required field" : placeholder;
-  const style = {
-    "--placeholder-text": `"${placeholderText}"`
-  };
-  const classNames = clsx(
-    classes.wrapper,
-    className,
-    requiredWarning && classes.wrapperRequired
-  );
-  return /* @__PURE__ */ jsxs("span", { className: classNames, ...props, title: value, children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        className: classes.input,
-        onChange: handleChange,
-        value,
-        placeholder: placeholderText,
-        "aria-label": placeholder,
-        readOnly: !editable,
-        required,
-        autoFocus,
-        onBlur: handleBlur,
-        onFocus: handleFocus,
-        onKeyDown: handleKeyDown
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { className: classes.span, style, children: value?.replace(/\s/g, "\xA0") })
-  ] });
-}
-
-export { InlineEditable };

package/dist/esm/components/InlineEditable.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".InlineEditable-module_wrapper__yfCEq,\n.InlineEditable-module_input__5qjuK {\n\n  color: currentColor\n}\n\n.InlineEditable-module_wrapper__yfCEq {\n\n  position: relative;\n\n  display: inline-block;\n\n  cursor: default\n}\n\n.InlineEditable-module_span__Mc5je {\n\n  visibility: visible;\n\n  display: block;\n\n  --placeholder-text: 'Enter some text'\n}\n\n.InlineEditable-module_span__Mc5je:empty::after {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n  content: var(--placeholder-text)\n}\n\n.InlineEditable-module_wrapperRequired__1EmUH .InlineEditable-module_span__Mc5je:empty::after {\n\n  --tw-text-opacity: 1;\n\n  color: rgb(153 27 27 / var(--tw-text-opacity, 1))\n}\n\n.InlineEditable-module_input__5qjuK {\n\n  position: absolute;\n\n  top: 0px;\n\n  left: 0px;\n\n  right: 0px;\n\n  bottom: 0px;\n\n  width: 100%;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-duration: 150ms;\n\n  margin: 0px;\n\n  padding: 0px;\n  border-top-color: transparent !important;\n  opacity: 0\n}\n\n.InlineEditable-module_input__5qjuK:hover,\n.InlineEditable-module_input__5qjuK:focus {\n\n  opacity: 1\n}\n\n.InlineEditable-module_input__5qjuK:focus {\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px\n}\n\n.InlineEditable-module_input__5qjuK:focus + .InlineEditable-module_span__Mc5je {\n\n  visibility: hidden\n}\n\n.InlineEditable-module_wrapper__yfCEq:hover .InlineEditable-module_span__Mc5je {\n\n  visibility: hidden\n}\n\n.InlineEditable-module_wrapper__yfCEq:hover .InlineEditable-module_input__5qjuK {\n\n  visibility: visible\n}\n";
-var classes = {"wrapper":"InlineEditable-module_wrapper__yfCEq","input":"InlineEditable-module_input__5qjuK","span":"InlineEditable-module_span__Mc5je","wrapperRequired":"InlineEditable-module_wrapperRequired__1EmUH"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/Input/Input.mjs

@@ -1,48 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useImperativeHandle } from 'react';
-import { clsx } from 'clsx';
-import { useAutofocus } from '../../helpers/hooks/useAutofocus.mjs';
-import classes from './Input.module.css.mjs';
-
-const Input = forwardRef(
-  ({ variant, className, autoFocus, ...props }, ref) => {
-    const inputRef = useRef();
-    useImperativeHandle(ref, () => inputRef.current);
-    useAutofocus(inputRef, autoFocus);
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: inputRef,
-        autoComplete: "off",
-        className: clsx(
-          classes["uikit-input"],
-          getClassNameByVariant(variant),
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-function getClassNameByVariant(variant) {
-  switch (variant) {
-    case "background":
-      return classes["uikit-input__background"];
-    case "transparent":
-      return classes["uikit-input__transparent"];
-    case "border":
-    default:
-      return classes["uikit-input__border"];
-  }
-}
-
-export { Input };

package/dist/esm/components/Input/Input.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".Input-module_container__zLqel {\n    width: 100%\n}\n@media (min-width: 640px) {\n    .Input-module_container__zLqel {\n        max-width: 640px\n    }\n}\n@media (min-width: 768px) {\n    .Input-module_container__zLqel {\n        max-width: 768px\n    }\n}\n@media (min-width: 1024px) {\n    .Input-module_container__zLqel {\n        max-width: 1024px\n    }\n}\n@media (min-width: 1280px) {\n    .Input-module_container__zLqel {\n        max-width: 1280px\n    }\n}\n@media (min-width: 1536px) {\n    .Input-module_container__zLqel {\n        max-width: 1536px\n    }\n}\n.Input-module_uikit-input__flF6E {\n    border-radius: 0.25rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 100ms;\n    height: 2.25rem;\n    border-width: 1px\n}\n.Input-module_uikit-input__flF6E::-moz-placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E::placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.Input-module_uikit-input__flF6E:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:disabled::-moz-placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__flF6E:disabled::placeholder {\n    --tw-placeholder-opacity: 1;\n    color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__border__3atRZ:disabled {\n    --tw-border-opacity: 0.6\n}\n.Input-module_uikit-input__border__3atRZ:hover:not(:disabled,:focus) {\n    --tw-border-opacity: 1;\n    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R {\n    --tw-border-opacity: 1;\n    border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__background__B0f1R:disabled {\n    --tw-border-opacity: 0.6;\n    --tw-bg-opacity: 0.6\n}\n.Input-module_uikit-input__background__B0f1R:hover:not(:disabled,:focus) {\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1))\n}\n.Input-module_uikit-input__transparent__D8kde {\n    border-color: transparent;\n    background-color: transparent\n}\n";
-var classes = {"uikit-input":"Input-module_uikit-input__flF6E","uikit-input__border":"Input-module_uikit-input__border__3atRZ","uikit-input__background":"Input-module_uikit-input__background__B0f1R","uikit-input__transparent":"Input-module_uikit-input__transparent__D8kde"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/Input/index.mjs

@@ -1,13 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import { Input } from './Input.mjs';
-
-
-
-export { Input, Input as default };

package/dist/esm/components/SimpleInput/SimpleInput.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = "@layer elements {\n  .SimpleInput-module_row__6hKYf {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n  .SimpleInput-module_rowDisabled__4tZXo {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n  }\n    .SimpleInput-module_rowDisabled__4tZXo .SimpleInput-module_input__YrGJe,.SimpleInput-module_rowDisabled__4tZXo .SimpleInput-module_textarea__8wEzp {\n    background-color: transparent;\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n  }\n\n  .SimpleInput-module_row__6hKYf:focus-within .SimpleInput-module_cell__iN08T {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  }\n\n  .SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_input__YrGJe) {\n    padding-top: 0.35rem;\n    padding-bottom: 0.35rem;\n  }\n  .SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp) {\n    padding: 0;\n  }\n    :is(.SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp)) .SimpleInput-module_textarea__8wEzp,:is(.SimpleInput-module_row__6hKYf .SimpleInput-module_cell__iN08T:has(.SimpleInput-module_textarea__8wEzp)) > [class*='textareaWrapper']::after {\n      padding-top: 0.75rem;\n      padding-bottom: 0.75rem;\n      width: 100%;\n      form-sizing: normal;\n    }\n}\n";
-var classes = {"row":"SimpleInput-module_row__6hKYf","rowDisabled":"SimpleInput-module_rowDisabled__4tZXo","input":"SimpleInput-module_input__YrGJe","textarea":"SimpleInput-module_textarea__8wEzp","cell":"SimpleInput-module_cell__iN08T"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/Textarea/Textarea.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".Textarea-module_container__9C-DH {\n  width: 100%;\n}\n@media (min-width: 640px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .Textarea-module_container__9C-DH {\n    max-width: 1536px;\n  }\n}\n.Textarea-module_uikit-textarea__RLweT {\n  border-radius: 0.25rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 100ms;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  border-width: 1px;\n}\n.Textarea-module_uikit-textarea__RLweT::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.Textarea-module_uikit-textarea__RLweT:focus + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:disabled::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(221 221 221 / var(--tw-placeholder-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT + .Textarea-module_uikit-textareaIcon__dN-ZG,.Textarea-module_uikit-textarea__RLweT:disabled + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__RLweT:focus + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca {\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__border__PQAca:disabled {\n  --tw-border-opacity: 0.6;\n}\n.Textarea-module_uikit-textarea__border__PQAca:hover:not(:disabled,:focus) {\n  --tw-border-opacity: 1;\n  border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as {\n  --tw-border-opacity: 1;\n  border-color: rgb(248 248 248 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as:focus {\n  --tw-border-opacity: 1;\n  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__background__gl3as:disabled {\n  --tw-border-opacity: 0.6;\n  --tw-bg-opacity: 0.6;\n}\n.Textarea-module_uikit-textarea__background__gl3as:hover:not(:disabled,:focus) {\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n}\n.Textarea-module_uikit-textarea__transparent__tgMUt {\n  border-color: transparent;\n  background-color: transparent;\n}\n.Textarea-module_uikit-textarea__transparent__tgMUt:hover:not(:disabled,:focus) + .Textarea-module_uikit-textareaIcon__dN-ZG {\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n.Textarea-module_textareaWrapper__Aamhs {\n  --uikit-textarea-max-height: auto;\n\n  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */\n  display: grid;\n  width: 100%;\n  overflow-y: hidden;\n}\n.Textarea-module_textareaWrapper__Aamhs::after {\n  /* Note the weird space! Needed to prevent jumpy behavior */\n  content: attr(data-replicated-value) ' ';\n\n  /* This is how textarea text behaves */\n  white-space: pre-wrap;\n\n  /* Hidden from view, clicks, and screen readers */\n  visibility: hidden;\n\n  /* Add max height limit */\n  max-height: var(--uikit-textarea-max-height, auto);\n\n  /* Identical style required */\n\n  border-radius: 0.25rem;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-duration: 100ms;\n\n  padding-top: 0.5rem;\n\n  padding-bottom: 0.5rem;\n\n  border-width: 1px;\n}\n.Textarea-module_textareaWrapper__Aamhs > textarea {\n  /* You could leave this, but after a user resizes, then it ruins the auto sizing */\n  resize: none;\n  overflow: auto;\n}\n.Textarea-module_textareaWrapper__Aamhs > textarea,\n.Textarea-module_textareaWrapper__Aamhs::after {\n  /* Place on top of each other */\n  grid-area: 1 / 1 / 2 / 2;\n}\n";
-var classes = {"uikit-textarea":"Textarea-module_uikit-textarea__RLweT","uikit-textarea__border":"Textarea-module_uikit-textarea__border__PQAca","uikit-textarea__background":"Textarea-module_uikit-textarea__background__gl3as","uikit-textarea__transparent":"Textarea-module_uikit-textarea__transparent__tgMUt","textareaWrapper":"Textarea-module_textareaWrapper__Aamhs"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/helpers/hooks/useAutofocus.mjs

@@ -1,19 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.15.0
- */
-'use client';
-
-import { useLayoutEffect } from 'react';
-
-function useAutofocus(elementRef, autoFocus) {
-  useLayoutEffect(() => {
-    if (autoFocus) {
-      elementRef.current.focus({ preventScroll: true });
-    }
-  }, [autoFocus]);
-}
-
-export { useAutofocus };

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

@@ -1,14 +0,0 @@
-export interface InlineEditableProps {
-    value: string;
-    className?: string;
-    placeholder?: string;
-    editable?: boolean;
-    required?: boolean;
-    autoFocus?: boolean;
-    onChange?: (any: any) => void;
-    onEnter?: (any: any) => void;
-    onEsc?: (any: any) => void;
-    onFocus?: (any: any) => void;
-    onBlur?: (any: any) => void;
-}
-export declare function InlineEditable({ value, className, placeholder, onChange, onEnter, onEsc, onFocus, onBlur, editable, required, autoFocus, ...props }: InlineEditableProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
-    variant?: 'border' | 'background' | 'transparent';
-}
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/index.d.ts

@@ -1,4 +0,0 @@
-import { Input } from './Input';
-import type { InputProps } from './Input';
-export default Input;
-export { Input, InputProps };