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

package/src/utils/index.native.tsx

@@ -0,0 +1,120 @@
+import React from 'react';
+import clsx from 'clsx';
+
+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
+ *
+ * @param Component The component to wrap
+ * @param [propFactory=(props) => props] The function that transforms the props
+ * @returns The wrapped component that accepts the transformed props
+ *
+ * @example
+ * type MyComponentProps = { name: string; };
+ * const MyComponent = (props: MyComponentProps) => <p>Hi {props.name}</p>;
+ *
+ * const MyNativeComponent = extend(MyComponent, (props) => ({ name: props.name.toUpperCase(), ...props }));
+ *
+ * type AdditionalProps = { lastName: string; };
+ * const MyExpandedNativeComponent = extend<MyComponentProps, AdditionalProps>(MyNativeComponent, (props) => ({ name: `${props.name} ${props.lastName}`, ...props }));
+ */
+export function extend<TProps, TAdditionalProps>(
+  Component: React.ComponentType<TProps>,
+  propFactory: PropFactory<TProps & TAdditionalProps> = (props) => props
+) {
+  const ExtendedComponent = React.forwardRef(function ExtendedComponent(
+    props: WithClassName<TProps & TAdditionalProps>,
+    ref
+  ) {
+    const transformedProps = propFactory(props);
+
+    return <Component ref={ref} {...transformedProps} />;
+  });
+  return ExtendedComponent;
+}
+
+interface PseudoclassOptions {
+  self?: Record<string, string[]>;
+  children?: Record<string, string[]>;
+}
+
+/**
+ * A HOC that adds pseudoclass support to the wrapped component
+ *
+ * @param Component The component to wrap
+ * @param options The pseudoclass options
+ * @returns The wrapped component that supports pseudoclasses
+ *
+ * @example
+ * const MyComponent = (props) => <p {...props}>Hi</p>;
+ * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent
+ *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });
+ *
+ * <MyComponentWithPseudoclass className="my-class" empty focus>
+ * <p>First child</p>
+ * <p>Second child</p>
+ * </MyComponentWithPseudoclass>
+ *
+ * */
+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 (
+        <Component ref={ref} {...(props as any)} className={className}>
+          {componentChildren}
+        </Component>
+      );
+    }
+  );
+}
+
+export default extend;

package/utils/index.native/index.js

@@ -0,0 +1,54 @@
+import React from "react";
+import clsx from "clsx";
+function extend(Component, propFactory = (props) => props) {
+  const ExtendedComponent = React.forwardRef(function ExtendedComponent2(props, ref) {
+    const transformedProps = propFactory(props);
+    return /* @__PURE__ */ React.createElement(Component, { ref, ...transformedProps });
+  });
+  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 /* @__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 {
+  index_native_default as default,
+  enablePseudoclass,
+  extend
+};
+//# sourceMappingURL=index.native.js.map

package/utils/index.native/package.json

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

package/utils/{extend.native.d.ts → index.native.d.ts}

@@ -20,4 +20,27 @@ type PropFactory<TProps> = (props: WithClassName<TProps>) => any;
  * 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>>;
+interface PseudoclassOptions {
+    self?: Record<string, string[]>;
+    children?: Record<string, string[]>;
+}
+/**
+ * A HOC that adds pseudoclass support to the wrapped component
+ *
+ * @param Component The component to wrap
+ * @param options The pseudoclass options
+ * @returns The wrapped component that supports pseudoclasses
+ *
+ * @example
+ * const MyComponent = (props) => <p {...props}>Hi</p>;
+ * const MyComponentWithPseudoclass = enablePseudoclass(MyComponent
+ *  { self: { 'empty': ['ds-component__empty'] }, childrenClassNames: { 'first-child': ['ds-component__first-child'] } });
+ *
+ * <MyComponentWithPseudoclass className="my-class" empty focus>
+ * <p>First child</p>
+ * <p>Second child</p>
+ * </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 default extend;

package/utils/index.native.js.map

@@ -0,0 +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;",
+  "names": ["ExtendedComponent"]
+}

package/AutoCompleteInput/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AutoCompleteInputProps extends BaseProps<'input'> {
-    /**
-     * isFocused is optional. The default value is false.
-     * isFocused prop is used to focus the list element.
-     * @value true
-     * @value false
-     */
-    isFocused?: boolean;
-}
-/**
- * AutoCompleteInput component is used to display the value that the user is typing.
- *
- */
-export declare const AutoCompleteInput: React.ForwardRefExoticComponent<Omit<AutoCompleteInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteInput;

