@digigov/react-experimental 2.0.0-dcbd7ded → 2.0.0-e20fed09

package/OptionButtonSteps/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface OptionButtonStepsProps extends BaseProps<'div'> {
+    /**
+     * @value 0
+     * @value 1
+     * @value 2
+     * @value 3
+     * @value 4
+     * @default 0
+     */
+    steps?: stepsProps;
+    /**
+     * @default 0
+     */
+    activeStep?: number;
+}
+export type stepsProps = 0 | 1 | 2 | 3 | 4;
+/**
+ *
+ * OptionButtonSteps can be used to represent small blocks of information.
+ * OptionButtonSteps component must be inside OptionButtonStepsSection component.
+ */
+export declare const OptionButtonSteps: React.ForwardRefExoticComponent<Omit<OptionButtonStepsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default OptionButtonSteps;

package/OptionButtonSteps/index.js

@@ -1,31 +1,36 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["steps", "activeStep", "className"];
-import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
-/**
- *
- * OptionButtonSteps can be used to represent small blocks of information.
- * OptionButtonSteps component must be inside OptionButtonStepsSection component.
- */
-export var OptionButtonSteps = /*#__PURE__*/React.forwardRef(function OptionButtonSteps(_ref, ref) {
-  var _ref$steps = _ref.steps,
-    steps = _ref$steps === void 0 ? 0 : _ref$steps,
-    _ref$activeStep = _ref.activeStep,
-    activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
-    className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var renderStep = function renderStep(step) {
-    return /*#__PURE__*/React.createElement(Base, {
+import React from "react";
+import clsx from "clsx";
+import Base from "@digigov/react-core/Base";
+const OptionButtonSteps = React.forwardRef(function OptionButtonSteps2({ steps = 0, activeStep = 0, className, ...props }, ref) {
+  const renderStep = (step) => /* @__PURE__ */ React.createElement(
+    Base,
+    {
       as: "div",
-      className: clsx(className, activeStep >= step && 'ds-option-btn__step--active', true && 'ds-option-btn__step')
-    });
-  };
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "div",
-    ref: ref,
-    className: clsx(className, true && 'ds-option-btn__steps')
-  }, props), steps >= 1 && renderStep(1), steps >= 2 && renderStep(2), steps >= 3 && renderStep(3), steps >= 4 && renderStep(4));
+      className: clsx(className, {
+        "ds-option-btn__step": true,
+        "ds-option-btn__step--active": activeStep >= step
+      })
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    Base,
+    {
+      as: "div",
+      ref,
+      className: clsx(className, {
+        "ds-option-btn__steps": true
+      }),
+      ...props
+    },
+    steps >= 1 && renderStep(1),
+    steps >= 2 && renderStep(2),
+    steps >= 3 && renderStep(3),
+    steps >= 4 && renderStep(4)
+  );
 });
-export default OptionButtonSteps;
+var OptionButtonSteps_default = OptionButtonSteps;
+export {
+  OptionButtonSteps,
+  OptionButtonSteps_default as default
+};
+//# sourceMappingURL=index.js.map

