@qyu/reactcmp-dropdown 1.1.0 → 2.0.0

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.
Files changed (84) hide show
  1. package/README.md +173 -69
  2. package/build/bundle/entry/index.js +1268 -385
  3. package/build/declaration/component/button/element/view.d.ts +8 -5
  4. package/build/declaration/component/button/element/virtual.d.ts +9 -0
  5. package/build/declaration/component/container/element/view.d.ts +14 -23
  6. package/build/declaration/component/container/element/virtual.d.ts +13 -0
  7. package/build/declaration/component/content/element/view.d.ts +11 -0
  8. package/build/declaration/component/ctx-state/element/config.d.ts +3 -0
  9. package/build/declaration/component/ctx-state/element/content.d.ts +3 -0
  10. package/build/declaration/component/ctx-state/element/open.d.ts +2 -5
  11. package/build/declaration/component/ctx-state/element/refs.d.ts +3 -0
  12. package/build/declaration/component/ctx-state/hook/init/config.d.ts +8 -0
  13. package/build/declaration/component/ctx-state/hook/init/content.d.ts +6 -0
  14. package/build/declaration/component/ctx-state/hook/init/open.d.ts +7 -0
  15. package/build/declaration/component/ctx-state/hook/init/refs.d.ts +5 -0
  16. package/build/declaration/component/ctx-state/hook/view/config.d.ts +1 -0
  17. package/build/declaration/component/ctx-state/hook/view/content.d.ts +1 -0
  18. package/build/declaration/component/ctx-state/hook/view/open.d.ts +1 -0
  19. package/build/declaration/component/ctx-state/hook/view/refs.d.ts +1 -0
  20. package/build/declaration/component/ctx-state/type/state.d.ts +40 -6
  21. package/build/declaration/component/list-abs/element/view.d.ts +23 -36
  22. package/build/declaration/component/list-fix/element/view.d.ts +24 -36
  23. package/build/declaration/component/list-portal/element/view.d.ts +29 -0
  24. package/build/declaration/hook/closeevt/root.d.ts +8 -0
  25. package/build/declaration/hook/closeevt/root_infer.d.ts +3 -0
  26. package/build/declaration/hook/closeevt/shard.d.ts +9 -0
  27. package/build/declaration/hook/closeevt/shard_infer.d.ts +3 -0
  28. package/build/declaration/hook/ddnparts/list.d.ts +6 -0
  29. package/build/declaration/hook/ddnparts/list_infer.d.ts +3 -0
  30. package/build/declaration/hook/ddnparts/root.d.ts +8 -0
  31. package/build/declaration/hook/ddnparts/root_infer.d.ts +3 -0
  32. package/build/declaration/hook/ddnparts/shard.d.ts +9 -0
  33. package/build/declaration/hook/ddnparts/shard_infer.d.ts +3 -0
  34. package/build/declaration/hook/focus/capture.d.ts +16 -0
  35. package/build/declaration/hook/focus/capture_infer.d.ts +3 -0
  36. package/build/declaration/hook/listpos/api/absolute.d.ts +15 -0
  37. package/build/declaration/hook/listpos/api/fixed.d.ts +18 -0
  38. package/build/declaration/hook/listpos/api/type/api.d.ts +13 -0
  39. package/build/declaration/hook/listpos/api/type/position.d.ts +6 -0
  40. package/build/declaration/hook/listpos/api/type/reverse.d.ts +4 -0
  41. package/build/declaration/hook/listpos/api/type/size.d.ts +4 -0
  42. package/build/declaration/hook/listpos/rearrange/index.d.ts +10 -0
  43. package/build/declaration/hook/listpos/rearrange/type/config.d.ts +7 -0
  44. package/build/declaration/hook/open/view.d.ts +6 -0
  45. package/build/declaration/hook/open/view_infer.d.ts +3 -0
  46. package/build/declaration/hook/ref/merge.d.ts +2 -0
  47. package/build/declaration/hook/ref/o.d.ts +3 -0
  48. package/build/declaration/index.d.ts +58 -3
  49. package/build/declaration/type/fnref.d.ts +4 -0
  50. package/build/declaration/util/clname/merge.d.ts +1 -0
  51. package/build/declaration/util/closeevt/type/config.d.ts +11 -0
  52. package/build/declaration/util/cssprops/new/position.d.ts +3 -0
  53. package/build/declaration/util/cssprops/new/size.d.ts +9 -0
  54. package/build/declaration/util/focus/config/type/config.d.ts +6 -0
  55. package/build/declaration/util/prop/align/new/index.d.ts +2 -0
  56. package/build/declaration/util/prop/align/new/reversed.d.ts +2 -0
  57. package/build/declaration/util/prop/align/type/prop.d.ts +2 -0
  58. package/build/declaration/util/prop/clmap/def/container.d.ts +6 -0
  59. package/build/declaration/util/prop/clmap/def/content.d.ts +8 -0
  60. package/build/declaration/util/prop/clmap/def/listabs.d.ts +15 -0
  61. package/build/declaration/util/prop/clmap/def/listfix.d.ts +16 -0
  62. package/build/declaration/util/prop/clmap/new/index.d.ts +2 -0
  63. package/build/declaration/util/prop/clmap/type/prop.d.ts +4 -0
  64. package/build/declaration/util/prop/direction/new/index.d.ts +2 -0
  65. package/build/declaration/util/prop/direction/type/prop.d.ts +2 -0
  66. package/build/declaration/util/prop/justify/new/index.d.ts +2 -0
  67. package/build/declaration/util/prop/justify/new/reversed.d.ts +2 -0
  68. package/build/declaration/util/prop/justify/type/prop.d.ts +2 -0
  69. package/build/declaration/util/prop/portal/new/index.d.ts +2 -0
  70. package/build/declaration/util/prop/portal/type/prop.d.ts +2 -0
  71. package/build/declaration/util/ref/use.d.ts +2 -0
  72. package/build/style/index.css +132 -0
  73. package/build/style/index.css.d.ts +21 -0
  74. package/package.json +6 -9
  75. package/build/declaration/component/container/hook/useDropdownCloseEvents.d.ts +0 -15
  76. package/build/declaration/type/params.d.ts +0 -6
  77. package/build/declaration/util/cl.d.ts +0 -1
  78. package/build/declaration/util/nprop/index.d.ts +0 -4
  79. package/build/declaration/util/stylemap/new/remap.d.ts +0 -2
  80. package/build/declaration/util/stylemap/type/StyleMap.d.ts +0 -3
  81. package/build/style/index.global.css +0 -110
  82. package/build/style/index.global.css.d.ts +0 -21
  83. package/build/style/index.module.css +0 -110
  84. package/build/style/index.module.css.d.ts +0 -20
