@uipath/apollo-wind 2.55.0 → 2.57.0

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

@@ -23,6 +23,8 @@ export * from './drawer';
 export * from './dropdown-menu';
 export * from './editable-cell';
 export * from './empty-state';
+export * from './field-actions';
+export * from './field-addons';
 export * from './file-upload';
 export * from './form-field';
 export * from './hover-card';
@@ -32,6 +34,7 @@ export * from './input-group';
 export * from './label';
 export * from './layout';
 export * from './lockable-value-field';
+export * from './model-picker';
 export * from './multi-select';
 export * from './pagination';
 export * from './popover';

package/dist/components/ui/index.js

@@ -24,6 +24,8 @@ export * from "./drawer.js";
 export * from "./dropdown-menu.js";
 export * from "./editable-cell.js";
 export * from "./empty-state.js";
+export * from "./field-actions/index.js";
+export * from "./field-addons/index.js";
 export * from "./file-upload.js";
 export * from "./form-field.js";
 export * from "./hover-card.js";
@@ -33,6 +35,7 @@ export * from "./input-group.js";
 export * from "./label.js";
 export * from "./layout/index.js";
 export * from "./lockable-value-field/index.js";
+export * from "./model-picker/index.js";
 export * from "./multi-select.js";
 export * from "./pagination.js";
 export * from "./popover.js";

package/dist/components/ui/input-group-context.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    NO_GROUP_DISABLED: ()=>NO_GROUP_DISABLED,
+    useInputGroup: ()=>useInputGroup,
+    NO_GROUP: ()=>NO_GROUP,
+    controlValidation: ()=>controlValidation,
+    useControlValidation: ()=>useControlValidation,
+    InputGroupContext: ()=>InputGroupContext
+});
+const external_react_namespaceObject = require("react");
+const NO_GROUP = {
+    inGroup: false,
+    anchor: null
+};
+const NO_GROUP_DISABLED = {
+    ...NO_GROUP,
+    disabled: true
+};
+const InputGroupContext = (0, external_react_namespaceObject.createContext)(NO_GROUP);
+function useInputGroup() {
+    return (0, external_react_namespaceObject.useContext)(InputGroupContext);
+}
+function controlValidation(group, { error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }) {
+    const messageId = group.reportError ? group.error || error ? group.errorId : void 0 : error ? errorId : void 0;
+    const invalid = Boolean(error) || group.inGroup && Boolean(group.error || group.invalid);
+    const describedBy = [
+        ...new Set(`${ariaDescribedBy ?? ''} ${messageId ?? ''}`.split(/\s+/))
+    ].filter(Boolean).join(' ');
+    return {
+        'aria-invalid': invalid ? true : ariaInvalid,
+        'aria-describedby': describedBy || void 0,
+        'aria-errormessage': messageId ?? ariaErrorMessage
+    };
+}
+function useControlValidation(group, input) {
+    const { reportError } = group;
+    const { error } = input;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!reportError) return;
+        reportError(error);
+        return ()=>reportError(void 0);
+    }, [
+        reportError,
+        error
+    ]);
+    return {
+        aria: controlValidation(group, input),
+        ownMessage: !reportError
+    };
+}
+exports.InputGroupContext = __webpack_exports__.InputGroupContext;
+exports.NO_GROUP = __webpack_exports__.NO_GROUP;
+exports.NO_GROUP_DISABLED = __webpack_exports__.NO_GROUP_DISABLED;
+exports.controlValidation = __webpack_exports__.controlValidation;
+exports.useControlValidation = __webpack_exports__.useControlValidation;
+exports.useInputGroup = __webpack_exports__.useInputGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputGroupContext",
+    "NO_GROUP",
+    "NO_GROUP_DISABLED",
+    "controlValidation",
+    "useControlValidation",
+    "useInputGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/input-group-context.d.ts