package/OptionButtonSteps/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/OptionButtonSteps/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface OptionButtonStepsProps extends BaseProps<'div'> {\n  /**\n   * @value 0\n   * @value 1\n   * @value 2\n   * @value 3\n   * @value 4\n   * @default 0\n   */\n  steps?: stepsProps;\n  /**\n   * @default 0\n   */\n  activeStep?: number;\n}\n\nexport type stepsProps = 0 | 1 | 2 | 3 | 4;\n/**\n *\n * OptionButtonSteps can be used to represent small blocks of information.\n * OptionButtonSteps component must be inside OptionButtonStepsSection component.\n */\nexport const OptionButtonSteps = React.forwardRef<\n  HTMLDivElement,\n  OptionButtonStepsProps\n>(function OptionButtonSteps(\n  { steps = 0, activeStep = 0, className, ...props },\n  ref\n) {\n  const renderStep = (step: number) => (\n    <Base\n      as=\"div\"\n      className={clsx(className, {\n        'ds-option-btn__step': true,\n        'ds-option-btn__step--active': activeStep >= step,\n      })}\n    ></Base>\n  );\n\n  return (\n    <Base\n      as=\"div\"\n      ref={ref}\n      className={clsx(className, {\n        'ds-option-btn__steps': true,\n      })}\n      {...props}\n    >\n      {steps >= 1 && renderStep(1)}\n      {steps >= 2 && renderStep(2)}\n      {steps >= 3 && renderStep(3)}\n      {steps >= 4 && renderStep(4)}\n    </Base>\n  );\n});\n\nexport default OptionButtonSteps;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAwBzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,QAAQ,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GACjD,KACA;AACA,QAAM,aAAa,CAAC,SAClB;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,uBAAuB;AAAA,QACvB,+BAA+B,cAAc;AAAA,MAC/C,CAAC;AAAA;AAAA,EACF;AAGH,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,IAC1B,SAAS,KAAK,WAAW,CAAC;AAAA,EAC7B;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "names": ["OptionButtonSteps"]
+}

package/cjs/FloatingButton/index.js

@@ -1,31 +1,57 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FloatingButton_exports = {};
+__export(FloatingButton_exports, {
+  FloatingButton: () => FloatingButton,
+  default: () => FloatingButton_default
 });
-exports["default"] = exports.FloatingButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Button = _interopRequireDefault(require("@digigov/react-core/cjs/Button"));
-var _excluded = ["direction", "className", "children"];
-/**
- *
- * 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.
- */
-var FloatingButton = exports.FloatingButton = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    ref: ref,
-    className: (0, _clsx["default"])(className, direction === 'right' && 'ds-floating-btn--right', direction === 'left' && 'ds-floating-btn--left', true && 'ds-floating-btn')
-  }, props), children);
+module.exports = __toCommonJS(FloatingButton_exports);
+var import_react = __toESM(require("react"));
+var import_clsx = __toESM(require("clsx"));
+var import_Button = __toESM(require("@digigov/react-core/Button"));
+const FloatingButton = import_react.default.forwardRef(function FloatingButton2({ direction = "right", className, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_Button.default,
+    {
+      ref,
+      className: (0, import_clsx.default)(className, {
+        "ds-floating-btn": true,
+        "ds-floating-btn--right": direction === "right",
+        "ds-floating-btn--left": direction === "left"
+      }),
+      ...props
+    },
+    children
+  );
 });
-var _default = exports["default"] = FloatingButton;
+var FloatingButton_default = FloatingButton;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FloatingButton
+});
+//# sourceMappingURL=index.js.map

package/cjs/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;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,oBAAoC;AAmB7B,MAAM,iBAAiB,aAAAA,QAAM,WAGlC,SAASC,gBACT,EAAE,YAAY,SAAS,WAAW,UAAU,GAAG,MAAM,GACrD,KACA;AACA,SACE,6BAAAD,QAAA;AAAA,IAAC,cAAAE;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAC,SAAK,WAAW;AAAA,QACzB,mBAAmB;AAAA,QACnB,0BAA0B,cAAc;AAAA,QACxC,yBAAyB,cAAc;AAAA,MACzC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["React", "FloatingButton", "Button", "clsx"]
+}

package/cjs/Kitchensink/AllComponents/index.js

@@ -1,16 +1,41 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AllComponents_exports = {};
+__export(AllComponents_exports, {
+  AllComponents: () => AllComponents
 });
-exports.AllComponents = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _registry = require("@digigov/ui/cjs/registry");
-var _KitchensinkDashboard = require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard");
-var _ref = /*#__PURE__*/_react["default"].createElement(_KitchensinkDashboard.KitchenSinkDashboard, {
-  stories: _registry.stories
+module.exports = __toCommonJS(AllComponents_exports);
+var import_react = __toESM(require("react"));
+var import_KitchensinkDashboard = require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard");
+var import_stories_registry = require("@digigov/ui/stories-registry");
+const AllComponents = () => /* @__PURE__ */ import_react.default.createElement(import_KitchensinkDashboard.KitchenSinkDashboard, { stories: import_stories_registry.stories });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AllComponents
 });
