@digigov/react-core 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/src/registry.js

@@ -2,14 +2,14 @@
 import * as _digigov_react_core from "@digigov/react-core";
 import * as _digigov_react_core_Accordion from "@digigov/react-core/Accordion";
 import * as _digigov_react_core_Accordion_index_web from "@digigov/react-core/Accordion/index.web";
+import * as _digigov_react_core_AccordionControls from "@digigov/react-core/AccordionControls";
 import * as _digigov_react_core_AccordionSection from "@digigov/react-core/AccordionSection";
 import * as _digigov_react_core_AccordionSection_index_web from "@digigov/react-core/AccordionSection/index.web";
-import * as _digigov_react_core_AccordionControls from "@digigov/react-core/AccordionControls";
 import * as _digigov_react_core_AccordionSectionContent from "@digigov/react-core/AccordionSectionContent";
 import * as _digigov_react_core_AccordionSectionSummary from "@digigov/react-core/AccordionSectionSummary";
 import * as _digigov_react_core_AccordionSectionSummaryHeading from "@digigov/react-core/AccordionSectionSummaryHeading";
-import * as _digigov_react_core_AdminAside from "@digigov/react-core/AdminAside";
 import * as _digigov_react_core_AdminContainer from "@digigov/react-core/AdminContainer";
+import * as _digigov_react_core_AdminAside from "@digigov/react-core/AdminAside";
 import * as _digigov_react_core_AdminHeader from "@digigov/react-core/AdminHeader";
 import * as _digigov_react_core_AdminHeaderContent from "@digigov/react-core/AdminHeaderContent";
 import * as _digigov_react_core_AdminLayout from "@digigov/react-core/AdminLayout";
@@ -19,6 +19,7 @@ import * as _digigov_react_core_Aside from "@digigov/react-core/Aside";
 import * as _digigov_react_core_AutoCompleteAssistiveHint from "@digigov/react-core/AutoCompleteAssistiveHint";
 import * as _digigov_react_core_AutoCompleteContainer from "@digigov/react-core/AutoCompleteContainer";
 import * as _digigov_react_core_AutoCompleteInputBase from "@digigov/react-core/AutoCompleteInputBase";
+import * as _digigov_react_core_AutoCompleteInputTypeahead from "@digigov/react-core/AutoCompleteInputTypeahead";
 import * as _digigov_react_core_AutoCompleteMultipleInput from "@digigov/react-core/AutoCompleteMultipleInput";
 import * as _digigov_react_core_AutoCompleteMultipleInputContainer from "@digigov/react-core/AutoCompleteMultipleInputContainer";
 import * as _digigov_react_core_AutoCompleteResultList from "@digigov/react-core/AutoCompleteResultList";
@@ -60,7 +61,7 @@ import * as _digigov_react_core_ChipContainer from "@digigov/react-core/ChipCont
 import * as _digigov_react_core_ChipHeading from "@digigov/react-core/ChipHeading";
 import * as _digigov_react_core_ChipKeyValue from "@digigov/react-core/ChipKeyValue";
 import * as _digigov_react_core_ChoiceDividerText from "@digigov/react-core/ChoiceDividerText";
-import * as _digigov_react_core_CircularProgressBase from "@digigov/react-core/CircularProgressBase";
+import * as _digigov_react_core_CircularProgress from "@digigov/react-core/CircularProgress";
 import * as _digigov_react_core_CloseButton from "@digigov/react-core/CloseButton";
 import * as _digigov_react_core_Code from "@digigov/react-core/Code";
 import * as _digigov_react_core_CodeBlockContainer from "@digigov/react-core/CodeBlockContainer";
