@hitachivantara/uikit-react-core 5.39.0 → 5.39.2

package/dist/esm/components/TreeView/internals/hooks/useInstanceEventHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInstanceEventHandler.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useInstanceEventHandler.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { UnregisterToken, CleanupTracking } from \"../utils/CleanupTracking\";\nimport { TimerBasedCleanupTracking } from \"../utils/TimerBasedCleanupTracking\";\nimport { FinalizationRegistryBasedCleanupTracking } from \"../utils/FinalizationRegistryBasedCleanupTracking\";\nimport { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\nimport { TreeViewEventListener } from \"../types/events\";\nimport { UseTreeViewInstanceEventsInstance } from \"./useTreeViewInstanceEvents.types\";\n\ninterface RegistryContainer {\n  registry: CleanupTracking | null;\n}\n\n// We use class to make it easier to detect in heap snapshots by name\nclass ObjectToBeRetainedByReact {}\n\n// Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts\n// Check https://github.com/facebook/react/issues/15317 to get more information\nexport function createUseInstanceEventHandler(\n  registryContainer: RegistryContainer\n) {\n  let cleanupTokensCounter = 0;\n\n  return function useInstanceEventHandler<\n    Instance extends UseTreeViewInstanceEventsInstance & {\n      $$signature: TreeViewAnyPluginSignature;\n    },\n    E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>\n  >(\n    instance: Instance,\n    eventName: E,\n    handler: TreeViewEventListener<\n      TreeViewUsedEvents<Instance[\"$$signature\"]>[E]\n    >\n  ) {\n    type Signature = Instance[\"$$signature\"];\n\n    if (registryContainer.registry === null) {\n      registryContainer.registry =\n        typeof FinalizationRegistry !== \"undefined\"\n          ? new FinalizationRegistryBasedCleanupTracking()\n          : new TimerBasedCleanupTracking();\n    }\n\n    const [objectRetainedByReact] = React.useState(\n      new ObjectToBeRetainedByReact()\n    );\n    const subscription = React.useRef<(() => void) | null>(null);\n    const handlerRef = React.useRef<\n      TreeViewEventListener<TreeViewUsedEvents<Signature>[E]> | undefined\n    >();\n    handlerRef.current = handler;\n    const cleanupTokenRef = React.useRef<UnregisterToken | null>(null);\n\n    if (!subscription.current && handlerRef.current) {\n      const enhancedHandler: TreeViewEventListener<\n        TreeViewUsedEvents<Signature>[E]\n      > = (params, event) => {\n        if (!event.defaultMuiPrevented) {\n          handlerRef.current?.(params, event);\n        }\n      };\n\n      subscription.current = instance.$$subscribeEvent(\n        eventName as string,\n        enhancedHandler\n      );\n\n      cleanupTokensCounter += 1;\n      cleanupTokenRef.current = { cleanupToken: cleanupTokensCounter };\n\n      registryContainer.registry.register(\n        objectRetainedByReact, // The callback below will be called once this reference stops being retained\n        () => {\n          subscription.current?.();\n          subscription.current = null;\n          cleanupTokenRef.current = null;\n        },\n        cleanupTokenRef.current\n      );\n    } else if (!handlerRef.current && subscription.current) {\n      subscription.current();\n      subscription.current = null;\n\n      if (cleanupTokenRef.current) {\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n    }\n\n    React.useEffect(() => {\n      if (!subscription.current && handlerRef.current) {\n        const enhancedHandler: TreeViewEventListener<\n          TreeViewUsedEvents<Signature>[E]\n        > = (params, event) => {\n          if (!event.defaultMuiPrevented) {\n            handlerRef.current?.(params, event);\n          }\n        };\n\n        subscription.current = instance.$$subscribeEvent(\n          eventName as string,\n          enhancedHandler\n        );\n      }\n\n      if (cleanupTokenRef.current && registryContainer.registry) {\n        // If the effect was called, it means that this render was committed\n        // so we can trust the cleanup function to remove the listener.\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n\n      return () => {\n        subscription.current?.();\n        subscription.current = null;\n      };\n    }, [instance, eventName]);\n  };\n}\n\nconst registryContainer: RegistryContainer = { registry: null };\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const unstable_resetCleanupTracking = () => {\n  registryContainer.registry?.reset();\n  registryContainer.registry = null;\n};\n\nexport const useInstanceEventHandler =\n  createUseInstanceEventHandler(registryContainer);\n"],"names":["ObjectToBeRetainedByReact","createUseInstanceEventHandler","registryContainer","cleanupTokensCounter","useInstanceEventHandler","instance","eventName","handler","registry","FinalizationRegistry","FinalizationRegistryBasedCleanupTracking","TimerBasedCleanupTracking","objectRetainedByReact","React","useState","subscription","useRef","handlerRef","current","cleanupTokenRef","enhancedHandler","params","event","defaultMuiPrevented","$$subscribeEvent","cleanupToken","register","unregister","useEffect"],"mappings":";;;AAcA,MAAMA,0BAA0B;AAAA;AAIzB,SAASC,8BACdC,oBACA;AACA,MAAIC,uBAAuB;AAE3B,SAAO,SAASC,yBAMdC,UACAC,WACAC,SAGA;AAGIL,QAAAA,mBAAkBM,aAAa,MAAM;AACvCN,yBAAkBM,WAChB,OAAOC,yBAAyB,cAC5B,IAAIC,yCACJ,IAAA,IAAIC;IACZ;AAEA,UAAM,CAACC,qBAAqB,IAAIC,MAAMC,SACpC,IAAId,2BACN;AACMe,UAAAA,eAAeF,MAAMG,OAA4B,IAAI;AACrDC,UAAAA,aAAaJ,MAAMG;AAGzBC,eAAWC,UAAUX;AACfY,UAAAA,kBAAkBN,MAAMG,OAA+B,IAAI;AAEjE,QAAI,CAACD,aAAaG,WAAWD,WAAWC,SAAS;AACzCE,YAAAA,kBAEFA,CAACC,QAAQC,UAAU;AACjB,YAAA,CAACA,MAAMC,qBAAqB;AACnBL,qBAAAA,UAAUG,QAAQC,KAAK;AAAA,QACpC;AAAA,MAAA;AAGFP,mBAAaG,UAAUb,SAASmB,iBAC9BlB,WACAc,eACF;AAEwB,8BAAA;AACxBD,sBAAgBD,UAAU;AAAA,QAAEO,cAActB;AAAAA,MAAAA;AAE1CD,yBAAkBM,SAASkB;AAAAA,QACzBd;AAAAA;AAAAA,QACA,MAAM;AACJG,uBAAaG,UAAU;AACvBH,uBAAaG,UAAU;AACvBC,0BAAgBD,UAAU;AAAA,QAC5B;AAAA,QACAC,gBAAgBD;AAAAA,MAAAA;AAAAA,IAET,WAAA,CAACD,WAAWC,WAAWH,aAAaG,SAAS;AACtDH,mBAAaG,QAAQ;AACrBH,mBAAaG,UAAU;AAEvB,UAAIC,gBAAgBD,SAAS;AAC3BhB,2BAAkBM,SAASmB,WAAWR,gBAAgBD,OAAO;AAC7DC,wBAAgBD,UAAU;AAAA,MAC5B;AAAA,IACF;AAEAL,UAAMe,UAAU,MAAM;AACpB,UAAI,CAACb,aAAaG,WAAWD,WAAWC,SAAS;AACzCE,cAAAA,kBAEFA,CAACC,QAAQC,UAAU;AACjB,cAAA,CAACA,MAAMC,qBAAqB;AACnBL,uBAAAA,UAAUG,QAAQC,KAAK;AAAA,UACpC;AAAA,QAAA;AAGFP,qBAAaG,UAAUb,SAASmB,iBAC9BlB,WACAc,eACF;AAAA,MACF;AAEID,UAAAA,gBAAgBD,WAAWhB,mBAAkBM,UAAU;AAGzDN,2BAAkBM,SAASmB,WAAWR,gBAAgBD,OAAO;AAC7DC,wBAAgBD,UAAU;AAAA,MAC5B;AAEA,aAAO,MAAM;AACXH,qBAAaG,UAAU;AACvBH,qBAAaG,UAAU;AAAA,MAAA;AAAA,IACzB,GACC,CAACb,UAAUC,SAAS,CAAC;AAAA,EAAA;AAE5B;AAEA,MAAMJ,oBAAuC;AAAA,EAAEM,UAAU;AAAK;AAQjDJ,MAAAA,0BACXH,8BAA8BC,iBAAiB;"}
+{"version":3,"file":"useInstanceEventHandler.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useInstanceEventHandler.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { UnregisterToken, CleanupTracking } from \"../utils/CleanupTracking\";\nimport { TimerBasedCleanupTracking } from \"../utils/TimerBasedCleanupTracking\";\nimport { FinalizationRegistryBasedCleanupTracking } from \"../utils/FinalizationRegistryBasedCleanupTracking\";\nimport { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\nimport { TreeViewEventListener } from \"../types/events\";\nimport { UseTreeViewInstanceEventsInstance } from \"./useTreeViewInstanceEvents.types\";\n\ninterface RegistryContainer {\n  registry: CleanupTracking | null;\n}\n\n// We use class to make it easier to detect in heap snapshots by name\nclass ObjectToBeRetainedByReact {}\n\n// Based on https://github.com/Bnaya/use-dispose-uncommitted/blob/main/src/finalization-registry-based-impl.ts\n// Check https://github.com/facebook/react/issues/15317 to get more information\nexport function createUseInstanceEventHandler(\n  registryContainer: RegistryContainer\n) {\n  let cleanupTokensCounter = 0;\n\n  return function useInstanceEventHandler<\n    Instance extends UseTreeViewInstanceEventsInstance & {\n      $$signature: TreeViewAnyPluginSignature;\n    },\n    E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>\n  >(\n    instance: Instance,\n    eventName: E,\n    handler: TreeViewEventListener<\n      TreeViewUsedEvents<Instance[\"$$signature\"]>[E]\n    >\n  ) {\n    type Signature = Instance[\"$$signature\"];\n\n    if (registryContainer.registry === null) {\n      registryContainer.registry =\n        typeof FinalizationRegistry !== \"undefined\"\n          ? new FinalizationRegistryBasedCleanupTracking()\n          : new TimerBasedCleanupTracking();\n    }\n\n    const [objectRetainedByReact] = React.useState(\n      new ObjectToBeRetainedByReact()\n    );\n    const subscription = React.useRef<(() => void) | null>(null);\n    const handlerRef = React.useRef<\n      TreeViewEventListener<TreeViewUsedEvents<Signature>[E]> | undefined\n    >();\n    handlerRef.current = handler;\n    const cleanupTokenRef = React.useRef<UnregisterToken | null>(null);\n\n    if (!subscription.current && handlerRef.current) {\n      const enhancedHandler: TreeViewEventListener<\n        TreeViewUsedEvents<Signature>[E]\n      > = (params, event) => {\n        if (!event.defaultMuiPrevented) {\n          handlerRef.current?.(params, event);\n        }\n      };\n\n      subscription.current = instance.$$subscribeEvent(\n        eventName as string,\n        enhancedHandler\n      );\n\n      cleanupTokensCounter += 1;\n      cleanupTokenRef.current = { cleanupToken: cleanupTokensCounter };\n\n      registryContainer.registry.register(\n        objectRetainedByReact, // The callback below will be called once this reference stops being retained\n        () => {\n          subscription.current?.();\n          subscription.current = null;\n          cleanupTokenRef.current = null;\n        },\n        cleanupTokenRef.current\n      );\n    } else if (!handlerRef.current && subscription.current) {\n      subscription.current();\n      subscription.current = null;\n\n      if (cleanupTokenRef.current) {\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n    }\n\n    React.useEffect(() => {\n      if (!subscription.current && handlerRef.current) {\n        const enhancedHandler: TreeViewEventListener<\n          TreeViewUsedEvents<Signature>[E]\n        > = (params, event) => {\n          if (!event.defaultMuiPrevented) {\n            handlerRef.current?.(params, event);\n          }\n        };\n\n        subscription.current = instance.$$subscribeEvent(\n          eventName as string,\n          enhancedHandler\n        );\n      }\n\n      if (cleanupTokenRef.current && registryContainer.registry) {\n        // If the effect was called, it means that this render was committed\n        // so we can trust the cleanup function to remove the listener.\n        registryContainer.registry.unregister(cleanupTokenRef.current);\n        cleanupTokenRef.current = null;\n      }\n\n      return () => {\n        subscription.current?.();\n        subscription.current = null;\n      };\n    }, [instance, eventName]);\n  };\n}\n\nconst registryContainer: RegistryContainer = { registry: null };\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const unstable_resetCleanupTracking = () => {\n  registryContainer.registry?.reset();\n  registryContainer.registry = null;\n};\n\nexport const useInstanceEventHandler =\n  createUseInstanceEventHandler(registryContainer);\n"],"names":["registryContainer","useInstanceEventHandler"],"mappings":";;;AAcA,MAAM,0BAA0B;AAAC;AAI1B,SAAS,8BACdA,oBACA;AACA,MAAI,uBAAuB;AAE3B,SAAO,SAASC,yBAMd,UACA,WACA,SAGA;AAGID,QAAAA,mBAAkB,aAAa,MAAM;AACvCA,yBAAkB,WAChB,OAAO,yBAAyB,cAC5B,IAAI,yCACJ,IAAA,IAAI;IACZ;AAEM,UAAA,CAAC,qBAAqB,IAAI,MAAM;AAAA,MACpC,IAAI,0BAA0B;AAAA,IAAA;AAE1B,UAAA,eAAe,MAAM,OAA4B,IAAI;AACrD,UAAA,aAAa,MAAM;AAGzB,eAAW,UAAU;AACf,UAAA,kBAAkB,MAAM,OAA+B,IAAI;AAEjE,QAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,YAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,YAAA,CAAC,MAAM,qBAAqB;AACnB,qBAAA,UAAU,QAAQ,KAAK;AAAA,QACpC;AAAA,MAAA;AAGF,mBAAa,UAAU,SAAS;AAAA,QAC9B;AAAA,QACA;AAAA,MAAA;AAGsB,8BAAA;AACR,sBAAA,UAAU,EAAE,cAAc,qBAAqB;AAE/DA,yBAAkB,SAAS;AAAA,QACzB;AAAA;AAAA,QACA,MAAM;AACJ,uBAAa,UAAU;AACvB,uBAAa,UAAU;AACvB,0BAAgB,UAAU;AAAA,QAC5B;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAET,WAAA,CAAC,WAAW,WAAW,aAAa,SAAS;AACtD,mBAAa,QAAQ;AACrB,mBAAa,UAAU;AAEvB,UAAI,gBAAgB,SAAS;AAC3BA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACF;AAEA,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,aAAa,WAAW,WAAW,SAAS;AACzC,cAAA,kBAEF,CAAC,QAAQ,UAAU;AACjB,cAAA,CAAC,MAAM,qBAAqB;AACnB,uBAAA,UAAU,QAAQ,KAAK;AAAA,UACpC;AAAA,QAAA;AAGF,qBAAa,UAAU,SAAS;AAAA,UAC9B;AAAA,UACA;AAAA,QAAA;AAAA,MAEJ;AAEI,UAAA,gBAAgB,WAAWA,mBAAkB,UAAU;AAGzDA,2BAAkB,SAAS,WAAW,gBAAgB,OAAO;AAC7D,wBAAgB,UAAU;AAAA,MAC5B;AAEA,aAAO,MAAM;AACX,qBAAa,UAAU;AACvB,qBAAa,UAAU;AAAA,MAAA;AAAA,IACzB,GACC,CAAC,UAAU,SAAS,CAAC;AAAA,EAAA;AAE5B;AAEA,MAAM,oBAAuC,EAAE,UAAU;AAQ5C,MAAA,0BACX,8BAA8B,iBAAiB;"}

