@digigov/react-experimental 2.0.0-39d8f7d2 → 2.0.0-7d9a8d86

package/FloatingButton/index.js

@@ -1,24 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["direction", "className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Button from '@digigov/react-core/Button';
-/**
- *
- * A FloatingButton performs the primary, or most common, action on a screen.
- * Use it primary in mobile applications.
- * Avoid using text in this type of button, use icons instead.
- */
-export var FloatingButton = /*#__PURE__*/React.forwardRef(function FloatingButton(_ref, ref) {
-  var _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'right' : _ref$direction,
-    className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    ref: ref,
-    className: clsx(className, direction === 'right' && 'ds-floating-btn--right', direction === 'left' && 'ds-floating-btn--left', true && 'ds-floating-btn')
-  }, props), children);
+import React from "react";
+import clsx from "clsx";
+import Button from "@digigov/react-core/Button";
+const FloatingButton = React.forwardRef(function FloatingButton2({direction = "right", className, children, ...props}, ref) {
+  return /* @__PURE__ */ React.createElement(Button, {
+    ref,
+    className: clsx(className, {
+      "ds-floating-btn": true,
+      "ds-floating-btn--right": direction === "right",
+      "ds-floating-btn--left": direction === "left"
+    }),
+    ...props
+  }, children);
 });
-export default FloatingButton;
+var FloatingButton_default = FloatingButton;
+export {
+  FloatingButton,
+  FloatingButton_default as default
+};
+//# sourceMappingURL=index.js.map

package/FloatingButton/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FloatingButton/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Button, { ButtonProps } from '@digigov/react-core/Button';\n\nexport interface FloatingButtonProps extends ButtonProps {\n  /**\n   * direction is optional.\n   * direction sets the position of the button to either left or right side of the screen.\n   * The default value is 'left'.\n   * @value 'right'\n   * @value 'left'\n   * @default 'left'\n   */\n  direction?: 'right' | 'left';\n}\n/**\n *\n * A FloatingButton performs the primary, or most common, action on a screen.\n * Use it primary in mobile applications.\n * Avoid using text in this type of button, use icons instead.\n */\nexport const FloatingButton = React.forwardRef<\n  HTMLButtonElement,\n  FloatingButtonProps\n>(function FloatingButton(\n  { direction = 'right', className, children, ...props },\n  ref\n) {\n  return (\n    <Button\n      ref={ref}\n      className={clsx(className, {\n        'ds-floating-btn': true,\n        'ds-floating-btn--right': direction === 'right',\n        'ds-floating-btn--left': direction === 'left',\n      })}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n});\n\nexport default FloatingButton;"],
+  "mappings": "AAAA;AACA;AACA;AAmBO,MAAM,iBAAiB,MAAM,WAGlC,yBACA,CAAE,YAAY,SAAS,WAAW,aAAa,QAC/C,KACA;AACA,SACE,oCAAC,QAAD;AAAA,IACE;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,mBAAmB;AAAA,MACnB,0BAA0B,cAAc;AAAA,MACxC,yBAAyB,cAAc;AAAA;AAAA,OAErC;AAAA,KAEH;AAAA;AAKP,IAAO,yBAAQ;",
+  "names": []
+}

package/FloatingButton/index.test/index.js

@@ -1,19 +1,17 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import FloatingButton from '@digigov/react-experimental/FloatingButton';
-var _ref = /*#__PURE__*/React.createElement(FloatingButton, null, "+");
-it('renders the FloatingButton with no props', function () {
-  expect(mount(_ref)).toMatchSnapshot();
+import React from "react";
+import {mount} from "enzyme";
+import FloatingButton from "@digigov/react-experimental/FloatingButton";
+it("renders the FloatingButton with no props", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(FloatingButton, null, "+"))).toMatchSnapshot();
 });
