@1771technologies/lytenyte-pro 0.0.42 → 0.0.43

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 (33) hide show
  1. package/dist/CompositeList-CGRaS6LQ.js +149 -0
  2. package/dist/DirectionContext-DIPP5cAe.js +15 -0
  3. package/dist/InternalBackdrop-C4RACVzs.js +324 -0
  4. package/dist/{anchor-context-B9sGQdR5.js → PopoverPortalContext-BdsDjihw.js} +4 -13
  5. package/dist/anchor-context-Cqr_oiJt.js +11 -0
  6. package/dist/column-manager.js +5 -3
  7. package/dist/{MenuRoot-9n64jNWP.js → column-menu-driver-cG-EZgLa.js} +49 -282
  8. package/dist/dialog.js +3 -3
  9. package/dist/{use-grid-DKvzGZWc.js → drag-store-CO3z13Ju.js} +34 -44
  10. package/dist/filter-manager.js +3 -2
  11. package/dist/index.js +97 -120
  12. package/dist/lytenyte-pro.css +9 -0
  13. package/dist/menu-CkfZmNR3.js +1879 -0
  14. package/dist/menu.js +2 -1637
  15. package/dist/{pill-C4Jhdf8E.js → pill-gga9iHqS.js} +44 -49
  16. package/dist/pill-manager.js +73 -10
  17. package/dist/popover.js +30 -5
  18. package/dist/{InternalBackdrop-Dm9czgoC.js → proptypes-BjYr2nFr.js} +25 -299
  19. package/dist/{select-C6xOZZLq.js → select-qluHi8ET.js} +7 -7
  20. package/dist/sort-manager.js +2 -2
  21. package/dist/types/menu/menu-impl.d.ts +1 -1
  22. package/dist/types/menu/menu.d.ts +1 -1
  23. package/dist/types/menu-frame/menu-frame-driver.d.ts +1 -0
  24. package/dist/types/pill-manager/pill-manager-impl.d.ts +1 -0
  25. package/dist/types/pill-manager/pill-manager-pill.d.ts +1 -0
  26. package/dist/{useAnchorPositioning-Cm44rb7y.js → useAnchorPositioning-52zK7jlD.js} +2 -13
  27. package/dist/{useButton-Cy7tjZ__.js → useButton-DWXzFgcr.js} +2 -1
  28. package/dist/{useScrollLock-D6h5lZYs.js → useScrollLock-D4UY33Sb.js} +15 -105
  29. package/package.json +15 -15
  30. package/dist/arrow-svg-evmXDI_J.js +0 -29
  31. package/dist/useBaseUiId-J66PFGv_.js +0 -48
  32. package/dist/useCompositeListItem-I14CpQPi.js +0 -51
  33. /package/dist/types/{popover → anchor-context}/anchor-context.d.ts +0 -0
@@ -1,20 +1,20 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { clsx } from "@1771technologies/js-utils";
3
3
  import { A as ArrowDownIcon } from "./arrow-down-icon-B-3ldODD.js";
4
- import { d as CheckMark } from "./use-grid-DKvzGZWc.js";
4
+ import { c as CheckMark } from "./drag-store-CO3z13Ju.js";
5
5
  import "@1771technologies/react-sizer";
6
6
  import "@1771technologies/react-utils";
7
7
  import "@1771technologies/grid-provider";
8
8
  import * as React from "react";
9
9
  import "@1771technologies/react-dragon";
10
10
  import "@1771technologies/grid-core";
