@integration-app/react 2.14.3 → 2.16.1

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

@@ -1,16 +1,14 @@
-import { MutableRefObject, ReactNode } from 'react';
-import { DataLocator, DataSchema } from '@integration-app/sdk';
+import { ReactNode } from 'react';
+import { DataSchema } from '@integration-app/sdk';
 import { SvgIconType } from '../../components/SvgIcon/svg-icon-type';
-import { ComboBoxOptionsFactory } from './options-factories/types';
 import { ValueSpecType } from './value-spec';
-export type ValueDataType = any;
+import type { ComboBoxOption, ComboBoxOptionsFactory, PopperRefElementType, ValueDataType } from './shared';
 type VariablesSchemaType = any;
 export type FnOnValueChangeType = (value: ValueDataType) => void;
 type FnInitEditModeType = () => void;
 type FnCloseEditModeType = () => void;
 type IsComboBoxDisabledType = boolean;
 type IsValueRequiredType = boolean;
-export type PopperRefElementType = HTMLElement | MutableRefObject<HTMLElement | null>;
 export interface ComboBoxOptionsProps {
     value?: ValueDataType;
     schema?: DataSchema;
@@ -49,21 +47,6 @@ export interface ComboBoxDropdownProps {
     onDropdownClose?: FnCloseEditModeType;
     topDropdownPanelComponent?: JSX.Element;
 }
-export interface ComboBoxOption {
-    value?: ValueDataType;
-    label: ReactNode;
-    hint?: string;
-    hintPrefix?: string;
-    searchLabel?: string;
-    childrenCount?: number;
-    isSection?: boolean;
-    drillDown?: DataLocator;
-    drillDownOptionFactory?: ComboBoxOptionsFactory;
-    addVariable?: string;
-    childCategory?: DropdownCategoryType;
-    iconUri?: string;
-    iconType?: SvgIconType;
-}
 export type ComboBoxTagVariantType = 'default' | 'lookup';
 export interface ComboBoxTagProps {
     variant?: ComboBoxTagVariantType;
@@ -91,14 +74,4 @@ export interface ComboBoxSchemaValueProps extends Omit<ComboBoxTagProps, 'childr
     schema: DataSchema | undefined;
     variablesSchema: DataSchema | undefined;
 }
-export declare enum DropdownCategoryType {
-    ROOT = "root",
-    VARIABLE = "variable",
-    OPTIONS = "options",
-    FORMULA = "formula",
-    FORMULA_CONFIG = "formula_config",
-    CUSTOM = "custom",
-    LOOKUP_OPTIONS = "lookup_options",
-    SELECT_FROM_UDM_DYNAMICALLY = "select_from_udm_dynamically"
-}
 export {};

package/dist/types/components/ComboBoxElements/Editor/helpers/common.d.ts

@@ -1,4 +1,4 @@
-import { ValueDataType } from '../../../../components/ComboBox/types';
+import { ValueDataType } from '../../../../components/ComboBox/shared';
 export type TemplateDataType = {
     $tpl: {
         template: string;

package/dist/types/components/ComboBoxElements/Editor/helpers/transformValueToEditorSchema.d.ts

@@ -1,4 +1,4 @@
 import { DataSchema } from '@integration-app/sdk';
 import { SerializedEditorState } from 'lexical';
-import { ValueDataType } from '../../../../components/ComboBox/types';
+import { ValueDataType } from '../../../../components/ComboBox/shared';
 export declare function transformValueToEditorSchema(value: ValueDataType, schema?: DataSchema): SerializedEditorState;

package/dist/types/components/ComboBoxElements/Editor/plugins/StateSyncPlugin.d.ts

@@ -1,5 +1,5 @@
 import { DataSchema } from '@integration-app/sdk';
-import { ValueDataType } from '../../../../components/ComboBox/types';
+import { ValueDataType } from '../../../../components/ComboBox/shared';
 export declare function StateSyncPlugin({ value, schema, }: {
     value: ValueDataType;
     schema?: DataSchema;

package/dist/types/components/DataBuilder/{Field.d.ts → DataBuilderFormField.d.ts}

@@ -1,2 +1,2 @@
 import { IFieldComponent } from './data-field';
-export default function DataBuilderFormField({ field, onChange, onKeyChange, onDelete, onEnter, }: IFieldComponent): import("react/jsx-runtime").JSX.Element | null;
+export declare function DataBuilderFormField({ field, onChange, onKeyChange, onDelete, onEnter, }: IFieldComponent): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/DataBuilder/FieldName/FieldNameInput.d.ts

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

package/dist/types/components/DataBuilder/{FieldName.d.ts → FieldName/index.d.ts}

@@ -1,9 +1,9 @@
-import { IDataBuilderField } from './data-field';
-export default function FieldName({ field, onKeyChange, onEnter, onEsc, rightSlot, typeSelectorSlot, }: {
+import { IDataBuilderField } from '../data-field';
+export declare function FieldName({ field, onKeyChange, onEnter, onEsc, rightSlot, typeSelectorSlot, }: {
     field: IDataBuilderField;
     onKeyChange: (key: string) => void;
-    onEnter?: (any: any) => void;
-    onEsc?: (any: any) => void;
+    onEnter?: (key: string) => void;
+    onEsc?: (key: string) => void;
     rightSlot?: React.ReactNode;
     typeSelectorSlot?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/index.d.ts

@@ -1,11 +1,9 @@
-import { ComponentType, ForwardedRef, ReactElement } from 'react';
+import { ComponentType } from 'react';
 import { DataBuilderFormulaType } from '@integration-app/sdk';
 import { DropdownComponentFormulaProps, FormulaProps } from './types';
-import { ValueSpecType } from '../../ComboBox/value-spec';
-export interface FormulaSpecType {
-    name?: string;
-    appliesToSpec?: (spec: ValueSpecType) => boolean;
-    component: (props: FormulaProps<any>, ref: ForwardedRef<HTMLDivElement>) => ReactElement;
+interface FormulaComponentMapping {
+    component: ComponentType<FormulaProps<any>> | React.ForwardRefExoticComponent<FormulaProps<any> & React.RefAttributes<HTMLDivElement>>;
     DropdownComponent?: ComponentType<DropdownComponentFormulaProps<any>>;
 }
-export declare function getFormulas(): Record<DataBuilderFormulaType, FormulaSpecType>;
+export declare const formulaComponentMapping: Record<DataBuilderFormulaType, FormulaComponentMapping>;
+export {};

package/dist/types/components/DataBuilder/Formula/types.d.ts

@@ -1,4 +1,4 @@
-import { ComboBoxOptionsFactory } from '../../../components/ComboBox/options-factories';
+import { ComboBoxOptionsFactory } from '../../../components/ComboBox/shared';
 export interface DropdownComponentFormulaProps<FormulaClass> {
     formula: FormulaClass;
     schema: any;

package/dist/types/components/DataBuilder/Nested/LevelKeysConflictProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const LevelKeysConflictProvider: React.Provider<Set<string>>;
+export declare const useLevelKeysConflicts: () => Set<string>;

package/dist/types/components/DataBuilder/data-field.d.ts

@@ -1,6 +1,5 @@
 import { DataSchema, IDataField } from '@integration-app/sdk';
-import { ComboBoxOptionsFactory } from '../ComboBox/options-factories/types';
-import { PopperRefElementType } from '../ComboBox/types';
+import type { ComboBoxOptionsFactory, PopperRefElementType } from '../ComboBox/shared';
 export interface IDataBuilderField extends IDataField {
     valueLocator?: string;
     iconUri?: string;

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

@@ -1,6 +1,6 @@
 import { DataSchema } from '@integration-app/sdk';
 import { IDataBuilderField } from './data-field';
-import { ComboBoxOptionsFactory } from '../ComboBox/options-factories';
+import { ComboBoxOptionsFactory } from '../ComboBox/shared';
 export { FieldDescription } from './FieldDescription';
 export declare function makeDataField({ key, schema: inputSchema, value, optionFactories, variablesSchema, exampleVariables, iconUri, valueLocator, level, resolveDynamicSchema, }: {
     key?: string;

package/dist/types/components/DataBuilder/stories/DataBuilder.test-formulas.helpers.d.ts

@@ -1,5 +1,5 @@
 import { DataBuilderFormulaType } from '@integration-app/sdk';
-import { PlayFunctionContext } from '@storybook/types';
+import { PlayFunctionContext } from 'storybook/internal/types';
 type ValidFormulaKey = `$${DataBuilderFormulaType}`;
 export declare function renderFormulaStory({ value: initialFormulaValue, additionalProps, }: {
     value: Partial<Record<ValidFormulaKey, any>> | string;

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

@@ -37,6 +37,7 @@ export declare const Cell: import("react").ForwardRefExoticComponent<ICell & imp
 };
 interface TitleProps extends HTMLAttributes<HTMLDivElement> {
     hasError?: boolean;
+    hasNameConflict?: boolean;
     required?: boolean;
     hasValue?: boolean;
     leftSlot?: ReactNode;

package/dist/types/components/DataLinks/data-link-tables-option-factory.d.ts

@@ -1,6 +1,5 @@
 import { IntegrationAppClient } from '@integration-app/sdk';
-import { ComboBoxOptionsFactory } from '../ComboBox/options-factories';
-import { ComboBoxOption } from '../ComboBox/types';
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../ComboBox/shared';
 export interface IDataLinkTablesOptionsFactoryArgs {
     client: IntegrationAppClient;
     connectionId: string;

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

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { Popover } from '../../ui-kit/popover';
-import { PopperRefElementType } from '../ComboBox/types';
+import { PopperRefElementType } from '../ComboBox/shared';
 export type PopperProps = PropsWithChildren<{
     refElement?: PopperRefElementType;
     isOpen?: boolean;

package/dist/types/helpers/hooks/useWindowEvent.d.ts

@@ -1,4 +1,4 @@
-import { PopperRefElementType } from '../../components/ComboBox/types';
+import { PopperRefElementType } from 'components/ComboBox/shared.js';
 export declare function useWindowEvent<TType extends keyof WindowEventMap>(type: TType, listener: (this: Window, ev: WindowEventMap[TType]) => any): void;
 export declare function useClickOutsideElements(refs: Array<PopperRefElementType | null | undefined>, onClickOutside: ((event: MouseEvent | TouchEvent) => void) | undefined): void;
 export declare function useWindowResize(listener: (...props: any[]) => any, ms?: number): void;

package/dist/types/index.d.ts

@@ -58,7 +58,11 @@ export * from './components/DataBuilderUI';
 export * from './components/DataLinks';
 export * from './components/Button';
 export type * from './components/ComboBox/types';
+export * from './components/ComboBox/shared';
 export * from './components/ComboBox/value-spec';
+export * from './components/ComboBox/options-factories/types';
+export * from './components/ComboBox/options-factories/utils';
+export * from './components/ComboBox/options-factories/custom-field/constants';
 export * from './components/ComboBox/options-factories';
 export * from './components/ComboBox/context';
 export * from './components/ComboBox/Value';
@@ -78,7 +82,7 @@ export * from './components/Tag';
 export * from './components/Toggle';
 export * from './components/Tooltip';
 export * from './components/AdvancedOptions';
-export * from './components/InlineEditable';
+export * from './components/DataBuilder/FieldName/FieldNameInput';
 export * from './components/Popover';
 export * from './components/Truncate';
 export * from './contexts/integration-app-client-context';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.14.3",
+  "version": "2.16.1",
   "description": "",
   "author": "Integration.app",
   "type": "module",

package/dist/cjs/components/ComboBox/options-factories/custom-field.cjs

@@ -1,63 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
- */
-'use client';
-
-'use strict';
-
-var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var types = require('../types.cjs');
-var valueSpec = require('../value-spec.cjs');
-var utils = require('./utils.cjs');
-var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
-
-const CUSTOM_OBJECT_VALUE = {};
-const CUSTOM_OBJECT_VALUE_LABEL = "Object With Custom Fields";
-const CUSTOM_ARRAY_VALUE = [];
-const CUSTOM_ARRAY_VALUE_LABEL = "List With Custom Items";
-class CustomFieldOptionsFactory {
-  async getOptions({
-    spec,
-    input
-  }) {
-    const options = [];
-    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.OBJECT)) {
-      options.push({
-        label: CUSTOM_OBJECT_VALUE_LABEL,
-        value: CUSTOM_OBJECT_VALUE,
-        iconType: svgIconType.SvgIconType.SchemaType_object
-      });
-    }
-    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.ARRAY)) {
-      options.push({
-        label: CUSTOM_ARRAY_VALUE_LABEL,
-        value: CUSTOM_ARRAY_VALUE,
-        iconType: svgIconType.SvgIconType.SchemaType_array
-      });
-    }
-    const result = utils.filterOptionsByLabel(options, input);
-    if (result.length > 0) {
-      result.unshift({
-        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.CUSTOM].title,
-        isSection: true
-      });
-    }
-    return result;
-  }
-}
-function isCustomFieldValue(value) {
-  return [
-    JSON.stringify(CUSTOM_OBJECT_VALUE),
-    JSON.stringify(CUSTOM_ARRAY_VALUE)
-  ].includes(JSON.stringify(value));
-}
-
-exports.CUSTOM_ARRAY_VALUE = CUSTOM_ARRAY_VALUE;
-exports.CUSTOM_ARRAY_VALUE_LABEL = CUSTOM_ARRAY_VALUE_LABEL;
-exports.CUSTOM_OBJECT_VALUE = CUSTOM_OBJECT_VALUE;
-exports.CUSTOM_OBJECT_VALUE_LABEL = CUSTOM_OBJECT_VALUE_LABEL;
-exports.CustomFieldOptionsFactory = CustomFieldOptionsFactory;
-exports.isCustomFieldValue = isCustomFieldValue;

package/dist/cjs/components/ComboBox/types.cjs

@@ -1,23 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
- */
-'use client';
-
-'use strict';
-
-var DropdownCategoryType = /* @__PURE__ */ ((DropdownCategoryType2) => {
-  DropdownCategoryType2["ROOT"] = "root";
-  DropdownCategoryType2["VARIABLE"] = "variable";
-  DropdownCategoryType2["OPTIONS"] = "options";
-  DropdownCategoryType2["FORMULA"] = "formula";
-  DropdownCategoryType2["FORMULA_CONFIG"] = "formula_config";
-  DropdownCategoryType2["CUSTOM"] = "custom";
-  DropdownCategoryType2["LOOKUP_OPTIONS"] = "lookup_options";
-  DropdownCategoryType2["SELECT_FROM_UDM_DYNAMICALLY"] = "select_from_udm_dynamically";
-  return DropdownCategoryType2;
-})(DropdownCategoryType || {});
-
-exports.DropdownCategoryType = DropdownCategoryType;

package/dist/cjs/components/InlineEditable.cjs

@@ -1,89 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var InlineEditable_module = require('./InlineEditable.module.css.cjs');
-
-function InlineEditable({
-  value,
-  className,
-  placeholder = "Enter some text",
-  onChange,
-  onEnter,
-  onEsc,
-  onFocus,
-  onBlur,
-  editable = true,
-  required = false,
-  autoFocus = false,
-  ...props
-}) {
-  const [requiredWarning, setRequiredWarning] = React.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.clsx(
-    InlineEditable_module.default.wrapper,
-    className,
-    requiredWarning && InlineEditable_module.default.wrapperRequired
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames, ...props, title: value, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        className: InlineEditable_module.default.input,
-        onChange: handleChange,
-        value,
-        placeholder: placeholderText,
-        "aria-label": placeholder,
-        readOnly: !editable,
-        required,
-        autoFocus,
-        onBlur: handleBlur,
-        onFocus: handleFocus,
-        onKeyDown: handleKeyDown
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: InlineEditable_module.default.span, style, children: value?.replace(/\s/g, "\xA0") })
-  ] });
-}
-
-exports.InlineEditable = InlineEditable;

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

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('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);
-
-exports.default = classes;

package/dist/esm/components/ComboBox/types.mjs

@@ -1,21 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.14.3
- */
-'use client';
-
-var DropdownCategoryType = /* @__PURE__ */ ((DropdownCategoryType2) => {
-  DropdownCategoryType2["ROOT"] = "root";
-  DropdownCategoryType2["VARIABLE"] = "variable";
-  DropdownCategoryType2["OPTIONS"] = "options";
-  DropdownCategoryType2["FORMULA"] = "formula";
-  DropdownCategoryType2["FORMULA_CONFIG"] = "formula_config";
-  DropdownCategoryType2["CUSTOM"] = "custom";
-  DropdownCategoryType2["LOOKUP_OPTIONS"] = "lookup_options";
-  DropdownCategoryType2["SELECT_FROM_UDM_DYNAMICALLY"] = "select_from_udm_dynamically";
-  return DropdownCategoryType2;
-})(DropdownCategoryType || {});
-
-export { DropdownCategoryType };

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.14.3
- */
-'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.14.3
- */
-'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/types/components/ComboBox/Dropdown/index.d.ts

@@ -1 +0,0 @@
-export { Dropdown } from './Dropdown';

package/dist/types/components/ComboBoxElements/Editor/helpers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './common';
-export * from './clicks';

package/dist/types/components/DropdownUI/DropdownUIElements.d.ts

@@ -1,4 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare function ItemNestedIndicator({ count, children, }: PropsWithChildren<{
-    count?: number;
-}>): import("react/jsx-runtime").JSX.Element;

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;