-var AllComponents = exports.AllComponents = function AllComponents() {
-  return _ref;
-};
+//# sourceMappingURL=AllComponents.js.map

package/cjs/Kitchensink/AllComponents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Kitchensink/AllComponents.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n// @ts-expect-error Registry not included in src files\nimport { stories } from '@digigov/ui/stories-registry';\n\nexport const AllComponents = () => <KitchenSinkDashboard stories={stories} />;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kCAAqC;AAErC,8BAAwB;AAEjB,MAAM,gBAAgB,MAAM,6BAAAA,QAAA,cAAC,oDAAqB,SAAS,iCAAS;",
+  "names": ["React"]
+}

package/cjs/Kitchensink/KitchensinkByCategory/index.js

@@ -1,40 +1,77 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var KitchensinkByCategory_exports = {};
+__export(KitchensinkByCategory_exports, {
+  KitchensinkByCategory: () => KitchensinkByCategory
 });
-exports.KitchensinkByCategory = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _KitchenSinkCategory = require("@digigov/react-core/cjs/KitchenSinkCategory");
-var _KitchenSinkHeading = require("@digigov/react-core/cjs/KitchenSinkHeading");
-var _KitchensinkByLetter = require("@digigov/react-experimental/Kitchensink/KitchensinkByLetter");
-var KitchensinkByCategory = exports.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));
-    }
-    var name = componentStories["default"].displayName;
-    console.log('componentStories', componentStories, 'stories', stories);
-    if (!name) {
-      throw new Error("no name was found for ".concat(componentStoriesKey));
-    }
-    var letter = name[0];
-    if (abStories[letter]) {
-      abStories[letter].push(componentStories);
-    } else {
-      abStories[letter] = [componentStories];
-    }
-    return abStories;
-  }, {});
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_KitchenSinkHeading.KitchenSinkHeading, null, category), /*#__PURE__*/_react["default"].createElement(_KitchenSinkCategory.KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map(function (letter, index) {
-    return /*#__PURE__*/_react["default"].createElement(_KitchensinkByLetter.KitchensinkByLetter, {
-      letter: letter,
-      stories: alphabeticalOrder[letter],
-      key: index
-    });
+module.exports = __toCommonJS(KitchensinkByCategory_exports);
+var import_react = __toESM(require("react"));
+var import_KitchenSinkCategory = require("@digigov/react-core/KitchenSinkCategory");
+var import_KitchenSinkHeading = require("@digigov/react-core/KitchenSinkHeading");
+var import_KitchensinkByLetter = require("@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}`);
+      }
+      const name = componentStories.default.displayName;
+      console.log("componentStories", componentStories, "stories", stories);
+      if (!name) {
+        throw new Error(`no name was found for ${componentStoriesKey}`);
+      }
+      const letter = name[0];
+      if (abStories[letter]) {
+        abStories[letter].push(componentStories);
+      } else {
+        abStories[letter] = [componentStories];
+      }
+      return abStories;
+    },
+    {}
+  );
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkHeading.KitchenSinkHeading, null, category), /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkCategory.KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map((letter, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_KitchensinkByLetter.KitchensinkByLetter,
+      {
+        letter,
+        stories: alphabeticalOrder[letter],
+        key: index
+      }
+    );
   })));
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KitchensinkByCategory
+});
+//# sourceMappingURL=KitchensinkByCategory.js.map

