@genesislcap/rapid-design-system 15.29.0 → 15.30.1

package/dist/dts/react.d.ts

@@ -120,23 +120,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const Accordion: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type AccordionRef = AccordionWC;
+export type AccordionItemRef = AccordionItemWC;
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -649,19 +649,6 @@ export declare const SchedulerTimezone: React.ForwardRefExoticComponent<
 >;
 export type SchedulerTimezoneRef = SchedulerTimezoneWC;
 
-export declare const SectionNavigator: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<SectionNavigatorWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onSectionNavigatorSetState?: (event: CustomEvent<unknown>) => void;
-      onSectionNavigatorSetStates?: (event: CustomEvent<unknown>) => void;
-      onSectionNavigatorClearState?: (event: CustomEvent<unknown>) => void;
-      onSectionNavigatorClearAllStates?: (event: CustomEvent<unknown>) => void;
-    }
-  > & React.RefAttributes<SectionNavigatorWC>
->;
-export type SectionNavigatorRef = SectionNavigatorWC;
-
 export declare const SearchBarCombobox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SearchBarComboboxWC>, 'children' | 'style'> &
@@ -682,6 +669,19 @@ export declare const SearchBar: React.ForwardRefExoticComponent<
 >;
 export type SearchBarRef = SearchBarWC;
 
+export declare const SectionNavigator: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<SectionNavigatorWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onSectionNavigatorSetState?: (event: CustomEvent<unknown>) => void;
+      onSectionNavigatorSetStates?: (event: CustomEvent<unknown>) => void;
+      onSectionNavigatorClearState?: (event: CustomEvent<unknown>) => void;
+      onSectionNavigatorClearAllStates?: (event: CustomEvent<unknown>) => void;
+    }
+  > & React.RefAttributes<SectionNavigatorWC>
+>;
+export type SectionNavigatorRef = SectionNavigatorWC;
+
 export declare const SegmentedControl: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<SegmentedControlWC>, 'children' | 'style'> &

package/dist/react.cjs

@@ -99,14 +99,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -698,38 +698,6 @@ const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(props, ref
   return React.createElement(customElements.getName(SchedulerTimezoneWC) ?? '%%prefix%%-scheduler-timezone', { ...rest, ref }, children);
 });
 
