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

package/OptionButtonSteps/index.js

@@ -1,31 +1,26 @@
-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, {
-      as: "div",
-      className: clsx(className, activeStep >= step && 'ds-option-btn__step--active', true && 'ds-option-btn__step')
-    });
-  };
-  return /*#__PURE__*/React.createElement(Base, _extends({
+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",
-    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\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;"],
+  "mappings": "AAAA;AACA;AACA;AAwBO,MAAM,oBAAoB,MAAM,WAGrC,4BACA,CAAE,QAAQ,GAAG,aAAa,GAAG,cAAc,QAC3C,KACA;AAEA,QAAM,aAAa,CAAC,SAClB,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH,WAAW,KAAK,WAAW;AAAA,MACzB,uBAAuB;AAAA,MACvB,+BAA+B,cAAc;AAAA;AAAA;AAKnD,SACE,oCAAC,MAAD;AAAA,IACE,IAAG;AAAA,IACH;AAAA,IACA,WAAW,KAAK,WAAW;AAAA,MACzB,wBAAwB;AAAA;AAAA,OAEtB;AAAA,KAEH,SAAS,KAAK,WAAW,IACzB,SAAS,KAAK,WAAW,IACzB,SAAS,KAAK,WAAW,IACzB,SAAS,KAAK,WAAW;AAAA;AAKhC,IAAO,4BAAQ;",
+  "names": []
+}

package/OptionButtonSteps/index.test/index.js

@@ -1,32 +1,28 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import OptionButtonSteps from '@digigov/react-experimental/OptionButtonSteps';
-var _ref = /*#__PURE__*/React.createElement(OptionButtonSteps, null, "+");
-it('renders the OptionButtonSteps with no props', function () {
-  expect(mount(_ref)).toMatchSnapshot();
+import React from "react";
+import {mount} from "enzyme";
+import OptionButtonSteps from "@digigov/react-experimental/OptionButtonSteps";
+it("renders the OptionButtonSteps with no props", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonSteps, null, "+"))).toMatchSnapshot();
 });
-var _ref2 = /*#__PURE__*/React.createElement(OptionButtonSteps, {
-  steps: 3
-}, "+");
-it('renders the OptionButtonSteps with steps="3"', function () {
-  expect(mount(_ref2)).toMatchSnapshot();
+it('renders the OptionButtonSteps with steps="3"', () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonSteps, {
+    steps: 3
+  }, "+"))).toMatchSnapshot();
 });
-var _ref3 = /*#__PURE__*/React.createElement(OptionButtonSteps, {
-  steps: 4
-}, "+");
-it('renders the OptionButtonSteps with steps=4', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
+it("renders the OptionButtonSteps with steps=4", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonSteps, {
+    steps: 4
+  }, "+"))).toMatchSnapshot();
 });
-var _ref4 = /*#__PURE__*/React.createElement(OptionButtonSteps, {
-  activeStep: 1
-}, "+");
-it('renders the OptionButtonSteps with activeStep=1', function () {
-  expect(mount(_ref4)).toMatchSnapshot();
+it("renders the OptionButtonSteps with activeStep=1", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonSteps, {
+    activeStep: 1
+  }, "+"))).toMatchSnapshot();
 });
-var _ref5 = /*#__PURE__*/React.createElement(OptionButtonSteps, {
-  steps: 3,
-  activeStep: 1
-}, "+");
-it('renders the OptionButtonSteps with steps=3 activeStep=1', function () {
-  expect(mount(_ref5)).toMatchSnapshot();
-});
+it("renders the OptionButtonSteps with steps=3 activeStep=1", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(OptionButtonSteps, {
+    steps: 3,
+    activeStep: 1
+  }, "+"))).toMatchSnapshot();
+});
+//# sourceMappingURL=index.test.js.map

