@digigov/react-core 2.0.0-rc.16 → 2.0.0-rc.17

package/AdminHeader/index.js

@@ -1,23 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- * AdminHeader represents a container for govgr header information.
- * This elements is placed at the top of the page
- */
-export var AdminHeader = /*#__PURE__*/React.forwardRef(function AdminHeader(_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "header",
-    role: "banner",
-    "data-module": "ds-header",
-    ref: ref,
-    className: clsx(className, true && 'ds-admin-header')
-  }, props), children);
-});
-export default AdminHeader;
+import React from "react";
+import clsx from "clsx";
+import Header from "@digigov/react-core/Header";
+const AdminHeader = React.forwardRef(
+  function AdminHeader2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Header,
+      {
+        "data-module": "ds-header",
+        ref,
+        className: clsx(className, {
+          "ds-admin-header": true
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
+var AdminHeader_default = AdminHeader;
+export {
+  AdminHeader,
+  AdminHeader_default as default
+};
+//# sourceMappingURL=index.js.map

package/AdminHeader/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AdminHeader/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Header, { HeaderProps } from '@digigov/react-core/Header';\n\nexport interface AdminHeaderProps extends HeaderProps { }\n/**\n * AdminHeader represents a container for govgr header information.\n * This elements is placed at the top of the page.\n */\nexport const AdminHeader = React.forwardRef<HTMLElement, AdminHeaderProps>(\n  function AdminHeader({ className, children, ...props }, ref) {\n    return (\n      <Header\n        data-module=\"ds-header\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-header': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Header>\n    );\n  }\n);\n\nexport default AdminHeader;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,YAA6B;AAO7B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,mBAAmB;AAAA,QACrB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,sBAAQ;",
+  "names": ["AdminHeader"]
+}

package/AdminHeaderContent/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AdminHeaderContentProps extends BaseProps<'div'> {
+import { HeaderContentProps } from '@digigov/react-core/HeaderContent';
+export interface AdminHeaderContentProps extends HeaderContentProps {
 }
 /**
  * AdminAdminHeaderContent is used inside AdminHeader as a container for its items.

package/AdminHeaderContent/index.js

@@ -1,20 +1,22 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- * AdminAdminHeaderContent is used inside AdminHeader as a container for its items.
- */
-export var AdminHeaderContent = /*#__PURE__*/React.forwardRef(function AdminHeaderContent(_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
-    ref: ref,
-    className: clsx(className, true && 'ds-admin-header__content')
-  }, props), children);
+import React from "react";
+import clsx from "clsx";
+import HeaderContent from "@digigov/react-core/HeaderContent";
+const AdminHeaderContent = React.forwardRef(function AdminHeaderContent2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    HeaderContent,
+    {
+      ref,
+      className: clsx(className, {
+        "ds-admin-header__content": true
+      }),
+      ...props
+    },
+    children
+  );
 });
-export default AdminHeaderContent;
+var AdminHeaderContent_default = AdminHeaderContent;
+export {
+  AdminHeaderContent,
+  AdminHeaderContent_default as default
+};
+//# sourceMappingURL=index.js.map

package/AdminHeaderContent/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AdminHeaderContent/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport HeaderContent, { HeaderContentProps } from '@digigov/react-core/HeaderContent';\n\nexport interface AdminHeaderContentProps extends HeaderContentProps { }\n/**\n * AdminAdminHeaderContent is used inside AdminHeader as a container for its items.\n */\nexport const AdminHeaderContent = React.forwardRef<\n  HTMLDivElement,\n  AdminHeaderContentProps\n>(function AdminHeaderContent({ className, children, ...props }, ref) {\n  return (\n    <HeaderContent\n      ref={ref}\n      className={clsx(className, {\n        'ds-admin-header__content': true,\n      })}\n      {...props}\n    >\n      {children}\n    </HeaderContent>\n  );\n});\n\nexport default AdminHeaderContent;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,mBAA2C;AAM3C,MAAM,qBAAqB,MAAM,WAGtC,SAASA,oBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,4BAA4B;AAAA,MAC9B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,6BAAQ;",
+  "names": ["AdminHeaderContent"]
+}

package/AdminLayout/index.d.ts

@@ -1,11 +1,6 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
-export interface AdminLayoutProps extends BaseProps<'div'> {
-    /**
-     * @value true
-     * @value false
-     */
-    fullHeight?: boolean;
+import { LayoutProps } from '@digigov/react-core/Layout';
+export interface AdminLayoutProps extends LayoutProps {
 }
 /**
  * AdminLayout is the  wrapper component for the entire page except for the header and the footer.

package/AdminLayout/index.js

@@ -1,21 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["fullHeight", "className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- * AdminLayout is the  wrapper component for the entire page except for the header and the footer.
- */
-export var AdminLayout = /*#__PURE__*/React.forwardRef(function AdminLayout(_ref, ref) {
-  var fullHeight = _ref.fullHeight,
-    className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
-    ref: ref,
-    className: clsx(className, fullHeight && 'ds-layout--full-height', true && 'ds-admin-layout-wrapper')
-  }, props), children);
-});
-export default AdminLayout;
+import React from "react";
+import clsx from "clsx";
+import Layout from "@digigov/react-core/Layout";
+const AdminLayout = React.forwardRef(
+  function AdminLayout2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Layout,
+      {
+        as: "div",
+        ref,
+        className: clsx(className, {
+          "ds-admin-layout": true
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
+var AdminLayout_default = AdminLayout;
+export {
+  AdminLayout,
+  AdminLayout_default as default
+};
+//# sourceMappingURL=index.js.map

package/AdminLayout/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AdminLayout/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Layout, { LayoutProps } from '@digigov/react-core/Layout';\n\nexport interface AdminLayoutProps extends LayoutProps {\n}\n/**\n * AdminLayout is the  wrapper component for the entire page except for the header and the footer.\n */\nexport const AdminLayout = React.forwardRef<HTMLDivElement, AdminLayoutProps>(\n  function AdminLayout({ className, children, ...props }, ref) {\n    return (\n      <Layout\n        as=\"div\"\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-layout': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Layout>\n    );\n  }\n);\n\nexport default AdminLayout;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,YAA6B;AAO7B,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aAAY,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3D,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,sBAAQ;",
+  "names": ["AdminLayout"]
+}

package/AdminMain/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { GridProps } from '@digigov/react-core/Grid';
-export interface AdminMainProps extends GridProps {
+import { MainProps } from '@digigov/react-core/Main';
+export interface AdminMainProps extends MainProps {
 }
 /**
  * Use this inside AdminContainer component for placing the main content of the page

package/AdminMain/index.js

@@ -1,26 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "id"];
-import React from 'react';
-import clsx from 'clsx';
-import Grid from '@digigov/react-core/Grid';
-/**
- * Use this inside AdminContainer component for placing the main content of the page
- */
-export var AdminMain = /*#__PURE__*/React.forwardRef(function AdminMain(_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? 'main-content' : _ref$id,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    as: "main",
-    xs: 12,
-    md: 8,
-    lg: 9,
-    ref: ref,
-    className: clsx(className, true && 'ds-admin-main')
-  }, props), children);
-});
-export default AdminMain;
+import React from "react";
+import clsx from "clsx";
+import Main from "@digigov/react-core/Main";
+const AdminMain = React.forwardRef(
+  function AdminMain2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Main,
+      {
+        lg: 9,
+        ref,
+        className: clsx(className, {
+          "ds-admin-main": true
+        }),
+        ...props
+      },
+      children
+    );
+  }
+);
+var AdminMain_default = AdminMain;
+export {
+  AdminMain,
+  AdminMain_default as default
+};
+//# sourceMappingURL=index.js.map

package/AdminMain/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AdminMain/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Main, { MainProps } from '@digigov/react-core/Main';\n\nexport interface AdminMainProps extends MainProps { }\n/**\n * Use this inside AdminContainer component for placing the main content of the page\n */\nexport const AdminMain = React.forwardRef<HTMLDivElement, AdminMainProps>(\n  function AdminMain({ className, children, ...props }, ref) {\n    return (\n      <Main\n        lg={9}\n        ref={ref}\n        className={clsx(className, {\n          'ds-admin-main': true,\n        })}\n        {...props}\n      >\n        {children}\n      </Main>\n    );\n  }\n);\n\nexport default AdminMain;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAMzB,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AACzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ;AAAA,QACA,WAAW,KAAK,WAAW;AAAA,UACzB,iBAAiB;AAAA,QACnB,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,MAEH;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "names": ["AdminMain"]
+}

package/AdminTopSection/index.js

@@ -1,24 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["color", "border", "className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Grid from '@digigov/react-core/Grid';
-/**
- * Use  AdminTopSection component inside AdminContainer component to seperate content in
- * 1 to 12 individual equal spaces
- */
-export var AdminTopSection = /*#__PURE__*/React.forwardRef(function AdminTopSection(_ref, ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'primary' : _ref$color,
-    border = _ref.border,
-    className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Grid, _extends({
-    as: "div",
-    ref: ref,
-    className: clsx(className, color === 'secondary' && 'ds-admin-top-section--secondary', border && 'ds-admin-top-section--border', true && 'ds-admin-top-section')
-  }, props), children);
+import React from "react";
+import clsx from "clsx";
+import Grid from "@digigov/react-core/Grid";
+const AdminTopSection = React.forwardRef(function AdminTopSection2({ color = "primary", border, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      as: "div",
+      ref,
+      className: clsx(className, {
+        "ds-admin-top-section": true,
+        "ds-admin-top-section--secondary": color === "secondary",
+        "ds-admin-top-section--border": border
+      }),
+      ...props
+    },
+    children
+  );
 });
-export default AdminTopSection;
+var AdminTopSection_default = AdminTopSection;
+export {
+  AdminTopSection,
+  AdminTopSection_default as default
+};
+//# sourceMappingURL=index.js.map

package/AdminTopSection/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AdminTopSection/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface AdminTopSectionProps extends GridProps {\n  /**\n   * color is optional.\n   * 'primary' color gives AdminTopSection the default color.\n   * @value primary\n   * @value secondary\n   * @default primary\n   * */\n  color?: 'primary' | 'secondary';\n  /**\n   * border is optional.\n   * border prop adds border to AdminTopSection.\n   * @value true\n   * @value false\n   */\n  border?: boolean;\n}\n/**\n * Use  AdminTopSection component inside AdminContainer component to seperate content in\n * 1 to 12 individual equal spaces\n */\nexport const AdminTopSection = React.forwardRef<\n  HTMLDivElement,\n  AdminTopSectionProps\n>(function AdminTopSection(\n  { color = 'primary', border, className, children, ...props },\n  ref\n) {\n  return (\n    <Grid\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-admin-top-section': true,\n        'ds-admin-top-section--secondary': color === 'secondary',\n        'ds-admin-top-section--border': border,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default AdminTopSection;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAuBzB,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,QAAQ,WAAW,QAAQ,WAAW,UAAU,GAAG,MAAM,GAC3D,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,gCAAgC;AAAA,MAClC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "names": ["AdminTopSection"]
+}

package/Aside/index.js

@@ -1,28 +1,29 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "sticky", "fullHeight", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Grid from '@digigov/react-core/Grid';
-/**
- * Use this inside the Container component for additional content.
- * that will be shown on the left one third of the page.
- */
-export var Aside = /*#__PURE__*/React.forwardRef(function Aside(_ref, ref) {
-  var className = _ref.className,
-    _ref$sticky = _ref.sticky,
-    sticky = _ref$sticky === void 0 ? true : _ref$sticky,
-    fullHeight = _ref.fullHeight,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    xs: 12,
-    md: 4,
-    spacing: 4,
-    as: "aside",
-    ref: ref,
-    className: clsx(className, fullHeight && 'ds-aside--full-height', sticky && 'ds-aside--sticky', true && 'ds-aside')
-  }, props), children);
+import React from "react";
+import clsx from "clsx";
+import Grid from "@digigov/react-core/Grid";
+const Aside = React.forwardRef(function Aside2({ className, sticky = true, fullHeight, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      item: true,
+      xs: 12,
+      md: 4,
+      spacing: 4,
+      as: "aside",
+      ref,
+      className: clsx(className, {
+        "ds-aside": true,
+        "ds-aside--sticky": sticky,
+        "ds-aside--full-height": fullHeight
+      }),
+      ...props
+    },
+    children
+  );
 });
-export default Aside;
+var Aside_default = Aside;
+export {
+  Aside,
+  Aside_default as default
+};
+//# sourceMappingURL=index.js.map

package/Aside/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Aside/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Grid, { GridProps } from '@digigov/react-core/Grid';\n\nexport interface AsideProps extends GridProps {\n  /**\n   * sticky is optional.\n   * If true, the Aside will be sticky.\n   * @value true\n   * @value false\n   * @default true\n   */\n  sticky?: boolean;\n  /**\n   * fullHeight is optional.\n   * If true, the Aside will be full height.\n   * This prop is useful when we want to place the BackToTop component inside the Aside component and show it at the bottom of the page.\n   * @value true\n   * @value false\n   * @default false\n   */\n  fullHeight?: boolean;\n}\n/**\n * Use this inside the Container component for additional content.\n * that will be shown on the left one third of the page.\n */\nexport const Aside = React.forwardRef<HTMLElement, AsideProps>(function Aside(\n  { className, sticky = true, fullHeight, children, ...props },\n  ref\n) {\n  return (\n    <Grid\n      item\n      xs={12}\n      md={4}\n      spacing={4}\n      as=\"aside\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-aside': true,\n        'ds-aside--sticky': sticky,\n        'ds-aside--full-height': fullHeight,\n      })}\n      {...props}\n    >\n      {children}\n    </Grid>\n  );\n});\n\nexport default Aside;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAyBzB,MAAM,QAAQ,MAAM,WAAoC,SAASA,OACtE,EAAE,WAAW,SAAS,MAAM,YAAY,UAAU,GAAG,MAAM,GAC3D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,YAAY;AAAA,QACZ,oBAAoB;AAAA,QACpB,yBAAyB;AAAA,MAC3B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gBAAQ;",
+  "names": ["Aside"]
+}

package/AutoCompleteAssistiveHint/index.js

@@ -1,22 +1,23 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- * AutoCompleteAssistiveHint is a span element for displaying the autocomplete
- * assistive hint text.
- *
- */
-export var AutoCompleteAssistiveHint = /*#__PURE__*/React.forwardRef(function AutoCompleteAssistiveHint(_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "span",
-    ref: ref,
-    className: clsx(className, true && 'ds-autocomplete__assistive-hint')
-  }, props), children);
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const AutoCompleteAssistiveHint = React.forwardRef(function AutoCompleteAssistiveHint2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "span",
+      ref,
+      className: clsx(className, {
+        "ds-autocomplete__assistive-hint": true
+      }),
+      ...props
+    },
+    children
+  );
 });
-export default AutoCompleteAssistiveHint;
+var AutoCompleteAssistiveHint_default = AutoCompleteAssistiveHint;
+export {
+  AutoCompleteAssistiveHint,
+  AutoCompleteAssistiveHint_default as default
+};
+//# sourceMappingURL=index.js.map

package/AutoCompleteAssistiveHint/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AutoCompleteAssistiveHint/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteAssistiveHintProps extends BaseProps<'span'> { }\n/**\n * AutoCompleteAssistiveHint is a span element for displaying the autocomplete\n * assistive hint text.\n *\n */\nexport const AutoCompleteAssistiveHint = React.forwardRef<\n  HTMLSpanElement,\n  AutoCompleteAssistiveHintProps\n>(function AutoCompleteAssistiveHint({ className, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"span\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__assistive-hint': true,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteAssistiveHint;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAQzB,MAAM,4BAA4B,MAAM,WAG7C,SAASA,2BAA0B,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,KAAK;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,mCAAmC;AAAA,MACrC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oCAAQ;",
+  "names": ["AutoCompleteAssistiveHint"]
+}

package/AutoCompleteContainer/index.js

@@ -1,22 +1,29 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "width", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- * AutoCompleteContainer is a wrapper for autocomplete element.
- * Use AutoCompleteContainer to wrap autocomplete elements.
- */
-export var AutoCompleteContainer = /*#__PURE__*/React.forwardRef(function AutoCompleteContainer(_ref, ref) {
-  var className = _ref.className,
-    width = _ref.width,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
-    ref: ref,
-    className: clsx(className, width === '33.3%' && 'ds-!-width-one-third', width === '66.6%' && 'ds-!-width-two-thirds', width === 'full' && 'ds-!-width-full', width === '25%' && 'ds-!-width-one-quarter', width === '50%' && 'ds-!-width-one-half', width === '75%' && 'ds-!-width-three-quarters', true && 'ds-autocomplete__container')
-  }, props), children);
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const AutoCompleteContainer = React.forwardRef(function AutoCompleteContainer2({ className, width, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      ref,
+      className: clsx(className, {
+        "ds-autocomplete__container": true,
+        "ds-!-width-one-quarter": width === "25%",
+        "ds-!-width-one-third": width === "33.3%",
+        "ds-!-width-one-half": width === "50%",
+        "ds-!-width-two-thirds": width === "66.6%",
+        "ds-!-width-three-quarters": width === "75%",
+        "ds-!-width-full": width === "full"
+      }),
+      ...props
+    },
+    children
+  );
 });
-export default AutoCompleteContainer;
+var AutoCompleteContainer_default = AutoCompleteContainer;
+export {
+  AutoCompleteContainer,
+  AutoCompleteContainer_default as default
+};
+//# sourceMappingURL=index.js.map

package/AutoCompleteContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AutoCompleteContainer/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteContainerProps extends BaseProps<'div'> {\n  /**\n   * width is optional.\n   * Use width prop to define a custom width in your component.\n   * @value '25%';\n   * @value '33.3%';\n   * @value '50%';\n   * @value '66.6%';\n   * @value '75%';\n   * @value '100%';\n   * @value 'full';\n   */\n  width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';\n}\n/**\n * AutoCompleteContainer is a wrapper for autocomplete element.\n * Use AutoCompleteContainer to wrap autocomplete elements.\n */\nexport const AutoCompleteContainer = React.forwardRef<\n  HTMLDivElement,\n  AutoCompleteContainerProps\n>(function AutoCompleteContainer({ className, width, children, ...props }, ref) {\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-autocomplete__container': true,\n        'ds-!-width-one-quarter': width === '25%',\n        'ds-!-width-one-third': width === '33.3%',\n        'ds-!-width-one-half': width === '50%',\n        'ds-!-width-two-thirds': width === '66.6%',\n        'ds-!-width-three-quarters': width === '75%',\n        'ds-!-width-full': width === 'full',\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default AutoCompleteContainer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAoBzB,MAAM,wBAAwB,MAAM,WAGzC,SAASA,uBAAsB,EAAE,WAAW,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,8BAA8B;AAAA,QAC9B,0BAA0B,UAAU;AAAA,QACpC,wBAAwB,UAAU;AAAA,QAClC,uBAAuB,UAAU;AAAA,QACjC,yBAAyB,UAAU;AAAA,QACnC,6BAA6B,UAAU;AAAA,QACvC,mBAAmB,UAAU;AAAA,MAC/B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,gCAAQ;",
+  "names": ["AutoCompleteContainer"]
+}

package/AutoCompleteInput/index.js

@@ -1,24 +1,25 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "isFocused", "className"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- * AutoCompleteInput component is used to display the value that the user is typing.
- *
- */
-export var AutoCompleteInput = /*#__PURE__*/React.forwardRef(function AutoCompleteInput(_ref, ref) {
-  var name = _ref.name,
-    isFocused = _ref.isFocused,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "input",
-    type: "text",
-    name: name,
-    ref: ref,
-    className: clsx(className, isFocused && 'ds-autocomplete__input--focused', true && 'ds-autocomplete__input')
-  }, props));
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const AutoCompleteInput = React.forwardRef(function AutoCompleteInput2({ name, isFocused, className, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "input",
+      type: "text",
+      name,
+      ref,
+      className: clsx(className, {
+        "ds-autocomplete__input": true,
+        "ds-autocomplete__input--focused": isFocused
+      }),
+      ...props
+    }
+  );
 });
-export default AutoCompleteInput;
+var AutoCompleteInput_default = AutoCompleteInput;
+export {
+  AutoCompleteInput,
+  AutoCompleteInput_default as default
+};
+//# sourceMappingURL=index.js.map

package/AutoCompleteInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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"]
+}