@cube-dev/ui-kit 0.0.0-canary-e9146a3 → 0.0.0-canary-ba8ede3

package/dist/utils/react/useScheme.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 import { useSyncExternalStore } from "react";
 
 //#region src/utils/react/useScheme.ts

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 import { c } from "react-compiler-runtime";
 import { useEffect, useState } from "react";
 

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 
 //#region src/utils/warnings.ts

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ba8ede3 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-e9146a3";
+const VERSION = "0.0.0-canary-ba8ede3";
 const TASTY_VERSION = "3.9.2";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-e9146a3",
+  "version": "0.0.0-canary-ba8ede3",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {

package/dist/components/fields/ListBox/optionId.js

@@ -1,16 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e9146a3 | Cube Dev Team */
-//#region src/components/fields/ListBox/optionId.ts
-/**
-* The DOM id of the option with `key` in the listbox whose id is `listBoxId`,
-* for the `aria-activedescendant` of an input that drives the list with virtual
-* focus. React Aria's `useOption` assigns it, and `react-aria` does not
-* re-export its `getItemId`, so this mirrors that format: the listbox id, then
-* `-option-`, then the key with whitespace removed.
-*/
-function getListBoxOptionId(listBoxId, key) {
-	return `${listBoxId}-option-${typeof key === "string" ? key.replace(/\s*/g, "") : String(key)}`;
-}
-
-//#endregion
-export { getListBoxOptionId };
-//# sourceMappingURL=optionId.js.map

package/dist/components/fields/ListBox/optionId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"optionId.js","names":["Key","getListBoxOptionId","listBoxId","key","normalizedKey","replace","String"],"sources":["../../../../src/components/fields/ListBox/optionId.ts"],"sourcesContent":["import type { Key } from '@react-types/shared';\n\n/**\n * The DOM id of the option with `key` in the listbox whose id is `listBoxId`,\n * for the `aria-activedescendant` of an input that drives the list with virtual\n * focus. React Aria's `useOption` assigns it, and `react-aria` does not\n * re-export its `getItemId`, so this mirrors that format: the listbox id, then\n * `-option-`, then the key with whitespace removed.\n */\nexport function getListBoxOptionId(listBoxId: string, key: Key): string {\n  const normalizedKey =\n    typeof key === 'string' ? key.replace(/\\s*/g, '') : String(key);\n\n  return `${listBoxId}-option-${normalizedKey}`;\n}\n"],"mappings":";;;;;;;;;AASA,SAAgBC,mBAAmBC,WAAmBC,KAAkB;AAItE,QAAO,GAAGD,UAAS,UAFjB,OAAOC,QAAQ,WAAWA,IAAIE,QAAQ,QAAQ,GAAG,GAAGC,OAAOH,IAAI"}

package/dist/components/fields/TagInput/TagInput.d.ts

