@bloom-housing/ui-components 7.2.1 → 7.2.2

package/dist/src/forms/DateField.stories.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var react_1 = __importDefault(require("react"));
-var DateField_1 = require("./DateField");
-var react_hook_form_1 = require("react-hook-form");
-exports.default = {
+import React from "react";
+import { DateField } from "./DateField";
+import { useForm } from "react-hook-form";
+export default {
     title: "Forms/Date Field",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var Default = function () {
-    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, watch = _a.watch, errors = _a.errors;
-    return (react_1.default.createElement(DateField_1.DateField, { id: "appDueDate", name: "appDueDate", label: "Application Due Date", required: true, register: register, watch: watch, error: errors === null || errors === void 0 ? void 0 : errors.appDueDate }));
+export var Default = function () {
+    var _a = useForm({ mode: "onChange" }), register = _a.register, watch = _a.watch, errors = _a.errors;
+    return (React.createElement(DateField, { id: "appDueDate", name: "appDueDate", label: "Application Due Date", required: true, register: register, watch: watch, error: errors === null || errors === void 0 ? void 0 : errors.appDueDate }));
 };
-exports.Default = Default;
 //# sourceMappingURL=DateField.stories.js.map

package/dist/src/forms/DateField.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.stories.js","sourceRoot":"","sources":["../../../src/forms/DateField.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,yCAAuC;AACvC,mDAAyC;AAEzC,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,OAAO,GAAG;IACf,IAAA,KAA8B,IAAA,yBAAO,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAzD,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAkC,CAAA;IAEjE,OAAO,CACL,8BAAC,qBAAS,IACR,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,GACzB,CACH,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,OAAO,WAcnB"}
+{"version":3,"file":"DateField.stories.js","sourceRoot":"","sources":["../../../src/forms/DateField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG;IACf,IAAA,KAA8B,OAAO,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAzD,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAkC,CAAA;IAEjE,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,GACzB,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/src/forms/Dropzone.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,35 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dropzone = exports.default = void 0;
-var react_1 = __importStar(require("react"));
-var react_dropzone_1 = require("react-dropzone");
-var translator_1 = require("../helpers/translator");
-require("./Dropzone.scss");
+import React, { useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+import { t } from "../helpers/translator";
+import "./Dropzone.scss";
 var Dropzone = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var uploader = props.uploader;
@@ -46,10 +20,10 @@ var Dropzone = function (props) {
     if (props.className)
         classNames.push(props.className);
     var maxFiles = props.maxFiles || 1;
-    var onDrop = (0, react_1.useCallback)(function (acceptedFiles) {
+    var onDrop = useCallback(function (acceptedFiles) {
         acceptedFiles.forEach(function (file) { return uploader(file); });
     }, [uploader]);
-    var _j = (0, react_dropzone_1.useDropzone)({
+    var _j = useDropzone({
         onDrop: onDrop,
         accept: props.accept,
         maxFiles: maxFiles > 1 ? maxFiles : undefined,
@@ -62,16 +36,15 @@ var Dropzone = function (props) {
     // * File dropzone by default
     // * Progress > 0 and < 100 shows a progress bar
     // * Progress 100 doesn't show progress bar or dropzone
-    return (react_1.default.createElement("div", { className: classNames.join(" ") },
-        react_1.default.createElement("label", { htmlFor: props.id, className: "label" }, props.label),
-        props.helptext && react_1.default.createElement("p", { className: "dropzone__helptext" }, props.helptext),
-        props.progress && props.progress === 100 ? (react_1.default.createElement(react_1.default.Fragment, null)) : props.progress && props.progress > 0 ? (react_1.default.createElement("progress", { className: "dropzone__progress", max: "100", value: props.progress })) : (react_1.default.createElement("div", __assign({ className: dropzoneClasses.join(" ") }, getRootProps()),
-            react_1.default.createElement("input", __assign({ id: props.id }, getInputProps(), { "data-test-id": "dropzone-input" })),
-            isDragActive ? (react_1.default.createElement("p", null, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.dropHere) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.dropFilesHere"))) : (react_1.default.createElement("p", null, (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.dragHere) !== null && _d !== void 0 ? _d : (0, translator_1.t)("t.dragFilesHere"),
-                " ", (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.orString) !== null && _f !== void 0 ? _f : (0, translator_1.t)("t.or"),
+    return (React.createElement("div", { className: classNames.join(" ") },
+        React.createElement("label", { htmlFor: props.id, className: "label" }, props.label),
+        props.helptext && React.createElement("p", { className: "dropzone__helptext" }, props.helptext),
+        props.progress && props.progress === 100 ? (React.createElement(React.Fragment, null)) : props.progress && props.progress > 0 ? (React.createElement("progress", { className: "dropzone__progress", max: "100", value: props.progress })) : (React.createElement("div", __assign({ className: dropzoneClasses.join(" ") }, getRootProps()),
+            React.createElement("input", __assign({ id: props.id }, getInputProps(), { "data-test-id": "dropzone-input" })),
+            isDragActive ? (React.createElement("p", null, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.dropHere) !== null && _b !== void 0 ? _b : t("t.dropFilesHere"))) : (React.createElement("p", null, (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.dragHere) !== null && _d !== void 0 ? _d : t("t.dragFilesHere"),
+                " ", (_f = (_e = props.strings) === null || _e === void 0 ? void 0 : _e.orString) !== null && _f !== void 0 ? _f : t("t.or"),
                 " ",
-                react_1.default.createElement("u", { className: "text-primary" }, (_h = (_g = props.strings) === null || _g === void 0 ? void 0 : _g.chooseFromFolder) !== null && _h !== void 0 ? _h : (0, translator_1.t)("t.chooseFromFolder").toLowerCase())))))));
+                React.createElement("u", { className: "text-primary" }, (_h = (_g = props.strings) === null || _g === void 0 ? void 0 : _g.chooseFromFolder) !== null && _h !== void 0 ? _h : t("t.chooseFromFolder").toLowerCase())))))));
 };
-exports.default = Dropzone;
-exports.Dropzone = Dropzone;
+export { Dropzone as default, Dropzone };
 //# sourceMappingURL=Dropzone.js.map

package/dist/src/forms/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.tsx"],"names":[],"mappings":"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"}

package/dist/src/forms/Dropzone.stories.js

@@ -1,44 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultDropzone = void 0;
-var React = __importStar(require("react"));
-var addon_knobs_1 = require("@storybook/addon-knobs");
-var CloudinaryUpload_1 = require("./CloudinaryUpload");
-var Dropzone_1 = require("./Dropzone");
-exports.default = {
+import * as React from "react";
+import { withKnobs, text } from "@storybook/addon-knobs";
+import { CloudinaryUpload } from "./CloudinaryUpload";
+import { Dropzone } from "./Dropzone";
+export default {
     title: "Forms/Dropzone",
-    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }, addon_knobs_1.withKnobs],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }, withKnobs],
 };
-var defaultDropzone = function () {
+export var defaultDropzone = function () {
     var _a = React.useState(0), progressValue = _a[0], setProgressValue = _a[1];
     var _b = React.useState(""), cloudinaryImage = _b[0], setCloudinaryImage = _b[1];
-    var cloudName = (0, addon_knobs_1.text)("Cloudinary Cloud", "");
-    var uploadPreset = (0, addon_knobs_1.text)("Upload Preset", "");
+    var cloudName = text("Cloudinary Cloud", "");
+    var uploadPreset = text("Upload Preset", "");
     var exampleUploader = function (file) {
-        (0, CloudinaryUpload_1.CloudinaryUpload)({
+        CloudinaryUpload({
             file: file,
             onUploadProgress: function (progress) {
                 setProgressValue(progress);
@@ -52,9 +26,8 @@ var defaultDropzone = function () {
         });
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Dropzone_1.Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader: exampleUploader, accept: "image/*", progress: progressValue }),
+        React.createElement(Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader: exampleUploader, accept: "image/*", progress: progressValue }),
         progressValue == 0 && (React.createElement("p", { className: "mt-16" }, "(Provide Cloudinary credentials via the Knobs below.)")),
         React.createElement("img", { src: cloudinaryImage, style: { width: "200px" }, role: cloudinaryImage ? undefined : "none", alt: cloudinaryImage && "uploaded file" })));
 };
-exports.defaultDropzone = defaultDropzone;
 //# sourceMappingURL=Dropzone.stories.js.map

package/dist/src/forms/Dropzone.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.stories.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,sDAAwD;AACxD,uDAAqD;AACrD,uCAAqC;AAErC,kBAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,EAAE,uBAAS,CAAC;CAC9F,CAAA;AAEM,IAAM,eAAe,GAAG;IACvB,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAApD,aAAa,QAAA,EAAE,gBAAgB,QAAqB,CAAA;IACrD,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAzD,eAAe,QAAA,EAAE,kBAAkB,QAAsB,CAAA;IAChE,IAAM,SAAS,GAAG,IAAA,kBAAI,EAAC,kBAAkB,EAAE,EAAE,CAAC,CAAA;IAC9C,IAAM,YAAY,GAAG,IAAA,kBAAI,EAAC,eAAe,EAAE,EAAE,CAAC,CAAA;IAE9C,IAAM,eAAe,GAAG,UAAC,IAAU;QACjC,IAAA,mCAAgB,EAAC;YACf,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,UAAC,QAAQ;gBACzB,gBAAgB,CAAC,QAAQ,CAAC,CAAA;YAC5B,CAAC;YACD,SAAS,WAAA;YACT,YAAY,cAAA;SACb,CAAC,CAAC,IAAI,CAAC,UAAC,QAAQ;YACf,gBAAgB,CAAC,GAAG,CAAC,CAAA;YACrB,IAAM,MAAM,GAAG,qCAA8B,SAAS,8CAAoC,QAAQ,CAAC,IAAI,CAAC,SAAS,SAAM,CAAA;YACvH,kBAAkB,CAAC,MAAM,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL;QACE,oBAAC,mBAAQ,IACP,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,0BAA0B,EACnC,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,aAAa,GACvB;QACD,aAAa,IAAI,CAAC,IAAI,CACrB,2BAAG,SAAS,EAAC,OAAO,4DAA0D,CAC/E;QACD,6BACE,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACzB,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC1C,GAAG,EAAE,eAAe,IAAI,eAAe,GACvC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,eAAe,mBA0C3B"}
+{"version":3,"file":"Dropzone.stories.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,EAAE,SAAS,CAAC;CAC9F,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IACvB,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAApD,aAAa,QAAA,EAAE,gBAAgB,QAAqB,CAAA;IACrD,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAzD,eAAe,QAAA,EAAE,kBAAkB,QAAsB,CAAA;IAChE,IAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAA;IAC9C,IAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC,CAAA;IAE9C,IAAM,eAAe,GAAG,UAAC,IAAU;QACjC,gBAAgB,CAAC;YACf,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,UAAC,QAAQ;gBACzB,gBAAgB,CAAC,QAAQ,CAAC,CAAA;YAC5B,CAAC;YACD,SAAS,WAAA;YACT,YAAY,cAAA;SACb,CAAC,CAAC,IAAI,CAAC,UAAC,QAAQ;YACf,gBAAgB,CAAC,GAAG,CAAC,CAAA;YACrB,IAAM,MAAM,GAAG,qCAA8B,SAAS,8CAAoC,QAAQ,CAAC,IAAI,CAAC,SAAS,SAAM,CAAA;YACvH,kBAAkB,CAAC,MAAM,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL;QACE,oBAAC,QAAQ,IACP,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,0BAA0B,EACnC,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,aAAa,GACvB;QACD,aAAa,IAAI,CAAC,IAAI,CACrB,2BAAG,SAAS,EAAC,OAAO,4DAA0D,CAC/E;QACD,6BACE,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACzB,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC1C,GAAG,EAAE,eAAe,IAAI,eAAe,GACvC,CACD,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/src/forms/Field.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,33 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Field = exports.default = void 0;
-var react_1 = __importStar(require("react"));
-var ErrorMessage_1 = require("../notifications/ErrorMessage");
+import React, { useMemo } from "react";
+import { ErrorMessage } from "../notifications/ErrorMessage";
 var Field = function (props) {
     var classes = ["field"];
     if (props.error) {
@@ -81,7 +55,7 @@ var Field = function (props) {
     }
     var type = (props.type === "currency" && "text") || props.type || "text";
     var isRadioOrCheckbox = ["radio", "checkbox"].includes(type);
-    var label = (0, react_1.useMemo)(function () {
+    var label = useMemo(function () {
         var labelClasses = ["label"];
         if (props.caps)
             labelClasses.push("text__caps-spaced");
@@ -94,23 +68,22 @@ var Field = function (props) {
         }
         if (props.error)
             labelClasses.push("text-alert");
-        return (react_1.default.createElement("label", { className: labelClasses.join(" "), htmlFor: props.id || props.name }, props.label));
+        return (React.createElement("label", { className: labelClasses.join(" "), htmlFor: props.id || props.name }, props.label));
     }, [props.caps, props.primary, props.readerOnly, props.type, props.id, props.name, props.label]);
     var idOrName = props.id || props.name;
-    var note = react_1.default.createElement(react_1.default.Fragment, null);
+    var note = React.createElement(React.Fragment, null);
     if (props.note) {
-        note = react_1.default.createElement("p", { className: "field-note mb-4" }, props.note);
+        note = React.createElement("p", { className: "field-note mb-4" }, props.note);
     }
-    return (react_1.default.createElement("div", { className: classes.join(" ") },
+    return (React.createElement("div", { className: classes.join(" ") },
         !isRadioOrCheckbox && !props.hidden && label,
         note,
-        react_1.default.createElement("div", { className: controlClasses.join(" ") },
-            props.prepend && react_1.default.createElement("span", { className: "prepend" }, props.prepend),
-            react_1.default.createElement("input", __assign({ "aria-describedby": props.describedBy ? props.describedBy : "".concat(idOrName), "aria-invalid": !!props.error || false, className: "input", type: type, id: idOrName, name: props.name, defaultValue: props.defaultValue, placeholder: props.placeholder, ref: props.register && props.register(props.validation), disabled: props.disabled, onPaste: props.onPaste, onDrop: props.onDrop, onChange: props.onChange, "data-test-id": props.dataTestId }, inputProps, { hidden: props.hidden })),
+        React.createElement("div", { className: controlClasses.join(" ") },
+            props.prepend && React.createElement("span", { className: "prepend" }, props.prepend),
+            React.createElement("input", __assign({ "aria-describedby": props.describedBy ? props.describedBy : "".concat(idOrName), "aria-invalid": !!props.error || false, className: "input", type: type, id: idOrName, name: props.name, defaultValue: props.defaultValue, placeholder: props.placeholder, ref: props.register && props.register(props.validation), disabled: props.disabled, onPaste: props.onPaste, onDrop: props.onDrop, onChange: props.onChange, "data-test-id": props.dataTestId }, inputProps, { hidden: props.hidden })),
             isRadioOrCheckbox && label),
-        props.subNote && react_1.default.createElement("p", { className: "field-sub-note" }, props.subNote),
-        props.errorMessage && (react_1.default.createElement(ErrorMessage_1.ErrorMessage, { id: "".concat(idOrName, "-error"), error: props.error }, props.errorMessage))));
+        props.subNote && React.createElement("p", { className: "field-sub-note" }, props.subNote),
+        props.errorMessage && (React.createElement(ErrorMessage, { id: "".concat(idOrName, "-error"), error: props.error }, props.errorMessage))));
 };
-exports.default = Field;
-exports.Field = Field;
+export { Field as default, Field };
 //# sourceMappingURL=Field.js.map

package/dist/src/forms/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/forms/Field.tsx"],"names":[],"mappings":"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"}

package/dist/src/forms/Field.stories.js

@@ -1,54 +1,40 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.radioBordered = exports.radioDefault = exports.checkboxBordered = exports.checkboxDefault = exports.CurrencyFieldError = exports.CurrencyField = exports.TextFieldError = exports.FieldDefault = void 0;
-var react_1 = __importDefault(require("react"));
-var react_hook_form_1 = require("react-hook-form");
-var Field_1 = require("./Field");
-exports.default = {
+import React from "react";
+import { useForm } from "react-hook-form";
+import { Field } from "./Field";
+export default {
     title: "Forms/Field",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
-};
-var FieldDefault = function () {
-    var register = (0, react_hook_form_1.useForm)({ mode: "onChange" }).register;
-    return react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", label: "Custom label" });
-};
-exports.FieldDefault = FieldDefault;
-var TextFieldError = function () {
-    var register = (0, react_hook_form_1.useForm)({ mode: "onChange" }).register;
-    return (react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", label: "Custom label", type: "text", error: true, errorMessage: "Custom error message" }));
-};
-exports.TextFieldError = TextFieldError;
-var CurrencyField = function () {
-    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
-    return (react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", className: "custom-class", controlClassName: "custom-control-class", describedBy: "Test Input", label: "Test Input Custom", type: "currency", getValues: getValues, setValue: setValue, prepend: "$" }));
-};
-exports.CurrencyField = CurrencyField;
-var CurrencyFieldError = function () {
-    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
-    return (react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", error: true, errorMessage: "Custom error message", className: "custom-class", controlClassName: "custom-control-class", describedBy: "Test Input", label: "Test Input Custom", type: "currency", getValues: getValues, setValue: setValue, prepend: "$" }));
-};
-exports.CurrencyFieldError = CurrencyFieldError;
-var checkboxDefault = function () {
-    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
-    return (react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "checkbox" }));
-};
-exports.checkboxDefault = checkboxDefault;
-var checkboxBordered = function () {
-    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
-    return (react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "checkbox", bordered: true }));
-};
-exports.checkboxBordered = checkboxBordered;
-var radioDefault = function () {
-    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
-    return (react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "radio" }));
-};
-exports.radioDefault = radioDefault;
-var radioBordered = function () {
-    var _a = (0, react_hook_form_1.useForm)({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
-    return (react_1.default.createElement(Field_1.Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "radio", bordered: true }));
-};
-exports.radioBordered = radioBordered;
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+export var FieldDefault = function () {
+    var register = useForm({ mode: "onChange" }).register;
+    return React.createElement(Field, { register: register, name: "Test Input", label: "Custom label" });
+};
+export var TextFieldError = function () {
+    var register = useForm({ mode: "onChange" }).register;
+    return (React.createElement(Field, { register: register, name: "Test Input", label: "Custom label", type: "text", error: true, errorMessage: "Custom error message" }));
+};
+export var CurrencyField = function () {
+    var _a = useForm({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
+    return (React.createElement(Field, { register: register, name: "Test Input", className: "custom-class", controlClassName: "custom-control-class", describedBy: "Test Input", label: "Test Input Custom", type: "currency", getValues: getValues, setValue: setValue, prepend: "$" }));
+};
+export var CurrencyFieldError = function () {
+    var _a = useForm({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
+    return (React.createElement(Field, { register: register, name: "Test Input", error: true, errorMessage: "Custom error message", className: "custom-class", controlClassName: "custom-control-class", describedBy: "Test Input", label: "Test Input Custom", type: "currency", getValues: getValues, setValue: setValue, prepend: "$" }));
+};
+export var checkboxDefault = function () {
+    var _a = useForm({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
+    return (React.createElement(Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "checkbox" }));
+};
+export var checkboxBordered = function () {
+    var _a = useForm({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
+    return (React.createElement(Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "checkbox", bordered: true }));
+};
+export var radioDefault = function () {
+    var _a = useForm({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
+    return (React.createElement(Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "radio" }));
+};
+export var radioBordered = function () {
+    var _a = useForm({ mode: "onChange" }), register = _a.register, getValues = _a.getValues, setValue = _a.setValue;
+    return (React.createElement(Field, { register: register, name: "Test Input", describedBy: "Test Input", label: "Test Input", type: "radio", bordered: true }));
+};
 //# sourceMappingURL=Field.stories.js.map

package/dist/src/forms/Field.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.stories.js","sourceRoot":"","sources":["../../../src/forms/Field.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.stories.js","sourceRoot":"","sources":["../../../src/forms/Field.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/forms/FieldGroup.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,29 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -42,13 +18,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldGroup = exports.default = void 0;
-var react_1 = __importStar(require("react"));
-var ExpandableContent_1 = require("../actions/ExpandableContent");
-var ErrorMessage_1 = require("../notifications/ErrorMessage");
-var Field_1 = require("./Field");
-var translator_1 = require("../helpers/translator");
+import React, { useState, useEffect, useCallback } from "react";
+import { ExpandableContent } from "../actions/ExpandableContent";
+import { ErrorMessage } from "../notifications/ErrorMessage";
+import { Field } from "./Field";
+import { t } from "../helpers/translator";
 var FieldGroup = function (_a) {
     var name = _a.name, groupLabel = _a.groupLabel, fields = _a.fields, _b = _a.type, type = _b === void 0 ? "checkbox" : _b, _c = _a.validation, validation = _c === void 0 ? {} : _c, error = _a.error, errorMessage = _a.errorMessage, groupNote = _a.groupNote, register = _a.register, fieldGroupClassName = _a.fieldGroupClassName, fieldClassName = _a.fieldClassName, fieldLabelClassName = _a.fieldLabelClassName, groupSubNote = _a.groupSubNote, dataTestId = _a.dataTestId, strings = _a.strings;
     // Always default align two-option radio groups side by side
@@ -56,14 +30,14 @@ var FieldGroup = function (_a) {
         fieldGroupClassName = "".concat(fieldGroupClassName, " flex");
         fieldClassName = "".concat(fieldClassName, " flex-initial mr-4");
     }
-    var _d = (0, react_1.useState)([]), checkedInputs = _d[0], setCheckedInputs = _d[1];
+    var _d = useState([]), checkedInputs = _d[0], setCheckedInputs = _d[1];
     var subfieldsExist = function () {
         return fields === null || fields === void 0 ? void 0 : fields.filter(function (field) { return field.subFields; }).length;
     };
     var getIndividualInput = function (item) {
         var _a, _b, _c;
-        return (react_1.default.createElement("div", { key: item.value },
-            react_1.default.createElement("input", __assign({ "aria-describedby": "".concat(name, "-error"), "aria-invalid": !!error || false, type: type, id: item.id, defaultValue: item.value || item.id, name: subfieldsExist() || item.uniqueName ? "".concat(name, "-").concat(item.value) : name, onClick: function (e) {
+        return (React.createElement("div", { key: item.value },
+            React.createElement("input", __assign({ "aria-describedby": "".concat(name, "-error"), "aria-invalid": !!error || false, type: type, id: item.id, defaultValue: item.value || item.id, name: subfieldsExist() || item.uniqueName ? "".concat(name, "-").concat(item.value) : name, onClick: function (e) {
                     // We cannot reliably target an individual checkbox in a field group since they have the same name, so we keep track on our own
                     if (e.currentTarget.checked) {
                         setCheckedInputs(__spreadArray(__spreadArray([], checkedInputs, true), [item.label], false));
@@ -72,16 +46,16 @@ var FieldGroup = function (_a) {
                         setCheckedInputs(checkedInputs.filter(function (subset) { return item.label !== subset; }));
                     }
                 }, defaultChecked: item.defaultChecked || false, disabled: item.disabled, ref: register(validation) }, item.inputProps, { "data-test-id": (_a = item.dataTestId) !== null && _a !== void 0 ? _a : dataTestId })),
-            react_1.default.createElement("label", { htmlFor: item.id, className: "font-semibold ".concat(fieldLabelClassName, " ").concat(item.disabled && "text-gray-600 cursor-not-allowed") }, item.label),
-            item.note && react_1.default.createElement("span", { className: "field-note font-normal" }, item.note),
-            item.description && (react_1.default.createElement("div", { className: "ml-8 -mt-1 mb-5" },
-                react_1.default.createElement(ExpandableContent_1.ExpandableContent, { strings: {
-                        readMore: (_b = strings === null || strings === void 0 ? void 0 : strings.readMore) !== null && _b !== void 0 ? _b : (0, translator_1.t)("t.readMore"),
-                        readLess: (_c = strings === null || strings === void 0 ? void 0 : strings.readLess) !== null && _c !== void 0 ? _c : (0, translator_1.t)("t.readLess"),
+            React.createElement("label", { htmlFor: item.id, className: "font-semibold ".concat(fieldLabelClassName, " ").concat(item.disabled && "text-gray-600 cursor-not-allowed") }, item.label),
+            item.note && React.createElement("span", { className: "field-note font-normal" }, item.note),
+            item.description && (React.createElement("div", { className: "ml-8 -mt-1 mb-5" },
+                React.createElement(ExpandableContent, { strings: {
+                        readMore: (_b = strings === null || strings === void 0 ? void 0 : strings.readMore) !== null && _b !== void 0 ? _b : t("t.readMore"),
+                        readLess: (_c = strings === null || strings === void 0 ? void 0 : strings.readLess) !== null && _c !== void 0 ? _c : t("t.readLess"),
                     } },
-                    react_1.default.createElement("p", { className: "field-note mb-2 -mt-2" }, item.description))))));
+                    React.createElement("p", { className: "field-note mb-2 -mt-2" }, item.description))))));
     };
-    var checkSelected = (0, react_1.useCallback)(function (formFields, checkedValues) {
+    var checkSelected = useCallback(function (formFields, checkedValues) {
         formFields === null || formFields === void 0 ? void 0 : formFields.forEach(function (field) {
             if (field.defaultChecked) {
                 checkedValues.push(field.label);
@@ -91,31 +65,30 @@ var FieldGroup = function (_a) {
             }
         });
     }, []);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         var initialValues = [];
         checkSelected(fields, initialValues);
         setCheckedInputs(__spreadArray([], initialValues, true));
     }, [checkSelected, setCheckedInputs, fields]);
     var getInputSet = function (item) {
         var _a;
-        return (react_1.default.createElement("div", { key: item.value },
+        return (React.createElement("div", { key: item.value },
             getIndividualInput(item),
-            item.additionalText && checkedInputs.indexOf(item.label) >= 0 && (react_1.default.createElement(Field_1.Field, { id: item.id, key: "".concat(item.value, "-additionalText"), name: "".concat(name, "-").concat(item.value), register: register, defaultValue: item.defaultText, placeholder: (_a = strings === null || strings === void 0 ? void 0 : strings.description) !== null && _a !== void 0 ? _a : (0, translator_1.t)("t.description"), className: "mb-4", disabled: item.disabled, dataTestId: item.dataTestId }))));
+            item.additionalText && checkedInputs.indexOf(item.label) >= 0 && (React.createElement(Field, { id: item.id, key: "".concat(item.value, "-additionalText"), name: "".concat(name, "-").concat(item.value), register: register, defaultValue: item.defaultText, placeholder: (_a = strings === null || strings === void 0 ? void 0 : strings.description) !== null && _a !== void 0 ? _a : t("t.description"), className: "mb-4", disabled: item.disabled, dataTestId: item.dataTestId }))));
     };
-    return (react_1.default.createElement("div", null,
-        groupLabel && react_1.default.createElement("label", { className: "text__caps-spaced" }, groupLabel),
-        groupNote && react_1.default.createElement("p", { className: "field-note mb-4" }, groupNote),
-        react_1.default.createElement("div", { className: "field ".concat(error && "error", " ").concat(fieldGroupClassName || "", " mb-0") }, fields === null || fields === void 0 ? void 0 : fields.map(function (item) {
+    return (React.createElement("div", null,
+        groupLabel && React.createElement("label", { className: "text__caps-spaced" }, groupLabel),
+        groupNote && React.createElement("p", { className: "field-note mb-4" }, groupNote),
+        React.createElement("div", { className: "field ".concat(error && "error", " ").concat(fieldGroupClassName || "", " mb-0") }, fields === null || fields === void 0 ? void 0 : fields.map(function (item) {
             var _a;
-            return (react_1.default.createElement("div", { className: "field ".concat(fieldClassName || "", " mb-1"), key: item.id },
+            return (React.createElement("div", { className: "field ".concat(fieldClassName || "", " mb-1"), key: item.id },
                 getInputSet(item),
-                item.subFields && checkedInputs.indexOf(item.label) >= 0 && (react_1.default.createElement("div", { className: "ml-8", key: "".concat(item.value, "-subfields") }, (_a = item.subFields) === null || _a === void 0 ? void 0 : _a.map(function (subItem) {
+                item.subFields && checkedInputs.indexOf(item.label) >= 0 && (React.createElement("div", { className: "ml-8", key: "".concat(item.value, "-subfields") }, (_a = item.subFields) === null || _a === void 0 ? void 0 : _a.map(function (subItem) {
                     return getInputSet(subItem);
                 })))));
         })),
-        groupSubNote && react_1.default.createElement("p", { className: "field-sub-note" }, groupSubNote),
-        error && errorMessage && (react_1.default.createElement(ErrorMessage_1.ErrorMessage, { id: "".concat(name, "-error"), error: error }, errorMessage))));
+        groupSubNote && React.createElement("p", { className: "field-sub-note" }, groupSubNote),
+        error && errorMessage && (React.createElement(ErrorMessage, { id: "".concat(name, "-error"), error: error }, errorMessage))));
 };
-exports.default = FieldGroup;
-exports.FieldGroup = FieldGroup;
+export { FieldGroup as default, FieldGroup };
 //# sourceMappingURL=FieldGroup.js.map