@genesislcap/foundation-zero 15.58.2 → 15.59.0

package/dist/dts/react.d.ts

@@ -133,23 +133,23 @@ export declare const Accordion: React.ForwardRefExoticComponent<
 >;
 export type AccordionRef = AccordionWC;
 
-export declare const ActionsMenu: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<ActionsMenuWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type ActionsMenuRef = ActionsMenuWC;
+export type AccordionItemRef = AccordionItemWC;
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<ActionsMenuWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type ActionsMenuRef = ActionsMenuWC;
 
 export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -387,23 +387,23 @@ export declare const DropdownMenu: React.ForwardRefExoticComponent<
 >;
 export type DropdownMenuRef = DropdownMenuWC;
 
-export declare const EnvironmentIndicator: React.ForwardRefExoticComponent<
+export declare const ErrorBanner: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<EnvironmentIndicatorWC>, 'children' | 'style'> &
+    Omit<PublicOf<ErrorBannerWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<EnvironmentIndicatorWC>
+  > & React.RefAttributes<ErrorBannerWC>
 >;
-export type EnvironmentIndicatorRef = EnvironmentIndicatorWC;
+export type ErrorBannerRef = ErrorBannerWC;
 
-export declare const ErrorBanner: React.ForwardRefExoticComponent<
+export declare const EnvironmentIndicator: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<ErrorBannerWC>, 'children' | 'style'> &
+    Omit<PublicOf<EnvironmentIndicatorWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<ErrorBannerWC>
+  > & React.RefAttributes<EnvironmentIndicatorWC>
 >;
-export type ErrorBannerRef = ErrorBannerWC;
+export type EnvironmentIndicatorRef = EnvironmentIndicatorWC;
 
 export declare const ErrorBoundary: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -468,6 +468,17 @@ export declare const ZeroValueExpressionBuilder: React.ForwardRefExoticComponent
 >;
 export type ZeroValueExpressionBuilderRef = ZeroValueExpressionBuilderWC;
 
+export declare const Filter: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<FilterWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onFilterChanged?: (event: CustomEvent<FilterChangedEventDetail>) => void;
+      onFilterCleared?: (event: CustomEvent<FilterClearedEventDetail>) => void;
+    }
+  > & React.RefAttributes<FilterWC>
+>;
+export type FilterRef = FilterWC;
+
 export declare const FileUpload: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<FileUploadWC>, 'children' | 'style'> &
@@ -481,17 +492,6 @@ export declare const FileUpload: React.ForwardRefExoticComponent<
 >;
 export type FileUploadRef = FileUploadWC;
 
-export declare const Filter: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<FilterWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-      onFilterChanged?: (event: CustomEvent<FilterChangedEventDetail>) => void;
-      onFilterCleared?: (event: CustomEvent<FilterClearedEventDetail>) => void;
-    }
-  > & React.RefAttributes<FilterWC>
->;
-export type FilterRef = FilterWC;
-
 export declare const FilterBar: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<FilterBarWC>, 'children' | 'style'> &

package/dist/react.cjs

@@ -109,14 +109,14 @@ const Accordion = React.forwardRef(function Accordion(props, ref) {
   return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
 const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
@@ -362,14 +362,14 @@ const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
   return React.createElement(customElements.getName(DropdownMenuWC) ?? '%%prefix%%-dropdown-menu', { ...rest, ref }, children);
 });
 
-const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
+const ErrorBanner = React.forwardRef(function ErrorBanner(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ErrorBannerWC) ?? '%%prefix%%-error-banner', { ...rest, ref }, children);
 });
 