package/cjs/Kitchensink/KitchensinkByCategory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Kitchensink/KitchensinkByCategory.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { KitchenSinkCategory } from '@digigov/react-core/KitchenSinkCategory';\nimport { KitchenSinkHeading } 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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,iCAAoC;AACpC,gCAAmC;AACnC,iCAAoC;AAO7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AACF,MAAsC;AACpC,QAAM,oBAAoB,OAAO,KAAK,OAAO,EAAE;AAAA,IAC7C,CAAC,WAAW,wBAAwB;AAClC,YAAM,mBAAmB,QAAQ,mBAAmB;AACpD,UAAI,CAAC,iBAAiB,QAAQ,WAAW;AACvC,cAAM,IAAI,MAAM,6BAA6B,mBAAmB,EAAE;AAAA,MACpE;AACA,YAAM,OAAO,iBAAiB,QAAQ;AACtC,cAAQ,IAAI,oBAAoB,kBAAkB,WAAW,OAAO;AACpE,UAAI,CAAC,MAAM;AACT,cAAM,IAAI,MAAM,yBAAyB,mBAAmB,EAAE;AAAA,MAChE;AACA,YAAM,SAAS,KAAK,CAAC;AACrB,UAAI,UAAU,MAAM,GAAG;AACrB,kBAAU,MAAM,EAAE,KAAK,gBAAgB;AAAA,MACzC,OAAO;AACL,kBAAU,MAAM,IAAI,CAAC,gBAAgB;AAAA,MACvC;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oDAAoB,QAAS,GAC9B,6BAAAA,QAAA,cAAC,sDACE,OAAO,KAAK,iBAAiB,EAC3B,KAAK,EACL,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,kBAAkB,MAAM;AAAA,QACjC,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACL,CACF;AAEJ;",
+  "names": ["React"]
+}

package/cjs/Kitchensink/KitchensinkByLetter/index.js

@@ -1,26 +1,60 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var KitchensinkByLetter_exports = {};
+__export(KitchensinkByLetter_exports, {
+  KitchensinkByLetter: () => KitchensinkByLetter
 });
-exports.KitchensinkByLetter = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Heading = _interopRequireDefault(require("@digigov/react-core/cjs/Heading"));
-var _KitchenSinkLetterContent = require("@digigov/react-core/cjs/KitchenSinkLetterContent");
-var _KitchensinkComponent = require("@digigov/react-experimental/Kitchensink/KitchensinkComponent");
-var KitchensinkByLetter = exports.KitchensinkByLetter = function KitchensinkByLetter(_ref) {
-  var letter = _ref.letter,
-    stories = _ref.stories;
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Heading["default"], null, letter), /*#__PURE__*/_react["default"].createElement(_KitchenSinkLetterContent.KitchenSinkLetterContent, null, stories.map(function (story, index) {
-    return /*#__PURE__*/_react["default"].createElement(_KitchensinkComponent.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
-    });
+module.exports = __toCommonJS(KitchensinkByLetter_exports);
+var import_react = __toESM(require("react"));
+var import_Heading = __toESM(require("@digigov/react-core/Heading"));
+var import_KitchenSinkLetterContent = require("@digigov/react-core/KitchenSinkLetterContent");
+var import_KitchensinkComponent = require("@digigov/react-experimental/Kitchensink/KitchensinkComponent");
+const KitchensinkByLetter = ({
+  letter,
+  stories
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Heading.default, null, letter), /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkLetterContent.KitchenSinkLetterContent, null, stories.map((story, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_KitchensinkComponent.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
+      }
+    );
   })));
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KitchensinkByLetter
+});
+//# sourceMappingURL=KitchensinkByLetter.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAoB;AACpB,sCAAyC;AACzC,kCAAqC;AAO9B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAoC;AAClC,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,eAAAC,SAAA,MAAS,MAAO,GACjB,6BAAAD,QAAA,cAAC,gEACE,QAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,aAAa,MAAM,QAAQ;AAAA,QAC3B,MAAM,MAAM,QAAQ;AAAA,QACpB,OAAO,MAAM,QAAQ;AAAA,QACrB,SAAS;AAAA,QACT,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ,CAAC,CACH,CACF;AAEJ;",
+  "names": ["React", "Heading"]
+}

package/cjs/Kitchensink/KitchensinkComponent/index.js

@@ -1,55 +1,62 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var KitchensinkComponent_exports = {};
+__export(KitchensinkComponent_exports, {
+  KitchensinkComponent: () => KitchensinkComponent
 });