11
- import { j as useEventCallback, m as mergeProps, u as useEnhancedEffect, y as useOpenChangeComplete, z as useFloatingRootContext, C as useClick, D as useDismiss, E as useRole, G as useListNavigation, J as useTypeahead, K as useInteractions, P as PropTypes, k as useForkRef, O as contains, Q as pressableTriggerOpenStateMapping, v as useComponentRenderer, F as FloatingPortal, H as HTMLElementType, r as refType, w as popupStateMapping, I as InternalBackdrop, M as FloatingFocusManager, a as useLatestRef } from "./InternalBackdrop-Dm9czgoC.js";
12
- import { u as useBaseUiId, t as transitionStatusMapping } from "./useBaseUiId-J66PFGv_.js";
13
- import { a as useControlled, b as useTransitionStatus, o as ownerDocument, c as useScrollLock, C as CompositeList, d as ownerWindow, i as isWebKit } from "./useScrollLock-D6h5lZYs.js";
14
- import { w as warn, u as useButton } from "./useButton-Cy7tjZ__.js";
11
+ import { j as useEventCallback, m as mergeProps, d as useEnhancedEffect, n as useOpenChangeComplete, p as useFloatingRootContext, v as useClick, w as useDismiss, x as useRole, y as useListNavigation, z as useTypeahead, A as useInteractions, P as PropTypes, E as contains, F as FloatingPortal, H as HTMLElementType, r as refType, D as FloatingFocusManager, u as useLatestRef } from "./proptypes-BjYr2nFr.js";
12
+ import { b as useBaseUiId, u as useForkRef, c as pressableTriggerOpenStateMapping, a as useComponentRenderer, p as popupStateMapping, I as InternalBackdrop, t as transitionStatusMapping } from "./InternalBackdrop-C4RACVzs.js";
13
+ import { u as useControlled, a as useTransitionStatus, o as ownerDocument, b as useScrollLock, d as ownerWindow, i as isWebKit } from "./useScrollLock-D4UY33Sb.js";
14
+ import { w as warn, u as useButton } from "./useButton-DWXzFgcr.js";
15
15
  import { g as getPseudoElementBounds } from "./getPseudoElementBounds-BSHt6WYm.js";
16
- import { u as useAnchorPositioning } from "./useAnchorPositioning-Cm44rb7y.js";
17
- import { u as useCompositeListItem } from "./useCompositeListItem-I14CpQPi.js";
16
+ import { C as CompositeList, u as useCompositeListItem } from "./CompositeList-CGRaS6LQ.js";
17
+ import { u as useAnchorPositioning } from "./useAnchorPositioning-52zK7jlD.js";
18
18
  let FieldControlDataAttributes = /* @__PURE__ */ function(FieldControlDataAttributes2) {
19
19
  FieldControlDataAttributes2["disabled"] = "data-disabled";
20
20
  FieldControlDataAttributes2["valid"] = "data-valid";
@@ -1,8 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useMemo, useState, useEffect, createContext, useContext, forwardRef } from "react";
3
- import { u as useGrid, G as GridProvider } from "./use-grid-DKvzGZWc.js";
3
+ import { c as useGrid, G as GridProvider } from "./useScrollLock-D4UY33Sb.js";
4
4
  import { clsx } from "@1771technologies/js-utils";
5
- import { S as Select } from "./select-C6xOZZLq.js";
5
+ import { S as Select } from "./select-qluHi8ET.js";
6
6
  import { P as PlusIcon } from "./plus-icon-ToqW5CC-.js";
7
7
  import { C as CrossIcon } from "./cross-icon-CEMLAlFX.js";