package/OptionButtonSteps/index.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/OptionButtonSteps/index.test.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { mount } from 'enzyme';\n\nimport OptionButtonSteps from '@digigov/react-experimental/OptionButtonSteps';\n\nit('renders the OptionButtonSteps with no props', () => {\n  expect(mount(<OptionButtonSteps>+</OptionButtonSteps>)).toMatchSnapshot();\n});\nit('renders the OptionButtonSteps with steps=\"3\"', () => {\n  expect(mount(<OptionButtonSteps steps={3}>+</OptionButtonSteps>)).toMatchSnapshot();\n});\nit('renders the OptionButtonSteps with steps=4', () => {\n  expect(mount(<OptionButtonSteps steps={4}>+</OptionButtonSteps>)).toMatchSnapshot();\n});\nit('renders the OptionButtonSteps with activeStep=1', () => {\n  expect(mount(<OptionButtonSteps activeStep={1}>+</OptionButtonSteps>)).toMatchSnapshot();\n});\nit('renders the OptionButtonSteps with steps=3 activeStep=1', () => {\n  expect(mount(<OptionButtonSteps steps={3} activeStep={1}>+</OptionButtonSteps>)).toMatchSnapshot();\n});"],
+  "mappings": "AAAA;AACA;AAEA;AAEA,GAAG,+CAA+C,MAAM;AACtD,SAAO,MAAM,oCAAC,mBAAD,MAAmB,OAAwB;AAAA;AAE1D,GAAG,gDAAgD,MAAM;AACvD,SAAO,MAAM,oCAAC,mBAAD;AAAA,IAAmB,OAAO;AAAA,KAAG,OAAwB;AAAA;AAEpE,GAAG,8CAA8C,MAAM;AACrD,SAAO,MAAM,oCAAC,mBAAD;AAAA,IAAmB,OAAO;AAAA,KAAG,OAAwB;AAAA;AAEpE,GAAG,mDAAmD,MAAM;AAC1D,SAAO,MAAM,oCAAC,mBAAD;AAAA,IAAmB,YAAY;AAAA,KAAG,OAAwB;AAAA;AAEzE,GAAG,2DAA2D,MAAM;AAClE,SAAO,MAAM,oCAAC,mBAAD;AAAA,IAAmB,OAAO;AAAA,IAAG,YAAY;AAAA,KAAG,OAAwB;AAAA;",
+  "names": []
+}

package/cjs/FloatingButton/index.js

