@prismicio/editor-ui 0.4.11 → 0.4.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,18 +1,13 @@
1
1
  export declare const gapBetweenTags = 8;
2
- export declare const maxInputContainerSize = 225;
3
2
  export declare const root: string;
4
3
  export declare const overlayMode: {
5
4
  open: string;
6
5
  closed: string;
7
6
  };
8
- export declare const inputContainer: string;
9
- export declare const invisibleBorder: string;
10
- export declare const input: string;
11
7
  export declare const footer: string;
12
8
  export declare const footerTitle: string;
13
9
  export declare const optionsContainer: string;
14
10
  export declare const tagsSkeleton: string;
15
- export declare const extraTagContainer: string;
16
11
  export declare const footerButton: string;
17
12
  export declare const tagErrorContainer: string;
18
13
  export declare const tagErrorLeft: string;
@@ -0,0 +1,6 @@
1
+ export declare const gapBetweenTags = 8;
2
+ export declare const maxInputContainerSize = 225;
3
+ export declare const inputContainer: string;
4
+ export declare const invisibleBorder: string;
5
+ export declare const input: string;
6
+ export declare const extraTagContainer: string;
@@ -0,0 +1,21 @@
1
+ import { RefObject } from "react";
2
+ import { LastItemLocation } from "./useTagFieldHeader";
3
+ interface TagFieldHeaderProps {
4
+ selectedValues: Set<string>;
5
+ searchText: string;
6
+ setSearchText: (searchText: string) => void;
7
+ open: boolean;
8
+ setOpen: (open: boolean) => void;
9
+ isDisabled: boolean | undefined;
10
+ onSelectedValuesChange: (selectedValues: Set<string>) => void;
11
+ onCreateTag: () => void;
12
+ fieldRef: RefObject<HTMLDivElement>;
13
+ }
14
+ export declare function TagFieldHeader(props: TagFieldHeaderProps): JSX.Element;
15
+ interface TagsContainerProps {
16
+ displayedTags: string[];
17
+ extraTags: number;
18
+ removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
19
+ }
20
+ export declare function TagFieldHeaderContent({ displayedTags, extraTags, removeSelectedValue }: TagsContainerProps): JSX.Element;
21
+ export {};
@@ -1,40 +1,14 @@
1
- import { type RefObject, KeyboardEvent } from "react";
2
- import type { TagFieldProps } from "./TagField";
3
- interface UseTagFieldProps extends TagFieldProps {
4
- fieldRef: RefObject<HTMLDivElement>;
5
- tagsContainerRef: RefObject<HTMLDivElement>;
6
- open: boolean;
1
+ import { RefObject } from "react";
2
+ interface UseTagFieldProps {
3
+ selectedValues: Set<string>;
7
4
  setOpen: (open: boolean) => void;
5
+ fieldRef: RefObject<HTMLDivElement>;
6
+ onSelectedValuesChange: (selectedValues: Set<string>) => void;
8
7
  }
9
8
  export declare function useTagField(props: UseTagFieldProps): {
10
9
  searchText: string;
11
10
  setSearchText: import("react").Dispatch<import("react").SetStateAction<string>>;
12
11
  onCreateTag: () => void;
13
12
  addItemToSelectedValues: (valueToAdd: string) => void;
14
- updateSelectedValue: (newValues: string[]) => void;
15
- removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
16
- };
17
- interface UseTagFieldHeaderProps extends TagFieldProps {
18
- fieldRef: RefObject<HTMLDivElement>;
19
- tagsContainerRef: RefObject<HTMLDivElement>;
20
- open: boolean;
21
- setOpen: (open: boolean) => void;
22
- updateSelectedValue(newValues: string[]): void;
23
- }
24
- export declare function useTagFieldHeader(props: UseTagFieldHeaderProps): {
25
- displayedSelectedValues: string[];
26
- extraTags: number;
27
- };
28
- export declare type LastItemLocation = -1;
29
- interface UseHandleKeyboardEntriesProps {
30
- fieldRef: RefObject<HTMLDivElement>;
31
- inputRef: RefObject<HTMLDivElement>;
32
- searchText: string;
33
- setOpen: (open: boolean) => void;
34
- onCreateTag: () => void;
35
- removeSelectedValue: (valueToDelete: string | -1) => void;
36
- }
37
- export declare function useHandleKeyboardEntries(props: UseHandleKeyboardEntriesProps): {
38
- onKeyDown: (evt: KeyboardEvent) => void;
39
13
  };
40
14
  export {};
@@ -0,0 +1,24 @@
1
+ import { KeyboardEvent, RefObject } from "react";
2
+ interface UseTagFieldHeaderProps {
3
+ selectedValues: Set<string>;
4
+ tagsContainerRef: RefObject<HTMLDivElement>;
5
+ open: boolean;
6
+ onSelectedValuesChange: (selectedValues: Set<string>) => void;
7
+ }
8
+ export declare function useTagFieldHeader(props: UseTagFieldHeaderProps): {
9
+ removeSelectedValue: (valueToDelete: string | LastItemLocation) => void;
10
+ displayedSelectedValues: Set<string>;
11
+ extraTags: number;
12
+ };
13
+ export declare type LastItemLocation = -1;
14
+ interface UseHandleKeyboardEntriesProps {
15
+ inputRef: RefObject<HTMLDivElement>;
16
+ searchText: string;
17
+ setOpen: (open: boolean) => void;
18
+ onCreateTag: () => void;
19
+ removeSelectedValue: (valueToDelete: string | -1) => void;
20
+ }
21
+ export declare function useHandleKeyboardEntries(props: UseHandleKeyboardEntriesProps): {
22
+ onKeyDown: (evt: KeyboardEvent) => void;
23
+ };
24
+ export {};