8
8
  function useSortableColumnItems({ state, api }) {
@@ -6,7 +6,6 @@ export declare const MenuSubmenu: ({ children, trigger, ...props }: ComponentPro
6
6
  export declare const MenuContainer: typeof Menu.Popup;
7
7
  export declare const MenuItem: typeof Menu.Item;
8
8
  export declare const MenuSeparator: typeof Menu.Separator;
9
- export declare const MenuArrow: typeof Menu.Arrow;
10
9
  export declare const MenuGroup: typeof Menu.Group;
11
10
  export declare const MenuGroupLabel: typeof Menu.GroupLabel;
12
11
  export declare const MenuSubmenuTrigger: typeof Menu.SubmenuTrigger;
@@ -15,3 +14,4 @@ export declare const MenuRadioItemIndicator: import('react').ForwardRefExoticCom
15
14
  export declare const MenuRadioItem: typeof Menu.RadioItem;
16
15
  export declare const MenuCheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<Menu.CheckboxItemIndicator.Props & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
17
16
  export declare const MenuCheckboxItem: typeof Menu.CheckboxItem;
17
+ export declare const MenuPositioner: typeof Menu.Positioner;
@@ -7,7 +7,6 @@ export declare const Menu: {
7
7
  SubmenuTrigger: import('react').ForwardRefExoticComponent<B.SubmenuTrigger.Props & import('react').RefAttributes<Element>>;
8
8
  Item: import('react').ForwardRefExoticComponent<B.Item.Props & import('react').RefAttributes<Element>>;
9
9
  Separator: typeof B.Separator;
10
- Arrow: import('react').ForwardRefExoticComponent<B.Arrow.Props & import('react').RefAttributes<HTMLDivElement>>;
11
10
  Group: import('react').ForwardRefExoticComponent<B.Group.Props & import('react').RefAttributes<Element>>;
12
11
  GroupLabel: import('react').ForwardRefExoticComponent<B.GroupLabel.Props & import('react').RefAttributes<HTMLDivElement>>;
13
12
  RadioGroup: typeof B.RadioGroup;
@@ -15,4 +14,5 @@ export declare const Menu: {
15
14
  RadioIndicator: import('react').ForwardRefExoticComponent<Omit<B.RadioItemIndicator.Props & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
16
15
  Checkbox: import('react').ForwardRefExoticComponent<B.CheckboxItem.Props & import('react').RefAttributes<Element>>;
17
16
  CheckboxIndicator: import('react').ForwardRefExoticComponent<Omit<B.CheckboxItemIndicator.Props & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
17
+ Positioner: import('react').ForwardRefExoticComponent<B.Positioner.Props & import('react').RefAttributes<HTMLDivElement>>;
18
18
  };
@@ -0,0 +1 @@
1
+ export declare function MenuFrameDriver(): import("react/jsx-runtime").JSX.Element;
@@ -43,6 +43,7 @@ export declare const PillManager: {
43
43
  Pills: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & import('./pill-manager-types').PillProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
44
44
  Pill: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & {
45
45
  item: import('./pill-manager-types').PillManagerPillItem;
46
+ menu?: string;
46
47
  }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
47
48
  DragPlaceholder: typeof PillManagerDragPlaceholder;
48
49
  };
@@ -1,4 +1,5 @@
1
1
  import { PillManagerPillItem } from './pill-manager-types';
2
2
  export declare const PillManagerPill: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & {
3
3
  item: PillManagerPillItem;
4
+ menu?: string;
4
5
  }, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -1,16 +1,6 @@
1
1
  import * as React from "react";
2
- import { a as useLatestRef, s as shift, l as limitShift, b as size, c as arrow, h as hide, g as getSide, d as useFloating, u as useEnhancedEffect, e as autoUpdate, f as getAlignment, o as offset, i as flip } from "./InternalBackdrop-Dm9czgoC.js";
3
- const DirectionContext = /* @__PURE__ */ React.createContext(void 0);
4
- if (process.env.NODE_ENV !== "production") {
5
- DirectionContext.displayName = "DirectionContext";
6
- }
7
- function useDirection(optional = true) {
8
- const context = React.useContext(DirectionContext);
9
- if (context === void 0 && !optional) {
10
- throw new Error("Base UI: DirectionContext is missing.");
11
- }
12
- return context?.direction ?? "ltr";
13
- }
2
+ import { u as useLatestRef, s as shift, l as limitShift, a as size, b as arrow, h as hide, g as getSide, c as useFloating, d as useEnhancedEffect, e as autoUpdate, f as getAlignment, o as offset, i as flip } from "./proptypes-BjYr2nFr.js";
3
+ import { u as useDirection } from "./DirectionContext-DIPP5cAe.js";
14
4
  function getLogicalSide(sideParam, renderedSide, isRtl) {
15
5
  const isLogicalSideParam = sideParam === "inline-start" || sideParam === "inline-end";
16
6
  const logicalRight = isRtl ? "inline-start" : "inline-end";
@@ -247,6 +237,5 @@ function isRef(param) {
247
237
  return param != null && "current" in param;
248
238
  }
249
239
  export {
250
- useDirection as a,
251
240
  useAnchorPositioning as u
252
241
  };
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
- import { u as useEnhancedEffect, j as useEventCallback, k as useForkRef, m as mergeProps, n as makeEventPreventable } from "./InternalBackdrop-Dm9czgoC.js";
2
+ import { u as useForkRef } from "./InternalBackdrop-C4RACVzs.js";
3
+ import { d as useEnhancedEffect, j as useEventCallback, m as mergeProps, k as makeEventPreventable } from "./proptypes-BjYr2nFr.js";
3
4
  let set;
4
5
  if (process.env.NODE_ENV !== "production") {
5
6
  set = /* @__PURE__ */ new Set();
@@ -1,7 +1,14 @@
1
- import * as React from "react";
2
- import React__default from "react";
3
- import { u as useEnhancedEffect, P as PropTypes, N as getUserAgent } from "./InternalBackdrop-Dm9czgoC.js";
4
1
  import { jsx } from "react/jsx-runtime";
2
+ import { context } from "@1771technologies/grid-provider";
3
+ import * as React from "react";
4
+ import React__default, { useContext } from "react";
5
+ import { d as useEnhancedEffect, C as getUserAgent } from "./proptypes-BjYr2nFr.js";
6
+ function useGrid() {
7
+ return useContext(context);
8
+ }
9
+ function GridProvider(p) {
10
+ return /* @__PURE__ */ jsx(context.Provider, { value: p.value, children: p.children });
11
+ }
5
12
  function useControlled({
6
13
  controlled,
7
14
  default: defaultProp,
@@ -35,22 +42,6 @@ function useControlled({
35
42
  }, []);
36
43
  return [value, setValueIfUncontrolled];
37
44
  }
38
- const CompositeListContext = /* @__PURE__ */ React.createContext({
39
- register: () => {
40
- },
41
- unregister: () => {
42
- },
43
- map: /* @__PURE__ */ new Map(),
44
- elementsRef: {
45
- current: []
46
- }
47
- });
48
- if (process.env.NODE_ENV !== "production") {
49
- CompositeListContext.displayName = "CompositeListContext";
50
- }
51
- function useCompositeListContext() {
52
- return React.useContext(CompositeListContext);
53
- }
54
45
  function useTransitionStatus(open, delayStartingStatus = false) {
55
46
  const [transitionStatus, setTransitionStatus] = React.useState();
56
47
  const [mounted, setMounted] = React.useState(open);
@@ -86,87 +77,6 @@ function useTransitionStatus(open, delayStartingStatus = false) {
86
77
  transitionStatus
87
78
  }), [mounted, transitionStatus]);
88
79
  }
89
- function sortByDocumentPosition(a, b) {
90
- const position = a.compareDocumentPosition(b);
91
- if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
92
- return -1;
93
- }
94
- if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {
95
- return 1;
96
- }
97
- return 0;
98
- }
99
- function CompositeList(props) {
100
- const {
101
- children,
102
- elementsRef,
103
- labelsRef,
104
- onMapChange
105
- } = props;
106
- const [map, setMap] = React.useState(() => /* @__PURE__ */ new Map());
107
- const register = React.useCallback((node, metadata) => {
108
- setMap((prevMap) => new Map(prevMap).set(node, metadata ?? null));
109
- }, []);
110
- const unregister = React.useCallback((node) => {
111
- setMap((prevMap) => {
112
- const nextMap = new Map(prevMap);
113
- nextMap.delete(node);
114
- return nextMap;
115
- });
116
- }, []);
117
- const sortedMap = React.useMemo(() => {
118
- const newMap = /* @__PURE__ */ new Map();
119
- const sortedNodes = Array.from(map.keys()).sort(sortByDocumentPosition);
120
- sortedNodes.forEach((node, index) => {
121
- const metadata = map.get(node) ?? {};
122
- newMap.set(node, {
123
- ...metadata,
124
- index
125
- });
126
- });
127
- return newMap;
128
- }, [map]);
129
- useEnhancedEffect(() => {
130
- onMapChange?.(sortedMap);
131
- }, [sortedMap, onMapChange]);
132
- const contextValue = React.useMemo(() => ({
133
- register,
134
- unregister,
135
- map: sortedMap,
136
- elementsRef,
137
- labelsRef
138
- }), [register, unregister, sortedMap, elementsRef, labelsRef]);
139
- return /* @__PURE__ */ jsx(CompositeListContext.Provider, {
140
- value: contextValue,
141
- children
142
- });
143
- }
144
- process.env.NODE_ENV !== "production" ? CompositeList.propTypes = {
145
- // ┌────────────────────────────── Warning ──────────────────────────────┐
146
- // │ These PropTypes are generated from the TypeScript type definitions. │
147
- // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
148
- // └─────────────────────────────────────────────────────────────────────┘
149
- /**
150
- * @ignore
151
- */
152
- children: PropTypes.node,
153
- /**
154
- * A ref to the list of HTML elements, ordered by their index.
155
- * `useListNavigation`'s `listRef` prop.
156
- */
157
- elementsRef: PropTypes.any,
158
- /**
159
- * A ref to the list of element labels, ordered by their index.
160
- * `useTypeahead`'s `listRef` prop.
161
- */
162
- labelsRef: PropTypes.shape({
163
- current: PropTypes.arrayOf(PropTypes.string).isRequired
164
- }),
165
- /**
166
- * @ignore
167
- */
168
- onMapChange: PropTypes.func
169
- } : void 0;
170
80
  const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
171
81
  };
172
82
  function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
@@ -504,12 +414,12 @@ function useScrollLock(enabled = true, referenceElement) {
504
414
  }, [enabled, isReactAriaHook, referenceElement]);
505
415
  }
