@progressiveui/react 1.22.0 → 2.0.0

package/.storybook/WfpTheme.js

@@ -8,7 +8,7 @@ export default create({
   fontBase: '"Open Sans", sans-serif',
   fontCode: "monospace",
 
-  brandTitle: "WFP Design System",
+  brandTitle: "Progressive UI",
   brandUrl: "https://www.designsystem.wfp.org/",
   brandTarget: "_self",
 

package/.storybook/main.ts

@@ -6,13 +6,13 @@ const config: StorybookConfig = {
   stories: ["../src/**/*stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   core: {},
   addons: [
-    getAbsolutePath("@storybook/blocks"),
-    getAbsolutePath("@storybook/addon-links"),
-    getAbsolutePath("@storybook/addon-essentials"),
+    //getAbsolutePath("@storybook/blocks"),
+    //getAbsolutePath("@storybook/addon-links"),
+    //getAbsolutePath("@storybook/addon-essentials"),
   ],
   framework: {
     name: getAbsolutePath("@storybook/react-vite"),
-    options: {}
+    options: {},
   },
   /*
   typescript: {

package/.storybook/preview.tsx

@@ -22,31 +22,6 @@ export const parameters = {
   },
 };
 
-/*
-export const globalTypes = {
-  theme: {
-    title: 'Theme',
-    description: 'Global theme for components',
-    defaultValue: 'light',
-    toolbar: {
-      icon: 'circlehollow',
-      items: ['light', 'dark'],
-    },
-  },
-  locale: {
-    title: 'Locale',
-    description: 'Internationalization locale',
-    defaultValue: 'en',
-    toolbar: {
-      icon: 'globe',
-      items: [
-        { value: 'ltr', title: 'left-to-right' },
-        { value: 'rtl', title: 'right-to-left' },
-      ],
-    },
-  },
-};*/
-
 const withThemeProvider = (Story, context) => {
   const { locale, theme } = context.globals;
   document.body.classList.remove(

package/es/dist/components/Accordion/hooks/useAccordionItemEffect.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ItemStateOptions } from '../utils/constants';
 declare const useAccordionItemEffect: <E extends Element>({ itemKey, initialEntered, disabled, }?: ItemStateOptions) => {
-    itemRef: import("react").RefObject<HTMLInputElement>;
+    itemRef: import("react").RefObject<HTMLInputElement | null>;
     state: Readonly<{
         status: import("react-transition-state").TransitionStatus;
         isMounted: boolean;

package/es/dist/components/Footer/Footer.d.ts

@@ -19,18 +19,10 @@ interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
      Optional WFP logo for mobile devices, can be used if the Logo should be provided by the CDN
    */
     logo?: string | React.ReactNode;
-    /**
-     Optional WFP logo for desktop devices, can be used if the Logo should be provided by the CDN
-   */
-    logoExtended?: string | React.ReactNode;
     /**
      * Specify the max-width on desktop devices (same as \`Wrapper\` component)
      */
     pageWidth?: ScreenSize;
-    /**
-     Override the SDG icon
-   */
-    sdgLogo?: React.ReactNode;
     /**
      The WFP logo, can be used if the SDG logo should be provided in a different way
    */

package/es/dist/components/Footer/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Footer } from './Footer';
-export { FooterExternal, LinksColumn, FooterMetaLink } from './FooterExternal';
+export { default as Footer } from "./Footer";
+export { FooterExternal, LinksColumn, FooterMetaLink } from "./FooterExternal";

package/es/dist/components/Input/useInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface UseInputProps {
     /**
      * Specify an optional className to be applied to the <input> node
@@ -111,6 +111,9 @@ export declare const useInput: ({ addonAfter, className, inputClassName, id, pla
         className: string;
     };
     wrapperProps: {
+        calculatedId: string | undefined;
+        id: string | undefined;
+        name: string | undefined;
         className: string | undefined;
         addonAfter: React.ReactNode;
         labelText: React.ReactNode;

package/es/dist/components/MainNavigation/index.d.ts

@@ -1,4 +1,3 @@
-export { default as MainNavigation } from './MainNavigation';
-export { default as MainNavigationExternal } from './MainNavigationExternal';
-export { default as MainNavigationContext } from './MainNavigationContext';
-export { default as useMainNavigation } from './useMainNavigation';
+export { default as MainNavigation } from "./MainNavigation";
+export { default as MainNavigationContext } from "./MainNavigationContext";
+export { default as useMainNavigation } from "./useMainNavigation";

package/es/dist/hooks/useHeightTransition.d.ts

@@ -1,4 +1,4 @@
 import { CSSProperties } from "react";
 import { TransitionState } from "react-transition-state";
-declare const useHeightTransition: <E extends Element>({ status, isResolved, }: TransitionState) => readonly [CSSProperties, import("react").RefObject<HTMLInputElement>];
+declare const useHeightTransition: <E extends Element>({ status, isResolved, }: TransitionState) => readonly [CSSProperties, import("react").RefObject<HTMLInputElement | null>];
 export { useHeightTransition };

package/es/dist/index.d.ts

@@ -27,7 +27,7 @@ export { default as Loading } from "./components/Loading";
 export { default as Input, useInput, Label, InlineErrorMessage, Helper, AddonBefore, AddonAfter, } from "./components/Input";
 export { default as InlineLoading } from "./components/InlineLoading";
 export { List, ListItem } from "./components/List";
-export { MainNavigation, MainNavigationContext, MainNavigationExternal, useMainNavigation, } from "./components/MainNavigation";
+export { MainNavigation, MainNavigationContext, useMainNavigation, } from "./components/MainNavigation";
 export { default as MainNavigationItem } from "./components/MainNavigationItem";
 export { SubNavigation, SubNavigationHeader, SubNavigationTitle, SubNavigationLink, SubNavigationFilter, SubNavigationContent, SubNavigationList, SubNavigationGroup, SubNavigationItem, } from "./components/SubNavigation";
 export { default as mdxComponents } from "./components/MdxComponents";