@integration-app/react 2.0.3-beta.3 → 2.0.4-beta.0

package/dist/types/styled-system/types/style-props.d.ts

@@ -2793,7 +2793,7 @@ gridAutoRows?: ConditionalValue<UtilityValues["gridAutoRows"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-column
    */
-gridColumn?: ConditionalValue<UtilityValues["gridColumn"] | CssVars | CssProperties["gridColumn"] | AnyString>
+gridColumn?: ConditionalValue<CssProperties["gridColumn"] | AnyString>
  /**
    * The **`grid-column-end`** CSS property specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
    *
@@ -2835,7 +2835,7 @@ gridColumnStart?: ConditionalValue<CssProperties["gridColumnStart"] | AnyString>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-row
    */
-gridRow?: ConditionalValue<UtilityValues["gridRow"] | CssVars | CssProperties["gridRow"] | AnyString>
+gridRow?: ConditionalValue<CssProperties["gridRow"] | AnyString>
  /**
    * The **`grid-row-end`** CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
    *
@@ -2904,7 +2904,7 @@ gridTemplateAreas?: ConditionalValue<CssProperties["gridTemplateAreas"] | AnyStr
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-template-columns
    */
-gridTemplateColumns?: ConditionalValue<UtilityValues["gridTemplateColumns"] | CssVars | CssProperties["gridTemplateColumns"] | AnyString>
+gridTemplateColumns?: ConditionalValue<CssProperties["gridTemplateColumns"] | AnyString>
  /**
    * The **`grid-template-rows`** CSS property defines the line names and track sizing functions of the grid rows.
    *
@@ -2918,7 +2918,7 @@ gridTemplateColumns?: ConditionalValue<UtilityValues["gridTemplateColumns"] | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-template-rows
    */
-gridTemplateRows?: ConditionalValue<UtilityValues["gridTemplateRows"] | CssVars | CssProperties["gridTemplateRows"] | AnyString>
+gridTemplateRows?: ConditionalValue<CssProperties["gridTemplateRows"] | AnyString>
  /**
    * The **`hanging-punctuation`** CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.
    *

package/dist/types/ui-kit/alert.d.ts

@@ -0,0 +1 @@
+export * as Alert from './styled/alert';

package/dist/types/ui-kit/badge.d.ts

@@ -0,0 +1 @@
+export { Badge, type BadgeProps } from './styled/badge';

package/dist/types/ui-kit/icon-button.d.ts

@@ -0,0 +1 @@
+export { IconButton, type IconButtonProps } from './styled/icon-button';

package/dist/types/ui-kit/input.d.ts

@@ -0,0 +1 @@
+export { Input, type InputProps } from './styled/input';

package/dist/types/ui-kit/styled/alert.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Assign, PolymorphicProps } from '@ark-ui/react';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"svg">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLOrSVGElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"h5">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types/ui-kit/styled/badge.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ComponentProps } from '../../styled-system/types';
+export type BadgeProps = ComponentProps<typeof Badge>;
+export declare const Badge: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@ark-ui/react/factory").PolymorphicProps>, import("../../styled-system/recipes").BadgeVariantProps>;

package/dist/types/ui-kit/styled/icon-button.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ButtonVariantProps } from '../../styled-system/recipes';
+import type { ComponentProps } from '../../styled-system/types';
+export type IconButtonProps = ComponentProps<typeof IconButton>;
+export declare const IconButton: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@ark-ui/react/factory").PolymorphicProps>, ButtonVariantProps>;

package/dist/types/ui-kit/styled/input.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ComponentProps } from '../../styled-system/types';
+export type InputProps = ComponentProps<typeof Input>;
+export declare const Input: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+} & import("@ark-ui/react/factory").PolymorphicProps>, import("../../styled-system/recipes").InputVariantProps>;

package/dist/types/ui-kit/styled/popover.d.ts

@@ -17,4 +17,4 @@ export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<A
 export declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.PositionerBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Title: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.TitleBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"button">, Popover.TriggerBaseProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export { PopoverContext as Context } from '@ark-ui/react/popover';
+export { PopoverContext as Context, usePopoverContext, } from '@ark-ui/react/popover';

package/dist/types/ui-kit/styled/utils/create-style-context.d.ts

@@ -12,9 +12,9 @@ export declare const createStyleContext: <R extends Recipe>(recipe: R) => {
     withRootProvider: <P extends {}>(Component: ElementType) => (props: P) => import("react/jsx-runtime").JSX.Element;
     withProvider: <T, P_1 extends {
         className?: string | undefined;
-    }>(Component: ElementType, slot: keyof ReturnType<R>, options?: Options) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
+    }>(Component: ElementType, slot: Slot<R>, options?: Options) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
     withContext: <T_1, P_2 extends {
         className?: string | undefined;
-    }>(Component: ElementType, slot: keyof ReturnType<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
+    }>(Component: ElementType, slot: Slot<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
 };
 export {};

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@integration-app/react",
-  "version": "2.0.3-beta.3",
+  "version": "2.0.4-beta.0",
   "description": "",
   "author": "Integration.app",
   "type": "module",
-  "source": "src/index.tsx",
+  "source": "src/index.ts",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.mjs",
   "types": "./dist/types/index.d.ts",
@@ -55,12 +55,13 @@
     "test:storybook:ci": "concurrently -k -s first \"npm run test:storybook:ci:build-n-serve\" \"npm run test:storybook:ci:run-tests\"",
     "test:storybook:ci:build-n-serve": "storybook build --test --quiet && npx http-server storybook-static --port 6006 --silent",
     "test:storybook:ci:run-tests": "wait-on tcp:6006 && npm run test:storybook -- --maxWorkers=2",
-    "chromatic": "chromatic --exit-zero-on-changes"
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "find-circular-deps": "madge ./src/index.ts --warning -c"
   },
   "dependencies": {
     "@ark-ui/react": "^4.1.1",
     "@headlessui/react": "^1.7.18",
-    "@integration-app/sdk": "^1.5.0",
+    "@integration-app/sdk": "^1.5.2",
     "@popperjs/core": "^2.11.5",
     "@tabler/icons-react": "^2.30.0",
     "@tiptap/core": "^2.3.0",
@@ -91,34 +92,36 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.7.0",
-    "@pandacss/dev": "^0.45.1",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@pandacss/dev": "^0.48.0",
     "@park-ui/panda-preset": "^0.42.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@storybook/addon-docs": "^8.3.5",
-    "@storybook/addon-essentials": "^8.3.5",
-    "@storybook/addon-interactions": "^8.3.5",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.3.5",
-    "@storybook/react-vite": "^8.3.5",
-    "@storybook/test": "^8.3.5",
+    "@storybook/addon-docs": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.4",
+    "@storybook/addon-interactions": "^8.4.4",
+    "@storybook/addon-links": "^8.4.4",
+    "@storybook/blocks": "^8.4.4",
+    "@storybook/react": "^8.4.4",
+    "@storybook/react-vite": "^8.4.4",
+    "@storybook/test": "^8.4.4",
     "@storybook/test-runner": "^0.19.1",
-    "@storybook/types": "^8.3.3",
+    "@storybook/types": "^8.4.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "autoprefixer": "^10.4.20",
-    "axios-mock-adapter": "^2.0.0",
     "chokidar": "^4.0.0",
     "commander": "^12.1.0",
     "concurrently": "^9.0.1",
     "esbuild": "^0.23.1",
     "execa": "^9.4.0",
     "jsdom": "^25.0.1",
+    "madge": "^8.0.0",
+    "msw": "^2.6.8",
+    "msw-storybook-addon": "^2.0.4",
     "postcss-import": "^16.1.0",
     "postcss-nesting": "^13.0.0",
     "react-helmet": "^6.1.0",
@@ -129,19 +132,24 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-tsconfig-paths": "^1.5.2",
-    "storybook": "^8.3.5",
+    "storybook": "^8.4.4",
     "tailwindcss": "^3.4.13",
     "tsc-alias": "^1.8.10",
-    "typedoc": "^0.25.4",
+    "typedoc": "^0.26.11",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
-    "typedoc-plugin-missing-exports": "^2.1.0",
-    "typedoc-plugin-rename-defaults": "^0.7.0",
-    "typescript": "^5.3.2",
+    "typedoc-plugin-missing-exports": "^3.1.0",
+    "typedoc-plugin-rename-defaults": "^0.7.1",
+    "typescript": "^5.4.4",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
     "wait-on": "^8.0.1"
   },
   "overrides": {
     "express": "^4.20.0"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
 }

package/dist/cjs/components/ComboBox/Dropdown/ActiveTab.cjs

@@ -1,21 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
-var tabs = require('./tabs.cjs');
-
-function ActiveTab({ onSelect }) {
-  const { activeTab } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const ActiveTab2 = (activeTab ? tabs.TAB_COMPONENTS[activeTab] : void 0) ?? (() => /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Unknown Tab" }));
-  return /* @__PURE__ */ jsxRuntime.jsx(ActiveTab2, { onSelect });
-}
-
-exports.ActiveTab = ActiveTab;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/Collections.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Collections-module_wrapper__mUGMk {\n    max-height: 100%;\n    overflow: scroll\n}\n\n.Collections-module_createFieldSchemaForm__F3r63 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem\n}\n\n.Collections-module_createFieldSchemaForm__F3r63 label {\n    display: block;\n    cursor: pointer;\n    width: -moz-fit-content;\n    width: fit-content\n}\n\n.Collections-module_createFieldSchemaForm__F3r63 h3,\n.Collections-module_createFieldSchema__0uU9i h3 {\n    font-size: 0.875rem;\n    line-height: 1.4;\n    font-weight: 700;\n    margin-bottom: 0.25rem\n}\n";
-var classes = {"wrapper":"Collections-module_wrapper__mUGMk","createFieldSchemaForm":"Collections-module_createFieldSchemaForm__F3r63","createFieldSchema":"Collections-module_createFieldSchema__0uU9i"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/Formulas/Formulas.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Formulas-module_formulaConfig__9Ob-8 {\n}\n.Formulas-module_formulaConfig__header__9t0mE {\n  flex-shrink: 0;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 0.5rem\n}\n.Formulas-module_formulaConfig__panel__Mkn2t {\n  padding: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem\n}\n.Formulas-module_formulaConfig__panelContent__yima9 {\n  min-height: 0px;\n  flex: 1 1 0%;\n  overflow-x: auto;\n  width: min(30rem, 70vw)\n}\n.Formulas-module_formulaConfig__footer__7OO-A {\n  flex-shrink: 0;\n  flex-direction: row;\n  align-items: flex-start;\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 0.5rem\n}\n";
-var classes = {"formulaConfig":"Formulas-module_formulaConfig__9Ob-8","formulaConfig__header":"Formulas-module_formulaConfig__header__9t0mE","formulaConfig__panel":"Formulas-module_formulaConfig__panel__Mkn2t","formulaConfig__panelContent":"Formulas-module_formulaConfig__panelContent__yima9","formulaConfig__footer":"Formulas-module_formulaConfig__footer__7OO-A"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/Formulas/index.cjs

@@ -1,101 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var sdk = require('@integration-app/sdk');
-var React = require('react');
-var index = require('../../../../DataBuilder/Formula/index.cjs');
-var index$1 = require('../../../../DropdownUI/index.cjs');
-var comboboxContext = require('../../../context/combobox-context.cjs');
-var OptionsList = require('../../OptionsList.cjs');
-var SearchInput = require('../../SearchInput.cjs');
-var UiComponents = require('../LookupOptions/UiComponents.cjs');
-var Button = require('../../../../Button/Button.cjs');
-var Formulas_module = require('./Formulas.module.css.cjs');
-
-const formulas = index.getFormulas();
-function FormulasTab({ onSelect }) {
-  const { value } = comboboxContext.useComboBox();
-  const [userForcedSelectFormula, setUserForcedSelectFormula] = React.useState(false);
-  const formula = sdk.getFormula(value);
-  const formulaSpec = formula?.type && formulas[formula?.type];
-  const formulaDropdownComponentExists = !!formulaSpec?.DropdownComponent;
-  function handleOnSelect(value2) {
-    onSelect(value2);
-    setUserForcedSelectFormula(false);
-  }
-  if (value === null || userForcedSelectFormula || !formulaDropdownComponentExists) {
-    return /* @__PURE__ */ jsxRuntime.jsx(DropdownPanelFormulasList, { onSelect: handleOnSelect });
-  } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      DropdownPanelFormulaConfig,
-      {
-        onBackClick: () => setUserForcedSelectFormula(true),
-        onChange: onSelect
-      }
-    );
-  }
-}
-function DropdownPanelFormulasList({
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SearchInput.DropdownSearchComponent, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionsList.OptionsList, { onSelect }) })
-  ] });
-}
-function DropdownPanelFormulaConfig({
-  onChange,
-  onBackClick
-}) {
-  const { value, schema, variablesSchema } = comboboxContext.useComboBox();
-  const [localValue, setLocalValue] = React.useState(value);
-  React.useEffect(() => {
-    setLocalValue(value);
-  }, [JSON.stringify(value)]);
-  const formula = sdk.getFormula(localValue);
-  const formulaSpec = formula?.type && formulas[formula?.type];
-  function handleOnChange(newValue) {
-    setLocalValue(newValue);
-  }
-  function handleOnSaveAndClose() {
-    onChange(localValue);
-  }
-  if (!formulaSpec?.DropdownComponent) {
-    return null;
-  }
-  const FormulaInDropdownPanelComponent = formulaSpec?.DropdownComponent;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { className: Formulas_module.default.formulaConfig__header, children: /* @__PURE__ */ jsxRuntime.jsxs(UiComponents.PanelHeader, { children: [
-      formulaSpec?.name ?? "Formula",
-      /* @__PURE__ */ jsxRuntime.jsx(UiComponents.PanelHeaderButton, { onClick: onBackClick, children: "Back" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { className: Formulas_module.default.formulaConfig__panel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Formulas_module.default.formulaConfig__panelContent, children: /* @__PURE__ */ jsxRuntime.jsx(
-      FormulaInDropdownPanelComponent,
-      {
-        formula,
-        schema,
-        variablesSchema,
-        onChange: handleOnChange
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { className: Formulas_module.default.formulaConfig__footer, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button.Button,
-      {
-        size: "small",
-        variant: "secondary",
-        onClick: handleOnSaveAndClose,
-        children: "Save & Close"
-      }
-    ) })
-  ] });
-}
-
-exports.FormulasTab = FormulasTab;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/OptionsList.cjs

@@ -1,24 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../../../DropdownUI/index.cjs');
-var index$1 = require('../../../../Notification/index.cjs');
-var UiComponents = require('./UiComponents.cjs');
-var UiComponents_module = require('./UiComponents.module.css.cjs');
-
-function OptionsParametersRequired() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.DropdownUI.Panel, { withPaddings: true, className: UiComponents_module.default.panel__options, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(UiComponents.PanelHeader, { children: "Available options" }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Notification, { mode: "block", type: "default", size: "sm", children: "Please select parameters above to display lists" })
-  ] });
-}
-
-exports.OptionsParametersRequired = OptionsParametersRequired;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/ParametersPanel.cjs

@@ -1,100 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var jsConvertCase = require('js-convert-case');
-var index = require('../../../../DropdownUI/index.cjs');
-var Button = require('../../../../Button/Button.cjs');
-var index$1 = require('../../../../DataBuilder/index.cjs');
-var Form = require('../../../../DataBuilder/Form.cjs');
-var index$2 = require('../../../../SvgIcon/index.cjs');
-var UiComponents = require('./UiComponents.cjs');
-var clsx = require('clsx');
-var ParametersPanel_module = require('./ParametersPanel.module.css.cjs');
-
-function ParametersPanel({ onChange, schema, value }) {
-  const parametersProvided = isParametersProvided(value);
-  const [isEditing, setIsEditing] = React.useState(!parametersProvided);
-  function isParametersProvided(object) {
-    return !!Object.keys(object).length;
-  }
-  function toggleIsEditing() {
-    setIsEditing(!isEditing);
-  }
-  function handleOnClose() {
-    setIsEditing(false);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    index.DropdownUI.Panel,
-    {
-      className: clsx(
-        ParametersPanel_module.default.panel,
-        isEditing ? ParametersPanel_module.default.panel__expanded : ParametersPanel_module.default.panel__collapsed
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(UiComponents.PanelHeader, { children: [
-          "Parameters",
-          /* @__PURE__ */ jsxRuntime.jsx(EditParametersButton, { onClick: toggleIsEditing, isEditing })
-        ] }),
-        isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
-          ParametersPanelForm,
-          {
-            onChange,
-            onClose: handleOnClose,
-            schema,
-            value
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(ParametersPanelView, { schema, value })
-      ]
-    }
-  );
-}
-function ParametersPanelForm({ onClose, onChange, schema, value }) {
-  const field = index$1.makeDataField({
-    schema,
-    value
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Form.DataBuilderForm, { field, onChange }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: onClose, variant: "secondary", children: "Save and Close" }) })
-  ] });
-}
-function ParametersPanelView({
-  schema,
-  value
-}) {
-  const parameters = Object.entries(schema?.properties ?? {}).map(
-    ([key, field]) => {
-      return {
-        title: field?.title || jsConvertCase.toHeaderCase(key),
-        value: value?.[key]
-      };
-    }
-  );
-  if (!parameters.length) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral05", children: "No parameters provided" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(UiComponents.ParametersList, { children: parameters.map(({ title, value: value2 }, i) => /* @__PURE__ */ jsxRuntime.jsx(UiComponents.Parameter, { children: /* @__PURE__ */ jsxRuntime.jsx(UiComponents.ParameterText, { title, value: value2 }) }, i)) });
-}
-function EditParametersButton({
-  onClick,
-  isEditing
-}) {
-  const label = isEditing ? "Cancel" : "Edit";
-  const icon = isEditing ? index$2.SvgIconType.Close : index$2.SvgIconType.Edit;
-  return /* @__PURE__ */ jsxRuntime.jsxs(UiComponents.PanelHeaderButton, { onClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.SvgIcon, { type: icon }),
-    " ",
-    label
-  ] });
-}
-
-exports.ParametersPanel = ParametersPanel;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/ParametersPanel.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".ParametersPanel-module_panel__uGStt {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    padding: 0.5rem\n}\n.ParametersPanel-module_panel__collapsed__yLwz3 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity))\n}\n.ParametersPanel-module_panel__expanded__xhz7X {\n    padding-bottom: 0.75rem\n}\n";
-var classes = {"panel":"ParametersPanel-module_panel__uGStt","panel__collapsed":"ParametersPanel-module_panel__collapsed__yLwz3","panel__expanded":"ParametersPanel-module_panel__expanded__xhz7X"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/UiComponents.cjs

@@ -1,57 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Button = require('../../../../Button/Button.cjs');
-var UiComponents_module = require('./UiComponents.module.css.cjs');
-
-function PanelHeader({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: UiComponents_module.default.panelHeader, children });
-}
-function PanelHeaderButton({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button.Button,
-    {
-      size: "small",
-      variant: "text",
-      className: UiComponents_module.default.panelHeader_button,
-      ...props,
-      children
-    }
-  );
-}
-function ParametersList({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: UiComponents_module.default.parametersList, children });
-}
-function Parameter({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: UiComponents_module.default.parameterItem, children });
-}
-function ParameterText({
-  title,
-  value
-}) {
-  if (!value) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: title });
-  const truncateTo = 20;
-  const truncatedValue = value.length > truncateTo ? `${value?.substring(0, truncateTo)}...` : value;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    title,
-    ": ",
-    truncatedValue
-  ] });
-}
-
-exports.PanelHeader = PanelHeader;
-exports.PanelHeaderButton = PanelHeaderButton;
-exports.Parameter = Parameter;
-exports.ParameterText = ParameterText;
-exports.ParametersList = ParametersList;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/UiComponents.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".UiComponents-module_panelHeader__4vfpL {\n\n    margin-left: 0px;\n\n    margin-right: 0px;\n\n    margin-top: -0.25rem;\n\n    margin-bottom: -0.25rem;\n\n    display: flex;\n\n    flex-direction: row;\n\n    align-items: center;\n\n    padding: 0px;\n\n    font-size: 0.813rem;\n\n    line-height: 1.4;\n\n    --tw-text-opacity: 1;\n\n    color: rgb(170 170 170 / var(--tw-text-opacity))\n}\n\n.UiComponents-module_panelHeader_button__-myB7 {\n\n    margin-left: auto;\n\n    margin-top: -0.125rem;\n\n    --tw-text-opacity: 1;\n\n    color: rgb(105 105 105 / var(--tw-text-opacity))\n}\n\n.UiComponents-module_parametersList__JTGpf {\n\n    display: flex;\n\n    flex-direction: row;\n\n    flex-wrap: wrap;\n\n    gap: 0.5rem\n}\n\n.UiComponents-module_parameterItem__b7sM6 {\n\n    border-radius: 0.25rem;\n\n    --tw-bg-opacity: 1;\n\n    background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n\n    padding-left: 0.5rem;\n\n    padding-right: 0.5rem;\n\n    padding-top: 0.25rem;\n\n    padding-bottom: 0.25rem;\n\n    font-size: 0.813rem;\n\n    line-height: 1.4;\n\n    --tw-text-opacity: 1;\n\n    color: rgb(105 105 105 / var(--tw-text-opacity))\n}\n\n.UiComponents-module_panel__options__HXrZ8 {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 0.5rem\n}\n";
-var classes = {"panelHeader":"UiComponents-module_panelHeader__4vfpL","panelHeader_button":"UiComponents-module_panelHeader_button__-myB7","parametersList":"UiComponents-module_parametersList__JTGpf","parameterItem":"UiComponents-module_parameterItem__b7sM6","panel__options":"UiComponents-module_panel__options__HXrZ8"};
-styleInject(css_248z);
-
-exports.default = classes;