506
416
  export {
507
- CompositeList as C,
508
- useControlled as a,
509
- useTransitionStatus as b,
510
- useScrollLock as c,
417
+ GridProvider as G,
418
+ useTransitionStatus as a,
419
+ useScrollLock as b,
420
+ useGrid as c,
511
421
  ownerWindow as d,
512
422
  isWebKit as i,
513
423
  ownerDocument as o,
514
- useCompositeListContext as u
424
+ useControlled as u
515
425
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1771technologies/lytenyte-pro",
3
- "version": "0.0.42",
3
+ "version": "0.0.43",
4
4
  "license": "COMMERCIAL",
5
5
  "type": "module",
6
6
  "files": [
@@ -70,20 +70,20 @@
70
70
  "react-dom": "^18.0.0 || ^19.0.0"
71
71
  },
72
72
  "dependencies": {
73
- "@1771technologies/grid-client-data-source-pro": "0.0.42",
74
- "@1771technologies/grid-core": "0.0.42",
75
- "@1771technologies/grid-design": "0.0.42",
76
- "@1771technologies/grid-provider": "0.0.42",
77
- "@1771technologies/grid-store-pro": "0.0.42",
78
- "@1771technologies/grid-tree-data-source": "0.0.42",
79
- "@1771technologies/grid-types": "0.0.42",
80
- "@1771technologies/js-utils": "0.0.42",
81
- "@1771technologies/lytenyte-core": "0.0.42",
82
- "@1771technologies/react-cascada": "0.0.42",
83
- "@1771technologies/react-dragon": "0.0.42",
84
- "@1771technologies/react-sizer": "0.0.42",
85
- "@1771technologies/react-split-pane": "0.0.42",
86
- "@1771technologies/react-utils": "0.0.42",
73
+ "@1771technologies/grid-client-data-source-pro": "0.0.43",
74
+ "@1771technologies/grid-core": "0.0.43",
75
+ "@1771technologies/grid-design": "0.0.43",
76
+ "@1771technologies/grid-provider": "0.0.43",
77
+ "@1771technologies/grid-store-pro": "0.0.43",
78
+ "@1771technologies/grid-tree-data-source": "0.0.43",
79
+ "@1771technologies/grid-types": "0.0.43",
80
+ "@1771technologies/js-utils": "0.0.43",
81
+ "@1771technologies/lytenyte-core": "0.0.43",
82
+ "@1771technologies/react-cascada": "0.0.43",
83
+ "@1771technologies/react-dragon": "0.0.43",
84
+ "@1771technologies/react-sizer": "0.0.43",
85
+ "@1771technologies/react-split-pane": "0.0.43",
86
+ "@1771technologies/react-utils": "0.0.43",
87
87
  "@base-ui-components/react": "1.0.0-alpha.7"
88
88
  },
89
89
  "devDependencies": {
@@ -1,29 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- function ArrowSvg(props) {
3
- return /* @__PURE__ */ jsxs("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "currentcolor", ...props, children: [
4
- /* @__PURE__ */ jsx(
5
- "path",
6
- {
7
- fill: "var(--lng1771-gray-05)",
8
- d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z"
9
- }
10
- ),
11
- /* @__PURE__ */ jsx(
12
- "path",
13
- {
14
- fill: "var(--lng1771-gray-05)",
15
- d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z"
16
- }
17
- ),
18
- /* @__PURE__ */ jsx(
19
- "path",
20
- {
21
- fill: "var(--lng1771-gray-30)",
22
- d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z"
23
- }
24
- )
25
- ] });
26
- }
27
- export {
28
- ArrowSvg as A
29
- };
@@ -1,48 +0,0 @@
1
- import * as React from "react";
2
- const STARTING_HOOK = {
3
- "data-starting-style": ""
4
- };
5
- const ENDING_HOOK = {
6
- "data-ending-style": ""
7
- };
8
- const transitionStatusMapping = {
9
- transitionStatus(value) {
10
- if (value === "starting") {
11
- return STARTING_HOOK;
12
- }
13
- if (value === "ending") {
14
- return ENDING_HOOK;
15
- }
16
- return null;
17
- }
18
- };
19
- let globalId = 0;
20
- function useGlobalId(idOverride, prefix = "mui") {
21
- const [defaultId, setDefaultId] = React.useState(idOverride);
22
- const id = idOverride || defaultId;
23
- React.useEffect(() => {
24
- if (defaultId == null) {
25
- globalId += 1;
26
- setDefaultId(`${prefix}-${globalId}`);
27
- }
28
- }, [defaultId, prefix]);
29
- return id;
30
- }
31
- const safeReact = {
32
- ...React
33
- };
34
- const maybeReactUseId = safeReact.useId;
35
- function useId(idOverride, prefix) {
36
- if (maybeReactUseId !== void 0) {
37
- const reactId = maybeReactUseId();
38
- return idOverride ?? `${prefix}-${reactId}`;
39
- }
40
- return useGlobalId(idOverride, prefix);
41
- }
42
- function useBaseUiId(idOverride) {
43
- return useId(idOverride, "base-ui");
44
- }
45
- export {
46
- transitionStatusMapping as t,
47
- useBaseUiId as u
48
- };
@@ -1,51 +0,0 @@
1
- import * as React from "react";
2
- import { u as useEnhancedEffect } from "./InternalBackdrop-Dm9czgoC.js";
3
- import { u as useCompositeListContext } from "./useScrollLock-D6h5lZYs.js";
4
- function useCompositeListItem(params = {}) {
5
- const {
6
- label,
7
- metadata
8
- } = params;
9
- const {
10
- register,
11
- unregister,
12
- map,
13
- elementsRef,
14
- labelsRef
15
- } = useCompositeListContext();
16
- const [index, setIndex] = React.useState(null);
17
- const componentRef = React.useRef(null);
18
- const ref = React.useCallback((node) => {
19
- componentRef.current = node;
20
- if (index !== null) {
21
- elementsRef.current[index] = node;
22
- if (labelsRef) {
23
- const isLabelDefined = label !== void 0;
24
- labelsRef.current[index] = isLabelDefined ? label : node?.textContent ?? null;
25
- }
26
- }
27
- }, [index, elementsRef, labelsRef, label]);
28
- useEnhancedEffect(() => {
29
- const node = componentRef.current;
30
- if (node) {
31
- register(node, metadata);
32
- return () => {
33
- unregister(node);
34
- };
35
- }
36
- return void 0;
37
- }, [register, unregister, metadata]);
38
- useEnhancedEffect(() => {
39
- const i = componentRef.current ? map.get(componentRef.current)?.index : null;
40
- if (i != null) {
41
- setIndex(i);
42
- }
43
- }, [map]);
44
- return React.useMemo(() => ({
45
- ref,
46
- index: index == null ? -1 : index
47
- }), [index, ref]);
48
- }
49
- export {
50
- useCompositeListItem as u
51
- };