package/dist/esm/components/TreeView/internals/hooks/useTreeView.js

@@ -11,8 +11,13 @@ const useTreeView = (inParams) => {
     }
     return acc;
   }, inParams);
-  const models = useTreeViewModels(plugins, params);
-  const instanceRef = React.useRef({});
+  const models = useTreeViewModels(
+    plugins,
+    params
+  );
+  const instanceRef = React.useRef(
+    {}
+  );
   const instance = instanceRef.current;
   const innerRootRef = React.useRef(null);
   const handleRootRef = useForkRef(innerRootRef, inParams.rootRef);
@@ -20,7 +25,12 @@ const useTreeView = (inParams) => {
     const temp = {};
     plugins.forEach((plugin) => {
       if (plugin.getInitialState) {
-        Object.assign(temp, plugin.getInitialState(params));
+        Object.assign(
+          temp,
+          plugin.getInitialState(
+            params
+          )
+        );
       }
     });
     return temp;
@@ -56,11 +66,7 @@ const useTreeView = (inParams) => {
     });
     return rootProps;
   };
-  return {
-    getRootProps,
-    rootRef: handleRootRef,
-    contextValue
-  };
+  return { getRootProps, rootRef: handleRootRef, contextValue };
 };
 export {
   useTreeView

package/dist/esm/components/TreeView/internals/hooks/useTreeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeView.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useTreeView.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useForkRef } from \"@mui/material/utils\";\nimport { EventHandlers } from \"@mui/base/utils\";\n\nimport {\n  TreeViewAnyPluginSignature,\n  TreeViewInstance,\n  TreeViewPlugin,\n  ConvertPluginsIntoSignatures,\n  MergePluginsProperty,\n} from \"../types\";\nimport {\n  TreeViewContextValue,\n  DEFAULT_TREE_VIEW_CONTEXT_VALUE,\n} from \"../TreeViewProvider\";\nimport { TREE_VIEW_CORE_PLUGINS } from \"../corePlugins\";\nimport { useTreeViewModels } from \"./useTreeViewModels\";\n\nexport type UseTreeViewParameters<\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n> = {\n  rootRef?: React.Ref<HTMLUListElement> | undefined;\n  plugins: TPlugins;\n} & MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, \"params\">;\n\nexport type UseTreeViewDefaultizedParameters<\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n> = {\n  rootRef?: React.Ref<HTMLUListElement> | undefined;\n  plugins: TPlugins;\n} & MergePluginsProperty<\n  ConvertPluginsIntoSignatures<TPlugins>,\n  \"defaultizedParams\"\n>;\n\nexport interface UseTreeViewRootSlotProps\n  extends Pick<\n    React.HTMLAttributes<HTMLUListElement>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onKeyDown\"\n    | \"id\"\n    | \"aria-activedescendant\"\n    | \"aria-multiselectable\"\n    | \"role\"\n    | \"tabIndex\"\n  > {\n  ref: React.Ref<HTMLUListElement>;\n}\n\nexport interface UseTreeViewReturnValue<\n  TPlugins extends readonly TreeViewAnyPluginSignature[]\n> {\n  getRootProps: <TOther extends EventHandlers = {}>(\n    otherHandlers?: TOther\n  ) => UseTreeViewRootSlotProps;\n  rootRef: React.RefCallback<HTMLUListElement> | null;\n  contextValue: TreeViewContextValue<TPlugins>;\n}\n\nexport const useTreeView = <\n  Plugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n>(\n  inParams: UseTreeViewParameters<Plugins>\n): UseTreeViewReturnValue<ConvertPluginsIntoSignatures<Plugins>> => {\n  const plugins = [...TREE_VIEW_CORE_PLUGINS, ...inParams.plugins];\n  type Signatures = ConvertPluginsIntoSignatures<typeof plugins>;\n\n  const params = plugins.reduce((acc, plugin) => {\n    if (plugin.getDefaultizedParams) {\n      return plugin.getDefaultizedParams(acc);\n    }\n\n    return acc;\n  }, inParams) as unknown as UseTreeViewDefaultizedParameters<Plugins>;\n\n  const models = useTreeViewModels(\n    plugins,\n    params as MergePluginsProperty<Signatures, \"defaultizedParams\">\n  );\n  const instanceRef = React.useRef<TreeViewInstance<Signatures>>(\n    {} as TreeViewInstance<Signatures>\n  );\n  const instance = instanceRef.current;\n  const innerRootRef = React.useRef(null);\n  const handleRootRef = useForkRef(innerRootRef, inParams.rootRef);\n\n  const [state, setState] = React.useState(() => {\n    const temp = {} as MergePluginsProperty<Signatures, \"state\">;\n    plugins.forEach((plugin) => {\n      if (plugin.getInitialState) {\n        Object.assign(\n          temp,\n          plugin.getInitialState(\n            params as UseTreeViewDefaultizedParameters<any>\n          )\n        );\n      }\n    });\n\n    return temp;\n  });\n\n  const rootPropsGetters: (<TOther extends EventHandlers = {}>(\n    otherHandlers: TOther\n  ) => React.HTMLAttributes<HTMLUListElement>)[] = [];\n  let contextValue: TreeViewContextValue<Signatures> =\n    DEFAULT_TREE_VIEW_CONTEXT_VALUE;\n\n  const runPlugin = (plugin: TreeViewPlugin<any>) => {\n    const pluginResponse =\n      plugin({\n        instance,\n        params,\n        state,\n        setState,\n        rootRef: innerRootRef,\n        models,\n      }) || {};\n\n    if (pluginResponse.getRootProps) {\n      rootPropsGetters.push(pluginResponse.getRootProps);\n    }\n\n    if (pluginResponse.contextValue) {\n      contextValue = pluginResponse.contextValue;\n    }\n  };\n\n  plugins.forEach(runPlugin);\n\n  const getRootProps = <TOther extends EventHandlers = {}>(\n    otherHandlers: TOther = {} as TOther\n  ) => {\n    const rootProps: UseTreeViewRootSlotProps = {\n      role: \"tree\",\n      tabIndex: 0,\n      ...otherHandlers,\n      ref: handleRootRef,\n    };\n\n    rootPropsGetters.forEach((rootPropsGetter) => {\n      Object.assign(rootProps, rootPropsGetter(otherHandlers));\n    });\n\n    return rootProps;\n  };\n\n  return { getRootProps, rootRef: handleRootRef, contextValue };\n};\n"],"names":["useTreeView","inParams","plugins","TREE_VIEW_CORE_PLUGINS","params","reduce","acc","plugin","getDefaultizedParams","models","useTreeViewModels","instanceRef","React","useRef","instance","current","innerRootRef","handleRootRef","useForkRef","rootRef","state","setState","useState","temp","forEach","getInitialState","Object","assign","rootPropsGetters","contextValue","DEFAULT_TREE_VIEW_CONTEXT_VALUE","runPlugin","pluginResponse","getRootProps","push","otherHandlers","rootProps","role","tabIndex","ref","rootPropsGetter"],"mappings":";;;;;AA4DaA,MAAAA,cAAc,CAGzBC,aACkE;AAClE,QAAMC,UAAU,CAAC,GAAGC,wBAAwB,GAAGF,SAASC,OAAO;AAG/D,QAAME,SAASF,QAAQG,OAAO,CAACC,KAAKC,WAAW;AAC7C,QAAIA,OAAOC,sBAAsB;AACxBD,aAAAA,OAAOC,qBAAqBF,GAAG;AAAA,IACxC;AAEOA,WAAAA;AAAAA,KACNL,QAAQ;AAELQ,QAAAA,SAASC,kBACbR,SACAE,MACF;AACA,QAAMO,cAAcC,MAAMC,OACxB,CACF,CAAA;AACA,QAAMC,WAAWH,YAAYI;AACvBC,QAAAA,eAAeJ,MAAMC,OAAO,IAAI;AACtC,QAAMI,gBAAgBC,WAAWF,cAAcf,SAASkB,OAAO;AAE/D,QAAM,CAACC,OAAOC,QAAQ,IAAIT,MAAMU,SAAS,MAAM;AAC7C,UAAMC,OAAO,CAAA;AACbrB,YAAQsB,QAASjB,CAAW,WAAA;AAC1B,UAAIA,OAAOkB,iBAAiB;AAC1BC,eAAOC,OACLJ,MACAhB,OAAOkB,gBACLrB,MACF,CACF;AAAA,MACF;AAAA,IAAA,CACD;AAEMmB,WAAAA;AAAAA,EAAAA,CACR;AAED,QAAMK,mBAE2C,CAAA;AACjD,MAAIC,eACFC;AAEIC,QAAAA,YAAYA,CAACxB,WAAgC;AACjD,UAAMyB,iBACJzB,OAAO;AAAA,MACLO;AAAAA,MACAV;AAAAA,MACAgB;AAAAA,MACAC;AAAAA,MACAF,SAASH;AAAAA,MACTP;AAAAA,IACD,CAAA,KAAK,CAAA;AAER,QAAIuB,eAAeC,cAAc;AACdC,uBAAAA,KAAKF,eAAeC,YAAY;AAAA,IACnD;AAEA,QAAID,eAAeH,cAAc;AAC/BA,qBAAeG,eAAeH;AAAAA,IAChC;AAAA,EAAA;AAGF3B,UAAQsB,QAAQO,SAAS;AAEzB,QAAME,eAAe,CACnBE,gBAAwB,OACrB;AACH,UAAMC,YAAsC;AAAA,MAC1CC,MAAM;AAAA,MACNC,UAAU;AAAA,MACV,GAAGH;AAAAA,MACHI,KAAKtB;AAAAA,IAAAA;AAGPW,qBAAiBJ,QAASgB,CAAoB,oBAAA;AAC5Cd,aAAOC,OAAOS,WAAWI,gBAAgBL,aAAa,CAAC;AAAA,IAAA,CACxD;AAEMC,WAAAA;AAAAA,EAAAA;AAGF,SAAA;AAAA,IAAEH;AAAAA,IAAcd,SAASF;AAAAA,IAAeY;AAAAA,EAAAA;AACjD;"}
+{"version":3,"file":"useTreeView.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useTreeView.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useForkRef } from \"@mui/material/utils\";\nimport { EventHandlers } from \"@mui/base/utils\";\n\nimport {\n  TreeViewAnyPluginSignature,\n  TreeViewInstance,\n  TreeViewPlugin,\n  ConvertPluginsIntoSignatures,\n  MergePluginsProperty,\n} from \"../types\";\nimport {\n  TreeViewContextValue,\n  DEFAULT_TREE_VIEW_CONTEXT_VALUE,\n} from \"../TreeViewProvider\";\nimport { TREE_VIEW_CORE_PLUGINS } from \"../corePlugins\";\nimport { useTreeViewModels } from \"./useTreeViewModels\";\n\nexport type UseTreeViewParameters<\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n> = {\n  rootRef?: React.Ref<HTMLUListElement> | undefined;\n  plugins: TPlugins;\n} & MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, \"params\">;\n\nexport type UseTreeViewDefaultizedParameters<\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n> = {\n  rootRef?: React.Ref<HTMLUListElement> | undefined;\n  plugins: TPlugins;\n} & MergePluginsProperty<\n  ConvertPluginsIntoSignatures<TPlugins>,\n  \"defaultizedParams\"\n>;\n\nexport interface UseTreeViewRootSlotProps\n  extends Pick<\n    React.HTMLAttributes<HTMLUListElement>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onKeyDown\"\n    | \"id\"\n    | \"aria-activedescendant\"\n    | \"aria-multiselectable\"\n    | \"role\"\n    | \"tabIndex\"\n  > {\n  ref: React.Ref<HTMLUListElement>;\n}\n\nexport interface UseTreeViewReturnValue<\n  TPlugins extends readonly TreeViewAnyPluginSignature[]\n> {\n  getRootProps: <TOther extends EventHandlers = {}>(\n    otherHandlers?: TOther\n  ) => UseTreeViewRootSlotProps;\n  rootRef: React.RefCallback<HTMLUListElement> | null;\n  contextValue: TreeViewContextValue<TPlugins>;\n}\n\nexport const useTreeView = <\n  Plugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n>(\n  inParams: UseTreeViewParameters<Plugins>\n): UseTreeViewReturnValue<ConvertPluginsIntoSignatures<Plugins>> => {\n  const plugins = [...TREE_VIEW_CORE_PLUGINS, ...inParams.plugins];\n  type Signatures = ConvertPluginsIntoSignatures<typeof plugins>;\n\n  const params = plugins.reduce((acc, plugin) => {\n    if (plugin.getDefaultizedParams) {\n      return plugin.getDefaultizedParams(acc);\n    }\n\n    return acc;\n  }, inParams) as unknown as UseTreeViewDefaultizedParameters<Plugins>;\n\n  const models = useTreeViewModels(\n    plugins,\n    params as MergePluginsProperty<Signatures, \"defaultizedParams\">\n  );\n  const instanceRef = React.useRef<TreeViewInstance<Signatures>>(\n    {} as TreeViewInstance<Signatures>\n  );\n  const instance = instanceRef.current;\n  const innerRootRef = React.useRef(null);\n  const handleRootRef = useForkRef(innerRootRef, inParams.rootRef);\n\n  const [state, setState] = React.useState(() => {\n    const temp = {} as MergePluginsProperty<Signatures, \"state\">;\n    plugins.forEach((plugin) => {\n      if (plugin.getInitialState) {\n        Object.assign(\n          temp,\n          plugin.getInitialState(\n            params as UseTreeViewDefaultizedParameters<any>\n          )\n        );\n      }\n    });\n\n    return temp;\n  });\n\n  const rootPropsGetters: (<TOther extends EventHandlers = {}>(\n    otherHandlers: TOther\n  ) => React.HTMLAttributes<HTMLUListElement>)[] = [];\n  let contextValue: TreeViewContextValue<Signatures> =\n    DEFAULT_TREE_VIEW_CONTEXT_VALUE;\n\n  const runPlugin = (plugin: TreeViewPlugin<any>) => {\n    const pluginResponse =\n      plugin({\n        instance,\n        params,\n        state,\n        setState,\n        rootRef: innerRootRef,\n        models,\n      }) || {};\n\n    if (pluginResponse.getRootProps) {\n      rootPropsGetters.push(pluginResponse.getRootProps);\n    }\n\n    if (pluginResponse.contextValue) {\n      contextValue = pluginResponse.contextValue;\n    }\n  };\n\n  plugins.forEach(runPlugin);\n\n  const getRootProps = <TOther extends EventHandlers = {}>(\n    otherHandlers: TOther = {} as TOther\n  ) => {\n    const rootProps: UseTreeViewRootSlotProps = {\n      role: \"tree\",\n      tabIndex: 0,\n      ...otherHandlers,\n      ref: handleRootRef,\n    };\n\n    rootPropsGetters.forEach((rootPropsGetter) => {\n      Object.assign(rootProps, rootPropsGetter(otherHandlers));\n    });\n\n    return rootProps;\n  };\n\n  return { getRootProps, rootRef: handleRootRef, contextValue };\n};\n"],"names":[],"mappings":";;;;;AA4Da,MAAA,cAAc,CAGzB,aACkE;AAClE,QAAM,UAAU,CAAC,GAAG,wBAAwB,GAAG,SAAS,OAAO;AAG/D,QAAM,SAAS,QAAQ,OAAO,CAAC,KAAK,WAAW;AAC7C,QAAI,OAAO,sBAAsB;AACxB,aAAA,OAAO,qBAAqB,GAAG;AAAA,IACxC;AAEO,WAAA;AAAA,KACN,QAAQ;AAEX,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC;AAAA,EAAA;AAEH,QAAM,WAAW,YAAY;AACvB,QAAA,eAAe,MAAM,OAAO,IAAI;AACtC,QAAM,gBAAgB,WAAW,cAAc,SAAS,OAAO;AAE/D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,MAAM;AAC7C,UAAM,OAAO,CAAA;AACL,YAAA,QAAQ,CAAC,WAAW;AAC1B,UAAI,OAAO,iBAAiB;AACnB,eAAA;AAAA,UACL;AAAA,UACA,OAAO;AAAA,YACL;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,EAAA,CACR;AAED,QAAM,mBAE2C,CAAA;AACjD,MAAI,eACF;AAEI,QAAA,YAAY,CAAC,WAAgC;AACjD,UAAM,iBACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,IACD,CAAA,KAAK,CAAA;AAER,QAAI,eAAe,cAAc;AACd,uBAAA,KAAK,eAAe,YAAY;AAAA,IACnD;AAEA,QAAI,eAAe,cAAc;AAC/B,qBAAe,eAAe;AAAA,IAChC;AAAA,EAAA;AAGF,UAAQ,QAAQ,SAAS;AAEzB,QAAM,eAAe,CACnB,gBAAwB,OACrB;AACH,UAAM,YAAsC;AAAA,MAC1C,MAAM;AAAA,MACN,UAAU;AAAA,MACV,GAAG;AAAA,MACH,KAAK;AAAA,IAAA;AAGU,qBAAA,QAAQ,CAAC,oBAAoB;AAC5C,aAAO,OAAO,WAAW,gBAAgB,aAAa,CAAC;AAAA,IAAA,CACxD;AAEM,WAAA;AAAA,EAAA;AAGT,SAAO,EAAE,cAAc,SAAS,eAAe,aAAa;AAC9D;"}