package/AutoCompleteInput/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nexport interface AutoCompleteInputProps extends BaseProps<'input'> {\n  /**\n   * isFocused is optional. The default value is false.\n   * isFocused prop is used to focus the list element.\n   * @value true\n   * @value false\n   */\n  isFocused?: boolean;\n\n}\n/**\n * AutoCompleteInput component is used to display the value that the user is typing.\n *\n */\nexport const AutoCompleteInput = React.forwardRef<\n  HTMLInputElement,\n  AutoCompleteInputProps\n>(function AutoCompleteInput(\n  { name, isFocused, className, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"input\"\n      type=\"text\"\n      name={name}\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__input': true,\n        'ds-autocomplete__input--focused': isFocused,\n      })}\n      {...props}\n    />\n  );\n});\n\nexport default AutoCompleteInput;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAezB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,MAAM,WAAW,WAAW,GAAG,MAAM,GACvC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,0BAA0B;AAAA,QAC1B,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
-  "names": ["AutoCompleteInput"]
-}

package/BackLink/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BackLinkProps extends BaseProps<'a'> {
-}
-/**
- * Use BackLink component to help users go back to the previous page in a multi-page transaction.
- */
-export declare const BackLink: React.ForwardRefExoticComponent<Omit<BackLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default BackLink;

package/BackLink/index.js

@@ -1,33 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-import { CaretIcon } from "@digigov/react-icons";
-const BackLink = React.forwardRef(
-  function BackLink2({ href, printHidden = true, className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "a",
-        printHidden,
-        href,
-        onClick: () => {
-          !href && window.history.back();
-        },
-        ref,
-        className: clsx(className, {
-          "ds-back-link": true
-        }),
-        tabIndex: 0,
-        ...props
-      },
-      /* @__PURE__ */ React.createElement(CaretIcon, { direction: "left" }),
-      children
-    );
-  }
-);
-var BackLink_default = BackLink;
-export {
-  BackLink,
-  BackLink_default as default
-};
-//# sourceMappingURL=index.js.map

package/BackLink/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BackLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport { CaretIcon } from '@digigov/react-icons';\n\nexport interface BackLinkProps extends BaseProps<'a'> { }\n/**\n * Use BackLink component to help users go back to the previous page in a multi-page transaction.\n */\nexport const BackLink = React.forwardRef<HTMLAnchorElement, BackLinkProps>(\n  function BackLink(\n    { href, printHidden = true, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        printHidden={printHidden}\n        href={href}\n        onClick={() => {\n          !href && window.history.back();\n        }}\n        ref={ref}\n        className={clsx(className, {\n          'ds-back-link': true,\n        })}\n        tabIndex={0}\n        {...props}\n      >\n        <CaretIcon direction={'left'} />\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default BackLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,SAAS,iBAAiB;AAMnB,MAAM,WAAW,MAAM;AAAA,EAC5B,SAASA,UACP,EAAE,MAAM,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,SAAS,MAAM;AACb,WAAC,QAAQ,OAAO,QAAQ,KAAK;AAAA,QAC/B;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,gBAAgB;AAAA,QAClB,CAAC;AAAA,QACD,UAAU;AAAA,QACT,GAAG;AAAA;AAAA,MAEJ,oCAAC,aAAU,WAAW,QAAQ;AAAA,MAC7B;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;",
-  "names": ["BackLink"]
-}

package/BreadcrumbsListItem/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface BreadcrumbsListItemProps extends BaseProps<'li'> {
-    /**
-    * href is optional and provides the text and url of the Breadcrumbs items.
-  
-    */
-    href?: string;
-}
-/**
- * BreadcrumbsListItem creates a list of items with the possibility of navigation.
- * It should be used inside BreadcrumbsList as children component
- */
-export declare const BreadcrumbsListItem: React.ForwardRefExoticComponent<Omit<BreadcrumbsListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
-export default BreadcrumbsListItem;

package/BreadcrumbsListItem/index.js

@@ -1,33 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const BreadcrumbsListItem = React.forwardRef(function BreadcrumbsListItem2({ href, className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "li",
-      ref,
-      className: clsx(className, {
-        "ds-breadcrumbs__list-item": true
-      }),
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      "a",
-      {
-        href,
-        className: clsx({
-          "ds-breadcrumbs__link": true,
-          "ds-breadcrumbs__link--inactive": href === void 0
-        })
-      },
-      children
-    )
-  );
-});
-var BreadcrumbsListItem_default = BreadcrumbsListItem;
-export {
-  BreadcrumbsListItem,
-  BreadcrumbsListItem_default as default
-};
-//# sourceMappingURL=index.js.map

package/BreadcrumbsListItem/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BreadcrumbsListItem/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface BreadcrumbsListItemProps extends BaseProps<'li'> {\n  /**\n  * href is optional and provides the text and url of the Breadcrumbs items.\n\n  */\n  href?: string;\n}\n/**\n * BreadcrumbsListItem creates a list of items with the possibility of navigation.\n * It should be used inside BreadcrumbsList as children component\n */\nexport const BreadcrumbsListItem = React.forwardRef<\n  HTMLLIElement,\n  BreadcrumbsListItemProps\n>(function BreadcrumbsListItem({ href, className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"li\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-breadcrumbs__list-item': true,\n      })}\n      {...props}\n    >\n      <a\n        href={href}\n        className={clsx({\n          'ds-breadcrumbs__link': true,\n          'ds-breadcrumbs__link--inactive': href === undefined,\n        })}\n      >\n        {children}\n      </a>\n    </Base>\n  );\n});\n\nexport default BreadcrumbsListItem;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAazB,MAAM,sBAAsB,MAAM,WAGvC,SAASA,qBAAoB,EAAE,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,6BAA6B;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK;AAAA,UACd,wBAAwB;AAAA,UACxB,kCAAkC,SAAS;AAAA,QAC7C,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,8BAAQ;",
-  "names": ["BreadcrumbsListItem"]
-}

package/ButtonLink/index.js

@@ -1,29 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const ButtonLink = React.forwardRef(
-  function ButtonLink2({ color = "primary", dense, className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "a",
-        ref,
-        className: clsx(className, {
-          "ds-btn": true,
-          "ds-btn--dense": dense,
-          "ds-btn-primary": color === "primary",
-          "ds-btn-secondary": color === "secondary",
-          "ds-btn-warning": color === "warning"
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var ButtonLink_default = ButtonLink;
-export {
-  ButtonLink,
-  ButtonLink_default as default
-};
-//# sourceMappingURL=index.js.map

package/ButtonLink/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ButtonLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ButtonLinkProps extends BaseProps<'a'> {\n  /**\n   * color is optional.\n   * 'primary' color is used for the main call to action on a page.\n   * 'secondary' color is used for secondary calls to action on a page.\n   * 'warning' color is used to make users think carefully before they use them.\n   * The default value is 'primary'.\n   * @value 'primary'\n   * @value 'secondary'\n   * @value 'warning'\n   * @default 'primary'\n   */\n  color?: 'primary' | 'secondary' | 'warning';\n\n  /**\n * dense is optional.\n * @value true Button will be dense.\n * @value false\n * @default false\n */\n  dense?: boolean;\n}\n/**\n * Use the Button component to help users carry out an action.\n */\nexport const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n  function ButtonLink(\n    { color = 'primary', dense, className, children, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-btn': true,\n          'ds-btn--dense': dense,\n          'ds-btn-primary': color === 'primary',\n          'ds-btn-secondary': color === 'secondary',\n          'ds-btn-warning': color === 'warning',\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default ButtonLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA2BzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YACP,EAAE,QAAQ,WAAW,OAAO,WAAW,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,UAAU;AAAA,UACV,iBAAiB;AAAA,UACjB,kBAAkB,UAAU;AAAA,UAC5B,oBAAoB,UAAU;AAAA,UAC9B,kBAAkB,UAAU;AAAA,QAC9B,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
-  "names": ["ButtonLink"]
-}

package/CallToAction/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ButtonLinkProps } from '@digigov/react-core/ButtonLink';
-export interface CallToActionProps extends ButtonLinkProps {
-}
-/**
- * Use this button for the main call to action on your service’s start page.
- */
-export declare const CallToAction: React.ForwardRefExoticComponent<Omit<CallToActionProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default CallToAction;

package/CallToAction/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/CallToAction/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport ButtonLink, { ButtonLinkProps } from '@digigov/react-core/ButtonLink';\nimport { ChevronIcon } from '@digigov/react-icons';\n\nexport interface CallToActionProps extends ButtonLinkProps {}\n/**\n * Use this button for the main call to action on your service\u2019s start page.\n */\nexport const CallToAction = React.forwardRef<\n  HTMLAnchorElement,\n  CallToActionProps\n>(function CallToAction(\n  { printHidden = true, className, children, ...props },\n  ref\n) {\n  return (\n    <ButtonLink\n      ref={ref}\n      printHidden={printHidden}\n      className={clsx(className, {\n        'ds-btn-cta': true,\n      })}\n      {...props}\n    >\n      {children}\n      <ChevronIcon className=\"ds-btn-cta__icon\" />\n    </ButtonLink>\n  );\n});\n\nexport default CallToAction;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,gBAAqC;AAC5C,SAAS,mBAAmB;AAMrB,MAAM,eAAe,MAAM,WAGhC,SAASA,cACT,EAAE,cAAc,MAAM,WAAW,UAAU,GAAG,MAAM,GACpD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,cAAc;AAAA,MAChB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,IACD,oCAAC,eAAY,WAAU,oBAAmB;AAAA,EAC5C;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
-  "names": ["CallToAction"]
-}

package/CheckboxItemInput/index.native/index.js

@@ -1,20 +0,0 @@
-import extend from "@digigov/react-core/utils/extend.native";
-import CoreCheckboxItemInput from "@digigov/react-core/CheckboxItemInput/index.web";
-import clsx from "clsx";
-const CheckboxItemInput = extend(
-  CoreCheckboxItemInput,
-  ({ className, ...props }) => {
-    return {
-      ...props,
-      className: clsx(className, {
-        "ds-checkboxes__input__wrapper": true
-      })
-    };
-  }
-);
-var index_native_default = CheckboxItemInput;
-export {
-  CheckboxItemInput,
-  index_native_default as default
-};
-//# sourceMappingURL=index.native.js.map

package/CheckboxItemInput/index.native/package.json

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

package/CheckboxItemInput/index.native.d.ts

@@ -1,4 +0,0 @@
-export declare const CheckboxItemInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/CheckboxItemInput/index.web").CheckboxItemInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
-    className?: string;
-}, "ref"> & import("react").RefAttributes<unknown>>;
-export default CheckboxItemInput;

package/CheckboxItemInput/index.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/CheckboxItemInput/index.native.tsx"],
-  "sourcesContent": ["import extend from '@digigov/react-core/utils/extend.native';\nimport CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';\nimport clsx from 'clsx';\n\nexport const CheckboxItemInput = extend(\n  CoreCheckboxItemInput,\n  ({ className, ...props }) => {\n    return {\n      ...props,\n      className: clsx(className, {\n        'ds-checkboxes__input__wrapper': true,\n      }),\n    };\n  }\n);\n\nexport default CheckboxItemInput;\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC,OAAO,UAAU;AAEV,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AAC3B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,MACnC,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
-  "names": []
-}

package/FooterLink/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface FooterLinkProps extends BaseProps<'a'> {
-}
-/**
- * FooterLink in used inside the Footer component.
- */
-export declare const FooterLink: React.ForwardRefExoticComponent<Omit<FooterLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default FooterLink;

package/FooterLink/index.js

@@ -1,25 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const FooterLink = React.forwardRef(
-  function FooterLink2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "a",
-        ref,
-        className: clsx(className, {
-          "ds-footer__link": true
-        }),
-        ...props
-      },
-      children
-    );
-  }
-);
-var FooterLink_default = FooterLink;
-export {
-  FooterLink,
-  FooterLink_default as default
-};
-//# sourceMappingURL=index.js.map

package/FooterLink/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/FooterLink/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface FooterLinkProps extends BaseProps<'a'> { }\n/**\n * FooterLink in used inside the Footer component.\n */\nexport const FooterLink = React.forwardRef<HTMLAnchorElement, FooterLinkProps>(\n  function FooterLink({ className, children, ...props }, ref) {\n    return (\n      <Base\n        as=\"a\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-footer__link': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Base>\n    );\n  }\n);\n\nexport default FooterLink;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
-  "names": ["FooterLink"]
-}

package/GovGRLogo/govgr-logo-base64/package.json

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

package/GovGRLogo/govgr-logo-blue-base64/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/GovGRLogo/govgr-logo-blue-base64/index.js"
-}

package/GovGRLogo/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface GovGRLogoProps extends BaseProps<'a'> {
-}
-/**
- * Use this component anywhere you what to provide the gov.gr logo.
- *  */
-export declare const GovGRLogo: React.ForwardRefExoticComponent<Omit<GovGRLogoProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default GovGRLogo;

package/GovGRLogo/index.js

@@ -1,45 +0,0 @@
-import React from "react";
-import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-import logo from "@digigov/react-core/GovGRLogo/govgr-logo-base64";
-import logoInverted from "@digigov/react-core/GovGRLogo/govgr-logo-blue-base64";
-const GovGRLogo = React.forwardRef(
-  function GovGRLogo2({ href = "https://www.gov.gr/", className, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
-        as: "a",
-        href,
-        ref,
-        className: clsx(className, { "ds-header__link": true }),
-        ...props
-      },
-      /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          src: logo,
-          className: clsx(className, {
-            "ds-header__logo": true
-          }),
-          alt: "gov.gr logo"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "img",
-        {
-          src: logoInverted,
-          className: clsx(className, {
-            "ds-header__logo-inverted": true
-          }),
-          alt: "gov.gr logo"
-        }
-      )
-    );
-  }
-);
-var GovGRLogo_default = GovGRLogo;
-export {
-  GovGRLogo,
-  GovGRLogo_default as default
-};
-//# sourceMappingURL=index.js.map

package/GovGRLogo/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/GovGRLogo/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\nimport logo from '@digigov/react-core/GovGRLogo/govgr-logo-base64';\nimport logoInverted from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';\nexport interface GovGRLogoProps extends BaseProps<'a'> { }\n/**\n * Use this component anywhere you what to provide the gov.gr logo.\n *  */\nexport const GovGRLogo = React.forwardRef<HTMLAnchorElement, GovGRLogoProps>(\n  function GovGRLogo(\n    { href = 'https://www.gov.gr/', className, ...props },\n    ref\n  ) {\n    return (\n      <Base\n        as=\"a\"\n        href={href}\n        ref={ref}\n        className={clsx(className, { 'ds-header__link': true })}\n        {...props}\n      >\n        <img\n          src={logo}\n          className={clsx(className, {\n            'ds-header__logo': true,\n          })}\n          alt=\"gov.gr logo\"\n        />\n        <img\n          src={logoInverted}\n          className={clsx(className, {\n            'ds-header__logo-inverted': true,\n          })}\n          alt=\"gov.gr logo\"\n        />\n      </Base>\n    );\n  }\n);\n\nexport default GovGRLogo;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAChC,OAAO,UAAU;AACjB,OAAO,kBAAkB;AAKlB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,OAAO,uBAAuB,WAAW,GAAG,MAAM,GACpD,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW,EAAE,mBAAmB,KAAK,CAAC;AAAA,QACrD,GAAG;AAAA;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW,KAAK,WAAW;AAAA,YACzB,mBAAmB;AAAA,UACrB,CAAC;AAAA,UACD,KAAI;AAAA;AAAA,MACN;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW,KAAK,WAAW;AAAA,YACzB,4BAA4B;AAAA,UAC9B,CAAC;AAAA,UACD,KAAI;AAAA;AAAA,MACN;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
-  "names": ["GovGRLogo"]
-}

package/GovGRLogo/package.json

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

package/HeaderLogo/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface HeaderLogoProps extends BaseProps<'a'> {
-    /**
-    * src is optional.
-  
-    */
-    src?: string;
-    /**
-    * href is optional.
-  
-    */
-    altText?: string;
-}
-/**
- * Use this component inside the Header to provide a logo.
- */
-export declare const HeaderLogo: React.ForwardRefExoticComponent<Omit<HeaderLogoProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export default HeaderLogo;