-var _ref2 = /*#__PURE__*/React.createElement(FloatingButton, {
-  direction: "right"
-}, "+");
-it('renders the FloatingButton with  direction="right"', function () {
-  expect(mount(_ref2)).toMatchSnapshot();
+it('renders the FloatingButton with  direction="right"', () => {
+  expect(mount(/* @__PURE__ */ React.createElement(FloatingButton, {
+    direction: "right"
+  }, "+"))).toMatchSnapshot();
 });
-var _ref3 = /*#__PURE__*/React.createElement(FloatingButton, {
-  direction: "left"
-}, "+");
-it('renders the FloatingButton with  direction="left"', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
-});
+it('renders the FloatingButton with  direction="left"', () => {
+  expect(mount(/* @__PURE__ */ React.createElement(FloatingButton, {
+    direction: "left"
+  }, "+"))).toMatchSnapshot();
+});
+//# sourceMappingURL=index.test.js.map

package/FloatingButton/index.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/FloatingButton/index.test.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { mount } from 'enzyme';\n\nimport FloatingButton from '@digigov/react-experimental/FloatingButton';\n\nit('renders the FloatingButton with no props', () => {\n  expect(mount(<FloatingButton>+</FloatingButton>)).toMatchSnapshot();\n});\nit('renders the FloatingButton with  direction=\"right\"', () => {\n  expect(mount(<FloatingButton direction=\"right\">+</FloatingButton>)).toMatchSnapshot();\n});\nit('renders the FloatingButton with  direction=\"left\"', () => {\n  expect(mount(<FloatingButton direction=\"left\">+</FloatingButton>)).toMatchSnapshot();\n});"],
+  "mappings": "AAAA;AACA;AAEA;AAEA,GAAG,4CAA4C,MAAM;AACnD,SAAO,MAAM,oCAAC,gBAAD,MAAgB,OAAqB;AAAA;AAEpD,GAAG,sDAAsD,MAAM;AAC7D,SAAO,MAAM,oCAAC,gBAAD;AAAA,IAAgB,WAAU;AAAA,KAAQ,OAAqB;AAAA;AAEtE,GAAG,qDAAqD,MAAM;AAC5D,SAAO,MAAM,oCAAC,gBAAD;AAAA,IAAgB,WAAU;AAAA,KAAO,OAAqB;AAAA;",
+  "names": []
+}

package/Kitchensink/AllComponents/index.js

@@ -1,9 +1,10 @@
-import React from 'react';
-import { stories } from '@digigov/ui/registry';
-import { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';
-var _ref = /*#__PURE__*/React.createElement(KitchenSinkDashboard, {
-  stories: stories
+import React from "react";
+import {stories} from "@digigov/ui/registry";
+import {KitchenSinkDashboard} from "@digigov/react-experimental/Kitchensink/KitchensinkDashboard";
+const AllComponents = () => /* @__PURE__ */ React.createElement(KitchenSinkDashboard, {
+  stories
 });
-export var AllComponents = function AllComponents() {
-  return _ref;
-};
+export {
+  AllComponents
+};
+//# sourceMappingURL=AllComponents.js.map

package/Kitchensink/AllComponents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/AllComponents.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { stories } from '@digigov/ui/registry';\nimport { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n\nexport const AllComponents = () => <KitchenSinkDashboard stories={stories} />;\n"],
+  "mappings": "AAAA;AAEA;AACA;AAEO,MAAM,gBAAgB,MAAM,oCAAC,sBAAD;AAAA,EAAsB;AAAA;",
+  "names": []
+}

package/Kitchensink/KitchensinkByCategory/index.js

@@ -1,21 +1,26 @@
-import React from 'react';
-import { KitchenSinkCategory } from '@digigov/react-core/KitchenSinkCategory';
-import { KitchenSinkHeading } from '@digigov/react-core/KitchenSinkHeading';
-import { KitchensinkByLetter } from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';
-export var KitchensinkByCategory = function KitchensinkByCategory(_ref) {
-  var category = _ref.category,
-    stories = _ref.stories;
-  var alphabeticalOrder = Object.keys(stories).reduce(function (abStories, componentStoriesKey) {
-    var componentStories = stories[componentStoriesKey];
-    if (!componentStories["default"].component) {
-      throw new Error("no component was found in ".concat(componentStoriesKey));
+import React from "react";
+import {
+  KitchenSinkCategory
+} from "@digigov/react-core/KitchenSinkCategory";
+import {
+  KitchenSinkHeading
+} from "@digigov/react-core/KitchenSinkHeading";
+import {KitchensinkByLetter} from "@digigov/react-experimental/Kitchensink/KitchensinkByLetter";
+const KitchensinkByCategory = ({
+  category,
+  stories
+}) => {
+  const alphabeticalOrder = Object.keys(stories).reduce((abStories, componentStoriesKey) => {
+    const componentStories = stories[componentStoriesKey];
+    if (!componentStories.default.component) {
+      throw new Error(`no component was found in ${componentStoriesKey}`);
     }
-    var name = componentStories["default"].displayName;
-    console.log('componentStories', componentStories, 'stories', stories);
+    const name = componentStories.default.displayName;
+    console.log("componentStories", componentStories, "stories", stories);
     if (!name) {
-      throw new Error("no name was found for ".concat(componentStoriesKey));
+      throw new Error(`no name was found for ${componentStoriesKey}`);
     }
-    var letter = name[0];
+    const letter = name[0];
     if (abStories[letter]) {
       abStories[letter].push(componentStories);
     } else {
@@ -23,11 +28,15 @@ export var KitchensinkByCategory = function KitchensinkByCategory(_ref) {
     }
     return abStories;
   }, {});
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(KitchenSinkHeading, null, category), /*#__PURE__*/React.createElement(KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map(function (letter, index) {
-    return /*#__PURE__*/React.createElement(KitchensinkByLetter, {
-      letter: letter,
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(KitchenSinkHeading, null, category), /* @__PURE__ */ React.createElement(KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map((letter, index) => {
+    return /* @__PURE__ */ React.createElement(KitchensinkByLetter, {
+      letter,
       stories: alphabeticalOrder[letter],
       key: index
     });
   })));
-};
+};
+export {
+  KitchensinkByCategory
+};
+//# sourceMappingURL=KitchensinkByCategory.js.map

package/Kitchensink/KitchensinkByCategory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/KitchensinkByCategory.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  KitchenSinkCategory,\n} from '@digigov/react-core/KitchenSinkCategory';\nimport {\n  KitchenSinkHeading,\n} from '@digigov/react-core/KitchenSinkHeading';\nimport { KitchensinkByLetter } from '@digigov/react-experimental/Kitchensink/KitchensinkByLetter';\n\nexport interface KitchensinkByCategoryInterface {\n  category: string;\n  stories: React.ReactElement[];\n}\n\nexport const KitchensinkByCategory = ({\n  category,\n  stories,\n}: KitchensinkByCategoryInterface) => {\n  const alphabeticalOrder = Object.keys(stories).reduce(\n    (abStories, componentStoriesKey) => {\n      const componentStories = stories[componentStoriesKey];\n      if (!componentStories.default.component) {\n        throw new Error(`no component was found in ${componentStoriesKey}`);\n      }\n      const name = componentStories.default.displayName;\n      console.log('componentStories', componentStories, 'stories', stories);\n      if (!name) {\n        throw new Error(`no name was found for ${componentStoriesKey}`);\n      }\n      const letter = name[0];\n      if (abStories[letter]) {\n        abStories[letter].push(componentStories);\n      } else {\n        abStories[letter] = [componentStories];\n      }\n      return abStories;\n    },\n    {}\n  );\n  return (\n    <div>\n      <KitchenSinkHeading>{category}</KitchenSinkHeading>\n      <KitchenSinkCategory>\n        {Object.keys(alphabeticalOrder)\n          .sort()\n          .map((letter, index) => {\n            return (\n              <KitchensinkByLetter\n                letter={letter}\n                stories={alphabeticalOrder[letter]}\n                key={index}\n              />\n            );\n          })}\n      </KitchenSinkCategory>\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAGA;AAOO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,MACoC;AACpC,QAAM,oBAAoB,OAAO,KAAK,SAAS,OAC7C,CAAC,WAAW,wBAAwB;AAClC,UAAM,mBAAmB,QAAQ;AACjC,QAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,YAAM,IAAI,MAAM,6BAA6B;AAAA;AAE/C,UAAM,OAAO,iBAAiB,QAAQ;AACtC,YAAQ,IAAI,oBAAoB,kBAAkB,WAAW;AAC7D,QAAI,CAAC,MAAM;AACT,YAAM,IAAI,MAAM,yBAAyB;AAAA;AAE3C,UAAM,SAAS,KAAK;AACpB,QAAI,UAAU,SAAS;AACrB,gBAAU,QAAQ,KAAK;AAAA,WAClB;AACL,gBAAU,UAAU,CAAC;AAAA;AAEvB,WAAO;AAAA,KAET;AAEF,SACE,oCAAC,OAAD,MACE,oCAAC,oBAAD,MAAqB,WACrB,oCAAC,qBAAD,MACG,OAAO,KAAK,mBACV,OACA,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE,oCAAC,qBAAD;AAAA,MACE;AAAA,MACA,SAAS,kBAAkB;AAAA,MAC3B,KAAK;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/Kitchensink/KitchensinkByLetter/index.js

@@ -1,19 +1,24 @@
-import React from 'react';
-import Heading from '@digigov/react-core/Heading';
-import { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';
-import { KitchensinkComponent } from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';
-export var KitchensinkByLetter = function KitchensinkByLetter(_ref) {
-  var letter = _ref.letter,
-    stories = _ref.stories;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, null, letter), /*#__PURE__*/React.createElement(KitchenSinkLetterContent, null, stories.map(function (story, index) {
-    return /*#__PURE__*/React.createElement(KitchensinkComponent, {
-      tags: story["default"].tags,
-      title: story["default"].displayName,
-      description: story["default"].description,
-      link: story["default"].link,
-      width: story["default"].defaultWidth,
+import React from "react";
+import Heading from "@digigov/react-core/Heading";
+import {KitchenSinkLetterContent} from "@digigov/react-core/KitchenSinkLetterContent";
+import {KitchensinkComponent} from "@digigov/react-experimental/Kitchensink/KitchensinkComponent";
+const KitchensinkByLetter = ({
+  letter,
+  stories
+}) => {
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Heading, null, letter), /* @__PURE__ */ React.createElement(KitchenSinkLetterContent, null, stories.map((story, index) => {
+    return /* @__PURE__ */ React.createElement(KitchensinkComponent, {
+      tags: story.default.tags,
+      title: story.default.displayName,
+      description: story.default.description,
+      link: story.default.link,
+      width: story.default.defaultWidth,
       stories: story,
       key: index
     });
   })));
-};
+};
+export {
+  KitchensinkByLetter
+};
+//# sourceMappingURL=KitchensinkByLetter.js.map

package/Kitchensink/KitchensinkByLetter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/KitchensinkByLetter.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport Heading from '@digigov/react-core/Heading';\nimport { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';\nimport { KitchensinkComponent } from '@digigov/react-experimental/Kitchensink/KitchensinkComponent';\n\nexport interface KitchensinkByLetterInterface {\n  letter: string;\n  stories: any;\n}\n\nexport const KitchensinkByLetter = ({\n  letter,\n  stories,\n}: KitchensinkByLetterInterface) => {\n  return (\n    <div>\n      <Heading>{letter}</Heading>\n      <KitchenSinkLetterContent>\n        {stories.map((story, index) => {\n          return (\n            <KitchensinkComponent\n              tags={story.default.tags}\n              title={story.default.displayName}\n              description={story.default.description}\n              link={story.default.link}\n              width={story.default.defaultWidth}\n              stories={story}\n              key={index}\n            />\n          );\n        })}\n      </KitchenSinkLetterContent>\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AAOO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,MACkC;AAClC,SACE,oCAAC,OAAD,MACE,oCAAC,SAAD,MAAU,SACV,oCAAC,0BAAD,MACG,QAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,WACE,oCAAC,sBAAD;AAAA,MACE,MAAM,MAAM,QAAQ;AAAA,MACpB,OAAO,MAAM,QAAQ;AAAA,MACrB,aAAa,MAAM,QAAQ;AAAA,MAC3B,MAAM,MAAM,QAAQ;AAAA,MACpB,OAAO,MAAM,QAAQ;AAAA,MACrB,SAAS;AAAA,MACT,KAAK;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/Kitchensink/KitchensinkComponent/index.js

@@ -1,45 +1,46 @@
-import React from 'react';
-import { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';
-import { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';
-import { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';
-import { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';
-import PhaseBanner, { PhaseBannerTag, PhaseBannerText } from '@digigov/ui/feedback/PhaseBanner';
-import SectionBreak from '@digigov/ui/layouts/SectionBreak';
-import Link from '@digigov/ui/navigation/Link';
-import { Paragraph } from '@digigov/ui/typography';
-import Heading from '@digigov/ui/typography/Heading';
-var _ref2 = /*#__PURE__*/React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", ' ', /*#__PURE__*/React.createElement(Link, {
-  href: "#feedback"
-}, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.");
-var _ref3 = /*#__PURE__*/React.createElement(SectionBreak, null);
-var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, null);
-export var KitchensinkComponent = function KitchensinkComponent(_ref) {
-  var _ref$tags = _ref.tags,
-    tags = _ref$tags === void 0 ? [] : _ref$tags,
-    title = _ref.title,
-    description = _ref.description,
-    link = _ref.link,
-    stories = _ref.stories,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 'md' : _ref$width;
-  return /*#__PURE__*/React.createElement(KitchenSinkContent, {
-    wide: width === 'lg'
-  }, /*#__PURE__*/React.createElement(KitchenSinkContentInfo, null, /*#__PURE__*/React.createElement(KitchenSinkContentTags, null, tags && tags.map(function (tag, index) {
-    return /*#__PURE__*/React.createElement(PhaseBanner, {
+import React from "react";
+import {KitchenSinkCard} from "@digigov/react-core/KitchenSinkCard";
+import {KitchenSinkContent} from "@digigov/react-core/KitchenSinkContent";
+import {KitchenSinkContentInfo} from "@digigov/react-core/KitchenSinkContentInfo";
+import {KitchenSinkContentTags} from "@digigov/react-core/KitchenSinkContentTags";
+import PhaseBanner, {
+  PhaseBannerTag,
+  PhaseBannerText
+} from "@digigov/ui/feedback/PhaseBanner";
+import SectionBreak from "@digigov/ui/layouts/SectionBreak";
+import Link from "@digigov/ui/navigation/Link";
+import {Paragraph} from "@digigov/ui/typography";
+import Heading from "@digigov/ui/typography/Heading";
+const KitchensinkComponent = ({
+  tags = [],
+  title,
+  description,
+  link,
+  stories,
+  width = "md"
+}) => {
+  return /* @__PURE__ */ React.createElement(KitchenSinkContent, {
+    wide: width === "lg"
+  }, /* @__PURE__ */ React.createElement(KitchenSinkContentInfo, null, /* @__PURE__ */ React.createElement(KitchenSinkContentTags, null, tags && tags.map((tag, index) => {
+    return /* @__PURE__ */ React.createElement(PhaseBanner, {
       key: index
-    }, /*#__PURE__*/React.createElement(PhaseBannerTag, null, tag), _ref2);
-  })), /*#__PURE__*/React.createElement(Heading, {
+    }, /* @__PURE__ */ React.createElement(PhaseBannerTag, null, tag), /* @__PURE__ */ React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", " ", /* @__PURE__ */ React.createElement(Link, {
+      href: "#feedback"
+    }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
+  })), /* @__PURE__ */ React.createElement(Heading, {
     size: "lg"
-  }, title), /*#__PURE__*/React.createElement(Paragraph, null, description), link && /*#__PURE__*/React.createElement(Link, {
+  }, title), /* @__PURE__ */ React.createElement(Paragraph, null, description), link && /* @__PURE__ */ React.createElement(Link, {
     href: link
-  }, "View on GOV.GR Design System"), _ref3), Object.keys(stories).filter(function (story) {
-    return story !== 'default';
-  }).map(function (story, index) {
-    var Component = stories[story];
-    return /*#__PURE__*/React.createElement("div", {
+  }, "View on GOV.GR Design System"), /* @__PURE__ */ React.createElement(SectionBreak, null)), Object.keys(stories).filter((story) => story !== "default").map((story, index) => {
+    const Component = stories[story];
+    return /* @__PURE__ */ React.createElement("div", {
       key: index
-    }, _ref4, /*#__PURE__*/React.createElement(Heading, {
+    }, /* @__PURE__ */ React.createElement(SectionBreak, null), /* @__PURE__ */ React.createElement(Heading, {
       size: "sm"
-    }, story), /*#__PURE__*/React.createElement(KitchenSinkCard, null, /*#__PURE__*/React.createElement(Component, null)));
+    }, story), /* @__PURE__ */ React.createElement(KitchenSinkCard, null, /* @__PURE__ */ React.createElement(Component, null)));
   }));
-};
+};
+export {
+  KitchensinkComponent
+};
+//# sourceMappingURL=KitchensinkComponent.js.map

package/Kitchensink/KitchensinkComponent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/KitchensinkComponent.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';\nimport { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';\nimport { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';\nimport { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';\nimport PhaseBanner, {\n  PhaseBannerTag,\n  PhaseBannerText,\n} from '@digigov/ui/feedback/PhaseBanner';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\nimport Link from '@digigov/ui/navigation/Link';\nimport { Paragraph } from '@digigov/ui/typography';\nimport Heading from '@digigov/ui/typography/Heading';\n\nexport interface KitchensinkComponentInterface {\n  tags?: string[]; // ex. Experimental\n  title: string;\n  description?: string;\n  link?: string;\n  stories: React.ReactElement[];\n  width?: 'md' | 'lg';\n}\nexport const KitchensinkComponent = ({\n  tags = [],\n  title,\n  description,\n  link,\n  stories,\n  width = 'md',\n}: KitchensinkComponentInterface) => {\n  return (\n    <KitchenSinkContent wide={width === 'lg'}>\n      <KitchenSinkContentInfo>\n        <KitchenSinkContentTags>\n          {tags &&\n            tags.map((tag, index) => {\n              return (\n                <PhaseBanner key={index}>\n                  <PhaseBannerTag>{tag}</PhaseBannerTag>\n                  <PhaseBannerText>\n                    \u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1{' '}\n                    <Link href=\"#feedback\">\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC</Link> \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1\n                    \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.\n                  </PhaseBannerText>\n                </PhaseBanner>\n              );\n            })}\n        </KitchenSinkContentTags>\n        <Heading size=\"lg\">{title}</Heading>\n        <Paragraph>{description}</Paragraph>\n        {link && <Link href={link}>View on GOV.GR Design System</Link>}\n        <SectionBreak />\n      </KitchenSinkContentInfo>\n      {Object.keys(stories)\n        .filter((story) => story !== 'default')\n        .map((story, index) => {\n          const Component = stories[story];\n          return (\n            <div key={index}>\n              <SectionBreak />\n              <Heading size=\"sm\">{story}</Heading>\n              <KitchenSinkCard>\n                <Component />\n              </KitchenSinkCard>\n            </div>\n          );\n        })}\n    </KitchenSinkContent>\n  );\n};\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAUO,MAAM,uBAAuB,CAAC;AAAA,EACnC,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,MAC2B;AACnC,SACE,oCAAC,oBAAD;AAAA,IAAoB,MAAM,UAAU;AAAA,KAClC,oCAAC,wBAAD,MACE,oCAAC,wBAAD,MACG,QACC,KAAK,IAAI,CAAC,KAAK,UAAU;AACvB,WACE,oCAAC,aAAD;AAAA,MAAa,KAAK;AAAA,OAChB,oCAAC,gBAAD,MAAiB,MACjB,oCAAC,iBAAD,MAAiB,sKACkB,KACjC,oCAAC,MAAD;AAAA,MAAM,MAAK;AAAA,OAAY,yCAAa;AAAA,OAOhD,oCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,KAAM,QACpB,oCAAC,WAAD,MAAY,cACX,QAAQ,oCAAC,MAAD;AAAA,IAAM,MAAM;AAAA,KAAM,iCAC3B,oCAAC,cAAD,QAED,OAAO,KAAK,SACV,OAAO,CAAC,UAAU,UAAU,WAC5B,IAAI,CAAC,OAAO,UAAU;AACrB,UAAM,YAAY,QAAQ;AAC1B,WACE,oCAAC,OAAD;AAAA,MAAK,KAAK;AAAA,OACR,oCAAC,cAAD,OACA,oCAAC,SAAD;AAAA,MAAS,MAAK;AAAA,OAAM,QACpB,oCAAC,iBAAD,MACE,oCAAC,WAAD;AAAA;AAAA;",
+  "names": []
+}

package/Kitchensink/KitchensinkDashboard/index.js

@@ -1,26 +1,23 @@
-import React from 'react';
-import { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';
-import Paragraph from '@digigov/react-core/Paragraph';
-import { KitchensinkByCategory } from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';
-var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
-  fontSize: 72,
-  fontWeight: "bold"
-}, "Components");
-export var KitchenSinkDashboard = function KitchenSinkDashboard(_ref) {
-  var stories = _ref.stories;
-  var categoryOrder = Object.keys(stories).reduce(function (catStories, componentStoriesKey) {
-    var componentStories = stories[componentStoriesKey];
-    if (componentStories["default"].ignore) {
+import React from "react";
+import {KitchenSinkAllComponents} from "@digigov/react-core/KitchenSinkAllComponents";
+import Paragraph from "@digigov/react-core/Paragraph";
+import {KitchensinkByCategory} from "@digigov/react-experimental/Kitchensink/KitchensinkByCategory";
+const KitchenSinkDashboard = ({
+  stories
+}) => {
+  const categoryOrder = Object.keys(stories).reduce((catStories, componentStoriesKey) => {
+    const componentStories = stories[componentStoriesKey];
+    if (componentStories.default.ignore) {
       return catStories;
     }
-    if (!componentStories["default"].component) {
-      throw new Error("no component was found in ".concat(componentStoriesKey));
+    if (!componentStories.default.component) {
+      throw new Error(`no component was found in ${componentStoriesKey}`);
     }
-    var title = componentStories["default"].title.split('/')[1];
+    const title = componentStories.default.title.split("/")[1];
     if (!title) {
-      throw new Error("no title was found for ".concat(componentStoriesKey));
+      throw new Error(`no title was found for ${componentStoriesKey}`);
     }
-    var category = title;
+    const category = title;
     if (catStories[category]) {
       catStories[category].push(componentStories);
     } else {
@@ -28,13 +25,18 @@ export var KitchenSinkDashboard = function KitchenSinkDashboard(_ref) {
     }
     return catStories;
   }, {});
-  return /*#__PURE__*/React.createElement("div", null, _ref2, /*#__PURE__*/React.createElement(KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort(function (a, b) {
-    return a > b ? -1 : 1;
-  }).map(function (category, index) {
-    return /*#__PURE__*/React.createElement(KitchensinkByCategory, {
-      category: category,
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Paragraph, {
+    fontSize: 72,
+    fontWeight: "bold"
+  }, "Components"), /* @__PURE__ */ React.createElement(KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort((a, b) => a > b ? -1 : 1).map((category, index) => {
+    return /* @__PURE__ */ React.createElement(KitchensinkByCategory, {
+      category,
       stories: categoryOrder[category],
       key: index
     });
   })));
-};
+};
+export {
+  KitchenSinkDashboard
+};
+//# sourceMappingURL=KitchensinkDashboard.js.map

package/Kitchensink/KitchensinkDashboard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/KitchensinkDashboard.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';\nimport Paragraph from '@digigov/react-core/Paragraph';\nimport { KitchensinkByCategory } from '@digigov/react-experimental/Kitchensink/KitchensinkByCategory';\n\nexport interface KitchenSinkDashboardInterface {\n  stories: any;\n}\n\nexport const KitchenSinkDashboard = ({\n  stories,\n}: KitchenSinkDashboardInterface) => {\n  const categoryOrder = Object.keys(stories).reduce(\n    (catStories, componentStoriesKey) => {\n      const componentStories = stories[componentStoriesKey];\n      if (componentStories.default.ignore) {\n        return catStories;\n      }\n      if (!componentStories.default.component) {\n        throw new Error(`no component was found in ${componentStoriesKey}`);\n      }\n      const title = componentStories.default.title.split('/')[1];\n      if (!title) {\n        throw new Error(`no title was found for ${componentStoriesKey}`);\n      }\n      const category = title;\n      if (catStories[category]) {\n        catStories[category].push(componentStories);\n      } else {\n        catStories[category] = [componentStories];\n      }\n      return catStories;\n    },\n    {}\n  );\n  return (\n    <div>\n      <Paragraph fontSize={72} fontWeight=\"bold\">\n        Components\n      </Paragraph>\n      <KitchenSinkAllComponents>\n        {Object.keys(categoryOrder)\n          .sort((a, b) => (a > b ? -1 : 1))\n          .map((category, index) => {\n            return (\n              <KitchensinkByCategory\n                category={category}\n                stories={categoryOrder[category]}\n                key={index}\n              />\n            );\n          })}\n      </KitchenSinkAllComponents>\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AAMO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,MACmC;AACnC,QAAM,gBAAgB,OAAO,KAAK,SAAS,OACzC,CAAC,YAAY,wBAAwB;AACnC,UAAM,mBAAmB,QAAQ;AACjC,QAAI,iBAAiB,QAAQ,QAAQ;AACnC,aAAO;AAAA;AAET,QAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,YAAM,IAAI,MAAM,6BAA6B;AAAA;AAE/C,UAAM,QAAQ,iBAAiB,QAAQ,MAAM,MAAM,KAAK;AACxD,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,0BAA0B;AAAA;AAE5C,UAAM,WAAW;AACjB,QAAI,WAAW,WAAW;AACxB,iBAAW,UAAU,KAAK;AAAA,WACrB;AACL,iBAAW,YAAY,CAAC;AAAA;AAE1B,WAAO;AAAA,KAET;AAEF,SACE,oCAAC,OAAD,MACE,oCAAC,WAAD;AAAA,IAAW,UAAU;AAAA,IAAI,YAAW;AAAA,KAAO,eAG3C,oCAAC,0BAAD,MACG,OAAO,KAAK,eACV,KAAK,CAAC,GAAG,MAAO,IAAI,IAAI,KAAK,GAC7B,IAAI,CAAC,UAAU,UAAU;AACxB,WACE,oCAAC,uBAAD;AAAA,MACE;AAAA,MACA,SAAS,cAAc;AAAA,MACvB,KAAK;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/Kitchensink/index.js

@@ -2,4 +2,5 @@ export * from "./AllComponents";
 export * from "./KitchensinkByCategory";
 export * from "./KitchensinkByLetter";
 export * from "./KitchensinkComponent";
-export * from "./KitchensinkDashboard";
+export * from "./KitchensinkDashboard";
+//# sourceMappingURL=index.js.map

package/Kitchensink/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Kitchensink/index.ts"],
+  "sourcesContent": ["export * from './AllComponents';\nexport * from './KitchensinkByCategory';\nexport * from './KitchensinkByLetter';\nexport * from './KitchensinkComponent';\nexport * from './KitchensinkDashboard';\n"],
+  "mappings": "AAAA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/OptionButtonBase/index.js

@@ -1,24 +1,21 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["selected", "className", "children"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- *
- * OptionButtonBases can be used to represent small blocks of information.
- * OptionButtonBase component must be inside OptionButtonBaseSection component.
- */
-export var OptionButtonBase = /*#__PURE__*/React.forwardRef(function OptionButtonBase(_ref, ref) {
-  var _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? false : _ref$selected,
-    className = _ref.className,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Base, _extends({
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const OptionButtonBase = React.forwardRef(function OptionButtonBase2({selected = false, className, children, ...props}, ref) {
+  return /* @__PURE__ */ React.createElement(Base, {
     as: "button",
-    ref: ref,
-    className: clsx(className, selected && 'ds-option-btn--selected', true && ['ds-btn', 'ds-option-btn'])
-  }, props), children);
+    ref,
+    className: clsx(className, {
+      "ds-btn": true,
+      "ds-option-btn": true,
+      "ds-option-btn--selected": selected
+    }),
+    ...props
+  }, children);
 });
-export default OptionButtonBase;
+var OptionButtonBase_default = OptionButtonBase;
+export {
+  OptionButtonBase,
+  OptionButtonBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/OptionButtonBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/OptionButtonBase/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface OptionButtonBaseProps\n  extends BaseProps<'button'> {\n  /**\n   * selected is optional. \n   * Use selected prop to set selected styling.\n  * @value true\n  * @value false\n  * @default false\n  */\n  selected?: boolean\n}\n/**\n *\n * OptionButtonBases can be used to represent small blocks of information.\n * OptionButtonBase component must be inside OptionButtonBaseSection component.\n */\nexport const OptionButtonBase = React.forwardRef<\n  HTMLButtonElement,\n  OptionButtonBaseProps\n>(function OptionButtonBase(\n  { selected = false, className, children, ...props },\n  ref\n) {\n  return (\n    <Base\n      as=\"button\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-btn': true,\n        'ds-option-btn': true,\n        'ds-option-btn--selected': selected,\n      })}\n      {...props}\n    >\n      {children}\n    </Base>\n  );\n});\n\nexport default OptionButtonBase;"],
+  "mappings": "AAAA;AACA;AACA;AAkBO,MAAM,mBAAmB,MAAM,WAGpC,2BACA,CAAE,WAAW,OAAO,WAAW,aAAa,QAC5C,KACA;AACA,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,2BAA2B;AAAA;AAAA,OAEzB;AAAA,KAEH;AAAA;AAKP,IAAO,2BAAQ;",
+  "names": []
+}

package/OptionButtonBase/index.test/index.js

@@ -1,19 +1,17 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import OptionButtonBase from '@digigov/react-experimental/OptionButtonBase';
-var _ref = /*#__PURE__*/React.createElement(OptionButtonBase, null, "+");
-it('renders the OptionButtonBase with no props', function () {
-  expect(mount(_ref)).toMatchSnapshot();
+import React from "react";
+import {mount} from "enzyme";
+import OptionButtonBase from "@digigov/react-experimental/OptionButtonBase";
+it("renders the OptionButtonBase with no props", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonBase, null, "+"))).toMatchSnapshot();
 });
-var _ref2 = /*#__PURE__*/React.createElement(OptionButtonBase, {
-  selected: true
-}, "+");
-it('renders the OptionButtonBase with  selected=true', function () {
-  expect(mount(_ref2)).toMatchSnapshot();
+it("renders the OptionButtonBase with  selected=true", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonBase, {
+    selected: true
+  }, "+"))).toMatchSnapshot();
 });
-var _ref3 = /*#__PURE__*/React.createElement(OptionButtonBase, {
-  selected: false
-}, "+");
-it('renders the OptionButtonBase with  selected=false', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
-});
+it("renders the OptionButtonBase with  selected=false", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonBase, {
+    selected: false
+  }, "+"))).toMatchSnapshot();
+});
+//# sourceMappingURL=index.test.js.map

package/OptionButtonBase/index.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/OptionButtonBase/index.test.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { mount } from 'enzyme';\n\nimport OptionButtonBase from '@digigov/react-experimental/OptionButtonBase';\n\nit('renders the OptionButtonBase with no props', () => {\n  expect(mount(<OptionButtonBase>+</OptionButtonBase>)).toMatchSnapshot();\n});\nit('renders the OptionButtonBase with  selected=true', () => {\n  expect(mount(<OptionButtonBase selected={true}>+</OptionButtonBase>)).toMatchSnapshot();\n});\nit('renders the OptionButtonBase with  selected=false', () => {\n  expect(mount(<OptionButtonBase selected={false}>+</OptionButtonBase>)).toMatchSnapshot();\n});"],
+  "mappings": "AAAA;AACA;AAEA;AAEA,GAAG,8CAA8C,MAAM;AACrD,SAAO,MAAM,oCAAC,kBAAD,MAAkB,OAAuB;AAAA;AAExD,GAAG,oDAAoD,MAAM;AAC3D,SAAO,MAAM,oCAAC,kBAAD;AAAA,IAAkB,UAAU;AAAA,KAAM,OAAuB;AAAA;AAExE,GAAG,qDAAqD,MAAM;AAC5D,SAAO,MAAM,oCAAC,kBAAD;AAAA,IAAkB,UAAU;AAAA,KAAO,OAAuB;AAAA;",
+  "names": []
+}