@@ -285,14 +286,14 @@ export default {
   '@digigov/react-core': lazyImport(_digigov_react_core),
   '@digigov/react-core/Accordion': lazyImport(_digigov_react_core_Accordion),
   '@digigov/react-core/Accordion/index.web': lazyImport(_digigov_react_core_Accordion_index_web),
+  '@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
   '@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
   '@digigov/react-core/AccordionSection/index.web': lazyImport(_digigov_react_core_AccordionSection_index_web),
-  '@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
   '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
   '@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
   '@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
-  '@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
   '@digigov/react-core/AdminContainer': lazyImport(_digigov_react_core_AdminContainer),
+  '@digigov/react-core/AdminAside': lazyImport(_digigov_react_core_AdminAside),
   '@digigov/react-core/AdminHeader': lazyImport(_digigov_react_core_AdminHeader),
   '@digigov/react-core/AdminHeaderContent': lazyImport(_digigov_react_core_AdminHeaderContent),
   '@digigov/react-core/AdminLayout': lazyImport(_digigov_react_core_AdminLayout),
@@ -302,6 +303,7 @@ export default {
   '@digigov/react-core/AutoCompleteAssistiveHint': lazyImport(_digigov_react_core_AutoCompleteAssistiveHint),
   '@digigov/react-core/AutoCompleteContainer': lazyImport(_digigov_react_core_AutoCompleteContainer),
   '@digigov/react-core/AutoCompleteInputBase': lazyImport(_digigov_react_core_AutoCompleteInputBase),
+  '@digigov/react-core/AutoCompleteInputTypeahead': lazyImport(_digigov_react_core_AutoCompleteInputTypeahead),
   '@digigov/react-core/AutoCompleteMultipleInput': lazyImport(_digigov_react_core_AutoCompleteMultipleInput),
   '@digigov/react-core/AutoCompleteMultipleInputContainer': lazyImport(_digigov_react_core_AutoCompleteMultipleInputContainer),
   '@digigov/react-core/AutoCompleteResultList': lazyImport(_digigov_react_core_AutoCompleteResultList),
@@ -343,7 +345,7 @@ export default {
   '@digigov/react-core/ChipHeading': lazyImport(_digigov_react_core_ChipHeading),
   '@digigov/react-core/ChipKeyValue': lazyImport(_digigov_react_core_ChipKeyValue),
   '@digigov/react-core/ChoiceDividerText': lazyImport(_digigov_react_core_ChoiceDividerText),
-  '@digigov/react-core/CircularProgressBase': lazyImport(_digigov_react_core_CircularProgressBase),
+  '@digigov/react-core/CircularProgress': lazyImport(_digigov_react_core_CircularProgress),
   '@digigov/react-core/CloseButton': lazyImport(_digigov_react_core_CloseButton),
   '@digigov/react-core/Code': lazyImport(_digigov_react_core_Code),
   '@digigov/react-core/CodeBlockContainer': lazyImport(_digigov_react_core_CodeBlockContainer),

package/src/utils/index.native.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import clsx from 'clsx';
 
-type PropFactory<TProps> = (props: TProps) => any;
+type WithClassName<TProps> = TProps & { className?: string };
+type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
 
 /**
  * A HOC that transforms the props of the wrapped component before passing them through
@@ -21,14 +22,12 @@ type PropFactory<TProps> = (props: TProps) => any;
  */
 export function extend<TProps, TAdditionalProps>(
   Component: React.ComponentType<TProps>,
-  propFactory: PropFactory<React.PropsWithoutRef<TProps & TAdditionalProps>> = (
-    props
-  ) => props
+  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props
 ) {
-  const ExtendedComponent = React.forwardRef<
-    unknown,
-    TProps & TAdditionalProps
-  >(function ExtendedComponent(props, ref) {
+  const ExtendedComponent = React.forwardRef(function ExtendedComponent(
+    props: WithClassName<TProps & TAdditionalProps>,
+    ref
+  ) {
     const transformedProps = propFactory(props);
 
     return <Component ref={ref} {...transformedProps} />;
@@ -63,60 +62,59 @@ export function enablePseudoclass<T extends React.ElementType>(
   Component: T,
   { self = {}, children = {} }: PseudoclassOptions
 ) {
-  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 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 (
         <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,40 +8,42 @@ 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 "";
-            })
-          )
+  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 /* @__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,5 +1,8 @@
 import React from 'react';
-type PropFactory<TProps> = (props: TProps) => any;
+type WithClassName<TProps> = TProps & {
+    className?: string;
+};
+type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
 /**
  * A HOC that transforms the props of the wrapped component before passing them through
  *
@@ -16,7 +19,7 @@ type PropFactory<TProps> = (props: 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<React.PropsWithoutRef<TProps & TAdditionalProps>>): React.ForwardRefExoticComponent<React.PropsWithoutRef<TProps & TAdditionalProps> & React.RefAttributes<unknown>>;
+export declare function extend<TProps, TAdditionalProps>(Component: React.ComponentType<TProps>, propFactory?: PropFactory<TProps & TAdditionalProps>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithClassName<TProps & TAdditionalProps>> & React.RefAttributes<unknown>>;
 interface PseudoclassOptions {
     self?: Record<string, string[]>;
     children?: Record<string, string[]>;
@@ -39,5 +42,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.ComponentRef<T>>>;
+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 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 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;",
+  "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;",
   "names": ["ExtendedComponent"]
 }

package/CircularProgressBase/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/CircularProgressBase/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressBaseProps 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 CircularProgressBase component as an animated loader.\n *  CircularProgressBase can be used inside LoaderContainer component.\n */\nexport const CircularProgressBase = React.forwardRef<\n  SVGElement,\n  CircularProgressBaseProps\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 CircularProgressBase;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAyBzB,MAAM,uBAAuB,MAAM,WAGxC,SAAS,iBACT,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,+BAAQ;",
-  "names": []
-}

package/cjs/CircularProgressBase/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/CircularProgressBase/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CircularProgressBaseProps 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 CircularProgressBase component as an animated loader.\n *  CircularProgressBase can be used inside LoaderContainer component.\n */\nexport const CircularProgressBase = React.forwardRef<\n  SVGElement,\n  CircularProgressBaseProps\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 CircularProgressBase;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAgC;AAyBzB,MAAM,uBAAuB,aAAAA,QAAM,WAGxC,SAAS,iBACT,EAAE,QAAQ,WAAW,OAAO,MAAM,WAAW,GAAG,MAAM,GACtD,KACA;AACA,SACE,6BAAAA,QAAA;AAAA,IAAC,YAAAC;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,6BAAAF,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,+BAAQ;",
-  "names": ["React", "Base", "clsx"]
-}

package/src/CircularProgressBase/index.test.tsx

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