package/dist/esm/components/TreeView/internals/hooks/useTreeViewInstanceEvents.js

@@ -4,24 +4,28 @@ import { populateInstance } from "./utils.js";
 const isSyntheticEvent = (event) => {
   return event.isPropagationStopped !== void 0;
 };
-const useTreeViewInstanceEvents = ({
-  instance
-}) => {
+const useTreeViewInstanceEvents = ({ instance }) => {
   const [eventManager] = React.useState(() => new EventManager());
-  const publishEvent = React.useCallback((...args) => {
-    const [name, params, event = {}] = args;
-    event.defaultMuiPrevented = false;
-    if (isSyntheticEvent(event) && event.isPropagationStopped()) {
-      return;
-    }
-    eventManager.emit(name, params, event);
-  }, [eventManager]);
-  const subscribeEvent = React.useCallback((event, handler) => {
-    eventManager.on(event, handler);
-    return () => {
-      eventManager.removeListener(event, handler);
-    };
-  }, [eventManager]);
+  const publishEvent = React.useCallback(
+    (...args) => {
+      const [name, params, event = {}] = args;
+      event.defaultMuiPrevented = false;
+      if (isSyntheticEvent(event) && event.isPropagationStopped()) {
+        return;
+      }
+      eventManager.emit(name, params, event);
+    },
+    [eventManager]
+  );
+  const subscribeEvent = React.useCallback(
+    (event, handler) => {
+      eventManager.on(event, handler);
+      return () => {
+        eventManager.removeListener(event, handler);
+      };
+    },
+    [eventManager]
+  );
   populateInstance(instance, {
     $$publishEvent: publishEvent,
     $$subscribeEvent: subscribeEvent

package/dist/esm/components/TreeView/internals/hooks/useTreeViewInstanceEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeViewInstanceEvents.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useTreeViewInstanceEvents.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { EventManager } from \"../utils/EventManager\";\nimport type { TreeViewPlugin } from \"../types\";\nimport type { TreeViewEventListener } from \"../types/events\";\nimport { UseTreeViewInstanceEventsSignature } from \"./useTreeViewInstanceEvents.types\";\nimport { populateInstance } from \"./utils\";\n\nconst isSyntheticEvent = (event: any): event is React.SyntheticEvent => {\n  return event.isPropagationStopped !== undefined;\n};\n\n/**\n * Plugin responsible for the registration of the nodes defined as JSX children of the TreeView.\n * When we will have both a SimpleTreeView using JSX children and a TreeView using a data prop,\n * this plugin will only be used by SimpleTreeView.\n */\nexport const useTreeViewInstanceEvents: TreeViewPlugin<\n  UseTreeViewInstanceEventsSignature\n> = ({ instance }) => {\n  const [eventManager] = React.useState(() => new EventManager());\n\n  const publishEvent = React.useCallback(\n    (...args: any[]) => {\n      const [name, params, event = {}] = args;\n      event.defaultMuiPrevented = false;\n\n      if (isSyntheticEvent(event) && event.isPropagationStopped()) {\n        return;\n      }\n\n      eventManager.emit(name, params, event);\n    },\n    [eventManager]\n  );\n\n  const subscribeEvent = React.useCallback(\n    (event: string, handler: TreeViewEventListener<any>) => {\n      eventManager.on(event, handler);\n      return () => {\n        eventManager.removeListener(event, handler);\n      };\n    },\n    [eventManager]\n  );\n\n  populateInstance<UseTreeViewInstanceEventsSignature>(instance, {\n    $$publishEvent: publishEvent,\n    $$subscribeEvent: subscribeEvent,\n  });\n};\n"],"names":["isSyntheticEvent","event","isPropagationStopped","undefined","useTreeViewInstanceEvents","instance","eventManager","React","useState","EventManager","publishEvent","useCallback","args","name","params","defaultMuiPrevented","emit","subscribeEvent","handler","on","removeListener","populateInstance","$$publishEvent","$$subscribeEvent"],"mappings":";;;AAQA,MAAMA,mBAAmBA,CAACC,UAA8C;AACtE,SAAOA,MAAMC,yBAAyBC;AACxC;AAOO,MAAMC,4BAETA,CAAC;AAAA,EAAEC;AAAS,MAAM;AACd,QAAA,CAACC,YAAY,IAAIC,MAAMC,SAAS,MAAM,IAAIC,cAAc;AAE9D,QAAMC,eAAeH,MAAMI,YACzB,IAAIC,SAAgB;AAClB,UAAM,CAACC,MAAMC,QAAQb,QAAQ,CAAE,CAAA,IAAIW;AACnCX,UAAMc,sBAAsB;AAE5B,QAAIf,iBAAiBC,KAAK,KAAKA,MAAMC,wBAAwB;AAC3D;AAAA,IACF;AAEac,iBAAAA,KAAKH,MAAMC,QAAQb,KAAK;AAAA,EAAA,GAEvC,CAACK,YAAY,CACf;AAEA,QAAMW,iBAAiBV,MAAMI,YAC3B,CAACV,OAAeiB,YAAwC;AACzCC,iBAAAA,GAAGlB,OAAOiB,OAAO;AAC9B,WAAO,MAAM;AACEE,mBAAAA,eAAenB,OAAOiB,OAAO;AAAA,IAAA;AAAA,EAC5C,GAEF,CAACZ,YAAY,CACf;AAEAe,mBAAqDhB,UAAU;AAAA,IAC7DiB,gBAAgBZ;AAAAA,IAChBa,kBAAkBN;AAAAA,EAAAA,CACnB;AACH;"}
+{"version":3,"file":"useTreeViewInstanceEvents.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useTreeViewInstanceEvents.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport { EventManager } from \"../utils/EventManager\";\nimport type { TreeViewPlugin } from \"../types\";\nimport type { TreeViewEventListener } from \"../types/events\";\nimport { UseTreeViewInstanceEventsSignature } from \"./useTreeViewInstanceEvents.types\";\nimport { populateInstance } from \"./utils\";\n\nconst isSyntheticEvent = (event: any): event is React.SyntheticEvent => {\n  return event.isPropagationStopped !== undefined;\n};\n\n/**\n * Plugin responsible for the registration of the nodes defined as JSX children of the TreeView.\n * When we will have both a SimpleTreeView using JSX children and a TreeView using a data prop,\n * this plugin will only be used by SimpleTreeView.\n */\nexport const useTreeViewInstanceEvents: TreeViewPlugin<\n  UseTreeViewInstanceEventsSignature\n> = ({ instance }) => {\n  const [eventManager] = React.useState(() => new EventManager());\n\n  const publishEvent = React.useCallback(\n    (...args: any[]) => {\n      const [name, params, event = {}] = args;\n      event.defaultMuiPrevented = false;\n\n      if (isSyntheticEvent(event) && event.isPropagationStopped()) {\n        return;\n      }\n\n      eventManager.emit(name, params, event);\n    },\n    [eventManager]\n  );\n\n  const subscribeEvent = React.useCallback(\n    (event: string, handler: TreeViewEventListener<any>) => {\n      eventManager.on(event, handler);\n      return () => {\n        eventManager.removeListener(event, handler);\n      };\n    },\n    [eventManager]\n  );\n\n  populateInstance<UseTreeViewInstanceEventsSignature>(instance, {\n    $$publishEvent: publishEvent,\n    $$subscribeEvent: subscribeEvent,\n  });\n};\n"],"names":[],"mappings":";;;AAQA,MAAM,mBAAmB,CAAC,UAA8C;AACtE,SAAO,MAAM,yBAAyB;AACxC;AAOO,MAAM,4BAET,CAAC,EAAE,eAAe;AACd,QAAA,CAAC,YAAY,IAAI,MAAM,SAAS,MAAM,IAAI,cAAc;AAE9D,QAAM,eAAe,MAAM;AAAA,IACzB,IAAI,SAAgB;AAClB,YAAM,CAAC,MAAM,QAAQ,QAAQ,CAAE,CAAA,IAAI;AACnC,YAAM,sBAAsB;AAE5B,UAAI,iBAAiB,KAAK,KAAK,MAAM,wBAAwB;AAC3D;AAAA,MACF;AAEa,mBAAA,KAAK,MAAM,QAAQ,KAAK;AAAA,IACvC;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGf,QAAM,iBAAiB,MAAM;AAAA,IAC3B,CAAC,OAAe,YAAwC;AACzC,mBAAA,GAAG,OAAO,OAAO;AAC9B,aAAO,MAAM;AACE,qBAAA,eAAe,OAAO,OAAO;AAAA,MAAA;AAAA,IAE9C;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGf,mBAAqD,UAAU;AAAA,IAC7D,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,EAAA,CACnB;AACH;"}

package/dist/esm/components/TreeView/internals/hooks/useTreeViewModels.js

@@ -17,20 +17,25 @@ const useTreeViewModels = (plugins, props) => {
     });
     return initialState;
   });