@@ -1,182 +0,0 @@
-
-import { FieldBaseProps } from "../../../shared/form.js";
-import "../../../shared/index.js";
-import { _CollectionItem } from "../../CollectionItem.js";
-import { CubeTagProps } from "../../content/Tag/Tag.js";
-import { WithNullableValue } from "../../../utils/react/nullableValue.js";
-import { BasePropsWithoutChildren, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import { ForwardedRef, KeyboardEvent, ReactElement, ReactNode, RefObject } from "react";
-import { Section } from "react-stately";
-import { Key as Key$1 } from "@react-types/shared";
-
-//#region src/components/fields/TagInput/TagInput.d.ts
-type FilterFn = (textValue: string, inputValue: string) => boolean;
-type TagInputPopoverTrigger = 'focus' | 'input' | 'manual';
-/**
- * What `validateTag` returns: `true` (or nothing) accepts the value, `false`
- * rejects it with the default message, and a string rejects it with that
- * message.
- */
-type TagValidationResult = boolean | string | null | undefined;
-interface CubeTagInputProps<T = object> extends BasePropsWithoutChildren, ContainerStyleProps, FieldBaseProps<readonly string[] | null | undefined> {
-  /** The values in controlled mode. */
-  value?: readonly string[];
-  /** The initial values in uncontrolled mode. */
-  defaultValue?: readonly string[];
-  /** Called with the whole new list whenever a value is added or removed. */
-  onChange?: (value: string[]) => void;
-  /** The text being typed, in controlled mode. */
-  inputValue?: string;
-  /** The initial text in uncontrolled mode. */
-  defaultInputValue?: string;
-  /** Called when the text being typed changes. */
-  onInputChange?: (value: string) => void;
-  /** Placeholder text for the input. */
-  placeholder?: string;
-  /** HTML `autocomplete` attribute for the input. */
-  autoComplete?: string;
-  /**
-   * Which virtual keyboard the input asks for: `'email'` for addresses,
-   * `'decimal'` for numbers. The input stays a text input, so the browser does
-   * not validate what is typed.
-   */
-  inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
-  /** The label of the virtual keyboard's Enter key. */
-  enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-  /** Called when focus enters the component (input, chips or popover). Receives no event. */
-  onFocus?: () => void;
-  /** Called when focus leaves the component entirely. Receives no event. */
-  onBlur?: () => void;
-  /**
-   * Called when a key is pressed in the input, before the component handles it.
-   * Call `e.preventDefault()` to stop the component from handling the key.
-   */
-  onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
-  /**
-   * Characters that commit the typed text, and that pasted text is split on.
-   * Pasted text is also always split on line breaks. Pass `[]` for values that
-   * may contain the default separator.
-   * @default [',']
-   */
-  delimiters?: string[];
-  /**
-   * Checks one value before it becomes a chip. Return `true` or nothing to
-   * accept it, `false` to reject it with the default message, or a string to
-   * reject it with that message. Also paints existing chips that fail it in the
-   * danger theme. Values picked from the options are not checked.
-   */
-  validateTag?: (value: string) => TagValidationResult;
-  /**
-   * Rewrites a typed value before it is checked and added: lowercase an
-   * address, write a number one way. Duplicates are found after it runs.
-   * Return an empty string to drop the value. Values picked from the options
-   * are not rewritten.
-   */
-  normalizeTag?: (value: string) => string;
-  /**
-   * The most values the field holds. Values past it are refused with a
-   * message and stay in the input.
-   */
-  maxTags?: number;
-  /** Whether leaving the field commits the typed text. @default true */
-  shouldCommitOnBlur?: boolean;
-  /**
-   * Whether a button in the input clears the typed text. It shows while there
-   * is text; the chips have their own remove buttons.
-   */
-  isClearable?: boolean;
-  /** Called when the clear button is pressed. */
-  onClear?: () => void;
-  /** Options to suggest, as data. Pair with a render function in `children`. */
-  items?: Iterable<T>;
-  /**
-   * Options to suggest: `TagInput.Item` elements or a render function for
-   * `items`. Without options the field accepts any typed value.
-   */
-  children?: ReactNode | ((item: T) => ReactElement);
-  /**
-   * Whether typed values that are not among the options are accepted. Only
-   * applies when options are given; without options every value is custom.
-   * @default false
-   */
-  allowsCustomValue?: boolean;
-  /**
-   * Custom filter for the options, or `false` to show every option (for
-   * server-side filtering).
-   */
-  filter?: FilterFn | false;
-  /** Keys of options that cannot be picked. */
-  disabledKeys?: Iterable<Key$1>;
-  /** When the suggestions popover opens. @default 'input' */
-  popoverTrigger?: TagInputPopoverTrigger;
-  /** Called when the suggestions popover opens or closes. */
-  onOpenChange?: (isOpen: boolean) => void;
-  /** Whether to hide the button that toggles the suggestions popover. */
-  hideTrigger?: boolean;
-  /** Where the suggestions popover opens. @default 'bottom' */
-  direction?: 'bottom' | 'top';
-  /** Whether the popover flips when there is no room. @default true */
-  shouldFlip?: boolean;
-  /** Distance between the input and the popover, in pixels. @default 8 */
-  overlayOffset?: number;
-  /** Minimum space between the popover and the viewport edge, in pixels. @default 8 */
-  containerPadding?: number;
-  /**
-   * Props for each chip's `Tag` (theme, icon, label, …), by value. A string
-   * `children` also names the value to screen readers. `isDisabled` locks the
-   * chip: it cannot be removed.
-   */
-  tagProps?: (value: string) => Partial<CubeTagProps> | undefined;
-  /** Left input icon. */
-  icon?: ReactElement;
-  /** Input decoration before the main input. */
-  prefix?: ReactNode;
-  /** Input decoration after the main input. */
-  suffix?: ReactNode;
-  /** Whether the suffix goes before or after the validation and loading icons. */
-  suffixPosition?: 'before' | 'after';
-  /** Size of the input. The chips follow it. @default 'medium' */
-  size?: 'small' | 'medium' | 'large' | (string & {});
-  /** Ref to the input element. */
-  inputRef?: RefObject<HTMLInputElement>;
-  /** Ref to the bordered input box. */
-  wrapperRef?: RefObject<HTMLDivElement>;
-  /** Ref to the popover element. */
-  popoverRef?: RefObject<HTMLDivElement>;
-  /** Ref to the listbox in the popover. */
-  listBoxRef?: RefObject<HTMLDivElement>;
-  /** Styles for the bordered input box. */
-  wrapperStyles?: Styles;
-  /** Styles for the input element. */
-  inputStyles?: Styles;
-  /** Styles for the list of chips. */
-  tagListStyles?: Styles;
-  /** Styles for every chip. */
-  tagStyles?: Styles;
-  /** Styles for the button that toggles the popover. */
-  triggerStyles?: Styles;
-  /** Styles for the popover. */
-  overlayStyles?: Styles;
-  /** Styles for the listbox in the popover. */
-  listBoxStyles?: Styles;
-  /** Styles for each option. */
-  optionStyles?: Styles;
-  /** Styles for option sections. */
-  sectionStyles?: Styles;
-  /** Styles for option section headings. */
-  headingStyles?: Styles;
-}
-/**
- * A field for a list of values, shown as removable chips below a single-line
- * input. Values are typed (Enter or a separator commits them) or picked from
- * suggested options.
- */
-declare const _TagInput: (<T extends object>(props: WithNullableValue<CubeTagInputProps<T>> & {
-  ref?: ForwardedRef<HTMLDivElement>;
-}) => ReactElement) & {
-  Item: typeof _CollectionItem;
-  Section: typeof Section;
-};
-//#endregion
-export { CubeTagInputProps, TagInputPopoverTrigger, TagValidationResult, _TagInput };
-//# sourceMappingURL=TagInput.d.ts.map