@aragon/gov-ui-kit 1.24.0 → 1.26.0

package/dist/types/src/core/components/accordion/accordionItemHeader/accordionItemHeader.api.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentPropsWithRef } from 'react';
+export interface IAccordionItemHeaderRemoveControl {
+    /**
+     * Label of the remove control.
+     */
+    label: string;
+    /**
+     * Callback called with the current item and its index on remove button click.
+     */
+    onClick: (index: number) => void;
+    /**
+     * Whether the remove control is disabled.
+     */
+    disabled: boolean;
+}
+export interface IAccordionItemHeaderProps extends ComponentPropsWithRef<'button'> {
+    /**
+     * Remove control to be displayed in edit mode.
+     */
+    removeControl?: IAccordionItemHeaderRemoveControl;
+    /**
+     * The index of the accordion item.
+     */
+    index?: number;
+}

package/dist/types/src/core/components/accordion/accordionItemHeader/accordionItemHeader.d.ts

@@ -1,4 +1,2 @@
-import { type ComponentPropsWithRef } from 'react';
-export interface IAccordionItemHeaderProps extends ComponentPropsWithRef<'button'> {
-}
+import type { IAccordionItemHeaderProps } from './accordionItemHeader.api';
 export declare const AccordionItemHeader: import("react").ForwardRefExoticComponent<Omit<IAccordionItemHeaderProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/src/core/components/accordion/accordionItemHeader/index.d.ts

@@ -1 +1,2 @@
-export { AccordionItemHeader, type IAccordionItemHeaderProps } from './accordionItemHeader';
+export { AccordionItemHeader } from './accordionItemHeader';
+export type { IAccordionItemHeaderProps, IAccordionItemHeaderRemoveControl } from './accordionItemHeader.api';

package/dist/types/src/modules/assets/copy/modulesCopy.d.ts