-  const models = Object.fromEntries(Object.entries(modelsRef.current).map(([modelName, model]) => {
-    const value = model.isControlled ? props[model.controlledProp] : modelsState[modelName];
-    return [modelName, {
-      value,
-      setValue: (newValue) => {
-        if (!model.isControlled) {
-          setModelsState((prevState) => ({
-            ...prevState,
-            [modelName]: newValue
-          }));
+  const models = Object.fromEntries(
+    Object.entries(modelsRef.current).map(([modelName, model]) => {
+      const value = model.isControlled ? props[model.controlledProp] : modelsState[modelName];
+      return [
+        modelName,
+        {
+          value,
+          setValue: (newValue) => {
+            if (!model.isControlled) {
+              setModelsState((prevState) => ({
+                ...prevState,
+                [modelName]: newValue
+              }));
+            }
+          }
         }
-      }
-    }];
-  }));
+      ];
+    })
+  );
   return models;
 };
 export {

package/dist/esm/components/TreeView/internals/hooks/useTreeViewModels.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeViewModels.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useTreeViewModels.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  TreeViewAnyPluginSignature,\n  TreeViewPlugin,\n  ConvertPluginsIntoSignatures,\n  MergePluginsProperty,\n} from \"../types\";\n\n/**\n * Implements the same behavior as `useControlled` but for several models.\n * The controlled models are never stored in the state and the state is only updated if the model is not controlled.\n */\nexport const useTreeViewModels = <\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n>(\n  plugins: TPlugins,\n  props: MergePluginsProperty<\n    ConvertPluginsIntoSignatures<TPlugins>,\n    \"defaultizedParams\"\n  >\n) => {\n  const modelsRef = React.useRef<{\n    [modelName: string]: {\n      controlledProp: keyof typeof props;\n      defaultProp: keyof typeof props;\n      isControlled: boolean;\n    };\n  }>({});\n\n  const [modelsState, setModelsState] = React.useState<{\n    [modelName: string]: any;\n  }>(() => {\n    const initialState: { [modelName: string]: any } = {};\n\n    plugins.forEach((plugin) => {\n      if (plugin.models) {\n        Object.entries(plugin.models).forEach(([modelName, model]) => {\n          modelsRef.current[modelName] = {\n            controlledProp: model.controlledProp as keyof typeof props,\n            defaultProp: model.defaultProp as keyof typeof props,\n            isControlled:\n              props[model.controlledProp as keyof typeof props] !== undefined,\n          };\n          initialState[modelName] =\n            props[model.defaultProp as keyof typeof props];\n        });\n      }\n    });\n\n    return initialState;\n  });\n\n  const models = Object.fromEntries(\n    Object.entries(modelsRef.current).map(([modelName, model]) => {\n      const value = model.isControlled\n        ? props[model.controlledProp]\n        : modelsState[modelName];\n\n      return [\n        modelName,\n        {\n          value,\n          setValue: (newValue: any) => {\n            if (!model.isControlled) {\n              setModelsState((prevState) => ({\n                ...prevState,\n                [modelName]: newValue,\n              }));\n            }\n          },\n        },\n      ];\n    })\n  ) as MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, \"models\">;\n\n  return models;\n};\n"],"names":["useTreeViewModels","plugins","props","modelsRef","React","useRef","modelsState","setModelsState","useState","initialState","forEach","plugin","models","entries","modelName","model","current","controlledProp","defaultProp","isControlled","undefined","Object","fromEntries","map","value","setValue","newValue","prevState"],"mappings":";AAaaA,MAAAA,oBAAoB,CAG/BC,SACAC,UAIG;AACH,QAAMC,YAAYC,MAAMC,OAMrB,CAAE,CAAA;AAEL,QAAM,CAACC,aAAaC,cAAc,IAAIH,MAAMI,SAEzC,MAAM;AACP,UAAMC,eAA6C,CAAA;AAEnDR,YAAQS,QAASC,CAAW,WAAA;AAC1B,UAAIA,OAAOC,QAAQ;AACVC,eAAAA,QAAQF,OAAOC,MAAM,EAAEF,QAAQ,CAAC,CAACI,WAAWC,KAAK,MAAM;AAClDC,oBAAAA,QAAQF,SAAS,IAAI;AAAA,YAC7BG,gBAAgBF,MAAME;AAAAA,YACtBC,aAAaH,MAAMG;AAAAA,YACnBC,cACEjB,MAAMa,MAAME,cAAoC,MAAMG;AAAAA,UAAAA;AAE1DX,uBAAaK,SAAS,IACpBZ,MAAMa,MAAMG,WAAkC;AAAA,QAAA,CACjD;AAAA,MACH;AAAA,IAAA,CACD;AAEMT,WAAAA;AAAAA,EAAAA,CACR;AAED,QAAMG,SAASS,OAAOC,YACpBD,OAAOR,QAAQV,UAAUa,OAAO,EAAEO,IAAI,CAAC,CAACT,WAAWC,KAAK,MAAM;AACtDS,UAAAA,QAAQT,MAAMI,eAChBjB,MAAMa,MAAME,cAAc,IAC1BX,YAAYQ,SAAS;AAEzB,WAAO,CACLA,WACA;AAAA,MACEU;AAAAA,MACAC,UAAUA,CAACC,aAAkB;AACvB,YAAA,CAACX,MAAMI,cAAc;AACvBZ,yBAAgBoB,CAAe,eAAA;AAAA,YAC7B,GAAGA;AAAAA,YACH,CAACb,SAAS,GAAGY;AAAAA,UACb,EAAA;AAAA,QACJ;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EAEJ,CAAA,CACH;AAEOd,SAAAA;AACT;"}
+{"version":3,"file":"useTreeViewModels.js","sources":["../../../../../../src/components/TreeView/internals/hooks/useTreeViewModels.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport {\n  TreeViewAnyPluginSignature,\n  TreeViewPlugin,\n  ConvertPluginsIntoSignatures,\n  MergePluginsProperty,\n} from \"../types\";\n\n/**\n * Implements the same behavior as `useControlled` but for several models.\n * The controlled models are never stored in the state and the state is only updated if the model is not controlled.\n */\nexport const useTreeViewModels = <\n  TPlugins extends readonly TreeViewPlugin<TreeViewAnyPluginSignature>[]\n>(\n  plugins: TPlugins,\n  props: MergePluginsProperty<\n    ConvertPluginsIntoSignatures<TPlugins>,\n    \"defaultizedParams\"\n  >\n) => {\n  const modelsRef = React.useRef<{\n    [modelName: string]: {\n      controlledProp: keyof typeof props;\n      defaultProp: keyof typeof props;\n      isControlled: boolean;\n    };\n  }>({});\n\n  const [modelsState, setModelsState] = React.useState<{\n    [modelName: string]: any;\n  }>(() => {\n    const initialState: { [modelName: string]: any } = {};\n\n    plugins.forEach((plugin) => {\n      if (plugin.models) {\n        Object.entries(plugin.models).forEach(([modelName, model]) => {\n          modelsRef.current[modelName] = {\n            controlledProp: model.controlledProp as keyof typeof props,\n            defaultProp: model.defaultProp as keyof typeof props,\n            isControlled:\n              props[model.controlledProp as keyof typeof props] !== undefined,\n          };\n          initialState[modelName] =\n            props[model.defaultProp as keyof typeof props];\n        });\n      }\n    });\n\n    return initialState;\n  });\n\n  const models = Object.fromEntries(\n    Object.entries(modelsRef.current).map(([modelName, model]) => {\n      const value = model.isControlled\n        ? props[model.controlledProp]\n        : modelsState[modelName];\n\n      return [\n        modelName,\n        {\n          value,\n          setValue: (newValue: any) => {\n            if (!model.isControlled) {\n              setModelsState((prevState) => ({\n                ...prevState,\n                [modelName]: newValue,\n              }));\n            }\n          },\n        },\n      ];\n    })\n  ) as MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, \"models\">;\n\n  return models;\n};\n"],"names":[],"mappings":";AAaa,MAAA,oBAAoB,CAG/B,SACA,UAIG;AACH,QAAM,YAAY,MAAM,OAMrB,CAAE,CAAA;AAEL,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAEzC,MAAM;AACP,UAAM,eAA6C,CAAA;AAE3C,YAAA,QAAQ,CAAC,WAAW;AAC1B,UAAI,OAAO,QAAQ;AACV,eAAA,QAAQ,OAAO,MAAM,EAAE,QAAQ,CAAC,CAAC,WAAW,KAAK,MAAM;AAClD,oBAAA,QAAQ,SAAS,IAAI;AAAA,YAC7B,gBAAgB,MAAM;AAAA,YACtB,aAAa,MAAM;AAAA,YACnB,cACE,MAAM,MAAM,cAAoC,MAAM;AAAA,UAAA;AAE1D,uBAAa,SAAS,IACpB,MAAM,MAAM,WAAiC;AAAA,QAAA,CAChD;AAAA,MACH;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,EAAA,CACR;AAED,QAAM,SAAS,OAAO;AAAA,IACpB,OAAO,QAAQ,UAAU,OAAO,EAAE,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM;AACtD,YAAA,QAAQ,MAAM,eAChB,MAAM,MAAM,cAAc,IAC1B,YAAY,SAAS;AAElB,aAAA;AAAA,QACL;AAAA,QACA;AAAA,UACE;AAAA,UACA,UAAU,CAAC,aAAkB;AACvB,gBAAA,CAAC,MAAM,cAAc;AACvB,6BAAe,CAAC,eAAe;AAAA,gBAC7B,GAAG;AAAA,gBACH,CAAC,SAAS,GAAG;AAAA,cACb,EAAA;AAAA,YACJ;AAAA,UACF;AAAA,QACF;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA;AAGI,SAAA;AACT;"}