-const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
-  const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
-  const _innerRef = React.useRef(null);
-  const _onSectionNavigatorSetStateRef = React.useRef(onSectionNavigatorSetState);
-  _onSectionNavigatorSetStateRef.current = onSectionNavigatorSetState;
-  const _onSectionNavigatorSetStatesRef = React.useRef(onSectionNavigatorSetStates);
-  _onSectionNavigatorSetStatesRef.current = onSectionNavigatorSetStates;
-  const _onSectionNavigatorClearStateRef = React.useRef(onSectionNavigatorClearState);
-  _onSectionNavigatorClearStateRef.current = onSectionNavigatorClearState;
-  const _onSectionNavigatorClearAllStatesRef = React.useRef(onSectionNavigatorClearAllStates);
-  _onSectionNavigatorClearAllStatesRef.current = onSectionNavigatorClearAllStates;
-  React.useLayoutEffect(() => {
-    const el = _innerRef.current;
-    if (!el) return;
-    const _onSectionNavigatorSetStateFn = (e) => _onSectionNavigatorSetStateRef.current?.(e);
-    el.addEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
-    const _onSectionNavigatorSetStatesFn = (e) => _onSectionNavigatorSetStatesRef.current?.(e);
-    el.addEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
-    const _onSectionNavigatorClearStateFn = (e) => _onSectionNavigatorClearStateRef.current?.(e);
-    el.addEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
-    const _onSectionNavigatorClearAllStatesFn = (e) => _onSectionNavigatorClearAllStatesRef.current?.(e);
-    el.addEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
-    return () => {
-      el.removeEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
-      el.removeEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
-      el.removeEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
-      el.removeEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
-    };
-  }, []);
-  return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
-});
-
 const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
   const { onOpenChange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -764,6 +732,38 @@ const SearchBar = React.forwardRef(function SearchBar(props, ref) {
   return React.createElement(customElements.getName(SearchBarWC) ?? '%%prefix%%-search-bar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
+  const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onSectionNavigatorSetStateRef = React.useRef(onSectionNavigatorSetState);
+  _onSectionNavigatorSetStateRef.current = onSectionNavigatorSetState;
+  const _onSectionNavigatorSetStatesRef = React.useRef(onSectionNavigatorSetStates);
+  _onSectionNavigatorSetStatesRef.current = onSectionNavigatorSetStates;
+  const _onSectionNavigatorClearStateRef = React.useRef(onSectionNavigatorClearState);
+  _onSectionNavigatorClearStateRef.current = onSectionNavigatorClearState;
+  const _onSectionNavigatorClearAllStatesRef = React.useRef(onSectionNavigatorClearAllStates);
+  _onSectionNavigatorClearAllStatesRef.current = onSectionNavigatorClearAllStates;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onSectionNavigatorSetStateFn = (e) => _onSectionNavigatorSetStateRef.current?.(e);
+    el.addEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
+    const _onSectionNavigatorSetStatesFn = (e) => _onSectionNavigatorSetStatesRef.current?.(e);
+    el.addEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
+    const _onSectionNavigatorClearStateFn = (e) => _onSectionNavigatorClearStateRef.current?.(e);
+    el.addEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
+    const _onSectionNavigatorClearAllStatesFn = (e) => _onSectionNavigatorClearAllStatesRef.current?.(e);
+    el.addEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
+    return () => {
+      el.removeEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
+      el.removeEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
+      el.removeEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
+      el.removeEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
@@ -999,8 +999,8 @@ const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props,
 });
 
 module.exports = {
-  Accordion,
   AccordionItem,
+  Accordion,
   ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,
@@ -1053,9 +1053,9 @@ module.exports = {
   Scheduler,
   SchedulerCronBuilder,
   SchedulerTimezone,
-  SectionNavigator,
   SearchBarCombobox,
   SearchBar,
+  SectionNavigator,
   SegmentedControl,
   SegmentedItem,
   Select,

package/dist/react.mjs

@@ -97,14 +97,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -696,38 +696,6 @@ export const SchedulerTimezone = React.forwardRef(function SchedulerTimezone(pro
   return React.createElement(customElements.getName(SchedulerTimezoneWC) ?? '%%prefix%%-scheduler-timezone', { ...rest, ref }, children);
 });
 
-export const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
-  const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
-  const _innerRef = React.useRef(null);
-  const _onSectionNavigatorSetStateRef = React.useRef(onSectionNavigatorSetState);
-  _onSectionNavigatorSetStateRef.current = onSectionNavigatorSetState;
-  const _onSectionNavigatorSetStatesRef = React.useRef(onSectionNavigatorSetStates);
-  _onSectionNavigatorSetStatesRef.current = onSectionNavigatorSetStates;
-  const _onSectionNavigatorClearStateRef = React.useRef(onSectionNavigatorClearState);
-  _onSectionNavigatorClearStateRef.current = onSectionNavigatorClearState;
-  const _onSectionNavigatorClearAllStatesRef = React.useRef(onSectionNavigatorClearAllStates);
-  _onSectionNavigatorClearAllStatesRef.current = onSectionNavigatorClearAllStates;
-  React.useLayoutEffect(() => {
-    const el = _innerRef.current;
-    if (!el) return;
-    const _onSectionNavigatorSetStateFn = (e) => _onSectionNavigatorSetStateRef.current?.(e);
-    el.addEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
-    const _onSectionNavigatorSetStatesFn = (e) => _onSectionNavigatorSetStatesRef.current?.(e);
-    el.addEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
-    const _onSectionNavigatorClearStateFn = (e) => _onSectionNavigatorClearStateRef.current?.(e);
-    el.addEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
-    const _onSectionNavigatorClearAllStatesFn = (e) => _onSectionNavigatorClearAllStatesRef.current?.(e);
-    el.addEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
-    return () => {
-      el.removeEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
-      el.removeEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
-      el.removeEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
-      el.removeEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
-    };
-  }, []);
-  return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
-});
-
 export const SearchBarCombobox = React.forwardRef(function SearchBarCombobox(props, ref) {
   const { onOpenChange, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -762,6 +730,38 @@ export const SearchBar = React.forwardRef(function SearchBar(props, ref) {
   return React.createElement(customElements.getName(SearchBarWC) ?? '%%prefix%%-search-bar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
+  const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onSectionNavigatorSetStateRef = React.useRef(onSectionNavigatorSetState);
+  _onSectionNavigatorSetStateRef.current = onSectionNavigatorSetState;
+  const _onSectionNavigatorSetStatesRef = React.useRef(onSectionNavigatorSetStates);
+  _onSectionNavigatorSetStatesRef.current = onSectionNavigatorSetStates;
+  const _onSectionNavigatorClearStateRef = React.useRef(onSectionNavigatorClearState);
+  _onSectionNavigatorClearStateRef.current = onSectionNavigatorClearState;
+  const _onSectionNavigatorClearAllStatesRef = React.useRef(onSectionNavigatorClearAllStates);
+  _onSectionNavigatorClearAllStatesRef.current = onSectionNavigatorClearAllStates;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onSectionNavigatorSetStateFn = (e) => _onSectionNavigatorSetStateRef.current?.(e);
+    el.addEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
+    const _onSectionNavigatorSetStatesFn = (e) => _onSectionNavigatorSetStatesRef.current?.(e);
+    el.addEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
+    const _onSectionNavigatorClearStateFn = (e) => _onSectionNavigatorClearStateRef.current?.(e);
+    el.addEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
+    const _onSectionNavigatorClearAllStatesFn = (e) => _onSectionNavigatorClearAllStatesRef.current?.(e);
+    el.addEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
+    return () => {
+      el.removeEventListener('section-navigator-set-state', _onSectionNavigatorSetStateFn);
+      el.removeEventListener('section-navigator-set-states', _onSectionNavigatorSetStatesFn);
+      el.removeEventListener('section-navigator-clear-state', _onSectionNavigatorClearStateFn);
+      el.removeEventListener('section-navigator-clear-all-states', _onSectionNavigatorClearAllStatesFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 export const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "15.29.0",
+  "version": "15.30.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -40,13 +40,13 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/foundation-testing": "15.29.0",
-    "@genesislcap/genx": "15.29.0",
-    "@genesislcap/rollup-builder": "15.29.0",
-    "@genesislcap/ts-builder": "15.29.0",
-    "@genesislcap/uvu-playwright-builder": "15.29.0",
-    "@genesislcap/vite-builder": "15.29.0",
-    "@genesislcap/webpack-builder": "15.29.0",
+    "@genesislcap/foundation-testing": "15.30.1",
+    "@genesislcap/genx": "15.30.1",
+    "@genesislcap/rollup-builder": "15.30.1",
+    "@genesislcap/ts-builder": "15.30.1",
+    "@genesislcap/uvu-playwright-builder": "15.30.1",
+    "@genesislcap/vite-builder": "15.30.1",
+    "@genesislcap/webpack-builder": "15.30.1",
     "flexlayout-react": "0.10.8"
   },
   "peerDependencies": {
@@ -58,9 +58,9 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "15.29.0",
-    "@genesislcap/foundation-ui": "15.29.0",
-    "@genesislcap/foundation-utils": "15.29.0",
+    "@genesislcap/foundation-logger": "15.30.1",
+    "@genesislcap/foundation-ui": "15.30.1",
+    "@genesislcap/foundation-utils": "15.30.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",