@@ -1,7 +1,10 @@
1
1
  import * as r from "react";
2
- export type Cmp_Button_Props = Readonly<{
3
- className?: string;
4
- children?: r.ReactNode;
5
- }>;
6
- export declare const CmpButton: r.FC<Cmp_Button_Props>;
2
+ export type CmpButton_Props = {
3
+ readonly isroot?: boolean;
4
+ readonly render_view?: (props: r.JSX.IntrinsicElements["button"]) => r.ReactNode;
5
+ readonly disabled?: boolean;
6
+ readonly className?: string;
7
+ readonly children?: r.ReactNode;
8
+ };
9
+ export declare const CmpButton: r.NamedExoticComponent<CmpButton_Props & r.RefAttributes<HTMLButtonElement>>;
7
10
  export default CmpButton;
@@ -0,0 +1,9 @@
1
+ import type { FnORefHTML } from "../../../type/fnref.js";
2
+ import * as r from "react";
3
+ export type CmpButtonVirtual_Props = {
4
+ readonly target: FnORefHTML;
5
+ readonly isroot?: boolean;
6
+ readonly children?: r.ReactNode;
7
+ };
8
+ export declare const CmpButtonVirtual: r.NamedExoticComponent<CmpButtonVirtual_Props>;
9
+ export default CmpButtonVirtual;
@@ -1,26 +1,17 @@
1
- import { type UseDropdownCloseEvents_Config } from "../hook/useDropdownCloseEvents.js";
2
1
  import type { FnSetterStateful } from "../../../type/setter.js";
2
+ import type { CloseEvt_ConfigFull } from "../../../util/closeevt/type/config.js";
3
+ import type { Focus_Config } from "../../../util/focus/config/type/config.js";
4
+ import { prop_clmap_def_container } from "../../../util/prop/clmap/def/container.js";
5
+ import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
3
6
  import * as r from "react";