-const ErrorBanner = React.forwardRef(function ErrorBanner(props, ref) {
+const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ErrorBannerWC) ?? '%%prefix%%-error-banner', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
 });
 
 const ErrorBoundary = React.forwardRef(function ErrorBoundary(props, ref) {
@@ -508,6 +508,28 @@ const ZeroValueExpressionBuilder = React.forwardRef(function ZeroValueExpression
   return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const Filter = React.forwardRef(function Filter(props, ref) {
+  const { onFilterChanged, onFilterCleared, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onFilterChangedRef = React.useRef(onFilterChanged);
+  _onFilterChangedRef.current = onFilterChanged;
+  const _onFilterClearedRef = React.useRef(onFilterCleared);
+  _onFilterClearedRef.current = onFilterCleared;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onFilterChangedFn = (e) => _onFilterChangedRef.current?.(e);
+    el.addEventListener('filter-changed', _onFilterChangedFn);
+    const _onFilterClearedFn = (e) => _onFilterClearedRef.current?.(e);
+    el.addEventListener('filter-cleared', _onFilterClearedFn);
+    return () => {
+      el.removeEventListener('filter-changed', _onFilterChangedFn);
+      el.removeEventListener('filter-cleared', _onFilterClearedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(FilterWC) ?? '%%prefix%%-filter', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 const FileUpload = React.forwardRef(function FileUpload(props, ref) {
   const { onFileSelected, onSuccess, onErrorOut, onClear, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -540,28 +562,6 @@ const FileUpload = React.forwardRef(function FileUpload(props, ref) {
   return React.createElement(customElements.getName(FileUploadWC) ?? '%%prefix%%-file-upload', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const Filter = React.forwardRef(function Filter(props, ref) {
-  const { onFilterChanged, onFilterCleared, children, ...rest } = props;
-  const _innerRef = React.useRef(null);
-  const _onFilterChangedRef = React.useRef(onFilterChanged);
-  _onFilterChangedRef.current = onFilterChanged;
-  const _onFilterClearedRef = React.useRef(onFilterCleared);
-  _onFilterClearedRef.current = onFilterCleared;
-  React.useLayoutEffect(() => {
-    const el = _innerRef.current;
-    if (!el) return;
-    const _onFilterChangedFn = (e) => _onFilterChangedRef.current?.(e);
-    el.addEventListener('filter-changed', _onFilterChangedFn);
-    const _onFilterClearedFn = (e) => _onFilterClearedRef.current?.(e);
-    el.addEventListener('filter-cleared', _onFilterClearedFn);
-    return () => {
-      el.removeEventListener('filter-changed', _onFilterChangedFn);
-      el.removeEventListener('filter-cleared', _onFilterClearedFn);
-    };
-  }, []);
-  return React.createElement(customElements.getName(FilterWC) ?? '%%prefix%%-filter', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
-});
-
 const FilterBar = React.forwardRef(function FilterBar(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(FilterBarWC) ?? '%%prefix%%-filter-bar', { ...rest, ref }, children);
@@ -1064,8 +1064,8 @@ const VerificationCodeInput = React.forwardRef(function VerificationCodeInput(pr
 
 module.exports = {
   Accordion,
-  ActionsMenu,
   AccordionItem,
+  ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,
   Anchor,
@@ -1091,15 +1091,15 @@ module.exports = {
   Disclosure,
   Divider,
   DropdownMenu,
-  EnvironmentIndicator,
   ErrorBanner,
+  EnvironmentIndicator,
   ErrorBoundary,
   ErrorDialog,
   ZeroExpressionBuilder,
   ZeroRuleExpressionBuilder,
   ZeroValueExpressionBuilder,
-  FileUpload,
   Filter,
+  FileUpload,
   FilterBar,
   FlexLayout,
   Flipper,

package/dist/react.mjs

@@ -107,14 +107,14 @@ export const Accordion = React.forwardRef(function Accordion(props, ref) {
   return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
 export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
@@ -360,14 +360,14 @@ export const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
   return React.createElement(customElements.getName(DropdownMenuWC) ?? '%%prefix%%-dropdown-menu', { ...rest, ref }, children);
 });
 
-export const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
+export const ErrorBanner = React.forwardRef(function ErrorBanner(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ErrorBannerWC) ?? '%%prefix%%-error-banner', { ...rest, ref }, children);
 });
 
-export const ErrorBanner = React.forwardRef(function ErrorBanner(props, ref) {
+export const EnvironmentIndicator = React.forwardRef(function EnvironmentIndicator(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ErrorBannerWC) ?? '%%prefix%%-error-banner', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(EnvironmentIndicatorWC) ?? '%%prefix%%-environment-indicator', { ...rest, ref }, children);
 });
 
 export const ErrorBoundary = React.forwardRef(function ErrorBoundary(props, ref) {
@@ -506,6 +506,28 @@ export const ZeroValueExpressionBuilder = React.forwardRef(function ZeroValueExp
   return React.createElement(customElements.getName(ZeroValueExpressionBuilderWC) ?? 'zero-value-expression-builder', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const Filter = React.forwardRef(function Filter(props, ref) {
+  const { onFilterChanged, onFilterCleared, children, ...rest } = props;
+  const _innerRef = React.useRef(null);
+  const _onFilterChangedRef = React.useRef(onFilterChanged);
+  _onFilterChangedRef.current = onFilterChanged;
+  const _onFilterClearedRef = React.useRef(onFilterCleared);
+  _onFilterClearedRef.current = onFilterCleared;
+  React.useLayoutEffect(() => {
+    const el = _innerRef.current;
+    if (!el) return;
+    const _onFilterChangedFn = (e) => _onFilterChangedRef.current?.(e);
+    el.addEventListener('filter-changed', _onFilterChangedFn);
+    const _onFilterClearedFn = (e) => _onFilterClearedRef.current?.(e);
+    el.addEventListener('filter-cleared', _onFilterClearedFn);
+    return () => {
+      el.removeEventListener('filter-changed', _onFilterChangedFn);
+      el.removeEventListener('filter-cleared', _onFilterClearedFn);
+    };
+  }, []);
+  return React.createElement(customElements.getName(FilterWC) ?? '%%prefix%%-filter', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
+});
+
 export const FileUpload = React.forwardRef(function FileUpload(props, ref) {
   const { onFileSelected, onSuccess, onErrorOut, onClear, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -538,28 +560,6 @@ export const FileUpload = React.forwardRef(function FileUpload(props, ref) {
   return React.createElement(customElements.getName(FileUploadWC) ?? '%%prefix%%-file-upload', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const Filter = React.forwardRef(function Filter(props, ref) {
-  const { onFilterChanged, onFilterCleared, children, ...rest } = props;
-  const _innerRef = React.useRef(null);
-  const _onFilterChangedRef = React.useRef(onFilterChanged);
-  _onFilterChangedRef.current = onFilterChanged;
-  const _onFilterClearedRef = React.useRef(onFilterCleared);
-  _onFilterClearedRef.current = onFilterCleared;
-  React.useLayoutEffect(() => {
-    const el = _innerRef.current;
-    if (!el) return;
-    const _onFilterChangedFn = (e) => _onFilterChangedRef.current?.(e);
-    el.addEventListener('filter-changed', _onFilterChangedFn);
-    const _onFilterClearedFn = (e) => _onFilterClearedRef.current?.(e);
-    el.addEventListener('filter-cleared', _onFilterClearedFn);
-    return () => {
-      el.removeEventListener('filter-changed', _onFilterChangedFn);
-      el.removeEventListener('filter-cleared', _onFilterClearedFn);
-    };
-  }, []);
-  return React.createElement(customElements.getName(FilterWC) ?? '%%prefix%%-filter', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
-});
-
 export const FilterBar = React.forwardRef(function FilterBar(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(FilterBarWC) ?? '%%prefix%%-filter-bar', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "15.58.2",
+  "version": "15.59.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -70,17 +70,17 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "15.58.2",
-    "@genesislcap/ts-builder": "15.58.2",
-    "@genesislcap/uvu-playwright-builder": "15.58.2",
-    "@genesislcap/vite-builder": "15.58.2",
-    "@genesislcap/webpack-builder": "15.58.2"
+    "@genesislcap/genx": "15.59.0",
+    "@genesislcap/ts-builder": "15.59.0",
+    "@genesislcap/uvu-playwright-builder": "15.59.0",
+    "@genesislcap/vite-builder": "15.59.0",
+    "@genesislcap/webpack-builder": "15.59.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.58.2",
-    "@genesislcap/foundation-logger": "15.58.2",
-    "@genesislcap/foundation-ui": "15.58.2",
-    "@genesislcap/foundation-utils": "15.58.2",
+    "@genesislcap/foundation-comms": "15.59.0",
+    "@genesislcap/foundation-logger": "15.59.0",
+    "@genesislcap/foundation-ui": "15.59.0",
+    "@genesislcap/foundation-utils": "15.59.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",