@digigov/react-core 2.0.0-rc.30 → 2.0.0-rc.32

package/src/utils/index.native.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import clsx from 'clsx';
 
-type WithClassName<TProps> = TProps & { className?: string };
-type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
+type PropFactory<TProps> = (props: TProps) => any;
 
 /**
  * A HOC that transforms the props of the wrapped component before passing them through
@@ -22,12 +21,14 @@ type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
  */
 export function extend<TProps, TAdditionalProps>(
   Component: React.ComponentType<TProps>,
-  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props
+  propFactory: PropFactory<React.PropsWithoutRef<TProps & TAdditionalProps>> = (
+    props
+  ) => props
 ) {
-  const ExtendedComponent = React.forwardRef(function ExtendedComponent(
-    props: WithClassName<TProps & TAdditionalProps>,
-    ref
-  ) {
+  const ExtendedComponent = React.forwardRef<
+    unknown,
+    TProps & TAdditionalProps
+  >(function ExtendedComponent(props, ref) {
     const transformedProps = propFactory(props);
 
     return <Component ref={ref} {...transformedProps} />;
@@ -62,59 +63,60 @@ export function enablePseudoclass<T extends React.ElementType>(
   Component: T,
   { self = {}, children = {} }: PseudoclassOptions
 ) {
-  return React.forwardRef<React.ElementRef<T>, React.ComponentPropsWithRef<T>>(
-    function enablePseudoclassComponent(
-      { className, children: componentChildren, ...props },
-      ref
-    ) {
-      // Handle if children is an array, add the corresponding classnames to the first and last child
-      if (Array.isArray(componentChildren)) {
-        return (
-          <Component ref={ref} {...(props as any)} className={className}>
-            {componentChildren.map((child, index) => {
-              return React.cloneElement(child, {
-                key: index,
-                className: clsx(
-                  child.props.className,
-                  ...Object.entries(children).map(([key, classNames]) => {
-                    if (index === 0 && key === 'first-child') return classNames;
-                    if (
-                      index === componentChildren.length - 1 &&
-                      key === 'last-child'
-                    )
-                      return classNames;
-                    return '';
-                  })
-                ),
-              });
-            })}
-          </Component>
-        );
-      }
-      // Handle if children is a single element, add the corresponding classname for empty pseudoclass
-      if (componentChildren === undefined) {
-        const componentClassNames = Object.entries(self).map(([key, value]) => {
-          if (key === 'empty') return value.join(' ');
-          return '';
-        });
-        return (
-          <Component
-            ref={ref}
-            {...(props as any)}
-            className={clsx(className, ...componentClassNames)}
-          >
-            {componentChildren}
-          </Component>
-        );
-      }
-      // Else return the component as it is
+  return React.forwardRef<
+    React.ComponentRef<T>,
+    React.ComponentPropsWithRef<T>
+  >(function enablePseudoclassComponent(
+    { className, children: componentChildren, ...props },
+    ref
+  ) {
+    // Handle if children is an array, add the corresponding classnames to the first and last child
+    if (Array.isArray(componentChildren)) {
       return (
         <Component ref={ref} {...(props as any)} className={className}>
+          {componentChildren.map((child, index) => {
+            return React.cloneElement(child, {
+              key: index,
+              className: clsx(
+                child.props.className,
+                ...Object.entries(children).map(([key, classNames]) => {
+                  if (index === 0 && key === 'first-child') return classNames;
+                  if (
+                    index === componentChildren.length - 1 &&
+                    key === 'last-child'
+                  )
+                    return classNames;
+                  return '';
+                })
+              ),
+            });
+          })}
+        </Component>
+      );
+    }
+    // Handle if children is a single element, add the corresponding classname for empty pseudoclass
+    if (componentChildren === undefined) {
+      const componentClassNames = Object.entries(self).map(([key, value]) => {
+        if (key === 'empty') return value.join(' ');
+        return '';
+      });
+      return (
+        <Component
+          ref={ref}
+          {...(props as any)}
+          className={clsx(className, ...componentClassNames)}
+        >
           {componentChildren}
         </Component>
       );
     }
-  );
+    // Else return the component as it is
+    return (
+      <Component ref={ref} {...(props as any)} className={className}>
+        {componentChildren}
+      </Component>
+    );
+  });
 }
 
 export default extend;

package/utils/index.native/index.js

@@ -8,42 +8,40 @@ function extend(Component, propFactory = (props) => props) {
   return ExtendedComponent;
 }
 function enablePseudoclass(Component, { self = {}, children = {} }) {
-  return React.forwardRef(
-    function enablePseudoclassComponent({ className, children: componentChildren, ...props }, ref) {
-      if (Array.isArray(componentChildren)) {
-        return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren.map((child, index) => {
-          return React.cloneElement(child, {
-            key: index,
-            className: clsx(
-              child.props.className,
-              ...Object.entries(children).map(([key, classNames]) => {
-                if (index === 0 && key === "first-child") return classNames;
-                if (index === componentChildren.length - 1 && key === "last-child")
-                  return classNames;
-                return "";
-              })
-            )
-          });
-        }));
-      }
-      if (componentChildren === void 0) {
-        const componentClassNames = Object.entries(self).map(([key, value]) => {
-          if (key === "empty") return value.join(" ");
-          return "";
+  return React.forwardRef(function enablePseudoclassComponent({ className, children: componentChildren, ...props }, ref) {
+    if (Array.isArray(componentChildren)) {
+      return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren.map((child, index) => {
+        return React.cloneElement(child, {
+          key: index,
+          className: clsx(
+            child.props.className,
+            ...Object.entries(children).map(([key, classNames]) => {
+              if (index === 0 && key === "first-child") return classNames;
+              if (index === componentChildren.length - 1 && key === "last-child")
+                return classNames;
+              return "";
+            })
+          )
         });
-        return /* @__PURE__ */ React.createElement(
-          Component,
-          {
-            ref,
-            ...props,
-            className: clsx(className, ...componentClassNames)
-          },
-          componentChildren
-        );
-      }
-      return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren);
+      }));
     }
-  );
+    if (componentChildren === void 0) {
+      const componentClassNames = Object.entries(self).map(([key, value]) => {
+        if (key === "empty") return value.join(" ");
+        return "";
+      });
+      return /* @__PURE__ */ React.createElement(
+        Component,
+        {
+          ref,
+          ...props,
+          className: clsx(className, ...componentClassNames)
+        },
+        componentChildren
+      );
+    }
+    return /* @__PURE__ */ React.createElement(Component, { ref, ...props, className }, componentChildren);
+  });
 }
 var index_native_default = extend;
 export {

package/utils/index.native.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-type WithClassName<TProps> = TProps & {
-    className?: string;
-};
-type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
+type PropFactory<TProps> = (props: TProps) => any;
 /**
  * A HOC that transforms the props of the wrapped component before passing them through
  *
@@ -19,7 +16,7 @@ type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
  * type AdditionalProps = { lastName: string; };
  * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
  */
-export declare function extend<TProps, TAdditionalProps>(Component: React.ComponentType<TProps>, propFactory?: PropFactory<TProps & TAdditionalProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithClassName<TProps & TAdditionalProps>> & React.RefAttributes<unknown>>;
+export declare function extend<TProps, TAdditionalProps>(Component: React.ComponentType<TProps>, propFactory?: PropFactory<React.PropsWithoutRef<TProps & TAdditionalProps>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & TAdditionalProps> & React.RefAttributes<unknown>>;
 interface PseudoclassOptions {
     self?: Record<string, string[]>;
     children?: Record<string, string[]>;
@@ -42,5 +39,5 @@ interface PseudoclassOptions {
  * </MyComponentWithPseudoclass>
  *
  * */
-export declare function enablePseudoclass<T extends React.ElementType>(Component: T, { self, children }: PseudoclassOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentPropsWithRef<T>> & React.RefAttributes<React.ElementRef<T>>>;
+export declare function enablePseudoclass<T extends React.ElementType>(Component: T, { self, children }: PseudoclassOptions): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentPropsWithRef<T>> & React.RefAttributes<React.ComponentRef<T>>>;
 export default extend;

package/utils/index.native.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/index.native.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\ntype WithClassName<TProps> = TProps & { className?: string };\ntype PropFactory<TProps> = (props: WithClassName<TProps>) => any;\n\n/**\n * A HOC that transforms the props of the wrapped component before passing them through\n *\n * @param Component The component to wrap\n * @param [propFactory=(props) => props] The function that transforms the props\n * @returns The wrapped component that accepts the transformed props\n *\n * @example\n * type MyComponentProps = { name: string; };\n * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;\n *\n * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));\n *\n * type AdditionalProps = { lastName: string; };\n * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));\n */\nexport function extend<TProps, TAdditionalProps>(\n  Component: React.ComponentType<TProps>,\n  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props\n) {\n  const ExtendedComponent = React.forwardRef(function ExtendedComponent(\n    props: WithClassName<TProps & TAdditionalProps>,\n    ref\n  ) {\n    const transformedProps = propFactory(props);\n\n    return <Component ref={ref} {...transformedProps} />;\n  });\n  return ExtendedComponent;\n}\n\ninterface PseudoclassOptions {\n  self?: Record<string, string[]>;\n  children?: Record<string, string[]>;\n}\n\n/**\n * A HOC that adds pseudoclass support to the wrapped component\n *\n * @param Component The component to wrap\n * @param options The pseudoclass options\n * @returns The wrapped component that supports pseudoclasses\n *\n * @example\n * const MyComponent = (props) => <p {...props}>Hi</p>;\n * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent\n *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });\n *\n * <MyComponentWithPseudoclass className=\"my-class\" empty focus>\n * <p>First child</p>\n * <p>Second child</p>\n * </MyComponentWithPseudoclass>\n *\n * */\nexport function enablePseudoclass<T extends React.ElementType>(\n  Component: T,\n  { self = {}, children = {} }: PseudoclassOptions\n) {\n  return React.forwardRef<React.ElementRef<T>, React.ComponentPropsWithRef<T>>(\n    function enablePseudoclassComponent(\n      { className, children: componentChildren, ...props },\n      ref\n    ) {\n      // Handle if children is an array, add the corresponding classnames to the first and last child\n      if (Array.isArray(componentChildren)) {\n        return (\n          <Component ref={ref} {...(props as any)} className={className}>\n            {componentChildren.map((child, index) => {\n              return React.cloneElement(child, {\n                key: index,\n                className: clsx(\n                  child.props.className,\n                  ...Object.entries(children).map(([key, classNames]) => {\n                    if (index === 0 && key === 'first-child') return classNames;\n                    if (\n                      index === componentChildren.length - 1 &&\n                      key === 'last-child'\n                    )\n                      return classNames;\n                    return '';\n                  })\n                ),\n              });\n            })}\n          </Component>\n        );\n      }\n      // Handle if children is a single element, add the corresponding classname for empty pseudoclass\n      if (componentChildren === undefined) {\n        const componentClassNames = Object.entries(self).map(([key, value]) => {\n          if (key === 'empty') return value.join(' ');\n          return '';\n        });\n        return (\n          <Component\n            ref={ref}\n            {...(props as any)}\n            className={clsx(className, ...componentClassNames)}\n          >\n            {componentChildren}\n          </Component>\n        );\n      }\n      // Else return the component as it is\n      return (\n        <Component ref={ref} {...(props as any)} className={className}>\n          {componentChildren}\n        </Component>\n      );\n    }\n  );\n}\n\nexport default extend;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAqBV,SAAS,OACd,WACA,cAAsD,CAAC,UAAU,OACjE;AACA,QAAM,oBAAoB,MAAM,WAAW,SAASA,mBAClD,OACA,KACA;AACA,UAAM,mBAAmB,YAAY,KAAK;AAE1C,WAAO,oCAAC,aAAU,KAAW,GAAG,kBAAkB;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AAyBO,SAAS,kBACd,WACA,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,EAAE,GAC3B;AACA,SAAO,MAAM;AAAA,IACX,SAAS,2BACP,EAAE,WAAW,UAAU,mBAAmB,GAAG,MAAM,GACnD,KACA;AAEA,UAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,eACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,kBAAkB,IAAI,CAAC,OAAO,UAAU;AACvC,iBAAO,MAAM,aAAa,OAAO;AAAA,YAC/B,KAAK;AAAA,YACL,WAAW;AAAA,cACT,MAAM,MAAM;AAAA,cACZ,GAAG,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,UAAU,MAAM;AACrD,oBAAI,UAAU,KAAK,QAAQ,cAAe,QAAO;AACjD,oBACE,UAAU,kBAAkB,SAAS,KACrC,QAAQ;AAER,yBAAO;AACT,uBAAO;AAAA,cACT,CAAC;AAAA,YACH;AAAA,UACF,CAAC;AAAA,QACH,CAAC,CACH;AAAA,MAEJ;AAEA,UAAI,sBAAsB,QAAW;AACnC,cAAM,sBAAsB,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrE,cAAI,QAAQ,QAAS,QAAO,MAAM,KAAK,GAAG;AAC1C,iBAAO;AAAA,QACT,CAAC;AACD,eACE;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACC,GAAI;AAAA,YACL,WAAW,KAAK,WAAW,GAAG,mBAAmB;AAAA;AAAA,UAEhD;AAAA,QACH;AAAA,MAEJ;AAEA,aACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,iBACH;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\n\ntype PropFactory<TProps> = (props: TProps) => any;\n\n/**\n * A HOC that transforms the props of the wrapped component before passing them through\n *\n * @param Component The component to wrap\n * @param [propFactory=(props) => props] The function that transforms the props\n * @returns The wrapped component that accepts the transformed props\n *\n * @example\n * type MyComponentProps = { name: string; };\n * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;\n *\n * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));\n *\n * type AdditionalProps = { lastName: string; };\n * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));\n */\nexport function extend<TProps, TAdditionalProps>(\n  Component: React.ComponentType<TProps>,\n  propFactory: PropFactory<React.PropsWithoutRef<TProps & TAdditionalProps>> = (\n    props\n  ) => props\n) {\n  const ExtendedComponent = React.forwardRef<\n    unknown,\n    TProps & TAdditionalProps\n  >(function ExtendedComponent(props, ref) {\n    const transformedProps = propFactory(props);\n\n    return <Component ref={ref} {...transformedProps} />;\n  });\n  return ExtendedComponent;\n}\n\ninterface PseudoclassOptions {\n  self?: Record<string, string[]>;\n  children?: Record<string, string[]>;\n}\n\n/**\n * A HOC that adds pseudoclass support to the wrapped component\n *\n * @param Component The component to wrap\n * @param options The pseudoclass options\n * @returns The wrapped component that supports pseudoclasses\n *\n * @example\n * const MyComponent = (props) => <p {...props}>Hi</p>;\n * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent\n *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });\n *\n * <MyComponentWithPseudoclass className=\"my-class\" empty focus>\n * <p>First child</p>\n * <p>Second child</p>\n * </MyComponentWithPseudoclass>\n *\n * */\nexport function enablePseudoclass<T extends React.ElementType>(\n  Component: T,\n  { self = {}, children = {} }: PseudoclassOptions\n) {\n  return React.forwardRef<\n    React.ComponentRef<T>,\n    React.ComponentPropsWithRef<T>\n  >(function enablePseudoclassComponent(\n    { className, children: componentChildren, ...props },\n    ref\n  ) {\n    // Handle if children is an array, add the corresponding classnames to the first and last child\n    if (Array.isArray(componentChildren)) {\n      return (\n        <Component ref={ref} {...(props as any)} className={className}>\n          {componentChildren.map((child, index) => {\n            return React.cloneElement(child, {\n              key: index,\n              className: clsx(\n                child.props.className,\n                ...Object.entries(children).map(([key, classNames]) => {\n                  if (index === 0 && key === 'first-child') return classNames;\n                  if (\n                    index === componentChildren.length - 1 &&\n                    key === 'last-child'\n                  )\n                    return classNames;\n                  return '';\n                })\n              ),\n            });\n          })}\n        </Component>\n      );\n    }\n    // Handle if children is a single element, add the corresponding classname for empty pseudoclass\n    if (componentChildren === undefined) {\n      const componentClassNames = Object.entries(self).map(([key, value]) => {\n        if (key === 'empty') return value.join(' ');\n        return '';\n      });\n      return (\n        <Component\n          ref={ref}\n          {...(props as any)}\n          className={clsx(className, ...componentClassNames)}\n        >\n          {componentChildren}\n        </Component>\n      );\n    }\n    // Else return the component as it is\n    return (\n      <Component ref={ref} {...(props as any)} className={className}>\n        {componentChildren}\n      </Component>\n    );\n  });\n}\n\nexport default extend;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AAoBV,SAAS,OACd,WACA,cAA6E,CAC3E,UACG,OACL;AACA,QAAM,oBAAoB,MAAM,WAG9B,SAASA,mBAAkB,OAAO,KAAK;AACvC,UAAM,mBAAmB,YAAY,KAAK;AAE1C,WAAO,oCAAC,aAAU,KAAW,GAAG,kBAAkB;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AAyBO,SAAS,kBACd,WACA,EAAE,OAAO,CAAC,GAAG,WAAW,CAAC,EAAE,GAC3B;AACA,SAAO,MAAM,WAGX,SAAS,2BACT,EAAE,WAAW,UAAU,mBAAmB,GAAG,MAAM,GACnD,KACA;AAEA,QAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,aACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,kBAAkB,IAAI,CAAC,OAAO,UAAU;AACvC,eAAO,MAAM,aAAa,OAAO;AAAA,UAC/B,KAAK;AAAA,UACL,WAAW;AAAA,YACT,MAAM,MAAM;AAAA,YACZ,GAAG,OAAO,QAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC,KAAK,UAAU,MAAM;AACrD,kBAAI,UAAU,KAAK,QAAQ,cAAe,QAAO;AACjD,kBACE,UAAU,kBAAkB,SAAS,KACrC,QAAQ;AAER,uBAAO;AACT,qBAAO;AAAA,YACT,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH,CAAC,CACH;AAAA,IAEJ;AAEA,QAAI,sBAAsB,QAAW;AACnC,YAAM,sBAAsB,OAAO,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrE,YAAI,QAAQ,QAAS,QAAO,MAAM,KAAK,GAAG;AAC1C,eAAO;AAAA,MACT,CAAC;AACD,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACC,GAAI;AAAA,UACL,WAAW,KAAK,WAAW,GAAG,mBAAmB;AAAA;AAAA,QAEhD;AAAA,MACH;AAAA,IAEJ;AAEA,WACE,oCAAC,aAAU,KAAW,GAAI,OAAe,aACtC,iBACH;AAAA,EAEJ,CAAC;AACH;AAEA,IAAO,uBAAQ;",
   "names": ["ExtendedComponent"]
 }

package/AutoCompleteInputTypeahead/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {
-}
-/**
- * AutoCompleteInputTypeahead component is used to display the hole search value
- * in the background.
- *
- */
-export declare const AutoCompleteInputTypeahead: React.ForwardRefExoticComponent<Omit<AutoCompleteInputTypeaheadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteInputTypeahead;

package/AutoCompleteInputTypeahead/index.js

@@ -1,25 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const AutoCompleteInputTypeahead = React.forwardRef(function AutoCompleteInputTypeahead2({ className, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "input",
-      type: "text",
-      readOnly: true,
-      ref,
-      tabIndex: -1,
-      className: clsx(className, {
-        "ds-autocomplete__hint": true
-      }),
-      ...props
-    }
-  ));
-});
-var AutoCompleteInputTypeahead_default = AutoCompleteInputTypeahead;
-export {
-  AutoCompleteInputTypeahead,
-  AutoCompleteInputTypeahead_default as default
-};
-//# sourceMappingURL=index.js.map

package/AutoCompleteInputTypeahead/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AutoCompleteInputTypeahead/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}\n/**\n * AutoCompleteInputTypeahead component is used to display the hole search value\n * in the background.\n *\n */\nexport const AutoCompleteInputTypeahead = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputTypeaheadProps\n>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {\n  return (\n    <span>\n      <Base\n        as=\"input\"\n        type=\"text\"\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        className={clsx(className, {\n          'ds-autocomplete__hint': true,\n        })}\n        {...props}\n      />\n    </span>\n  );\n});\n\nexport default AutoCompleteInputTypeahead;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,6BAA6B,MAAM,WAG9C,SAASA,4BAA2B,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,oCAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,UAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,WAAW,KAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
-  "names": ["AutoCompleteInputTypeahead"]
-}

package/AutoCompleteInputTypeahead/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../cjs/AutoCompleteInputTypeahead/index.js"
-}

package/CircularProgress/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/CircularProgress/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressProps extends BaseProps<'svg'> {\n  /**\n   * color prop is optional.\n   * color prop is used to change the color of the loader.\n   * @value 'primary' is the default color.\n   * @value 'secondary' recommended for dark backgrounds.\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary';\n  /**\n   * size prop is optional.\n   * size prop is used to change the size of the loader.\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n/**\n * Use CircularProgress component as an animated loader.\n *  CircularProgress can be used inside LoaderContainer component.\n */\nexport const CircularProgress = React.forwardRef<\n  SVGSVGElement,\n  CircularProgressProps\n>(function CircularProgress(\n  { color = 'primary', size = 'md', className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"svg\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-circular-progress': true,\n        'ds-circular-progress--secondary': color === 'secondary',\n        'ds-circular-progress--sm': size === 'sm',\n        'ds-circular-progress--md': size === 'md',\n        'ds-circular-progress--lg': size === 'lg',\n      })}\n      focusable=\"false\"\n      viewBox=\"0 0 200 200\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path\n        className=\"ds-circular-progress__circle ds-circular-progress__circle--1\"\n        d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n      />\n      <path\n        className=\"ds-circular-progress__circle ds-circular-progress__circle--2\"\n        d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n      />\n    </Base>\n  );\n});\n\nexport default CircularProgress;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAyBzB,MAAM,mBAAmB,MAAM,WAGpC,SAASA,kBACT,EAAE,QAAQ,WAAW,OAAO,MAAM,WAAW,GAAG,MAAM,GACtD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,UAAU;AAAA,QAC7C,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
-  "names": ["CircularProgress"]
-}

package/CircularProgress/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/cjs/AutoCompleteInputTypeahead/index.js

@@ -1,58 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var AutoCompleteInputTypeahead_exports = {};
-__export(AutoCompleteInputTypeahead_exports, {
-  AutoCompleteInputTypeahead: () => AutoCompleteInputTypeahead,
-  default: () => AutoCompleteInputTypeahead_default
-});
-module.exports = __toCommonJS(AutoCompleteInputTypeahead_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-var import_Base = __toESM(require("@digigov/react-core/Base"));
-const AutoCompleteInputTypeahead = import_react.default.forwardRef(function AutoCompleteInputTypeahead2({ className, ...props }, ref) {
-  return /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(
-    import_Base.default,
-    {
-      as: "input",
-      type: "text",
-      readOnly: true,
-      ref,
-      tabIndex: -1,
-      className: (0, import_clsx.default)(className, {
-        "ds-autocomplete__hint": true
-      }),
-      ...props
-    }
-  ));
-});
-var AutoCompleteInputTypeahead_default = AutoCompleteInputTypeahead;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AutoCompleteInputTypeahead
-});
-//# sourceMappingURL=index.js.map

package/cjs/AutoCompleteInputTypeahead/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/AutoCompleteInputTypeahead/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}\n/**\n * AutoCompleteInputTypeahead component is used to display the hole search value\n * in the background.\n *\n */\nexport const AutoCompleteInputTypeahead = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputTypeaheadProps\n>(function AutoCompleteInputTypeahead({ className, ...props }, ref) {\n  return (\n    <span>\n      <Base\n        as=\"input\"\n        type=\"text\"\n        readOnly\n        ref={ref}\n        tabIndex={-1}\n        className={clsx(className, {\n          'ds-autocomplete__hint': true,\n        })}\n        {...props}\n      />\n    </span>\n  );\n});\n\nexport default AutoCompleteInputTypeahead;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAQzB,MAAM,6BAA6B,aAAAA,QAAM,WAG9C,SAASC,4BAA2B,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAClE,SACE,6BAAAD,QAAA,cAAC,cACC,6BAAAA,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,UAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA,MACV,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN,CACF;AAEJ,CAAC;AAED,IAAO,qCAAQ;",
-  "names": ["React", "AutoCompleteInputTypeahead", "Base", "clsx"]
-}

package/cjs/CircularProgress/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/CircularProgress/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressProps extends BaseProps<'svg'> {\n  /**\n   * color prop is optional.\n   * color prop is used to change the color of the loader.\n   * @value 'primary' is the default color.\n   * @value 'secondary' recommended for dark backgrounds.\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary';\n  /**\n   * size prop is optional.\n   * size prop is used to change the size of the loader.\n   * @value 'sm'\n   * @value 'md'\n   * @value 'lg'\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n}\n/**\n * Use CircularProgress component as an animated loader.\n *  CircularProgress can be used inside LoaderContainer component.\n */\nexport const CircularProgress = React.forwardRef<\n  SVGSVGElement,\n  CircularProgressProps\n>(function CircularProgress(\n  { color = 'primary', size = 'md', className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"svg\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-circular-progress': true,\n        'ds-circular-progress--secondary': color === 'secondary',\n        'ds-circular-progress--sm': size === 'sm',\n        'ds-circular-progress--md': size === 'md',\n        'ds-circular-progress--lg': size === 'lg',\n      })}\n      focusable=\"false\"\n      viewBox=\"0 0 200 200\"\n      aria-hidden=\"true\"\n      {...props}\n    >\n      <path\n        className=\"ds-circular-progress__circle ds-circular-progress__circle--1\"\n        d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n      />\n      <path\n        className=\"ds-circular-progress__circle ds-circular-progress__circle--2\"\n        d=\"M26,99.551C26,55.478,60.246,27.5,99.85,27.5S174,55.478,174,99.551,139.455,172.5,99.85,172.5C60.273,172.473,26,143.6,26,99.551Z\"\n      />\n    </Base>\n  );\n});\n\nexport default CircularProgress;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAyBzB,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBACT,EAAE,QAAQ,WAAW,OAAO,MAAM,WAAW,GAAG,MAAM,GACtD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,YAAAE;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,QACxB,mCAAmC,UAAU;AAAA,QAC7C,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,QACrC,4BAA4B,SAAS;AAAA,MACvC,CAAC;AAAA,MACD,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,IAEJ,6BAAAH,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,IACA,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAE;AAAA;AAAA,IACJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,2BAAQ;",
-  "names": ["React", "CircularProgress", "Base", "clsx"]
-}

package/src/AutoCompleteInputTypeahead/__snapshots__/index.test.tsx.snap

@@ -1,16 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`renders the AutoCompleteInputTypeahead with no props 1`] = `
-<body>
-  <div>
-    <span>
-      <input
-        class="ds-autocomplete__hint"
-        readonly=""
-        tabindex="-1"
-        type="text"
-      />
-    </span>
-  </div>
-</body>
-`;

package/src/AutoCompleteInputTypeahead/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import AutoCompleteInputTypeahead from '@digigov/react-core/AutoCompleteInputTypeahead';
-
-it('renders the AutoCompleteInputTypeahead with no props', () => {
-  expect(render(<AutoCompleteInputTypeahead />).baseElement).toMatchSnapshot();
-});

package/src/AutoCompleteInputTypeahead/index.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface AutoCompleteInputTypeaheadProps extends BaseProps<'input'> {}
-/**
- * AutoCompleteInputTypeahead component is used to display the hole search value
- * in the background.
- *
- */
-export const AutoCompleteInputTypeahead = React.forwardRef<
-  HTMLInputElement,
-  AutoCompleteInputTypeaheadProps
->(function AutoCompleteInputTypeahead({ className, ...props }, ref) {
-  return (
-    <span>
-      <Base
-        as="input"
-        type="text"
-        readOnly
-        ref={ref}
-        tabIndex={-1}
-        className={clsx(className, {
-          'ds-autocomplete__hint': true,
-        })}
-        {...props}
-      />
-    </span>
-  );
-});
-
-export default AutoCompleteInputTypeahead;

package/src/CircularProgress/index.test.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import CircularProgress from '@digigov/react-core/CircularProgress';
-
-it('renders the CircularProgress', () => {
-  expect(render(<CircularProgress />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with size sm', () => {
-  expect(render(<CircularProgress size="sm" />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with size lg', () => {
-  expect(render(<CircularProgress size="lg" />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary prop', () => {
-  expect(
-    render(<CircularProgress color={'secondary'} />).baseElement
-  ).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary and size sm props', () => {
-  expect(
-    render(<CircularProgress color={'secondary'} size="sm" />).baseElement
-  ).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary and size lg props', () => {
-  expect(
-    render(<CircularProgress color={'secondary'} size="lg" />).baseElement
-  ).toMatchSnapshot();
-});