@eccenca/gui-elements 23.2.0-rc.0 → 23.2.0-rc.1

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { AutoCompleteFieldProps } from "../AutocompleteField/AutoCompleteField";
+export declare type SuggestFieldProps<T, UPDATE_VALUE> = AutoCompleteFieldProps<T, UPDATE_VALUE>;
+/**
+ * A component with the appearance of an input field that allows to select and optionally create new items.
+ * It shows suggestions for the entered text from which the user can select any option.
+ * It has the following fixed behavior:
+ *
+ * - When not focused, a different representation of the item value can be shown, e.g. the label of the value.
+ * - When changing an existing item the input text is set to the original value in order to be able to edit the original value.
+ * - When for a specific input text, the only item returns is the currently set item itself, all items are shown below it, to make
+ *   clear that there are still other items to choose from.
+ * - The suggestions are fetched with a short delay, so not too many unnecessary requests are fired.
+ * - Items where itemRenderer returns a string have a default representation, i.e. highlighting of search words, active flag etc.
+ */
+export declare function SuggestField<T, UPDATE_VALUE>({ className, ...otherProps }: SuggestFieldProps<T, UPDATE_VALUE>): React.JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export * from "./SuggestField";
+export declare const suggestFieldUtils: {
+    createNewItemRendererFactory: (itemTextRenderer: (query: string) => string | JSX.Element, iconName?: import("../Icon/canonicalIconNames").ValidIconName | import("react").ReactElement<import("..").TestIconProps, string | import("react").JSXElementConstructor<any>> | undefined) => (query: string, modifiers: import("../AutocompleteField/interfaces").IRenderModifiers, handleClick: import("react").MouseEventHandler<HTMLElement>) => import("react").JSX.Element;
+};

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

@@ -1,7 +1,9 @@
 export * from "./Accordion";
 export * from "./Application";
 export * from "./AutocompleteField";
+export * from "./SuggestField";
 export * from "./AutoSuggestion";
+export * from "./CodeAutocompleteField";
 export * from "./Badge/Badge";
 export * from "./Breadcrumb";
 export * from "./Button/Button";
@@ -21,6 +23,7 @@ export * from "./Link/Link";
 export * from "./List/List";
 export * from "./Menu";
 export * from "./MultiSelect/MultiSelect";
+export * from "./MultiSuggestField/MultiSuggestField";
 export * from "./Notification";
 export * from "./NumericInput/NumericInput";
 export * from "./OverviewItem";

package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts

@@ -1,19 +1,19 @@
 import React from "react";
 import { Position } from "react-flow-renderer";
-import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
-import { DepictionProps } from "../../../components/Depiction/Depiction";
 import { IntentTypes } from "../../../common/Intent";
+import { DepictionProps } from "../../../components/Depiction/Depiction";
+import { ValidIconName } from "../../../components/Icon/canonicalIconNames";
 import { ReacFlowVersionSupportProps } from "../versionsupport";
-import { HandleProps, HandleNextProps } from "./../handles/HandleDefault";
-import { NodeProps } from "./NodeDefault";
+import { HandleNextProps, HandleProps } from "./../handles/HandleDefault";
 import { NodeContentExtensionProps } from "./NodeContentExtension";
+import { NodeProps } from "./NodeDefault";
 import { HighlightingState, NodeHighlightColor } from "./sharedTypes";
 export type { HighlightingState };
 interface NodeContentHandleLegacyProps extends HandleProps {
     category?: "configuration";
 }
 export declare type IHandleProps = NodeContentHandleLegacyProps;
-interface NodeContentHandleNextProps extends HandleNextProps {
+export interface NodeContentHandleNextProps extends HandleNextProps {
     category?: "configuration";
 }
 export declare type NodeContentHandleProps = NodeContentHandleLegacyProps | NodeContentHandleNextProps;
@@ -148,12 +148,12 @@ export interface NodeContentProps<NODE_DATA, NODE_CONTENT_PROPS = any> extends N
      * This property is only forwarded from the `NodeDefault` element.
      * If set then it will be always overwritten internally.
      */
-    targetPosition?: typeof Position[keyof typeof Position];
+    targetPosition?: (typeof Position)[keyof typeof Position];
     /**
      * This property is only forwarded from the `NodeDefault` element.
      * If set then it will be always overwritten internally.
      */
-    sourcePosition?: typeof Position[keyof typeof Position];
+    sourcePosition?: (typeof Position)[keyof typeof Position];
     /**
      * This property is only forwarded from the `NodeDefault` element.
      * If set then it will be always overwritten internally.

package/dist/types/index.d.ts

@@ -12,8 +12,9 @@ declare const HelperClasses: {
         [key: string]: string;
     };
 };
+export * from "./configuration/constants";
 export * from "./common";
 export * from "./components";
 export * from "./extensions";
 export * from "./cmem";
-export { ClassNames, HelperClasses, LegacyReplacements, };
+export { ClassNames, HelperClasses, LegacyReplacements };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@eccenca/gui-elements",
     "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-    "version": "23.2.0-rc.0",
+    "version": "23.2.0-rc.1",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",

package/src/components/AutoSuggestion/AutoSuggestion.stories.tsx

@@ -0,0 +1,14 @@
+import { Meta } from "@storybook/react";
+
+import { AutoSuggestion } from "./../../../index";
+export { Default } from "../CodeAutocompleteField/CodeAutocompleteField.stories";
+
+export default {
+    title: "Forms/AutoSuggestion",
+    component: AutoSuggestion,
+    parameters: {
+        controls: {
+            exclude: /.*/g,
+        },
+    },
+} as Meta<typeof AutoSuggestion>;