@@ -1,31 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(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);
+var import_react = __toModule(require("react"));
+var import_clsx = __toModule(require("clsx"));
+var import_Button = __toModule(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;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,oBAAoC;AAmB7B,MAAM,iBAAiB,qBAAM,WAGlC,yBACA,CAAE,YAAY,SAAS,WAAW,aAAa,QAC/C,KACA;AACA,SACE,mDAAC,uBAAD;AAAA,IACE;AAAA,IACA,WAAW,yBAAK,WAAW;AAAA,MACzB,mBAAmB;AAAA,MACnB,0BAA0B,cAAc;AAAA,MACxC,yBAAyB,cAAc;AAAA;AAAA,OAErC;AAAA,KAEH;AAAA;AAKP,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/FloatingButton/index.test/index.js

@@ -1,22 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _enzyme = require("enzyme");
-var _FloatingButton = _interopRequireDefault(require("@digigov/react-experimental/FloatingButton"));
-var _ref = /*#__PURE__*/_react["default"].createElement(_FloatingButton["default"], null, "+");
-it('renders the FloatingButton with no props', function () {
-  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+var import_react = __toModule(require("react"));
+var import_enzyme = __toModule(require("enzyme"));
+var import_FloatingButton = __toModule(require("@digigov/react-experimental/FloatingButton"));
+it("renders the FloatingButton with no props", () => {
+  expect((0, import_enzyme.mount)(/* @__PURE__ */ import_react.default.createElement(import_FloatingButton.default, null, "+"))).toMatchSnapshot();
 });
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_FloatingButton["default"], {
-  direction: "right"
-}, "+");
-it('renders the FloatingButton with  direction="right"', function () {
-  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+it('renders the FloatingButton with  direction="right"', () => {
+  expect((0, import_enzyme.mount)(/* @__PURE__ */ import_react.default.createElement(import_FloatingButton.default, {
+    direction: "right"
+  }, "+"))).toMatchSnapshot();
 });
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_FloatingButton["default"], {
-  direction: "left"
-}, "+");
-it('renders the FloatingButton with  direction="left"', function () {
-  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
-});
+it('renders the FloatingButton with  direction="left"', () => {
+  expect((0, import_enzyme.mount)(/* @__PURE__ */ import_react.default.createElement(import_FloatingButton.default, {
+    direction: "left"
+  }, "+"))).toMatchSnapshot();
+});
+//# sourceMappingURL=index.test.js.map

package/cjs/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,mBAAkB;AAClB,oBAAsB;AAEtB,4BAA2B;AAE3B,GAAG,4CAA4C,MAAM;AACnD,SAAO,yBAAM,mDAAC,+BAAD,MAAgB,OAAqB;AAAA;AAEpD,GAAG,sDAAsD,MAAM;AAC7D,SAAO,yBAAM,mDAAC,+BAAD;AAAA,IAAgB,WAAU;AAAA,KAAQ,OAAqB;AAAA;AAEtE,GAAG,qDAAqD,MAAM;AAC5D,SAAO,yBAAM,mDAAC,+BAAD;AAAA,IAAgB,WAAU;AAAA,KAAO,OAAqB;AAAA;",
+  "names": []
+}

package/cjs/Kitchensink/AllComponents/index.js

@@ -1,16 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(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
+var import_react = __toModule(require("react"));
+var import_registry = __toModule(require("@digigov/ui/registry"));
+var import_KitchensinkDashboard = __toModule(require("@digigov/react-experimental/Kitchensink/KitchensinkDashboard"));
+const AllComponents = () => /* @__PURE__ */ import_react.default.createElement(import_KitchensinkDashboard.KitchenSinkDashboard, {
+  stories: import_registry.stories
 });
-var AllComponents = exports.AllComponents = function AllComponents() {
-  return _ref;
-};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AllComponents
+});
+//# 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 { stories } from '@digigov/ui/registry';\nimport { KitchenSinkDashboard } from '@digigov/react-experimental/Kitchensink/KitchensinkDashboard';\n\nexport const AllComponents = () => <KitchenSinkDashboard stories={stories} />;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAwB;AACxB,kCAAqC;AAE9B,MAAM,gBAAgB,MAAM,mDAAC,kDAAD;AAAA,EAAsB,SAAS;AAAA;",
+  "names": []
+}

package/cjs/Kitchensink/KitchensinkByCategory/index.js

@@ -1,28 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(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 import_react = __toModule(require("react"));
+var import_KitchenSinkCategory = __toModule(require("@digigov/react-core/KitchenSinkCategory"));
+var import_KitchenSinkHeading = __toModule(require("@digigov/react-core/KitchenSinkHeading"));
+var import_KitchensinkByLetter = __toModule(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}`);
     }
-    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 {
@@ -30,11 +50,16 @@ var KitchensinkByCategory = exports.KitchensinkByCategory = function Kitchensink
     }
     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,
+  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 {\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;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,iCAEO;AACP,gCAEO;AACP,iCAAoC;AAO7B,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,mDAAC,OAAD,MACE,mDAAC,8CAAD,MAAqB,WACrB,mDAAC,gDAAD,MACG,OAAO,KAAK,mBACV,OACA,IAAI,CAAC,QAAQ,UAAU;AACtB,WACE,mDAAC,gDAAD;AAAA,MACE;AAAA,MACA,SAAS,kBAAkB;AAAA,MAC3B,KAAK;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/Kitchensink/KitchensinkByLetter/index.js

@@ -1,26 +1,51 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(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,
+var import_react = __toModule(require("react"));
+var import_Heading = __toModule(require("@digigov/react-core/Heading"));
+var import_KitchenSinkLetterContent = __toModule(require("@digigov/react-core/KitchenSinkLetterContent"));
+var import_KitchensinkComponent = __toModule(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,mBAAkB;AAClB,qBAAoB;AACpB,sCAAyC;AACzC,kCAAqC;AAO9B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,MACkC;AAClC,SACE,mDAAC,OAAD,MACE,mDAAC,wBAAD,MAAU,SACV,mDAAC,0DAAD,MACG,QAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,WACE,mDAAC,kDAAD;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": []
+}