package/dist/esm/components/TreeView/internals/hooks/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/components/TreeView/internals/hooks/utils.ts"],"sourcesContent":["import {\n  TreeViewAnyPluginSignature,\n  TreeViewInstance,\n  TreeViewUsedInstance,\n} from \"../types\";\nimport type { UseTreeViewExpansionSignature } from \"./plugins/useTreeViewExpansion\";\nimport type { UseTreeViewNodesSignature } from \"./plugins/useTreeViewNodes\";\n\nexport const getPreviousNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewNodesSignature, UseTreeViewExpansionSignature]\n  >,\n  nodeId: string\n) => {\n  const node = instance.getNode(nodeId);\n  const siblings = instance.getNavigableChildrenIds(node.parentId);\n  const nodeIndex = siblings.indexOf(nodeId);\n\n  if (nodeIndex === 0) {\n    return node.parentId;\n  }\n\n  let currentNode: string = siblings[nodeIndex - 1];\n  while (\n    instance.isNodeExpanded(currentNode) &&\n    instance.getNavigableChildrenIds(currentNode).length > 0\n  ) {\n    currentNode = instance.getNavigableChildrenIds(currentNode).pop()!;\n  }\n\n  return currentNode;\n};\n\nexport const getNextNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewExpansionSignature, UseTreeViewNodesSignature]\n  >,\n  nodeId: string\n) => {\n  // If expanded get first child\n  if (\n    instance.isNodeExpanded(nodeId) &&\n    instance.getNavigableChildrenIds(nodeId).length > 0\n  ) {\n    return instance.getNavigableChildrenIds(nodeId)[0];\n  }\n\n  let node = instance.getNode(nodeId);\n  while (node != null) {\n    // Try to get next sibling\n    const siblings = instance.getNavigableChildrenIds(node.parentId);\n    const nextSibling = siblings[siblings.indexOf(node.id) + 1];\n\n    if (nextSibling) {\n      return nextSibling;\n    }\n\n    // If the sibling does not exist, go up a level to the parent and try again.\n    node = instance.getNode(node.parentId!);\n  }\n\n  return null;\n};\n\nexport const getLastNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewExpansionSignature, UseTreeViewNodesSignature]\n  >\n) => {\n  let lastNode = instance.getNavigableChildrenIds(null).pop()!;\n\n  while (instance.isNodeExpanded(lastNode)) {\n    lastNode = instance.getNavigableChildrenIds(lastNode).pop()!;\n  }\n  return lastNode;\n};\n\nexport const getFirstNode = (\n  instance: TreeViewInstance<[UseTreeViewNodesSignature]>\n) => instance.getNavigableChildrenIds(null)[0];\n\nexport const populateInstance = <T extends TreeViewAnyPluginSignature>(\n  instance: TreeViewUsedInstance<T>,\n  methods: T[\"instance\"]\n) => {\n  Object.assign(instance, methods);\n};\n"],"names":["getPreviousNode","instance","nodeId","node","getNode","siblings","getNavigableChildrenIds","parentId","nodeIndex","indexOf","currentNode","isNodeExpanded","length","pop","getNextNode","nextSibling","id","getLastNode","lastNode","getFirstNode","populateInstance","methods","assign"],"mappings":"AAQaA,MAAAA,kBAAkBA,CAC7BC,UAGAC,WACG;AACGC,QAAAA,OAAOF,SAASG,QAAQF,MAAM;AACpC,QAAMG,WAAWJ,SAASK,wBAAwBH,KAAKI,QAAQ;AACzDC,QAAAA,YAAYH,SAASI,QAAQP,MAAM;AAEzC,MAAIM,cAAc,GAAG;AACnB,WAAOL,KAAKI;AAAAA,EACd;AAEIG,MAAAA,cAAsBL,SAASG,YAAY,CAAC;AAE9CP,SAAAA,SAASU,eAAeD,WAAW,KACnCT,SAASK,wBAAwBI,WAAW,EAAEE,SAAS,GACvD;AACAF,kBAAcT,SAASK,wBAAwBI,WAAW,EAAEG,IAAI;AAAA,EAClE;AAEOH,SAAAA;AACT;AAEaI,MAAAA,cAAcA,CACzBb,UAGAC,WACG;AAGDD,MAAAA,SAASU,eAAeT,MAAM,KAC9BD,SAASK,wBAAwBJ,MAAM,EAAEU,SAAS,GAClD;AACA,WAAOX,SAASK,wBAAwBJ,MAAM,EAAE,CAAC;AAAA,EACnD;AAEIC,MAAAA,OAAOF,SAASG,QAAQF,MAAM;AAClC,SAAOC,QAAQ,MAAM;AAEnB,UAAME,WAAWJ,SAASK,wBAAwBH,KAAKI,QAAQ;AAC/D,UAAMQ,cAAcV,SAASA,SAASI,QAAQN,KAAKa,EAAE,IAAI,CAAC;AAE1D,QAAID,aAAa;AACRA,aAAAA;AAAAA,IACT;AAGOd,WAAAA,SAASG,QAAQD,KAAKI,QAAS;AAAA,EACxC;AAEO,SAAA;AACT;AAEaU,MAAAA,cAAcA,CACzBhB,aAGG;AACH,MAAIiB,WAAWjB,SAASK,wBAAwB,IAAI,EAAEO,IAAI;AAEnDZ,SAAAA,SAASU,eAAeO,QAAQ,GAAG;AACxCA,eAAWjB,SAASK,wBAAwBY,QAAQ,EAAEL,IAAI;AAAA,EAC5D;AACOK,SAAAA;AACT;AAEO,MAAMC,eAAeA,CAC1BlB,aACGA,SAASK,wBAAwB,IAAI,EAAE,CAAC;AAEhCc,MAAAA,mBAAmB,CAC9BnB,UACAoB,YACG;AACIC,SAAAA,OAAOrB,UAAUoB,OAAO;AACjC;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/TreeView/internals/hooks/utils.ts"],"sourcesContent":["import {\n  TreeViewAnyPluginSignature,\n  TreeViewInstance,\n  TreeViewUsedInstance,\n} from \"../types\";\nimport type { UseTreeViewExpansionSignature } from \"./plugins/useTreeViewExpansion\";\nimport type { UseTreeViewNodesSignature } from \"./plugins/useTreeViewNodes\";\n\nexport const getPreviousNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewNodesSignature, UseTreeViewExpansionSignature]\n  >,\n  nodeId: string\n) => {\n  const node = instance.getNode(nodeId);\n  const siblings = instance.getNavigableChildrenIds(node.parentId);\n  const nodeIndex = siblings.indexOf(nodeId);\n\n  if (nodeIndex === 0) {\n    return node.parentId;\n  }\n\n  let currentNode: string = siblings[nodeIndex - 1];\n  while (\n    instance.isNodeExpanded(currentNode) &&\n    instance.getNavigableChildrenIds(currentNode).length > 0\n  ) {\n    currentNode = instance.getNavigableChildrenIds(currentNode).pop()!;\n  }\n\n  return currentNode;\n};\n\nexport const getNextNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewExpansionSignature, UseTreeViewNodesSignature]\n  >,\n  nodeId: string\n) => {\n  // If expanded get first child\n  if (\n    instance.isNodeExpanded(nodeId) &&\n    instance.getNavigableChildrenIds(nodeId).length > 0\n  ) {\n    return instance.getNavigableChildrenIds(nodeId)[0];\n  }\n\n  let node = instance.getNode(nodeId);\n  while (node != null) {\n    // Try to get next sibling\n    const siblings = instance.getNavigableChildrenIds(node.parentId);\n    const nextSibling = siblings[siblings.indexOf(node.id) + 1];\n\n    if (nextSibling) {\n      return nextSibling;\n    }\n\n    // If the sibling does not exist, go up a level to the parent and try again.\n    node = instance.getNode(node.parentId!);\n  }\n\n  return null;\n};\n\nexport const getLastNode = (\n  instance: TreeViewInstance<\n    [UseTreeViewExpansionSignature, UseTreeViewNodesSignature]\n  >\n) => {\n  let lastNode = instance.getNavigableChildrenIds(null).pop()!;\n\n  while (instance.isNodeExpanded(lastNode)) {\n    lastNode = instance.getNavigableChildrenIds(lastNode).pop()!;\n  }\n  return lastNode;\n};\n\nexport const getFirstNode = (\n  instance: TreeViewInstance<[UseTreeViewNodesSignature]>\n) => instance.getNavigableChildrenIds(null)[0];\n\nexport const populateInstance = <T extends TreeViewAnyPluginSignature>(\n  instance: TreeViewUsedInstance<T>,\n  methods: T[\"instance\"]\n) => {\n  Object.assign(instance, methods);\n};\n"],"names":[],"mappings":"AAQa,MAAA,kBAAkB,CAC7B,UAGA,WACG;AACG,QAAA,OAAO,SAAS,QAAQ,MAAM;AACpC,QAAM,WAAW,SAAS,wBAAwB,KAAK,QAAQ;AACzD,QAAA,YAAY,SAAS,QAAQ,MAAM;AAEzC,MAAI,cAAc,GAAG;AACnB,WAAO,KAAK;AAAA,EACd;AAEI,MAAA,cAAsB,SAAS,YAAY,CAAC;AAE9C,SAAA,SAAS,eAAe,WAAW,KACnC,SAAS,wBAAwB,WAAW,EAAE,SAAS,GACvD;AACA,kBAAc,SAAS,wBAAwB,WAAW,EAAE,IAAI;AAAA,EAClE;AAEO,SAAA;AACT;AAEa,MAAA,cAAc,CACzB,UAGA,WACG;AAGD,MAAA,SAAS,eAAe,MAAM,KAC9B,SAAS,wBAAwB,MAAM,EAAE,SAAS,GAClD;AACA,WAAO,SAAS,wBAAwB,MAAM,EAAE,CAAC;AAAA,EACnD;AAEI,MAAA,OAAO,SAAS,QAAQ,MAAM;AAClC,SAAO,QAAQ,MAAM;AAEnB,UAAM,WAAW,SAAS,wBAAwB,KAAK,QAAQ;AAC/D,UAAM,cAAc,SAAS,SAAS,QAAQ,KAAK,EAAE,IAAI,CAAC;AAE1D,QAAI,aAAa;AACR,aAAA;AAAA,IACT;AAGO,WAAA,SAAS,QAAQ,KAAK,QAAS;AAAA,EACxC;AAEO,SAAA;AACT;AAEa,MAAA,cAAc,CACzB,aAGG;AACH,MAAI,WAAW,SAAS,wBAAwB,IAAI,EAAE,IAAI;AAEnD,SAAA,SAAS,eAAe,QAAQ,GAAG;AACxC,eAAW,SAAS,wBAAwB,QAAQ,EAAE,IAAI;AAAA,EAC5D;AACO,SAAA;AACT;AAEO,MAAM,eAAe,CAC1B,aACG,SAAS,wBAAwB,IAAI,EAAE,CAAC;AAEhC,MAAA,mBAAmB,CAC9B,UACA,YACG;AACI,SAAA,OAAO,UAAU,OAAO;AACjC;"}