4
- declare const stylemap: {
5
- readonly container: "container";
7
+ export type CmpContainer_Props = {
8
+ readonly open?: boolean;
9
+ readonly open_set?: FnSetterStateful<boolean>;
10
+ readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
11
+ readonly focus?: Partial<Focus_Config>;
12
+ readonly closeevt?: Partial<CloseEvt_ConfigFull>;
13
+ readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_container>;
14
+ readonly className?: string;
15
+ readonly children?: r.ReactNode;
6
16
  };
7
- export type CmpContainer_StyleModule = {
8
- [K in keyof typeof stylemap]?: string | null;
9
- };
10
- export type CmpContainer_Props = Readonly<{
11
- open?: boolean;
12
- open_set?: FnSetterStateful<boolean>;
13
- className?: string;
14
- children?: r.ReactNode;
15
- stylemodule?: CmpContainer_StyleModule;
16
- closeevents?: UseDropdownCloseEvents_Config;
17
- }>;
18
- export declare const CmpContainer: r.NamedExoticComponent<Readonly<{
19
- open?: boolean;
20
- open_set?: FnSetterStateful<boolean>;
21
- className?: string;
22
- children?: r.ReactNode;
23
- stylemodule?: CmpContainer_StyleModule;
24
- closeevents?: UseDropdownCloseEvents_Config;
25
- }> & r.RefAttributes<HTMLDivElement>>;
26
- export {};
17
+ export declare const CmpContainer: r.NamedExoticComponent<CmpContainer_Props & r.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,13 @@
1
+ import type { FnSetterStateful } from "../../../type/setter.js";
2
+ import type { CloseEvt_ConfigFull } from "../../../util/closeevt/type/config.js";
3
+ import type { Focus_Config } from "../../../util/focus/config/type/config.js";
4
+ import * as r from "react";
5
+ export type CmpContainerVirtual_Props = {
6
+ readonly open?: boolean;
7
+ readonly open_set?: FnSetterStateful<boolean>;
8
+ readonly className?: string;
9
+ readonly children?: r.ReactNode;
10
+ readonly focus?: Partial<Focus_Config>;
11
+ readonly closeevt?: Partial<CloseEvt_ConfigFull>;
12
+ };
13
+ export declare const CmpContainerVirtual: r.NamedExoticComponent<CmpContainerVirtual_Props>;
@@ -0,0 +1,11 @@
1
+ import { type PropClMap_DefContent } from "../../../util/prop/clmap/def/content.js";
2
+ import * as r from "react";
3
+ export type CmpContent_Props = {
4
+ readonly focus_noguards?: boolean;
5
+ readonly clmap?: PropClMap_DefContent;
6
+ readonly className?: string;
7
+ readonly children?: r.ReactNode;
8
+ readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
9
+ };
10
+ export declare const CmpContent: r.NamedExoticComponent<CmpContent_Props & r.RefAttributes<HTMLDivElement>>;
11
+ export default CmpContent;
@@ -0,0 +1,3 @@
1
+ import type { CmpCtxState_StateConfig } from "../type/state.js";
2
+ import * as r from "react";
3
+ export declare const CmpCtxState_Config: r.Context<CmpCtxState_StateConfig | null>;
@@ -0,0 +1,3 @@
1
+ import type { CmpCtxState_StateContent } from "../type/state.js";
2
+ import * as r from "react";
3
+ export declare const CmpCtxState_Content: r.Context<CmpCtxState_StateContent | null>;
@@ -1,6 +1,3 @@
1
+ import type { CmpCtxState_StateOpen } from "../type/state.js";
1
2
  import * as r from "react";
2
- export declare const CmpCtxState_Open: r.Context<Readonly<{
3
- ref: r.RefObject<HTMLDivElement | null>;
4
- open: boolean;
5
- open_set: import("../../../index.js").FnSetterStateful<boolean>;
6
- }> | null>;
3
+ export declare const CmpCtxState_Open: r.Context<CmpCtxState_StateOpen | null>;
@@ -0,0 +1,3 @@
1
+ import type { CmpCtxState_StateRefs } from "../type/state.js";
2
+ import * as r from "react";
3
+ export declare const CmpCtxState_Refs: r.Context<CmpCtxState_StateRefs | null>;
@@ -0,0 +1,8 @@
1
+ import type { CmpCtxState_StateConfig } from "../../type/state.js";
2
+ import type { CloseEvt_ConfigFull } from "../../../../util/closeevt/type/config.js";
3
+ import type { Focus_Config } from "../../../../util/focus/config/type/config.js";
4
+ export type UseCtxStateInitConfig_Params = {
5
+ readonly focus?: Partial<Focus_Config>;
6
+ readonly closeevt?: Partial<CloseEvt_ConfigFull>;
7
+ };
8
+ export declare const useCtxStateInitConfig: (params: UseCtxStateInitConfig_Params) => CmpCtxState_StateConfig;
@@ -0,0 +1,6 @@
1
+ import type { CmpCtxState_StateContent } from "../../type/state.js";
2
+ import * as r from "react";
3
+ export type UseCtxStateInitContent_Params = {
4
+ readonly ref_content: r.RefObject<HTMLElement | null>;
5
+ };
6
+ export declare const useCtxStateInitContent: (params: UseCtxStateInitContent_Params) => CmpCtxState_StateContent;
@@ -0,0 +1,7 @@
1
+ import type { CmpCtxState_StateOpen } from "../../type/state.js";
2
+ import type { FnSetterStateful } from "../../../../type/setter.js";
3
+ export type UseCtxStateInitOpen_Params = {
4
+ readonly open?: boolean;
5
+ readonly open_set?: FnSetterStateful<boolean>;
6
+ };
7
+ export declare const useCtxStateInitOpen: (params: UseCtxStateInitOpen_Params) => CmpCtxState_StateOpen;
@@ -0,0 +1,5 @@
1
+ import type { CmpCtxState_StateRefs } from "../../type/state.js";
2
+ export type UseCtxStateInitRefs_Params = {
3
+ readonly container_real: boolean;
4
+ };
5
+ export declare const useCtxStateInitRefs: (params: UseCtxStateInitRefs_Params) => CmpCtxState_StateRefs;
@@ -0,0 +1 @@
1
+ export declare const useCtxStateConfig: () => import("../../type/state.js").CmpCtxState_StateConfig;
@@ -0,0 +1 @@
1
+ export declare const useCtxStateContent: () => import("../../type/state.js").CmpCtxState_StateContent;
@@ -0,0 +1 @@
1
+ export declare const useCtxStateOpen: () => import("../../type/state.js").CmpCtxState_StateOpen;
@@ -0,0 +1 @@
1
+ export declare const useCtxStateRefs: () => import("../../type/state.js").CmpCtxState_StateRefs;
@@ -1,7 +1,41 @@
1
+ import type { FnORefHTML } from "../../../type/fnref.js";
1
2
  import type { FnSetterStateful } from "../../../type/setter.js";
2
- import * as r from "react";
3
- export type CmpCtxState_StateOpen = Readonly<{
4
- ref: r.RefObject<HTMLDivElement | null>;
5
- open: boolean;
6
- open_set: FnSetterStateful<boolean>;
7
- }>;
3
+ import type { CloseEvt_ConfigFull } from "../../../util/closeevt/type/config.js";
4
+ import type { Focus_Config } from "../../../util/focus/config/type/config.js";
5
+ import type * as r from "react";
6
+ export type CmpCtxState_StateOpen = {
7
+ readonly open_local: boolean;
8
+ readonly open_inherited: boolean;
9
+ readonly open_set: FnSetterStateful<boolean>;
10
+ };
11
+ export type CmpCtxState_StateRefs_CascadeApi = {
12
+ readonly increment: VoidFunction;
13
+ readonly decrement: VoidFunction;
14
+ };
15
+ export type CmpCtxState_StateRefs_Register = {
16
+ readonly it_up: Iterable<FnORefHTML>;
17
+ readonly it_down: Iterable<FnORefHTML>;
18
+ readonly it_full: Iterable<FnORefHTML>;
19
+ readonly it_local: Iterable<FnORefHTML>;
20
+ readonly it_context: Iterable<FnORefHTML>;
21
+ readonly add_own: (ref: FnORefHTML) => void;
22
+ readonly delete_own: (ref: FnORefHTML) => void;
23
+ readonly add_down: (ref: FnORefHTML) => void;
24
+ readonly delete_down: (ref: FnORefHTML) => void;
25
+ };
26
+ export type CmpCtxState_StateRefs = {
27
+ readonly rootref: ReadonlySet<FnORefHTML>;
28
+ readonly rootref_set: FnSetterStateful<ReadonlySet<FnORefHTML>>;
29
+ readonly cascade: number;
30
+ readonly cascade_api: CmpCtxState_StateRefs_CascadeApi;
31
+ readonly container_real: boolean;
32
+ readonly register: CmpCtxState_StateRefs_Register;
33
+ readonly shardevt_scroll: Set<(event: Event) => void>;
34
+ };
35
+ export type CmpCtxState_StateConfig = {
36
+ readonly focus: Partial<Focus_Config>;
37
+ readonly closeevt: Partial<CloseEvt_ConfigFull>;
38
+ };
39
+ export type CmpCtxState_StateContent = {
40
+ readonly ref_content: r.RefObject<HTMLElement | null>;
41
+ };
@@ -1,39 +1,26 @@
1
- import type { AlignRaw, DirectionRaw, JustifyRaw } from "../../../type/params.js";
1
+ import type { ListPosRearrange_Config } from "../../../hook/listpos/rearrange/type/config.js";
2
+ import type { PropAlign_Raw } from "../../../util/prop/align/type/prop.js";
3
+ import { prop_clmap_def_content } from "../../../util/prop/clmap/def/content.js";
4
+ import { prop_clmap_def_listabs } from "../../../util/prop/clmap/def/listabs.js";
5
+ import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
6
+ import type { PropDirection_Raw } from "../../../util/prop/direction/type/prop.js";
7
+ import type { PropJustify_Raw } from "../../../util/prop/justify/type/prop.js";
2
8
  import * as r from "react";
3
- declare const stylemap: {
4
- readonly listabs: "listabs";
5
- readonly listabs_open: "listabs_open";
6
- readonly listabs_justify_start: "listabs_justify_start";
7
- readonly listabs_justify_end: "listabs_justify_end";
8
- readonly listabs_align_start: "listabs_align_start";
9
- readonly listabs_align_end: "listabs_align_end";
10
- readonly listabs_align_center: "listabs_align_center";
11
- readonly listabs_vertical: "listabs_vertical";
12
- readonly listabs_horizontal: "listabs_horizontal";
9
+ export type CmpListAbs_Props = {
10
+ readonly gap?: number;
11
+ readonly lazy?: boolean;
12
+ readonly align?: PropAlign_Raw;
13
+ readonly justify?: PropJustify_Raw;
14
+ readonly direction?: PropDirection_Raw;
15
+ readonly transition_nosize?: boolean;
16
+ readonly rearrange?: Partial<ListPosRearrange_Config>;
17
+ readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_listabs>;
18
+ readonly clmap_content?: PropClMap_Raw<keyof typeof prop_clmap_def_content>;
19
+ readonly event_visible_change?: (visible: boolean) => void;
20
+ readonly event_transition_change?: (name: string, active: boolean) => void;
21
+ readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
22
+ readonly className?: string;
23
+ readonly children?: r.ReactNode | (() => r.ReactNode);
13
24
  };
14
- export type CmpListAbs_StyleModule = {
15
- [K in keyof typeof stylemap]?: string | null;
16
- };
17
- export type CmpListAbs_Props = Readonly<{
18
- gap?: number;
19
- lazy?: boolean;
20
- align?: AlignRaw;
21
- tabIndex?: number;
22
- justify?: JustifyRaw;
23
- direction?: DirectionRaw;
24
- className?: string;
25
- stylemodule?: CmpListAbs_StyleModule;
26
- children?: r.ReactNode | (() => r.ReactNode);
27
- }>;
28
- export declare const CmpListAbs: r.NamedExoticComponent<Readonly<{
29
- gap?: number;
30
- lazy?: boolean;
31
- align?: AlignRaw;
32
- tabIndex?: number;
33
- justify?: JustifyRaw;
34
- direction?: DirectionRaw;
35
- className?: string;
36
- stylemodule?: CmpListAbs_StyleModule;
37
- children?: r.ReactNode | (() => r.ReactNode);
38
- }> & r.RefAttributes<HTMLDivElement>>;
25
+ export declare const CmpListAbs: r.NamedExoticComponent<CmpListAbs_Props & r.RefAttributes<HTMLDivElement>>;
39
26
  export default CmpListAbs;
@@ -1,39 +1,27 @@
1
- import type { AlignRaw, DirectionRaw, JustifyRaw } from "../../../type/params.js";
1
+ import type { ListPosRearrange_Config } from "../../../hook/listpos/rearrange/type/config.js";
2
+ import type { PropAlign_Raw } from "../../../util/prop/align/type/prop.js";
3
+ import { prop_clmap_def_content } from "../../../util/prop/clmap/def/content.js";
4
+ import { prop_clmap_def_listfix } from "../../../util/prop/clmap/def/listfix.js";
5
+ import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
6
+ import type { PropDirection_Raw } from "../../../util/prop/direction/type/prop.js";
7
+ import type { PropJustify_Raw } from "../../../util/prop/justify/type/prop.js";
2
8
  import * as r from "react";
3
- declare const stylemap: {
4
- readonly listfix: "listfix";
5
- readonly listfix_open: "listfix_open";
6
- readonly listfix_justify_start: "listfix_justify_start";
7
- readonly listfix_justify_end: "listfix_justify_end";
8
- readonly listfix_align_start: "listfix_align_start";
9
- readonly listfix_align_end: "listfix_align_end";
10
- readonly listfix_align_center: "listfix_align_center";
11
- readonly listfix_vertical: "listfix_vertical";
12
- readonly listfix_horizontal: "listfix_horizontal";
9
+ export type CmpListFix_Props = {
10
+ readonly gap?: number;
11
+ readonly lazy?: boolean;
12
+ readonly align?: PropAlign_Raw;
13
+ readonly justify?: PropJustify_Raw;
14
+ readonly direction?: PropDirection_Raw;
15
+ readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_listfix>;
16
+ readonly clmap_content?: PropClMap_Raw<keyof typeof prop_clmap_def_content>;
17
+ readonly transition_nopos?: boolean;
18
+ readonly transition_nosize?: boolean;
19
+ readonly rearrange?: Partial<ListPosRearrange_Config>;
20
+ readonly event_visible_change?: (visible: boolean) => void;
21
+ readonly event_transition_change?: (name: string, active: boolean) => void;
22
+ readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
23
+ readonly className?: string;
24
+ readonly children?: r.ReactNode | (() => r.ReactNode);
13
25
  };
14
- export type CmpListFix_StyleModule = {
15
- [K in keyof typeof stylemap]?: string | null;
16
- };
17
- export type CmpListFix_Props = Readonly<{
18
- gap?: number;
19
- lazy?: boolean;
20
- align?: AlignRaw;
21
- tabIndex?: number;
22
- justify?: JustifyRaw;
23
- direction?: DirectionRaw;
24
- className?: string;
25
- stylemodule?: CmpListFix_StyleModule;
26
- children?: r.ReactNode | (() => r.ReactNode);
27
- }>;
28
- export declare const CmpListFix: r.NamedExoticComponent<Readonly<{
29
- gap?: number;
30
- lazy?: boolean;
31
- align?: AlignRaw;
32
- tabIndex?: number;
33
- justify?: JustifyRaw;
34
- direction?: DirectionRaw;
35
- className?: string;
36
- stylemodule?: CmpListFix_StyleModule;
37
- children?: r.ReactNode | (() => r.ReactNode);
38
- }> & r.RefAttributes<HTMLDivElement>>;
26
+ export declare const CmpListFix: r.NamedExoticComponent<CmpListFix_Props & r.RefAttributes<HTMLDivElement>>;
39
27
  export default CmpListFix;
@@ -0,0 +1,29 @@
1
+ import type { ListPosRearrange_Config } from "../../../hook/listpos/rearrange/type/config.js";
2
+ import type { PropAlign_Raw } from "../../../util/prop/align/type/prop.js";
3
+ import { prop_clmap_def_content } from "../../../util/prop/clmap/def/content.js";
4
+ import { prop_clmap_def_listfix } from "../../../util/prop/clmap/def/listfix.js";
5
+ import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
6
+ import type { PropDirection_Raw } from "../../../util/prop/direction/type/prop.js";
7
+ import type { PropJustify_Raw } from "../../../util/prop/justify/type/prop.js";
8
+ import type { PropPortal_Raw } from "../../../util/prop/portal/type/prop.js";
9
+ import * as r from "react";
10
+ export type CmpListPortal_Props = {
11
+ readonly portal: NonNullable<PropPortal_Raw>;
12
+ readonly gap?: number;
13
+ readonly lazy?: boolean;
14
+ readonly align?: PropAlign_Raw;
15
+ readonly justify?: PropJustify_Raw;
16
+ readonly direction?: PropDirection_Raw;
17
+ readonly transition_nopos?: boolean;
18
+ readonly transition_nosize?: boolean;
19
+ readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_listfix>;
20
+ readonly clmap_content?: PropClMap_Raw<keyof typeof prop_clmap_def_content>;
21
+ readonly rearrange?: Partial<ListPosRearrange_Config>;
22
+ readonly event_visible_change?: (visible: boolean) => void;
23
+ readonly event_transition_change?: (name: string, active: boolean) => void;
24
+ readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
25
+ readonly className?: string;
26
+ readonly children?: r.ReactNode | (() => r.ReactNode);
27
+ };
28
+ export declare const CmpListPortal: r.NamedExoticComponent<CmpListPortal_Props & r.RefAttributes<HTMLDivElement>>;
29
+ export default CmpListPortal;
@@ -0,0 +1,8 @@
1
+ import type { CmpCtxState_StateConfig, CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
2
+ export type UseCloseEvtRoot_Params = {
3
+ readonly active: boolean;
4
+ readonly ctxstate_open: CmpCtxState_StateOpen;
5
+ readonly ctxstate_refs: CmpCtxState_StateRefs;
6
+ readonly ctxstate_config: CmpCtxState_StateConfig;
7
+ };
8
+ export declare const useCloseEvtRoot: (params: UseCloseEvtRoot_Params) => void;
@@ -0,0 +1,3 @@
1
+ import { type UseCloseEvtRoot_Params } from "./root.js";
2
+ export type UseCloseEvtRootInfer_Params = Omit<UseCloseEvtRoot_Params, ("ctxstate_open" | "ctxstate_refs" | "ctxstate_config")>;
3
+ export declare const useCloseEvtRootInfer: (params: UseCloseEvtRootInfer_Params) => void;
@@ -0,0 +1,9 @@
1
+ import type { CmpCtxState_StateConfig, CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
2
+ export type UseCloseEvtShard_Params = {
3
+ readonly active: boolean;
4
+ readonly ref: () => HTMLElement | null;
5
+ readonly ctxstate_refs: CmpCtxState_StateRefs;
6
+ readonly ctxstate_open: CmpCtxState_StateOpen;
7
+ readonly ctxstate_config: CmpCtxState_StateConfig;
8
+ };
9
+ export declare const useCloseEvtShard: (params: UseCloseEvtShard_Params) => void;
@@ -0,0 +1,3 @@
1
+ import { type UseCloseEvtShard_Params } from "./shard.js";
2
+ export type UseCloseEvtShardInfer_Params = Omit<UseCloseEvtShard_Params, ("ctxstate_open" | "ctxstate_refs" | "ctxstate_config")>;
3
+ export declare const useCloseEvtShardInfer: (params: UseCloseEvtShardInfer_Params) => void;
@@ -0,0 +1,6 @@
1
+ import type { CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
2
+ export type UseDDNList_Params = {
3
+ readonly visible: boolean;
4
+ readonly ctxstate_refs: CmpCtxState_StateRefs;
5
+ };
6
+ export declare const useDDNList: (params: UseDDNList_Params) => void;
@@ -0,0 +1,3 @@
1
+ import { type UseDDNList_Params } from "./list.js";
2
+ export type UseDDNListInfer_Params = Omit<UseDDNList_Params, ("ctxstate_refs")>;
3
+ export declare const useDDNListInfer: (params: UseDDNListInfer_Params) => void;
@@ -0,0 +1,8 @@
1
+ import type { CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
2
+ import type { FnORefHTML } from "../../type/fnref.js";
3
+ export type UseDDNRoot_Params = {
4
+ readonly active: boolean;
5
+ readonly ref: FnORefHTML;
6
+ readonly ctxstate_refs: CmpCtxState_StateRefs;
7
+ };
8
+ export declare const useDDNRoot: (params: UseDDNRoot_Params) => void;
@@ -0,0 +1,3 @@
1
+ import { type UseDDNRoot_Params } from "./root.js";
2
+ export type UseDDNRootInfer_Params = Omit<UseDDNRoot_Params, ("ctxstate_refs")>;
3
+ export declare const useDDNRootInfer: (params: UseDDNRootInfer_Params) => void;
@@ -0,0 +1,9 @@
1
+ import type { CmpCtxState_StateConfig, CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
2
+ export type UseDDNShard_Params = {
3
+ readonly isolated: boolean;
4
+ readonly ref: () => HTMLElement | null;
5
+ readonly ctxstate_open: CmpCtxState_StateOpen;
6
+ readonly ctxstate_refs: CmpCtxState_StateRefs;
7
+ readonly ctxstate_config: CmpCtxState_StateConfig;
8
+ };
9
+ export declare const useDDNShard: (params: UseDDNShard_Params) => void;
@@ -0,0 +1,3 @@
1
+ import { type UseDDNShard_Params } from "./shard.js";
2
+ export type UseDDNShardInfer_Params = Omit<UseDDNShard_Params, ("ctxstate_open" | "ctxstate_refs" | "ctxstate_config")>;
3
+ export declare const useDDNShardInfer: (params: UseDDNShardInfer_Params) => void;
@@ -0,0 +1,16 @@
1
+ import type { CmpCtxState_StateConfig, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
2
+ import type { FnORefHTML } from "../../type/fnref.js";
3
+ export type UseFocusCapture_Api = {
4
+ readonly capture: VoidFunction;
5
+ readonly restore: VoidFunction;
6
+ };
7
+ export type UseFocusCapture_Return = {
8
+ readonly api: UseFocusCapture_Api;
9
+ };
10
+ export type UseFocusCapture_Params = {
11
+ readonly open: boolean;
12
+ readonly ref_target: FnORefHTML;
13
+ readonly ctxstate_refs: CmpCtxState_StateRefs;
14
+ readonly ctxstate_config: CmpCtxState_StateConfig;
15
+ };
16
+ export declare function useFocusCapture(params: UseFocusCapture_Params): void;
@@ -0,0 +1,3 @@
1
+ import { type UseFocusCapture_Params } from "./capture.js";
2
+ export type UseFocusCaptureInfer_Params = Omit<UseFocusCapture_Params, ("ctxstate_config" | "ctxstate_refs")>;
3
+ export declare const useFocusCaptureInfer: (params: UseFocusCaptureInfer_Params) => void;
@@ -0,0 +1,15 @@
1
+ import type { ListPosApi_Api } from "./type/api.js";
2
+ import type { ListPosApi_Reverse } from "./type/reverse.js";
3
+ import type { ListPosApi_Size } from "./type/size.js";
4
+ import type { PropClMap_DefContent } from "../../../util/prop/clmap/def/content.js";
5
+ export type UseListPosAbsolute_Return = {
6
+ readonly api: ListPosApi_Api;
7
+ readonly size: ListPosApi_Size;
8
+ readonly reverse: ListPosApi_Reverse;
9
+ };
10
+ export type UseListPosAbsolute_Params = {
11
+ readonly ref_list: () => HTMLElement | null;
12
+ readonly ref_content: () => HTMLElement | null;
13
+ readonly clmap_content: PropClMap_DefContent;
14
+ };
15
+ export declare const useListPosApiAbsolute: (params: UseListPosAbsolute_Params) => UseListPosAbsolute_Return;
@@ -0,0 +1,18 @@
1
+ import type { ListPosApi_Api } from "./type/api.js";
2
+ import type { ListPosApi_Position } from "./type/position.js";
3
+ import type { ListPosApi_Reverse } from "./type/reverse.js";
4
+ import type { ListPosApi_Size } from "./type/size.js";
5
+ import type { FnORefHTML } from "../../../type/fnref.js";
6
+ import type { PropClMap_DefContent } from "../../../util/prop/clmap/def/content.js";
7
+ export type UseListPosFixed_Return = {
8
+ readonly api: ListPosApi_Api;
9
+ readonly size: ListPosApi_Size;
10
+ readonly reverse: ListPosApi_Reverse;
11
+ readonly position: ListPosApi_Position;
12
+ };
13
+ export type UseListPosFixed_Params = {
14
+ readonly ref_list: FnORefHTML;
15
+ readonly ref_content: FnORefHTML;
16
+ readonly clmap_content: PropClMap_DefContent;
17
+ };
18
+ export declare const useListPosApiFixed: (params: UseListPosFixed_Params) => UseListPosFixed_Return;
@@ -0,0 +1,13 @@
1
+ import type { PropAlign } from "../../../../util/prop/align/type/prop.js";
2
+ import type { PropDirection } from "../../../../util/prop/direction/type/prop.js";
3
+ import type { PropJustify } from "../../../../util/prop/justify/type/prop.js";
4
+ export type ListPosApi_Config = {
5
+ readonly gap: number;
6
+ readonly align: PropAlign;
7
+ readonly justify: PropJustify;
8
+ readonly direction: PropDirection;
9
+ };
10
+ export type ListPosApi_Api = {
11
+ readonly clear: VoidFunction;
12
+ readonly rearrange: (config: ListPosApi_Config) => void;
13
+ };
@@ -0,0 +1,6 @@
1
+ export type ListPosApi_Position = {
2
+ readonly top: number | null;
3
+ readonly left: number | null;
4
+ readonly right: number | null;
5
+ readonly bottom: number | null;
6
+ };
@@ -0,0 +1,4 @@
1
+ export type ListPosApi_Reverse = {
2
+ readonly align: boolean;
3
+ readonly justify: boolean;
4
+ };
@@ -0,0 +1,4 @@
1
+ export type ListPosApi_Size = {
2
+ readonly width: number | null;
3
+ readonly height: number | null;
4
+ };
@@ -0,0 +1,10 @@
1
+ import type { ListPosRearrange_Config } from "./type/config.js";
2
+ import type { ListPosApi_Api, ListPosApi_Config } from "../api/type/api.js";
3
+ export type UseListPosRearrange_Params = {
4
+ readonly open: boolean;
5
+ readonly active: boolean;
6
+ readonly api: ListPosApi_Api;
7
+ readonly api_config: ListPosApi_Config;
8
+ readonly rearrange_config?: Partial<ListPosRearrange_Config>;
9
+ };
10
+ export declare const useListPosRearrange: (params: UseListPosRearrange_Params) => void;
@@ -0,0 +1,7 @@
1
+ export type ListPosRearrange_Config = {
2
+ readonly deps: any[];
3
+ readonly open: boolean;
4
+ readonly scroll: boolean;
5
+ readonly resize: boolean;
6
+ readonly polling: boolean;
7
+ };
@@ -0,0 +1,6 @@
1
+ import type { CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
2
+ export type UseOpen_Params = {
3
+ readonly ctxstate_open: CmpCtxState_StateOpen;
4
+ readonly ctxstate_refs: CmpCtxState_StateRefs;
5
+ };
6
+ export declare const useOpen: (params: UseOpen_Params) => boolean;
@@ -0,0 +1,3 @@
1
+ import { type UseOpen_Params } from "./view.js";
2
+ export type UseOpenInfer_Params = Omit<UseOpen_Params, ("ctxstate_open" | "ctxstate_refs")>;
3
+ export declare const useOpenInfer: (params: UseOpenInfer_Params) => boolean;
@@ -0,0 +1,2 @@
1
+ import * as r from "react";
2
+ export declare const useRefMerge: <T>(...refs: r.Ref<T>[]) => (v: T) => void;
@@ -0,0 +1,3 @@
1
+ import type { FnORef } from "../../type/fnref.js";
2
+ import * as r from "react";
3
+ export declare const useRefO: <T>(ref: r.RefObject<T>) => FnORef<T>;