@@ -0,0 +1,69 @@
+import { type AriaAttributes, type ReactNode, type RefObject } from 'react';
+/** How tall the group may grow. `row` is the single-row control; the others override only sizing
+ *  and alignment, so border, fill and rings stay identical across all four. */
+export type InputGroupLayout = 'row' | 'grow' | 'block' | 'fill';
+/** The enclosing InputGroup, as a control inside it sees it. */
+export interface InputGroupState {
+    /**
+     * Whether the control is the group's control. `false` outside a group, and inside an
+     * `InputGroupAddon` or `InputGroupBody`, whose contents are not the group's control.
+     */
+    inGroup: boolean;
+    layout?: InputGroupLayout;
+    /** The group's validation message, which the group renders below its box. */
+    error?: ReactNode;
+    errorId?: string;
+    /** The group's `invalid`, which marks its control invalid without a message. */
+    invalid?: boolean;
+    /** The group's `disabled`. Holds for everything inside it, addons and body included. */
+    disabled?: boolean;
+    /** The group's box, for a popover opened by the control to anchor to. */
+    anchor: RefObject<HTMLElement | null> | null;
+    /**
+     * Shows the control's own `error` in the group's message slot, below the box, when the group has
+     * no `error` of its own. Absent where nothing renders the message for the control.
+     */
+    reportError?: (error: ReactNode) => void;
+}
+export declare const NO_GROUP: InputGroupState;
+/** Not the group's control, but inside a disabled group. */
+export declare const NO_GROUP_DISABLED: InputGroupState;
+export declare const InputGroupContext: import("react").Context<InputGroupState>;
+/**
+ * The enclosing InputGroup. Apollo's controls read it to become the group's control on their own;
+ * a custom control that also renders standalone can do the same.
+ */
+export declare function useInputGroup(): InputGroupState;
+interface ControlValidationInput {
+    /** The control's own `error`. */
+    error?: ReactNode;
+    /** The id of the control's own message. */
+    errorId?: string;
+    'aria-invalid'?: AriaAttributes['aria-invalid'];
+    'aria-describedby'?: string;
+    'aria-errormessage'?: string;
+}
+/**
+ * A control's validation attributes. Standalone, they point at the message the control renders
+ * below itself. Inside a group they point at the group's message instead, since a message the
+ * control rendered would land inside the group's box; the group shows the control's own `error`
+ * there when it has none of its own.
+ */
+export declare function controlValidation(group: InputGroupState, { error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, }: ControlValidationInput): {
+    'aria-invalid': boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-describedby': string | undefined;
+    'aria-errormessage': string | undefined;
+};
+/**
+ * {@link controlValidation} for a control that takes an `error`, and whether it renders that message
+ * itself. Inside a group it hands the message to the group, which renders it below the box.
+ */
+export declare function useControlValidation(group: InputGroupState, input: ControlValidationInput): {
+    aria: {
+        'aria-invalid': boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        'aria-describedby': string | undefined;
+        'aria-errormessage': string | undefined;
+    };
+    ownMessage: boolean;
+};
+export {};

package/dist/components/ui/input-group-context.js

@@ -0,0 +1,42 @@
+import { createContext, useContext, useEffect } from "react";
+const NO_GROUP = {
+    inGroup: false,
+    anchor: null
+};
+const NO_GROUP_DISABLED = {
+    ...NO_GROUP,
+    disabled: true
+};
+const InputGroupContext = createContext(NO_GROUP);
+function useInputGroup() {
+    return useContext(InputGroupContext);
+}
+function controlValidation(group, { error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }) {
+    const messageId = group.reportError ? group.error || error ? group.errorId : void 0 : error ? errorId : void 0;
+    const invalid = Boolean(error) || group.inGroup && Boolean(group.error || group.invalid);
+    const describedBy = [
+        ...new Set(`${ariaDescribedBy ?? ''} ${messageId ?? ''}`.split(/\s+/))
+    ].filter(Boolean).join(' ');
+    return {
+        'aria-invalid': invalid ? true : ariaInvalid,
+        'aria-describedby': describedBy || void 0,
+        'aria-errormessage': messageId ?? ariaErrorMessage
+    };
+}
+function useControlValidation(group, input) {
+    const { reportError } = group;
+    const { error } = input;
+    useEffect(()=>{
+        if (!reportError) return;
+        reportError(error);
+        return ()=>reportError(void 0);
+    }, [
+        reportError,
+        error
+    ]);
+    return {
+        aria: controlValidation(group, input),
+        ownMessage: !reportError
+    };
+}
+export { InputGroupContext, NO_GROUP, NO_GROUP_DISABLED, controlValidation, useControlValidation, useInputGroup };