package/dist/esm/components/TreeView/internals/utils/EventManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventManager.js","sources":["../../../../../../src/components/TreeView/internals/utils/EventManager.ts"],"sourcesContent":["export type EventListener = (...args: any[]) => void;\n\nexport interface EventListenerOptions {\n  isFirst?: boolean;\n}\n\ninterface EventListenerCollection {\n  /**\n   * List of listeners to run before the others\n   * They are run in the opposite order of the registration order\n   */\n  highPriority: Map<EventListener, true>;\n  /**\n   * List of events to run after the high priority listeners\n   * They are run in the registration order\n   */\n  regular: Map<EventListener, true>;\n}\n\n// Used https://gist.github.com/mudge/5830382 as a starting point.\n// See https://github.com/browserify/events/blob/master/events.js for\n// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.\nexport class EventManager {\n  maxListeners = 20;\n\n  warnOnce = false;\n\n  events: { [eventName: string]: EventListenerCollection } = {};\n\n  on(\n    eventName: string,\n    listener: EventListener,\n    options: EventListenerOptions = {}\n  ): void {\n    let collection = this.events[eventName];\n\n    if (!collection) {\n      collection = {\n        highPriority: new Map(),\n        regular: new Map(),\n      };\n      this.events[eventName] = collection;\n    }\n\n    if (options.isFirst) {\n      collection.highPriority.set(listener, true);\n    } else {\n      collection.regular.set(listener, true);\n    }\n  }\n\n  removeListener(eventName: string, listener: EventListener): void {\n    if (this.events[eventName]) {\n      this.events[eventName].regular.delete(listener);\n      this.events[eventName].highPriority.delete(listener);\n    }\n  }\n\n  removeAllListeners(): void {\n    this.events = {};\n  }\n\n  emit(eventName: string, ...args: any[]): void {\n    const collection = this.events[eventName];\n    if (!collection) {\n      return;\n    }\n\n    const highPriorityListeners = Array.from(collection.highPriority.keys());\n    const regularListeners = Array.from(collection.regular.keys());\n\n    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {\n      const listener = highPriorityListeners[i];\n      if (collection.highPriority.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n\n    for (let i = 0; i < regularListeners.length; i += 1) {\n      const listener = regularListeners[i];\n      if (collection.regular.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n  }\n\n  once(eventName: string, listener: EventListener): void {\n    // eslint-disable-next-line consistent-this\n    const that = this;\n    this.on(eventName, function oneTimeListener(...args) {\n      that.removeListener(eventName, oneTimeListener);\n      listener.apply(that, args);\n    });\n  }\n}\n"],"names":["EventManager","events","on","eventName","listener","options","collection","highPriority","Map","regular","isFirst","set","removeListener","delete","removeAllListeners","emit","args","highPriorityListeners","Array","from","keys","regularListeners","i","length","has","apply","once","that","oneTimeListener"],"mappings":"AAsBO,MAAMA,aAAa;AAAA,EAAnB,cAAA;AACU,SAAA,eAAA;AAEJ,SAAA,WAAA;AAEXC,SAAAA,SAA2D;EAAC;AAAA,EAE5DC,GACEC,WACAC,UACAC,UAAgC,CAAA,GAC1B;AACFC,QAAAA,aAAa,KAAKL,OAAOE,SAAS;AAEtC,QAAI,CAACG,YAAY;AACF,mBAAA;AAAA,QACXC,kCAAkBC,IAAI;AAAA,QACtBC,6BAAaD,IAAI;AAAA,MAAA;AAEdP,WAAAA,OAAOE,SAAS,IAAIG;AAAAA,IAC3B;AAEA,QAAID,QAAQK,SAAS;AACRH,iBAAAA,aAAaI,IAAIP,UAAU,IAAI;AAAA,IAAA,OACrC;AACMK,iBAAAA,QAAQE,IAAIP,UAAU,IAAI;AAAA,IACvC;AAAA,EACF;AAAA,EAEAQ,eAAeT,WAAmBC,UAA+B;AAC3D,QAAA,KAAKH,OAAOE,SAAS,GAAG;AAC1B,WAAKF,OAAOE,SAAS,EAAEM,QAAQI,OAAOT,QAAQ;AAC9C,WAAKH,OAAOE,SAAS,EAAEI,aAAaM,OAAOT,QAAQ;AAAA,IACrD;AAAA,EACF;AAAA,EAEAU,qBAA2B;AACzB,SAAKb,SAAS;EAChB;AAAA,EAEAc,KAAKZ,cAAsBa,MAAmB;AACtCV,UAAAA,aAAa,KAAKL,OAAOE,SAAS;AACxC,QAAI,CAACG,YAAY;AACf;AAAA,IACF;AAEA,UAAMW,wBAAwBC,MAAMC,KAAKb,WAAWC,aAAaa,MAAM;AACvE,UAAMC,mBAAmBH,MAAMC,KAAKb,WAAWG,QAAQW,MAAM;AAE7D,aAASE,IAAIL,sBAAsBM,SAAS,GAAGD,KAAK,GAAGA,KAAK,GAAG;AACvDlB,YAAAA,WAAWa,sBAAsBK,CAAC;AACxC,UAAIhB,WAAWC,aAAaiB,IAAIpB,QAAQ,GAAG;AAChCqB,iBAAAA,MAAM,MAAMT,IAAI;AAAA,MAC3B;AAAA,IACF;AAEA,aAASM,IAAI,GAAGA,IAAID,iBAAiBE,QAAQD,KAAK,GAAG;AAC7ClB,YAAAA,WAAWiB,iBAAiBC,CAAC;AACnC,UAAIhB,WAAWG,QAAQe,IAAIpB,QAAQ,GAAG;AAC3BqB,iBAAAA,MAAM,MAAMT,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAAA,EAEAU,KAAKvB,WAAmBC,UAA+B;AAErD,UAAMuB,OAAO;AACb,SAAKzB,GAAGC,WAAW,SAASyB,mBAAmBZ,MAAM;AAC9CJ,WAAAA,eAAeT,WAAWyB,eAAe;AACrCH,eAAAA,MAAME,MAAMX,IAAI;AAAA,IAAA,CAC1B;AAAA,EACH;AACF;"}
+{"version":3,"file":"EventManager.js","sources":["../../../../../../src/components/TreeView/internals/utils/EventManager.ts"],"sourcesContent":["export type EventListener = (...args: any[]) => void;\n\nexport interface EventListenerOptions {\n  isFirst?: boolean;\n}\n\ninterface EventListenerCollection {\n  /**\n   * List of listeners to run before the others\n   * They are run in the opposite order of the registration order\n   */\n  highPriority: Map<EventListener, true>;\n  /**\n   * List of events to run after the high priority listeners\n   * They are run in the registration order\n   */\n  regular: Map<EventListener, true>;\n}\n\n// Used https://gist.github.com/mudge/5830382 as a starting point.\n// See https://github.com/browserify/events/blob/master/events.js for\n// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.\nexport class EventManager {\n  maxListeners = 20;\n\n  warnOnce = false;\n\n  events: { [eventName: string]: EventListenerCollection } = {};\n\n  on(\n    eventName: string,\n    listener: EventListener,\n    options: EventListenerOptions = {}\n  ): void {\n    let collection = this.events[eventName];\n\n    if (!collection) {\n      collection = {\n        highPriority: new Map(),\n        regular: new Map(),\n      };\n      this.events[eventName] = collection;\n    }\n\n    if (options.isFirst) {\n      collection.highPriority.set(listener, true);\n    } else {\n      collection.regular.set(listener, true);\n    }\n  }\n\n  removeListener(eventName: string, listener: EventListener): void {\n    if (this.events[eventName]) {\n      this.events[eventName].regular.delete(listener);\n      this.events[eventName].highPriority.delete(listener);\n    }\n  }\n\n  removeAllListeners(): void {\n    this.events = {};\n  }\n\n  emit(eventName: string, ...args: any[]): void {\n    const collection = this.events[eventName];\n    if (!collection) {\n      return;\n    }\n\n    const highPriorityListeners = Array.from(collection.highPriority.keys());\n    const regularListeners = Array.from(collection.regular.keys());\n\n    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {\n      const listener = highPriorityListeners[i];\n      if (collection.highPriority.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n\n    for (let i = 0; i < regularListeners.length; i += 1) {\n      const listener = regularListeners[i];\n      if (collection.regular.has(listener)) {\n        listener.apply(this, args);\n      }\n    }\n  }\n\n  once(eventName: string, listener: EventListener): void {\n    // eslint-disable-next-line consistent-this\n    const that = this;\n    this.on(eventName, function oneTimeListener(...args) {\n      that.removeListener(eventName, oneTimeListener);\n      listener.apply(that, args);\n    });\n  }\n}\n"],"names":[],"mappings":"AAsBO,MAAM,aAAa;AAAA,EAAnB,cAAA;AACU,SAAA,eAAA;AAEJ,SAAA,WAAA;AAEX,SAAA,SAA2D;EAAC;AAAA,EAE5D,GACE,WACA,UACA,UAAgC,CAAA,GAC1B;AACF,QAAA,aAAa,KAAK,OAAO,SAAS;AAEtC,QAAI,CAAC,YAAY;AACF,mBAAA;AAAA,QACX,kCAAkB,IAAI;AAAA,QACtB,6BAAa,IAAI;AAAA,MAAA;AAEd,WAAA,OAAO,SAAS,IAAI;AAAA,IAC3B;AAEA,QAAI,QAAQ,SAAS;AACR,iBAAA,aAAa,IAAI,UAAU,IAAI;AAAA,IAAA,OACrC;AACM,iBAAA,QAAQ,IAAI,UAAU,IAAI;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,eAAe,WAAmB,UAA+B;AAC3D,QAAA,KAAK,OAAO,SAAS,GAAG;AAC1B,WAAK,OAAO,SAAS,EAAE,QAAQ,OAAO,QAAQ;AAC9C,WAAK,OAAO,SAAS,EAAE,aAAa,OAAO,QAAQ;AAAA,IACrD;AAAA,EACF;AAAA,EAEA,qBAA2B;AACzB,SAAK,SAAS;EAChB;AAAA,EAEA,KAAK,cAAsB,MAAmB;AACtC,UAAA,aAAa,KAAK,OAAO,SAAS;AACxC,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AAEA,UAAM,wBAAwB,MAAM,KAAK,WAAW,aAAa,MAAM;AACvE,UAAM,mBAAmB,MAAM,KAAK,WAAW,QAAQ,MAAM;AAE7D,aAAS,IAAI,sBAAsB,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;AACvD,YAAA,WAAW,sBAAsB,CAAC;AACxC,UAAI,WAAW,aAAa,IAAI,QAAQ,GAAG;AAChC,iBAAA,MAAM,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF;AAEA,aAAS,IAAI,GAAG,IAAI,iBAAiB,QAAQ,KAAK,GAAG;AAC7C,YAAA,WAAW,iBAAiB,CAAC;AACnC,UAAI,WAAW,QAAQ,IAAI,QAAQ,GAAG;AAC3B,iBAAA,MAAM,MAAM,IAAI;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AAAA,EAEA,KAAK,WAAmB,UAA+B;AAErD,UAAM,OAAO;AACb,SAAK,GAAG,WAAW,SAAS,mBAAmB,MAAM;AAC9C,WAAA,eAAe,WAAW,eAAe;AACrC,eAAA,MAAM,MAAM,IAAI;AAAA,IAAA,CAC1B;AAAA,EACH;AACF;"}