@@ -39,11 +39,13 @@ export declare const modulesCopy: {
     proposalActionsFooter: {
         collapse: string;
         expand: string;
+        more: string;
     };
     proposalActionsItem: {
         dropdownLabel: string;
         nativeSendAlert: string;
         nativeSendDescription: (amount: string, symbol: string) => string;
+        of: string;
         menu: {
             BASIC: string;
             dropdownLabel: string;

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsContext/proposalActionsContext.d.ts

@@ -19,6 +19,10 @@ export interface IProposalActionsContext {
      * Whether or not the list of actions is loading.
      */
     isLoading: boolean;
+    /**
+     * Whether or not the component is in edit mode.
+     */
+    editMode: boolean;
 }
 export declare const proposalActionsContext: import("react").Context<IProposalActionsContext | null>;
 export declare const ProposalActionsContextProvider: import("react").Provider<IProposalActionsContext | null>;

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsFooter/index.d.ts

@@ -1 +1 @@
-export { ProposalActionsFooter, type IProposalActionsFooterProps } from './proposalActionsFooter';
+export { ProposalActionsFooter, type IProposalActionsFooterDropdownItem, type IProposalActionsFooterProps, } from './proposalActionsFooter';

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsFooter/proposalActionsFooter.d.ts

@@ -1,8 +1,33 @@
 import type { ComponentProps } from 'react';
+import { IconType } from '../../../../../core';
+export interface IProposalActionsFooterDropdownItem {
+    /**
+     * Label for the dropdown item.
+     */
+    label: string;
+    /**
+     * Icon to display next to the label.
+     */
+    icon?: IconType;
+    /**
+     * Position of the icon relative to the label.
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Callback function to be executed when the dropdown item is clicked.
+     */
+    onClick: () => void;
+}
 export interface IProposalActionsFooterProps extends ComponentProps<'div'> {
     /**
      * List of action IDs to be used to toggle the expanded state for all the actions, defaults to the index of the actions.
      */
     actionIds?: string[];
+    /**
+     * Optional dropdown items to display in a dropdown menu alongside the expand/collapse action.
+     * When provided, the expand/collapse button is replaced with a dropdown containing both
+     * the expand/collapse action and the provided items.
+     */
+    dropdownItems?: IProposalActionsFooterDropdownItem[];
 }
 export declare const ProposalActionsFooter: React.FC<IProposalActionsFooterProps>;

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsItem/index.d.ts

@@ -1,2 +1,2 @@
 export { ProposalActionsItem } from './proposalActionsItem';
-export type { IProposalActionsItemDropdownItem, IProposalActionsItemProps, ProposalActionsItemViewMode, } from './proposalActionsItem.api';
+export type { IProposalActionsArrayControl, IProposalActionsArrayControls, IProposalActionsItemProps, ProposalActionsItemViewMode, } from './proposalActionsItem.api';

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsItem/proposalActionsItem.api.d.ts

@@ -1,21 +1,34 @@
-import type { IconType } from '../../../../../core';
 import type { IWeb3ComponentProps } from '../../../../types';
 import type { ProposalActionsDecoderView } from '../proposalActionsDecoder';
 import type { IProposalAction, ProposalActionComponent } from '../proposalActionsDefinitions';
 export type ProposalActionsItemViewMode = 'BASIC' | ProposalActionsDecoderView;
-export interface IProposalActionsItemDropdownItem<TAction extends IProposalAction = IProposalAction> {
+export interface IProposalActionsArrayControl<TAction extends IProposalAction = IProposalAction> {
     /**
      * Label of the item.
      */
     label: string;
     /**
-     * Icon of the item.
+     * Callback called with the current action and its index on item click.
      */
-    icon: IconType;
+    onClick: (index: number, action?: TAction) => void;
     /**
-     * Callback called with the current action and its index on item click.
+     * Whether the item is disabled.
+     */
+    disabled: boolean;
+}
+export interface IProposalActionsArrayControls<TAction extends IProposalAction = IProposalAction> {
+    /**
+     * Move down control.
+     */
+    moveDown: IProposalActionsArrayControl<TAction>;
+    /**
+     * Move up control.
+     */
+    moveUp: IProposalActionsArrayControl<TAction>;
+    /**
+     * Remove control.
      */
-    onClick: (action: TAction, index: number) => void;
+    remove: IProposalActionsArrayControl<TAction>;
 }
 export interface IProposalActionsItemProps<TAction extends IProposalAction = IProposalAction> extends IWeb3ComponentProps {
     /**
@@ -26,6 +39,10 @@ export interface IProposalActionsItemProps<TAction extends IProposalAction = IPr
      * Function selector of the action to be displayed optionally.
      */
     actionFunctionSelector?: string;
+    /**
+     * Count of the action to be displayed optionally.
+     */
+    actionCount?: number;
     /**
      * Index of the action injected by the <ProposalActions.Container /> component.
      */
@@ -39,9 +56,9 @@ export interface IProposalActionsItemProps<TAction extends IProposalAction = IPr
      */
     CustomComponent?: ProposalActionComponent<TAction>;
     /**
-     * Items displayed beside the "View as" menu.
+     * Controls for the action to be moved up or down.
      */
-    dropdownItems?: Array<IProposalActionsItemDropdownItem<TAction>>;
+    arrayControls?: IProposalActionsArrayControls<TAction>;
     /**
      * Enables the edit-mode when set to true. The RAW view will be editable only if the action has no DECODED view,
      * similarly the DECODED view will be editable only if the action has no BASIC view.
@@ -53,4 +70,14 @@ export interface IProposalActionsItemProps<TAction extends IProposalAction = IPr
      * Form prefix to be prepended to all proposal action text fields.
      */
     formPrefix?: string;
+    /**
+     * If true, skips react-hook-form watching and treats the item as read-only (useful when rendered outside a FormProvider).
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Chain ID for the blockchain network.
+     * @default mainnet.id
+     */
+    chainId?: number;
 }

package/dist/types/src/modules/components/proposal/proposalActions/proposalActionsRoot/proposalActionsRoot.d.ts

@@ -9,6 +9,7 @@ export interface IProposalActionsRootProps extends ComponentProps<'div'> {
     actionsCount?: number;
     /**
      * List of actions ids that are expanded. To be used for controlling the expanded / collapsed states.
+     * When using editMode, you should set this prop to expand all actions (e.g., array of all action indices as strings).
      */
     expandedActions?: string[];
     /**
@@ -20,5 +21,12 @@ export interface IProposalActionsRootProps extends ComponentProps<'div'> {
      * @default false
      */
     isLoading?: boolean;
+    /**
+     * Whether or not the component is in edit mode. When true, actions show index badges, movement controls,
+     * and remove buttons. Note: This prop controls UI features only - you must also set expandedActions to
+     * expand the accordions.
+     * @default false
+     */
+    editMode?: boolean;
 }
 export declare const ProposalActionsRoot: React.FC<IProposalActionsRootProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aragon/gov-ui-kit",
-  "version": "1.24.0",
+  "version": "1.26.0",
   "description": "Implementation of the Aragon's Governance UI Kit",
   "main": "dist/index.es.js",
   "types": "dist/types/src/index.d.ts",
@@ -70,16 +70,16 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@changesets/changelog-github": "^0.5.1",
-    "@changesets/cli": "^2.29.7",
+    "@changesets/changelog-github": "^0.5.2",
+    "@changesets/cli": "^2.29.8",
     "@hookform/devtools": "^4.4.0",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@storybook/addon-docs": "^9.1.7",
-    "@storybook/react-vite": "^9.1.7",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/react-vite": "^9.1.16",
     "@svgr/rollup": "^8.1.0",
     "@tailwindcss/postcss": "^4.1.13",
     "@tailwindcss/typography": "^0.5.16",
@@ -95,13 +95,13 @@
     "@types/react-dom": "^18",
     "@types/sanitize-html": "^2.16.0",
     "cross-env": "^10.0.0",
-    "eslint": "^9.36.0",
+    "eslint": "^9.39.1",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^9.1.7",
+    "eslint-plugin-storybook": "^9.1.16",
     "eslint-plugin-testing-library": "^7.9.1",
     "husky": "^9.1.7",
     "jest": "^30.1.3",
@@ -119,19 +119,19 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^6.0.3",
-    "storybook": "^9.1.7",
+    "storybook": "^9.1.16",
     "tailwindcss": "^4.1.13",
     "ts-jest": "^29.4.4",
     "tslib": "2.8.1",
     "typescript": "^5.9.2",
     "typescript-eslint": "^8.44.1",
-    "vercel": "^48.1.1",
+    "vercel": "^48.12.0",
     "viem": "^2.37.8",
     "vite": "^7.1.7",
     "vite-plugin-node-polyfills": "^0.24.0",
     "vite-plugin-static-copy": "^3.1.2",
     "vite-plugin-svgr": "^4.5.0",
-    "wagmi": "^2.17.2",
+    "wagmi": "^2.19.5",
     "zod": "^3.23.8"
   },
   "bugs": {