-exports.KitchensinkComponent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _KitchenSinkCard = require("@digigov/react-core/cjs/KitchenSinkCard");
-var _KitchenSinkContent = require("@digigov/react-core/cjs/KitchenSinkContent");
-var _KitchenSinkContentInfo = require("@digigov/react-core/cjs/KitchenSinkContentInfo");
-var _KitchenSinkContentTags = require("@digigov/react-core/cjs/KitchenSinkContentTags");
-var _PhaseBanner = _interopRequireWildcard(require("@digigov/ui/cjs/feedback/PhaseBanner"));
-var _SectionBreak = _interopRequireDefault(require("@digigov/ui/cjs/layouts/SectionBreak"));
-var _Link = _interopRequireDefault(require("@digigov/ui/cjs/navigation/Link"));
-var _typography = require("@digigov/ui/cjs/typography");
-var _Heading = _interopRequireDefault(require("@digigov/ui/cjs/typography/Heading"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_PhaseBanner.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["default"].createElement(_Link["default"], {
-  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["default"].createElement(_SectionBreak["default"], null);
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], null);
-var KitchensinkComponent = exports.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["default"].createElement(_KitchenSinkContent.KitchenSinkContent, {
-    wide: width === 'lg'
-  }, /*#__PURE__*/_react["default"].createElement(_KitchenSinkContentInfo.KitchenSinkContentInfo, null, /*#__PURE__*/_react["default"].createElement(_KitchenSinkContentTags.KitchenSinkContentTags, null, tags && tags.map(function (tag, index) {
-    return /*#__PURE__*/_react["default"].createElement(_PhaseBanner["default"], {
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerTag, null, tag), _ref2);
-  })), /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-    size: "lg"
-  }, title), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, description), link && /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-    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["default"].createElement("div", {
-      key: index
-    }, _ref4, /*#__PURE__*/_react["default"].createElement(_Heading["default"], {
-      size: "sm"
-    }, story), /*#__PURE__*/_react["default"].createElement(_KitchenSinkCard.KitchenSinkCard, null, /*#__PURE__*/_react["default"].createElement(Component, null)));
+module.exports = __toCommonJS(KitchensinkComponent_exports);
+var import_react = __toESM(require("react"));
+var import_KitchenSinkCard = require("@digigov/react-core/KitchenSinkCard");
+var import_KitchenSinkContent = require("@digigov/react-core/KitchenSinkContent");
+var import_KitchenSinkContentInfo = require("@digigov/react-core/KitchenSinkContentInfo");
+var import_KitchenSinkContentTags = require("@digigov/react-core/KitchenSinkContentTags");
+var import_PhaseBanner = __toESM(require("@digigov/ui/feedback/PhaseBanner"));
+var import_SectionBreak = __toESM(require("@digigov/ui/layouts/SectionBreak"));
+var import_Link = __toESM(require("@digigov/ui/navigation/Link"));
+var import_typography = require("@digigov/ui/typography");
+var import_Heading = __toESM(require("@digigov/ui/typography/Heading"));
+const KitchensinkComponent = ({
+  tags = [],
+  title,
+  description,
+  link,
+  stories,
+  width = "md"
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkContent.KitchenSinkContent, { wide: width === "lg" }, /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkContentInfo.KitchenSinkContentInfo, null, /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkContentTags.KitchenSinkContentTags, null, tags && tags.map((tag, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.default, { key: index }, /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.PhaseBannerTag, null, tag), /* @__PURE__ */ import_react.default.createElement(import_PhaseBanner.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__ */ import_react.default.createElement(import_Link.default, { 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__ */ import_react.default.createElement(import_Heading.default, { size: "lg" }, title), /* @__PURE__ */ import_react.default.createElement(import_typography.Paragraph, null, description), link && /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: link }, "View on GOV.GR Design System"), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.default, null)), Object.keys(stories).filter((story) => story !== "default").map((story, index) => {
+    const Component = stories[story];
+    return /* @__PURE__ */ import_react.default.createElement("div", { key: index }, /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.default, null), /* @__PURE__ */ import_react.default.createElement(import_Heading.default, { size: "sm" }, story), /* @__PURE__ */ import_react.default.createElement(import_KitchenSinkCard.KitchenSinkCard, null, /* @__PURE__ */ import_react.default.createElement(Component, null)));
   }));
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KitchensinkComponent
+});
+//# sourceMappingURL=KitchensinkComponent.js.map