package/dist/esm/components/TreeView/internals/utils/FinalizationRegistryBasedCleanupTracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinalizationRegistryBasedCleanupTracking.js","sources":["../../../../../../src/components/TreeView/internals/utils/FinalizationRegistryBasedCleanupTracking.ts"],"sourcesContent":["import {\n  CleanupTracking,\n  UnsubscribeFn,\n  UnregisterToken,\n} from \"./CleanupTracking\";\n\nexport class FinalizationRegistryBasedCleanupTracking\n  implements CleanupTracking\n{\n  registry = new FinalizationRegistry<UnsubscribeFn>((unsubscribe) => {\n    if (typeof unsubscribe === \"function\") {\n      unsubscribe();\n    }\n  });\n\n  register(\n    object: any,\n    unsubscribe: UnsubscribeFn,\n    unregisterToken: UnregisterToken\n  ): void {\n    this.registry.register(object, unsubscribe, unregisterToken);\n  }\n\n  unregister(unregisterToken: UnregisterToken): void {\n    this.registry.unregister(unregisterToken);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  reset() {}\n}\n"],"names":["FinalizationRegistryBasedCleanupTracking","FinalizationRegistry","unsubscribe","register","object","unregisterToken","registry","unregister","reset"],"mappings":"AAMO,MAAMA,yCAEb;AAAA,EAFO,cAAA;AAGM,SAAA,WAAA,IAAIC,qBAAqCC,CAAgB,gBAAA;AAC9D,UAAA,OAAOA,gBAAgB,YAAY;AACzB;MACd;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAEDC,SACEC,QACAF,aACAG,iBACM;AACN,SAAKC,SAASH,SAASC,QAAQF,aAAaG,eAAe;AAAA,EAC7D;AAAA,EAEAE,WAAWF,iBAAwC;AAC5CC,SAAAA,SAASC,WAAWF,eAAe;AAAA,EAC1C;AAAA;AAAA,EAGAG,QAAQ;AAAA,EAAC;AACX;"}
+{"version":3,"file":"FinalizationRegistryBasedCleanupTracking.js","sources":["../../../../../../src/components/TreeView/internals/utils/FinalizationRegistryBasedCleanupTracking.ts"],"sourcesContent":["import {\n  CleanupTracking,\n  UnsubscribeFn,\n  UnregisterToken,\n} from \"./CleanupTracking\";\n\nexport class FinalizationRegistryBasedCleanupTracking\n  implements CleanupTracking\n{\n  registry = new FinalizationRegistry<UnsubscribeFn>((unsubscribe) => {\n    if (typeof unsubscribe === \"function\") {\n      unsubscribe();\n    }\n  });\n\n  register(\n    object: any,\n    unsubscribe: UnsubscribeFn,\n    unregisterToken: UnregisterToken\n  ): void {\n    this.registry.register(object, unsubscribe, unregisterToken);\n  }\n\n  unregister(unregisterToken: UnregisterToken): void {\n    this.registry.unregister(unregisterToken);\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  reset() {}\n}\n"],"names":[],"mappings":"AAMO,MAAM,yCAEb;AAAA,EAFO,cAAA;AAGM,SAAA,WAAA,IAAI,qBAAoC,CAAC,gBAAgB;AAC9D,UAAA,OAAO,gBAAgB,YAAY;AACzB;MACd;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAED,SACE,QACA,aACA,iBACM;AACN,SAAK,SAAS,SAAS,QAAQ,aAAa,eAAe;AAAA,EAC7D;AAAA,EAEA,WAAW,iBAAwC;AAC5C,SAAA,SAAS,WAAW,eAAe;AAAA,EAC1C;AAAA;AAAA,EAGA,QAAQ;AAAA,EAAC;AACX;"}

package/dist/esm/components/TreeView/internals/utils/TimerBasedCleanupTracking.js

@@ -27,9 +27,7 @@ class TimerBasedCleanupTracking {
   reset() {
     if (this.timeouts) {
       this.timeouts.forEach((value, key) => {
-        this.unregister({
-          cleanupToken: key
-        });
+        this.unregister({ cleanupToken: key });
       });
       this.timeouts = void 0;
     }

package/dist/esm/components/TreeView/internals/utils/TimerBasedCleanupTracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimerBasedCleanupTracking.js","sources":["../../../../../../src/components/TreeView/internals/utils/TimerBasedCleanupTracking.ts"],"sourcesContent":["import {\n  CleanupTracking,\n  UnregisterToken,\n  UnsubscribeFn,\n} from \"./CleanupTracking\";\n\n// If no effect ran after this amount of time, we assume that the render was not committed by React\nconst CLEANUP_TIMER_LOOP_MILLIS = 1000;\n\nexport class TimerBasedCleanupTracking implements CleanupTracking {\n  timeouts? = new Map<number, NodeJS.Timeout>();\n\n  cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;\n\n  constructor(timeout = CLEANUP_TIMER_LOOP_MILLIS) {\n    this.cleanupTimeout = timeout;\n  }\n\n  register(\n    object: any,\n    unsubscribe: UnsubscribeFn,\n    unregisterToken: UnregisterToken\n  ): void {\n    if (!this.timeouts) {\n      this.timeouts = new Map<number, NodeJS.Timeout>();\n    }\n\n    const timeout = setTimeout(() => {\n      if (typeof unsubscribe === \"function\") {\n        unsubscribe();\n      }\n      this.timeouts!.delete(unregisterToken.cleanupToken);\n    }, this.cleanupTimeout);\n\n    this.timeouts!.set(unregisterToken!.cleanupToken, timeout);\n  }\n\n  unregister(unregisterToken: UnregisterToken): void {\n    const timeout = this.timeouts!.get(unregisterToken.cleanupToken);\n    if (timeout) {\n      this.timeouts!.delete(unregisterToken.cleanupToken);\n      clearTimeout(timeout);\n    }\n  }\n\n  reset() {\n    if (this.timeouts) {\n      this.timeouts.forEach((value, key) => {\n        this.unregister({ cleanupToken: key });\n      });\n      this.timeouts = undefined;\n    }\n  }\n}\n"],"names":["CLEANUP_TIMER_LOOP_MILLIS","TimerBasedCleanupTracking","constructor","timeout","timeouts","Map","cleanupTimeout","register","object","unsubscribe","unregisterToken","setTimeout","delete","cleanupToken","set","unregister","get","clearTimeout","reset","forEach","value","key","undefined"],"mappings":"AAOA,MAAMA,4BAA4B;AAE3B,MAAMC,0BAAqD;AAAA,EAKhEC,YAAYC,UAAUH,2BAA2B;AAJjDI,SAAAA,+BAAgBC;AAECL,SAAAA,iBAAAA;AAGf,SAAKM,iBAAiBH;AAAAA,EACxB;AAAA,EAEAI,SACEC,QACAC,aACAC,iBACM;AACF,QAAA,CAAC,KAAKN,UAAU;AACbA,WAAAA,+BAAeC;IACtB;AAEMF,UAAAA,UAAUQ,WAAW,MAAM;AAC3B,UAAA,OAAOF,gBAAgB,YAAY;AACzB;MACd;AACKL,WAAAA,SAAUQ,OAAOF,gBAAgBG,YAAY;AAAA,IAAA,GACjD,KAAKP,cAAc;AAEtB,SAAKF,SAAUU,IAAIJ,gBAAiBG,cAAcV,OAAO;AAAA,EAC3D;AAAA,EAEAY,WAAWL,iBAAwC;AACjD,UAAMP,UAAU,KAAKC,SAAUY,IAAIN,gBAAgBG,YAAY;AAC/D,QAAIV,SAAS;AACNC,WAAAA,SAAUQ,OAAOF,gBAAgBG,YAAY;AAClDI,mBAAad,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EAEAe,QAAQ;AACN,QAAI,KAAKd,UAAU;AACjB,WAAKA,SAASe,QAAQ,CAACC,OAAOC,QAAQ;AACpC,aAAKN,WAAW;AAAA,UAAEF,cAAcQ;AAAAA,QAAAA,CAAK;AAAA,MAAA,CACtC;AACD,WAAKjB,WAAWkB;AAAAA,IAClB;AAAA,EACF;AACF;"}
+{"version":3,"file":"TimerBasedCleanupTracking.js","sources":["../../../../../../src/components/TreeView/internals/utils/TimerBasedCleanupTracking.ts"],"sourcesContent":["import {\n  CleanupTracking,\n  UnregisterToken,\n  UnsubscribeFn,\n} from \"./CleanupTracking\";\n\n// If no effect ran after this amount of time, we assume that the render was not committed by React\nconst CLEANUP_TIMER_LOOP_MILLIS = 1000;\n\nexport class TimerBasedCleanupTracking implements CleanupTracking {\n  timeouts? = new Map<number, NodeJS.Timeout>();\n\n  cleanupTimeout = CLEANUP_TIMER_LOOP_MILLIS;\n\n  constructor(timeout = CLEANUP_TIMER_LOOP_MILLIS) {\n    this.cleanupTimeout = timeout;\n  }\n\n  register(\n    object: any,\n    unsubscribe: UnsubscribeFn,\n    unregisterToken: UnregisterToken\n  ): void {\n    if (!this.timeouts) {\n      this.timeouts = new Map<number, NodeJS.Timeout>();\n    }\n\n    const timeout = setTimeout(() => {\n      if (typeof unsubscribe === \"function\") {\n        unsubscribe();\n      }\n      this.timeouts!.delete(unregisterToken.cleanupToken);\n    }, this.cleanupTimeout);\n\n    this.timeouts!.set(unregisterToken!.cleanupToken, timeout);\n  }\n\n  unregister(unregisterToken: UnregisterToken): void {\n    const timeout = this.timeouts!.get(unregisterToken.cleanupToken);\n    if (timeout) {\n      this.timeouts!.delete(unregisterToken.cleanupToken);\n      clearTimeout(timeout);\n    }\n  }\n\n  reset() {\n    if (this.timeouts) {\n      this.timeouts.forEach((value, key) => {\n        this.unregister({ cleanupToken: key });\n      });\n      this.timeouts = undefined;\n    }\n  }\n}\n"],"names":[],"mappings":"AAOA,MAAM,4BAA4B;AAE3B,MAAM,0BAAqD;AAAA,EAKhE,YAAY,UAAU,2BAA2B;AAJjD,SAAA,+BAAgB;AAEC,SAAA,iBAAA;AAGf,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEA,SACE,QACA,aACA,iBACM;AACF,QAAA,CAAC,KAAK,UAAU;AACb,WAAA,+BAAe;IACtB;AAEM,UAAA,UAAU,WAAW,MAAM;AAC3B,UAAA,OAAO,gBAAgB,YAAY;AACzB;MACd;AACK,WAAA,SAAU,OAAO,gBAAgB,YAAY;AAAA,IAAA,GACjD,KAAK,cAAc;AAEtB,SAAK,SAAU,IAAI,gBAAiB,cAAc,OAAO;AAAA,EAC3D;AAAA,EAEA,WAAW,iBAAwC;AACjD,UAAM,UAAU,KAAK,SAAU,IAAI,gBAAgB,YAAY;AAC/D,QAAI,SAAS;AACN,WAAA,SAAU,OAAO,gBAAgB,YAAY;AAClD,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,QAAQ,CAAC,OAAO,QAAQ;AACpC,aAAK,WAAW,EAAE,cAAc,IAAK,CAAA;AAAA,MAAA,CACtC;AACD,WAAK,WAAW;AAAA,IAClB;AAAA,EACF;AACF;"}

package/dist/esm/components/TreeView/internals/utils/publishTreeViewEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"publishTreeViewEvent.js","sources":["../../../../../../src/components/TreeView/internals/utils/publishTreeViewEvent.ts"],"sourcesContent":["import type { UseTreeViewInstanceEventsInstance } from \"../hooks/useTreeViewInstanceEvents.types\";\nimport type { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\n\nexport const publishTreeViewEvent = <\n  Instance extends UseTreeViewInstanceEventsInstance & {\n    $$signature: TreeViewAnyPluginSignature;\n  },\n  E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>\n>(\n  instance: Instance,\n  eventName: E,\n  params: TreeViewUsedEvents<Instance[\"$$signature\"]>[E][\"params\"]\n) => {\n  instance.$$publishEvent(eventName as string, params);\n};\n"],"names":["publishTreeViewEvent","instance","eventName","params","$$publishEvent"],"mappings":"AAGO,MAAMA,uBAAuB,CAMlCC,UACAC,WACAC,WACG;AACMC,WAAAA,eAAeF,WAAqBC,MAAM;AACrD;"}
+{"version":3,"file":"publishTreeViewEvent.js","sources":["../../../../../../src/components/TreeView/internals/utils/publishTreeViewEvent.ts"],"sourcesContent":["import type { UseTreeViewInstanceEventsInstance } from \"../hooks/useTreeViewInstanceEvents.types\";\nimport type { TreeViewAnyPluginSignature, TreeViewUsedEvents } from \"../types\";\n\nexport const publishTreeViewEvent = <\n  Instance extends UseTreeViewInstanceEventsInstance & {\n    $$signature: TreeViewAnyPluginSignature;\n  },\n  E extends keyof TreeViewUsedEvents<Instance[\"$$signature\"]>\n>(\n  instance: Instance,\n  eventName: E,\n  params: TreeViewUsedEvents<Instance[\"$$signature\"]>[E][\"params\"]\n) => {\n  instance.$$publishEvent(eventName as string, params);\n};\n"],"names":[],"mappings":"AAGO,MAAM,uBAAuB,CAMlC,UACA,WACA,WACG;AACM,WAAA,eAAe,WAAqB,MAAM;AACrD;"}

package/dist/esm/components/Typography/Typography.js

@@ -37,33 +37,42 @@ const HvTypographyMap = {
   vizTextDisabled: "p",
   xsInlineLink: "p"
 };
-const HvTypography = forwardRef((props, ref) => {
-  const {
-    className,
-    component: ComponentProp,
-    classes: classesProp,
-    variant: variantProp = "body",
-    link = false,
-    disabled = false,
-    noWrap = false,
-    paragraph = false,
-    ...others
-  } = useDefaultProps("HvTypography", props);
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
-  const {
-    activeTheme
-  } = useTheme();
-  const variant = mapVariant(variantProp, activeTheme?.name);
-  const Component = ComponentProp || paragraph && "p" || HvTypographyMap[variant] || "span";
-  return /* @__PURE__ */ jsx(Component, { ref, className: cx(classes.root, classes[variant], {
-    [classes.isLink]: link,
-    [classes.noWrap]: noWrap,
-    [classes.disabled]: disabled
-  }, className), ...others });
-});
+const HvTypography = forwardRef(
+  (props, ref) => {
+    const {
+      className,
+      component: ComponentProp,
+      classes: classesProp,
+      variant: variantProp = "body",
+      link = false,
+      disabled = false,
+      noWrap = false,
+      paragraph = false,
+      ...others
+    } = useDefaultProps("HvTypography", props);
+    const { classes, cx } = useClasses(classesProp);
+    const { activeTheme } = useTheme();
+    const variant = mapVariant(variantProp, activeTheme?.name);
+    const Component = ComponentProp || paragraph && "p" || HvTypographyMap[variant] || "span";
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cx(
+          classes.root,
+          classes[variant],
+          {
+            [classes.isLink]: link,
+            [classes.noWrap]: noWrap,
+            [classes.disabled]: disabled
+          },
+          className
+        ),
+        ...others
+      }
+    );
+  }
+);
 export {
   HvTypography,
   staticClasses as typographyClasses

package/dist/esm/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { ElementType, forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvTypographyLegacyVariants,\n  HvTypographyVariants,\n  mapVariant,\n} from \"./utils\";\nimport { staticClasses, useClasses } from \"./Typography.styles\";\n\nexport { staticClasses as typographyClasses };\n\nexport type HvTypographyClasses = ExtractNames<typeof useClasses>;\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"span\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  \"3xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  xlTitle: \"h1\",\n  lTitle: \"h2\",\n  mTitle: \"h3\",\n  sTitle: \"h4\",\n  xsTitle: \"h5\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  highlightText: \"p\",\n  normalText: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} satisfies Record<\n  HvTypographyVariants | HvTypographyLegacyVariants,\n  ElementType\n>;\n\nexport type HvTypographyProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Typography. */\n      variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n      /** If `true` the typography will display the look of a link. */\n      link?: boolean;\n      /** If `true` the typography will display the look of a disabled state. */\n      disabled?: boolean;\n      /** If `true`, the text will have a bottom margin. */\n      paragraph?: boolean;\n      /**\n       * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n       *\n       * Note that text overflow can only happen with block or inline-block level elements\n       * (the element needs to have a width in order to overflow).\n       */\n      noWrap?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTypographyClasses;\n    }\n  >;\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography: <C extends React.ElementType = \"p\">(\n  props: HvTypographyProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTypographyProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      className,\n      component: ComponentProp,\n      classes: classesProp,\n      variant: variantProp = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = useDefaultProps(\"HvTypography\", props);\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    const Component =\n      ComponentProp || (paragraph && \"p\") || HvTypographyMap[variant] || \"span\";\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(\n          classes.root,\n          classes[variant],\n          {\n            [classes.isLink]: link,\n            [classes.noWrap]: noWrap,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","xlTitle","lTitle","mTitle","sTitle","xsTitle","xxsTitle","sectionTitle","highlightText","normalText","placeholderText","link","disabledText","selectedNavText","vizText","vizTextDisabled","xsInlineLink","HvTypography","forwardRef","props","ref","className","component","ComponentProp","classes","classesProp","variant","variantProp","disabled","noWrap","paragraph","others","useDefaultProps","cx","useClasses","activeTheme","useTheme","mapVariant","name","Component","root","isLink"],"mappings":";;;;;;;AAkBA,MAAMA,kBAAkB;AAAA,EACtBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,eAAe;AAAA,EACfC,YAAY;AAAA,EACZC,iBAAiB;AAAA,EACjBC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,SAAS;AAAA,EACTC,iBAAiB;AAAA,EACjBC,cAAc;AAChB;AAgCO,MAAMC,eAEoBC,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,SAASC,cAAc;AAAA,IACvBhB,OAAO;AAAA,IACPiB,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZ,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAgBb,KAAK;AACnC,QAAA;AAAA,IAAEK;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AACxC,QAAA;AAAA,IAAEU;AAAAA,MAAgBC,SAAS;AAEjC,QAAMV,UAAUW,WAAWV,aAAaQ,aAAaG,IAAI;AAEzD,QAAMC,YACJhB,iBAAkBO,aAAa,OAAQxC,gBAAgBoC,OAAO,KAAK;AAGnE,SAAA,oBAAC,aACC,KACA,WAAWO,GACTT,QAAQgB,MACRhB,QAAQE,OAAO,GACf;AAAA,IACE,CAACF,QAAQiB,MAAM,GAAG9B;AAAAA,IAClB,CAACa,QAAQK,MAAM,GAAGA;AAAAA,IAClB,CAACL,QAAQI,QAAQ,GAAGA;AAAAA,EAEtBP,GAAAA,SACF,GACIU,GAAAA,OACJ,CAAA;AAEN,CACF;"}
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { ElementType, forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvTypographyLegacyVariants,\n  HvTypographyVariants,\n  mapVariant,\n} from \"./utils\";\nimport { staticClasses, useClasses } from \"./Typography.styles\";\n\nexport { staticClasses as typographyClasses };\n\nexport type HvTypographyClasses = ExtractNames<typeof useClasses>;\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"span\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  \"3xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  xlTitle: \"h1\",\n  lTitle: \"h2\",\n  mTitle: \"h3\",\n  sTitle: \"h4\",\n  xsTitle: \"h5\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  highlightText: \"p\",\n  normalText: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} satisfies Record<\n  HvTypographyVariants | HvTypographyLegacyVariants,\n  ElementType\n>;\n\nexport type HvTypographyProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Typography. */\n      variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n      /** If `true` the typography will display the look of a link. */\n      link?: boolean;\n      /** If `true` the typography will display the look of a disabled state. */\n      disabled?: boolean;\n      /** If `true`, the text will have a bottom margin. */\n      paragraph?: boolean;\n      /**\n       * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n       *\n       * Note that text overflow can only happen with block or inline-block level elements\n       * (the element needs to have a width in order to overflow).\n       */\n      noWrap?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTypographyClasses;\n    }\n  >;\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography: <C extends React.ElementType = \"p\">(\n  props: HvTypographyProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTypographyProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      className,\n      component: ComponentProp,\n      classes: classesProp,\n      variant: variantProp = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = useDefaultProps(\"HvTypography\", props);\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    const Component =\n      ComponentProp || (paragraph && \"p\") || HvTypographyMap[variant] || \"span\";\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(\n          classes.root,\n          classes[variant],\n          {\n            [classes.isLink]: link,\n            [classes.noWrap]: noWrap,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;AAkBA,MAAM,kBAAkB;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAgCO,MAAM,eAEoB;AAAA,EAC/B,CACE,OACA,QACG;AACG,UAAA;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS,cAAc;AAAA,MACvB,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAG;AAAA,IAAA,IACD,gBAAgB,gBAAgB,KAAK;AACzC,UAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AACxC,UAAA,EAAE,gBAAgB;AAExB,UAAM,UAAU,WAAW,aAAa,aAAa,IAAI;AAEzD,UAAM,YACJ,iBAAkB,aAAa,OAAQ,gBAAgB,OAAO,KAAK;AAGnE,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,QAAQ,OAAO;AAAA,UACf;AAAA,YACE,CAAC,QAAQ,MAAM,GAAG;AAAA,YAClB,CAAC,QAAQ,MAAM,GAAG;AAAA,YAClB,CAAC,QAAQ,QAAQ,GAAG;AAAA,UACtB;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;"}

package/dist/esm/components/Typography/Typography.styles.js

@@ -1,9 +1,6 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../utils/classes.js";
-const {
-  useClasses,
-  staticClasses
-} = createClasses("HvTypography", {
+const { useClasses, staticClasses } = createClasses("HvTypography", {
   root: {
     fontFamily: theme.fontFamily.body
   },
@@ -20,85 +17,43 @@ const {
     whiteSpace: "nowrap"
   },
   // variants
-  display: {
-    ...theme.typography.display
-  },
-  title1: {
-    ...theme.typography.title1
-  },
-  title2: {
-    ...theme.typography.title2
-  },
-  title3: {
-    ...theme.typography.title3
-  },
-  title4: {
-    ...theme.typography.title4
-  },
-  body: {
-    ...theme.typography.body
-  },
-  label: {
-    ...theme.typography.label
-  },
-  caption1: {
-    ...theme.typography.caption1
-  },
-  caption2: {
-    ...theme.typography.caption2
-  },
+  display: { ...theme.typography.display },
+  title1: { ...theme.typography.title1 },
+  title2: { ...theme.typography.title2 },
+  title3: { ...theme.typography.title3 },
+  title4: { ...theme.typography.title4 },
+  body: { ...theme.typography.body },
+  label: { ...theme.typography.label },
+  caption1: { ...theme.typography.caption1 },
+  caption2: { ...theme.typography.caption2 },
   // legacy variants
-  "5xlTitle": {
-    ...theme.typography["5xlTitle"]
-  },
-  "4xlTitle": {
-    ...theme.typography["4xlTitle"]
-  },
-  "3xlTitle": {
-    ...theme.typography["3xlTitle"]
-  },
-  xxlTitle: {
-    ...theme.typography.xxlTitle
-  },
+  "5xlTitle": { ...theme.typography["5xlTitle"] },
+  "4xlTitle": { ...theme.typography["4xlTitle"] },
+  "3xlTitle": { ...theme.typography["3xlTitle"] },
+  xxlTitle: { ...theme.typography.xxlTitle },
   xlTitle: {},
-  lTitle: {
-    ...theme.typography.lTitle
-  },
+  lTitle: { ...theme.typography.lTitle },
   mTitle: {},
-  sTitle: {
-    ...theme.typography.sTitle
-  },
+  sTitle: { ...theme.typography.sTitle },
   xsTitle: {},
-  xxsTitle: {
-    ...theme.typography.xxsTitle
-  },
+  xxsTitle: { ...theme.typography.xxsTitle },
   sectionTitle: {
     ...theme.typography.sectionTitle,
     textTransform: "uppercase"
   },
   highlightText: {},
   normalText: {},
-  placeholderText: {
-    ...theme.typography.placeholderText
-  },
+  placeholderText: { ...theme.typography.placeholderText },
   link: {
     ...theme.typography.link,
     cursor: "pointer",
     textDecoration: "underline"
   },
-  disabledText: {
-    ...theme.typography.disabledText
-  },
-  selectedNavText: {
-    ...theme.typography.selectedNavText
-  },
+  disabledText: { ...theme.typography.disabledText },
+  selectedNavText: { ...theme.typography.selectedNavText },
   vizText: {},
-  vizTextDisabled: {
-    ...theme.typography.vizTextDisabled
-  },
-  xsInlineLink: {
-    ...theme.typography.xsInlineLink
-  }
+  vizTextDisabled: { ...theme.typography.vizTextDisabled },
+  xsInlineLink: { ...theme.typography.xsInlineLink }
 });
 export {
   staticClasses,